@charset "utf-8";

/* header */
.header-bg{padding-bottom: 94px; background: url(../images/public/header_bg.jpg) no-repeat center top #c11b2f; background-size:1920px auto;}
.header-toolbar{line-height: 32px; color: #fff;background: #94261F;padding: 7px 0 0;}
.header-toolbar a{color: #fff;}
.header-toolbar a:hover{color: #FF8D1A !important;}
.header-toolbar li{position: relative; padding-left: 16px; float: left;}
.header-toolbar li.split:before{position: absolute; left: 0; top: 0; bottom: 0; margin: auto 0; content:''; width: 1px; height:16px; background: #fff; opacity: .46;}
.header-toolbar li.split{margin-left: 15px;}
.header-toolbar .border{height: 32px; line-height: 32px; margin-bottom: 7px; padding-right: 13px; margin-left: 13px; border-radius: 16px; border: 1px solid #fff;}
.header-toolbar li.dl a.loginOut-btn{margin-left: 10px;cursor: pointer;}
.header-bg .fontcolor-blue{color: #FF8D1A !important;}

.header-main{position: relative;}
.header-logo{padding: 100px 0 9%;position: relative;float: left;}
.header-logo img{display: block; margin: 0 auto; max-height: 82px;}
.header-logo::after{content: '';background: url(../images/public/ces_pic.png) no-repeat;width: 200px;height: 120px;display: none;position: absolute;right: 14%;bottom: 20px;background-size: 200px 120px;}
.header-search-box{width: 452px; max-width: 100%;position: absolute;right: -60px;top: 120px;}
.header-search{ position: relative; height: 50px; box-sizing: border-box;  background: #fff; background-size: auto 100%; border-radius: 35px; padding:0 72px 0 20px; overflow: hidden;}
.header-search form{margin: 0; padding: 0;}
.header-search-txt{width:100%; height:50px; line-height:50px; font-size: 1.125em; border: 0; color: #808080;}
.header-search-btn{ position:absolute; top: 0; right: 0; width:50px; height:50px;  border:0; cursor:pointer; background:url(../images/public/header_search_icon.png) no-repeat; background-size: 100% 100%; border-radius:50%; -webkit-appearance:none; transition: all .3s; -webkit-transition: all .3s;}
.header-search-txt::-webkit-input-placeholder{color: #808080;}
.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: 55px;line-height: 55px;}
.mainnav li{position: relative;float: left;}
.mainnav li+li{margin-left: 11%;}
.mainnav li:last-child{float: right;}
.mainnav li a{display:block; position: relative; font-size: 1.5em; text-align:center; font-weight: bold; color: #fff; transition: .3s all;}
.mainnav li a:after{content:"";width: 0;height: 3px;background: #fff;position: absolute;left:0;bottom:0;transition: .3s all;}
.mainnav li a:hover:after,
.mainnav li.on a:after{width: 100%;}


/*responsive*/
@media (max-width: 1280px) {
	body:not(.nores) .header-bg{background-size: auto 100%;padding-bottom: 0;}
	body:not(.nores) .header-logo{float: none;padding: 9% 0 3%;}
	body:not(.nores) .header-search-box{position: static;margin: 0 auto 5%;}
	body:not(.nores) .mainnav li{width: 16.667%;text-align: center;}
	body:not(.nores) .mainnav li a{display: inline-block;}
	body:not(.nores) .mainnav li+li{margin-left: 0;}
	body:not(.nores) .mainnav li:last-child{float: left;}
}


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

@media (max-width: 992px) {
	body:not(.nores) .mainnav{height: auto;line-height: 1.3;}
	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;}
	body:not(.nores) .mainnav li a:after{display: none;}
}


/* xs mobile*/
@media (max-width: 768px) {
	body:not(.nores) .header-search{height: 42px; background-color: rgba(255,255,255,.8);}
	body:not(.nores) .header-search-txt{height: 42px; line-height: 42px; background:none;font-size: 1em;}
	body:not(.nores) .header-search-btn{width: 42px; height: 42px;}

}



@media (max-width: 640px) {
	body:not(.nores) .header-logo img{height: auto; width: 490px;}
	.header-toolbar li.split{margin-left:11px;}
	body:not(.nores) .header-toolbar .ghb{display: block;float: right;
    margin-top: 0;}
	.header-toolbar li{    padding-left: 7px;}
	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{padding-top: 50px; padding-bottom: 20px;}
	body:not(.nores) .mainnav li a{font-size: 1.125em;}
	body:not(.nores) .header{height: auto; padding-bottom: 50px;}
	body:not(.nores).header-bg{background-size: 250% auto;}
	
}

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