@charset "gb2312";
/* CSS Document */
body{ margin:0; padding:0;}
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;  color:#333; font: 16px/1.5 Microsoft Yahei,tahoma,HELVETICA; background:#f0f0f0 ;  }
.doc .inner{width:1010px; clear: both; margin:0 auto; overflow: hidden;}
.m-tit{ height:50px; line-height: 50px; color: #636363;font-size: 28px; font-family: "΢ÈíÑźÚ"; background: url(../images/t_bg.gif) repeat-x left bottom;}
.m-tit strong{ display: block; background: url(../images/tit_bg.gif) no-repeat left bottom;width: 200px; float: left;}

.prev, .next{float:left; width:30px; height:70px; margin-top:110px; cursor:pointer;background:url(../images/icon_bg.png) no-repeat; position: relative;}

.area1{ background:url(../images/bg.jpg) no-repeat center top ; height: 418px;}
.area1 img{ display: block; width: 360px; height:120px ; margin:55px auto 0 ;}
.area1 h2{ font-size: 65px; color: #2a2a2a; text-align: center; font-weight: bolder; margin-top: -7px;}
.area1 h3{ font-size: 49.09px; color: #038fdc;  line-height:60px; text-align: center; font-family:"Á¥Êé"; }
.area1 p{ font-size: 18px; color: #636363; text-align: center; border-radius: 5px; -webkit-border: 5px;   -moz-border: 5px; }

.area2 .slideBox{ width:420px; height:280px; overflow:hidden; position:relative; margin-top:30px; float:left;  }
.area2 .slideBox .hd{ height:15px; overflow:hidden; position:absolute; right:15px; bottom:15px; z-index:1; }
.area2 .slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
.area2 .slideBox .hd ul li{ float:left; margin-right:5px;  width:10px; height:10px; background:#b2b2b4; cursor:pointer; border-radius:50%;}
.area2 .slideBox .hd ul li.on{ background:#4376ca; }
.area2 .slideBox .bd{ position:relative; height:100%; z-index:0;   }
.area2 .slideBox .bd li{ zoom:1; vertical-align:middle; }
.area2 .slideBox .bd img{ width:420px; height:280px; display:block;  }
.area2 .slideBox .bd strong{ position:absolute; left:10px; top:315px; z-index:2; font-size:16px; font-weight:500px;display:block;  }
.area2 .slideBox .bd li a:hover strong{ color:#666;}
.area2 h3{ font-size: 20px; color: #636363; margin:25px 0 10px 0 ;  text-align: center;  }
.area2 p{ font-size: 14px; color: #636363;line-height: 24px;height: 309px; overflow: hidden; text-align: justify; text-indent: 17px; text-justify: inter-ideograph;  }
.area2 .content{ width:565px ; float: left; margin-left: 25px; height: 309px; overflow: hidden; position: relative;}
.area2 .content ul{ height: 309px; }
.area2 .more{ color:#038fdc; }
.area2 .more:hover{ color:#636363 ;}

.area3{ height:368px ; overflow: hidden; margin-top: 30px;}
.area3 .picScroll-left{ overflow:hidden; position:relative; background:#fff ;  }
.area3 .picScroll-left .bd{ width: 942px; margin: 0 auto; height:297px ; background:#fff ; padding-top:20px ;}
.area3 .picScroll-left .bd ul{ overflow:hidden; zoom:1; margin-left: 20px;}
.area3 .picScroll-left .bd ul p{ text-align: center;  margin-top:15px ; height: 35px; line-height: 35px; background:#e8e8e8 ;  font-size:14px ; color: #4c4c4c; background:#e8e8e8 ;}
.area3 .picScroll-left .bd li{ width:215px; height:283px; margin: 0 10px; }
.area3 .picScroll-left .bd li img{ width:205px; height:205px; display: block; padding:10px 5px; border: solid 1px #eaeaea;  }
.area3 .picScroll-left .prev { background-position:-0px 0px; left:2px; top: -14px;}
.area3 .picScroll-left .next { background-position:-40px 0px; left:978px; top: -330px;}
.area3 .picScroll-left .prev:hover { background-position:-80px 0px; left:2px; top: -14px;}
.area3 .picScroll-left .next:hover { background-position:-120px 0px; left:978px; top: -330px;}

.area4{ height:368px ; margin-top: 30px; overflow: hidden;}
.area4 .picScroll-left1{ overflow:hidden; position:relative;  }
.area4 .picScroll-left1 .bd{ width: 942px; margin: 20px auto 0; height:265px ; background: #fff;}
.area4 .picScroll-left1 .bd ul{ overflow:hidden; zoom:1; margin-left: 20px;}
.area4 .picScroll-left1 .bd ul p{ text-align: center; width:213px ; text-align: center;   position: absolute; left: 1px; display: none;  background:rgba(0,0,0,0.4) ;bottom: 0px; height: 35px; line-height: 35px; font-size:14px ; color: #fff; }
.area4 .picScroll-left1 .bd ul li:hover p{ display: block;}
.area4 .picScroll-left1 .bd li{ width:215px; height:265px; margin: 0 10px; position: relative; }
.area4 .picScroll-left1 .bd li img{ width:215px; height:265px;   }
.area4 .picScroll-left1 .prev { background-position:-0px 0px; left:2px; top: 5px;}
.area4 .picScroll-left1 .next { background-position:-40px 0px; left:978px; top: -280px;}
.area4 .picScroll-left1 .prev:hover { background-position:-80px 0px; left:2px; top: 5px;}
.area4 .picScroll-left1 .next:hover { background-position:-120px 0px; left:978px; top: -280px;}

.area5 .inner{ background:#fff ;}
.area5 .left{  float: left; border-right:solid 1px #ccc; margin-top:20px; margin-bottom:20px;}
.area5 .left img{ width: 110px; height:110px ; float: left; margin:10px 40px 20px ; display: block;}
.area5 .left p, .area5 .middle p{ text-align: center; font-size: 18px; color:#444 ; }
.area5 .middle .logo{ width: 360px; height: 120px; display: block; margin:10px 40px 10px ;}
.area5 .middle{ float: left; border-right:solid 1px #ccc; margin-top:20px ; margin-bottom:20px;}
.area5 .right{ width:350px; float: left;}
.area5 .right li{  font-size: 16px; color:#444 ;  line-height:25px ; padding-left: 40px;}
.area5 .right li:first-child{ padding-top: 20px;}
.area5 .border{ height:1px ; border-top: #4a89dc 2px solid; clear: both; }

/*backToTop*/
.backToTop { display:none; width:18px; line-height:1.2; padding:5px 0; background-color:#038fdc; 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); }