.font_4 {
	font-size: 10px;
	font-family: Arial;
	line-height: 0.3646vw;
	color: #fefefe;
}

.font_9 {
	font-size: 1.4583vw;
	font-family: Adobe Heiti Std;
	line-height: 1.875vw;
	color: #25262a;
}

.font_1 {
	font-size: 16px;
	font-family: STXihei;
	line-height: 2.1354vw;
	color: #ffffff;
}

.font_6 {
	font-size: 24px;
	font-family: Microsoft YaHei;
	letter-spacing: 0.09375vw;
	line-height: 1.9792vw;
	color: #fdfdfd;
}

.font_8 {
	font-size: 12px;
	font-family: Arial;
	line-height: 0.9896vw;
	color: #fdfdfd;
}

.font_2 {
	font-size: 24px;
	font-family: Microsoft YaHei;
	line-height: 1.5625vw;
	color: #fdfdfd;
}

.font_3 {
	font-size: 12px;
	font-family: Arial;
	line-height: 0.5729vw;
	color: #fdfdfd;
}

.font_5 {
	font-size: 16px;
	font-family: Arial;
	line-height: 1.1979vw;
	color: #fdfdfd;
}

.font_7 {
	font-size: 16px;
	font-family: Arial;
	line-height: 0.5729vw;
	color: #fcfcfc;
}

.group_14 {
	position: relative;
}

.text {
	text-transform: uppercase;
}

.text_4 {
	opacity: 0.8;
}

.section_12 {
	padding: 0.1563vw 0.2083vw 0.3646vw;
	border-radius: 0.625vw;
	width: 3.0208vw;
	position: absolute;
	right: 1.4583vw;
	/*top: 83.7%;*/
	bottom: 30px;
	align-items: center;
	border: solid 0.1563vw #acadad;
}

.image_4 {
	width: 0.4167vw;
	height: 0.4167vw;
}
.image33 {
	flex: 1 1 10%;
	width: 50%;
	/*height: 496px;*/
}
.space-y-277 > *:not(:first-child) {
	margin-top: 27px;
}
.pos_2 {
	/*position: absolute;*/
	right: 0;
	top: 0;
}
.space-x-277 > *:not(:first-child) {
	margin-left: 1.4%;
}

.text_9 {
	text-transform: uppercase;
	opacity: 0.82;
}

.image_16 {
	width: 1.4583vw;
	height: 5.7292vw;
}

.image_22 {
	width: 4.0104vw;
	height: 5.7292vw;
}
.section_222 {
	padding: 30px 26px;
	background-image: url('/assets/b499788b493dc0c676a1a00153fa3a20.png');
	background-size: 100% 100%;
	background-repeat: no-repeat;
}
/*.group111 {*/
	/*margin-right: 9px;*/
	/*margin-top: 62px;*/
/*}*/
.image_18 {
	width: 4.5313vw;
	height: 5.9896vw;
}

.section_10 {
	background-color: #6b99c4;
	width: 4.7917vw;
	height: 0.1042vw;
}

.page {
	background-color: #ffffff;
	/*height: 100%;*/
	width: 100%;
	/* overflow-y: auto; */
	/* overflow-x: hidden; */
}

.group {
	/* margin-top: 56.1458vw; */
}

.view_6 {
	margin-top: -112.4479vw;
}

.section_21 {
	/* margin-top: 62vw; */
	/* margin-top: 55.9375vw; */
	/* padding: 16.3021vw 3.9583vw 2.3958vw; */
	/* padding: 16.3021vw 0 2.3958vw; */
	/* background-image: url('https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/63744382993a3600116d1896/16686706534704561091.png'); */
	background-size: 100% 100%;
	background-repeat: no-repeat;
}

.image_36 {
	flex-shrink: 0;
	background: url('/skin/img/bgshuzi.png') no-repeat;
	background-size: 100% auto;
	width: 100%;
	/*height: 56.25vw;*/
}

