.banner-section {
	position: relative;
	width: 100%;
}

.bg-header {
	width: 100%;
	height: auto;
}

.banner-content {
	box-sizing: border-box;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	padding-left: 22.5rem;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.banner-title {
	font-size: 3.125rem;
	color: #FFF;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 2.8125rem;
}

.banner-words {
	display: flex;
	flex-direction: column;
	font-size: 1.625rem;
	color: #FFF;
}

.banner-words span:first-child {
	margin-bottom: 1.625rem;
}

.btn-try-now {
	width: 13.875rem;
	height: 4rem;
	font-size: 1.875rem;
	color: #FFF;
	background: linear-gradient(to right, #017EFF, #00EBFF);
	margin-top: 5rem;
	text-decoration: none;
	border-radius: 0.3125rem;
	display: flex;
	justify-content: center;
	align-items: center;
}

.advan-section {
	width: 100%;
	background-color: #FFF;
	display: flex;
	flex-direction: column;
	align-items: center;
}

.section-title {
	margin-top: 5.375rem;
	margin-bottom: 2.875rem;
	font-size: 2.25rem;
	color: #333;
	font-weight: bold;
}

.advan-content {
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
}

.advan-item {
	box-sizing: border-box;
	width: 23.875rem;
	height: 11.25rem;
	padding: 0 2.25rem;
	box-shadow: 0 0 9px 0 rgba(148, 148, 148, 0.31);
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.advan-content .advan-item:nth-child(2) {
	margin:  0 1.625rem;
}

.advan-item img {
	width: 4rem;
	height: auto;
}

.advan-info {
	flex: 0.94;
	display: flex;
	flex-direction: column;
}

.advan-info-title {
	font-size: 1.25rem;
	color: #333333;
	margin-bottom: 0.75rem;
}

.advan-info-main {
	font-size: 0.875rem;
	color: #6E6E6E;
	display: flex;
	flex-direction: column;
}

.advan-info-main span:first-child {
	margin-bottom: 2px;
}

.choose-section {
	width: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
}

.choose-content {
	box-sizing: border-box;
	width: 100%;
	height: 32.625rem;
	padding-left: 22.5rem;
	padding-right: 17.5rem;
	margin-bottom: 2.5rem;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.choose-left {
	width: 22.375rem;
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.choose-left-top {
	width: 100%;
	display: flex;
	flex-direction: column;
	margin-bottom: 11.875rem;
}

.choose-left-bottom {
	width: 100%;
	display: flex;
	flex-direction: column;
}

.choose-combo-title {
	margin-bottom: 0.625rem;
	display: flex;
	align-items: center;
}

.choose-combo-title img {
	width: 10.625rem;
	height: auto;
	display: none;
}

.choose-combo-title span {
	font-size: 1.75rem;
	color: #333;
	margin-left: 0;
}

.choose-content-important {
	font-size: 1.125rem;
	color: #333;
}

.choose-content-item.active .choose-combo-title img {
	display: block;
}
.choose-content-item.active .choose-combo-title span {
	color: #3673FF;
	margin-left: -6.875rem;
}
.choose-content-item.active .choose-content-important {
	color: #3673FF;
}


.choose-right {
	flex: 0.9;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
}

.choose-right img {
	display: none;
}

.choose-right img.choose-top-img {
	width: 23.5rem;
	height: auto;
}

.choose-right img.choose-bottom-img {
	width: 54.25rem;
	height: auto;
}

.choose-right img.active {
	display: block;
}

.conf-section {
	position: relative;
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
}

.bg-conf {
	width: 100%;
	height: auto;
}

.conf-content {
	position: absolute;
	left: 0;
	top: 0;
	box-sizing: border-box;
	width: 100%;
	height: 100%;
	padding-left: 21.25rem;
	padding-right: 22.5rem;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.conf-left {
	width: 45.375rem;
	height: 36.5rem;
	display: flex;
	justify-content: center;
	align-items: flex-end;
}

.conf-left img {
	display: none;
}

.conf-left img.active {
	display: block;
}

.conf-top-img {
	width: 45rem;
	height: auto;
}

.conf-bottom-img {
	width: 45.375rem;
	height: auto;
}

.conf-right {
	width: 20.375rem;
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-end;
}

.conf-right-top, .conf-right-bottom {
	display: flex;
	flex-direction: column;
	align-items: flex-end;
}

.conf-right-top {
	margin-bottom: 11.25rem;
}

.conf-combo-title {
	position: relative;
	height: 3.375rem;
	display: flex;
	align-items: center;
}

.conf-combo-title span {
	font-size: 1.75rem;
	color: #FFF;
	margin-right: 0;
	z-index: 1;
}

.conf-combo-title img {
	width: auto;
	height: 3.375rem;
	position: absolute;
	right: 0;
	top: 0;
	display: none;
}

.conf-right-item.active .conf-combo-title span {
	margin-right: 3.75rem;
}

.conf-right-item.active .conf-combo-title img {
	display: block;
}

.conf-words {
	font-size: 1.125rem;
	color: #FFF;
	text-align: right;
	margin-top: 0.875rem;
}

.conf-right-bottom span:first-child {
	font-size: 1.75rem;
	color: #FFF;
}

.function-section {
	width: 100%;
	margin-top: 3.75rem;
	margin-bottom: 6.25rem;
	display: flex;
	flex-direction: column;
	align-items: center;
}

.function-content {
	box-sizing: border-box;
	width: 100%;
	height: 35.125rem;
	padding-left: 22.5rem;
	padding-right: 17.5rem;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.function-left {
	width: 22.375rem;
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.function-left-top {
	width: 100%;
	margin-top: 11rem;
	display: flex;
	flex-direction: column;
}
/* 
.function-left-item span:first-child {
	font-size: 1.75rem;
	color: #333333;
	margin-bottom: 0.625rem;
}

.function-left-item span:last-child {
	font-size: 1.125rem;
	color: #6E6E6E;
} */

.function-left-bottom {
	width: 100%;
	display: flex;
	flex-direction: column;
}

.function-combo-title {
	margin-bottom: 0.625rem;
	display: flex;
	align-items: center;
}

.function-combo-title img {
	width: 10.625rem;
	height: auto;
	display: none;
}

.function-combo-title span {
	font-size: 1.75rem;
	color: #333;
	margin-left: 0;
}

.function-content-important {
	font-size: 1.125rem;
	color: #6E6E6E;
}

.function-left-item.active .function-combo-title span {
	color: #3673FF;
	margin-left: -6.875rem;
}
.function-left-item.active .function-content-important {
	color: #3673FF;
}
.function-left-item.active .function-combo-title img {
	display: block;
}

.function-right {
	width: 49.5rem;
	height: 35.25rem;
	display: flex;
	justify-content: center;
	align-items: center;
}

.function-right img {
	display: none;
}

.function-right img.active {
	display: block;
}

.function-bottom-img {
	width: 49.375rem;
	height: auto;
}

.function-top-img {
	width: 49.375rem;
	height: auto;
}

.check-section {
	position: relative;
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
}

.bg-check {
	width: 100%;
	height: auto;
}

.check-content {
	position: absolute;
	left: 0;
	top: 0;
	box-sizing: border-box;
	width: 100%;
	height: 100%;
	padding-left: 20.125rem;
	padding-right: 22.5rem;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.check-left {
	width: 48rem;
	height: 36.5rem;
	display: flex;
	justify-content: center;
	align-items: center;
}

.check-left img {
	display: none;
}

.check-left img.active {
	display: block;
}

.check-top-img {
	width: 48rem;
	height: auto;
}

.check-bottom-img {
	height: 36.5rem;
	width: auto;
}

.check-right {
	width: 21rem;
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-end;
}

.check-right-item {
	display: flex;
	flex-direction: column;
	align-items: flex-end;
}

.check-right-top {
	margin-bottom: 11.25rem;
}

.check-combo-title {
	position: relative;
	height: 3.375rem;
	display: flex;
	align-items: center;
}

.check-combo-title span {
	font-size: 1.75rem;
	color: #FFF;
	margin-right: 0;
	z-index: 1;
}

.check-combo-title img {
	width: auto;
	height: 3.375rem;
	position: absolute;
	right: 0;
	top: 0;
	display: none;
}

.check-words {
	font-size: 1.125rem;
	color: #FFF;
	text-align: right;
	margin-top: 0.875rem;
}

.check-right-item.active .check-combo-title img {
	display: block;
}
.check-right-item.active .check-combo-title span {
	margin-right: 3.75rem;
}

.choose-content-item, .conf-right-item, .function-left-item, .check-right-item {
	cursor: pointer;
}

.service-section {
	width: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
}

.service-section .section-title {
	margin-top: 7rem;
	margin-bottom: 2.5rem;
}

.service-main {
	width: 75rem;
	margin-bottom: 6rem;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.service-item {
	width: 36rem;
	height: 10rem;
	background-color: #FFF;
	box-shadow: 0 0 24px 0 rgba(182, 182, 182, 0.14);
	margin-bottom: 3rem;
	display: flex;
	align-items: center;
}

.service-item img {
	width: 3.25rem;
	height: auto;
	margin-left: 3.125rem;
	margin-right: 1.75rem;
}

.service-info {
	flex: 1;
	height: 3.75rem;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.service-info span:first-child {
	font-size: 1.5rem;
	color: #333333;
}

.service-info span:last-child {
	font-size: 1.125rem;
	color: #6E6E6E;
}

.support-section {
	position: relative;
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
}

.bg-support {
	width: 100%;
	height: 100%;
}

.support-main {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	color: #FFF;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.support-title {
	width: 100%;
	margin-bottom: 4.375rem;
	display: flex;
	flex-direction: column;
	align-items: center;
}

.support-title span:first-child {
	font-size: 3.75rem;
	margin-bottom: 0.75rem;
}

.support-title span:last-child {
	font-size: 1.625rem;
}

.support-list {
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
}

.support-item {
	display: flex;
	flex-direction: column;
	align-items: center;
}

.support-item span:first-child {
	font-size: 2.625rem;
	font-weight: bold;
}

.support-item span:last-child {
	font-size: 1.5rem;
}

.support-divider {
	width: 1px;
	height: 4.25rem;
	background-color: #D8D8D8;
	margin: 0 7.25rem;
}

.tel-section {
	
}