/* public style */

@font-face {
	font-family: 'FZLanTingHeiS-R-GB';
	src: url("../../fonts/FZLanTingHeiS-R-GB.woff2") format("woff2"), url("../../fonts/FZLanTingHeiS-R-GB.woff") format("woff"), url("../../fonts/FZLanTingHeiS-R-GB.ttf") format("truetype");
}

@font-face {
	font-family: 'FZLanTingHeiS-DB-GB';
	font-weight: bold;
	src: url("../../fonts/FZLanTingHeiS-DB-GB.woff2") format("woff2"), url("../../fonts/FZLanTingHeiS-DB-GB.woff") format("woff"), url("../../fonts/FZLanTingHeiS-DB-GB.ttf") format("truetype");
}

@font-face {
	font-family: 'FZLanTingHeiS';
	src: url("../../fonts/FZLanTingHeiS-R-GB.woff2") format("woff2"), url("../../fonts/FZLanTingHeiS-R-GB.woff") format("woff"), url("../../fonts/FZLanTingHeiS-R-GB.ttf") format("truetype");
}

@font-face {
	font-family: 'FZLanTingHeiS';
	font-weight: bold;
	src: url("../../fonts/FZLanTingHeiS-DB-GB.woff2") format("woff2"), url("../../fonts/FZLanTingHeiS-DB-GB.woff") format("woff"), url("../../fonts/FZLanTingHeiS-DB-GB.ttf") format("truetype");
}

body {
	margin: 0;
	padding: 0;
	font-family: "FZLanTingHeiS", Arial, sans-serif;
	font-size: 15px;
	font-weight: 400;
	line-height: 1.2;
	background-color: white;
	width: 100%;
	overflow-x: hidden;
}

.container {
	width: 100%;
	overflow-x: hidden;
	padding: 0;
}

.container-pc {
	width: 100%;
	color: black;
}

div,
a {
	position: relative;
	box-sizing: border-box;
}

img,
svg,
video {
	display: block;
	width: 100%;
	height: auto;
}

a {
	color: unset;
	;
	text-decoration: none;
	background-color: transparent;
}

.section {
	width: 100%;
	display: block;
	position: relative;
	overflow: hidden;
}

.section-hide {
	display: none;
}

.top-space-screen {
	width: 100%;
	height: 100vh;
}

.full {
	width: 100%;
	height: 100vh;
}

.full-video,
.full-image {
	object-fit: cover;
	height: 100%;
	width: 100%;
}

.swiper-selector {
	display: flex;
	gap: 15px;
	width: 1200px;
}

.swiper-selector-item {
	width: 100%;
	cursor: pointer;
	transition: all 0.3s ease;
	font-size: 16px;
	font-weight: bold;
	padding-top: 19px;
	position: relative;
	color: white;
}

.swiper-selector-item.active {
	color: #F06428 !important;
}

.swiper-selector-item .line {
	height: 1px;
	width: 100%;
	background: white;
	transition: all 0.3s ease;
	position: absolute;
	top: 0;
	left: 0;
}

.swiper-selector-item .line .bar {
	height: 100%;
	width: 0%;
	background: #F06428;
}

.swiper-selector-item.active .bar {
	transition: all 1s ease;
	width: 100%;
}

.swiper-pagination {
	height: 50px;
	background: rgba(255, 255, 255, 0.9);
	border-radius: 64px;
	/* backdrop-filter: blur(5px); */
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	bottom: 36px !important;
	width: 123px !important;
	left: 50% !important;
	transform: translateX(-50%) !important;
}

.swiper-pagination-bullet {
	display: block;
	background: #F06428;
	opacity: 1;
	width: 7px;
	height: 7px;
	transition: all 0.3s ease;
	border-radius: 7px;
	margin: 0 !important;
}

.swiper-pagination-bullet.swiper-pagination-bullet-active {
	width: 37px;
}

/* sections style */

.section-banner {
	width: 100%;
	height: 100vh;
}

.section-banner-content {
	position: absolute;
	top: 14.666667%;
	left: 50%;
	transform: translateX(-50%);
	text-align: center;
}

.section-banner-content-title {
	color: white;
	text-align: center;
	font-weight: bold;
	font-size: 40px;
	margin-bottom: 8px;
}

