html,body{
	margin:0;
	padding:0;
	height:100%;
}
p{
	margin:0;
	padding:0;
}
.haeder-box{
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding-left:153px;
	background: url('../img/logo-bg.png') no-repeat center center;
	background-size: 100% 100%;
	position: absolute;
	top:0;
	left:0;
	right:0;
}
.container img{
	width:100%;
}
.logo{
	width:93px;
	height:39px;
}
.nav{
	display: flex;
	justify-content: space-around;
	align-items: center;
	list-style: none;
	margin:0;
	margin-right: 55px;
	padding-top:26px;
}
.nav li{
	margin-right:90px;
	color:#fff;
	cursor: pointer;
	padding-bottom:18px;
}
.nav li.active{
	border-bottom: 4px solid;
	border-image-source: linear-gradient(90deg, #0C7FF6 0%, #1FCFEF 100%);
	border-image-slice: 1;

}
.footer{
	background: url('../img/footer.png') no-repeat center center;
	background-size: 100% 100% ;

	width:100%;
	height: 156px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.footer .content{
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}

.footer .content .top img{
	margin-right: 50px;
	
	/* width: 150px;
	height: 45px; */
}	

a{
	outline: none;
	color: #b0b0b0;
	text-decoration: none;
}
.footer .content .bottom{
	color: #b0b0b0;
	margin-top: 30px;
	display: flex;

}
.footer .content .bottom span img{
	display: block;
	margin-right: 3px;
}

.footer .content .bottom span{
	margin-right: 20px;
	cursor: pointer;
	display: flex;
	align-items: center;
}