* {
	padding: 0;
	margin: 0;
	list-style: none;
}

html,
body {
	margin: 0 auto;
}

body,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
p,
blockquote,
dl,
dt,
dd,
ul,
ol,
li,
pre,
form,
fieldset,
legend,
button,
input,
textarea,
th,
td,
header,
section,
footer {
	margin: 0;
	padding: 0
}

body,
button,
input,
select,
textarea {
	font: 0.73vw/1.5 'Regular';
	color: #666;
	font-weight: normal;
}

body {
	overflow-x: hidden;
}

address,
cite,
dfn,
em,
var,
i {
	font-style: normal
}

ul,
ol,
dl {
	list-style: none
}

a,
a:active,
a:link,
a:visited {
	text-decoration: none
}

a {
	color: #000;
}

input {
	outline: none;
}

img {
	vertical-align: middle;
}
@font-face {
	font-family: 'Regular';
	src: url('Poppins-Regular.otf');
}
@font-face {
	font-family: 'SemiBold';
	src: url('Poppins-SemiBold.otf');
}
@font-face {
	font-family: 'Bold';
	src: url('Poppins-Bold.otf');
}
/*  */
.header-box{position: relative;overflow: hidden;}
.header-box:before{position: absolute;left: 0;right: 0;top: 0;bottom: 0;background: linear-gradient(135deg,#fcfffd,#ecfff4);content: "";
z-index: 8;}
.header{width: 1500px;margin: 12px auto 70px;position: relative;z-index: 10;zoom: 1;display: flex;align-items: center;
justify-content: space-between;}
/* .header:after{content: "";display: block;height: 0;clear:both;visibility: hidden;} */
.header .logo{float: left;font-size: 0;}
.header .nav{float: right;}
.header .nav a{float: left;font-size: 24px;color: #222;margin-right: 90px;position: relative;font-family: 'SemiBold';margin-top: -5px;}
.header .nav a:before{position: absolute;left: 0;right: 0;bottom: -10px;content: "";width: 24px;height: 6px;background: #20cd73;
border-radius: 6px;margin: auto;transition: all 0.3s;}
.header .nav a:hover:before{width: 100%;}
.header .nav div{float: right;}
.header .nav div dl{float: left;position: relative;margin-left: 20px;}
.header .nav div dl dt{font-size: 0;width: 40px;}
.header .nav div dl dt img{max-width: 100%;}
.header .nav div dl dd{position: absolute;left: -100px;right: -100px;top: 50px;font-size: 0;width: 120px;padding: 5px;display: none;
border: 1px solid #eee;border-radius: 5px;overflow: hidden;background: #fff;margin: auto;z-index: 9;}
.header .nav div dl dd img{width: 100%;}
.header .nav div dl:hover dd{display: block;}

.banner{width: 1500px;margin: 0 auto 110px;position: relative;z-index: 9;display: flex;}
.banner .banner-download{width: calc(100% - 620px);}
.banner .banner-download h3{font-size: 64px;color: #222;font-family: 'SemiBold';}
.banner .banner-download p{font-size: 24px;color: #9da0af;margin: 20px 0;line-height: 1.25;}
.banner .banner-download div{margin-top: 120px;}
.banner .banner-download div a{margin-right: 20px;transition: all 0.3s;margin-top: 0;float: left;}
.banner .banner-download div a:hover{margin-top: -10px;}
.banner .banner-user{width: 615px;position: relative;margin-top: 20px;}
.banner .banner-user:before{position: absolute;content: "";width: 500px;height: 500px;border-radius: 50%;left: 15px;top: 0;bottom: 0;
margin: auto;background: linear-gradient(to bottom,#47df90,#07c160);}
.banner .banner-user .banner-user-effect img{margin-left: 120px;position: relative;}
.banner .banner-user .banner-user-list{position: absolute;right: 0;top: 0;z-index: 8;}
.banner .banner-user .banner-user-list p{font-size: 16px;color: #9da0af;}
.banner .banner-user .banner-user-list p b{font-size: 36px;color: #222;}
.banner .banner-user .banner-user-list div em{float: left;width: 56px;height: 56px;font-size: 0;overflow: hidden;border-radius: 50%;
background: #fff;padding: 2px;margin-left: -10px;}
.banner .banner-user .banner-user-list div em img{width: 100%;}

.index-title{text-align: center;margin: 130px auto 40px;width: 1500px;}
.index-title h3{font-size: 64px;color: #222;font-family: 'SemiBold';}
.index-title p{font-size: 24px;color: #999999;}

.intro{width: 1500px;margin: auto;height: 240px;background: url(data.png) no-repeat center;padding: 0 40px;box-sizing: border-box;
background-size: 100% 100%;display: flex;align-items: center;justify-content: space-between;}
.intro-list{display: flex;justify-content: space-between;width: 100%;}
.intro-list div{text-align: center;margin: 0 20px;}
.intro-list div span{font-size: 54px;color: #13be65;font-family: 'Bold';position: relative;}
.intro-list div span.add:before{position: absolute;right: -45px;top: 0;content: "+";font-size: 36px;font-family: 'Regular';}
.intro-list div p{text-align: center;font-size: 18px;color: #333;}

.brief{width: 1500px;margin: 80px auto;background: #222;border-radius: 30px;padding: 70px 465px 70px 70px;box-sizing: border-box;
position: relative;}
.brief dl{display: flex;flex-direction: row-reverse;}
.brief dt{font-size: 0;margin-top: -130px;position: absolute;right: 70px;}
.brief dt img{}
.brief dd{font-size: 24px;color: #fff;margin-right: 50px;}

.benefit{width: 1500px;margin: auto;}
.benefit dl{background: #ecfaf3;border-radius: 30px;margin-bottom: 40px;display: flex;align-items: center;flex-direction: row-reverse;
padding: 35px 30px 35px 40px;justify-content: space-between;}
.benefit dl dt{position: relative;}
.benefit dl dt span{position: absolute;left: 0;right: 0;top: 20px;font-size: 36px;text-align: center;color: #0f8849;font-family: 'SemiBold';}
.benefit dl dd{display: flex;width: calc(100% - 280px);justify-content: space-between;}
.benefit dl dd p{font-size: 24px;color: #222;width: calc(100% - 95px);line-height: 1.75;}
.benefit dl dd p b{font-family: 'Bold';}
.benefit dl dd span{width: 60px;height: 50px;line-height: 50px;text-align: center;color: #fff;background: #222;border-radius: 6px;
font-size: 30px;margin-top: 10px;}

.step{width: 1470px;margin: auto;text-align: center;background: url(process.png) no-repeat right 140px;display: flex;
justify-content: space-between;flex-wrap: wrap;position: relative;padding-top: 40px;background-size: 80% 482px;}
.step dl{display: inline-block;vertical-align: top;}
.step dl dt{font-size: 0;}
.step dl dd{margin-top: 20px;}
.step dl dd span{display: inline-block;vertical-align: top;background: #222;border-radius: 6px;padding: 0 18px;color: #fff;
height: 44px;font-size: 24px;line-height: 44px;}
.step dl dd p{font-size: 20px;color: #9da0af;margin-top: 10px;}
.step div{display: flex;flex-direction: row-reverse;justify-content: center;width: 100%;margin-top: 20px;}
.step div dl{margin: 0 160px 0 0px;}

.user-title{width: 1500px;margin: auto;font-size: 64px;font-family: 'SemiBold';color: #222;line-height: 1.3;margin-top: 110px;
position: relative;}
.user-title .prev{position: absolute;right: 150px;top: 0;bottom: 0;border: 2px solid #222;width: 106px;height: 106px;border-radius: 50%;
text-align: center;line-height: 106px;font-size: 0;transition: all 0.25s;}
.user-title .next{position: absolute;right: 0;top: 0;bottom: 0;border: 2px solid #222;width: 106px;height: 106px;border-radius: 50%;
text-align: center;line-height: 106px;font-size: 0;transition: all 0.25s;}
.user-title .next img{transform: rotate(180deg);transition: all 0.25s;}
.user-title .prev:hover{background: #222;}
.user-title .prev:hover img{filter: brightness(0) saturate(100%) invert(100%);}
.user-title .next:hover{background: #222;}
.user-title .next:hover img{filter: brightness(0) saturate(100%) invert(100%);}
.user-list{margin-top: 80px;}
.user-list .swiper-slide{background: #f0f0f0;padding: 50px;border-radius: 45px;box-sizing: border-box;}
.user-list .swiper-slide dl{display: flex;align-items: center;}
.user-list .swiper-slide dl dt{margin-right: 20px;font-size: 0;}
.user-list .swiper-slide dl dd{}
.user-list .swiper-slide dl dd span{font-size: 34px;color: #222;}
.user-list .swiper-slide dl dd img{margin-right: 12px;}
.user-list .swiper-slide p{margin-top: 40px;color: #9da0af;font-size: 22px;height: 132px;
text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient:vertical;overflow:hidden;s}

.welfare{width: 1500px;margin: 115px auto 0;height: 560px;background: url(53534.png) no-repeat 0 0;display: flex;align-items: center;
position: relative;background-size: auto 100%;border-radius: 30px;overflow: hidden;}
.welfare div{margin: 0 85px 0 585px;}
.welfare div p{color: #fff;font-size: 60px;text-transform: uppercase;line-height: 1.2;font-family: 'SemiBold';
text-shadow: 0px 2px 0px rgba(0, 0, 0, 0.3);}
.welfare div p span{color: #fff368;}
.welfare div em{color: #fff;font-size: 20px;margin-top: 20px;display: block;line-height: 1.75;}

.footer{background: #222222;padding-top: 125px;margin-top: -125px;}
.footer div{padding: 60px 0;text-align: center;display: flex;justify-content: center;}
.footer div p{display: flex;align-items: center;margin: 0 30px;}
.footer div p img{margin-right: 10px;}
.footer div p span{font-size: 30px;color: #7c7d80;}
.footer em{font-size: 24px;color: #7c7d80;display: block;text-align: center;padding: 25px 0;border-top: 1px solid rgba(255,255,255,0.15);}

@media only screen and (max-width: 1600px){
	.header{width: 90%;}
	.banner{width: 90%;}
	.index-title{width: 90%;}
	.intro{width: 90%;}
	.brief{width: 90%;}
	.benefit{width: 90%;}
	.step{width: 90%;}
	/* .step div dl{margin-right: 200px;} */
	.user-title{width: 90%;}
	.welfare{width: 90%;}
}
@media only screen and (max-width: 1500px){
	.banner .banner-download h3{font-size: 60px;}
	.welfare div p{font-size: 55px;}
}
@media only screen and (max-width: 1400px){
	.welfare div p{font-size: 48px;}
}

@media only screen and (max-width: 750px){
	.header{margin: 0.25rem;width: auto;}
	.header .logo{height: 1.8rem;}
	.header .nav a{font-size: 0.32rem;margin: 0 0 0 0.25rem;float: right;}
	.header .nav a:before{width: 0.4rem;height: 0.06rem;bottom: -0.1rem;}
	.header .nav div dl{margin: 0 0.25rem 0 0;}
	.header .nav div dl dt{width: 0.6rem;}
	.header .nav div dl dd{width: 2rem;top: 0.8rem;padding: 0.06rem;}
	.banner{width: auto;margin: 0.25rem 0.25rem 1rem;flex-wrap: wrap;}
	.banner .banner-download{width: 100%;}
	.banner .banner-download h3{font-size: 0.44rem;}
	.banner .banner-download p{font-size: 0.3rem;margin: 0.25rem 0;}
	.banner .banner-download div{margin-top: 0.75rem;display: flex;justify-content: space-between;}
	.banner .banner-download div a{margin-right: 0;}
	.banner .banner-download div a img{width: 3.35rem;}
	.banner .banner-user{width: 100%;margin-top: 1rem;}
	.banner .banner-user .banner-user-effect img{margin-left: 0;width: 100%;}
	.banner .banner-user .banner-user-list{display: none;}
	.banner .banner-user:before{display: none;}
	.index-title{width: auto;margin: 1rem 0.25rem 0.5rem;}
	.index-title h3{font-size: 0.6rem;}
	.index-title p{font-size: 0.3rem;}
	.intro{width: auto;margin: 0 0.25rem;height: auto;padding: 0.25rem;background: url(data.png) no-repeat -2rem 0;border-radius: 0.5rem;
	background-size: auto 100%;}
	.intro-list{flex-wrap: wrap;}
	.intro-list div{margin: 0.2rem 0;width: 100%;}
	.intro-list div span{font-size: 0.54rem;}
	.intro-list div span.add:before{right: -0.4rem;font-size: 0.44rem;}
	.intro-list div p{font-size: 0.3rem;}
	.brief{padding: 0;width: auto;margin: 1rem 0.25rem;border-radius: 0.4rem;}
	.brief dt{display: none;}
	.brief dd{font-size: 0.32rem;margin: 0.5rem;}
	.benefit{width: auto;margin: 0 0.25rem;}
	.benefit dl{padding: 0.3rem;border-radius: 0.4rem;position: relative;margin-bottom: 0.5rem;}
	.benefit dl dt{position: absolute;right: 0;bottom: 0;display: none;}
	.benefit dl dd{width: 100%;}
	.benefit dl dd span{width: 0.7rem;font-size: 0.4rem;height: 0.8rem;line-height: 0.8rem;}
	.benefit dl dd p{width: calc(100% - 1rem);font-size: 0.36rem;}
	.step{width: auto;margin: 0 0.25rem;background: none;padding: 0;}
	.step div{flex-wrap: wrap;margin-top: 0;}
	.step div dl{margin: 0 0 0.335rem 0;}
	.step dl{width: 100%;margin-bottom: 0.35rem;}
	.step dl dt img{float: left;width: 2rem;margin: 0 0.25rem 0.25rem 0;}
	.step dl dd{text-align: left;margin-top: 0;}
	.step dl dd span{padding: 0 0.25rem;height: 0.7rem;line-height: 0.7rem;font-size: 0.36rem;}
	.step dl dd p{font-size: 0.3rem;margin-top: 0.15rem;}
	.user-title{width: auto;margin: 1rem 0.25rem 0.75rem;font-size: 0.6rem;}
	.user-title .prev{display: none;}
	.user-title .next{display: none;}
	.user-list{margin-top: 0rem;}
	.user-list .swiper-slide{padding: 0.5rem;border-radius: 0.4rem;}
	.user-list .swiper-slide dl dt{width: 1.5rem;height: 1.5rem;}
	.user-list .swiper-slide dl dt img{width: 100%;}
	.user-list .swiper-slide dl dd span{font-size: 0.32rem;}
	.user-list .swiper-slide dl dd div{margin-top: 0.15rem;}
	.user-list .swiper-slide dl dd div img{width: 0.35rem;margin-right: 0.2rem;}
	.user-list .swiper-slide p{font-size: 0.32rem;height: auto;margin-top: 0.4rem;}
	.welfare{width: auto;margin: 1.2rem 0.25rem 0;height: auto;border-radius: 0.4rem;background: url(53534.png) no-repeat 50% 0;
	background-size: auto 100%;}
	.welfare div{margin: 0.5rem;}
	.welfare div p{font-size: 0.48rem;}
	.welfare div em{font-size: 0.34rem;margin-top: 0.25rem;}
	.footer div{flex-wrap: wrap;padding: 0.5rem 0;}
	.footer div p{margin: 0;}
	.footer div p img{width: 0.45rem;margin-right: 0.15rem;}
	.footer div p span{font-size: 0.45rem;}
	.footer em{font-size: 0.32rem;padding: 0.25rem;}
}