.sitebanner{ width:100%; height:250px; background-position:center center; background-repeat:no-repeat;}

.topbanner{ width:100%; height:500px; background-position: center center;}
.topbanner .bannerdesc{ width:560px; color:#fff; padding:20px 40px; margin-left:100px; margin-top:200px; position:relative;}
.topbanner .bannerdesc.hr{ margin-top:150px; float:right;}
.topbanner .bannerdesc h1{ font-size:30px; position:relative; z-index:2;}
.topbanner .bannerdesc p{ font-size:16px; line-height:30px; padding-top:10px; position:relative; z-index:2;}
.topbanner .bannerdesc .bg{ width:640px; height:150px; background-color:#3671cf; filter: alpha(opacity=80);-moz-opacity: 0.8;opacity: 0.8; position:absolute; top:0px; left:0px; bottom:0px; z-index:1;}
.touzitoplink{display:block; width:250px; height:70px; float:right; margin-top:210px; margin-right:170px;}
.topbanner .bannercon{ position:relative; width:980px; height:300px; margin:80px auto 0px auto;border-radius: 10px; overflow:hidden;}
.topbanner .bannercon .bg{background-color:#000; width:100%; height:300px; position:absolute; top:0px; left:0px; z-index:1; filter: alpha(opacity=40);-moz-opacity: 0.4;opacity: 0.4;}

.navsubtab{width: 100%;clear: both;margin: 0px auto;text-align: center;}
.navsubtab li{width: 22%;margin: 40px 1%;line-height: 50px;text-align: center;display: inline-block;}
.navsubtab li a{ display: block; width: 100%; background-color: #f2f2f2;border-radius: 3px;}
.navsubtab li a:hover{ text-decoration: none; background-color: #008ee9; color: #fff;}
.navsubtab li.cur a{text-decoration: none; background-color: #008ee9; color: #fff;}

.gridimg{ width:1160px; margin-top:10px; overflow:hidden;}
.gridimg dl{ border-bottom:1px solid #999; overflow:hidden; padding-bottom:15px; margin-bottom:35px; margin-top:10px;}
.gridimg dl dt{ width:76px; height:60px; line-height:60px; margin-right:23px; border-right:1px solid #e7e7e7; float:left;}
.gridimg dl dd{ width:1060px; float:left;}
.gridimg dl dd span{ display:block; width:75px; padding:5px 0px; float:left;}
.gridimg dl dd span a{ padding:3px 5px; display:inline-block;}
.gridimg dl dd span.cur a{ background-color:#333; color:#fff; text-decoration:none;}
.gridimg .wide{ width:1160px; overflow:hidden;}
.gridimg .wide ul{  width:1212px; margin-left:-26px; margin-top:-28px; }
.gridimg .wide li{width:350px;margin:0px 27px;padding-bottom: 2rem;padding-top:48px;border-bottom:3px solid #f2f2f2;float:left;}
.gridimg .wide li:hover{border-bottom:3px solid #4667aa;}
.gridimg .wide li i{display:block;overflow:hidden;}
.gridimg .wide li span{ display:block; width:350px;}
.gridimg .wide li .textcenter{ text-align: center;}
.gridimg .wide li span.name{  font-size:16px; height: 21px; padding:15px 0px 8px 0px; overflow: hidden;}
.gridimg .wide li span.name b{ font-weight:normal;}
.gridimg .wide li span.desc{color:#999;line-height:30px;height: 90px;overflow:hidden;}
.gridimg .wide li:hover span.name a{color:#4667aa;font-weight: bold;}

/* Page */
.page {padding:35px 5px 25px 15px; width:100%; overflow:hidden;text-align: center;}
.page li{display:inline;}
.page a{display:inline-block;height:22px;line-height:22px;border:1px solid #e3e3e3;text-align:center;color:#888;padding: 6px 12px;margin: 0 5px;}
.page a:hover {border:1px solid #ccc; background:#4667aa; color:#eee;}
.page .page-this {text-align: center;color: #fff;padding: 6px 12px;margin: 0 5px;background: #4667aa;border: 1px solid #e3e3e3;display: inline-block;height: 22px;line-height: 22px;}