.image_37 {
	flex-shrink: 0;
	width: 100vw;
	height: 56.3021vw;
}

.section_2 {
	padding: 10.4688vw 4.2708vw 7.1354vw;
	flex-shrink: 0;
	background-color: #858687ad;
	background-image: url('https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/63744382993a3600116d1896/16686706535564257308.png');
	background-size: 100% 100%;
	background-repeat: no-repeat;
	width: 33%;
	/*height: 100%;*/
	/*height: 56.25vw;*/
}

.section_4 {
	padding: 1.6667vw 1.3542vw 1.5625vw;
	flex: 1 1 auto;
	background-image: url('https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/63744382993a3600116d1896/16686706548265944279.png');
	background-size: 100% 100%;
	background-repeat: no-repeat;
	height: 56.3021vw;
}

.group_19 {
	padding-bottom: 0.2083vw;
	opacity: 0.68;
}

.section_20 {
	padding: 22.6563vw 0 20.2604vw;
	background-color: #ffffff4c;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	position: absolute;
}

.group_25 {
	padding-bottom: 0.8854vw;
	align-self: center;
	width: 37.0833vw;
	position: relative;
}

.group_28 {
	align-self: flex-end;
}

.group_3 {
	margin-right: 0.4688vw;
	margin-top: 3.2292vw;
}

.image {
	margin-top: 1.375vw;
	align-self: center;
	width: 1.6667vw;
	height: 1.4583vw;
}

.section_19 {
	background-image: url('https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/63744382993a3600116d1896/16686706557144684964.png');
	background-size: 100% 100%;
	background-repeat: no-repeat;
	height: 56.1979vw;
}

.group_20 {
	align-self: center;
	width: 48.2813vw;
	position: relative;
}

.text_30 {
	margin-right: 26.7188vw;
	align-self: flex-end;
	color: #101010;
	font-size: 48px;
	font-family: HeitiCSEG;
	line-height: 4.2188vw;
	letter-spacing: 0.4375vw;
}

.group_26 {
	margin-left: 0.2604vw;
	width: 36.8229vw;
	height: 17.8125vw;
	position: relative;
}

.image_33 {
	width: 2.2396vw;
	height: 2.5521vw;
	position: absolute;
	left: 0;
	bottom: 0;
}

.image_34 {
	width: 1.875vw;
	height: 1.6667vw;
	position: absolute;
	left: 2.6042vw;
	bottom: 1.1979vw;
}

.image_35 {
	width: 1.9271vw;
	height: 1.9271vw;
}

.group_29 {
	line-height: 1.875vw;
	text-align: center;
	width: 1.6667vw;
}

.text_2 {
	color: #fdfdfd;
	font-size: 20px;
	font-family: Arial;
	line-height: 0.8333vw;
}

.text_3 {
	color: #fdfdfd;
	font-size: 30px;
	font-family: SimHei;
	line-height: 2.1354vw;
	letter-spacing: 0.08958vw;
}

.group_4 {
	line-height: 1.7188vw;
}

.section_3 {
	align-self: flex-start;
	background-color: #6b99c4;
	width: 44.8125%;
	height: 0.2604vw;
}

.section_5 {
	padding: 2.8646vw 6.9271vw 3.0729vw;
	/*flex: 1 1 60%;*/
	/*flex: 1 1 34.8438vw;*/
	background-color: #25262a;
	height: 100%;
	width: 49%;
	position: relative;
}

.section_8 {
	flex: 1 1 34.8438vw;
	background-color: #25262a;
	height: 28.8333vw;
	position: relative;
}

.section_13 {
	padding-left: 13.6771%;
	/*padding-left: 0.6771vw;*/
	flex: 1 1 34.8438vw;
	background-color: #25262a;
	height: 25.8333vw;
	width: 49%;
}

.section_17 {
	padding: 5.625vw 5.7292vw 5.5729vw;
	flex: 1 1 34.8438vw;
	background-color: #25262a;
	height: 25.8333vw;
	position: relative;
}

