@charset "utf-8";
/* header */
.header-blue{background: #21468C; color: #fff;}
.header-blue > .container{position: relative;}
.header-toolbar{padding-top: 9px; padding-bottom: 9px; height: 30px; position: relative;}
.header-toolbar:after{content: ''; position: absolute; left: 0; right: 0; bottom: 0; height: 1px; width: 100%; background: #fff; opacity: .2;}
.header-toolbar a{color: #fff;}
.header-toolbar a:hover{text-decoration: underline;}
.header-toolbar li{position: relative; height: 30px; line-height: 30px; float: left;}
.header-toolbar li + li{margin-left: 15px;}
.header-toolbar li.split{ padding-left: 16px;}
.header-toolbar li.split:after{position: absolute; left: 0; top: 50%; margin-top: -6px; content:''; width: 1px; height:14px; background: #fff; opacity: .46;}
.header-toolbar li.ghb{background: #fff; border-radius: 15px; font-size: .9375em;}
.header-toolbar li.ghb a{color: #D43030; padding-right: 8px; padding-left: 25px; position: relative;}
.header-toolbar li.ghb a:before{content: ''; position: absolute; left: 7px; top: 0; bottom: 0; margin: auto 0; width: 13px; height: 12px; background: url(../images/public/header_icon_ghb.png) no-repeat; background-size: 100% 100%;}
.header-toolbar li.znwd{background: #fff;border-radius: 100%;margin-left: 15px;}
.header-toolbar li.znwd img{width: 30px;height: 30px;}
.header-toolbar li.lnfw{display: none; background: #fff; border-radius: 15px; font-size: .9375em;}
.header-toolbar li.lnfw a{color: #d43030; padding-right: 10px; padding-left: 10px;}

.header-index .header{height: 320px; background: url(../images/public/index_header_bg.png) no-repeat center top;}
.header-column .header {height: 243px; background: url(../images/public/header_bg.png) no-repeat center top;}
.header > .container{position: relative;}
.header-logo{clear:both; padding:15px 0 50px;}
.header-logo img{display: block; margin: 0 auto;}

.header-logo img{display: none;}
.header-index .header .header-logo{padding: 35px 0 25px;}
.header-index .header .header-logo-index{display: block; margin: 0 auto; max-height: 160px;}
.header-column .header .header-logo{position: absolute; top: 64px; left: 0;}
.header-column .header .header-logo-column{max-height:115px;}
.header-column .header .header-logo-column{display: block;}

.header-column .header .header-search{position: absolute; top: 86px; right: 0; -webkit-box-sizing: content-box;-moz-box-sizing: content-box; -o-box-sizing: content-box; -ms-box-sizing: content-box; box-sizing: content-box;}
.header-index .header .header-search{width:420px; margin: 0 auto;}
.header-search{ position: relative; width:334px; height: 70px; margin:0 auto; padding:0 88px 0 162px; border-radius: 35px; background: rgba(255,255,255, .8);}
.header-search-txt{width:100%; padding: 0; height:70px; line-height:70px; border:0; color: #333; background: none; font-size: 1.25em;}
.header-search-btn{ position:absolute; top: 0; bottom: 0; margin: auto 0; right: 20px; width:48px; height:48px; color: #fff; border:0; cursor:pointer; background:#D43030; border-radius:50%; -webkit-appearance:none; transition: all .3s; -webkit-transition: all .3s;}
.header-search-btn img{display: block; width:26px; margin: 0 auto;}
.header-search-btn:hover{filter:alpha(opacity=85); -moz-opacity: 0.85; opacity:0.85;}
.header-search-txt::-webkit-input-placeholder{color: #808080;}
.header-search-option label{width: 132px;position: absolute; left: 30px; color: #D43030; font-size: 1.625em; line-height: 70px;cursor: pointer;}
.header-search-option label:after{content: ''; position: absolute; right: 14px; top: 0; bottom: 0; margin: auto 0; width: 1px; height: 36px; background: #668CA3; opacity: 0.54;}
.header-search-option label:before{
	content:"";position: absolute;right:28px;top:50%;margin-top:0;border: 7px solid transparent;border-bottom-color:#D43030;
	transition: all .2s ease-in 0s;
	-moz-transition: all .2s ease-in 0s;
	-ms-transition: all .2s ease-in 0s;
	-o-transition: all .2s ease-in 0s;
	-webkit-transition: all .2s ease-in 0s;
	transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-o-transform: rotate(180deg);
}
.header-search-option label.open:before{
	margin-top: -10px;
	transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-webkit-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	-o-transform: rotate(0deg);
}
.header-search-option ul{display: none; position: absolute;left: 25px;width: 122px;top: 100%;padding: 10px 0;line-height: 1.5;border-radius: 0 0 10px 10px;background: rgba(255,255,255, .8);box-shadow: 1px 5px 13px #e2e2e4;}
.header-search-option ul li{padding: 5px 10px 5px 20px;cursor: pointer;}
.header-search-option ul li:hover a{color: #D43030;}

.mainnav{position: relative; z-index: 9; height: 60px; line-height: 60px;}
.mainnav li{float: left; position: relative;}
.mainnav li + li{margin-left: 140px;}
.mainnav li a{display:block; font-size: 1.25em; text-align:center;}
.mainnav li span{position: relative; display: inline-block; color: #fff; transition: .3s;}
.mainnav li:hover span, .mainnav li.on span{color: #fff;}

.header-choose-btn{position:absolute; top:15px; left:20px; z-index:9; display:none;}
.header-choose-btn div{position:relative; width:28px; height:18px; cursor:pointer;}
.header-choose-btn span{display:block; position:absolute; left:0; width:100%; height:20%; background:#fff; transition:all .3s; -webkit-transform:translateY(-50%);  -ms-transform:translateY(-50%); transform:translateY(-50%);}
.header-choose-btn span:nth-child(1){top:0;}
.header-choose-btn span:nth-child(2){top:50%;}
.header-choose-btn span:nth-child(3){top:100%;}
.header-choose-opened .header-choose-btn span:nth-child(1){
		top: 50%;
		-webkit-transform: translateY(-50%) rotate(-45deg);
		-ms-transform: translateY(-50%) rotate(-45deg);
		transform: translateY(-50%) rotate(-45deg);
}
.header-choose-opened .header-choose-btn span:nth-child(2) {
		-webkit-transform: translateY(-50%) scaleX(0);
		-ms-transform: translateY(-50%) scaleX(0);
		transform: translateY(-50%) scaleX(0);
}
.header-choose-opened .header-choose-btn span:nth-child(3) {
		top: 50%;
		bottom: auto;
		-webkit-transform: translateY(-50%) rotate(45deg);
		-ms-transform: translateY(-50%) rotate(45deg);
		transform: translateY(-50%) rotate(45deg);
}
.m-header-toolbar{position:absolute; top:48px; right:0; left:0; z-index:1000; width:100%; background:#fff; box-shadow:0 0 15px rgba(0,0,0,.2); border: none; font-size: .875em; display: none;}
.m-header-toolbar li{border-bottom:1px solid rgba(225,225,225,.4);}
.m-header-toolbar li a{color:#333;display: block; padding-top: 8px; padding-bottom: 8px; padding-left: 20px; padding-right: 20px;}
.m-header-toolbar li a:hover{color:#4292f3;}

.header-btn-old{position: absolute; right: 0; top:85px; width: 300px; height: 83px; background: url(../images/public/header_btn_lnms.png) no-repeat; overflow: hidden; display: ;}
.header-btn-old span{display: block; position: relative; padding-left:60px; margin:20px 0 0 20px; height: 43px; line-height: 43px; font-weight: bold; font-size: 1.125em; color: #fff; cursor: pointer;}
.header-btn-old span:before{content: ''; position: absolute; top: 50%; left: 20px; margin-top: -15px; width: 30px; height: 29px; background: url(../images/public/header_btn_lnms_icon.png) no-repeat center center; background-size: 100% auto;}
@media (max-width:992px){
  .header-btn-old{position: absolute; top: 2% !important; right: 2% !important; background: none !important; width: auto !important;}
  .header-btn-old span{line-height: 30px; height: 30px; color: #ffffff; background: #f17d00; border-radius: 6px; padding: 0 .625em !important; font-size: .9375em; font-weight: bold; margin: 5px 0 0 !important;}	
  .header-btn-old span:before{content: normal !important;}
}

body.older .header-btn-old{width: 380px; height: 98px; top: 142px; right: -85px; background-image: url(../images/public/header_btn_lnms_older.png);}
body.older .header-btn-old span{margin: 23px 0 0 24px; font-size: 1em; height: 52px; line-height: 52px; padding-left: 70px;}
body.older .header-btn-old span:before{width:39px;}
@media (max-width:1480px){
	body.older .header-btn-old{right: 0;}	
}
@media (max-width:992px){
	body.older .header-btn-old span{height: 52px; line-height: 52px;}	
}

@media (max-width:1680px){
	.header-index .header{height: 320px;}
	.header-index .header .header-logo-index{max-height: 160px;}
	.header-index .header-search-option label{width: 110px;font-size: 1.25em;line-height: 60px;}
	.header-index .header .header-search{padding-left: 142px;}
	.header-index .header .header-search{height: 60px;}
	.header-index .header-search-txt{height: 60px;line-height: 60px;font-size: 1.125em;}
}

@media (max-width:1480px){
	.mainnav li + li{margin-left: 95px;}
	.header-search-option label:before{border-width: 6px;}
	.header-search-option label.open:before{margin-top: -6px;}
}
@media (max-width:1200px){
	.header-wrapper .header .header-logo{position: static; padding: 45px 0 25px;}
	.header-wrapper .header .header-logo-index{display: block; margin: 0 auto; max-height: 211px;}
	.header-wrapper .header .header-logo-column{display: none;}
	.header-wrapper .header .header-search{position: relative; top: auto; right: auto;}
	.header-wrapper .header .header-search{max-width: 420px; margin: 0 auto;}
	.header-wrapper .header {height: auto; padding: 0 0 50px; background: url(../images/public/index_header_bg.png) no-repeat center top;background-size: cover;}
	.mainnav li + li{margin-left: 0;}
	
}
@media (max-width: 1200px) and (min-width: 768px) {
	.mainnav ul{display: flex; justify-content: space-between;}
	.mainnav ul:before, .mainnav ul:after{display: none;}
}
@media (max-width: 992px) {
	.header-toolbar li.date,
	.header-toolbar li.wza{display: none;}
}
@media (max-width: 768px) {
	.header-toolbar{font-size: .875em;}
	.header-toolbar li.yxdl,
	.header-toolbar li.en,
	.header-toolbar li.jft{display: none;}
	.header-toolbar li.split{padding-left: 0;}
	.header-toolbar li.split:after{display: none;}
	.header-toolbar .fl{ float: right;}

	.header-wrapper .header .header-search{width: 100%; box-sizing: border-box; max-width: 100%; padding-right: 80px;}
	/* .header-search label{display: none;} */
	.header-wrapper .header .header-search{padding-left: 142px;}
	.header-search-option label{width: 110px;font-size: 1.25em;}
	.header-choose-btn{display: block;}

	.mainnav .container{padding-left: 0; padding-right: 0;}
	.mainnav{padding:12px 0; height: auto; line-height: normal;}
	.mainnav ul{display: block;}
	.mainnav li{width: 25%; 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{overflow: hidden; padding:4px 0; height: auto; line-height:30px; font-size: 1.125em;}
	.mainnav li:nth-child(4):after, .mainnav li:nth-child(7):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;}
	.mainnav li.nav1 a:before{content: ''; display: inline-block; width: 18px; height: 18px; background: url(../images/public/mainnav_icon_index.png) no-repeat; vertical-align: middle; margin: 0 10px 0 0; opacity: 0.7;}
}
@media (max-width: 480px) {
	.mainnav li.nav1 a{height: 76px; background: rgba(31,93,180,.95); border-radius: 5px; line-height:normal; overflow: hidden;}
	.mainnav li.nav1 a:before{display: block; margin: 15px auto 10px;}
	.mainnav li.nav1:after{display: none;}
	.mainnav li a{font-size: 1em;}
}
@media (max-width: 400px) {
	/* .header-toolbar li + li{margin-left: 8px;} */
}
@media (max-width: 370px) {
	/* .header-toolbar{font-size: 12px; height: 26px;}
	.header-toolbar li{height: 26px; line-height: 26px;}
	.mainnav li:after{display: none;} */
}


/*==== older ====*/
body.older .header-toolbar{height: 40px; padding-top: 15px; padding-bottom: 15px; font-size: 20px;}
body.older .header-toolbar li{height: 40px; line-height: 40px;}
body.older .header-toolbar li.ghb a{padding-left: 30px;}
body.older .header-toolbar li.ghb a:before{width: 16px; height: 16px;}
body.older .header-toolbar li.split:after{height: 18px; margin-top: -9px;}
body.older .header-toolbar li.lnfw{display: block;}
body.older .header-toolbar li.znwd{width: 40px; text-align: center;}
body.older .header-toolbar li.znwd img{display: inline-block; vertical-align: middle; margin-top: -3px;}
body.older .header-choose-btn{top: 26px;}
body.older .m-header-toolbar{top: 70px;}
body.older .mainnav{height: auto; padding-top: 20px; padding-bottom: 20px;}
body.older .mainnav ul{overflow: hidden;}
body.older .mainnav li + li{margin-left: 65px;}
body.older .header{height: 611px; padding-bottom: 0; background: url(../images/public/index_header_bg_older.png) no-repeat center top;}
body.older .header .header-logo{position: static; padding: 45px 0 25px;}
body.older .header .header-logo-index{display: block; margin: 0 auto; max-height: 250px;}
body.older .header .header-logo-column{display: none;}
body.older .header .header-search{position: relative; top: auto; right: auto; width: 580px; height: 80px; padding-left: 175px;}
body.older .header .header-search{margin: 0 auto;}
body.older .header-search-option label{width: 145px;font-size: 1em; line-height: 80px;}
body.older .header-search-option ul{width: 139px;}
body.older .header-search-txt{font-size: 1em; height: 80px; line-height: 80px;}

@media (max-width:1480px){
	body.older .mainnav li + li{margin-left: 20px;}
}

@media (max-width: 1200px){
	body.older .header-toolbar{height: auto;}
	/*body.older .header-toolbar li.lnfw{position: absolute; top: 15px; right: 0;}*/
	body.older .mainnav ul{display: block;}
	body.older .mainnav li + li{margin-left: 0;}
	body.older .mainnav li{width: 25%;}
	/* body.older .mainnav li.nav1{height:180px;}
	body.older .mainnav li.nav1 a{padding:0; line-height:180px;} */
}

@media (max-width: 768px) {
	/*body.older .header-toolbar{height: 32px; padding-top: 47px;}*/
	body.older .header-toolbar li{height: 32px; line-height: 32px;}
	body.older .header-toolbar li.znwd{width: 32px;}
	body.older .header-choose-btn{top: 22px;}
	body.older .m-header-toolbar{top: 62px;}
	body.older .header .header-search{padding-left: 162px;}
	body.older .header-search-option label{font-size: 1.25em;width:132px;top: 18px;}
	body.older .mainnav li.nav1{height: auto;}
	body.older .mainnav li.nav1 a{line-height: 30px; padding: 4px 0;}
	body.older .mainnav li.nav1 a:before{display: none;}

	body.older .header-search .header-search-txt{height: 80px;}
}

@media (max-width: 580px) {
	body.older .mainnav li{width: 33.3333%;}
	body.older .mainnav li.nav1 a{height: auto; background: none;}
	body.older .mainnav li:after{display: none;}
}

@media (max-width: 480px) {
	body.older .header-toolbar{font-size: 88%;}
	body.older .mainnav li a{font-size: 1.125em;}
}
@media (max-width: 520px) {
	body.older .mainnav li a{font-size: 1em;}
}