.header-main {
	position: relative;
}
.header-main.container{padding-bottom: 0px;}
.header-micons {
	position: absolute;
	right: 0.66666667rem;
	top: 50%;
	height: 3.333333rem;
	margin-top: -1.66666667rem;
}

.header-micons li {
	float: left;
}

.header-micons li a {
	display: block;
	margin: 0 10px;
	/* width: 2.66666667rem; */
    width: 2rem;
	height: 2.66666667rem;
	background: url(../images/public/header_icon_msearch.png) no-repeat center;
	background-size: 60%;
}

.header-micons li.user a {
	background-image: url(../images/public/header_icon_muser.png);
}
.header-micons li.znwd a {
	background-image: url(../images/public/quickbar_icon_znwd.png);
}
.header-micons li.zbb>a{background-image: url(../images/public/header_icon_zzb.png);}
.header-micons{line-height: 2.66666667rem;font-size: .875em; color: #0953ae;}
.header-micons a{color: #2354AF;}
.header-micons li.logined{margin-left: 10px;}
.header-micons li.logined,
.header-micons li.user{display: none;}
/* .header-micons li.logined{margin-top: 15px;} */
/* .header-micons li.user a{display: inline-block;background: #689EE3;color:#fff;border-radius: 2px;height: 22px;line-height: 20px;padding: 0 8px;transition: 0.3s;} */
/* .header-micons li.user a:hover{background: #2354AF;} */
.header li.logined>div{cursor: pointer;position: relative;}
.header li.logined .info{display: none;position: absolute;top: 57px;right: 0;z-index: 10;padding: 5px 0;width: 160px;background: #fff;border-radius: 4px;box-shadow: 0 2px 12px 0 rgb(0 0 0 / 10%);}
.header li.logined .info:before{content:"";position: absolute;left:50%;top:-16px;margin-left:-7px; width:0;height: 0;border:8px solid transparent;border-bottom:8px solid #fff;}
.header li.logined .info a{display: block;width:auto;height:52px;line-height: 52px;padding:0 12px;margin:0;background:none;}
.header li.logined .info a:hover{background: #ecf5ff;color: #2354AF;}
.header li.logined>div:hover .info{display: block;}
.header-cloumn .header-micons li.logined,
.header-cloumn .header-micons li.user{display: block;}
@media (max-width: 640px) {
    .header-micons li>a{margin: 0 5px;}
}
@media (max-width: 480px) {
    .header-micons li>a{margin: 0 2px;width: 1.75rem;background-size: 64%;}
    .header-micons li.logined{margin-left: 2px; font-size: 0.875em;}
}
@media (max-width: 375px) {
    .header-cloumn .header-logo .logo2{max-width: 56%;}
}

.header-cloumn .header {
	/* background: url(../images/public/header_mbg.png) no-repeat right bottom #fff; */
	background-size: 80%;
}

.header-cloumn .header {
	padding: 3% 0 2%;
}

.header-cloumn .header-logo {
	margin: 0;
	padding: 0;
}

.header-cloumn .header-logo .logo2 {
	height: auto;
	max-width: 60%;
	margin: 0;
}

.mainnav {
	background: #5184e0;
	height: 3.333333rem;
	line-height:3.333333rem;
	position: relative;
}

.mainnav:after {
	content: "";
	width: 3.333333rem;
	height: 100%;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 9;
	background: url(../images/public/mainnav_mbg.png) no-repeat right top;
	background-size: 100% 100%;
}

.mainnav ul {
	height:3.333333rem;
	overflow: hidden;
}

.mainnav .owl-item {
	width: auto!important;
}

.mainnav .owl-item+.owl-item {
	margin-left: 2rem;
}

.mainnav li {
	width: auto;
	    float: left;
    position: relative;
}

.mainnav li a {
	position: relative;
	font-size: 1.066666667rem;
	color: #C2D7FF;
	line-height: 3.333333rem;
	font-weight: normal;
	display: block;
	text-align: center;
}

.mainnav li a:before {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 0;
	height: 0.2rem;
	background: #fff;
}

.mainnav li a:hover,
.mainnav li.on a {
	background: transparent;
	color: #fff;
	font-weight: bold;
}

.mainnav li.on a:before {
	width: 100%;
}