.mt-186 {
	margin-top: 186px;
}

.mt-17 {
	margin-top: 17px;
}

.ml-21 {
	margin-left: 21px;
}

.mt-15 {
	margin-top: 15px;
}

.ml-9 {
	margin-left: 9px;
}

.ml-33 {
	margin-left: 33px;
}

.mt-11 {
	margin-top: 11px;
}

.ml-31 {
	margin-left: 31px;
}

.ml-29 {
	margin-left: 29px;
}

.mt-7 {
	margin-top: 7px;
}

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

.section {
	margin-top: 70px;
	padding: 8px 352px 354px;
	background-image: url('../../image/b8c3d7119f47b9269c09bdd6cba6133a.png');
	background-position: 0% 0%;
	background-size: 100% 100%;
	background-repeat: no-repeat;
}

.image {
	width: 221px;
	height: 54px;
}

.group {
	margin-right: 8px;
}

.group_2 {
	width: 32px;
}

.font {
	font-size: 16px;
	font-family: 'PingFang SC';
	line-height: 22px;
	color: #ffffff;
}

.divider {
	background-color: #ffffff;
	height: 1px;
}

.group_3 {
	width: 530px;
}

.image_2 {
	width: 530px;
	height: 131px;
}

.section_2 {
	background-color: #ffffff;
	width: 50px;
	height: 1px;
}

.font_2 {
	font-size: 36px;
	font-family: 'PingFang SC';
	line-height: 50px;
	color: #333333;
}

.text {
	color: #ffffff;
	letter-spacing: 6px;
}

.group_4 {
	margin-top: 70px;
	width: 1093px;
}

.group_5 {
	margin-left: 2.5px;
	margin-right: 2.5px;
}

.font_3 {
	font-size: 16px;
	font-family: 'PingFang SC';
	line-height: 30px;
	color: #333333;
}

.text_2 {
	text-align: center;
}

.text_3 {
	margin-top: -7px;
}

.text_4 {
	text-align: center;
}

.text_5 {
	margin-top: -7px;
}

.text_6 {
	margin-left: 10.5px;
}

.group_6 {
	margin-top: 80px;
}

.image_3 {
	width: 100vw;
	height: 15.625vw;
}

.section_3 {

	margin-top: 70px;
	background-image: linear-gradient(180deg, #ffffff 0%, #fcfcfc 100%);
}

.group_7 {
	justify-content: space-between;
	margin-top: 80px;
}

.section_4 {

	padding-bottom: 20px;
	background-color: #ffffff;
	height: 586px;
	transition: all .5s;
	border: solid 1px transparent;
	cursor: pointer;
}

.section_4:hover {
	border: solid 1px #333333;
}

.image_4 {
	width: 378px;
	height: 460px;
}

.font_4 {
	font-size: 18px;
	font-family: 'PingFang SC';
	line-height: 25px;
	color: #333333;
}

.text_7 {
	margin-left: 19px;
	margin-top: 19px;
}

.group_8 {
	margin-top: 11px;
	padding: 0 18px;
}

.font_6 {
	font-size: 24px;
	font-family: 'PingFang SC';
	line-height: 33px;
	font-weight: 600;
	color: #333333;
}

.font_5 {
	font-size: 36px;
	font-family: 'PingFang SC';
	line-height: 50px;
	font-weight: 600;
	color: #333333;
}

.image_5 {
	flex: 1 1 378px;
	height: 460px;
}

.section_5 {
	flex: 1 1 380px;
	padding: 19px 20px 20px;
	background-color: #ffffff;
	height: 125px;
}

.text-wrapper {
	margin-top: 99px;
	padding: 11px 0 12px;
	width: 329px;
	border: solid 1px #333333;
}

.text_8 {
	margin-top: 70px;
}

.group_9 {

	margin-top: 90px;
	justify-content: space-between;
}

.section_1 {
	width: 278px;
	padding-bottom: 20px;
	background-color: #ffffff;
	height: 366px;
	border: solid 1px #999999;
}

.image_6 {
	width: 278px;
	height: 300px;
}

.font_7 {
	width: 234px;
	font-size: 18px;
	font-family: 'PingFang SC';
	line-height: 25px;
	font-weight: 600;
	color: #333333;
	-moz-box-orient: vertical;
	-webkit-box-orient: vertical;
	display: -webkit-box;
	display: -moz-box;
	-webkit-line-clamp: 1;
	overflow: hidden;
}