@charset "utf-8";
#webRightFloatBlock{position:fixed; bottom:10%; right:1px; z-index:99; width:162px; transition:all 0.1s linear 0s;-webkit-transition:all 0.1s linear 0s;
_position:absolute; _top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight/2));}
#webRightFloatBlock dd{width:140px; height:340px; background:url(../Images/online_bg.png) no-repeat left top; position:relative; z-index:1;}
#webRightFloatBlock dt{width:25px; height:120px; background:url(../Images/online_open.png) no-repeat left top; position:absolute; z-index:0; right:0; top:115px; cursor:pointer;}
#webRightFloatBlock.rightFloatBlock_mini{width:25px; height:120px;}
#webRightFloatBlock.rightFloatBlock_mini dd{display:none;}
#webRightFloatBlock.rightFloatBlock_mini dt{background:url(../Images/online_mini.png) no-repeat right top; position:static;}

#webRightFloatBlock ul{list-style:none; padding:130px 10px 10px 5px;}
#webRightFloatBlock li{padding:0 0 5px 0;}
#webRightFloatBlock li .ico{display:block; height:30px;}
#webRightFloatBlock li.wechat .ico{background:url(../Images/online_ico_wx.png) no-repeat center;}
#webRightFloatBlock li.service .ico{background:url(../Images/online_ico_qq.png) no-repeat center;}
#webRightFloatBlock li.telIco{height:30px; background:url(../Images/online_ico_tel.png) no-repeat center;}
#webRightFloatBlock li.tel{height:90px; background:url(../Images/online_tel.png) no-repeat center;}


#webRightFloatBar{list-style:none;  position:fixed; bottom:0px; right:10px; z-index:90;
_position:absolute; _top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight/2));}
#webRightFloatBar li{padding:0 0 1px 0;}
#webRightFloatBar li .ico{display:block; position:relative; z-index:2; width:35px; height:30px; background:#c33 url(../Images/float_icos.png) no-repeat;_background-repeat:repeat-x;
border-radius:100%; -webkit-border-radius:100%; -moz-border-radius:100%;}
/*
#webRightFloatBar li .ico.even{background-color:#666;}
#webRightFloatBar li.tel .ico{background-position:0px 0px;}
#webRightFloatBar li.wechat .ico{background-position:-50px 0px; }
#webRightFloatBar li.service .ico{background-position:-100px 0px;}
*/
#webRightFloatBar li.top .ico{background-position:-153px -3px; 
border-radius:50px 50px 0 0; -webkit-border-radius:50px 50px 0 0; -moz-border-radius:50px 50px 0 0;}
#webRightFloatBar li .ico:hover{background-color:#e22;}


#webRightFloatBlock li .menu{position:absolute; z-index:1; display:inline-block; width:100px; padding:10px; left:-120px; background:#fff; border:1px solid #ddd; visibility:hidden;}
#webRightFloatBlock li .menu h6{width:8px; height:15px; background:url(../Images/arrows.gif) no-repeat right center; position:absolute; right:-8px; top:0; margin:0; padding:0; font-size:0;}
#webRightFloatBlock li.service .menu{padding:5px 0; left:-100px;}

#webRightFloatBlock li .menu .serviceLst{list-style:none; padding:0;}
#webRightFloatBlock li .menu .serviceLst li{padding:5px 0; text-align:center; border-bottom:1px dotted #ddd;}
#webRightFloatBlock li .menu .serviceLst li:last-child{border:none;}
#webRightFloatBlock li .menu .serviceLst li a{display:block;}
#webRightFloatBlock li .menu .serviceLst li a i{display:inline-block; width:40px; height:40px; overflow:hidden; background:#fff;
border-radius:100%; -webkit-border-radius:100%; -moz-border-radius:100%;}
#webRightFloatBlock li .menu .serviceLst li a strong{display:block; font-weight:normal; padding:3px 0;}
#webRightFloatBlock li .menu .serviceLst li a:hover i{filter:alpha(opacity=70);-moz-opacity:.7;opacity:.7;}

#webRightFloatBlock li .menu .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;}