header{
	position: fixed;
	width: 100%;
	height: 168px;
	z-index: 100;
	transition: background-color .3s;
}
.nav_wrap{
	margin: 0 auto;
	padding: 58px 0 60px;
	width: 1200px;
}
.logo_area{
	float: left;
}
.logo{
	width: 200px;
	height: 29px;
	display: block;
	font-size: 0;
	background: no-repeat center/contain url(/images/logo.png);
}
nav{
	float: right;
	width: 529px;
	font-size: 0;
	display: flex;
	justify-content: space-between;
}
.move_down{
	position: relative;
	color: #fff;
	font-size: 20px;
	line-height: 50px;
	font-weight: bold;
	outline: none;
	text-decoration: none;
	transition: color .3s;
}
.move_down::before{
	content: "";
	display: none;
	position: absolute;
	top: 38px;
	left: 0;
	width: 100%;
	height: 1px;
	background-color: #fff;
}
.move_down:hover::before, .move_down.active::before{
	display: block;
}
header.scroll{
	background-color: #fff;
	transition: background-color .3s;
	box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);
}
header.scroll .move_down{
	color: #000;
	transition: color .3s;
}
header.scroll .move_down::before{
	background-color: #000;
}