*{
	padding: 0;
	margin: 0;
	font-family:  'PingFang HK-Regular','PingFang HK';
}
@font-face{
	font-family: 'balabala';
	src: url('./img/buttersans-Regular.otf');
}
ul,li{
	list-style: none;
}
.w{
	width: 1443px;
	margin: auto;
}
body{
	color: #fff;
	background-color: #222458;
}
header{
	background-color: #222458;
}
nav{
	height: 100px;
	display: flex;
	justify-content: space-between;
}
nav .logo{
	display: flex;
	align-items: center;
}
nav .logo img{
	margin-right: 12px;
}
nav ul{
	display: flex;
	align-items: center;
	font-size: 20px;
}
nav ul li{
	margin-right: 40px;
}
nav ul li a{
	color: #fff;
	text-decoration: none;
}
nav ul li a:hover{
	color: #FF6746;
}
h1{
	font-size: 90px;
	font-family: 'balabala';
}
h2{
	font-size:32px;
	font-weight: 600;
}
p{
	font-size:28px;
	color: #fff;
	/* letter-spacing: 1px; */
	font-family: 'PingFang HK-Regular','PingFang HK';
}
.flex{
	display: flex;
	position: relative;
}
.flex.between{
	justify-content: space-between;
}

#content{
	
}
.c1{
	margin-top: 126px;
	position: relative;
}
.c1 h1{
	margin-top: 28px;
}
.c1 h1,.c1 p{
	width: 694px;
}
.c1 .slip{
	width: 60px;
	height: 12px;
	background: #FFFFFF;
	margin: 60px 0;
}
.c1 .orange{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 140px;
	background-color: #FF6746;
	z-index: 1;
}
.c1 .phone-img{
	position: relative;
	z-index: 2;
	vertical-align: bottom;
	margin-bottom: 50px;
}
.c1 .download-img{
	position: absolute;
	bottom: 429px;
	right: 363px;
	z-index: 3;
}
.c2{
	height: 1080px;
}
.c2 .w{
	height: 100%;
	background-image: url('./img/core_function.png');
	flex-direction: column;
	align-items: flex-end;
	justify-content: end;
}
.c2 .word{
	margin-bottom: 106px;
}
.c2 .word img{
	margin-right: 14px;
	vertical-align: -4px;
}
.c2 p{
	margin-top: 20px;
}
.c3{
	height: 1080px;
	background-color: #2D3079;
}
.c3 .w{
	height: 100%;
	background-image: url('./img/learn_more.png');
	flex-direction: column;
	align-items: flex-end;
	justify-content: end;
}
.c3 .word{
	width: 769px;
	margin-bottom: 135px;
}
.c3 h1{
	margin-bottom: 34px;
}
.c4{
	height: 1080px;
}
.c4 .w{
	height: 100%;
	background-image: url('./img/more_function.png');
	flex-direction: column;
	align-items: flex-start;
	justify-content: end;
}
.c4 .word{
	width: 836px;
	margin-bottom: 148px;
}
.c4 .word h1{
	margin-bottom: 22px;
}
.c4 .word p{
	margin-bottom: 20px;
}
.c4 .word img{
	margin-right: 14px;
	float: left;
	margin-top: 4px;
	margin-bottom: 10px;
}