@charset "utf-8";
/*header*/
.header{ background:url(../images/headBanner.jpg) no-repeat center top;}
.header-top{ background-image:url(../images/topBk.png); background-repeat: repeat; height:40px; line-height: 40px; font-size: 14px; border-bottom: 1px solid #a6cae7; }
.header-top-son{ width:1200px; height: 30px; margin: 0 auto;}
.header-top-left{ width: 50%; float: left; color: #fff;}
.header-top-left span{ text-align:left; padding:0px 20px; background: url(../images/baidian.png) left center no-repeat;}
.header-top-left span a{ color: #fff;}
.header-top-right{ width: 40%; float:right; height: 40px;  line-height: 40px; color: #fff;}
.header-top-right span a{ color: #fff; 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: #fff; 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:190px;}
.header .banner-container{width: 1200px; margin: 0 auto;  height:190px; background-image: url(../images/logo.png); background-position: 50px center; background-repeat: no-repeat; }
.header .logo{position:absolute; top:0px; left: 0; width: 60%; height: 157px; background-image: url(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(images/headIcon1.png);}
.headGn ul li i.headIcon2{ background-image: url(images/headIcon2.png);}
.headGn ul li i.headIcon3{ background-image: url(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: 56px; background-color: #3881c8; -moz-box-shadow:5px 5px 5px #c6ccde; -webkit-box-shadow:5px 5px 5px #c6ccde; box-shadow:5px 5px 5px #c6ccde;}
.header-nav-son{ width: 1200px; margin:0 auto; height: 56px;}
.header-nav-son ul{ width: 70%; height: 56px; display: block; float: left;}
.header-nav-son ul li{ width:20%; height: 56px; line-height:56px;  font-size:18px; font-weight: bold; text-align: center;  float:left;; }
.header-nav-son ul li a{ height: 56px; display:block; color: #fff; background-image: url(../images/navline.png); background-repeat: no-repeat; background-position:right center;}
.header-nav-son ul li:last-child a{background-image:none;}
.header-nav-son ul li a i{ width: 35%; text-align: right; height: 56px; font-size: 30px;   display: block; float: left; -webkit-transition: 300ms; -moz-transition: 300ms; -o-transition: 300ms; transition: 300ms;}
.header-nav-son ul li a span{ width: 55%; height: 56px; display: block; float: right; text-align: left; color: #fff;}
.header-nav-son ul li a:hover,.header-nav-son ul li.active a{ color:#f8feff; background-color: #377aba; font-weight: bold;  }
.header-nav-son ul li a:hover span,.header-nav-son ul li a.active span{ color:#f8feff;  font-weight: bold; }

.header-nav-son .search{ height: 38px; padding:8px 0; width:28%; float: right;}
.header-nav-son .search .ss{height:34px; position: relative; padding: 2px 65px 2px 15px; background: #fff;  border-radius: 20px;}
.header-nav-son .search .searchTxt{padding:3px 0; color:#999999; height:28px; line-height:30px; border:0; width: 100%;}
.header-nav-son .search button.searchBtn{ position:absolute;display: block; color: #3881c8; top: 6px; font-size: 24px; line-height: 28px; text-align: center; right: 10px; width:55px; height:28px; 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;}