header {
	display: block;
	width: 100%;
	height: 100px;
	background: #FFFFFF;
	position: fixed;
	z-index: 99;
	max-width: 1920px;
}

.HeadPic {
	font-size: 0;
}

.container .nav {
	width: 87.5%;
	margin: 0 auto;
	height: 100px;
	min-width: 960px;
	line-height: 100px;
}

.logo {
	/* display: inline-block; */
	/* display: inline-block; */
	width: 19.2%;
	/* padding: 18px 0; */
	padding-top: 15px;
}

.logo img {
	width: 76%;
}

.nav_content {
	/* display: block; */
	width: auto;
	height: 100%;
}

.nav_content li {
	float: left;
	height: inherit;
	text-align: center;
	line-height: 100px;
	/* margin: 0 35px; */
	margin-left: 53px;
}

.nav_content .li_img {
	padding-top: 5px;
}

.nav_content .li_img img {
	display: inline-block;
}

.nav_content li a {
	display: inline-block;
	font-size: 14px;
	color: #323232;
}

.nav_content li a span {
	color: #646464;
}

/* 导航栏点击效果 */
.active {
	color: #0153A7 !important;
}

.nav_content li:hover a {
	color: #0153A7;
}


@media screen and (min-width:1440px) {
	.container .nav {
		width: 87.5%;
	}

	/* .logo {
			padding: 25px 0;
		} */

	.nav_content li {
		margin-left: 61px;
	}

	.nav_content li a {
		display: inline-block;
		font-size: 16px;
		color: #323232;
	}



}

@media screen and (min-width:1680px) {

	.container .nav {
		width: 87.5%;
	}

	.logo {
		padding: 18px 0;
	}

	.nav_content li {
		margin-left: 70px;
	}

	.nav_content li a {
		display: inline-block;
		font-size: 18px;
		color: #323232;
	}


}



/* 上出 */
.animate__fadeInDown {
	animation: move 1s;
}

@keyframes move {
	0% {
		margin-top: -50px;
		margin-bottom: 50px;
		opacity: 0;
	}

	100% {
		opacity: 1;
		margin-top: 0;
		margin-bottom: 0;
	}
}

/* 左出 */
.animate__fadeInLeft {
	animation: moveleft 1s;
}

@keyframes moveleft {
	0% {
		margin-left: -55%;
		margin-right: 55%;
		opacity: 0;
	}

	100% {
		margin-left: 0;
		margin-right: 0;
		opacity: 1;
	}
}

/* 右出 */
.animate__fadeInRight {
	animation: moveright 1s;
}

@keyframes moveright {
	0% {
		margin-right: -45%;
		margin-left: 45%;
		opacity: 0;
	}

	100% {
		margin-right: 0;
		margin-left: 0;
		opacity: 1;
	}
}

/*里面出*/
.animate_down-up {
	animation: moverDownUp 1s;
}

@keyframes moverDownUp {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, 100%, 0);
		transform: translate3d(0, 100%, 0);
	}

	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none;
	}
}

/* 淡入 */
.animate_info {
	animation: moveInFO 1s;
}

@keyframes moveInFO {
	0% {
		opacity: 0;
	}

	100% {
		opacity: 1;
	}
}

/* 淡入时间 */
.animate_info2 {
	animation: moveInFO 1.5s;
}

@keyframes moveInFO {
	0% {
		opacity: 0;
	}

	100% {
		opacity: 1;
	}
}

/* 淡入时间 */
.animate_info3 {
	animation: moveInFO 3s;
}

@keyframes moveInFO {
	0% {
		opacity: 0;
	}

	100% {
		opacity: 1;
	}
}