header{
	margin:0;padding:0;font-size:0;width:100%;
	background-image:url('../images/header-bg.png');
	background-position: center;
	background-repeat: no-repeat;
}
header > .wrap{ padding:30px 0; }
header > .wrap > div:first-child{
	display: flex;display: -webkit-flex;
	align-items: center;-webkit-align-items:center;
	justify-content: space-between;-webkit-justify-content:space-between;
	width:30%;
}
header > .wrap > div:first-child > div:first-child{ padding-right:25px; }
header > .wrap > div:first-child > div:last-child{ 
	/*padding-left:100px;*/
	/*border-left: 1px solid #8eb4e8;*/
}

header > .wrap > div:last-child{
	display: flex;display: -webkit-flex;
	align-items: center;-webkit-align-items:center;
}
header > .wrap > div:last-child > div{
	display: flex;display: -webkit-flex;margin-left:20px;
	align-items: center;-webkit-align-items:center;
}
header > .wrap > div:last-child > div > a{
	text-decoration: none;color:white;
	font-size:.8rem;padding-left:10px;
}
.icon-gouwuche1::before,.icon-saoma::before{
	color:white;font-size:1.3rem;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	border-radius: 50%;
	width:35px;height:35px;
	display: flex;display: -webkit-flex;
	justify-content: center;-webkit-justify-content:center;
	align-items: center;-webkit-align-items:center;
}
.icon-gouwuche1::before{ background-color:#fd70b2; }
.icon-saoma::before{ background-color:#70acff; }

#mobile-header{
	display: none; 
}
.navbar{
	background-color:#1f67d1;padding:10px 10px 10px 20px;
	display: flex;display: -webkit-flex;
	justify-content: space-between;-webkit-justify-content:space-between;
	align-items: center;-webkit-align-items:center;
	border-bottom:1px solid rgba(255,255,255,.1);
	box-shadow: inset 0 1px 0 rgba(255,255,255,.1);
	-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.1);
	/*background-image:url('../images/header-bg3.png');
	background-position: center bottom;
	background-repeat: no-repeat;
	background-size:100% 45px;*/
}
.navbar > div:first-child{
	display: flex;display: -webkit-flex;
	justify-content: center;-webkit-justify-content:center;
	align-items: center;-webkit-align-items:center;
}
.burger{
	display: flex;display: -webkit-flex;margin-right:10px;
	flex-direction: column;-webkit-flex-direction:column;
	cursor: pointer;-webkit-cursor:pointer;padding:2px 6px;
}
.separator{
	height: 3px;width:30px;background-color:white;margin:4px 0;
	border-radius:1px;
}
div.menu{
	background-color:rgba(34,34,34,.9);
	margin:0;padding:0;
	-webkit-box-shadow:0px 4px 7px #333333; 
	-moz-box-shadow:0px 4px 7px #333333; 
	-ms-box-shadow:0px 4px 7px #333333; 
	-o-box-shadow:0px 4px 7px #333333; 
	box-shadow:0px 4px 7px #333333;
	position: absolute;
	left:0;right:0;
	z-index: 99999999;
	display: none;
}
div.menu > ul{
	list-style: none;padding:0 0 10px 20px;margin:0;
	display: flex;display: -webkit-flex;
	flex-direction: column;-webkit-flex-direction:column;
}
div.menu > ul > li{
	margin:4px 0;
}
div.menu > ul > li > a{
	color:#f1f1f1;text-decoration: none;font-size:.7rem;
}
.open{
	color:#ccc;
}

.curBg { background:#039fd2;height:3px;position:absolute;left:0px;}
.cls {clear:both;}

@media screen and (min-width: 300px) and (max-width: 768px){
	header{display: none;}
	#mobile-header{ 
		display: block;
		position: fixed;
	    left: 0;
	    right: 0;
	    z-index: 9999;
	}
	.carousel{ margin-top:58px; }
	.slick-slide a{ height:155px;background-size: auto 100%; }
	.navbar img{width:90px;margin-top:3px;}
}

@media screen and (min-width: 768px) and (max-width: 1024px){
	.slick-slide a{
		height:330px !important;
		background-position: 68% !important;
	}
	header{ background-position: center top; }
}
