@charset "utf-8";
/* header */
.header{height: 368px; position: relative; background: url(../images/public/header_bg.png) no-repeat center top; background-size: auto 100%;}
.header > .container{position: relative; height: 100%;}
.header:before{content: ''; height: 50px; position: absolute; top: 0; width: calc((100% - 1400px) / 2); right: 0; background: #1f5092;}
.header-toolbar{position: absolute; right: 0; top: 0; height: 50px; color: #fff; background: linear-gradient(90deg, #1d5aab 0%, #1f5092 100%); padding-left: 10px;}
.header-toolbar:before{content: ''; width: 17px; height: 50px; position: absolute; right: 100%; background: url(../images/public/header_toolbar_edge.png) no-repeat;}
.header-toolbar a{color: #fff;}
.header-toolbar a:hover{color: #F74835;}
.header-toolbar li{position: relative; height: 46px; padding:0 15px; float: left;}

.header-toolbar li.split:after{position: absolute; left: 0; top: 50%; margin-top: -7px; content:''; width: 1px; height:16px; background: #fff; opacity: .6;}
.header-toolbar li.split{margin-left: 15px;}
.header-toolbar .pullDown .pullDown{position: relative;}
.header-toolbar .pullDown .drop{position:absolute; top:43px; left:50%; transform: translateX(-50%); padding-top: 7px; z-index:9; display:none;}
.header-toolbar .pullDown.ewm .drop{width: 120px;}
.header-toolbar .pullDown.menu .drop{width: 100px;}
.header-toolbar .pullDown.ewm .drop:after{content:''; width:0; height:0; overflow:hidden; border:7px solid transparent; border-bottom-color:rgba(0,0,0,0.4); -webkit-border-bottom-color:rgba(0,0,0,0.4); position:absolute; left:50%; top:-7px; margin-left:-7px;}
.header-toolbar .pullDown.menu .drop:after{content:''; width:0; height:0; overflow:hidden; border:8px solid transparent; border-bottom-color:#fff; position:absolute; left:50%; top:-7px; margin-left:-8px;}
.header-toolbar .pullDown.ewm .drop dt{padding:10px; background: rgba(0,0,0,0.4); -webkit-background: rgba(0,0,0,0.4); border-radius: 8px; overflow: hidden;}
.header-toolbar .pullDown.ewm .drop dt img{display:block; margin:0 auto; width:100%; background: #fff; box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}
.header-toolbar li:hover .drop{display: block;}
.header-toolbar li.icon > a{display: block; padding-top: 13px; padding-bottom: 13px;}
.header-toolbar li.icon > a > img{height: 24px;}
.header-toolbar li.ghb a{display: block; width: 60px; height: 28px; border-radius: 2px; background: #FFFFFF; margin-top: 11px; color: #1C549E; line-height: 28px; text-align: center;}
.header-toolbar li.jft > a{color:#fff;border:1px solid #fff;height:28px;padding:0 5px;;margin-top:11px;line-height: 28px;border-radius:6px;}

.header-logo{padding: 82px 0 44px;}
.header-logo img{display: block; height: 115px; margin: 0 auto;}

.header-search{position: relative; width: 700px; box-sizing: border-box; padding: 0 120px 0 55px; margin: 0 auto; max-width: 100%; height: 60px; border-radius: 8px; border: 1px solid #126BC4; background:url(../images/public/header_icon_ss.png) no-repeat 17px center #fff;  background-size: 22px 23px; overflow: hidden;}
.header-search-txt{width:100%; height: 60px; line-height:60px; padding: 0; border:0; color: #808080; background: none; font-size: 1.125em;}
.header-search-btn{ position:absolute; z-index: 1; top: 0; right: 0; width:100px; height:60px; font-size: 1.25em; font-weight: bold; background:#125697; border:0; cursor:pointer; color: #fff; -webkit-appearance:none; transition: all .3s; -webkit-transition: all .3s;}
.header-search-btn:hover{background: #256DC1;}
.header-search-txt::-webkit-input-placeholder{color: #5E5E5E;}

.mainnav{position: relative; z-index: 9; height: 68px; background:url(../images/public/mainnav_bg.png) no-repeat center top; background-size: 100% 100%;}
.mainnav li{float: left; position: relative; width: 14.2857%;}
.mainnav li a{display:block; line-height: 68px; font-size: 1.5em; text-align:center; font-weight: bold; color: #ffff; transition: .3s all; position: relative;}
.mainnav li a span{position: relative; display: inline-block; height: 60px; line-height: 60px;}
.mainnav li:hover a, .mainnav li.on a{background: #1E5E9E;}
.mainnav li + li a{margin-left: 1px;}
.mainnav li.on a:after{content: ''; width: 0; height: 0; position: absolute; left: 0; right: 0; bottom: 0; margin: 0 auto; background-origin: padding-box; border: transparent solid 10px; border-bottom-color: #fff;}

/*responsive*/
@media (max-width: 1500px) {
	body:not(.nores) .header:before{width: calc((100% - 1200px) / 2);}
}

@media (max-width: 1280px) {
	body:not(.nores) .header:before{display: none;}
	body:not(.nores) .header-toolbar{background: none;}
	body:not(.nores) .header-toolbar:before{display: none;}
	body:not(.nores) .header-logo{padding-top: 80px;}
}


@media (max-width: 992px) {
	body:not(.nores) .header-toolbar .wza, 
	body:not(.nores) .header-toolbar .wx, 
	body:not(.nores) .header-toolbar .wb{display: none;}
	body:not(.nores) .header{height: auto;}
	body:not(.nores) .header-search{margin-bottom: 50px;}
	
}


/* xs mobile*/
@media (max-width: 768px) {
	.header-logo img{height: auto; width: 500px;}
	.header-search{padding-left:20px; padding-right: 60px; background: #fff; border-radius: 30px;}
	.header-search-btn{width: 60px; font-size: 0; background: url(../images/public/header_icon_ss_m.png) no-repeat center center; background-size: 28px 28px;}
	.header-search-btn:hover{background: url(../images/public/header_icon_ss_m.png) no-repeat center center; background-size: 28px 28px;}

	body:not(.nores) .mainnav .container{padding-left: 0; padding-right: 0;}
	body:not(.nores) .mainnav{padding:12px 0; height: auto;}
	body:not(.nores) .mainnav li{width: 26%; position:relative;}
	body:not(.nores) .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.1;}
	body:not(.nores) .mainnav li a{height: 30px; overflow: hidden; padding:4px 0; height: auto; line-height:30px;}
	body:not(.nores) .mainnav li a span{height: auto; line-height: normal;}
	body:not(.nores) .mainnav li:nth-child(4):after, body:not(.nores) .mainnav li:nth-child(7):after{display:none;}
	body:not(.nores) .mainnav li:hover span:after, body:not(.nores) .mainnav li.on span:after{display: none;}
	body:not(.nores) .mainnav li.nav1{width: 22%; height:76px;}
	body:not(.nores) .mainnav li.nav1 a{padding:0; line-height:76px;}
	body:not(.nores) .mainnav li a:hover, body:not(.nores) .mainnav li.on a{background: none;}
	body:not(.nores) .mainnav li.on a:after{display: none;}
	
}

@media (max-width: 480px) {
	body:not(.nores) .header-toolbar li{margin-right: 15px; padding: 0;}
	body:not(.nores) .header-search,
	body:not(.nores) .header-search-txt,
	body:not(.nores) .header-search-btn{height: 52px;}
	body:not(.nores) .header-search{margin-bottom: 30px;}
	body:not(.nores) .header-toolbar li.ghb a{height: 24px; line-height: 24px; background: rgba(255,255,255,.9);}
}

@media (max-width: 375px) {
	body:not(.nores) .mainnav li a{font-weight: normal;}
	
}