.banner{
	background: url(../img/applet_bg.png) bottom center no-repeat;
	background-size: cover;
}
.banner .content{
	box-sizing: border-box;
	padding: 150px 30px 0px 30px;
}
.banner .content img{
	width: 40%;
	margin-bottom: -60px;
}
.banner .content .bContent{
	width: auto;
}
.banner .content .bContent p:nth-of-type(1){
	color: #675EAC;
	font-size: 48px;
	font-weight: bold;
}
.banner .content .bContent p:nth-of-type(2){
	color: #675EAC;
	font-size: 48px;
	font-weight: bold;
	margin: 10px 0;
}
.banner .content .bContent p span{
	color: #FF5B67;
	font-size: 60px;
}
.banner .content .bContent p:nth-of-type(3){
	color: #272063;
	font-size: 60px;
	font-weight: bold;
}
.banner .content .bContent i{
	display: block;
	width: 65px;
	height: 4px;
	background: #DBE0F9;
	margin: 20px 0;
}
.banner .content .bContent p:nth-of-type(4){
	color: #fff;
	font-size: 16px;
	line-height: 25px;
	width: 500px;
}
.banner .content .bContent a{
	display: block;
	width: 179px;
	height: 53px;
	line-height: 53px;
	color: #fff;
	font-size: 16px;
	text-align: center;
	background: #FF5B67;
	border-radius: 27px;
	margin-top: 30px;
}
/*  */
.titleP{
	font-size: 36px;
	font-weight: 500;
	color: #FFFFFF;
	text-align: center;
	background: linear-gradient(0deg, rgba(80, 173, 255, 0.8) 0%, rgba(162, 211, 255, 0.8) 0%, rgba(39, 32, 99, 0.8) 0%, rgba(255, 91, 103, 0.8) 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
/*  */
.advantage{
	box-sizing: border-box;
	padding: 100px 0;
}
.advantage .list{
	margin-top: 80px;
}
.advantage .list .li{
	width: 288px;
	margin: 0 40px;
	text-align: center;
	box-sizing: border-box;
	padding: 30px;
	background-color: #fff;
	border-radius: 20px;
	cursor: pointer;
	transition: all 0.3s;
	position: relative;
	top: 0;
}
.advantage .list .li:hover{
	box-shadow: 0px 6px 17px 0px rgb(13 60 76 / 10%);
	top: -30px;
}
.advantage .list .li .imgView{
	width: 100px;
	height: 100px;
	background: #FFFFFF;
	border: 1px solid #E5E5E5;
	box-shadow: 0px 0px 10px 0px rgba(242, 233, 255, 0.59);
	border-radius: 50%;
	margin: 0 auto;
}
.advantage .list .li .imgView img{
	width: 60px;
	height: 60px;
}
.advantage .list .li .title{
	color: #7A2DED;
	margin: 20px 0;
}
.advantage .list .li .subTitle{
	color: #888;
	line-height: 24px;
}
/*  */
.type{
	background-color: #F6F5FF;
	box-sizing: border-box;
	padding: 100px 0;
}
.type .content{
	margin-top: 50px;
}
.type .li{
	width: calc(20% - 60px);
	margin: 30px;
	text-align: center;
	cursor: pointer;
	transition: all 0.3s;
	position: relative;
	top: 0;
	box-sizing: border-box;
	padding: 20px;
	border-radius: 20px;
}
.type .li:hover{
	box-shadow: 0px 6px 17px 0px rgb(13 60 76 / 10%);
	top: -30px;
}
/*  */
.service{
	box-sizing: border-box;
	padding: 130px 0;
}
.service .content{
	margin-top: 50px;
}
.service .sImg{
	width: 500px;
	height: 504px;
	margin-right: 50px;
}
.service .list{
	
}
.service .li{
	height: 76px;
	position: relative;
	top: 0;
	border-radius: 10px;
	box-sizing: border-box;
	padding: 22px;
	transition: all 0.3s;
	cursor: pointer;
	margin: 15px;
}
.service .li img{
	width: 30px;
	height: 30px;
	margin-right: 30px;
}
.service .li img:nth-of-type(2){
	display: none;
}
.service .li p{
	color: #303133;
}
.service .li:hover{
	background: #4471FE;
	box-shadow: 0px 19px 43px 0px #D4DEFF;
	top: -10px;
}
.service .li:hover img:nth-of-type(1){
	display: none;
}
.service .li:hover img:nth-of-type(2){
	display: block;
}
.service .li:hover p{
	color: #fff;
}
/*  */
.process{
	background-color: #F6F5FF;
	box-sizing: border-box;
	padding: 100px 0 200px 0;
	position: relative;
}
.process img{
	display: block;
	width: 1920px;
	margin-top: 60px;
	position: relative;
	left: 50%;
	transform: translateX(-50%);
}
.txts{
	position: absolute;
	bottom: 250px;
	left: 50%;
	z-index: 22;
	transform: translateX(-50%);
}
.txts p{
	position: absolute;
	color: #303133;
	font-size: 16px;
}
.txts p:nth-of-type(1){
	left: 0.5%;
	top: -5px;
}
.txts p:nth-of-type(2){
	left: 19%;
	top: -65px;
}
.txts p:nth-of-type(3){
	left: 37.2%;
	top: 16px;
}
.txts p:nth-of-type(4){
	right: 38.4%;
	top: 16px;
}
.txts p:nth-of-type(5){
	right: 18%;
	top: -60px;
}
.txts p:nth-of-type(6){
	right: 0.5%;
	top: 40px;
}