.image-wrapper_2 {
	padding-bottom: 18.5938vw;
	background-image: url('https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/63744382993a3600116d1896/16686706558262680109.png');
	background-size: 100% 100%;
	background-repeat: no-repeat;
}

.group_21 {
	margin-right: 0.1563vw;
	opacity: 0.9;
	width: 48.125vw;
}

.image_30 {
	width: 47.9688vw;
	height: 5.7292vw;
	position: absolute;
	left: 0.3125vw;
	right: 0;
	top: 0;
}

.text_31 {
	color: #1d1e24;
	font-size: 40px;
	font-family: HeitiCSEG;
	line-height: 2.8125vw;
	letter-spacing: 0.1719vw;
	width: 31.2604vw;
	position: absolute;
	top: 6.25vw;
	left: 50%;
	transform: translateX(-50%);
}

.divider {
	background-color: #2a2b2f;
	width: 30.3125vw;
	height: 0.1042vw;
	position: absolute;
	top: 4.8438vw;
	left: 50%;
	transform: translateX(-50%);
}

.text_32 {
	color: #25262a;
	line-height: 0.7813vw;
	text-align: center;
	opacity: 0.76;
	position: absolute;
	left: 0.7813vw;
	right: 0.7813vw;
	top: 13.6198vw;
}

.text_33 {
	color: #2b2c30;
	font-size: 24px;
	font-family: STXihei;
	line-height: 1.5625vw;
	position: absolute;
	left: 3.0729vw;
	top: 2.2396vw;
}

.group_27 {
	line-height: 1.7708vw;
	position: absolute;
	left: 2.8125vw;
	bottom: 5.625vw;
}

.image_31 {
	width: 14.4792vw;
	height: 10.3125vw;
	position: absolute;
	left: 0;
	top: 0;
}

.image_32 {
	width: 14.4792vw;
	height: 10.3125vw;
	position: absolute;
	right: 0;
	bottom: 0;
}

.text_5 {
	line-height: 1.7188vw;
}

