@charset "utf-8";
/* CSS Document */
/* -------------------------------------------------
 * html
 * -------------------------------------------------
*/
* html,* html body{
background-image:url(about:blank);    /*用浏览器空白页面作为背景*/
background-attachment:fixed; /* prevent screen flash in IE6 确保滚动条滚动时，元素不闪动*/}

/* -------------------------------------------------
 * fixed
 * -------------------------------------------------
*/

.fixed-top{  position:fixed;  right:0; top:0; _position:absolute; _bottom:0; _top:expression(eval(document.documentElement.scrollTop));} /* IE6 头部固定 */
.fixed-bottom{ position:fixed;  right:0; bottom:0; _position:absolute;  _bottom:0; _top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)));}/* IE6 底部固定 */

.pb100{ padding-bottom:100px !important;}

/*icon*/
.icon25{ display:inline-block; background:url(/web/image/icon25.png) no-repeat; width:25px; height:25px;}
.icon-kefu{ background-position:0 0;}
.icon-order{ background-position:0 -25px;}
.icon-desk{ background-position:0 -50px;}
.icon-totop{ background-position:0 -75px;}
.icon-code{ background-position:0 -100px;}



/*toolbar1*/
.toolbar1{ width:35px; background:url(/web/image/bgblack.png) repeat 0 0;  height:100%; right:0; left:auto; z-index:999;}
.toolbar1 .cont{ height:100%; overflow:hidden;}
.toolbar1 ul{ position:absolute; top:50%; margin-top:-90px; height:180px;}
.toolbar1 ul li{ position:relative; width:35px; height:35px; border-bottom:1px solid #333;}
.toolbar1 ul li a{width:35px; height:30px; display:block; text-align:center; padding-top:5px;}
.toolbar1 ul li.hover a{ background-color:#FEE31A; text-decoration:none;}
.toolbar1 ul li .txtitem{ position:absolute; top:0; opacity:0; filter:alpha(opacity=0); right:50px; width:80px; text-align:center; height:35px; line-height:35px; background-color:#FFF; color:#404040; font-size:12px; display:none; }
.toolbar1 ul li .boxitem{ position:absolute; opacity:0; filter:alpha(opacity=0); right:50px; top:50%; margin-top:-75px; display:none;}
.toolbar1 ul li .txtitem i,.toolbar1 ul li .boxitem i{ position: absolute;
right:-7px;
top:50%;
margin-top:-7px;
width: 14px;
height: 14px;
line-height: 14px;
text-align: center;
font-size: 14px;
font-family: "\5b8b\4f53"; font-style:normal; color:#FFF;}

.toolbar1 ul li.hover a .icon25{ display:block; margin:0 auto; }
.toolbar1 ul li.hover a .icon-kefu{ background-position:0 -125px;}
.toolbar1 ul li.hover a .icon-order{ background-position:0 -150px;}
.toolbar1 ul li.hover a .icon-desk{ background-position:0 -175px;}
.toolbar1 ul li.hover a .icon-totop{ background-position:0 -200px;}
.toolbar1 ul li.hover a .icon-code{ background-position:0 -225px;}
.toolbar1 ul li .contitem{ width:180px; color:#404040; right:40px; top:50%; background-color:#FFF;}
.toolbar1 ul li .contitem ul{ position:static; top:0; margin:0; height:auto;}
.toolbar1 ul li .contitem ul li{ position:static; width:auto; height:auto; border-bottom:1px solid #DDD; padding:10px;}
.toolbar1 ul li .contitem ul li.last{ border-bottom:0;}
.toolbar1 ul li .contitem ul li h3{ font-size:14px;}
.toolbar1 ul li .contitem ul li a{ width:auto; height:auto; background-color:transparent; padding:0; margin:0; margin-top:5px; margin-right:10px;}
.toolbar1 ul li .contitem ul li a img{ padding:0; margin:0;}




/*toolbar2*/
.toolbar2{ background:url(/web/image/bgblue.png) repeat 0 0; height:100px; width:100%; color:#FFF; z-index:999;}
.qq-item{ float:left; width:65px; margin-right:10px; background:url(/web/image/qq-bg3.png) no-repeat center top; padding-top:40px; line-height:20px; color:#FFF; text-align:center;}
.toolbar2 .toolbar-tit{ background:url(/web/image/qq-service.png) no-repeat 0 center; width:200px; height:100px;}


/*toolbar3*/
.toolbar3{ width:50px; position:fixed; z-index:999; }
.toolbar3 a{ position:relative; display:block; width:50px; height:50px; background:url(/web/image/bgblue.png) repeat 0 0; margin-top:1px; text-align:center;}
.toolbar3 a span{ display:none; color:#FFF;}
.toolbar3 a i.icon25{ margin-top:13px; display:inline-block;}
.toolbar3 a .boxitem{ display:none;}
.toolbar3 a:hover{ background-color:#0185D8; text-decoration:none;}
.toolbar3 a:hover span{ display:block; padding:8px 5px; line-height:17px;}
.toolbar3 a:hover i.icon25{ display:none;}
.toolbar3 a:hover .boxitem{ display:block; position:absolute; right:60px; bottom:-30px; box-shadow:0 0 2px #999;}
.toolbar3 a:hover .boxitem i{ position:absolute; right:-20px; top:85px; display:inline-block;
width:0;
height:0;
font-size:0;
line-height:0;
border-width:10px;
border-color:transparent transparent transparent #FFF;
border-style:dashed dashed dashed solid;}
.toolbar3 a:hover .boxitem i:after{
position: absolute;
left:-17px;
top:-7px;
content:"";
width:14px;
height:14px;
box-shadow: 1px 1px 1px #CCC;
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
}
.kefu{ width:120px; z-index:999;}
.kefu h3{ background-color:#4B71D2; height:30px; line-height:30px; text-align:center; font-size:14px; color:#FFF; border-radius:3px 3px 0 0;}
.kefu .cont{ border:1px solid #B1C0E7; border-top:0; padding-bottom:5px;  background-color:#FFF; border-radius:0 0 3px 3px;}
.kefu-phone{ margin:5px; line-height:25px; font-size:16px; background:url(/web/image/kefu-phone.png) no-repeat 0 3px ; padding-left:25px;}
.kefu-list{ padding:5px;}
.kefu-list a{ background:url(/web/image/qq-bg2.png) no-repeat 0 2px; padding-left:25px;  display:block; height:25px; line-height:25px; overflow:hidden; color:#666; text-decoration:none;}
.kefu-list a:hover{ color:#06c; text-decoration:none;}



.toolbar4{width:60px; position:fixed; top:270px; right:0; z-index:999; border-radius:5px 0 0 5px; background-color:#FFF; border:1px solid #ccc; box-shadow:0 1px 3px #CCC; border-bottom:none; z-index:1999;}
.toolbar4 li a{display:block;  padding-top:30px; border-bottom:1px solid #ccc; background-image:url(img/icon.jpg); background-color:#fff; background-repeat:no-repeat; height:30px; line-height:25px; text-align:center; color:#666;}
.toolbar4 li a.top_order{background-position:-6px 0;}.toolbar4 a.top_order:hover{background-position:-66px 0;color:#139AED;}
.toolbar4 li a.top_weixin{background-position:-2px -70px;}.toolbar4 a.top_weixin:hover{background-position:-62px -72px;color:#73AE1F;}
.toolbar4 li a.top_bqq{background-position:-4px -140px; border-radius:5px 0 0 0; }
.toolbar4 li a.top_bqq:hover{background-position:-66px -141px;color:#139AED;}
.toolbar4 li a.top_fav{background-position:-2px -226px;}.toolbar4 a.top_fav:hover{background-position:-64px -227px;color:#139AED;}
.toolbar4 li a.top_head{background-position:-4px -305px; border-radius:0 0 0 5px;}.toolbar4 a.top_head:hover{background-position:-66px -306px;color:#139AED;}

.toolbar4 li .collapsible{ position:absolute; z-index:100; left:-32px; top:50%; margin-top:-19px; border:0 none; padding:0; width:32px; height:38px; background:url(/web/image/collapsible.png) no-repeat 0 0;}
.toolbar4 li .collapsible_active{ background-position:-32px 0;}

.toolbar4 li .qqBox{ position:absolute; background-color:#FFF; left:-140px; max-height:500px; overflow:hidden; top:0; width:135px; border:1px solid #E2E2E2; }
.toolbar4 li .code{ position:absolute; top:0; left:-155px; border:1px solid #E2E2E2;}
.toolbar4 li a:hover .code{ display:block;}

.toolbar4 li .qqBox h3{ font-size:14px; text-indent:10px; height:30px; line-height:30px;}
.toolbar4 li .qqBox a{ display:inline-block; background:url(/web/image/qq-bg2.png) no-repeat 0 0; height:22px; line-height:22px; padding:0; padding-left:25px; margin-right:5px; color:#1D4A5F; border:0 none; margin-bottom:5px;}
.toolbar4 li .qqBox a:hover{ color:#f60;}



.fixed-left{ right:auto; left:0;}
.fixed-left ul li .txtitem{ right:auto; left:50px;}
.fixed-left ul li .boxitem{ right:auto; left:50px;}
.fixed-left ul li .txtitem i,.fixed-left ul li .boxitem i{ right:auto; left:-7px;}

.fixed-left a:hover .boxitem{ right:auto; left:60px;}
.fixed-left a:hover .boxitem i{right:auto; left:-20px; border-color:transparent #FFF transparent transparent;
border-style:dashed solid dashed dashed;}
.fixed-left a:hover .boxitem i:after{ left:auto; right:-17px; -webkit-transform: rotate(135deg);
-moz-transform: rotate(135deg);
-ms-transform: rotate(135deg);
-o-transform: rotate(135deg);}

.boxitem, .txtitem {
    box-shadow: 0 0 2px #ccc;
}