@charset "utf-8";
/* header */
.header{padding-top: 10px; }
.header-toolbar{line-height: 32px; color: #808080;font-size: 18px;margin-left: -14px;}
.header-toolbar a{color: #808080;}
.header-toolbar a:hover{color: #DB2323 !important;}
.header-toolbar li{position: relative; padding-left: 14px; float: left;}
.header-toolbar li.split:before{position: absolute; left: 0; top: 0; bottom: 0; margin: auto 0; content:'|'; width: 1px; height:16px;line-height: 16px; color: #808080; }
.header-toolbar li.split{margin-left: 14px;}
.header-toolbar .border{height: 32px; line-height: 32px;font-size: 16px; margin-bottom: 11px;}
.header-toolbar .border a{display: block; border-radius: 16px;color:#fff;padding: 0 14px; border: 1px solid #008CEB;background: #008CEB;}
.header-toolbar li.dl a.loginOut-btn{margin-left: 10px;cursor: pointer;}
.header-toolbar li img{max-width: 16px;max-height: 16px;margin-right: 8px;vertical-align: middle;}

#loginbox li{
	/* width:100%; */
}

.header-logo{float: left;margin: 30px auto;text-align: center;overflow: hidden;}
.header-logo img{float: left; max-height: 96px;}
.header-logo img.icon{max-width: 13.35%;}
.header-logo img.txt{max-width: 86.65%;}
.header-search-box{width: 494px; margin: 40px auto 60px; max-width: 100%;float: right;}
.header-search{ position: relative; height: 70px; box-sizing: border-box;  border-radius: 10px; border: 1px solid #4586D6; padding:7px 136px 7px 16px;}
.header-search form{margin: 0; padding: 0;}
.header-search-txt{width:100%; height:52px; line-height:52px; font-size: 1.375em; border: 0; color: rgba(38, 104, 184, 1);}
.header-search-btn{ position:absolute; top: -1px; right:-1px; width:120px; height:70px;  border:0; cursor:pointer; background:url(../images/public/header_search_icon.png) no-repeat center #2A60A1; background-size: 32px; border-radius:0 10px 10px 0; -webkit-appearance:none; transition: all .3s; -webkit-transition: all .3s;}
.header-search-txt::-webkit-input-placeholder{color: #C2C2C2;}
.header-search-hotkeys{padding: 10px 0 0 20px; font-size: 0.9375em;margin-bottom: 46px;}
.header-search-hotkeys a{margin-right: 8px; cursor: pointer;}

.mainnav{height: 70px;line-height: 70px;background: #F0F7FF;}
.mainnav li{float: left; position: relative; width: 12.5%;}
.mainnav li:first-child{ width: 10%;}
.mainnav li.long{ width: 15%;}
.mainnav li a{display:block; position: relative; font-size: 1.375em; text-align:center; font-weight: bold; transition: .3s all;}
.mainnav li:hover a,
.mainnav li.on a{color: #2162A2;}


.header-toggle-btn{display: none; position:fixed; right:0; top:0; z-index:999; width: 60px; height: 54px;cursor: pointer; background: url(../images/public/header_bg_toggle.png) no-repeat #2A82E4;background-size: 100% 100%; }
.header-toggle-btn div{position:relative;width: 45.7%; max-width:30px; height:20px;position:absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; cursor:pointer;  transition:200ms;}
.header-toggle-btn span{position:absolute; display:block; left:0; width:100%; height: 12%; background:#fff; border-radius: 3px; transition:all .2s; margin-top: -1px;}
.header-toggle-btn span:nth-child(1){top:0;}
.header-toggle-btn span:nth-child(2){top:50%;width: 70%;}
.header-toggle-btn span:nth-child(3){top:100%;}

.openDrawer .mainnav{display: block!important;}
.openDrawer .header-toggle-btn{background: none;}
.openDrawer .header-toggle-btn.fixed{background: inherit;}
.openDrawer .header-toggle-btn span{background: #2162A2!important;}
.openDrawer .header-toggle-btn span:nth-child(1){top:50%;-webkit-transform:translateY(-50%) rotate(-45deg);-ms-transform:translateY(-50%) rotate(-45deg);transform:translateY(-50%) rotate(-45deg);}
.openDrawer .header-toggle-btn span:nth-child(2){-webkit-transform:translateY(-50%) scaleX(0);-ms-transform:translateY(-50%) scaleX(0);transform:translateY(-50%) scaleX(0);}
.openDrawer .header-toggle-btn span:nth-child(3){top:50%;width:100%;bottom:auto;-webkit-transform:translateY(-50%) rotate(45deg);-ms-transform:translateY(-50%) rotate(45deg);transform:translateY(-50%) rotate(45deg);}


/*responsive*/
@media (max-width: 1280px) {
	body:not(.nores) .header-toolbar{font-size: 16px;}
	body:not(.nores) .header-logo,
	body:not(.nores) .header-search-box{float: none;}
	body:not(.nores) .header-search-box{width: 80%;}
	body:not(.nores) .header-search,
	body:not(.nores) .header-search-btn{height: 50px;}
	body:not(.nores) .header-search-txt{height: 32px;line-height: 32px;font-size: 1.125em;}
	body:not(.nores) .header-search-btn{width: 64px;background-size: 22px;}
	body:not(.nores) .header-search{padding-left: 10px;padding-right: 74px;}

	body:not(.nores) .mainnav{height: auto;padding: 5px 0; line-height: 50px;}
	body:not(.nores) .mainnav li a{font-size: 1.25em;}
}

@media (max-width: 992px) {
	body:not(.nores) .header-toolbar{padding-right: 70px;}
	body:not(.nores) .header-toolbar li.wza{display: none;}
	body:not(.nores) .header-toolbar-r{float: left;}
	body:not(.nores) .header-toggle-btn{display: block;}
	body:not(.nores) .mainnav{display: none; position: fixed;left: 0;right: 0;top: 0;z-index: 998;background: rgba(255,255,255,.97);height: auto;padding: 60px 0 20px;}
	body:not(.nores) .mainnav .flex{display: block;}
	body:not(.nores) .mainnav li{width: inherit;float: none;border-bottom: 1px solid #e5e5e5;padding: 14px 20px;}
	body:not(.nores) .mainnav li + li{margin-left: 0;}
	body:not(.nores) .mainnav li a{color: #858585;line-height: 1.3;font-weight: 500;font-size: 1.125em;}
	body:not(.nores) .mainnav li.on a,
	body:not(.nores) .mainnav li a:hover{color: #2162A2;background: none;}
	body:not(.nores) .mainnav li.on a{font-weight: 700;}
	body:not(.nores) .mainnav li:hover a:before,
	body:not(.nores) .mainnav li.on a:before{display: none;}
}

/* @media (max-width: 992px) {
	body:not(.nores) .mainnav li.on a{background: none;}
	body:not(.nores) .mainnav ul{padding:12px 0; height: auto;}
	body:not(.nores) .mainnav li{width: 25% !important; 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.2;}
	body:not(.nores) .mainnav li a{height: 30px; overflow: hidden; padding:4px 0; height: auto; line-height:30px; font-size: 1.25em;}
	body:not(.nores) .mainnav li:nth-child(4):after, .mainnav li:nth-child(8):after{display:none;}
	body:not(.nores) .mainnav li:hover span:after, .mainnav li.on span:after{display: none;}
} */


/* xs mobile*/
@media (max-width: 768px) {
	body:not(.nores) .header-search,
	body:not(.nores) .header-search-btn{height: 48px;}
}


@media (max-width: 640px) {
	body:not(.nores) .header-toolbar li{padding-left: 11px;}
	body:not(.nores) .header-toolbar li.split{margin-left:11px;}
	body:not(.nores) .header-search-box{width: 100%;}
	/* body:not(.nores) .header-logo img{height: auto; width: 490px;}
	body:not(.nores) .header-toolbar .ghb{display: block;float: right;margin-top: 0;}
	body:not(.nores) .header-toolbar .ipv6{display: none;}
	body:not(.nores) .header-toolbar-l{display: none;}
	body:not(.nores) .header-toolbar{height: 38px; line-height: 38px;}
	body:not(.nores) .header-bg{background-position: center 38px;} */
}


@media (max-width: 480px) {
	body:not(.nores) .header-logo{margin: 20px auto;}
	body:not(.nores) .mainnav li a{font-size: 1.125em;}
	body:not(.nores) .header{height: auto; padding-bottom: 30px;}
	body:not(.nores) .header-search-box{margin: 0 auto;}
	
}

@media (max-width: 375px) {
	/* body:not(.nores) .mainnav li{width: 33.3333% !important;} */
	body:not(.nores) .mainnav li:after{display:none;}
	
}