main { overflow: hidden; zoom: 1 }

body { --sqs-site-gutter: 4vw; --sqs-mobile-site-gutter: 6vw; --sqs-site-max-width: 1800px; font-family: "PingFang SC", "Source Han Sans CN", "Open Sans", "Microsoft YaHei", "Helvetica Neue", "Hiragino Sans GB", "WenQuanYi Micro Hei", Arial, sans-serif; color: #666; font-weight:200; }
.fe-tit { --grid-gutter: calc(var(--sqs-mobile-site-gutter, 6vw) - 11.0px); --cell-max-width: calc((var(--sqs-site-max-width, 1500px) - (11.0px * (8 - 1))) / 8); display: grid; position: relative; grid-area: 1/1/-1/-1; grid-template-rows: repeat(11, minmax(24px, auto)); grid-template-columns: minmax(var(--grid-gutter), 1fr) repeat(8, minmax(0, var(--cell-max-width))) minmax(var(--grid-gutter), 1fr); row-gap: 11.0px; column-gap: 11.0px; }
.fe-block-tit { grid-area: 3/2/10/10; z-index: 1;
    @media (max-width:767px) { }
}
.fe-block-tit .sqs-block { justify-content: center; }
.fe-block-tit .sqs-block-alignment-wrapper { align-items: center; }

/*page*/
#sections { max-height: 100vh; overflow-y: scroll; scroll-snap-type: y mandatory; }
.page-section { position: relative; display: flex; align-items: center; scroll-snap-align: start; width: 100%; height: 100vh; color: var(--white); }
.page-home { padding-top: calc(4vw + 40px) }
.page-bg { position: absolute; inset: 0; background-color: var(--black); }
.page-bg picture { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 0; overflow: hidden; pointer-events: none; overflow: hidden; filter: opacity(85%); }
.page-bg picture img { display: block; width: 100%; height: 100%; min-width: 100%; min-height: 100%; object-fit: cover; }
.page-video { position: absolute; inset: 0; z-index: 1; width: 100%; height: 100%; object-fit: cover; object-position: center center }
.page-title { box-sizing: content-box; position: relative; z-index: 2; display: flex; justify-content: center; width: 100%; max-width: 100%; margin: 0 auto; padding-top: 10vmax; padding-bottom: 10vmax; }
.page-title h1 { white-space: pre-wrap; line-height: calc(1.3em * (1 +(1 - 4.5) / 25)); font-size: calc(4.5 * 1rem); }
.page-title h1 a { word-wrap: break-word; color:#fff; background-image: linear-gradient(currentColor, currentColor); background-repeat: repeat-x; background-size: 1px 1px; background-position: 0 100%; background-position: 0 calc(100% - 0.1em); padding: .2em 0; white-space: initial;font-family: "Noto Sans SC"; font-weight:100;}
.page-title p { white-space: pre-wrap; word-wrap: break-word; margin-top: 2rem }

footer { width: 100%; padding-left: 4vw; padding-right: 4vw; font-size: 14px; font-size: calc((.9 - 1)* 1.2vw + 1rem); color: var(--white); background: hsla(267.18, 98.84%, 66.27%, 1); }
footer.page-section { height: auto; }

/*grid*/
@media screen and (min-width: 768px), screen and (max-width: calc(1943px)) and (orientation: landscape) {
	.page-title h1 { font-size: calc((4.5 - 1) * 1.2vw + 1rem); }
}
@media (max-width:1024px) {
	#sections::-webkit-scrollbar { display: none; }
	#sections { -ms-overflow-style: none; scrollbar-width: none; }
}
@media (max-width:768px) {
	.background-width--inset .fe-tit { --inset-padding: calc(var(--sqs-site-gutter) * 2); }
	.fe-tit { --grid-gutter: calc(var(--sqs-site-gutter, 4vw) - 11.0px); --cell-max-width: calc((var(--sqs-site-max-width, 1500px) - (11.0px * (24 - 1))) / 24); --inset-padding: 0vw; --row-height-scaling-factor: 0.0215; --container-width: min(var(--sqs-site-max-width, 1500px), calc(100vw - var(--sqs-site-gutter, 4vw) * 2 - var(--inset-padding))); grid-template-rows: repeat(4, minmax(calc(var(--container-width) * var(--row-height-scaling-factor)), auto)); grid-template-columns: minmax(var(--grid-gutter), 1fr) repeat(24, minmax(0, var(--cell-max-width))) minmax(var(--grid-gutter), 1fr); }

	.fe-block-tit { grid-area: 1/2/5/16; z-index: 1; }
    .fe-block-tit .sqs-block { justify-content: center; }
    .fe-block-tit .sqs-block-alignment-wrapper { align-items: center; }
}
@media (max-width:576px) {
	.page-title h1{ font-size: calc((3.5 - 1)* calc(.012* min(100vh, 900px)) + 1rem); }
}