.image_3 {
	margin-top: 3.4375vw;
	align-self: center;
	filter: drop-shadow(0px 0.5208vw 0.4312vw #0c030729);
	/*width: 11.0417vw;*/
	/*height: 9.5833vw;*/
}

.section_7 {
	padding: 0.1563vw 0.2083vw 0.3646vw;
	border-radius: 0.625vw;
	width: 3.0208vw;
	position: absolute;
	right: 3.5104%;
	/*top: 23.4375vw;*/
	bottom: 30px;
	align-items: center;
	border: solid 0.1563vw #acadad;
}

.group_9 {
	margin-left: 1.6667vw;
	margin-right: 2.3958vw;
	height: 100%;
	/*height: 25.8333vw;*/
	position: relative;
}

.image-wrapper {
	padding: 11.9271vw 0 5.7292vw;
	/*background-image: url('https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/63744382993a3600116d1896/16686706553431327772.png');*/
	background-size: 100% 100%;
	background-repeat: no-repeat;
	width: 13.8542vw;
	height: 25.8333vw;
}

.group_12 {
	margin-top: 10.1042vw;
	width: 80%;
}

.image_11 {
	filter: drop-shadow(-0.2823vw 0.3745vw 0.3875vw #0b03061a);
	width: 6.1979vw;
	height: 11.1458vw;
	position: absolute;
	right: 6.1458%;
	top: 6.7708vw;
}

.group_17 {
	position: absolute;
	left: 9.8958%;
	top: 9.375vw;
}

.group_18 {
	line-height: 0.9896vw;
	position: absolute;
	left: 12.2396%;
	top: 14.7396vw;
}

.section_18 {
	background-color: #6b99c4;
	width: 4.7917vw;
	height: 0.1042vw;
	position: absolute;
	right: 13.4896vw;
	top: 13.8542vw;
}

.text_28 {
	color: #fdfdfd;
	font-size: 72px;
	font-family: SimSun;
	line-height: 4.375vw;
	letter-spacing: 0.3813vw;
	position: absolute;
	left: 5.7292%;
	top: 10.4167vw;
}

.image_12 {
	width: 19.0104vw;
	height: 14.6354vw;
	position: absolute;
	left: 6.6146%;
	top: 50%;
	transform: translateY(-50%);
}

.image_14 {
	mix-blend-mode: screen;
	width: 100vw;
	height: 37.6563vw;
}

.group_22 {
	flex: 1 1 auto;
}

.group_24 {
	flex-shrink: 0;
}

.text_34 {
	color: #221815;
	font-size: 20px;
	font-family: Adobe Heiti Std;
	line-height: 1.7708vw;
}

.text_35 {
	color: #2f2f2f;
	font-size: 20px;
	font-family: Adobe Heiti Std;
	line-height: 1.1458vw;
}

.group_8 {
	align-self: flex-start;
	line-height: 0.5729vw;
}

.section_9 {
	padding: 6.1458vw 0 6.4062vw;
	background-image: url('https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/63744382993a3600116d1896/16686706552266456143.png');
	background-size: 100% 100%;
	background-repeat: no-repeat;
	width: 100%;
	/*width: 25.5208vw;*/
	/*position: absolute;*/
	left: 0.5208vw;
	top: 0;
}

.image_7 {
	width: 7.3438vw;
	height: 6.9792vw;
	position: absolute;
	right: 0.7292vw;
	bottom: 3.9583vw;
}

.group_10 {
	line-height: 1.1979vw;
	text-align: center;
	position: absolute;
	right: 1.3021vw;
	top: 65.7188%;
}

.section_11 {
	background-color: #fefefe;
	width: 1.7708vw;
	height: 1.7708vw;
	position: absolute;
	right: 0;
	top: 14.0104vw;
}

.text_16 {
	line-height: 1.5625vw;
	text-transform: uppercase;
	position: absolute;
	left: 0;
	top: 3.6458vw;
}

.image_9 {
	filter: drop-shadow(0px 0.5208vw 0.9375vw #40404087);
	width: 13.125vw;
	height: 8.1771vw;
}

.section_16 {
	padding: 0.1563vw 0.2083vw 0.3646vw;
	align-self: flex-end;
	border-radius: 0.625vw;
	align-items: center;
	border: solid 0.1563vw #acadad;
}

.image_15 {
	margin-bottom: 0.2083vw;
	width: 4.2188vw;
	height: 5.7813vw;
}

.image_17 {
	margin-left: 0.7813vw;
	margin-bottom: 0.2604vw;
}

.group_23 {
	margin-left: 0.8854vw;
	width: 4.8438vw;
	position: relative;
}

.image_21 {
	margin-left: 0.8333vw;
	margin-bottom: 0.2604vw;
}

.image_23 {
	margin-left: 0.8333vw;
	margin-bottom: 0.2604vw;
}

.image_24 {
	margin-left: 0.3646vw;
	margin-bottom: 0.2083vw;
	width: 4.5833vw;
	height: 5.7813vw;
}

.image_25 {
	margin-left: 0.8333vw;
	margin-bottom: 0.2604vw;
}

.image_27 {
	margin-left: 0.7813vw;
	margin-bottom: 0.2604vw;
}

.image_28 {
	margin-left: 0.9375vw;
	margin-bottom: 0.2604vw;
}

.image_29 {
	margin-left: 0.3125vw;
	margin-bottom: 0.2083vw;
	width: 4.7396vw;
	height: 5.7813vw;
}

.image_2 {
	width: 1.6146vw;
	height: 1.4583vw;
}

.text_8 {
	margin-top: 1.25vw;
	letter-spacing: 0.125vw;
}

.section_6 {
	margin-top: 0.8333vw;
	background-color: #6b99c4;
	width: 4.8958vw;
	height: 0.1563vw;
}

.view {
	align-self: flex-start;
}

.image_6 {
	align-self: center;
	filter: drop-shadow(0px 0.4688vw 0.2552vw #4040404a);
	/*width: 11.9271vw;*/
	/*height: 8.3854vw;*/
}

.group_16 {
	padding-left: 2.3438vw;
	padding-right: 10%;
}

.image_10 {
	flex-shrink: 0;
}

.image_20 {
	width: 2.1354vw;
	height: 3.2292vw;
	position: absolute;
	right: 0;
	bottom: 0.2604vw;
}

.group_15 {
	padding-bottom: 0.3646vw;
	width: 100%;
	position: relative;
}

.section_15 {
	background-color: #fdfdfd;
	height: 0.3646vw;
	position: absolute;
	left: 3.125vw;
	right: 12.2396vw;
	top: 2.2396vw;
}

.text_22 {
	letter-spacing: 0.07813vw;
}

.section_14 {
	padding: 0.9896vw 0.625% 0.9896vw 3.0208%;
	background-image: url('https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/63744382993a3600116d1896/16686706555471556348.png');
	background-size: 100% 100%;
	background-repeat: no-repeat;
	width: 88%;
	height: 2.5521vw;
}

.text_21 {
	color: #fbfbfb;
	font-size: 30px;
	font-family: Britannic Bold;
	line-height: 1.6146vw;
	letter-spacing: 0.1224vw;
	text-transform: uppercase;
	position: absolute;
	left: 0.5208vw;
	bottom: 0;
}

.text_18 {
	align-self: flex-start;
}

.text_19 {
	margin-top: -0.5729vw;
	align-self: center;
}

.text_20 {
	margin-top: -0.5729vw;
	align-self: flex-end;
}

.space-y-169>*:not(:first-child) {
	margin-top: 8.8021vw;
}

.space-y-27>*:not(:first-child) {
	margin-top: 1.4063%;
}

.space-y-63>*:not(:first-child) {
	margin-top: 3.2813vw;
}

.space-y-17>*:not(:first-child) {
	margin-top: 0.8854vw;
}

.space-y-31>*:not(:first-child) {
	margin-top: 1.6146vw;
}

.space-y-46>*:not(:first-child) {
	margin-top: 2.3958vw;
}

.space-x-27>*:not(:first-child) {
	margin-left: 1.4%;
	/*margin-left: 1.4063vw;*/
}

.space-x-31>*:not(:first-child) {
	margin-left: -54%;
}

.space-x-40>*:not(:first-child) {
	margin-left: 2.0833vw;
}

.space-y-20>*:not(:first-child) {
	margin-top: 1.0417vw;
}

.space-y-112>*:not(:first-child) {
	/* margin-top: 5.8333vw; */
	margin-top: 3.4375vw;
	/*margin-top: 142px;*/
	margin-right: 37px;
}

.space-y-92>*:not(:first-child) {
	margin-top: 4.7917vw;
}

.space-y-34>*:not(:first-child) {
	margin-top: 1.7708vw;
}

.space-x-3>*:not(:first-child) {
	margin-left: 0.1563vw;
}

.space-y-19>*:not(:first-child) {
	margin-top: 0.9896vw;
}




@media only screen and (max-width:1920px) {
	.szleftcp{
	background-color: #858687ad;
	padding: 10.4688% 4.2708% 7.1354%;
	height: 100%;
	}
	.group{
	/* margin-top: 56.1458vw; */
	}

	.abcc .layui-carousel{
		height: 47vw!important;
	}
}

@media only screen and (min-width:1920px) {
	.szleftcp{
	background-color: #858687ad;
	padding: 10.4688% 4.2708% 7.1354%;
	height: 100%;
	}
	.group{
	/* margin-top: 56.1458vw; */
	}

	.abcc .layui-carousel{
		height: 908px!important;
	}
}