@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: 14px/1.5 Microsoft Yahei,tahoma,HELVETICA; }
.doc .inner,.b_inner, .nav_inner{width:1200px; clear: both; margin:0 auto; overflow: hidden; animation:fadeFromCenter1 .5s ease 0s; }
.title{ display: block; margin: 80px 0 45px; opacity: 0;}

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

.area1{background:url(../images/banner.jpg) no-repeat center top; height:648px;}
.area2 .nav{ height:60px; background: #000;  }
.area2  ul li{ float: left; width:124px;  height: 60px; line-height: 60px; text-align:center;}
.area2  ul li:first-child{ width:80px; background: #fff;}
.area2  ul li a.first { color:#535353; font-weight:bolder; text-align:left;  }
.area2  ul li a.selected { color:#535353;}
.area2  ul li a{ color: #fff;font-size: 22.5px; line-height: 60px; z-index:1; text-align:center;}
.area2  ul li a:hover{ text-decoration: none; color:#fff;}
.area2  ul li a.first:hover { color:#535353;}
.area3 .left{ width:760px ; float: left; opacity: 0;}
.area3 .right{ width:400px ; height: 203px; opacity: 0; margin-top: 80px; padding: 73px 0 0 35px;  float: right; background: url(../images/bg8.jpg) no-repeat center top;}
.area3 .right p{ font-size: 14px; color: #434343; line-height: 26px;}
.area3 .news_title{ height: 49px; margin: 80px auto 20px; background: url(../images/title1.jpg) no-repeat center top;}

.area3 .acticle{ width:475px; float:left;}
.area3 ul li{ margin-bottom:11px;}
.area3 ul li h3{ font:700 18px/24px "\5FAE\8F6F\96C5\9ED1"; color:#222; overflow:hidden; background:url(../images/fk.jpg) no-repeat 0 57%; padding:10px 0 7px 15px; }
.area3 ul li h3:hover{ color:#434343;}
.area3 ul li p{ font-size:12px; color:#222; overflow:hidden; padding-left:16px; background:none;}
.area3 .one li h3{ font:700 16px/26px "\5FAE\8F6F\96C5\9ED1";}
.area3 .one li p{ background:url(../images/fk1.jpg) no-repeat 0 57%;}


.area3 .slideBox1{ width:270px; height:197px; overflow:hidden; position:relative; margin-top:10px; float:right;  }
.area3 .slideBox1 .hd{ height:15px; overflow:hidden; position:absolute; right:15px; bottom:15px; z-index:1; }
.area3 .slideBox1 .hd ul{ overflow:hidden; zoom:1; float:left;  }
.area3 .slideBox1 .hd ul li{ float:left; margin-right:5px;  width:10px; height:10px; background:#b2b2b4; cursor:pointer; border-radius:50%;}
.area3 .slideBox1 .hd ul li.on{ background:#4376ca; }
.area3 .slideBox1 .bd{ position:relative; height:100%; z-index:0;   }
.area3 .slideBox1 .bd li{ zoom:1; vertical-align:middle; }
.area3 .slideBox1 .bd img{ width:270px; height:197px; display:block;  }
.area3 .slideBox1 .bd strong{ position:absolute; left:10px; top:315px; z-index:2; font-size:16px; font-weight:500px;display:block;  }
.area3 .slideBox1 .bd li a:hover strong{ color:#666;}
.area3 .more{ color:#666; padding-left: 700px; line-height: 55px; font-size:14px; font-family:"ËÎÌå"; text-align: right;  }
.area3 .more:hover{ color:#333;}
.area3 .jtzn{ width: 400px; display: block; margin-left: -17px; margin-top: 32px; height: 65px; }



.area4 .map{ width:877px; height:485px; float:left; opacity: 0;}
.area4 .map a{ position:relative; height:300px;}
.area4 .map a:hover span{ position:absolute; right:0px; bottom:70px; background:url(../images/fd.png) no-repeat center top; display:block; width:86px; height:86px;}
.area4 .right{ width: 275px;opacity: 0; float: right; overflow: hidden;}
.area4 .right li{ margin-bottom:9px;}

.area5 .title{ margin-top:71px;}
.area6 .ewm{ display:block; margin-top:75px;}
.area6 em{ font-style: normal;}
.area6 .more{ font-size: 16px; padding-left: 15px;color: #0b58a1;}
.area6 .more:hover{ color: #333;}
.picScroll-top{ margin:0 auto;  width:1200px; height:310px; overflow:hidden; position:relative; }
.picScroll-top .hd{ float: left; opacity:0; overflow:hidden; height:310px;width:150px; position:relative;}
.picScroll-top .hd ul{overflow:hidden;  zoom:1; position:absolute;}
.picScroll-top .hd ul li{ width:150px; background: #7d7d7d; height:100px; text-align: center; font-size: 24px; color: #fff; line-height: 100px;  margin-bottom:5px; }
.picScroll-top .hd ul li.on{ background: #0b58a1; }
.picScroll-top .bd{float: right; width:1020px; height:310px; opacity: 0;   }
.picScroll-top .bd ul{ overflow:hidden; zoom:1; }
.picScroll-top .bd ul li{  background: #eee; zoom:1;  width:1020px; height:310px;}
.picScroll-top .bd .left{ width: 150px; float: left; margin-left: 40px;margin-right: 25px;  padding-top:25px ;}
.picScroll-top .next:hover{ position:absolute;top:288px;left:53px;background-position: -163px 0;  cursor:pointer;  }
.picScroll-top .prev:hover{ position:absolute; top:1px;left:53px;background-position: -249px 0;  cursor:pointer;  }
.picScroll-top .next{ position:absolute;opacity:0; top:288px;left:53px;background-position: -206px 0;  cursor:pointer;  }
.picScroll-top .prev{ position:absolute;opacity:0; top:1px;left:53px;background-position: -120px 0;  cursor:pointer;  }
.picScroll-top .bd .b_logo { width:149px ;  margin-bottom:20px ; display: block; height: 149px; border-radius: 50%; -webkit-border-radius: 50%; border:solid 1px #7da6cd;}
.picScroll-top .bd .left p{ font-size: 24px; line-height: 32px; font-weight: bolder; text-align: center; color: #1B1B1C;}  
.picScroll-top .bd .middle p{ font-size: 14px; line-height: 25px;  color: #434343; text-align: justify; text-justify: inter-ideograph;}  
.picScroll-top .bd .middle { width:375px ; float: left; margin-top: 25px;}
.picScroll-top .bd .right { width:390px ; float: right; margin-right: 15px; margin-top:32px ;}
.picScroll-top .bd .right img{ width:390px ; height: 190px;}

.picScroll-top1{ margin:0 auto;  width:1200px; height:505px; overflow:hidden; position:relative; }
.picScroll-top1 .hd{ float: right; margin-top:62px ; opacity: 0;  overflow:hidden; height:390px;width:120px; position:relative;right: 40px;}
.picScroll-top1 .hd ul{overflow:hidden;  zoom:1; position:absolute;}
.picScroll-top1 .hd ul li{ width:120px; position: relative;  height:120px;  margin-bottom:10px; }
.picScroll-top1 .hd ul li img{width:118px; border: 1px solid #fff;  height:118px; border-radius: 50%; -webkit-border-radius: 50%;}
.picScroll-top1 .hd ul li.on img{  border:solid 1px #1e8ffb; }
.picScroll-top1 .hd ul li p{ background: #0b58a1; display: none; position: absolute; width: 120px; height: 120px; border-radius: 50%; -webkit-border-radius: 50%;  left: 0; top: 0px; opacity: 0.65px; background: rgba(11,88,161,0.65); font-size: 24px; color: #fff; text-align: center; line-height: 120px;}
.picScroll-top1 .hd ul li:hover p{ display: block;}
.picScroll-top1 .bd{float: left; width:980px; height:505px;  opacity: 0;   }
.picScroll-top1 .bd ul{ overflow:hidden; zoom:1; }
.picScroll-top1 .bd ul li{  width:980px; height:505px;}
.picScroll-top1 .bd ul li img{ width: 400px; height: 505px; display: block; float: left;}
.picScroll-top1 .bd .right{ width: 530px; float: right;}
.picScroll-top1 .bd h2{ font-size: 24px; color: #1b1b1b;}
.picScroll-top1 .bd h2 span{ font-weight: bolder;}
.picScroll-top1 .bd h3{ font-size: 16px; color: #fff; display: inline-block; background: #313131; padding: 5px 10px; margin-top:10px ;}
.picScroll-top1 .bd h4{ font-size: 24px; color: #0b58a1; margin-bottom: 20px;}
.picScroll-top1 .next:hover{ position:absolute;top:484px;right:78px;background-position: -206px 0;  cursor:pointer;  }
.picScroll-top1 .prev:hover{ position:absolute; top:0px;right:78px;background-position: -249px 0;  cursor:pointer;  }
.picScroll-top1 .next{ position:absolute; opacity: 0; top:484px;right:78px;background-position: -163px 0;  cursor:pointer;  }
.picScroll-top1 .prev{ position:absolute;opacity: 0; top:0px;right:78px;background-position: -120px 0;  cursor:pointer;  }
.picScroll-top1 .con{height:300px;margin-top:35px;overflow:hidden;  }
.picScroll-top1 .con p{ font-size: 16px; color: #313131; line-height: 30px; text-align: justify; text-justify: inter-ideograph; text-indent: 2em;} 

.picScroll-left{ overflow:hidden; position:relative; opacity: 0;   }
.picScroll-left .bd ul{ overflow:hidden; zoom:1; margin-right:-15px; }
.picScroll-left .bd ul li{ margin-right:15px; width: 390px; float:left; _display:inline; overflow:hidden; text-align:center;  }
.picScroll-left .bd ul li img{ width: 390px; height: 320px;}
.picScroll-left .next:hover{ position:absolute; width:30px; height:80px;top:120px;right:0px;background-position: -30px 0;  cursor:pointer;  }
.picScroll-left .prev:hover{ position:absolute; left: 0; width:30px; height:80px; top:120px;background-position: 0px 0;  cursor:pointer;  }
.picScroll-left .next{ position:absolute;  width:30px; height:80px;top:120px;right:0px;background-position: -60px 0;  cursor:pointer;  }
.picScroll-left .prev{ position:absolute; left: 0; width:30px; height:80px;top:120px;background-position: -90px 0;  cursor:pointer;  }
.picScroll-left p{ font-size: 16px; margin-top: 15px; line-height: 24px;  color: #313131; text-align: center;}  


.slideBox{ width:1200px; height:700px; opacity: 0; overflow:hidden; position:relative;  }
.slideBox .bd{ position:relative; height:100%; z-index:0;   }
.slideBox .bd li{ zoom:1; vertical-align:middle; }
.slideBox .bd img{ width:1200px; height:700px; display:block;  }
.slideBox p{ font-size: 16px; position: absolute; bottom: 0; color: #fff; background: rgba(0,0,0,0.5); width:1160px ; padding: 20px 20px; }
.slideBox .next:hover{ position:absolute; width:30px; height:80px;top:295px;right:0px;background-position: -30px 0;  cursor:pointer;  }
.slideBox .prev:hover{ position:absolute; left: 0; width:30px; height:80px; top:295px;background-position: 0px 0;  cursor:pointer;  }
.slideBox .next{ position:absolute;  width:30px; height:80px;top:295px;right:0px;background-position: -60px 0;  cursor:pointer;  }
.slideBox .prev{ position:absolute; left: 0; width:30px; height:80px;top:295px;background-position: -90px 0;  cursor:pointer;  }

.area9 .hg{ display: block; }
.area10{background:url(../images/bg3.jpg) no-repeat center top; height:445px; margin-top:80px ;}



/* ÁбíÒ³ */
.newsList {padding:0px 20px 20px 20px;}
.newsList li{ height:50px; line-height:50px; overflow:hidden; font-size:14px; border-bottom:1px solid #ddd; background:url(../images/icon_right.png) no-repeat 5px 18px; padding-left:24px;}
.newsList li a{ color:#333;}
.newsList li a:hover{ color:#666;}
/* ·ÖÒ³ */
.page { PADDING-RIGHT: 5px; PADDING-LEFT: 0px; FONT-SIZE: 14px; PADDING-BOTTOM: 50px; COLOR: #313031; PADDING-TOP: 10px;  BACKGROUND-COLOR: #fff; TEXT-ALIGN:center; margin:8px; }
.page A{ border: #999 1px solid; border-radius: 5px; -webkit-border-radius: 5px; padding:5px 8px;  MARGIN: 0px 2px;  COLOR: #333; TEXT-DECORATION: none }
.currentPage {padding:5px 8px;}
.page A:hover {  COLOR: #333;  }
.page A:active {  COLOR: #333; background: none;  }
.paginationInfo  { BORDER-RIGHT: #b7d8ee 1px solid; PADDING-RIGHT: 6px; BORDER-TOP: #b7d8ee 1px solid; PADDING-LEFT: 5px; FONT-WEIGHT: bold; PADDING-BOTTOM: 4px; MARGIN: 0px 3px; BORDER-LEFT: #b7d8ee 1px solid; COLOR: #444444; PADDING-TOP: 5px; BORDER-BOTTOM: #b7d8ee 1px solid;  }
.paginationInfo  { DISPLAY: none }
.backToTop { display:none; width:18px; line-height:1.2; padding:5px 0; background-color:#000; color:#fff; font-size:12px; text-align:center; position:fixed; _position:absolute; right:10px; bottom:100px; _bottom:"auto"; cursor:pointer; opacity:.6; filter:Alpha(opacity=60); }