@charset "utf-8";
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td { margin: 0; padding: 0; }
body, button, input, select, textarea { font: 12px/1.5 微软雅黑, Arial, sans-serif; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; }
address, cite, dfn, em, var,i { font-style: normal; }
ul, ol { list-style: none; }
a { text-decoration: none; }
legend { color: #000; }
fieldset, img { border: 0; vertical-align: bottom; }
section, article, aside, header, footer, nav, dialog, figure { display: block; }
figure { margin: 0; }
button, input, select, textarea { font-size: 100%;border:0;background:none;outline:none; }
table { border-collapse: collapse; border-spacing: 0 }
.clear { display: block; height: 0; overflow: hidden; clear: both }
.clearfix:after { content: '\20'; display: block; height: 0; clear: both; }
.clearfix { *zoom:1;}
a:link, a:visited { text-decoration: none; }
a:hover, a:active { text-decoration: underline; }
/*a { blr:expression_r(this.onFocus=this.blur());}*/
a { outline: none; /*transition-duration: 0.3s, 0.3s;*/ color: #555; }
table { border-collapse: collapse; border-spacing: 0; }
.hidden { display: none; }
.invisible { visibility: hidden; }
/*.info{text-align: justify; text-justify: inter-ideograph;}*/

/*Body*/
body {margin: 0 auto; overflow-x: hidden;  background: #fff; color:#666; }
a {  color: #555; text-decoration:none; transition: all 0.5s ease 0s; }
a:hover { text-decoration:none; color: #4bace0; }
area {  anything:expression(this.onfocus=this.blur);  }


.wrapper {position:relative; width:100%; margin:0 auto;overflow: hidden;}
.g-in{width:1200px;margin:0 auto;*zoom:1;} .g-in:after{content:"\20";display:block;height:0;clear:both;}

.linkLeft{position: absolute;left: 0;z-index: 10;top:10%;}
.linkLeft li{width:72%;margin:5px 0;}
.linkLeft .li01 a{background:url(link-01.png) no-repeat center;}
.linkLeft .li02 a{background:url(link-02.png) no-repeat center;}
.linkLeft .li03 a{background:url(link-03.png) no-repeat center;}
.linkLeft .li01:hover a{background:url(link-010.png) no-repeat center;}
.linkLeft .li02:hover a{background:url(link-020.png) no-repeat center;}
.linkLeft .li03:hover a{background:url(link-030.png) no-repeat center;}
.linkLeft li a{display: inline-block;width: 42px;height:156px;background-size: 80%!important;}

.footer{background:#fff;color:#010101;text-align: center;padding-bottom: 40px;margin-top: 20px;}
.footer a{color:#010101;}
.linkBox {padding:15px 0;border-top: 1px solid #000;border-bottom: 1px solid #000;margin-bottom: 16px;}
.linkBox span{color: #000;font-size: 14px;}
.linkBox a{font-size: 14px;color: #000;display: inline-block;padding: 0 15px;}
.copyright span{display: inline-block;margin-right: 15px;}
.copyright span a{display: inline-block;color: #010101;padding: 0 8px;}
.btshare{margin-top: 25px;}
.btshare a{display: inline-block;width: 24px;height: 24px;/*margin: 0 7px;*/}
.btshare .a1{background: url(s-01.jpg) no-repeat;}
.btshare .a2{background: url(s-2.jpg) no-repeat;}
.btshare .a3{background: url(s-3.jpg) no-repeat;}
.btshare .a4{background: url(s-4.jpg) no-repeat;}
.btshare .a5{background: url(s-5.jpg) no-repeat;}
.btshare .a6{background: url(s-6.jpg) no-repeat;}

.back-to { position:fixed; bottom:110px; right:46%; margin-right:-620px; display:none; z-index:999; }
.back-to .back-top { display:block; width:60px; height:60px; background:url(top.png) no-repeat; outline:0 none; text-indent:-9999em; overflow:hidden; }
.back-to .back-top:hover { background-position:0 0; }
.banner img { vertical-align:top; }


#qq{position: fixed;right:-116px;top: 180px;border:2px solid #63b728;padding: 6px 10px;border-radius:5px;width:92px;z-index: 999;transition:all 0.5s ease-out;background:#f2f6f1;}
#qq.out{right:0px;}
#qq .btn{position: absolute;left:-28px;top: 50%;margin-top:-59px;height:118px;width:28px;background: url(add_01.jpg) no-repeat;cursor:pointer;border-radius:5px 0 0 5px;}
#qq h1{font-size: 14px;color:#63b728;text-align: center;padding: 3px 0 8px; }
#qq .qqimg{text-align: center;}
#qq .onqq{padding: 8px 0;}
#qq .onqq li{border-bottom: 1px solid #e5e4e2;height: 32px;line-height: 32px;display: block;}
#qq .onqq li a{display:block;margin-top:6px;font-size: 12px;padding-left:24px;background: url(add_03.jpg) no-repeat 6px center;height:21px;line-height:21px;}

#qq .telphone {padding: 5px 0;}
#qq .telphone p{font-family: Arial;font-size: 13px;color: #63b728;padding-top: 30px;background: url(add_04.jpg) no-repeat center top;font-weight:bold;}


#online{position: fixed;right: 20px;bottom:60px;z-index:999;border:1px solid #d4dbe1;border-radius: 5px;border-bottom: none;width: 40px;background: #fff;}
#online li{display: block;height:38px;border-bottom: 1px solid #d4dbe1;}
#online li a{display: block;height: 100%;position: relative;}
#online li a i{position: absolute;left:-141px;width: 130px;height:38px;line-height: 38px;font-size: 14px;display: block;background: #fff;top: 0;padding-left: 10px;display: none;}
#online li .a01{background: url(new01.jpg) no-repeat center;}
#online li .a02{background: url(new02.jpg) no-repeat center;}
#online li .a03{background: url(new03.jpg) no-repeat center;position: relative;}
#online li .a04{background: url(new04.jpg) no-repeat center;}
#online li .a01:hover i{display: block;color: #000;}

.img_e{position: absolute;left: -161px;top:-80px;z-index: 9;display: none;}
#online li .a03:hover .img_e{display: block;}


#enter{position: fixed;top:12%;left: 50%;transform:translateX(-50%);z-index: 999;background: #fff;border-radius: 6px;padding: 30px 40px;text-align: center;display: none;}
#enter p{font-size: 21px;color: #000;margin-bottom: 30px;}
#enter>div a{display: inline-block;font-size: 14px;margin: 0 20px;}
#enter>div .a1{color: #63b728;}