/*右侧悬浮菜单*/
.slide{
    /*background: url("../images/lls.png")no-repeat center;*/
	width: 195px;
	height: 530px;
	position: fixed;
	top: 50%;
	margin-top: -200px;

	left: 20px;
	/*border: solid 1px #ccc;*/
	border-radius: 5px 5px 5px 5px;
	z-index: 999;
}
.slide ul li{
	padding: 10px 10px;
	text-align: center;
}
.slide ul .on{
	/*border-bottom: solid 1px #ccc;*/
	border-top: solid 1px #ccc;
}

.slide ul .wx .ho{
	top: 24%;
	height: 147px;
	position: absolute;
	left: 100%;
	width: 80px;
	background: #fff;
	padding: 5px 5px;
	text-align: center;
	padding-top: 30px;
	display: none;
	border: solid 1px #ccc;
}
/*自适应 当屏小于1050时隐藏*/
@media screen and (max-width: 1050px) {
	.slide{
		display: none;
	}
}



/*右侧悬浮菜单*/

.contact_hotline{ position: fixed; left:5px; top: 53%; z-index: 900;}
.contact_hotline li a{ text-decoration: none;}
.contact_hotline li{ margin-top: 1px; clear: both; height: 70px; position: relative;}
.contact_hotline li i{ background: url(../images/hotcontacticon.png) no-repeat; display: block; width: 30px; height: 27px; margin: 0px auto; text-align: center;}
.contact_hotline li p{ height: 20px; font-size: 14px; line-height: 20px; overflow: hidden; text-align: center; color: #fff;}
.contact_hotline .my-kefu-qq i{ background-position: 4px 5px;}
.contact_hotline .my-kefu-qq:hover{left:100px;}



.contact_hotline .my-kefu-tel i{ background-position: 0 -21px;}
.contact_hotline .my-kefu-liuyan i{ background-position: 4px -53px;}
.contact_hotline .my-kefu-weixin i{ background-position: -34px 4px;}
.contact_hotline .my-kefu-weibo i{ background-position: -30px -22px;}
.contact_hotline .my-kefu-ftop{ display: none;}
.contact_hotline .my-kefu-ftop i{ width: 33px; height: 35px; background-position: -27px -51px;}
.contact_hotline .my-kefu-left{ float: left; width: 77px; height: 47px; position: relative;}
.contact_hotline .my-kefu-tel-right{ font-size: 16px; color: #fff; float: left;height: 24px; line-height: 22px; padding: 0 15px; border-left: 1px solid #fff; margin-top: 14px;}
.contact_hotline .my-kefu-right{ width: 20px;}

/*.contact_hotline .my-kefu-tel-mains{margin-left: -100px;*/
    /*background: #CDA799; color: #fff; height: 70px; width:167px; padding: 9px 0 6px;}*/
/*.my-kefu-tel:hover  .my-kefu-tel-mains{margin-left: 0px;}*/
.contact_hotline .my-kefu-tel-main{ background: #CDA799; color: #fff; height: 70px; width:77px; padding: 9px 0 6px;}
.contact_hotline .my-kefu-main{ background: #CDA799; width: 77px; height: 70px; position: relative; padding: 9px 0 6px; float: left;}
.contact_hotline .my-kefu-weixin-pic{ position: absolute; left:80px; top: -24px; display: none; z-index: 333;}


.contact_hotline .tel{position: absolute; left:70px; top:0px;width:100px;height: 70px;font-size: 13px;color: #fff;background: #CDA799;opacity: 0;line-height: 30px;padding-top:32px;}
.contact_hotline .my-kefu-tel:hover .tel{opacity: 1;}

.my-kefu-weixin-pic img{ width: 115px; height: 115px;}
.change{ -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transition: color 0.2s; transition: color 0.2s; position: relative; overflow: hidden;}
.change:before,.change:after{ content: ""; position: absolute; top: 0; left: 30px; opacity: 0; width: 100%; height: 100%; border: 2px solid transparent; -webkit-transition: -webkit-transform 0.3s ease; transition: -webkit-transform 0.3s ease; transition: transform 0.3s ease; transition: transform 0.3s ease, -webkit-transform 0.3s ease; pointer-events: none; box-sizing: border-box;}
.change:before{ border-color: #00a0e9 transparent; -webkit-transform: skewX(-81deg); transform: skewX(-81deg);}
.change:after{ border-color: transparent #00a0e9; -webkit-transform: skewY(40deg); transform: skewY(40deg); -webkit-transition: -webkit-transform 0.4s; transition: -webkit-transform 0.4s; transition: transform 0.4s; transition: transform 0.4s, -webkit-transform 0.4s;}
.change:hover:before,.change:hover:after{ opacity: 1; -webkit-transform: none; transform: none;}

/*悬浮超出隐藏*/

@media screen and (max-width: 1050px){ .contact_hotline{ display: none;}
}