*{
	margin: 0;
	padding: 0;
}
.title{
	font-size: 1.88vw;
	color: #ffffff;
	font-weight: bold;
	text-align: center;
	padding-top: 3.13vw;
}
.foot-box{
	width: 100vw;
	height: 16.7vw;
	background-color: #263b5e;
	overflow: hidden;
}
.margin-box{
	width: 70%;
	margin-left: 15%;
	margin-right: 15%;
	border-bottom: 0.1vw solid rgba(249,249,249,0.1);
	padding-bottom: 1.41vw;
}
.small-logo-box{
	padding-top: 1.25vw;
	display: flex;
	align-items: center;
	justify-content: center;
}
.small-logo-box div{
	margin-left: 0.5vw;
	margin-right: 0.5vw;
	cursor: pointer;
}
.small-logo1{
	background-image: url(../images/small-logo-white1.png);
	width: 3.33vw;
	height: 3.33vw;
	/* border-radius: 50%; */
	background-size: 100%;
	
}
.small-logo2
{
	background-image: url(../images/small-logo-white2.png);
	width: 3.33vw;
	height: 3.33vw;
	background-size: 100%;
}
.small-logo3{
	background-image: url(../images/small-logo-white3.png);
	width: 3.33vw;
	height: 3.33vw;
	background-size: 100%;
}
.small-logo4{
	background-image: url(../images/small-logo-white4.png);
	width: 3.33vw;
	height: 3.33vw;
	background-size: 100%;
}
.small-logo1:hover{
	background-image: url(../images/small-logo1.png);
	width: 3.33vw;
	height: 3.33vw;
	transition:all 1s linear 0s;
	background-size: 100%;
}
.small-logo2:hover{
	background-image: url(../images/small-logo2.png);
	width: 3.33vw;
	height: 3.33vw;
	transition:all 1s linear 0s;
	background-size: 100%;
}
.small-logo3:hover{
	background-image: url(../images/small-logo3.png);
	width: 3.33vw;
	height: 3.33vw;
	transition:all 1s linear 0s;
	background-size: 100%;
}
.small-logo4:hover{
	background-image: url(../images/small-logo4.png);
	width: 3.33vw;
	height: 3.33vw;
	transition:all 1s linear 0s;
	background-size: 100%;
}
.con-box{
	width: 70%;
	margin-left: 15%;
	margin-right: 15%;
	display: flex;
	align-items: center;
	padding-bottom: 1.88vw;
}
.gray{
	font-size: 0.63vw;
	color: #f1f6f9;
	opacity: 0.3;
}
.con-flex{
	display: flex;
}
.flex{
	flex: 1;
}
.con-left{
	display: flex;
	align-items: center;
	width: 55%;
}
.con-right{
	width: 45%;
	padding-top: 1.15vw;
	text-align: left;
}
.con-right-box{
	width: 100%;
	position: relative;
	right: -40%;
}
.con-flex1{
	display: flex;
	align-items: center;
}
.white{
	font-size: 0.63vw;
	color: #f1f6f9;
	margin-left: 0.57vw;
}
.con-flex{
	display: flex;
	align-items: center;
	padding-top: 1.77vw;
}
.solid{
	width: 0.1vw;
	height: 0.63vw;
	background-color: #126ef8;
	border-radius: 0.03vw;
	margin-right: 0.45vw;
}
.con-flex1:last-child{
	padding-top: 0.63vw;
}

.ewm{
	position: absolute;
	width: 6vw;
	height: 6.2vw;
	margin-top: -7vw;
	opacity: 0;
	margin-left: -1.3vw;
}
.small-logo1:hover .ewm{
	opacity: 1;
	transition:all 1s linear 0s;
}
.small-logo2:hover .ewm{
	opacity: 1;
	transition:all 1s linear 0s;
}
.small-logo3:hover .ewm{
	opacity: 1;
	transition:all 1s linear 0s;
}
.small-logo4:hover .ewm{
	opacity: 1;
	transition:all 1s linear 0s;
}