@charset "utf-8";
/*右侧浮动条*/
/*body{_background-image:url(about:blank);_background-attachment:fixed;}*/
#webRightFloatBar{list-style:none;  position:fixed; bottom:20%; right:30px; z-index:99;
_position:absolute; _top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight/2));}
#webRightFloatBar li{padding:0 0 1px 0; position:relative;}
#webRightFloatBar li:before{content:" "; display:block; width:60px; height:60px; position:absolute; left:-5px; top:-5px; z-index:0; background:#fff; filter:alpha(opacity=20);-moz-opacity:.2;opacity:.2;
border-radius:100%; -webkit-border-radius:100%; -moz-border-radius:100%;}
#webRightFloatBar li .ico{display:block; position:relative; z-index:2; width:50px; height:50px; background:#666 url(../images/float_icos.png) no-repeat;_background-repeat:repeat-x; border:none;
/*filter:alpha(opacity=80);-moz-opacity:.8;opacity:.8;*/
border-radius:50px; -webkit-border-radius:50px; -moz-border-radius:50px;}
/*#webRightFloatBar li .ico.even{background-color:#c00;}*/
#webRightFloatBar li.tel .ico{background-position:10px 10px;}
#webRightFloatBar li.wechat .ico{background-position:-40px 10px; }
#webRightFloatBar li.service .ico{background-position:-90px 9px;}
#webRightFloatBar li.top .ico{background-position:-140px 10px;}
#webRightFloatBar li.sch .ico{background-position:-190px 10px;}
#webRightFloatBar li.contact .ico{background:#026daf url(../images/contact.png) no-repeat center;}
#webRightFloatBar li.contact .ico:after{content:"CONTACT US\A联系我们"; white-space:pre; font-size:12px; line-height:1.1; display:block; color:#ddd; text-align:center; position:absolute; width:80px; left:-15px; top:60px;}
#webRightFloatBar li .ico:hover{background-color:#059; filter:alpha(opacity=100);-moz-opacity:1;opacity:1;}
#webRightFloatBar li.service, #webRightFloatBar li.wechat, #webRightFloatBar li.tel{display:none;}

#webRightFloatBar li .menu{position:absolute; z-index:1; display:inline-block; width:100px; padding:10px; left:-130px; background:#fff; background:rgba(255,255,255,.9); border:1px solid #ddd; visibility:hidden;}
#webRightFloatBar li .menu h6{width:8px; height:15px; background:url(../images/arrow.gif) no-repeat right center; position:absolute; right:-8px; top:0; margin:0; padding:0; font-size:0; opacity:.9;}
#webRightFloatBar li.service .menu{padding:5px 0; left:-110px;}

/*#webRightFloatBar li .menu */
.serviceLst{list-style:none; padding:0 5px;}
.serviceLst li{padding:0; text-align:center; border-bottom:1px solid #ddd;}
.serviceLst li:last-child{border:none;}
.serviceLst li a{display:block; padding:5px 0; font-size:12px;}
.serviceLst li a i{display:inline-block; width:40px; height:40px; overflow:hidden;
transition:all 0.3s linear 0s;-webkit-transition:all 0.3s linear 0s;
border-radius:100%; -webkit-border-radius:100%; -moz-border-radius:100%;}
.serviceLst li a i img{display:block; width:40px; height:40px;}
.serviceLst li a strong{display:block; font-weight:normal; padding:0;}
.serviceLst li a:hover{}
.serviceLst li a:hover i{filter:alpha(opacity=70);-moz-opacity:.7;opacity:.7;}

.serviceLst li a .outLine{ -webkit-filter:grayscale(100%); -moz-filter:grayscale(100%); -ms-filter:grayscale(100%); -o-filter: grayscale(100%); filter:grayscale(100%); filter:url('data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale'); filter:gray;}

#float_window_box .serviceLst,
.dialogBox .serviceLst{text-align:center; padding:10px 0 30px 0;}
#float_window_box .serviceLst li,
.dialogBox .serviceLst li{display:inline-block; padding:5px 0px; border:none;}
#float_window_box .serviceLst li a,
.dialogBox .serviceLst li a{display:inline-block; border-left:1px solid #ddd; padding:0px 20px;}
#float_window_box .serviceLst li:first-child a,
.dialogBox .serviceLst li:first-child a{border-left:none;}

@media (max-width: 1024px){
	#webRightFloatBar{display:none;}
}
/*@media (max-width: 420px){
	#webRightFloatBar{bottom:10px;}
	#webRightFloatBar li.wechat, #webRightFloatBar li.service{display:none;}
}