@media (min-width: 769px) and (max-width: 1320px) {
	/* nav start */
	.navArea {
		width: calc(100vw - 7.5rem);
		height: 4.875rem;
		padding: 0 3.75rem;
		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 - 7.5rem);
		height: 4.875rem;
		padding: 0 3.75rem;
		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: 1rem;
		color: #FFFFFF;
	}
	
	.navLinkContent2 {
		display: flex;
		justify-content: flex-start;
		align-items: center;
		
		font-family: 'HGSSBold';
		font-weight: 600;
		font-size: 1rem;
		color: #000000;
	}
	
	.navLinkItem {
		margin-right: 2rem;
		cursor: pointer;
	}
	
	.navRight {
		display: flex;
		justify-content: flex-start;
		align-items: center;
	}
	
	.navPhoneContent {
		margin-right: 1.5rem;
		display: flex;
		justify-content: flex-start;
		align-items: center;
	}
	
	.navPhoneIcon {
		width: 1.5rem;
		height: 1.5rem;
	}
	
	.navPhoneTxt {
		margin-left: 0.5rem;
		font-family: 'HGSSBold';
		font-weight: 600;
		font-size: 1rem;
		color: #FFFFFF;
	}
	
	.navPhoneTxt2 {
		margin-left: 0.5rem;
		font-family: 'HGSSBold';
		font-weight: 600;
		font-size: 1rem;
		color: #000000;
	}
	
	.partnerSignupBtn {
		width: 10.4375rem;
		height: 2.5rem;
		background: #A47432;
		border-radius: 40px 40px 40px 40px;
		font-family: 'HGSSBold';
		font-weight: 600;
		font-size: 1rem;
		color: #FFFFFF;
		display: flex;
		justify-content: center;
		align-items: center;
	}
	
	.logo {
		height: 2.5rem;
		object-fit: cover;
	}
	/* nav end */
	
	/* footer start */
	.footerArea {
		width: 100vw;
		height: 16.625rem;
		background: #2A2A2A;
		
		display: flex;
		justify-content: center;
		align-items: center;
	}
	
	.footerContent {
		width: 82.5rem;
		display: flex;
		justify-content: space-between;
		align-items: flex-end;
	}
	
	.footerLeft {
		display: flex;
		justify-content: flex-start;
		align-items: flex-end;
	}
	
	.footerLogo {
		width: 5.625rem;
		height: 9.375rem;
	}
	
	.footerUlinkContent {
		margin-left: 2rem;
		font-family: 'HGSRe';
		font-weight: 400;
		font-size: 0.875rem;
		color: #FFFFFF;
	}
	
	.footerLineItem {
		margin-bottom: 0.3125rem;
	}
	
	.footerRight {
		display: flex;
		flex-direction: column;
		justify-content: flex-start;
		align-items: flex-start;
		margin-left: 1.875rem;
	}
	
	.shejiaoContent {
		display: flex;
		justify-content: center;
		align-items: center;
		margin-bottom: 1.5625rem;
	}
	
	.shejiaoIcon1 {
		width: 2rem;
		height: 2rem;
		margin-right: 1rem;
	}
	
	.shejiaoIcon2 {
		width: 1.75rem;
		height: 1.75rem;
		margin-right: 1rem;
	}
	
	.footerDetail {
		width: 65.625rem;
		font-family: 'HGSRe';
		font-weight: 400;
		font-size: 0.875rem;
		color: #FFFFFF;
		margin-bottom: 1.5625rem;
	}
	
	.footerBanquan {
		font-family: 'HGSRe';
		font-weight: 400;
		font-size: 0.875rem;
		color: #FFFFFF;
		
		display: flex;
		justify-content: flex-start;
		align-items: center;
	}
	
	.footerSpan {
		margin-left: 1.5625rem;
	}
	
	.footerSpan span {
		font-weight: bold;
	}
	/* footer end */
	
	/* index start */
	.pageContent {
		width: 100vw;
	}
	
	.firstArea {
		width: 100%;
		height: 50.625rem;
		position: relative;
		display: flex;
		justify-content: center;
		align-items: flex-end;
	}
	
	.firstBannerContent {
		width: 100%;
		height: 50.625rem;
		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: 1.5rem;
		transform: translateX(-50%);
		display: flex;
		justify-content: center;
		align-items: center;
		gap: 0.5rem;
		z-index: 3;
	}
	
	.firstBannerIndicator {
		width: 1.5rem;
		height: 0.1875rem;
		border-radius: 0.1875rem;
		background: rgba(255, 255, 255, 0.35);
		transition: background-color 0.2s ease;
		cursor: pointer;
	}
	
	.firstBannerIndicator.active {
		background: #FFFFFF;
	}
	
	.firstStepImg {
		width: 14.875rem;
		height: 25rem;
	}
	
	.firstContent {
		width: 82.5rem;
		height: 30.875rem;
		position: relative;
		z-index: 99;
		
		display: flex;
		justify-content: space-between;
		align-items: flex-end;
		
		margin-bottom: 3.75rem;
	}
	
	.firstLeftContent {
		height: 100%;
		display: flex;
		flex-direction: column;
		justify-content: flex-start;
		align-items: flex-start;
	}
	
	.firstTitle {
		width: 32.625rem;
		font-family: 'HGSBlack';
		font-weight: 900;
		font-size: 3.625rem;
		color: #FFFFFF;
	}
	
	.firstDetail {
		width: 32.625rem;
		font-family: 'HGSRe';
		font-weight: 400;
		font-size: 1.5rem;
		color: #FFFFFF;
		margin-top: 2rem;
	}
	
	.firstBtnContent {
		display: flex;
		justify-content: flex-start;
		align-items: center;
		margin-top: 2rem;
	}
	
	.bookAConBtn {
		width: 10.9375rem;
		height: 2.5rem;
		background: #A47432;
		border-radius: 40px 40px 40px 40px;
		
		font-family: 'HGSSBold';
		font-weight: 600;
		font-size: 1rem;
		color: #FFFFFF;
		
		display: flex;
		justify-content: center;
		align-items: center;
		
		margin-right: 1.5rem;
	}
	
	.exOurSerBtn {
		width: 11.125rem;
		height: 2.875rem;
		border-radius: 40px 40px 40px 40px;
		border: 2px solid #FFFFFF;
		
		font-family: 'HGSSBold';
		font-weight: 600;
		font-size: 1rem;
		color: #FFFFFF;
		
		display: flex;
		justify-content: center;
		align-items: center;
	}
	
	.secondArea {
		width: 100%;
		height: 19.875rem;
		display: flex;
		justify-content: center;
		align-items: flex-start;
		background-color: #F9F9F9;
	}
	
	.secondContent {
		margin-top: 5.9375rem;
		width: 82.5rem;
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
	}
	
	.secondTitle {
		font-family: 'HGSBold';
		font-weight: bold;
		font-size: 3.625rem;
		color: #000000;
		margin-bottom: 0.5rem;
	}
	
	.secondFutitle {
		font-family: 'HGSBlack';
		font-weight: 900;
		font-size: 1.125rem;
		color: #000000;
		margin-bottom: 1rem;
	}
	
	.secondDetail {
		width: 67.125rem;
		font-family: 'HGSRe';
		font-weight: 400;
		font-size: 1.125rem;
		color: #000000;
		text-align: center;
	}
	
	.threeArea {
		width: 100%;
		height: 50rem;
		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: 82.5rem;
		display: flex;
		justify-content: center;
		align-items: flex-end;
		position: relative;
		z-index: 99;
	}
	
	.threeLeftContent {
		width: 40.3125rem;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		align-items: center;
	}
	
	.threeRightContent {
		margin-left: 6.125rem;
	}
	
	.threeRightEmpty {
		width: 32.75rem;
		min-height: 13.75rem;
		display: flex;
		justify-content: center;
		align-items: center;
		font-family: 'HGSRe';
		font-weight: 400;
		font-size: 1.125rem;
		color: #FFFFFF;
		opacity: 0.9;
	}
	
	.threeLabTitle {
		font-family: 'HGSBold';
		font-weight: bold;
		font-size: 1.5rem;
		color: #FFFFFF;
		margin-bottom: 2rem;
	}
	
	.threeLabDetail {
		width: 32.75rem;
		font-family: 'HGSRe';
		font-weight: 400;
		font-size: 1rem;
		color: #FFFFFF;
		text-align: justified;
		margin-bottom: 2rem;
	}
	
	.threeLabUlContent {
		width: 32.75rem;
		font-family: 'HGSRe';
		font-weight: 400;
		font-size: 1rem;
		color: #FFFFFF;
		margin-bottom: 2rem;
	}
	
	.threeLabUlTitle {
		font-family: 'HGSBold';
		font-weight: bold;
	}
	
	.threeLabUlItem {
		display: flex;
		justify-content: flex-start;
		align-items: flex-start;
	}
	
	.threeLabUlItemSpan {
		position: relative;
		padding-left: 1.125rem;
	}
	
	.threeLabUlItemSpan::before {
		content: '•';
		position: absolute;
		left: 0;
		top: 0;
		color: #fff;
		font-size: 1rem;
		margin-left: 0.5rem;
	}
	
	.threeLabOurApp {
		width: 32.75rem;
		font-size: 1rem;
		color: #FFFFFF;
		text-align: justified;
		
		font-family: 'HGSRe';
		font-weight: 400;
		
		margin-bottom: 3rem;
	}
	
	.threeLeftItem {
		width: 16.375rem;
		height: 18.6875rem;
		background: #FFFFFF;
		margin-bottom: 1.5rem;
		padding: 1.5rem;
	}
	
	.threeLeftItem2 {
		width: 16.375rem;
		height: 17.5625rem;
		background: #FFFFFF;
		margin-bottom: 1.5rem;
		padding: 1.5rem;
	}
	
	.threeLeftItemXz {
		background: #A79883 !important;
		color: #FFFFFF !important;
	}
	
	.threeTitleContent {
		width: 100%;
		display: flex;
		justify-content: space-between;
		align-items: center;
		margin-bottom: 1rem;
	}
	
	.threeTitle {
		font-family: 'HGSBold';
		font-weight: bold;
		font-size: 1.5rem;
	}
	
	.threeTitleIcon {
		width: 3.75rem;
		height: 3.75rem;
	}
	
	.threeFutitle {
		width: 100%;
		font-family: 'HGSBold';
		font-weight: bold;
		font-size: 1rem;
		line-height: 1.375rem;
		margin-bottom: 0.5rem;
	}
	
	.threeDetail {
		width: 100%;
		font-family: 'HGSRe';
		font-weight: 400;
		font-size: 0.875rem;
		line-height: 1.125rem;
		margin-bottom: 1rem;
	}
	
	.threeRightIcon {
		width: 0.4375rem;
		height: 0.8125rem;
	}
	
	.fourthArea {
		width: 100%;
		height: 20.75rem;
		display: flex;
		justify-content: center;
		align-items: flex-end;
		background-color: #F9F9F9;
	}
	
	.fourthContent {
		width: 82.5rem;
		height: 18.75rem;
		display: flex;
		justify-content: flex-end;
		align-items: flex-end;
	}
	
	.fourth-1 {
		width: 11.125rem;
		height: 18.75rem;
	}
	
	.fourth-2 {
		width: 20.125rem;
		height: 16.75rem;
		background: #FFFFFF;
		margin-left: 1rem;
		padding: 1rem;
		
		display: flex;
		flex-direction: column;
		justify-content: flex-end;
		align-items: center;
	}
	
	.fourthTitle {
		font-family: 'HGSBold';
		font-weight: bold;
		font-size: 1.125rem;
		color: #000000;
		text-align: justify;
		margin-bottom: 1rem;
	}
	
	.fourthTitle2 {
		font-family: 'HGSBold';
		font-weight: bold;
		font-size: 1.125rem;
		color: #000000;
		margin-bottom: 1rem;
	}
	
	.fourthDetail {
		font-family: 'HGSRe';
		font-weight: 400;
		font-size: 1.125rem;
		color: #000000;
		text-align: justify;
	}
	
	.fourthDetail2 {
		font-family: 'HGSRe';
		font-weight: 400;
		font-size: 1.125rem;
		color: #000000;
	}
	
	.fourthLine {
		width: 0.125rem;
		height: 18.75rem;
		margin: 0 1rem;
		background-color: #000000;
	}
	
	.fourth-3 {
		width: 16.75rem;
		height: 16.75rem;
		padding: 1rem;
		background: #FFFFFF;    
							  
		display: flex;
		flex-direction: column;
		justify-content: flex-end;
		align-items: flex-start;					  
	}
	
	.fourthBtn {
		width: 10.9375rem;
		height: 2.5rem;
		background: #A47432;
		border-radius: 40px 40px 40px 40px;
		margin-top: 1.5rem;
		
		font-family: 'HGSSBold';
		font-weight: 600;
		font-size: 1rem;
		color: #FFFFFF;
		
		display: flex;
		justify-content: center;
		align-items: center;
	}
	
	.fifthArea {
		width: 100%;
		display: flex;
		justify-content: center;
		align-items: center;
	}
	
	.fifthContent {
		width: 82.5rem;
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		margin-top: 6rem;
	}
	
	.fifthTitle {
		font-family: 'HGSBold';
		font-weight: bold;
		font-size: 3.625rem;
		color: #000000;
		margin-bottom: 0.5rem;
		line-height: 1;
	}
	
	.fifthFutitle {
		font-family: 'HGSBlack';
		font-weight: 900;
		font-size: 1.125rem;
		color: #000000;
		margin-bottom: 1rem;
		line-height: 1;
	}
	
	.fifthDetail {
		width: 67.125rem;
		font-family: 'HGSRe';
		font-weight: 400;
		font-size: 1.125rem;
		color: #000000;
		text-align: center;
		line-height: 1.375rem;
	}
	
	.fifthMainContent {
		width: 100%;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		align-items: flex-start;
	}
	
	.fifithItem {
		width: 26.5rem;
		background: #FFFFFF;
		margin-top: 2rem;
		
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center
	}
	
	.fifthItemImg {
		width: 26.5rem;
		height: 19.875rem;
	}
	
	.fifithItemContent {
		width: calc(100% - 3rem);
		padding: 1rem 1.5rem 1.5rem 1.5rem;
		min-height: 13rem;
	}
	
	.fifithItemContent-hig {
		min-height: 11.5625rem;
	}
	
	.fifthItemTitle {
		font-family: 'HGSBold';
		font-weight: bold;
		font-size: 1.5rem;
		color: #000000;
		margin-bottom: 0.75rem;
		line-height: 1;
	}
	
	.fifthItemFutitle {
		font-family: 'HGSBold';
		font-weight: bold;
		font-size: 1rem;
		color: #000000;
		margin-bottom: 0.5rem;
		line-height: 1.5rem;
	}
	
	.fifthItemDetail {
		font-family: 'HGSRe';
		font-weight: 400;
		font-size: 1rem;
		color: #000000;
	}
	
	.fifthMoreBtn {
		margin-top: 0.75rem;
		width: 11.4375rem;
		height: 2.5rem;
		border-radius: 40px 40px 40px 40px;
		border: 2px solid #000000;
		font-family: 'HGSSBold';
		font-weight: 600;
		font-size: 1rem;
		color: #000000;
		display: flex;
		justify-content: center;
		align-items: center;
	}
	
	.fifthCollContent {
		margin-top: 0.75rem;
	}
	
	.fifthCollSector {
		font-family: 'HGSBold';
		font-weight: bold;
		font-size: 1rem;
		color: #000000;
		margin-bottom: 0.5rem;
	}
	
	.fifthCollSectorUl {
		display: flex;
		justify-content: flex-start;
		align-items: flex-start;
		font-family: 'HGSRe';
		font-weight: 400;
		font-size: 1rem;
		color: #000000;
	}
	
	.fifthCollSectorUlSpan {
		position: relative;
		padding-left: 1.125rem;
	}
	
	.fifthCollSectorUlSpan::before {
		content: '•';
		position: absolute;
		left: 0;
		top: 0;
		color: #000000;
		font-size: 1rem;
		margin-left: 0.5rem;
	}
	
	.fifthCollTc {
		font-family: 'HGSBold';
		font-weight: bold;
		font-size: 1rem;
		color: #000000;
		margin-bottom: 0.5rem;
		line-height: 1;
		margin-top: 0.75rem;
	}
	
	.fifthCollTcTxt {
		font-family: 'HGSRe';
		font-weight: 400;
		font-size: 1rem;
		color: #000000;
	}
	
	.sixthArea {
		padding-top: 2rem;
		width: 100%;
		display: flex;
		justify-content: center;
		align-items: center;
	}
	
	.sixthContent {
		width: 82.5rem;
		display: flex;
		justify-content: flex-end;
		align-items: flex-end;
	}
	
	.sixthImg {
		width: 11.125rem;
		height: 18.75rem;
	}
	
	.sixth-1 {
		width: 26.125rem;
		height: 16.75rem;
		background: #FFFFFF;
		margin-left: 1rem;
		padding: 1rem;
	}
	
	.sixthTitle {
		font-family: 'HGSBold';
		font-weight: bold;
		font-size: 1.125rem;
		color: #000000;
		margin-bottom: 0.75rem;
	}
	
	.sixthDetail {
		font-family: 'HGSRe';
		font-weight: 400;
		font-size: 1.125rem;
		color: #000000;
		margin-bottom: 0.75rem;
	}
	
	.sixthItemUl {
		display: flex;
		justify-content: flex-start;
		align-items: flex-start;
		font-family: 'HGSRe';
		font-weight: 400;
		font-size: 1.125rem;
		color: #000000;
	}
	
	.sixthItemUlSpan {
		position: relative;
		padding-left: 1.5rem;
	}
	
	.sixthItemUlSpan::before {
		content: '•';
		position: absolute;
		left: 0;
		top: 0;
		color: #000000;
		font-size: 1.125rem;
		margin-left: 0.5rem;
	}
	
	.sixthLine {
		width: 0.125rem;
		height: 18.75rem;
		background-color: #000000;
		margin: 0 1rem;
	}
	
	.sixth-2 {
		width: 16.875rem;
		height: 16.75rem;
		background: #FFFFFF;
		padding: 1rem;
		
		display: flex;
		flex-direction: column;
		justify-content: flex-end;
		align-items: flex-start;
	}
	
	.sixthBtn {
		width: 10.9375rem;
		height: 2.5rem;
		background: #A47432;
		border-radius: 40px 40px 40px 40px;
		
		font-family: 'HGSSBold';
		font-weight: 600;
		font-size: 1rem;
		color: #FFFFFF;
		
		display: flex;
		justify-content: center;
		align-items: center;
		
		margin-top: 0.75rem;
	}
	
	.seventhArea {
		padding: 6rem 0;
		width: 100%;
		display: flex;
		justify-content: center;
		align-items: center;
	}
	
	.seventhContent {
		width: 82.5rem;
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
	}
	
	.seventhTitle {
		font-family: 'HGSBold';
		font-weight: bold;
		font-size: 3.625rem;
		color: #000000;
		margin-bottom: 0.5rem;
		line-height: 1;
	}
	
	.seventhFutitle {
		font-family: 'HGSSBold';
		font-weight: 900;
		font-size: 1.125rem;
		color: #000000;
		text-align: center;
		margin-bottom: 1rem;
	}
	
	.seventhDetail {
		width: 67.125rem;
		font-family: 'HGSRe';
		font-weight: 400;
		font-size: 1.125rem;
		color: #000000;
		text-align: center;
	}
	
	.seventhMainContent {
		width: 100%;
		margin-top: 2.5rem;
		display: flex;
		justify-content: space-between;
		align-items: center;
	}
	
	.seventhLeft {
		width: 29.75rem;
		height: 33rem;
		background: #FFFFFF;
	}
	
	.seventhBg {
		width: 100%;
		height: 19.875rem;
	}
	
	.seventhLeftContent {
		width: calc(100% - 3rem);
		padding: 0 1.5rem;
	}
	
	.seventhLeftTitle {
		margin-top: 1rem;
		font-family: 'HGSBold';
		font-weight: bold;
		font-size: 1.5rem;
		color: #000000;
	}
	
	.seventhLeftDetail {
		font-family: 'HGSRe';
		font-weight: 400;
		font-size: 1rem;
		color: #000000;
		margin-top: 1rem;
	}
	
	.viewAllArticlesBtn {
		width: 10.9375rem;
		height: 2.5rem;
		background: #A47432;
		border-radius: 40px 40px 40px 40px;
		
		font-family: 'HGSBold';
		font-weight: bold;
		font-size: 1rem;
		color: #FFFFFF;
		
		display: flex;
		justify-content: center;
		align-items: center;
		
		margin-top: 2rem;
	}
	
	.seventhRight {
		
	}
	
	.seventhRightItem {
		width: 50.25rem;
		height: 7.5rem;
		background: #FFFFFF;
		margin-bottom: 1rem;
		display: flex;
		justify-content: space-between;
		align-items: center;
	}
	
	.seventhRightItem:last-child {
		margin-bottom: 0;
	}
	
	.seventhRightItemLeft {
		display: flex;
		justify-content: flex-start;
		align-items: center;
	}
	
	.seventhRightItemImg {
		width: 7.5rem;
		height: 7.5rem;
	}
	
	.seventhRightIcon {
		width: 2rem;
		height: 2rem;
		margin-right: 2.5rem;
	}
	
	.seventhRightItemInfo {
		margin-left: 1rem;
	}
	
	.seventhRightItemInfoTitle {
		font-family: 'HGSBold';
		font-weight: bold;
		font-size: 1rem;
		color: #000000;
		margin-bottom: 0.5rem;
	}
	
	.seventhRightItemInfoDetail {
		width: 33.75rem;
		font-family: 'HGSRe';
		font-weight: 400;
		font-size: 1rem;
		color: #000000;
	}
	
	.eighthArea {
		width: 100%;
		height: 43.625rem;
		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: 82.5rem;
		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: 3.625rem;
		color: #FFFFFF;
		margin-bottom: 2.5rem;
	}
	
	.eighthDetail {
		width: 67.125rem;
		font-family: 'HGSRe';
		font-weight: 400;
		font-size: 1rem;
		color: #FFFFFF;
		text-align: center;
		margin-bottom: 1.5rem;
	}
	
	.eighthDetail:last-child {
		margin-bottom: 0;
	}
	
	.eighthBtn {
		width: 10.9375rem;
		height: 2.5rem;
		background: #A47432;
		border-radius: 40px 40px 40px 40px;
		margin-top: 2.5rem;
		
		font-family: 'HGSSBold';
		font-weight: 600;
		font-size: 1rem;
		color: #FFFFFF;
		
		display: flex;
		justify-content: center;
		align-items: center;
	}
	
	.ninthArea {
		padding: 6rem 0;
		display: flex;
		justify-content: center;
		align-items: center;
	}
	
	.ninthContent {
		width: 82.5rem;
		padding: 6rem 0;
		background: #FFFFFF;
		
		display: flex;
		justify-content: space-between;
		align-items: center;
	}
	
	.ninthLeft {
		width: 30.125rem;
		margin-left: 3.75rem;
	}
	
	.ninthLeftTitle {
		font-family: 'HGSBold';
		font-weight: bold;
		font-size: 3.625rem;
		color: #000000;
		margin-bottom: 0.5rem;
	}
	
	.ninthLeftFutitle {
		font-family: 'HGSBlack';
		font-weight: 900;
		font-size: 1.125rem;
		color: #000000;
		margin-bottom: 1rem;
	}
	
	.ninthLeftFutitle2 {
		font-family: 'HGSBold';
		font-weight: 900;
		font-size: 1.125rem;
		color: #000000;
	}
	
	.ninthLeftDetail {
		font-family: 'HGSRe';
		font-weight: 400;
		font-size: 1.125rem;
		color: #000000;
	}
	
	.ninthOurOfficeContent {
		margin-top: 2rem;
	}
	
	.ninthLianxiContent {
		margin-top: 1rem;
	}
	
	.ninthBookBtn {
		width: 10.9375rem;
		height: 2.5rem;
		background: #A47432;
		border-radius: 40px 40px 40px 40px;
		margin-top: 1rem;
		font-family: 'HGSSBold';
		font-weight: 600;
		font-size: 1rem;
		color: #FFFFFF;
		display: flex;
		justify-content: center;
		align-items: center;
	}
	
	.ninthRight {
		width: 38.4375rem;
		margin-right: 1.75rem;
	}
	
	.ninthFormTitle {
		font-family: 'HGSBlack';
		font-weight: 900;
		font-size: 1.125rem;
		color: #000000;
	}
	
	.ninthFormContent {
		
	}
	
	.ninthFormLine {
		width: 100%;
		margin-top: 1rem;
		display: flex;
		justify-content: space-between;
		align-items: center;
	}
	
	.ninthFormLine2 {
		width: 100%;
		margin-top: 1rem;
	}
	
	.ninthFormItem {
		width: 18.9375rem;
	}
	
	.ninthFormInputName {
		font-family: 'HGSSBold';
		font-weight: 600;
		font-size: 1rem;
		color: #000000;
		margin-bottom: 0.5rem;
	}
	
	.ninthInput-1 {
		width: 15.9375rem;
		height: 3.25rem;
		background: #F9F9F9;
		border-radius: 24px 24px 24px 24px;
		padding: 0 1.5rem;
		
		font-family: 'HGSRe';
		font-weight: 400;
		font-size: 1rem;
		color: #000000;
	}
	
	.ninthInput-2 {
		width: calc(100% - 3rem);
		height: 3.25rem;
		background: #F9F9F9;
		border-radius: 24px 24px 24px 24px;
		padding: 0 1.5rem;
		
		font-family: 'HGSRe';
		font-weight: 400;
		font-size: 1rem;
		color: #000000;
	}
	
	.ninthTextarea {
		width: calc(100% - 3rem);
		height: 3.25rem;
		background: #F9F9F9;
		border-radius: 24px 24px 24px 24px;
		padding: 1rem 1.5rem;
	}
	
	.ninthInput-1::placeholder,
	.ninthInput-2::placeholder,
	.ninthTextarea::placeholder {
		font-family: 'HGSRe';
		font-weight: 400;
		font-size: 1rem;
		color: #606060;
	} 
	
	.ninthFormSubmitBtn {
		width: 10.9375rem;
		height: 2.5rem;
		background: #A47432;
		border-radius: 40px 40px 40px 40px;
		margin-top: 1rem;
		
		font-family: 'HGSSBold';
		font-weight: 600;
		font-size: 1rem;
		color: #FFFFFF;
		
		display: flex;
		justify-content: center;
		align-items: center;
	}
	/* index end */
	
	/* oaNetworkPortal start */
	.pageContent2 {
		width: 100vw;
		padding: 6rem 0;
	}
	
	.qukuai {
		width: 100%;
		height: 4.875rem;
	}
	
	.onpTitleArea {
		width: 100%;
		display: flex;
		justify-content: center;
		align-items: center;
	}
	
	.onpTitleContent {
		width: 82.5rem;
	}
	
	.onpTitleName {
		width: 32.25rem;
		font-family: 'HGSBold';
		font-weight: bold;
		font-size: 3.625rem;
		color: #000000;
	}
	
	.onpTitleDetail {
		font-family: 'HGSRe';
		font-weight: 400;
		font-size: 1.5rem;
		color: #000000;
		margin-top: 1rem;
	}
	
	.onpTitleSpan {
		font-family: 'HGSBold';
	}
	
	.onpDetailContent {
		width: 100%;
		display: flex;
		justify-content: space-between;
		align-items: center;
		margin-top: 2rem;
	}
	
	.onpBgImg {
		width: 39.25rem;
		height: 35.8125rem;
	}
	
	.onpDetailRight {
		width: 39.25rem;
	}
	
	.onpDetailTitle {
		font-family: 'HGSBlack';
		font-weight: 900;
		font-size: 2.25rem;
		color: #000000;
		margin-bottom: 3.8125rem;
	}
	
	.onpDetailTxt {
		width: 35.875rem;
		font-family: 'HGSRe';
		font-weight: 400;
		font-size: 1.125rem;
		color: #000000;
		margin-bottom: 2rem;
	}
	
	.onpDetailTxt:last-child {
		margin-bottom: 0;
	}
	
	.onpPortalLoginBtn {
		width: 10.4375rem;
		height: 2.5rem;
		background: #A47432;
		border-radius: 40px 40px 40px 40px;
		font-family: 'HGSSBold';
		font-weight: 600;
		font-size: 1rem;
		color: #FFFFFF;
		display: flex;
		justify-content: center;
		align-items: center;
		margin-top: 3.8125rem;
	}
	
	.onpMainArea {
		padding-top: 6rem;
		width: 100%;
		display: flex;
		justify-content: center;
		align-items: center;
	}
	
	.onpMainContent {
		width: 82.5rem;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		align-items: center;
	}
	
	.onpMainItem {
		width: 26.5rem;
		height: 42.625rem;
		background: #FFFFFF;
		margin-bottom: 2rem;
	}
	
	.onpMainItem2 {
		width: 26.5rem;
		height: 38.875rem;
		background: #FFFFFF;
	}
	
	.onpMainImg {
		width: 100%;
		height: 19.875rem;
	}
	
	.onpMainInfo {
		padding: 0 1.5rem;
		padding-top: 0.75rem;
	}
	
	.onpMainInfoTitle {
		width: 100%;
		font-family: 'HGSBold';
		font-weight: bold;
		font-size: 1.5rem;
		color: #000000;
	}
	
	.onpMainInfoFutitle {
		width: 100%;
		font-family: 'HGSBold';
		font-weight: bold;
		font-size: 1rem;
		color: #000000;
		margin-top: 0.75rem;
	}
	
	.onpMainInfoTxt {
		font-family: 'HGSRe';
		font-weight: 400;
		font-size: 1rem;
		color: #000000;
		margin-top: 1.5rem;
	}
	
	.onpMainInfoUl {
		margin-top: 0.5rem;
	}
	
	.onpDiArea {
		padding-top: 6rem;
		width: 100%;
		display: flex;
		justify-content: center;
		align-items: center;
	}
	
	.onpDiContent {
		width: 82.5rem;
		height: 15.5625rem;
		background: #A79883;
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
	}
	
	.onpDetailTxt1 {
		font-family: 'HGSBlack';
		font-weight: 900;
		font-size: 2.5rem;
		color: #FFFFFF;
		margin-bottom: 2.5rem;
	}
	
	.onpDetailTxt2 {
		width: 47.75rem;
		font-family: 'HGSSBold';
		font-weight: 600;
		font-size: 1.125rem;
		color: #FFFFFF;
		margin-bottom: 0.5rem;
		text-align: center;
	}
	
	.onpDetailTxt3 {
		font-family: 'HGSBlack';
		font-weight: 900;
		font-size: 1.125rem;
		color: #FFFFFF;
	}
	/* oaNetworkPortal end */
	
	/* privacy notice start */
	.pageContentArea {
		width: 100%;
		display: flex;
		justify-content: center;
		align-items: center;
	}
	
	.pageMainContent {
		width: 82.5rem;
	}
	
	.pageName {
		font-family: 'HGSBlack';
		font-weight: 900;
		font-size: 3.625rem;
		color: #000000;
		line-height: 4.5rem;
		margin-bottom: 6rem;
	}
	
	.pageJiesao {
		font-family: 'HGSRe';
		font-weight: 400;
		font-size: 1.125rem;
		color: #000000;
	}
	
	.duanluoContent {
		width: 100%;
		margin-top: 2.5rem;
	}
	
	.duanluoItem {
		width: 100%;
		margin-bottom: 2.5rem;
	}
	
	.duanluoTitle {
		font-family: 'HGSBlack';
		font-weight: 900;
		font-size: 2.5rem;
		color: #000000;
	}
	
	.duanluoInfo {
		width: 100%;
		font-family: 'HGSRe';
		font-weight: 400;
		font-size: 1.125rem;
		color: #000000;
		margin-top: 0.5rem;
	}
	
	.duanluoUl {
		display: flex;
		justify-content: flex-start;
		align-items: flex-start;
	}
	
	.duanluoUlSpan {
		position: relative;
		padding-left: 1.5rem;
	}
	
	.duanluoUlSpan::before {
		content: '•';
		position: absolute;
		left: 0;
		top: 0;
		color: #000000;
		font-size: 1.125rem;
		margin-left: 0.75rem;
	}
	
	.mt12 {
		margin-top: 0.75rem;
	}
	
	.duanluoFuTitle {
		font-family: 'HGSBold' !important;
	}
	
	.wenzhangDate {
		font-family: 'HGSLight';
		font-weight: 300;
		font-size: 1.125rem;
		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: 5.25rem 1.5rem 1.5rem;
		box-sizing: border-box;
		background: rgba(255, 255, 255, 0.72);
		z-index: 20000;
	}
	
	.popCloseIcon {
		position: absolute;
		width: 2rem;
		height: 2rem;
		top: 1.5rem;
		right: 1.5rem;
		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: 1.5rem;
		color: #000000;
		text-align: center;
		line-height: 1;
	}
	
	.popupTxt {
		line-height: 1;
		margin-top: 0.3125rem;
		font-family: 'HGSRe';
		font-weight: 400;
		font-size: 1rem;
		color: #000000;
		text-align: center;
	}
	
	.loginEmailInput,
	.loginPwdInput {
		width: calc(100% - 3rem);
		height: 3.25rem;
		background: #F4F4F4;
		border-radius: 24px 24px 24px 24px;
		padding: 0 1.5rem;
	}
	
	.loginPwdInput {
		margin-top: 1rem;
	}
	
	.loginEmailInput::placeholder, 
	.loginPwdInput::placeholder {
		font-family: 'HGSRe';
		font-weight: 400;
		font-size: 1rem;
		color: #606060;
	}
	
	.loginConBtn {
		margin-top: 2rem;
		width: 100%;
		height: 3.125rem;
		background: #A47432;
		border-radius: 40px 40px 40px 40px;
		font-family: 'HGSSBold';
		font-weight: 600;
		font-size: 1rem;
		color: #FFFFFF;
		display: flex;
		justify-content: center;
		align-items: center;
	}
	
	.forgetPwd {
		margin-top: 0.3125rem;
		font-family: 'HGSRe';
		font-weight: 400;
		font-size: 1rem;
		color: #000000;
		text-align: center;
	}
	
	.forgePwdSpan {
		font-family: 'HGSBold';
		text-decoration: underline;
		cursor: pointer;
	}
	
	.orLineContent {
		width: 100%;
		height: 1.25rem;
		display: flex;
		justify-content: center;
		align-items: center;
		margin-top: 2rem;
		display: flex;
		justify-content: center;
		align-items: center;
		position: relative;
	}
	
	.popupLine {
		width: 100%;
		height: 0.125rem;
		background: #E7E7E7;
		position: absolute;
		top: 0.5625rem;
		left: 0;
		z-index: 1;
	}
	
	.orIcon {
		width: 2.5rem;
		height: 1.25rem;
		background: #FFFFFF;
		display: flex;
		justify-content: center;
		align-items: center;
		font-family: 'HGSSBold';
		font-weight: 600;
		font-size: 1rem;
		color: #000000;
		position: relative;
		z-index: 9;
	}
	
	.loginByGoogleBtn {
		margin-top: 2rem;
		width: 100%;
		height: 3.125rem;
		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: 1rem;
		color: #000000;
	}
	
	.logoGoogleIcon {
		width: 2rem;
		height: 2rem;
		margin-right: 0.5rem;
	}
	
	.signUpContent {
		margin-top: 2rem;
		font-family: 'HGSRe';
		font-weight: 400;
		font-size: 1rem;
		color: #000000;
	}
	
	.signUpSpan	{
		color: #A47432;
		font-family: 'HGSBold';
		cursor: pointer;
	}
	
	.daojishi {
		color: #000;
		font-family: 'HGSBold';
	}
	
	.loginErrorTip {
		height: 1.25rem;
		font-family: 'HGSSBold';
		font-weight: 600;
		font-size: 1rem;
		color: #C50000;
		text-align: center;
		margin-top: 0.3125rem;
		line-height: 1;
	}
	
	.loginFormContent {
		margin-top: 2rem;
	}
	
	.signUpPopup {
		position: fixed;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		display: none;
		justify-content: flex-end;
		align-items: flex-start;
		padding: 5.25rem 1.5rem 1.5rem;
		box-sizing: border-box;
		background: rgba(255, 255, 255, 0.72);
		z-index: 20000;
	}
	
	.loginPopupArea {
		width: 26.9375rem;
		background: #FFFFFF;
		box-shadow: 0px 0.9375rem 2.5rem 0px rgba(0,0,0,0.1);
		border-radius: 2rem 2rem 2rem 2rem;
		padding: 2rem;
		position: relative;
		box-sizing: border-box;
	}
	
	.signUpPopupArea,
	.emailPopupArea {
		width: 27.9375rem;
		background: #FFFFFF;
		box-shadow: 0px 0.9375rem 2.5rem 0px rgba(0,0,0,0.1);
		border-radius: 2rem 2rem 2rem 2rem;
		padding: 2rem;
		position: relative;
		box-sizing: border-box;
	}
	
	.popupPwdTip {
		margin-top: 0.3125rem;
		font-family: 'HGSRe';
		font-weight: 400;
		font-size: 0.75rem;
		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: 5.25rem 1.5rem 1.5rem;
		box-sizing: border-box;
		background: rgba(255, 255, 255, 0.72);
		z-index: 20000;
	}
	
	.emailIcon {
		width: 6rem;
		height: 6rem;
		margin-bottom: 2rem;
	}
	
	.toEmailTip {
		margin-top: 0.3125rem;
		width: 100%;
		font-family: 'HGSRe';
		font-weight: 400;
		font-size: 1rem;
		color: #000000;
		text-align: left;
	}
	
	.toEmailSpan {
		font-family: 'HGSBold';
	}
	
	.vitContent {
		margin-top: 2rem;
		width: 100%;
		display: flex;
		justify-content: space-between;
		align-items: center;
	}
	
	.vitInput {
		width: 3.25rem;
		height: 3.25rem;
		background: #F4F4F4;
		border-radius: 0.5rem 0.5rem 0.5rem 0.5rem;
		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: 36rem;
		background: #FFFFFF;
		box-shadow: 0px 0.9375rem 2.5rem 0px rgba(0,0,0,0.1);
		border-radius: 2.5rem 2.5rem 2.5rem 2.5rem;
		padding: 3rem 0;
		position: relative;
	}
	
	.popCloseIcon2 {
		width: 2.5rem;
		height: 2.5rem;
		position: absolute;
		top: 2.5rem;
		right: 3rem;
		cursor: pointer;
	}
	
	.regSuccessPopupContent {
		display: flex;
		flex-direction: column;
		justify-content: flex-start;
		align-items: center;
	}
	
	.successIcon {
		width: 6rem;
		height: 6rem;
		margin-bottom: 2rem;
	}
	
	.successTipTxt {
		width: 22.5rem;
		font-family: 'HGSBlack';
		font-weight: 900;
		font-size: 1.5rem;
		color: #000000;
		text-align: center;
	}
	
	.backToHomeBtn {
		width: 16rem;
		height: 3.125rem;
		background: #A47432;
		border-radius: 40px 40px 40px 40px;
		margin-top: 2rem;
		
		font-family: 'HGSSBold';
		font-weight: 600;
		font-size: 1rem;
		color: #FFFFFF;
		
		display: flex;
		justify-content: center;
		align-items: center;
	}

	.mb16 {
		margin-bottom: 1rem;
	}
	/* popup end */
}