@media screen and (min-width:769px) {
 	.kefubox {
 		position: fixed;
 		right: 0px;
 		z-index: 99999;
 		transform: translateY(300px);
 	}

 	.kefubox .main {
 		width: 50px;
 		background: #000;
 		border:1px solid #303131;
 		box-sizing: border-box;
 	}

 	.kefubox .cursor_default {
 		cursor: default;
 	}

 	.kefubox .floor {
 		border-bottom:1px solid #303131;
 		position: relative;
 		box-sizing: border-box;
 	}

 	.kefubox .floor .home {
 		background-image: url("../images/c_home.png");
 	}

 	.kefubox .floor .tellink {
 		background-image: url("../images/c_phone.png");
 	}
 		.kefubox .floor.email .tellink {
 		background-image: url("../images/c_email.png");
 	}

 	.kefubox .floor .qqlink {
 		background-image: url("../images/c_qq.png");
 	}

 	.kefubox .floor .wechatimg {
 		background-image: url("../images/c_weixin.png");
 	}

 	.kefubox .floor .erweimaimg {
 		background-image: url("../images/c_er.png");
 	}

 	.kefubox .floor>div {
 		transform: translateX(300px);
 	}

 	.kefubox .floor:hover div {
 		transition: all 300ms linear;
 		transform: translateX(0);
 	}

 	.kefubox .floor .absbox {
 		position: absolute;
 		right: 48px;
 		top: 0;
 		z-index: 3;
 	}

 	.kefubox .floor .back {
 		/*box-shadow: 0 0 15px #e4e4e4;*/
 		height: 50px;
 		width: 120px;
 		display: flex;
 		align-items: center;
 		justify-content: center;
 		font-size: 12px;
 		color: #fff;
 		background: #000;
 		box-sizing: border-box;
 	}

 	.kefubox .floor .kftel {
 	    cursor: default;
        padding-left: 15px;
        width: 186px;
        height: 50px;
        line-height: 50px;
        text-align: center;
        font-weight: 500;
        font-size: 16px;
        color: #ffffff;
        background: #000;
        box-sizing: border-box;
 	}

 	.kefubox .floor .qq {
 		/*box-shadow: 0 0 15px #e4e4e4;*/
 		height: 50px;
 		width: 120px;
 		display: flex;
 		align-items: center;
 		justify-content: center;
 		font-size: 12px;
 		color: #666;
 		background: #000;
 		box-sizing: border-box;
 	}

 	.kefubox .floor .erweima {
 		/*box-shadow: 0 0 15px #e4e4e4;*/
 		display: flex;
 		flex-wrap: wrap;
 		align-items: center;
 		justify-content: center;
 		padding: 15px;
 		font-size: 12px;
 		color: #666;
 		background: #000;
 		box-sizing: border-box;
 	}

 	.kefubox .floor .erweima img {
 		width: 100px;
 		height: 100px;
 	}

 	.kefubox .floor .erweima p {
 		width: 100px;
 		padding: 8px 0 0;
 		margin-bottom: 0;
 		display: flex;
 		align-items: center;
        color: #fff;
 		justify-content: center;
 		font-size: 12px;
 	}

 	.kefubox .floor>a {
 		width: 50px;
 		height: 50px;
 		z-index: 9999;
 		background-position: center center;
 		background-size: 25px 25px;
 		background-repeat: no-repeat;
 		display: flex;
 		align-items: center;
 		justify-content: center;
 	}

 	.kefubox .floor>a:hover {
 		transition: all 300ms linear;
 		background-color: #000;
 		transform: scale(1.1);
 	}

 	.kefubox .floor>a img {
 		height: 25px;
 		width: 25px;
 		display: block;
 	}

 	.kefubox .floor>a img:hover {
 		transition: all 300ms linear;
 		transform: scale(1.3);
 	}

 	.kefubox .floor:last-child {
 		border-bottom: none;
 	}
 }

 @media screen and (max-width:768px) {
 	.kefubox {
 		position: fixed;
 		right: 2vw;
 		top: 45vh;
 		z-index: 99999
 	}

 	.kefubox .floor {
 		display: none;
 	}
 	.kefubox .floor:nth-child(4){
 	    display: block; 
 		width: 10vw;
 		height: 10vw;
         background-color: #303131;
 		background-image: url("../images/c_weixin.png");
 		background-size: 6vw 6vw;
 		background-repeat: no-repeat;
 		background-position: center center;
 		display: flex;
 	}
 	
 	.kefubox .floor:nth-child(4) a{
 	    display: block;width: 100%;
 	}
 	/*.kefubox .tel {*/
 	/*	width: 10vw;*/
 	/*	height: 10vw;*/
  /*       background-color: #303131;*/
 	/*	background-image: url("../images/c_phone.png");*/
 	/*	background-size: 6vw 6vw;*/
 	/*	background-repeat: no-repeat;*/
 	/*	background-position: center center;*/
 	/*	display: flex;*/
 	/*}*/

 	.kefubox .tel:active {
 		background-color: #f2f2f2;
 	}

 	.kefubox .tel .kftel {
 		display: none;
 	}
 }
