* {
	margin: 0;
	padding: 0;
}

html,
body {
	overflow-x: hidden;
	background-color: #F9F9F9;
}

a {
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	-webkit-user-select: none;
	user-select: none;
	outline: none;
}

a:link,
a:visited,
a:hover,
a:active {
	text-decoration: none;
	color: inherit;
	outline: none;
	box-shadow: none;
}

button {
	border: none;
	background-color: transparent;
	color: inherit;
	padding: 0;
	margin: 0;
	outline: none;
	font-family: inherit;
	font-size: inherit;
	font-weight: inherit;
	text-align: inherit;
	text-decoration: none;
	text-transform: none;
	line-height: normal;
	letter-spacing: normal;
	word-spacing: normal;
	text-shadow: none;
	list-style: none;
	cursor: pointer;
}

input,
textarea {
	margin: 0;
	padding: 0;
	border: none;
	outline: none;
	background: transparent;
	color: inherit;
	font-family: inherit;
	font-size: inherit;
	line-height: inherit;
	box-shadow: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

select {
	margin: 0;
	padding: 0;
	border: none;
	outline: none;
}

@font-face {
	font-family: 'HGSR';
	src: url('../font/HurmeGeometricSans1.otf');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'HGSBlack';
	src: url('../font/HurmeGeometricSans1-Black.otf');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'HGSSBold';
	src: url('../font/HurmeGeometricSans1-SemiBold.otf');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'HGSBold';
	src: url('../font/HurmeGeometricSans1-Bold.otf');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'HGSLight';
	src: url('../font/HurmeGeometricSans1-Light.otf');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'HGSRe';
	src: url('../font/HurmeGeometricSans1-Regular.ttf');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}

/* nav start */
.navArea {
	width: calc(100vw - 120px);
	height: 78px;
	padding: 0 60px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	background-color: transparent;
	
	position: fixed;
	left: 0;
	top: 0;
	
	z-index: 9999;
}

.navArea2 {
	width: calc(100vw - 120px);
	height: 78px;
	padding: 0 60px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	background: #FFFFFF;
	position: fixed;
	left: 0;
	top: 0;
	
	z-index: 9999;
}

.navLeft {
	width: 50vw;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.navLinkContent {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	
	font-family: 'HGSSBold';
	font-weight: 600;
	font-size: 16px;
	color: #FFFFFF;
}

.navLinkContent2 {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	
	font-family: 'HGSSBold';
	font-weight: 600;
	font-size: 16px;
	color: #000000;
}

.navLinkItem {
	margin-right: 32px;
	cursor: pointer;
}

.navRight {
	display: flex;
	justify-content: flex-start;
	align-items: center;
}

.navPhoneContent {
	margin-right: 24px;
	display: flex;
	justify-content: flex-start;
	align-items: center;
}

.navPhoneIcon {
	width: 24px;
	height: 24px;
}

.navPhoneTxt {
	margin-left: 8px;
	font-family: 'HGSSBold';
	font-weight: 600;
	font-size: 16px;
	color: #FFFFFF;
}

.navPhoneTxt2 {
	margin-left: 8px;
	font-family: 'HGSSBold';
	font-weight: 600;
	font-size: 16px;
	color: #000000;
}

.partnerSignupBtn {
	width: 167px;
	height: 40px;
	background: #A47432;
	border-radius: 40px 40px 40px 40px;
	font-family: 'HGSSBold';
	font-weight: 600;
	font-size: 16px;
	color: #FFFFFF;
	display: flex;
	justify-content: center;
	align-items: center;
	cursor: pointer;
}

.logo {
	height: 40px;
	object-fit: cover;
}

.showNavIcon {
	display: none;
	cursor: pointer;
}
/* nav end */

/* footer start */
.footerArea {
	width: 100vw;
	height: 266px;
	background: #2A2A2A;
	
	display: flex;
	justify-content: center;
	align-items: center;
}

.footerContent {
	width: 1320px;
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
}

.footerLeft {
	display: flex;
	justify-content: flex-start;
	align-items: flex-end;
}

.footerLogo {
	width: 90px;
	height: 150px;
}

.footerUlinkContent {
	margin-left: 32px;
	font-family: 'HGSRe';
	font-weight: 400;
	font-size: 14px;
	color: #FFFFFF;
}

.footerLineItem {
	margin-bottom: 5px;
}

.footerRight {
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: flex-start;
	margin-left: 30px;
}

.shejiaoContent {
	display: flex;
	justify-content: center;
	align-items: center;
	margin-bottom: 25px;
}

.shejiaoIcon1 {
	width: 32px;
	height: 32px;
	margin-right: 16px;
}

.shejiaoIcon2 {
	width: 28px;
	height: 28px;
	margin-right: 16px;
}

.footerDetail {
	width: 1048px;
	font-family: 'HGSRe';
	font-weight: 400;
	font-size: 14px;
	color: #FFFFFF;
	margin-bottom: 25px;
}

.footerBanquan {
	font-family: 'HGSRe';
	font-weight: 400;
	font-size: 14px;
	color: #FFFFFF;
	
	display: flex;
	justify-content: flex-start;
	align-items: center;
}

.footerSpan {
	margin-left: 25px;
}

.footerSpan span {
	font-weight: bold;
}
/* footer end */

/* index start */
.pageContent {
	width: 100vw;
}

.firstArea {
	width: 100%;
	height: 810px;
	position: relative;
	display: flex;
	justify-content: center;
	align-items: flex-end;
}

.firstBannerContent {
	width: 100%;
	height: 810px;
	position: absolute;
	left: 0;
	top: 0;
	overflow: hidden;
}

.firstBannerViewport {
	width: 100%;
	height: 100%;
	overflow: hidden;
	cursor: grab;
	user-select: none;
	-webkit-user-select: none;
	touch-action: pan-y;
}

.firstBannerViewport.is-dragging {
	cursor: grabbing;
}

.firstBannerTrack {
	width: 100%;
	height: 100%;
	display: flex;
	transform: translateX(0);
	transition: transform 0.6s ease;
	will-change: transform;
}

.firstBannerTrack.no-transition {
	transition: none;
}

.firstBannerSlide {
	width: 100%;
	height: 100%;
	flex: 0 0 100%;
}

.firstBannerImg {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

.firstBannerIndicators {
	position: absolute;
	left: 50%;
	bottom: 24px;
	transform: translateX(-50%);
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 8px;
	z-index: 3;
}

.firstBannerIndicator {
	width: 24px;
	height: 3px;
	border-radius: 3px;
	background: rgba(255, 255, 255, 0.35);
	transition: background-color 0.2s ease;
	cursor: pointer;
}

.firstBannerIndicator.active {
	background: #FFFFFF;
}

.firstStepImg {
	width: 238px;
	height: 400px;
}

.firstContent {
	width: 1320px;
	height: 494px;
	position: relative;
	z-index: 99;
	
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
	
	margin-bottom: 60px;
}

.firstLeftContent {
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: flex-start;
}

.firstTitle {
	width: 522px;
	font-family: 'HGSBlack';
	font-weight: 900;
	font-size: 58px;
	color: #FFFFFF;
}

.firstDetail {
	width: 522px;
	font-family: 'HGSRe';
	font-weight: 400;
	font-size: 24px;
	color: #FFFFFF;
	margin-top: 32px;
}

.firstBtnContent {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	margin-top: 32px;
}

.bookAConBtn {
	width: 175px;
	height: 40px;
	background: #A47432;
	border-radius: 40px 40px 40px 40px;
	
	font-family: 'HGSSBold';
	font-weight: 600;
	font-size: 16px;
	color: #FFFFFF;
	
	display: flex;
	justify-content: center;
	align-items: center;
	
	margin-right: 24px;
}

.exOurSerBtn {
	width: 178px;
	height: 46px;
	border-radius: 40px 40px 40px 40px;
	border: 2px solid #FFFFFF;
	
	font-family: 'HGSSBold';
	font-weight: 600;
	font-size: 16px;
	color: #FFFFFF;
	
	display: flex;
	justify-content: center;
	align-items: center;
}

.secondArea {
	width: 100%;
	height: 318px;
	display: flex;
	justify-content: center;
	align-items: flex-start;
	background-color: #F9F9F9;
}

.secondContent {
	margin-top: 95px;
	width: 1320px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.secondTitle {
	font-family: 'HGSBold';
	font-weight: bold;
	font-size: 58px;
	color: #000000;
	margin-bottom: 8px;
}

.secondFutitle {
	font-family: 'HGSBlack';
	font-weight: 900;
	font-size: 18px;
	color: #000000;
	margin-bottom: 16px;
}

.secondDetail {
	width: 1074px;
	font-family: 'HGSRe';
	font-weight: 400;
	font-size: 18px;
	color: #000000;
	text-align: center;
}

.threeArea {
	width: 100%;
	height: 800px;
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
}

.threeBgVideo {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 9;
	object-fit: cover;
}

.threeArea::before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.45);
	z-index: 10;
}

.threeContent {
	width: 1320px;
	display: flex;
	justify-content: center;
	align-items: flex-end;
	position: relative;
	z-index: 99;
}

.threeLeftContent {
	width: 645px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
}

.threeRightContent {
	margin-left: 98px;
}

.threeRightEmpty {
	width: 524px;
	min-height: 220px;
	display: flex;
	justify-content: center;
	align-items: center;
	font-family: 'HGSRe';
	font-weight: 400;
	font-size: 18px;
	color: #FFFFFF;
	opacity: 0.9;
}

.threeLabTitle {
	font-family: 'HGSBold';
	font-weight: bold;
	font-size: 24px;
	color: #FFFFFF;
	margin-bottom: 32px;
}

.threeLabDetail {
	width: 524px;
	font-family: 'HGSRe';
	font-weight: 400;
	font-size: 16px;
	color: #FFFFFF;
	text-align: justified;
	margin-bottom: 32px;
}

.threeLabUlContent {
	width: 524px;
	font-family: 'HGSRe';
	font-weight: 400;
	font-size: 16px;
	color: #FFFFFF;
	margin-bottom: 32px;
}

.threeLabUlTitle {
	font-family: 'HGSBold';
	font-weight: bold;
}

.threeLabUlItem {
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
}

.threeLabUlItemSpan {
	position: relative;
	padding-left: 18px;
}

.threeLabUlItemSpan::before {
	content: '•';
	position: absolute;
	left: 0;
	top: 0;
	color: #fff;
	font-size: 16px;
	margin-left: 8px;
}

.threeLabOurApp {
	width: 524px;
	font-size: 16px;
	color: #FFFFFF;
	text-align: justified;
	
	font-family: 'HGSRe';
	font-weight: 400;
	
	margin-bottom: 48px;
}

.threeLeftItem {
	width: 262px;
	height: 299px;
	background: #FFFFFF;
	margin-bottom: 24px;
	padding: 24px;
}

.threeLeftItem2 {
	width: 262px;
	height: 281px;
	background: #FFFFFF;
	margin-bottom: 24px;
	padding: 24px;
}

.threeLeftItemXz {
	background: #A79883 !important;
	color: #FFFFFF !important;
}

.threeTitleContent {
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 16px;
}

.threeTitle {
	font-family: 'HGSBold';
	font-weight: bold;
	font-size: 24px;
}

.threeTitleIcon {
	width: 60px;
	height: 60px;
}

.threeFutitle {
	width: 100%;
	font-family: 'HGSBold';
	font-weight: bold;
	font-size: 16px;
	line-height: 22px;
	margin-bottom: 8px;
}

.threeDetail {
	width: 100%;
	font-family: 'HGSRe';
	font-weight: 400;
	font-size: 14px;
	line-height: 18px;
	margin-bottom: 16px;
}

.threeRightIcon {
	width: 7px;
	height: 13px;
}

.fourthArea {
	width: 100%;
	height: 332px;
	display: flex;
	justify-content: center;
	align-items: flex-end;
	background-color: #F9F9F9;
}

.fourthContent {
	width: 1320px;
	height: 300px;
	display: flex;
	justify-content: flex-end;
	align-items: flex-end;
}

.fourth-1 {
	width: 178px;
	height: 300px;
}

.fourth-2 {
	width: 322px;
	height: 268px;
	background: #FFFFFF;
	margin-left: 16px;
	padding: 16px;
	
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	align-items: center;
}

.fourthTitle {
	font-family: 'HGSBold';
	font-weight: bold;
	font-size: 18px;
	color: #000000;
	text-align: left;
	margin-bottom: 16px;
}

.fourthTitle2 {
	font-family: 'HGSBold';
	font-weight: bold;
	font-size: 18px;
	color: #000000;
	margin-bottom: 16px;
}

.fourthDetail {
	font-family: 'HGSRe';
	font-weight: 400;
	font-size: 18px;
	color: #000000;
	text-align: left;
}

.fourthDetail2 {
	font-family: 'HGSRe';
	font-weight: 400;
	font-size: 18px;
	color: #000000;
}

.fourthLine {
	width: 2px;
	height: 300px;
	margin: 0 16px;
	background-color: #000000;
}

.fourth-3 {
	width: 268px;
	height: 268px;
	padding: 16px;
	background: #FFFFFF;    
						  
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	align-items: flex-start;					  
}

.fourthBtn {
	width: 175px;
	height: 40px;
	background: #A47432;
	border-radius: 40px 40px 40px 40px;
	margin-top: 24px;
	
	font-family: 'HGSSBold';
	font-weight: 600;
	font-size: 16px;
	color: #FFFFFF;
	
	display: flex;
	justify-content: center;
	align-items: center;
}

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

.fifthContent {
	width: 1320px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	margin-top: 96px;
}

.fifthTitle {
	font-family: 'HGSBold';
	font-weight: bold;
	font-size: 58px;
	color: #000000;
	margin-bottom: 8px;
	line-height: 1;
}

.fifthFutitle {
	font-family: 'HGSBlack';
	font-weight: 900;
	font-size: 18px;
	color: #000000;
	margin-bottom: 16px;
	line-height: 1;
}

.fifthDetail {
	width: 1074px;
	font-family: 'HGSRe';
	font-weight: 400;
	font-size: 18px;
	color: #000000;
	text-align: center;
	line-height: 22px;
}

.fifthMainContent {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: flex-start;
}

.fifithItem {
	width: 424px;
	background: #FFFFFF;
	margin-top: 32px;
	
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center
}

.fifthItemImg {
	width: 424px;
	height: 318px;
}

.fifithItemContent {
	width: calc(100% - 48px);
	padding: 16px 24px 24px 24px;
	min-height: 208px;
}

.fifithItemContent-hig {
	min-height: 185px;
}

.fifthItemTitle {
	font-family: 'HGSBold';
	font-weight: bold;
	font-size: 24px;
	color: #000000;
	margin-bottom: 12px;
	line-height: 1;
}

.fifthItemFutitle {
	font-family: 'HGSBold';
	font-weight: bold;
	font-size: 16px;
	color: #000000;
	margin-bottom: 8px;
	line-height: 24px;
}

.fifthItemDetail {
	font-family: 'HGSRe';
	font-weight: 400;
	font-size: 16px;
	color: #000000;
}

.fifthMoreBtn {
	margin-top: 12px;
	width: 183px;
	height: 40px;
	border-radius: 40px 40px 40px 40px;
	border: 2px solid #000000;
	font-family: 'HGSSBold';
	font-weight: 600;
	font-size: 16px;
	color: #000000;
	display: flex;
	justify-content: center;
	align-items: center;
}

.fifthCollContent {
	margin-top: 12px;
}

.fifthCollSector {
	font-family: 'HGSBold';
	font-weight: bold;
	font-size: 16px;
	color: #000000;
	margin-bottom: 8px;
}

.fifthCollSectorUl {
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	font-family: 'HGSRe';
	font-weight: 400;
	font-size: 16px;
	color: #000000;
}

.fifthCollSectorUlSpan {
	position: relative;
	padding-left: 18px;
}

.fifthCollSectorUlSpan::before {
	content: '•';
	position: absolute;
	left: 0;
	top: 0;
	color: #000000;
	font-size: 16px;
	margin-left: 8px;
}

.fifthCollTc {
	font-family: 'HGSBold';
	font-weight: bold;
	font-size: 16px;
	color: #000000;
	margin-bottom: 8px;
	line-height: 1;
	margin-top: 12px;
}

.fifthCollTcTxt {
	font-family: 'HGSRe';
	font-weight: 400;
	font-size: 16px;
	color: #000000;
}

.sixthArea {
	padding-top: 32px;
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
}

.sixthContent {
	width: 1320px;
	display: flex;
	justify-content: flex-end;
	align-items: flex-end;
}

.sixthImg {
	width: 178px;
	height: 300px;
}

.sixth-1 {
	width: 418px;
	height: 268px;
	background: #FFFFFF;
	margin-left: 16px;
	padding: 16px;
}

.sixthTitle {
	font-family: 'HGSBold';
	font-weight: bold;
	font-size: 18px;
	color: #000000;
	margin-bottom: 12px;
	text-align: left;
}

.sixthDetail {
	font-family: 'HGSRe';
	font-weight: 400;
	font-size: 18px;
	color: #000000;
	margin-bottom: 12px;
	text-align: left;
}

.sixthItemUl {
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	font-family: 'HGSRe';
	font-weight: 400;
	font-size: 18px;
	color: #000000;
}

.sixthItemUlSpan {
	position: relative;
	padding-left: 24px;
}

.sixthItemUlSpan::before {
	content: '•';
	position: absolute;
	left: 0;
	top: 0;
	color: #000000;
	font-size: 18px;
	margin-left: 8px;
}

.sixthLine {
	width: 2px;
	height: 300px;
	background-color: #000000;
	margin: 0 16px;
}

.sixth-2 {
	width: 270px;
	height: 268px;
	background: #FFFFFF;
	padding: 16px;
	
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	align-items: flex-start;
}

.sixthBtn {
	width: 175px;
	height: 40px;
	background: #A47432;
	border-radius: 40px 40px 40px 40px;
	
	font-family: 'HGSSBold';
	font-weight: 600;
	font-size: 16px;
	color: #FFFFFF;
	
	display: flex;
	justify-content: center;
	align-items: center;
	
	margin-top: 12px;
}

.seventhArea {
	padding: 96px 0;
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
}

.seventhContent {
	width: 1320px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.seventhTitle {
	font-family: 'HGSBold';
	font-weight: bold;
	font-size: 58px;
	color: #000000;
	margin-bottom: 8px;
	line-height: 1;
}

.seventhFutitle {
	font-family: 'HGSSBold';
	font-weight: 900;
	font-size: 18px;
	color: #000000;
	text-align: center;
	margin-bottom: 16px;
}

.seventhDetail {
	width: 1074px;
	font-family: 'HGSRe';
	font-weight: 400;
	font-size: 18px;
	color: #000000;
	text-align: center;
}

.seventhMainContent {
	width: 100%;
	margin-top: 40px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.seventhLeft {
	width: 476px;
	height: 528px;
	background: #FFFFFF;
}

.seventhBg {
	width: 100%;
	height: 318px;
}

.seventhLeftContent {
	width: calc(100% - 48px);
	padding: 0 24px;
}

.seventhLeftTitle {
	margin-top: 16px;
	font-family: 'HGSBold';
	font-weight: bold;
	font-size: 24px;
	color: #000000;
}

.seventhLeftDetail {
	font-family: 'HGSRe';
	font-weight: 400;
	font-size: 16px;
	color: #000000;
	margin-top: 16px;
}

.viewAllArticlesBtn {
	width: 175px;
	height: 40px;
	background: #A47432;
	border-radius: 40px 40px 40px 40px;
	
	font-family: 'HGSBold';
	font-weight: bold;
	font-size: 16px;
	color: #FFFFFF;
	
	display: flex;
	justify-content: center;
	align-items: center;
	
	margin-top: 32px;
}

.seventhRight {
	
}

.seventhRightItem {
	width: 804px;
	height: 120px;
	background: #FFFFFF;
	margin-bottom: 16px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	cursor: pointer;
}

.seventhRightItem:last-child {
	margin-bottom: 0;
}

.seventhRightItemLeft {
	display: flex;
	justify-content: flex-start;
	align-items: center;
}

.seventhRightItemImg {
	width: 120px;
	height: 120px;
}

.seventhRightIcon {
	width: 32px;
	height: 32px;
	margin-right: 40px;
}

.seventhRightItemInfo {
	margin-left: 16px;
}

.seventhRightItemInfoTitle {
	font-family: 'HGSBold';
	font-weight: bold;
	font-size: 16px;
	color: #000000;
	margin-bottom: 8px;
}

.seventhRightItemInfoDetail {
	width: 540px;
	font-family: 'HGSRe';
	font-weight: 400;
	font-size: 16px;
	color: #000000;
}

.eighthArea {
	width: 100%;
	height: 698px;
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
}

.eighthBgVideo {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	object-fit: cover;
}

.eighthArea::before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.45);
	z-index: 8;
}

.eighthContent {
	width: 1320px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	position: relative;
	z-index: 9;
}

.eighthTitle {
	font-family: 'HGSBold';
	font-weight: bold;
	font-size: 58px;
	color: #FFFFFF;
	margin-bottom: 40px;
}

.eighthDetail {
	width: 1074px;
	font-family: 'HGSRe';
	font-weight: 400;
	font-size: 16px;
	color: #FFFFFF;
	text-align: center;
	margin-bottom: 24px;
}

.eighthDetail:last-child {
	margin-bottom: 0;
}

.eighthBtn {
	width: 175px;
	height: 40px;
	background: #A47432;
	border-radius: 40px 40px 40px 40px;
	margin-top: 40px;
	
	font-family: 'HGSSBold';
	font-weight: 600;
	font-size: 16px;
	color: #FFFFFF;
	
	display: flex;
	justify-content: center;
	align-items: center;
}

.ninthArea {
	padding: 96px 0;
	display: flex;
	justify-content: center;
	align-items: center;
}

.ninthContent {
	width: 1320px;
	padding: 96px 0;
	background: #FFFFFF;
	
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.ninthLeft {
	width: 482px;
	margin-left: 60px;
}

.ninthLeftTitle {
	font-family: 'HGSBold';
	font-weight: bold;
	font-size: 58px;
	color: #000000;
	margin-bottom: 8px;
}

.ninthLeftFutitle {
	font-family: 'HGSBlack';
	font-weight: 900;
	font-size: 18px;
	color: #000000;
	margin-bottom: 16px;
}

.ninthLeftFutitle2 {
	font-family: 'HGSBold';
	font-weight: 900;
	font-size: 18px;
	color: #000000;
}

.ninthLeftDetail {
	font-family: 'HGSRe';
	font-weight: 400;
	font-size: 18px;
	color: #000000;
}

.ninthOurOfficeContent {
	margin-top: 32px;
}

.ninthLianxiContent {
	margin-top: 16px;
}

.ninthBookBtn {
	width: 175px;
	height: 40px;
	background: #A47432;
	border-radius: 40px 40px 40px 40px;
	margin-top: 16px;
	font-family: 'HGSSBold';
	font-weight: 600;
	font-size: 16px;
	color: #FFFFFF;
	display: flex;
	justify-content: center;
	align-items: center;
}

.ninthRight {
	width: 615px;
	margin-right: 28px;
}

.ninthFormTitle {
	font-family: 'HGSBlack';
	font-weight: 900;
	font-size: 18px;
	color: #000000;
}

.ninthFormContent {
	
}

.ninthFormLine {
	width: 100%;
	margin-top: 16px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.ninthFormLine2 {
	width: 100%;
	margin-top: 16px;
}

.ninthFormItem {
	width: 303px;
}

.ninthFormInputName {
	font-family: 'HGSSBold';
	font-weight: 600;
	font-size: 16px;
	color: #000000;
	margin-bottom: 8px;
}

.ninthInput-1 {
	width: 255px;
	height: 52px;
	background: #F9F9F9;
	border-radius: 24px 24px 24px 24px;
	padding: 0 24px;
	
	font-family: 'HGSRe';
	font-weight: 400;
	font-size: 16px;
	color: #000000;
}

.ninthInput-2 {
	width: calc(100% - 48px);
	height: 52px;
	background: #F9F9F9;
	border-radius: 24px 24px 24px 24px;
	padding: 0 24px;
	
	font-family: 'HGSRe';
	font-weight: 400;
	font-size: 16px;
	color: #000000;
}

.ninthTextarea {
	width: calc(100% - 48px);
	height: 52px;
	background: #F9F9F9;
	border-radius: 24px 24px 24px 24px;
	padding: 16px 24px;
}

.ninthInput-1::placeholder,
.ninthInput-2::placeholder,
.ninthTextarea::placeholder {
	font-family: 'HGSRe';
	font-weight: 400;
	font-size: 16px;
	color: #606060;
} 

.ninthFormSubmitBtn {
	width: 175px;
	height: 40px;
	background: #A47432;
	border-radius: 40px 40px 40px 40px;
	margin-top: 16px;
	
	font-family: 'HGSSBold';
	font-weight: 600;
	font-size: 16px;
	color: #FFFFFF;
	
	display: flex;
	justify-content: center;
	align-items: center;
}
/* index end */

/* oaNetworkPortal start */
.pageContent2 {
	width: 100vw;
	padding: 96px 0;
}

.qukuai {
	width: 100%;
	height: 78px;
}

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

.onpTitleContent {
	width: 1320px;
}

.onpTitleName {
	width: 516px;
	font-family: 'HGSBold';
	font-weight: bold;
	font-size: 58px;
	color: #000000;
}

.onpTitleDetail {
	font-family: 'HGSRe';
	font-weight: 400;
	font-size: 24px;
	color: #000000;
	margin-top: 16px;
}

.onpTitleSpan {
	font-family: 'HGSBold';
}

.onpDetailContent {
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-top: 32px;
}

.onpBgImg {
	width: 628px;
	height: 573px;
}

.onpDetailRight {
	width: 628px;
}

.onpDetailTitle {
	font-family: 'HGSBlack';
	font-weight: 900;
	font-size: 36px;
	color: #000000;
	margin-bottom: 61px;
}

.onpDetailTxt {
	width: 574px;
	font-family: 'HGSRe';
	font-weight: 400;
	font-size: 18px;
	color: #000000;
	margin-bottom: 32px;
}

.onpDetailTxt:last-child {
	margin-bottom: 0;
}

.onpPortalLoginBtn {
	width: 167px;
	height: 40px;
	background: #A47432;
	border-radius: 40px 40px 40px 40px;
	font-family: 'HGSSBold';
	font-weight: 600;
	font-size: 16px;
	color: #FFFFFF;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-top: 61px;
}

.onpMainArea {
	padding-top: 96px;
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
}

.onpMainContent {
	width: 1320px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
}

.onpMainItem {
	width: 424px;
	height: 682px;
	background: #FFFFFF;
	margin-bottom: 32px;
}

.onpMainItem2 {
	width: 424px;
	height: 622px;
	background: #FFFFFF;
}

.onpMainImg {
	width: 100%;
	height: 318px;
}

.onpMainInfo {
	padding: 0 24px;
	padding-top: 12px;
}

.onpMainInfoTitle {
	width: 100%;
	font-family: 'HGSBold';
	font-weight: bold;
	font-size: 24px;
	color: #000000;
}

.onpMainInfoFutitle {
	width: 100%;
	font-family: 'HGSBold';
	font-weight: bold;
	font-size: 16px;
	color: #000000;
	margin-top: 12px;
}

.onpMainInfoTxt {
	font-family: 'HGSRe';
	font-weight: 400;
	font-size: 16px;
	color: #000000;
	margin-top: 24px;
}

.onpMainInfoUl {
	margin-top: 8px;
}

.onpDiArea {
	padding-top: 96px;
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
}

.onpDiContent {
	width: 1320px;
	height: 249px;
	background: #A79883;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.onpDetailTxt1 {
	font-family: 'HGSBlack';
	font-weight: 900;
	font-size: 40px;
	color: #FFFFFF;
	margin-bottom: 40px;
}

.onpDetailTxt2 {
	width: 764px;
	font-family: 'HGSSBold';
	font-weight: 600;
	font-size: 18px;
	color: #FFFFFF;
	margin-bottom: 8px;
	text-align: center;
}

.onpDetailTxt3 {
	font-family: 'HGSBlack';
	font-weight: 900;
	font-size: 18px;
	color: #FFFFFF;
}
/* oaNetworkPortal end */

/* privacy notice start */
.pageContentArea {
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
}

.pageMainContent {
	width: 1320px;
}

.pageName {
	font-family: 'HGSBlack';
	font-weight: 900;
	font-size: 58px;
	color: #000000;
	line-height: 72px;
	margin-bottom: 96px;
}

.pageJiesao {
	font-family: 'HGSRe';
	font-weight: 400;
	font-size: 18px;
	color: #000000;
}

.duanluoContent {
	width: 100%;
	margin-top: 40px;
}

.duanluoItem {
	width: 100%;
	margin-bottom: 40px;
}

.duanluoTitle {
	font-family: 'HGSBlack';
	font-weight: 900;
	font-size: 40px;
	color: #000000;
}

.duanluoInfo {
	width: 100%;
	font-family: 'HGSRe';
	font-weight: 400;
	font-size: 18px;
	color: #000000;
	margin-top: 8px;
}

.duanluoUl {
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
}

.duanluoUlSpan {
	position: relative;
	padding-left: 24px;
}

.duanluoUlSpan::before {
	content: '•';
	position: absolute;
	left: 0;
	top: 0;
	color: #000000;
	font-size: 18px;
	margin-left: 12px;
}

.mt12 {
	margin-top: 12px;
}

.duanluoFuTitle {
	font-family: 'HGSBold' !important;
}

.wenzhangDate {
	font-family: 'HGSLight';
	font-weight: 300;
	font-size: 18px;
	color: #000000;
}
/* privacy notice end */

/* popup start */
.loginPopup {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	display: none;
	justify-content: flex-end;
	align-items: flex-start;
	padding: 84px 24px 24px;
	box-sizing: border-box;
	background: rgba(255, 255, 255, 0.72);
	z-index: 20000;
}

.popCloseIcon {
	position: absolute;
	width: 32px;
	height: 32px;
	top: 24px;
	right: 24px;
	cursor: pointer;
}

.loginPopupContent,
.signUpPopupContent,
.emailPopupContent {
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: center;
}

.popupName {
	font-family: 'HGSSBold';
	font-weight: 600;
	font-size: 24px;
	color: #000000;
	text-align: center;
	line-height: 1;
}

.popupTxt {
	line-height: 1;
	margin-top: 5px;
	font-family: 'HGSRe';
	font-weight: 400;
	font-size: 16px;
	color: #000000;
	text-align: center;
}

.loginEmailInput,
.loginPwdInput {
	width: calc(100% - 48px);
	height: 52px;
	background: #F4F4F4;
	border-radius: 24px 24px 24px 24px;
	padding: 0 24px;
}

.loginPwdInput {
	margin-top: 16px;
}

.loginEmailInput::placeholder, 
.loginPwdInput::placeholder {
	font-family: 'HGSRe';
	font-weight: 400;
	font-size: 16px;
	color: #606060;
}

.loginConBtn {
	margin-top: 32px;
	width: 100%;
	height: 50px;
	background: #A47432;
	border-radius: 40px 40px 40px 40px;
	font-family: 'HGSSBold';
	font-weight: 600;
	font-size: 16px;
	color: #FFFFFF;
	display: flex;
	justify-content: center;
	align-items: center;
}

.forgetPwd {
	margin-top: 5px;
	font-family: 'HGSRe';
	font-weight: 400;
	font-size: 16px;
	color: #000000;
	text-align: center;
}

.forgePwdSpan {
	font-family: 'HGSBold';
	text-decoration: underline;
	cursor: pointer;
}

.orLineContent {
	width: 100%;
	height: 20px;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-top: 32px;
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
}

.popupLine {
	width: 100%;
	height: 2px;
	background: #E7E7E7;
	position: absolute;
	top: 9px;
	left: 0;
	z-index: 1;
}

.orIcon {
	width: 40px;
	height: 20px;
	background: #FFFFFF;
	display: flex;
	justify-content: center;
	align-items: center;
	font-family: 'HGSSBold';
	font-weight: 600;
	font-size: 16px;
	color: #000000;
	position: relative;
	z-index: 9;
}

.loginByGoogleBtn {
	margin-top: 32px;
	width: 100%;
	height: 50px;
	border-radius: 40px 40px 40px 40px;
	border: 2px solid #000000;
	
	display: flex;
	justify-content: center;
	align-items: center;
	
	font-family: 'HGSSBold';
	font-weight: 600;
	font-size: 16px;
	color: #000000;
}

.logoGoogleIcon {
	width: 32px;
	height: 32px;
	margin-right: 8px;
}

.signUpContent {
	margin-top: 32px;
	font-family: 'HGSRe';
	font-weight: 400;
	font-size: 16px;
	color: #000000;
}

.signUpSpan	{
	color: #A47432;
	font-family: 'HGSBold';
	cursor: pointer;
}

.daojishi {
	color: #000;
	font-family: 'HGSBold';
}

.loginErrorTip {
	height: 20px;
	font-family: 'HGSSBold';
	font-weight: 600;
	font-size: 16px;
	color: #C50000;
	text-align: center;
	margin-top: 5px;
	line-height: 1;
}

.loginFormContent {
	margin-top: 32px;
}

.signUpPopup {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	display: none;
	justify-content: flex-end;
	align-items: flex-start;
	padding: 84px 24px 24px;
	box-sizing: border-box;
	background: rgba(255, 255, 255, 0.72);
	z-index: 20000;
}

.loginPopupArea {
	width: 431px;
	background: #FFFFFF;
	box-shadow: 0px 15px 40px 0px rgba(0,0,0,0.1);
	border-radius: 32px 32px 32px 32px;
	padding: 32px;
	position: relative;
	box-sizing: border-box;
}

.signUpPopupArea,
.emailPopupArea {
	width: 447px;
	background: #FFFFFF;
	box-shadow: 0px 15px 40px 0px rgba(0,0,0,0.1);
	border-radius: 32px 32px 32px 32px;
	padding: 32px;
	position: relative;
	box-sizing: border-box;
}

.popupPwdTip {
	margin-top: 5px;
	font-family: 'HGSRe';
	font-weight: 400;
	font-size: 12px;
	color: #000000;
	text-align: center;
}

.emailPopup {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	display: none;
	justify-content: flex-end;
	align-items: flex-start;
	padding: 84px 24px 24px;
	box-sizing: border-box;
	background: rgba(255, 255, 255, 0.72);
	z-index: 20000;
}

.emailIcon {
	width: 96px;
	height: 96px;
	margin-bottom: 32px;
}

.toEmailTip {
	margin-top: 5px;
	width: 100%;
	font-family: 'HGSRe';
	font-weight: 400;
	font-size: 16px;
	color: #000000;
	text-align: left;
}

.toEmailSpan {
	font-family: 'HGSBold';
}

.vitContent {
	margin-top: 32px;
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.vitInput {
	width: 52px;
	height: 52px;
	background: #F4F4F4;
	border-radius: 8px 8px 8px 8px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.regSuccessPopup {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	display: none;
	justify-content: center;
	align-items: center;
	background: rgba(0, 0, 0, 0.28);
	z-index: 20001;
}

.regSuccessPopupArea {
	width: 576px;
	background: #FFFFFF;
	box-shadow: 0px 15px 40px 0px rgba(0,0,0,0.1);
	border-radius: 40px 40px 40px 40px;
	padding: 48px 0;
	position: relative;
}

.popCloseIcon2 {
	width: 40px;
	height: 40px;
	position: absolute;
	top: 40px;
	right: 48px;
	cursor: pointer;
}

.regSuccessPopupContent {
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: center;
}

.successIcon {
	width: 96px;
	height: 96px;
	margin-bottom: 32px;
}

.successTipTxt {
	width: 360px;
	font-family: 'HGSBlack';
	font-weight: 900;
	font-size: 24px;
	color: #000000;
	text-align: center;
}

.backToHomeBtn {
	width: 256px;
	height: 50px;
	background: #A47432;
	border-radius: 40px 40px 40px 40px;
	margin-top: 32px;
	
	font-family: 'HGSSBold';
	font-weight: 600;
	font-size: 16px;
	color: #FFFFFF;
	
	display: flex;
	justify-content: center;
	align-items: center;
}

.mb16 {
	margin-bottom: 16px;
}
/* popup end */