@charset "utf-8";
/*header*/
.header{ height: auto; min-width: 1400px;}
.header-top{ background-color: #f8fbff;  height:40px; line-height: 40px; font-size: 16px;  color: #656c74; }
.header-top-son{ width:1400px; height: 30px; margin: 0 auto;}
.header-top-left{ width: 50%; float: left; }
.header-top-left span{ text-align:left; padding:0px 20px 0px 40px ; background: url(/res/hetj/puchaHtmlWai/images/link-ioc.png) left center no-repeat;}
.header-top-left span a{ color: #656c74;}
.header-top-right{ width: 40%; float:right; height: 40px;  line-height: 40px; color: #656c74;}
.header-top-right span a{ color: #656c74; line-height: 40px; height: 40px; display: block ;}
.header-top-right span{ padding: 0 10px;  line-height: 40px; height: 40px; display: block ; float: right; }
.header-top-right span i{ color: #0f60bb; padding: 0 5px; display: block ; float: left; font-size: 20px;}
.header-top-right span i.lx{ font-size: 20px;}
.header-top-right span i.myMap{ font-size: 24px;}


.header-banner{ height:278px; background:url(/res/hetj/puchaHtmlWai/images/headBanner.jpg) no-repeat center top;}
.header .banner-container{width: 1400px; margin: 0 auto;  height:275px;background-image: url(/res/hetj/puchaHtmlWai/images/puchaLogo.png); background-position: 260px center; background-repeat: no-repeat; }
.header .logo{position:absolute; top:0px; left: 0; width: 60%; height: 157px; background-image: url(/res/hetj/puchaHtmlWai/css/images/logo.png); background-position: left center; background-repeat: no-repeat;}
.logoRight{ position:absolute; top:20px; right:0; width:430px;}
.headGn{ }
.headGn ul li{ float: right; height: 20px; line-height: 20px; padding: 0px 10px; font-size: 14px;}
.headGn ul li i{ width: 40px; height:20px; display: block; float: left; background-position: center center; background-repeat: no-repeat;}
.headGn ul li i.headIcon1{ background-image: url(/res/hetj/puchaHtmlWai/css/images/headIcon1.png);}
.headGn ul li i.headIcon2{ background-image: url(/res/hetj/puchaHtmlWai/css/images/headIcon2.png);}
.headGn ul li i.headIcon3{ background-image: url(/res/hetj/puchaHtmlWai/css/images/headIcon3.png);}
.headGn ul li span{ height: 20px; color: #788597;}
.headGn ul li span a{ color:#788597;}

.weather{height: 30px;}
.weatherBody{ width: 270px; height: 30px; float: left;}
.headerDate{ width: 150px; height: 30px; float: right;font-size: 12px;line-height: 25px;text-align: right;}


/*header nav*/
.header-nav{ height:50px; background-color: #3070bf; width: 100%;}
.header-nav-son{ height: 50px; width: 1400px;  margin:0 auto;  position: relative;}
.header-nav-son ul{  height: 50px; display: block;  display: block;}
.header-nav-son ul li{ width:11.11%; height:50px; line-height:50px;  font-size:17px; text-align: center;  float:left; background: url("/res/hetj/puchaHtmlWai/images/navline.png") no-repeat right center;}
.header-nav-son ul li a{ height: 50px; display:block; color: #fff; }


.header-nav-son .search{ height: 44px; padding:8px 0; width:20%; position: absolute; right: 30px; top:5px; }
.header-nav-son .search .ss{height:40px; position: relative; padding: 2px 65px 2px 15px; background: #fff;  border-radius: 10px;}
.header-nav-son .search .searchTxt{padding:3px 0; color:#999999; height:32px; line-height:32px; border:0; width: 100%;}
.header-nav-son .search button.searchBtn{ position:absolute;display: block; color: #3881c8; top: 6px; font-size: 24px; line-height: 32px; text-align: center; right: 10px; width:55px; height:35px; border-left: 1px solid #82a6ca; background-color: #fff; cursor:pointer; }
.header-nav-son .search p{color: #666;}
.header-nav-son .search p a{color: #666; margin: 0 5px; cursor: pointer; font-size: 15px;}