@charset "gb2312";
*html{_background-image:url(about:blank);_background-attachment:fixed}
div:after,ul:after { content:"\20"; display:block; height:0; clear:both; visibility:hidden; }
div,ul { zoom:1;*zoom:1 }
li { list-style-type:none;}
.doc{overflow: hidden; text-align: left; font: 18px/1.5 Microsoft Yahei,tahoma,HELVETICA; color: #000; }
.doc .inner,.b_inner, .nav_inner{width:1000px; clear: both; margin:0 auto; overflow: hidden;  }
.title{ margin:60px auto 50px; display:block;}
.tp{ display: block; float: left;}

.prev,.next, .prev_btn1, .next_btn1, .aprev, .anext { background:url(../images/img.png) no-repeat center center; cursor:pointer; width:45px; height:120px; position:absolute; float:left; z-index:5}

.area1{background:url(../images/banner.jpg) no-repeat center top; height:640px;}
.area2{ height: 45px; background: #000;}
.area2  ul li{ float: left; width:126px;  height: 45px; line-height: 45px; text-align:center;}
.area2  ul li:first-child{ width:116px; background:#fff ;}
.area2  ul li a.first { color:#000;  text-align:left;  }
.area2  ul li a.selected { color:#003567;}
.area2  ul li a{ color: #fff;font-size: 18px; line-height: 45px; color:#fff;text-align:center;}
.area2  ul li a:hover{ text-decoration: none; color:#01afee;}
.area2  ul li a.first:hover { color:#333;}

.area3 .left .log{ display: block; width: 400px; height: 300px; margin: 15px 52px 0 37px;}
.area3 .left{ width:488px; float:left; height: 790px; border: solid 1px #434343;}
.area3 .line{ display: block; float: left;}
.area3 .line1{ display: block; float: right;}
.area3 .mgleft{ margin-left:20px ;}
.area3 h2{ width:400px; margin-bottom: 20px; font-size: 30px; margin-top:40px; margin-left:45px ; line-height: 60px; border-bottom: dashed  #000000 1px; }
.area3 p{ font-size:18px; padding: 0 52px 0 38px; line-height:33px; text-indent:38px; text-align:justify; text-justify:inter-ideograph;}
.area3 .mgtop{ margin-top:30px ;}
.area3 .p1{  padding: 0 45px 0 62px;}
.area3 span{ padding-left: 10px;}
.area3 .jz{ display: block; margin:20px auto 0;}
.area4 .right{ width:584px; margin-left: 15px; background: url(../images/bg2.jpg) no-repeat center top; float:left; height: 302px;}
.area4 p{  line-height:32px ; padding:25px 28px 0 22px; text-indent:38px; text-align:justify; text-justify:inter-ideograph;}
.area13 .inner{background:url(../images/bg6.jpg) no-repeat center top; height:492px; margin-top:30px ;}
.area13 .con{ width:400px ; margin-left:50px ;}
.area13 ul li{ font-size:18px;  line-height:33px; text-indent: 5px; }
.area13 ul .one{ height:30px; line-height:30px; color:#fff ; background:#01afee ; margin:3px 0;}
.area13 h2{ width:400px; margin-bottom: 5px; font-size: 30px; margin-top:20px; margin-left:-10px ; line-height: 60px;  }




.area5 .one{background: #959595; height: 35px; text-align:center; color:#fff}
table{border:2px solid #959595; border-collapse:collapse; margin: 0 20px 0 20px; }
th{}
td{border: 1px solid #959595; text-align: center;}
.area5 .two{ height: 35px; background:#fff ;}
.area5 .three{ height: 65px; text-align: left; font-weight: bolder; line-height: 65px; color:#666 ; font-size: 24px; padding-left:20px ;}
.area5 .cl{ background:#fff ;}
.area5 .con{ background: #e5e5e5; height: 395px; padding-top:25px ;}
.area5 .text2{ border: 0; outline: none; height: 35px; width:91% ;  color:#333 ; font-size: 16px;}
.area5 p{ line-height: 58px; padding-left:20px ; }
.area5 .text3{ width: 100px; border-radius:5px; cursor: pointer; -webkit-border-radius:5px;font-size: 16px; text-align: center; color:#fff;margin: 0 auto; padding: 5px 0; outline: none; border: 0; height: 40px; background: #01afee; display: block;}
.area5 .text1{ border: 0; outline: none; height: 35px; width:97% ;  color:#333 ; font-size: 16px;}
.area6 .right{ width:620px; position: relative; margin-left: 28px; background: url(../images/bg4.jpg) no-repeat center top; float:left; height: 222px;}
.area6 p{ font-size: 18px;}
.area6 .p1{ position: absolute; left: 36px; top: 38px;} 
.area6 .p2{ position: absolute; left: 48px; top: 105px;} 
.area6 .p3{ position: absolute; left: 47px; top: 140px;} 
.area6 .p4{ position: absolute; left: 152px; top: 38px;} 
.area6 .p5{ position: absolute; left: 152px; top: 72px;} 
.area6 .p6{ position: absolute; left: 139px; top: 105px;} 
.area6 .p7{ position: absolute; left: 215px; top: 140px;} 


.area7{ height:863px;}
.area7 .box_title{ position: relative; height: 89px; margin-bottom:50px ;}
.area7 .more{ font-size:18px; position: absolute;  right: 40px; top:30px; color: #000;}
.area7 .more:hover{ color:#01afee ;}
.area7 ul{ margin-right:-32px; }
.area7 ul li{ width:312px; height:362px; float:left; float:left; position:relative; margin-right:32px; margin-bottom:30px;}
.area7 ul li img{ width:255px; height:290px; margin:35px auto 0; display:block;}
.area7 span{ background:url(../images/bg.png) no-repeat center top; z-index:2; display:block; width:312px; height:362px; position:absolute; top:0; left:0}
.area7 ul li:first-child{ z-index:2;}
.area7 ul li:nth-child(4){ margin-left:172px; top:-88px;}
.area7 ul li:nth-child(5){ top:-88px;}



.picScroll-top{ margin:0 auto;  width:1000px; height:350px; overflow:hidden; position:relative; }
.picScroll-top  .prev,.picScroll-top  .next{ display:block;  width:48px; height:24px; overflow:hidden; cursor:pointer; background:url(../images/prev.jpg) top center no-repeat; position:absolute; top:0px; left:875px;}
.picScroll-top  .next{ background:url(../images/next.jpg)  top center no-repeat; top:325px; }

.picScroll-top .hd{ float: left;overflow:hidden; height:275px;width:200px; margin-left:16px;margin-top:38px;position:relative;}
.picScroll-top .hd ul{overflow:hidden;  zoom:1; position:absolute;}
.picScroll-top .hd ul li{ width:198px; height:85px; margin-bottom:8px; }
.picScroll-top .hd ul li.on{ border:1px #01afee solid; }
.picScroll-top .hd ul li img{ width:198px; height:85px;  }

.picScroll-top .bd{float: left; width:784px; height:350px;   }
.picScroll-top .bd ul{ overflow:hidden; zoom:1; }
.picScroll-top .bd ul li{ text-align:center; zoom:1;  width:784px; height:350px;}


.picScroll-top .bd .zdre{ width:300px; height:350px; display: block;  float: left;}
.picScroll-top .bd .con{ width: 470px; float: left; height: 348px; border: solid 1px #a0a0a0; margin-left: 12px;}
.picScroll-top .bd .con-one{ width: 435px; float: left; height: 315px; margin: 15px 0 15px 18px; overflow-y:auto; m }
.picScroll-top .bd h4{ font-size:25px; margin: 0 auto; text-align: center;  height: 60px; line-height: 60px; border-bottom: dashed 1px #000; width:410px ;    }
.picScroll-top .bd h3{ font-size:18px;margin: 0 auto;  text-align: center;  height: 40px; line-height: 40px; border-bottom: dashed 1px #a0a0a0; width:410px ;  }
.picScroll-top .bd h3 span{ font-size: 24px;}
.picScroll-top .bd h3 em{ font-size: 18px; font-style: normal; padding-left: 5px;}
.picScroll-top .bd p{ font-size:16.5px;margin: 10px 15px 0 15px; color:#434343; text-align: justify; text-justify: inter-ideograph; line-height:26px; text-indent: 25px;}



.leftBox{height:351px; width:784px;float:left; }
.leftBox li{ display:none;}
.leftBox li.on{ display:block;}

.leftBox .zdre{ width:300px; height:350px; display: block;  float: left;}
.leftBox .con{ width: 470px; float: left; height: 348px; border: solid 1px #a0a0a0;}
.leftBox .con-one{ width: 425px; float: left; height: 323px; margin: 0 auto; }
.area9 .leftBox h4{ font-size:30px; margin: 0 auto; text-align: center; width:400px; height: 60px; line-height: 60px; border-bottom: dashed 1px #000;  width:322px;  }
.area9 .leftBox h3{ font-size:18px;margin: 0 auto;  text-align: center; width:400px; height: 40px; line-height: 40px; border-bottom: dashed 1px #a0a0a0;  width:322px;  }
.area9 .leftBox h3 span{ font-size: 24px;}
.area9 .leftBox p{ font-size:16.5px;margin: 0 auto; color:#434343; width: 385px; text-align:justify; text-justify:inter-ideograph; line-height:26px; text-indent: 25px;}



.slideBox{ width:1000px; height:300px; overflow:hidden; position:relative;   }

.slideBox .bd{ position: absolute; height:100%; z-index:0;   }
.slideBox .bd li{ zoom:1; width:1000px;vertical-align:middle; }
.slideBox .bd img{ width:500px; height:300px; display:block; float: left;  }

/* 下面是前/后按钮代码，如果不需要删除即可 */
.slideBox .prev,
.slideBox .next{ position:absolute; left:25px; top:51%; margin-top:-25px; display:block; width:32px; height:40px; background:url(../images/slider-arrow.png) -110px 5px no-repeat; filter:alpha(opacity=50);opacity:0.5;   }
.slideBox .next{ left:auto; right:525px; background-position:8px 5px; }
.slideBox .prev:hover,
.slideBox .next:hover{ filter:alpha(opacity=100);opacity:1;  }
.slideBox .prevStop{ display:none;  }
.slideBox .nextStop{ display:none;  }
.slideBox .hd{ position:absolute; bottom:0px; left:502px; width:560px; height:137px; overflow:hidden;}
.slideBox .hd ul{ position:absolute;top:0; left:0;}
.slideBox .hd li{float:left; width:115px; height:135px; margin: 0 5px; }
.slideBox .hd li.on{ border:1px solid #01afee;}
.slideBox .hd img{width:115px; height:135px;}
.slideBox p{ font-size:18px; color:#434343 ; margin-left:20px; padding-left:490px;border-top:1px dashed #ddd; line-height:33px; text-indent:38px; text-align:justify; text-justify:inter-ideograph;}


.area11 .title{ margin-bottom:42px ; }
.area11 p{ font-size:18px; color:#434343 ;  line-height:33px; text-indent:38px; text-align:justify; text-justify:inter-ideograph;}
.area11 .mg{ margin-bottom: 50px;}

.area12{ height:370px; background:url(../images/bg5.jpg) repeat-x center top; margin-top: 23px;}
.area12 .inner{ background:url(../images/bottom.jpg); height:465px; }
.area12 ul{ margin-left:495px; margin-top:105px;}
.area12 ul li{ font-size:16px; color:#fff; line-height:21px; margin-left:50px;}
.area12 ul li a{ color:#FFF;}
.area12 ul li a:hover{ color:#f4f2f4;}

.area12 .mgtop{ margin-top:28px;}

/*backToTop*/
.backToTop { display:none; width:18px; line-height:1.2; padding:5px 0; background-color:#01afee; color:#fff; font-size:12px; text-align:center; position:fixed; _position:absolute; right:10px; bottom:100px; _bottom:"auto"; cursor:pointer; opacity:1; filter:Alpha(opacity=100); }