@charset "utf-8";

#box-kefu { position: fixed; right: 0; top: 20%; z-index: 100; _position: absolute; _top: expression(eval(document.documentElement.scrollTop+100)); }
#box-kefu .kefu-open { position: absolute; top: 0; right: 0; width: 138px; padding: 46px 0 0 0; background: url(../images/kefu_icon.png) no-repeat -46px 0; _background-image: url(../images/kefu_icon.gif); overflow: hidden; }
#box-kefu .kefu-open .close{ display: block; position: absolute; width: 22px; height: 22px; right: 0; top: 0; text-indent: -9999px; }
#box-kefu .kefu-open div { padding-bottom: 5px; background: url(../images/kefu_bg.png) no-repeat -268px bottom; width: 134px; }
#box-kefu .kefu-open ul { background: url(../images/kefu_bg.png) repeat-y 0 0 #939393; }
#box-kefu .kefu-open li { height: 32px; line-height: 32px; padding: 0 15px 2px; background: url(../images/kefu_bg.png) no-repeat -134px bottom; }
#box-kefu .kefu-open li a { color: #fff; display: block; position: relative; zoom: 1; padding-left: 35px; font-size: 12px;}
#box-kefu .kefu-open li a:hover { text-decoration: none; }
#box-kefu .kefu-open li a i { display: inline-block; position: absolute; left: 10px; top: 6px; width: 21px; height: 21px; background: url(../images/kefu_icon.png) no-repeat 9999px 9999px; _background-image: url(../images/kefu_icon.gif); }
#box-kefu .kefu-open li a i.qq { background-position: -56px -56px; }
#box-kefu .kefu-open li a i.online { background-position: -56px -56px; }
#box-kefu .kefu-open li a i.txt { background-position: -56px -86px; }
#box-kefu .kefu-close { position: absolute; top: 5px; right: 0; width: 0; height: 127px; padding: 0; background: url(../images/kefu_icon.png) no-repeat 0 0; _background-image: url(../images/kefu_icon.gif); cursor: pointer; overflow: hidden; }


.lx{
	position: fixed;
	top: 33%;
	right: 0;
	z-index: 99999;
}
.lx>ul>li{
	width: 70px;
	height: 70px;
	border-bottom: 1px solid #fff;
	background: #4690d9;
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	margin-top: 3px;
}
.lx>ul>li span{
	color: #fff;
	font-size: 12px;
	display: block;
}
.wx{
	position: absolute;
	top: 0px;
	right: 70px;
	/*background: red;*/
	width: 150px;
	height: 150px;
	display: none;
	z-index: 99999;
}
.lx>ul>li:hover .wx{
	display: block;
}
.lx>ul>li:nth-child(2)>a>img:hover{
	animation: 1s bounce;
}
.call{
	width: 250px;
	height: 100%;
	display: none;
	position: absolute;
	right: 0;
	top: 0;
	background: #4690d9;
}
.call>p{
	display: flex;
	align-items: center;
	font-size: 18px;
	color: #fff;
	line-height: 50px;
}
.call>p>img{
	margin-left: 5px;
	margin-right: 13px;
}
.lx>ul>li:nth-child(3):hover .call{
	display: block;
}
.Title>h1{
	font-size: 28px;
	color: #565656;
	text-align: center;
	position: relative;
	padding-top: 20px;
	margin-bottom: 25px;
}
.Title>h1:after{
	content: "";
	display: block;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	top: 100%;
	width: 183px;
	height: 10px;
	background: url(../images/i1.png);
}