.section-banner-content-subtitle {
	font-size: 18px;
	opacity: 0.5;
}

.kv-videoCBtn {
	width: 57px;
	height: 57px;
	position: absolute;
	bottom: 27px;
	right: 47px;
	background-image: url(../images/play.svg);
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat;
	display: none;
	cursor: pointer;
}

.kv-videoCBtn.playing {
	background-image: url(../images/pause.svg);
}

.section-award {
	width: 100%;
	aspect-ratio: 1920 / 960;
}

.section-award-canvas-wrapper {
	width: 100%;
	height: 100%;
}

.section-award-content-2 {
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	top: 156px;
	mask-image: linear-gradient(to bottom, transparent 0%, black 50%, transparent 100%);
	height: 306px;
	overflow: hidden;
	width: 100%;

	/* px / 1920 = vw */
	top: 3vw;
	height: 13vw;
}

.section-award-content-2-text {
	font-size: 24px;
	font-weight: bold;
	line-height: 2.55;
	width: 100%;
	position: relative;
	top: 0;
	text-align: center;

	/* px / 1920 = vw */
	font-size: 1.25vw;
}

.section-award-content-title {
	/* background: linear-gradient(90deg, #6DD0FF 0%, #DB5FFF 100%); */
	color: #F06428;
}

.section-award-content-year {
	background: #bbbbbb;
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

.section-ladder {
	width: 100%;
	aspect-ratio: 1920 / 960;
}

.section-ladder-content {
	position: absolute;
	left: 360px;
	top: 4.583333vw;

	/* px / 1920 = vw */
	left: 18.75vw;
}

.section-ladder-title {
	font-size: 56px;
	font-weight: bold;
	line-height: 116.667%;

	/* px / 1920 = vw */
	font-size: 2.9166667vw;
}

.section-ladder-cover-wrapper {
	width: 1200px;
	height: 632px;
	overflow: hidden;
	position: absolute;
	top: 243px;
	left: 50%;
	transform: translateX(-50%);

	/* px / 1920 = vw */
	width: 62.5vw;
	height: 32.916667vw;
	top: 12.65625vw;
}

.section-ladder-cover {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 100vw;
	aspect-ratio: 1920 / 960;
}

.section-ladder-cover-title {
	text-align: center;
	font-size: 24px;
	font-weight: bold;
	line-height: 133.333%;
	margin-bottom: 25px;

	/* px / 1920 = vw */
	font-size: 1.25vw;
	margin-bottom: 1.3020833vw;
}

.section-ladder-swiper {
	width: 100%;
	height: 100%;
	overflow: hidden;
}

.section-ladder-cover-title {
	font-size: 32px;
	line-height: 137.5%;
	font-weight: bold;
	text-align: center;
	position: absolute;
	width: 100%;
	top: 100px;

	/* px / 1920 = vw */
	font-size: 1.6666667vw;
	top: 5.2083333vw;
}

.section-ladder-selector.swiper-selector {
	width: 62.5vw;
	bottom: 2.1875vw;
	position: absolute;
	bottom: 42px;
	left: 50%;
	transform: translateX(-50%);
}

.section-gear {
	width: 100%;
	aspect-ratio: 1920 / 960;
}

.section-gear-canvas-wrapper {
	width: 100%;
	height: 100%;
}

.section-gear-title {
	font-size: 32px;
	font-weight: bold;
	line-height: 137.5%;
	position: absolute;
	top: 95px;
	left: 360px;

	/* px / 1920 = vw */
	top: 4.9479167vw;
	left: 18.75vw;
}

.section-gear-content {
	position: absolute;
	top: 564px;
	left: 360px;

	/* px / 1920 = vw */
	top: 29.375vw;
	left: 18.75vw;
}

.section-gear-content-title-dom {
	color: #F06428;
	font-size: 96px;
	font-weight: bold;
	display: flex;
    /* overflow: hidden; */
    height: 3em;

	/* px / 1920 = vw */
	font-size: 5vw;
}

.section-gear-num-wrapper {
	mask-image: linear-gradient(to bottom, transparent 35%, black 40%, black 50%, black 70%, transparent 80%);
	height: 3em;
	position: relative;
	top: -1.2em;
}

.section-gear-num {
	position: relative;
	top: 0em;
}

.section-gear-num div {
	background: #F06428;
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

.section-gear-num-unity {}

.section-gear-content-title {
	color: #F06428;
	font-size: 96px;
	font-weight: bold;

	/* px / 1920 = vw */
	font-size: 5vw;
}

.gearId, .gearHeight, .gearHeightDesc {
	display: block;
    float: left;
	transform: rotateY('0');
}

.gearId {
	width: 0.8em;
}

.gearHeight {
	width: 1.5em;
}

.section-gear-content-subtitle {
	font-size: 16px;
	font-weight: bold;
	line-height: 137.5%;

	/* px / 1920 = vw */
	font-size: 0.8333333vw;
}

.section-versatile {}

.section-versatile-content {
	width: 100%;
	max-width: 1530px;
	margin: 0 auto;
}

.section-versatile-title-wrapper {
	position: absolute;
	left: 50%;
	top: 50vh;
	transform: translate(-50%, -50%);
	text-align: center;
}

.section-versatile-title {
	color: #F06428;
	font-size: 100px;
	font-weight: bold;
	line-height: 1;
	margin-bottom: 15px;
}

.section-versatile-subtitle {
	font-size: 20px;
	font-weight: bold;
}

.section-versatile-img-wrapper {
	padding: 235px 0;
}

.section-versatile-img {
	width: 607px;
	height: 406px;
	flex-shrink: 0;
	border-radius: 14px;
	overflow: hidden;
	margin-bottom: 177px;
}

.section-versatile-img.right {
	margin-right: 0;
	margin-left: auto;
}

.section-versatile-img-disc {
	width: 167px;
	height: 129px;
	border-radius: 14px;
	overflow: hidden;
	background: rgba(255, 255, 255, 0.98);
	position: absolute;
	left: 20px;
	bottom: 20px;
	padding: 19px 0 0 21px;
}

.section-versatile-img-disc-num {
	color: #F06428;
	font-size: 16px;
	font-weight: bold;
	line-height: 137.5%;
	margin-bottom: 14px;
}

.section-versatile-img-disc-title {
	color: #F06428;
	font-size: 24px;
	font-weight: bold;
	margin-bottom: 3px;
}

.section-versatile-img-disc-subtitle {
	color: #000;
	font-size: 16px;
	line-height: 137.5%;
}

.section-elegance {
	width: 100vw;
	height: 50vw;
}

.section-elegance-screen {
	width: 100vw;
	height: 50vw;
	position: absolute;
	top: 0;
	right: 0;
	overflow: hidden;
}

.section-elegance-screen-1 {}

.section-elegance-screen-2 {
	width: 0vw;
}

.section-elegance-screen-wrapper {
	width: 100vw;
	height: 50vw;
	position: absolute;
	top: 0;
	right: 0;
}

.section-elegance-screen-bg {
	width: 100%;
	height: 100%;
}

.section-elegance-screen-title-wrapper {
	position: absolute;
	top: 86px;
	left: 360px;
	color: #FFF;

	/* px / 1920 = vw */
	top: 4.4791667vw;
	left: 18.75vw;
}

.section-elegance-screen-title {
	font-size: 48px;
	font-weight: bold;
	line-height: 120%;
	margin-bottom: 13px;

	/* px / 1920 = vw */
	font-size: 2.5vw;
	margin-bottom: 0.6770833vw;
}

.section-elegance-screen-subtitle {
	font-size: 16px;
	line-height: 137.5%;

	/* px / 1920 = vw */
	font-size: 0.8333333vw;
}

.section-elegance-screen-title-2-wrapper {
	position: absolute;
	left: 360px;
	color: #FFF;

	/* px / 1920 = vw */
	top: 18vw;
	left: 18.75vw;
}

.section-elegance-screen-title-2 {
	font-size: 140px;
	font-weight: bold;
	line-height: 1;
	opacity: 0;

	/* px / 1920 = vw */
	font-size: 7.2916667vw;
}

.section-elegance-screen-title-2-outside {
	color: white;
	position: absolute;
	top: 17.5vw;
	left: 18vw;
	opacity: 1 !important;
}

.section-elegance-screen-subtitle-2 {
	font-size: 20px;
	font-weight: bold;
	line-height: 1;

	/* px / 1920 = vw */
	font-size: 1.0416667vw;
}

.section-color {
	width: 100vw;
	height: 50vw;
}

.section-color-screen {
	width: 100vw;
	height: 50vw;
	position: absolute;
	bottom: 0;
	left: 0;
	overflow: hidden;
}

.section-color-screen-1 {
	background: white;
}

.section-color-screen-2 {
	background: #F1F3ED;
	height: 0vw;
}

.section-color-screen-3 {
	background: #FFFDF8;
	height: 0vw;
}

.section-color-screen-wrapper {
	width: 100vw;
	height: 50vw;
	position: absolute;
	bottom: 0;
	left: 0;
}

.section-color-screen-bg {
	width: 100%;
	height: 100%;
}

.section-color-screen-bg img {
	width: 80vw;
	position: absolute;
	top: 55%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.section-color-screen-title-wrapper {
	position: absolute;
	top: 86px;
	left: 360px;

	/* px / 1920 = vw */
	top: 4.4791667vw;
	left: 18.75vw;
}

.section-color-screen-title {
	font-size: 40px;
	font-weight: bold;
	line-height: 120%;

	/* px / 1920 = vw */
	font-size: 2.0833333vw;
}

.section-color-screen-subtitle {
	font-size: 16px;
	line-height: 137.5%;

	/* px / 1920 = vw */
	font-size: 0.8333333vw;
}

.section-color-screen-title-2-wrapper {
	position: absolute;
	left: 360px;

	/* px / 1920 = vw */
	top: 24vw;
	left: 18.75vw;
}

.section-color-screen-title-2 {
	font-size: 24px;
	font-weight: bold;
	line-height: 108.333%;
	margin-bottom: 9px;

	/* px / 1920 = vw */
	font-size: 1.25vw;
	margin-bottom: 0.46875vw;
}

.section-color-screen-subtitle-2 {
	font-size: 16px;
	line-height: 137.5%;
	opacity: 0.5;

	/* px / 1920 = vw */
	font-size: 0.8333333vw;
}

.section-into {
	width: 100%;
	aspect-ratio: 1920 / 960;
}

.section-into-content {
	position: absolute;
	left: 360px;
	top: 5.583333vw;

	/* px / 1920 = vw */
	left: 18.75vw;
}

.section-into-title {
	font-size: 40px;
	font-weight: bold;
	line-height: 120%;

	/* px / 1920 = vw */
	font-size: 2.0833333vw;
}

.section-into-cover-wrapper {
	width: 1200px;
	height: 632px;
	overflow: hidden;
	position: absolute;
	top: 243px;
	left: 50%;
	transform: translateX(-50%);

	/* px / 1920 = vw */
	width: 62.5vw;
	height: 32.916667vw;
	top: 12.65625vw;
}

.section-into-cover {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 100vw;
	aspect-ratio: 1920 / 960;
}

.section-solid {
	padding: 95px 0 106px 0;
}

.section-solid-content {
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
}

.section-solid-title {
	font-size: 40px;
	font-weight: bold;
	line-height: 120%;
	margin-bottom: 32px;
}

.section-solid-swiper {
	width: 1200px;
	height: 611px;
	margin-bottom: 35px;
}

.section-solid-swiper-title {
	color: #FFF;
	font-size: 32px;
	font-weight: bold;
	line-height: 137.5%;
	position: absolute;
	top: 35px;
	left: 40px;
}

.section-solid-swiper-subtitle {
	color: #FFF;
	font-size: 16px;
	/* font-weight: bold; */
	line-height: 150%;
	position: absolute;
	top: 35px;
	left: 806px;
}

.section-solid-selector {
	width: 1200px;
}

.section-solid-selector .swiper-selector-item {
	color: rgba(0, 0, 0, 0.2);
	font-weight: normal;
}

.section-solid-selector .line {
	background: rgba(0, 0, 0, 0.3);
}

.section-magnetic {
	width: 100%;
	aspect-ratio: 1920 / 960;
}

.section-magnetic-canvas-wrapper {
	width: 100%;
	height: 100%;
}

.section-magnetic-title-1 {
	font-size: 48px;
	font-weight: bold;
	line-height: 116.667%;
	position: absolute;
	top: 114px;
	left: 360px;

	/* px / 1920 = vw */
	top: 5.9375vw;
	left: 18.75vw;
}

.section-magnetic-title-2,
.section-magnetic-title-3 {
	position: absolute;
	top: 100px;
	left: 360px;
	font-size: 24px;
	font-weight: bold;
	line-height: 133.333%;

	/* px / 1920 = vw */
	top: 7.208333vw;
	left: 18.75vw;
}

.section-stainproof {
	width: 100%;
	aspect-ratio: 1920 / 960;
}

.section-stainproof-video {
	width: 100%;
	height: 100%;
}

.section-stainproof-cover {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}

.section-stainproof-title {
	font-size: 48px;
	font-weight: bold;
	margin-bottom: 29px;
	height: 2.4em;
	width: 100%;
}

.section-stainproof-title1, .section-stainproof-title2 {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 100%;
	transform: translate(-50%, -50%);
}

.section-stainproof-title1 {
	top: 85%;
}

.section-stainproof-subtitle {
	font-size: 24px;
	font-weight: bold;
	line-height: 133.333%;
	color: white;
	text-align: center;

}

.section-stainproof-content {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	color: white;
	text-align: center;
	width: 100%;
}

.section-stainproof-content-2 {
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	top: 147px;
}

.section-deg90 {
	height: 960px;
}

.section-deg90-content {
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
	position: relative;
}

.section-deg90-title-wrapper {
	position: absolute;
	top: 360px;
	left: 0px;
}

.section-deg90-title {
	font-size: 48px;
	font-weight: bold;
	line-height: 116.667%;
	margin-bottom: 19px;
}

.section-deg90-subtitle {
	font-size: 24px;
	font-weight: bold;
	line-height: 133.333%;
}

.section-deg90-img-1 {
	width: 1551px;
	height: 1186px;
	position: absolute;
	left: 30px;
	top: -16px;
}

.section-deg90-img-2 {
	width: 923px;
	height: 537px;
	position: absolute;
	left: 404px;
	top: 225px;
}

.section-deg90-img-title {
	font-size: 24px;
	font-weight: bold;
	line-height: 133.333%;
	position: absolute;
	top: 45px;
	left: 45px;
	color: white;
}

.section-safetyBelt {}

.section-safetyBelt-content {
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
	padding: 100px 0;
}

.section-safetyBelt-row {
	margin-bottom: 104px;
	display: flow-root;
}

.section-safetyBelt-row:last-child {
	margin-bottom: 0;
}

.section-safetyBelt-card {
	position: relative;
}

.section-safetyBelt-cover {
	width: 599px;
	height: 569px;
	background: #D9D9D9;
}

.section-safetyBelt-title {
	font-size: 48px;
	font-weight: bold;
	margin-bottom: 14px;
	line-height: 116.667%;
}

.section-safetyBelt-subtitle {
	font-size: 16px;
	line-height: 150%;
	opacity: 0.5;
	margin-bottom: 47px;
}

.section-spacious {}

.section-spacious-content {
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
	padding: 100px 0;
	position: relative;
}

.section-spacious-title {
	font-size: 32px;
	font-weight: bold;
	line-height: 137.5%;
	margin-bottom: 37px;
}

.section-spacious-swiper {
	width: 100%;
	aspect-ratio: 1200 / 630;
}

.section-spacious-swiper .swiper-slide {
	width: 100%;
	height: 100%;
	background: #EEE;
}

.section-spacious-swiper-title {
	position: absolute;
	top: 33px;
	left: 37px;
	font-size: 24px;
	font-weight: bold;
	line-height: 133.333%;
}

.section-plates {}

.section-plates-content {
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
	padding: 100px 0;
	position: relative;
}

.section-plates-title {
	font-size: 32px;
	font-weight: bold;
	line-height: 137.5%;
	margin-bottom: 40px;
}

.section-plates-swiper {
	width: 100%;
	aspect-ratio: 1200 / 630;
	margin-bottom: 35px;
}

.section-plates-selector {
	width: 100%;
}

.section-plates-selector .swiper-selector-item {
	color: rgba(0, 0, 0, 1);
}

.section-plates-selector .line {
	background: rgba(0, 0, 0, 0.3);
}

.section-detail {}

.section-detail-content {
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
	padding: 100px 0;
	position: relative;
}

.section-detail-title {
	font-size: 32px;
	font-weight: bold;
	line-height: 137.5%;
	margin-bottom: 40px;
}

.section-detail-row {
	width: 100%;
	display: flex;
	justify-content: space-between;
	gap: 15px;
}

.section-detail-card {
	width: 50%;
	position: relative;
}

.section-detail-cover {
	width: 100%;
	height: 569px;
	margin-bottom: 24px;
}

.section-detail-card-title {
	font-size: 16px;
	font-weight: bold;
	line-height: 133.333%;
}

.section-navCard {}

.section-navCard-content {
	width: 1200px;
	padding: 200px 0;
	margin: 0 auto;
}

.section-navCard-row {
	width: 100%;
	display: flex;
	justify-content: space-between;
	gap: 15px;
	margin-bottom: 15px;
}

.section-navCard-item {
	width: 330px;
	height: 370px;
	cursor: pointer;
}

.section-navCard-item.item1 {}

.section-navCard-item.item2 {
	width: 508px;
}

.section-navCard-item.item3 {}

.section-navCard-item.item4 {
	width: 508px;
}

.section-navCard-item.item5 {}

.section-navCard-item.item6 {}

.section-navCard-item-cover {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 270px;
}

.navCard-special {
	position: absolute;
	top: 0;
	left: 0;
	width: 508px;
	aspect-ratio: 508 / 270;
}

.navCard-special-2 {
	position: absolute;
	left: unset;
	right: 0;
	width: 0%;
	height: 100%;
	overflow: hidden;
	transition: all 1s ease;
}

.navCard-special-2-img {
	position: absolute;
	top: 0;
	right: 0;
	width: 508px;
	aspect-ratio: 508 / 270;
}

.section-navCard-item-title-wrapper {
	width: 100%;
	height: 100px;
	background: #F7F7F7;
	padding: 28px 0 20px 28px;
	position: absolute;
	bottom: 0;
}

.section-navCard-item-title {
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 4px;
}

.section-navCard-item-subtitle {
	font-size: 16px;
	line-height: 150%;
	opacity: 0.5;
}

.section-navCard-item-navBtn {
	width: 22px;
	height: 22px;
	border-radius: 100%;
	background: black;
	display: flex;
	justify-content: center;
	align-items: center;
	position: absolute;
	right: 19px;
	bottom: 23px;
}

.section-navCard-item-navBtn img {
	width: 8px;
}

.section-navCard-item:hover .section-navCard-item-navBtn {
	background: #F06428;
	transition: all 0.2s ease;
}

.section-navCard-item:hover .navCard-special-2 {
	width: 508px;
}

.processBar-wrapper {
	width: 1px;
	height: 260px;
	position: fixed;
	top: 50%;
	left: 49px;
	transform: translateY(-50%);
	z-index: 200;
	background: rgba(0, 0, 0, 0.2);
}

.processBarFill {
	width: 100%;
	height: 0px;
	background: #F06428;
	position: relative;
	top: 0;
	transition: all 0.1s ease;
}

/* debug */

.debug {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 1000;
	width: 100%;
	height: 100vh;
	background: rgba(255, 255, 255, 0.5);
	color: black;
	padding: 10px;
	display: none;
}

/* dialog */

.dialog {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 999;
	width: 100%;
	height: 100vh;
	background: rgba(255, 255, 255, 0.5);
	backdrop-filter: unset;
	visibility: hidden;
	opacity: 0;
	transition: all 0.3s ease;
}

.dialog.active {
	visibility: visible;
	opacity: 1;
}

.dialog-content {
	width: 873px;
	min-height: 400px;
	border-radius: 17px;
	background: #FFF;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	padding: 42px 47px;
}

.dialog-close {
	width: 14px;
	position: absolute;
	top: 20px;
	right: 20px;
	cursor: pointer;
}


/* 宽度分辨率小于等于1440媒体查询 */
@media (max-width: 1440px) {
	.section-banner-content-title {
		font-size: 30px;
	}

	.section-voiceContorll-content-2 {
		top: -120px;
	}

	.section-voiceContorll-content-wrapper {
		top: 100px;
	}

	.section-versatile-content {
		max-width: 1400px;
	}
}