.common-title {
	font-size: .4267rem;
	font-weight: 600;
	color: #333;
	text-align: center;
}

.common-subtitle {
	margin-top: .1867rem;
	font-size: .32rem;
	color: #666;
	text-align: center;
	line-height: .5333rem;
}

.sec {
	padding: .8rem 0 0;
}

.sec:nth-child(2n-1) {
	background: #fff;
}

.banner {
	width: 100%;
	height: 5.8667rem;
	background: url(../images/derivative/banner.png?time=2022-09-14) no-repeat center/cover;
	text-align: center;
	overflow: hidden;
}

.banner .title {
	margin-top: .8rem;
	font-size: .8rem;
	font-weight: bold;
	color: #fff;
}

.banner .subtitle {
	font-size: .5333rem;
	color: #fff;
}

.banner .consulting-btn {
	width: 4.0533rem;
	height: 1.0667rem;
	background: #3272FF;
	margin: 1.4133rem auto 0;
	text-align: center;
	line-height: 1.0667rem;
	border-radius: .0533rem;
}

.banner .consulting-btn a {
	color: #fff;
	font-size: .4267rem;
}

.sec-box {
	background: #F4F5FA;
	padding-bottom: .2667rem;
}

.sec1 .sec-content {
	padding-top: .2667rem;
}

.sec1 .sec-content .advantage {
	font-size: .32rem;
	font-weight: 600;
	color: #004BE1;
	text-align: center;
}

.sec1 .sec-content .mode {
	padding-top: 1.0667rem;
	padding-bottom: 1.0667rem;
}

.sec1 .sec-content .mode:nth-child(2n-1) {
	background: #F4F5FA;
}

.sec1 .sec-content .mode:first-child {
	margin-top: .5333rem;
}

.sec1 .sec-content .mode .img-box {
	margin: 0 auto;
	width: 8.72rem;
}

.sec1 .sec-content .mode .title {
	margin-top: .5333rem;
	font-size: .5333rem;
	font-weight: 600;
	line-height: .64rem;
	color: #333333;
	text-align: center;
}

.sec1 .sec-content .mode .desc {
	padding: .2133rem .64rem 0
}

.sec1 .sec-content .mode .desc p {
	font-size: .3733rem;
	line-height: .5867rem;
	color: #666666;
	margin-top: .16rem;
	padding-left: .7467rem;
	position: relative;
}

.sec1 .sec-content .mode .desc p::before {
	content: '';
	display: inline-block;
	width: .3733rem;
	height: .3733rem;
	background: url(../images/derivative/sec1_tick.png) no-repeat center/cover;
	position: absolute;
	left: .1067rem;
	top: .0533rem;
}

.sec1 .sec-content .mode .tags {
	display: flex;
	padding: .4267rem .7467rem 0;
}

.sec1 .sec-content .mode .tags .tag {
	width: 1.76rem;
	height: .64rem;
	border-radius: .0533rem;
	background: #4A99F2;
	text-align: center;
	line-height: .64rem;
	color: #fff;
	font-size: .32rem;
	margin-left: .3733rem;
}

.sec1 .sec-content .mode .tags .tag:first-child {
	margin-left: 0;
}

.sec2 .item-box {
	padding-top: .5333rem;
}

.sec2 .item-box .item {
	width: 10rem;
	height: 4.4533rem;
	margin-top: .2667rem;
	box-sizing: border-box;
	padding: .8rem .88rem 0;
}

.sec2 .item-box .item:nth-child(1) {
	margin-top: 0;
}

.sec2 .item-box .item .title {
	font-size: .5333rem;
	font-weight: 600;
	color: #FFFFFF;
	text-align: center;
}

.sec2 .item-box .item .desc {
	font-size: .4267rem;
	line-height: .64rem;
	color: #FFFFFF;
	margin-top: .5333rem;
}

.sec3 {
	padding: 1.0667rem .64rem;
}

.sec3 .item-box {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.sec3 .item {
	width: 4.1333rem;
	height: 4.8533rem;
	margin-top: .5333rem;
	border-radius: .0533rem;
	background: #F6F7FB;
	padding: .6933rem .3rem 0;
	text-align: center;
	box-sizing: border-box;
}

.sec3 .item .icon {
	width: .96rem;
	height: .96rem;
	margin: auto;
}

.sec3 .item .title {
	font-size: .3733rem;
	font-weight: 600;
	line-height: .5333rem;
	color: #333333;
	margin-top: .4267rem;
}

.sec3 .item .desc {
	font-size: .32rem;
	line-height: .48rem;
	color: #666666;
	margin-top: .16rem;
}

.sec4 {
	padding: .8rem .64rem;
	margin-top: .5333rem;
	background: #fff;
}

.sec4 .item-box {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.sec4 .item {
	width: 4.1333rem;
	height: 4.8533rem;
	margin-top: .4267rem;
	border-radius: .0533rem;
	background: #F6F7FB;
	padding: .6933rem .3rem 0;
	text-align: center;
	box-sizing: border-box;
}

.sec4 .item .icon {
	width: .96rem;
	height: .96rem;
	margin: auto;
}

.sec4 .item .title {
	font-size: .3733rem;
	font-weight: 600;
	line-height: .5333rem;
	color: #333333;
	margin-top: .4267rem;
}

.sec4 .item .desc {
	font-size: .32rem;
	line-height: .48rem;
	color: #666666;
	margin-top: .16rem;
}

.sec5 {
	padding: .8rem 0;
	margin-top: .5333rem;
}

.sec5 .case-list {
	padding: .2667rem .2667rem 0;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.sec5 .case-list .case {
	width: 2.88rem;
	height: 1.28rem;
	margin-top: .2667rem;
}