.main_kefu {top:60%; width: 61px; position:fixed; right:0; height: 180px; margin-top: -120px; z-index:9999; background-color: #fff;}
.main_kefu dl{ float: left; width: 100%; height: 59px; border-bottom: solid 1px #eee; border-left: solid 1px #eee; position: relative; z-index: 2;}
.main_kefu dl:first-child{ border-top: solid 1px #eee; }
.main_kefu dl dt{ width: 60px; height: 60px; cursor: pointer; position: relative; z-index: 5;}
.main_kefu dl dt a{ display: block; width: 60px; height: 60px;}
.main_kefu dl.icon1 dt{background:url(../images/kefu.png) no-repeat 6px;}
.main_kefu dl.icon2 dt{background:url(../images/weixin.png) no-repeat 6px;}
.main_kefu dl.icon3 dt{ background:#2468a8 url(../images/kefuicon.png) no-repeat; background-position: -120px -60px; }
.main_kefu dl.icon4 dt{background:url(../images/tel.png) no-repeat 6px;}
.main_kefu dl.icon5 dt{ background-position: -240px 0; }
.main_kefu dl.icon6 dt{background:url(../images/back.png) no-repeat 6px;}
.main_kefu dl:hover dt{ background:#2468a8 url(../images/kefuicon.png) no-repeat;}
.main_kefu dl.icon1:hover dt{background:#2468a8 url(../images/kefuh.png) no-repeat 6px;}
.main_kefu dl.icon2:hover dt{background:#2468a8 url(../images/weixinh.png) no-repeat 6px;}
.main_kefu dl.icon3:hover dt{ background-position: -10px -60px; }
.main_kefu dl.icon4:hover dt{background:#2468a8 url(../images/telh.png) no-repeat 6px;}
.main_kefu dl.icon5:hover dt{ background-position: -240px -60px; }
.main_kefu dl.icon6:hover dt{background:#2468a8 url(../images/backh.png) no-repeat 6px;}

.main_kefu dl.icon2 dd{ width: 150px; height: 150px; transition: all 0.5s ease; position: absolute; top: 0; right: -213px; z-index: 1;}
.main_kefu dl.icon2 dd img{ width: 150px; height: 150px; border: solid 1px #eee;}
.main_kefu dl.icon2:hover dd,.main_kefu dl.icon3:hover dd,.main_kefu dl.icon4:hover dd{ right: 61px;}
.main_kefu dl.icon3 dd{ width: 130px; border: solid 1px #eee; transition: all 0.5s ease; height: 245px;  position: absolute; top: 0; right: -193px; z-index: 1;}
.main_kefu dl.icon3 dd a{ float: left;display: block; width: 100%; height: 40px; text-align: center; line-height: 40px; border-top: solid 1px #eee; background-color: #fff;}
.main_kefu dl.icon3 dd a:hover{ background-color: #2468a8; color: #fff;}
.main_kefu dl.icon3 dd a:first-child{ border-top: 0;}
.main_kefu dl.icon4 dd{ /*height: 48px;*/ padding: 6px 15px; background-color:rgba(0, 0, 0, 0.8); position: absolute; top: 0; right: -261px; color: #fff; font-size: 14px; line-height: 24px; z-index: 1; width: 190px;transition: all 0.5s ease;}


.xfoot{ display:none}
.wxtan{ display:none}
.tanbg{ display:none}
@media screen and (max-width: 768px) {
	body{ padding-bottom:56px;}
	.xfoot{ display:block !important; position:fixed; left:0; bottom:0; width:100%; background:#000; height:56px; z-index:9999}
	.xfoot li{ width:25%; text-align:center; float:left; list-style:none}
	.xfoot li a{ display:inline-block; width:100%; color:#fff; font-size:12px; padding:0; margin:0}
	.xfoot li img{ margin-top:10px}
	.tanbg{ position:fixed; width:100%; height:100%; left:0; top:0; z-index:9998;    background: rgba(0,0,0,.6);}
	.wxtan {width: 100%; position:fixed; width:80%; top:50%;left:50%;  transform: translate(-50%, -50%);   background-color: rgba(255, 255, 255, 0.8); border-radius:10px; text-align:center; padding:30px 0;  z-index:9999}
	.wxtan i{position: absolute; right: 7px; top: 7px; text-align: center; color: #fff; font-style: normal; background: #333; border-radius: 1rem; cursor: pointer; width: 22px;line-height: 22px;}
	.wxtan p{ padding-top:3px; font-size:14px}
	.wxtan p span{ display: inline-block; padding: 2px 10px; background-color: #009946; color: #fff; border-radius: 5px; cursor: pointer;}
	.wxtan span.wx{background: #009943 url(wxico.png) no-repeat 6px center; background-size: 16px; padding-left: 20px;}
	.ywx{ display:block !important}
	.ybg{ display:block !important}
}