@charset "utf-8";

/*header*/

.indexVideo {width: 100%;height: 437px;position: absolute;top: 12px;left: 0;right: 0;z-index: -1;}
.indexVideo video {width: 100%;height: 437px;}
.indexHead{ height: 500px; display: none;}
.header {height: auto; box-shadow: 2px 2px 8px rgba(12,63,133,0.5); min-width:1200px; }
.header.fixed{ position: fixed !important; background-color: #cbe4fc !important; top: 0; transition: .3s all; width: 100%; z-index: 999; }
.header.pHead{ background-color: #cbe4fc !important;  transition: .3s all; width: 100%; height: auto;}
.header.fixed .indexVideo,.header.pHead .indexVideo{ display: none;}
.header-top {height: 33px;line-height: 33px;font-size: 14px;background-color: #f8f8f8;color: #666666;}
.header-top-son {max-width: 1500px;min-width:1200px; height: 33px;margin: 0 auto;}
.header-top-left {width: 65%;float: left;}
.header-top-left span {text-align: left;}
.header-top-left span a {color: #666666; margin-left: 15px;}
.header-top-right {width: 35%;float: right;height: 33px;line-height: 33px;color: #9f9f9f;}
.header-top-right span a {color: #9f9f9f;line-height: 33px;height: 33px;display: block;}
.header-top-right span {padding: 0 10px;line-height: 33px;height: 33px;display: block;float: right;}
.header-top-right span i {color: #9f9f9f;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: 350px; background: url(/res/hbstjj/tongjijuWaiHtml/images/indexBanner.jpg) center center no-repeat;}
.header.fixed .header-banner,.header.pHead .header-banner{ height: 160px;}
.header .banner-container {min-width:1200px; max-width: 1500px;margin: 0 auto;height: 350px;background-image: url(/res/hbstjj/tongjijuWaiHtml/images/logo.png);background-position: center 60px;background-repeat: no-repeat;position: relative;}
.header.fixed .header-banner .banner-container,.header.pHead .header-banner .banner-container{ height: 160px; background-image: url(/res/hbstjj/tongjijuWaiHtml/images/logo2.png);background-position: 0px center;background-repeat: no-repeat;}


/* ËÑË÷ */
.index-search {height: 50px;width: 520px;background: url(/res/hbstjj/tongjijuWaiHtml/images/tm.png) repeat;position: absolute;bottom: 80px;left: 50%;margin-left: -260px;border-radius: 15px;}
.header.fixed .header-banner .banner-container .index-search,.header.pHead .header-banner .banner-container .index-search{ right: 0px; bottom: 50px; left: inherit; margin-left: 0px; height: 50px;width: 500px; }
.index-search .index-searchSon {height: 50px;position: relative;padding: 10px 120px 10px 15px;border-radius: 15px;}
.header.fixed .header-banner .banner-container .index-search .index-searchSon,.header.pHead .header-banner .banner-container .index-search .index-searchSon {height: 50px; padding: 10px 120px 10px 10px;}
.index-searchSon input.searchTxt {color: #2f2f2f;height: 30px;line-height: 30px;border: 0;width: 100%;display: block;border: none;background-color: initial;box-shadow: none;font-size: 17px;}
.header.fixed .header-banner .banner-container .index-search .index-searchSon input.searchTxt,.header.pHead .header-banner .banner-container .index-search .index-searchSon input.searchTxt{ font-size: 15px;}
.index-search input.searchBtn {position: absolute;display: block;color: #ffffff;top: 0px;font-size: 20px;line-height: 50px;text-align: center;right: 0px;width: 100px;height: 50px;background-color: #e78b00;cursor: pointer;border-top-right-radius: 15px;border-bottom-right-radius: 15px;}
.header.fixed .header-banner .banner-container .index-search button.searchBtn,.header.pHead .header-banner .banner-container .index-search button.searchBtn{ height: 50px; line-height: 50px;}
.index-search p {color: #666;}
.index-search p a {color: #666;margin: 0 5px;cursor: pointer;font-size: 15px;}


/* ËÑË÷end */

.logoRight {position: absolute;top: 20px;right: 0;width: 430px;}
.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/hbstjj/tongjijuWaiHtml/style/images/headIcon1.png);}
.headGn ul li i.headIcon2 {background-image: url(/res/hbstjj/tongjijuWaiHtml/style/images/headIcon2.png);}
.headGn ul li i.headIcon3 {background-image: url(/res/hbstjj/tongjijuWaiHtml/style/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: 60px;background-color: #0c4f99;}
.header-nav-son {max-width: 1500px; min-width: 1200px; margin: 0 auto;height: 60px;}
.header-nav-son ul {height: 60px;display: block;}
.header-nav-son ul li {width: 12.5%;height: 60px;line-height: 60px;font-size: 20px;font-weight: bold;text-align: center;float: left;}
.header-nav-son ul li a {height: 60px;display: block;color: #fff; border-right: 1px solid #37679b;}
.header-nav-son ul li:last-child a {background-image: none;}

.header-nav-son ul li a i {width: 40%;text-align: right;height: 60px;font-size: 30px;display: block;float: left;-webkit-transition: 300ms;-moz-transition: 300ms;-o-transition: 300ms;transition: 300ms;font-weight: normal;background-image: url(/res/hbstjj/tongjijuWaiHtml/images/nav.png); background-repeat: no-repeat;}

.header-nav-son ul li a i.icon1{ background-position: 20px top; }
.header-nav-son ul li a:hover i.icon1{ background-position: 20px bottom; }
.header-nav-son ul li a i.icon2{ background-position: -60px top; }
.header-nav-son ul li a:hover i.icon2{ background-position: -60px bottom; }
.header-nav-son ul li a i.icon3{ background-position: -130px top; }
.header-nav-son ul li a:hover i.icon3{ background-position: -130px bottom; }
.header-nav-son ul li a i.icon4{ background-position: -200px top; }
.header-nav-son ul li a:hover i.icon4{ background-position: -200px bottom; }
.header-nav-son ul li a i.icon5{ background-position: -270px top; }
.header-nav-son ul li a:hover i.icon5{ background-position: -270px bottom; }
.header-nav-son ul li a i.icon6{ background-position: -340px top; }
.header-nav-son ul li a:hover i.icon6{ background-position: -340px bottom; }
.header-nav-son ul li a i.icon7{ background-position: -410px top; }
.header-nav-son ul li a:hover i.icon7{ background-position: -410px bottom; }
.header-nav-son ul li a i.icon8{ background-position: -480px top; }
.header-nav-son ul li a:hover i.icon8{ background-position: -480px bottom; }



.header-nav-son ul li a i.icon-shouyefill{ font-size: 26px;}
.header-nav-son ul li a i.icon-jigou{font-size: 25px;}
.header-nav-son ul li a i.icon-24gf-newspaper4{font-size: 26px;}
.header-nav-son ul li a i.icon-gongshigongkai{ font-size: 26px; }
.header-nav-son ul li a i.icon-fuwu1{ font-size: 29px; }
.header-nav-son ul li a i.icon-hudongguanli{ font-size: 25px; }
.header-nav-son ul li a i.icon-zhuanti1{ font-size: 28px; }

.header-nav-son ul li a span {width: 50%;height: 60px;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: #0f5eaa;font-weight: bold;}
.header-nav-son ul li a:hover span,
.header-nav-son ul li a.active span {color: #f8feff;font-weight: bold;}

/*head2*/
.header-body{ display: none; background-color: #cbe4fc; height: 200px;}
.header-body.headeShow{ display: block;}