﻿body{padding: 0px; margin:0px; width: 100%; overflow-x: hidden; font-family: 宋体;}
a{text-decoration:none; color:#444; font-family:宋体;}
a:hover{text-decoration:underline; color:#b10613}
.search{ width: 223px; float: right; margin: 35px 0px 0px 15px;}
.search_text{ border: 1px solid #cfcfcf; border-right: 0px; width:180px; padding-left:7px; height:37px; line-height: 37px; color:#c6c6c6;}
.search_button{background:url(../images/hhf/ss2.png) center no-repeat; border: 1px solid #cfcfcf; border-left: 0px; float: right; width:35px;  height:38px;}

/* 通用按钮 */
.btn{ padding-left:6px}
.btn,.btn input{background: url(../images/v9/button.png) no-repeat; height:24px; line-height:24px;width:auto;_width:0;overflow:visible !ie}
	 .btn input{background-position: right 0; border:0 none; color:#fff; padding-right:6px;_height:25px}
.tijiao{float: left; margin-top: 30px; border: 1px solid #4fa3ad; background: none; text-align: center; line-height: 32px; border-radius: 5px; width: 120px; color: #fff; font-family: 宋体; height:32px;overflow:visible !ie}
.reset{ float: left; border: 0px; background: #b5b5b5; margin-top: 30px; margin-left: 25px; width: 120px; color: #fff; font-family: 宋体; height:29px; overflow:visible !ie }
.submit input{background-position: right top; border:none; padding:0 10px 0 7px; font-size:14px}
/* 页面宽度 （更改页面宽度后，需要更改“images/v9/body-bg.png”图片的宽度） */
.main{width:1200px;margin:0 auto;}
/* 头部 */
.logo{float:left;padding:0px; height:122px; text-align:center;*font-size:40px;}
.logo a{display:table-cell;vertical-align:middle;text-align:center;*display:block; height:90px; float:left}

/* 导航 */
.header{ background: #e7e7e7; width: 100%; margin:0 auto; height: 67px; }

.nav-bar{font-family: 宋体; z-index: 999; position: relative; width: 1200px; margin: 0 auto; background: #039ee4; text-align:center; height: 77px;}
.nav-bar.bgc{background-color:#f00;}
.nav-btn{display: none;}
.nav-btn.bgi{background:url(../images/rscx/show.png)center no-repeat;}
.nav-site{ font-family: 宋体; }
.nav-site .fir{width:149px;float:left;text-align:center;line-height: 77px;z-index: 11;position:relative;}
section .nav-site .fir{width:149px;}
.nav-site .fir span{display:block;padding:0 0.04rem; text-transform: uppercase; font-size: 11px; color: #fff;}

.nav-site .fir a{font-size:19px; color: #fff; *display:block;display: block;}
.nav-site .fir .tri{background:url(../images/xsy/triangle.png) no-repeat;width:8px;height:5px;display:inline-block;*display:inline;*zoom:1;position: relative;top: 23px;*top:-7px;left:3px;}
.nav-site  li a .en{color:#2a2a2a; font-size:10px;font-family:Arial;font-weight:500; *display:block}
.nav-site .fir:hover{ height: 77px; background: #0e357b; color:#fff;}
.nav-site .fir:hover a{color:#fff; text-decoration:none;}

.nav-site .fir:hover .sec a{color:#fff; }
.nav-site .fir:hover .sec :hover{color:#fff; background: #0e357b;}

.nav-site .sec{float:left;display:none;position:absolute;left:0px;top:77px;}
.nav-site  li:hover .sec {display:block; color:#fff;}
.nav-site  li .sec li{height:40px;width:149px; line-height: 40px;*zoom:1; background:rgba(49,135,196,0.5) none repeat scroll !important; filter:alpha(opacity=50); background:#3187c4; margin:0 0px;text-align:center;border-bottom: 1px solid #2a6491;}
.nav-site  li .sec li a{color:#fff;display:block;height:40px; font-size:16px;}
.nav-site  li .sec li:hover{ background: #0e357b; color:#fff; }
.nav-site  li .sec li:hover a{color:#fff;}
.nav-site  li .sec .bottom {height:7px;background-color:#d5041d}
.nav-site  li .sec .bottom:hover {height:7px;background-color:#e60011}

.nav-site li.line{float:left; padding:0; width:1px; text-align: center; height:77px; line-height: 77px; color:#fff;}



@media screen and (max-width: 1000px) {
.top_center{ margin:0 auto; width: 1200px;}
.banner{ width: 1200px; height: 471px; margin:0 auto; position:relative; top: -45px;}
.poster{background: url("../images/hhf/poster-main.png") no-repeat center top; width: 1200px; height: 476px; padding-top: 51px; margin: 60px auto 0px;}
.about{background: #039ee4; width: 1200px; margin: 0 auto; height: 500px; padding-top: 81px; margin-top: 80px;}
.links{ background: #ebebeb; width: 1200px; margin: 0 auto; height: 294px; margin-top: 70px; padding-top: 30px; }
.bottom{ height:303px; width: 1200px; margin: 0 auto; background: #039ee4; clear: both; padding-top: 50px;}
.fotter{ background: #039ee4; width: 1200px; margin: 0 auto; height: 50px; color: #fff; text-align: center; line-height: 50px; font-size: 13px; border-top: 1px solid #fff; }
h3{ color: #0e357b; width: 1200px; margin: 0 auto; font-size: 28px; font-weight: normal; text-align: center; }
.poster-main .poster-prev-btn{
	left: -75px;
	background: url("../images/hhf/btn_l.png") no-repeat center center;
}
.poster-main .poster-next-btn{
	right: -75px;
	background: url("../images/hhf/btn_r.png") no-repeat center center;
}
}
@media screen and (min-width: 1000px) {
.banner{ width: 1900px; height: 746px; margin:0 auto; position:relative; left: 50%; margin-left: -950px; top: -77px;}
.poster{background: url("../images/hhf/poster-main.png") no-repeat center top; height: 476px; padding-top: 51px; margin-top: 60px;}
.about{background: #039ee4; height: 500px; padding-top: 81px; margin-top: 80px;}
.links{ background: #ebebeb; height: 294px; margin-top: 70px; padding-top: 30px; }
.bottom{ height:303px; background: #039ee4; clear: both; padding-top: 50px;}
.fotter{ background: #039ee4; height: 50px; color: #fff; text-align: center; line-height: 50px; font-size: 13px; border-top: 1px solid #fff; }
.top_center{ margin:0 auto; width: 1200px;}
h3{ color: #0e357b; font-size: 28px; font-weight: normal; text-align: center; }
.poster-main .poster-prev-btn{
	left: -150px;
	background: url("../images/hhf/btn_l.png") no-repeat center center;
}
.poster-main .poster-next-btn{
	right: -150px;
	background: url("../images/hhf/btn_r.png") no-repeat center center;
}
}


.slideBox{ width:100%; height:100%; overflow:hidden; position:relative;}
.slideBox .hd{ height:11px; width: 100%; text-align: center; overflow:hidden; position:absolute; bottom:25px; z-index:3; }
.slideBox .hd ul{ overflow:hidden; zoom:1; }
.slideBox .hd ul li{ display: inline-block; background:#039ee4; margin-left:2px; margin-right:2px;  width:31px; height:11px; line-height:11px; text-align:center; cursor:pointer; color:white;}
.slideBox .hd ul li.on{ background:#d27e02; color:#fff; }

.slideBox .bd{ position:relative; height:100%; z-index:0;}
.slideBox .bd li{ zoom:1; vertical-align:middle; }
.slideBox .bd img{ width:100%; height:100%; display:block;}
.slideBox .prev,
.slideBox .next{ position:absolute; left:20%; top:40%; margin-top:-25px; display:block; width:73px; height:134px; background:url(../images/bjsdhd/slider-arrow.png) -112px 5px no-repeat; filter:alpha(opacity=60);opacity:0.6;}
.slideBox .next{
	left:auto;
	right:20%;
	background-position:0px 5px;
}
.slideBox .prev:hover,
.slideBox .next:hover{ filter:alpha(opacity=100);opacity:1;  }
.slideBox .prevStop{ display:none;  }
.slideBox .nextStop{ display:none;  }

.zt{ font-family: 宋体; }

.poster-main{
	position: relative;
	margin: 0px auto;
}
.poster-main .poster-list .poster-item{
	position: absolute;
	left: 0;
	top: 0;
}
.poster-item p{ color: #fff; width: 95%; padding-top: 10px; margin: 0 auto; line-height: 25px; font-size: 13px; font-family: 宋体;}
.poster-main .poster-btn{
	position: absolute;
	top: 0;
	cursor: pointer;
}





.profile{ width: 1200px; margin:0px auto; line-height: 41px; font-size: 15px; color: #fff; font-family: 宋体; }
.profile img{ }
.profile span{ font-size: 28px; font-weight: normal; display: block; margin-bottom: 25px; }
.about_l{ float: left; margin-right: 25px; width: 466px; overflow: hidden; }
.about_r{ float: right; width:700px;  }
.moreb{ border: 1px solid #fff; font-size: 15px; margin-top: 10px; text-align: center; width: 115px; height: 35px; line-height: 35px; }
.moreb a{ color: #fff; }
.bordera{ border: 1px solid #fff; }
.bordera a{ color: #fff; }

.case{margin-top: 70px;}
.cp{ width:1200px; margin:70px auto 0px;}
.cp li{ float:left; width:275px; border: 1px solid #ccc;  font-size: 15px; text-align:center; padding-top:0px;  height:236px; margin-bottom:15px;}
.cp li div{overflow: hidden; width: 275px; height: 184px;}
.cp li img{ width: 275px; height: 184px; transition: opacity 0.35s, transform 1s; }
.cp li:hover img{transform:scale(1.2,1.2);transition: opacity 0.35s, transform 1s;}
.cp li p{ line-height: 45px; color: #333;}
.cp li a{text-decoration: none; color: #333;}
.cp .feng{ width:30px; background: none; border: none;}
.cp .feng:hover{ width:30px; background: none;}




.clear{ clear: both; }






.picScrols{ margin: 55px auto 0px;  font-family: 宋体;  position:relative; width:1165px;  padding:0px 0px 0px 35px; overflow:hidden; }
.picScrols .prev,
.picScrols .next{ display:block; position:absolute; top:12px; left:0px; width:23px; height:43px; background:url(../images/hhf/leftjt.png) no-repeat;}
.picScrols .next{ left:auto; right:0px; background:url(../images/hhf/rightjt.png) no-repeat; }
.picScrols .prev:hover{ }
.picScrols .next:hover{ }
.picScrols ul{ overflow:hidden; zoom:1;}
.picScrols ul li{ width:162px; height: 62px; margin: 0 13px; float:left; overflow:hidden; text-align:center; }
.picScrols ul li img{ width:160px; height:60px; border:1px solid #ccc; display:block;}
.picScrols ul li span{ text-align:center; line-height:35px; color:#6b6b6b; font-size:15px;}
.picScrols ul li div:hover{ border:1px solid #dca75b; height: 235px;}


/* 通用容器 */


/* 分页 */
#pages { padding:14px 0 10px; font-family:宋体; }
#pages a { display:inline-block; height:22px; font-size: 12px; line-height:22px; background:#fff; border:1px solid #e3e3e3; text-align:center; color:#333; padding:0 10px}
#pages a.a1 { background:#fff; width:56px; padding:0 }
#pages a:hover { background:#f1f1f1; color:#000; text-decoration:none }
#pages span { display:inline-block; height:22px; line-height:22px; background:#67ac83; border:1px solid #5a85b2; color:#fff; text-align:center;padding:0 10px}
.page .noPage { display:inline-block; width:56px; height:22px; line-height:22px; background:#67ac83; border:1px solid #e3e3e3; text-align:center; color:#a4a4a4; }



/* footer style */
/* link */



.nava{ width:1180px; margin:0 auto; padding-top:0px;}
.nav-sita{margin-left:auto; border-right: 1px solid #fff; height: 260px; margin-right:auto; text-align:left; float: left;}
.nav-sita li {position:relative; width: 100px; z-index:200; float:left; color:#fff; font-size:16px; font-family:"宋体"; line-height:25px; margin:0px 70px 0px 0px;}
.nav-sita .linetwo {background:#c7ebf3; width: 1px; height: 179px; }

.nav-sita li a{ color:#fff; text-decoration:none;}
.nav-sita a:hover{ text-decoration:underline; height:25px; display:block;}
.nav-sita ul {position:absolute;left:0px;top:35px;}
.nav-sita table {position:absolute; top:0; left:0px;}
.nav-sita li:hover ul,
.nav-sita a:hover ul{visibility:visible;}

.nav-sita ul a{
height:35px;
color:#fff;
text-decoration:none;
}
.nav-sita ul li {clear:both;height:35px !important; line-height:35px !important; text-align:left;list-style: none; margin:0px; font-size:13px;}


.nav-sita ul li a{display:block; color: #fff;}
.nav-sita ul li a:hover{ text-align:left; color:#fff; height:35px; line-height:35px;}

.contact{ float: right; line-height: 35px; font-family: 宋体; font-size: 13px; color: #f1f1f1; padding-left: 20px; }
.contact p{ font-size: 16px; }



