@charset "utf-8";
/* header */
.header{height: 120px;}
.header::after{content: '';position: absolute;left: 0; right: 0;bottom: 0; height: 1px;background: #fff;opacity: .3;}
.home-header .header{position: absolute;z-index:2; top: 0px;left: 0px;right: 0px;}
.header .logo{position: absolute;left: 30px;top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%);}
.header .logo img{width: 45%;display: none;}
.home-header .header .logo img.logo-white{display: block;}
.header .mainnav{text-align: center;}
.header .mainnav li{display: inline-block;}
.header .mainnav ul{text-align: center;margin-left: -20px;}
.header .mainnav ul li{display: inline-block;}
.header .mainnav ul li a{display: block; padding: 47px 26px;}
.header .mainnav ul li a span{display: block;position: relative;color: #fff;font-size: 1.25em;line-height: 25px;}
.header .mainnav ul li a:hover,
.header .mainnav ul li.on a{font-weight: bold;}
.header .mainnav ul li a span:after{content: ''; height: 5px; width: 0; position: absolute; left: 0; bottom: -20px; background: #c73636; }
.header .mainnav ul li a:hover span:after,
.header .mainnav ul li.on a span:after{ width: 100%;}
.header .header-toolbar{position: absolute; right: 120px; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%);}
.header .header-toolbar li{display: inline-block; margin-left: 10px;}
.home-header .header .header-toolbar li a{color:#fff}
.home-header .header .header-toolbar li.wza.icon{ background-image:url(../images/header_icon_wza.png);}
.header .header-toolbar li.wza.icon{padding-left: 23px;background-repeat: no-repeat; background-position:0px 3px;background-size: 28%;}
.header li.search{position: relative;border-radius: 20px;}
.header li.search input{border: 0px;}
.header li.search input.header-search-txt{border-radius: 20px;width: 90px;height:35px;padding:0px 40px 0px 20px;}
.home-header .header li.search input.header-search-txt{background: #fff;opacity: 0.5; }
.header li.search .header-search-btn{cursor: pointer; height:20px; width: 20px; position: absolute;right: 10px; top: 6px; background-size: 100%;}
.home-header .header .header-search-btn{background: url(../images/header_icon_search.png) no-repeat 0px 0px;}
.header .header-sitemap{position: absolute; right: 0px;top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%);}
.header .header-sitemap a{display: block; background: #a81313; color:#fff;padding: 10px 10px 10px 20px;border-top-left-radius: 20px;border-bottom-left-radius: 20px;}

.mainnav, .mainnav ul li a, .mainnav ul li a span:after{ -webkit-transition: 300ms; -moz-transition: 300ms;-o-transition: 300ms; transition: 300ms;}

 /* 列表白色背景头部 */
.page-header{position: relative;}
.page-header .header{background: #fff;}
.page-header .header li.search input.header-search-txt{background: #F7F7F7;}
.page-header .header .mainnav ul li a,.page-header .header .mainnav ul li a span{color:#3c4756}
.page-header .header .header-search-btn{background: url(../images/header_icon_search_blue.png) no-repeat 0px 0px;}
.page-header .header .header-toolbar li.wza.icon{ background-image:url(../images/header_icon_wza_black.png);}
.page-header .header .logo img.logo-blue{display: block;}


/* 手机版导航 */
.header .m-shrink{display: none;width:30px; height: 30px;position: relative; cursor: pointer;}
.header .m-shrink::before{position: absolute; content: ''; background:url(../images/shrink.png) no-repeat; top: 10px; left: 15px; width: 30px; height: 30px;background-size: 100%;}
.header .m-mainnav{display: none;}
.header .m-mainnav{height: 100%; width: 100%; z-index: 9999;right: 0; top: 0;left: 0;position:fixed;}
.header .m-mainnav .m-mainnav-box{background: #2E6AB8;position: absolute;padding: 10px 50px;right: 0;top: 0; height: 100%;}
.header .m-mainnav .m-mainnav-box li a{display: block; line-height: 50px;font-size: 1.2em;}
.header .m-mainnav a{color:#fff}
.header .m-mainnav .bg{background: rgb(0 0 0 / 60%);position: absolute;padding: 10px 50px;right: 0;top: 0; height: 100%;width: 100%;}

/*responsive*/
@media (max-width: 1680px) {
	.header .mainnav ul li a {padding: 47px 15px;}
}

@media (max-width: 1400px) {
	body{font-size: 15px;}
	.header .mainnav ul li a{padding: 47px 4px;}
}
@media (max-width: 1280px) {
	.header .mainnav{display: none;}
	.header .m-shrink{display: inline-block;}
}


@media (max-width: 1023px) {
	
}

@media (max-width: 991px) {
	
}

@media (max-width: 860px) {
	.header-toolbar li.ft,
	.header-toolbar li.wza,
	.header-toolbar li.ft,
	.header-toolbar li.search,.header-sitemap{display: none;}
	.header .header-toolbar{right: 30px;}
	
}


/* xs mobile*/
@media (max-width: 768px) {
	.header .logo img{  width: 70%;}
}

@media (max-width: 767px) and (min-width: 375px) {
	
}


@media (max-width: 640px) {
	
	
}


@media (max-width: 480px) {
	
	.header .logo img{  width: 80%;}
	
}

@media (max-width: 414px) {
	

}

@media (max-width: 375px) {

	
}


@media (max-width: 320px) {
	
}