@charset "utf-8";
/* header */
.header{height: 212px; background: url(../images/header_bg.png) no-repeat center top; font-size: 16px;}
.header > .container{position: relative;}
.header-toolbar{height: 34px; line-height: 34px; color: #0953ae;position: absolute; right: 0; top: 29px;}
.header-toolbar li{position: relative; height: 34px; float: left;}
.header-toolbar li.split{padding-left: 16px;}
.header-toolbar li.split:after{position: absolute; left: 0; top: 0; bottom: 0; margin: auto 0; content:''; width: 1px; height:14px; background: #000; opacity: .46;}
.header-toolbar li + li{margin-left: 15px;}
.header-toolbar li.icon a{position: relative; padding-left: 28px;}
.header-toolbar li.icon a:before{content: ''; position: absolute; left: 0; top: 50%; margin-top: -10px; width: 16px; height: 21px; background-repeat: no-repeat; background-size: 100% 100%;}
.header-toolbar li.wza a{padding-left: 22px;}
.header-toolbar li.wza a:before{width: 18px; height: 22px; background-image: url(../images/header_icon_wza.png);}
.header-toolbar li.ghb a{display: inline-block; background: #B50D0D; border-radius: 4px; line-height: 34px; height: 34px; color: #fff; font-weight: bold; padding: 0 10px;}

.header-logo{position: absolute; left: 0; top: 65px;}
.header-logo img{display: block; margin: 0 auto; max-height: 100px;}

.header-search{ position: absolute; right: 0; top: 79px;}
.header-search .ss{position: relative; box-sizing: border-box; width:600px; margin:0 auto; padding:0 106px 0 60px; border-radius: 6px; overflow: hidden; height: 52px; background-color: #fff; background-color: rgba(255, 255, 255, 0.66); max-width: 100%; border: #2A72C9 1px solid; margin-bottom: 10px;}
.header-search .ss:before{content: ''; width: 22px; height: 22px; background: url(../images/header_icon_search.png) no-repeat; position: absolute; left: 20px; top: 0; bottom: 0; margin: auto 0; background-size: 100% 100%;}
.header-search-txt{width:100%; height:50px; line-height:50px; background: none; border: 0; font-size: 16px;}
.header-search-btn{ position:absolute; top: -1px; right: -1px; width:86px; height:52px; font-size: 16px; color: #fff; border:0; cursor:pointer; background:#2A72C9; border-radius: 6px; color: #fff; -webkit-appearance:none; transition: all .3s; -webkit-transition: all .3s;}
.header-search-btn:hover{filter:alpha(opacity=85); -moz-opacity: 0.85; opacity:0.85;}
.header-search-txt::-webkit-input-placeholder{color:#757575;}
.header-search .hotkeys a{margin-right: 10px; cursor: pointer;}

.header-flg{position: absolute; left: 490px; top: 85px;}
.header-flg img{width: 267px;}

@media (max-width: 1480px) {
	.header-flg{display: none;}
}
@media (max-width: 1260px) {
	.header{height: auto; padding-bottom: 30px; background-size: auto 100%;}
	.header-logo{position: static; padding: 40px 0 30px;}
	.header-search{position: relative; top: auto;}
	.header-search .ss{margin-bottom: 0;}
	.header-search .hotkeys{display: none;}
	.header-toolbar{top: 15px;}
	.header-toolbar li.wza{display: none;}
	.header-toolbar li.jft:after{display: none;}
	.header-toolbar{right: 15px;}
}
@media (max-width: 992px) {

}
@media (max-width: 768px) {
	.header-toolbar{height: 28px; line-height: 28px; font-size: 14px;}
	.header-toolbar li{height: 28px;}
	.header-toolbar li.ghb a{height: 28px; line-height: 28px;}
}

@media (max-width: 480px) {
	.header-logo img{width: 90%;}
	.header-search .ss{padding: 0 86px 0 40px;}
	.header-search .ss:before{left: 10px;}
	.header-search-btn{width: 76px;}
	.header-logo{padding-top: 60px;}

}


.mainnav{position: relative; z-index: 9; height: 56px; background: #2A72C9;}
.mainnav li{float: left; position: relative; width: 16.6667%;}
.mainnav li a{display:block; line-height: 56px; text-align:center; font-size: 0;}
.mainnav li span{position: relative; display: inline-block; color: #fff; transition: .3s; font-size: 20px;}
.mainnav li a:before{content: ''; width: 35px; height: 35px; margin-right: 10px; background-repeat: no-repeat; background-size: 100% 100%;}
.mainnav li span, .mainnav li a:before{display: inline-block; vertical-align: middle;}
.mainnav .nav1 a:before{background-image: url(../images/mainnav_icon_index.png);}
.mainnav .nav2 a:before{background-image: url(../images/mainnav_icon_jyzx.png);}
.mainnav .nav3 a:before{background-image: url(../images/mainnav_icon_zwgk.png);}
.mainnav .nav4 a:before{background-image: url(../images/mainnav_icon_jyyw.png);}
.mainnav .nav5 a:before{background-image: url(../images/mainnav_icon_zmhd.png);}
.mainnav .nav6 a:before{background-image: url(../images/mainnav_icon_ztzl.png);}
.mainnav li:hover span, .mainnav li.on span{font-weight: bold;}

@media (max-width: 992px) {
	.mainnav .container{padding-left: 0; padding-right: 0;}
	.mainnav{padding:12px 0; height: auto;}
	.mainnav li{width: 33.33333%; position:relative;}
	.mainnav li:after{content:""; width:1px; height:16px; background:#fff; position:absolute; top:50%; margin-top:-8px; right:0; filter:alpha(opacity=20); -moz-opacity:0.2; opacity:0.2;}
	.mainnav li a{height: 30px; overflow: hidden; padding:6px 0; height: auto; line-height:30px; font-size: 1.125em;}
	.mainnav li:nth-child(3):after, .mainnav li:nth-child(6):after{display:none;}
	.mainnav li:hover span:after, .mainnav li.on span:after{display: none;}
	/* .mainnav li.nav1{height:68px;} */
	/* .mainnav li.nav1 a{padding:0; line-height:68px;} */
}

@media (max-width: 580px) {
	.mainnav li a{padding-top: 4px; padding-bottom: 4px;}
	.mainnav li a span{font-size: 18px;}
	.mainnav li a:before{display: none;}
}
@media (max-width: 375px) {
	.mainnav li span{font-weight: normal;}
}
@media (max-width: 320px) {
	.mainnav li a{font-size: 15px;}
}