#header{
    display: flex;
	width:100%;
	padding:50px;
	position:absolute;
	box-sizing:border-box;
    z-index: 1;
}

#header .logo{
	width:140px;
	position:relative;
}
#header .logo img{
	width:100%;
}

#header .logo .logo_c{
	opacity:1
}
#header .logo .logo_w{
	opacity:0;
	position:absolute;
	left:0;
	top:0;
}

#header .menu{
	position:absolute;
	left:50%;
	top:50%;
	display: flex;
	gap: 60px;
	transform:translate(-50%, -50%);
}

#header .menu li{
	font-family:'abel';
	font-size:18px;
}
#header .util {
	display: flex;
    align-items: center;
    margin: 0 0 0 auto;
}
#header .util a {
    font-size: .9em;
    border: 1px solid transparent;
    border-image: linear-gradient(to right, red 0%, orange 100%);
    color:#222;
    border-image-slice: 1;
}

#header .menu li a.accent {
    color: #2b73b9;
}

#header .moMenu{
	float:right;
	display:none;
}






#header .moSlideMenu{
	width:100%;
	position:fixed;
	background:#fff;
	z-index:999;
	height:100%;
	bottom:0;
	overflow-y:scroll;
	right:-100%;
	transition:all 1s;
	display:block;
	z-index:1;
	box-shadow:0px 0px 10px rgba(0,0,0,0.11);
}

#header .moSlideMenu .moClose{
	width:100%;
	padding:20px 3% 0px;
	text-align:right;
	box-sizing:border-box;
}

#header .moSlideMenu .moClose img{
	display:inline-block;
	width:30px;
}

#header .moSlideMenu .topA{
	width:100%;
	padding:20px 3%;
	box-sizing:border-box;
	display:inline-block;
	border-bottom:1px solid #e5e5e5;
}


#header .moSlideMenu .topA .signin{
	display:Inline-block;
	vertical-align:middle;
	background:#2b73b9;
	color:#fff;
	border-radius:3px;
	float:right;
}

#header .moSlideMenu .topA .signin a{
	color:#fff;
	padding:13px 10px;
	box-sizing:border-box;
	font-size:14px;
	display:block;
	font-family:'lato'
}


#header .moSlideMenu .menuList{
	width:100%;
	padding:30px 0px;
	box-sizing:border-box;
}


#header .moSlideMenu .menuList li{
	width:100%;
	padding:15px 3%;
	box-sizing:border-box;
	text-align:Center;
	font-size:16px;
	color:#28323C;
	font-weight:600;
}







#footer{
	width:100%;
	text-align:Center;
	color:#777;
	padding:25px 0px;
	background:#101010;
	font-size:14px;
	font-family:'abel'
}





.quick{
	width:60px;
	position:fixed;
	right:3%;
	bottom:2%;
	z-index:1;
}


















