@charset "utf-8";
@font-face {
font-family:"Montserrat";
font-style:italic;
font-weight:100 900;
font-display:swap;
src:url(../fonts/Montserrat-italic-cyrillic-ext.woff2) format("woff2");
unicode-range:U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F
}
@font-face {
font-family:"Montserrat";
font-style:italic;
font-weight:100 900;
font-display:swap;
src:url(../fonts/Montserrat-italic-cyrillic.woff2) format("woff2");
unicode-range:U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116
}
@font-face {
font-family:"Montserrat";
font-style:italic;
font-weight:100 900;
font-display:swap;
src:url(../fonts/Montserrat-italic-vietnamese.woff2) format("woff2");
unicode-range:U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB
}
@font-face {
font-family:"Montserrat";
font-style:italic;
font-weight:100 900;
font-display:swap;
src:url(../fonts/Montserrat-italic-latin-ext.woff2) format("woff2");
unicode-range:U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF
}
@font-face {
font-family:"Montserrat";
font-style:italic;
font-weight:100 900;
font-display:swap;
src:url(../fonts/Montserrat-italic-latin.woff2) format("woff2");
unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
}
@font-face {
font-family:"Montserrat";
font-style:normal;
font-weight:100 900;
font-display:swap;
src:url(../fonts/Montserrat-cyrillic-ext.woff2) format("woff2");
unicode-range:U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F
}
@font-face {
font-family:"Montserrat";
font-style:normal;
font-weight:100 900;
font-display:swap;
src:url(../fonts/Montserrat-cyrillic.woff2) format("woff2");
unicode-range:U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116
}
@font-face {
font-family:"Montserrat";
font-style:normal;
font-weight:100 900;
font-display:swap;
src:url(../fonts/Montserrat-vietnamese.woff2) format("woff2");
unicode-range:U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB
}
@font-face {
font-family:"Montserrat";
font-style:normal;
font-weight:100 900;
font-display:swap;
src:url(../fonts/Montserrat-latin-ext.woff2) format("woff2");
unicode-range:U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF
}
@font-face {
font-family:"Montserrat";
font-style:normal;
font-weight:100 900;
font-display:swap;
src:url(../fonts/Montserrat-latin.woff2) format("woff2");
unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
}
@font-face {
	font-family:Montserrat;
	src: url('../fonts/Montserrat-Medium.otf'); }


.h12{ font-size:40px; text-align:center; font-weight:normal; display:block}
*, ::before, ::after {
box-sizing:border-box;
margin:0;
padding:0;
border:0 solid currentColor
}
html {
	-webkit-text-size-adjust:100%;
	-webkit-font-smoothing:antialiased;
	-webkit-tap-highlight-color:rgba(0, 0, 0, 0);
	touch-action:manipulation;
	line-height:1.5;
	font-family:Montserrat;
	font-weight:600
}
:lang(zh) {
font-weight:normal
}
img, picture, video, canvas, svg {

	max-width:100%;
	height:auto
}
input, button, textarea, select {
	font:inherit;
	color:inherit;
	outline:0;
	border-radius:0;
	background-color:rgba(0, 0, 0, 0)
}
p, h1, h2, h3, h4, h5, h6 {
	overflow-wrap:break-word
}
a {
	text-decoration:none;
	color:inherit
}
ul, ol {
	list-style:none
}
h1, h2, h3, h4, h5, h6 {
	font-weight:inherit;
	font-size:inherit
}
sup, sub {
	font-size:.5em
}
em {
	font-style:normal
}
button {
	cursor:pointer
}
:root {
--duration-1: 0.15s;
--duration-2: 0.25s;
--duration-3: 0.5s;
--duration-4: 0.75s;
--duration-5: 1s;
--default-timing-function: cubic-bezier(0.25, 0, 0, 1);
--default-duration: var(--duration-2)
}
.fade-enter-active, .fade-leave-active {
	transition-property:opacity, height;
transition-duration:.5s;
	transition-timing-function:cubic-bezier(0.4, 0.2, 0, 1)
}
.fade-enter-from, .fade-leave-to {
	opacity:0
}
.collapse-enter-active, .collapse-leave-active {
	transition-property:height, opacity;
transition-duration:.5s;
	transition-timing-function:cubic-bezier(0.25, 0, 0, 1)
}
.collapse-enter-from, .collapse-leave-to {
	opacity:0
}
.grid {
	display:grid
}
.grid-cols-1 {
	grid-template-columns:repeat(1, 1fr)
}
.grid-cols-2 {
	grid-template-columns:repeat(2, 1fr)
}
.grid-cols-3 {
	grid-template-columns:repeat(3, 1fr)
}
.grid-cols-4 {
	grid-template-columns:repeat(4, 1fr)
}
.grid-cols-5 {
	grid-template-columns:repeat(5, 1fr)
}
.grid-cols-6 {
	grid-template-columns:repeat(6, 1fr)
}
.grid-cols-7 {
	grid-template-columns:repeat(7, 1fr)
}
.grid-cols-8 {
	grid-template-columns:repeat(8, 1fr)
}
.grid-cols-9 {
	grid-template-columns:repeat(9, 1fr)
}
.grid-cols-10 {
	grid-template-columns:repeat(10, 1fr)
}
.grid-cols-11 {
	grid-template-columns:repeat(11, 1fr)
}
.grid-cols-12 {
	grid-template-columns:repeat(12, 1fr)
}
@media(max-width: 1279px) {
.xl\:grid-cols-1 {
grid-template-columns:repeat(1, 1fr)
}
.xl\:grid-cols-2 {
grid-template-columns:repeat(2, 1fr)
}
.xl\:grid-cols-3 {
grid-template-columns:repeat(3, 1fr)
}
.xl\:grid-cols-4 {
grid-template-columns:repeat(4, 1fr)
}
.xl\:grid-cols-5 {
grid-template-columns:repeat(5, 1fr)
}
.xl\:grid-cols-6 {
grid-template-columns:repeat(6, 1fr)
}
.xl\:grid-cols-7 {
grid-template-columns:repeat(7, 1fr)
}
.xl\:grid-cols-8 {
grid-template-columns:repeat(8, 1fr)
}
.xl\:grid-cols-9 {
grid-template-columns:repeat(9, 1fr)
}
.xl\:grid-cols-10 {
grid-template-columns:repeat(10, 1fr)
}
.xl\:grid-cols-11 {
grid-template-columns:repeat(11, 1fr)
}
.xl\:grid-cols-12 {
grid-template-columns:repeat(12, 1fr)
}
}
@media(max-width: 1023px) {
.lg\:grid-cols-1 {
grid-template-columns:repeat(1, 1fr)
}
.lg\:grid-cols-2 {
grid-template-columns:repeat(2, 1fr)
}
.lg\:grid-cols-3 {
grid-template-columns:repeat(3, 1fr)
}
.lg\:grid-cols-4 {
grid-template-columns:repeat(4, 1fr)
}
.lg\:grid-cols-5 {
grid-template-columns:repeat(5, 1fr)
}
.lg\:grid-cols-6 {
grid-template-columns:repeat(6, 1fr)
}
.lg\:grid-cols-7 {
grid-template-columns:repeat(7, 1fr)
}
.lg\:grid-cols-8 {
grid-template-columns:repeat(8, 1fr)
}
.lg\:grid-cols-9 {
grid-template-columns:repeat(9, 1fr)
}
.lg\:grid-cols-10 {
grid-template-columns:repeat(10, 1fr)
}
.lg\:grid-cols-11 {
grid-template-columns:repeat(11, 1fr)
}
.lg\:grid-cols-12 {
grid-template-columns:repeat(12, 1fr)
}
}
@media(max-width: 767px) {
.md\:grid-cols-1 {
grid-template-columns:repeat(1, 1fr)
}
.md\:grid-cols-2 {
grid-template-columns:repeat(2, 1fr)
}
.md\:grid-cols-3 {
grid-template-columns:repeat(3, 1fr)
}
.md\:grid-cols-4 {
grid-template-columns:repeat(4, 1fr)
}
.md\:grid-cols-5 {
grid-template-columns:repeat(5, 1fr)
}
.md\:grid-cols-6 {
grid-template-columns:repeat(6, 1fr)
}
.md\:grid-cols-7 {
grid-template-columns:repeat(7, 1fr)
}
.md\:grid-cols-8 {
grid-template-columns:repeat(8, 1fr)
}
.md\:grid-cols-9 {
grid-template-columns:repeat(9, 1fr)
}
.md\:grid-cols-10 {
grid-template-columns:repeat(10, 1fr)
}
.md\:grid-cols-11 {
grid-template-columns:repeat(11, 1fr)
}
.md\:grid-cols-12 {
grid-template-columns:repeat(12, 1fr)
}
}
@media(max-width: 639px) {
.sm\:grid-cols-1 {
grid-template-columns:repeat(1, 1fr)
}
.sm\:grid-cols-2 {
grid-template-columns:repeat(2, 1fr)
}
.sm\:grid-cols-3 {
grid-template-columns:repeat(3, 1fr)
}
.sm\:grid-cols-4 {
grid-template-columns:repeat(4, 1fr)
}
.sm\:grid-cols-5 {
grid-template-columns:repeat(5, 1fr)
}
.sm\:grid-cols-6 {
grid-template-columns:repeat(6, 1fr)
}
.sm\:grid-cols-7 {
grid-template-columns:repeat(7, 1fr)
}
.sm\:grid-cols-8 {
grid-template-columns:repeat(8, 1fr)
}
.sm\:grid-cols-9 {
grid-template-columns:repeat(9, 1fr)
}
.sm\:grid-cols-10 {
grid-template-columns:repeat(10, 1fr)
}
.sm\:grid-cols-11 {
grid-template-columns:repeat(11, 1fr)
}
.sm\:grid-cols-12 {
grid-template-columns:repeat(12, 1fr)
}
}
.row {
--row-gap: var(--gap, 0px);
--column-gap: var(--gap, 0px);
	display:flex;
	flex-wrap:wrap;
	gap:var(--row-gap) var(--column-gap)
}
.col-1 {
width:calc(8.3333333333% - var(--column-gap, 0px)*.9166666667)
}
.col-2 {
width:calc(16.6666666667% - var(--column-gap, 0px)*.8333333333)
}
.col-3 {
width:calc(25% - var(--column-gap, 0px)*.75)
}
.col-4 {
width:calc(33.3333333333% - var(--column-gap, 0px)*.6666666667)
}
.col-5 {
width:calc(41.6666666667% - var(--column-gap, 0px)*.5833333333)
}
.col-6 {
width:calc(50% - var(--column-gap, 0px)*.5)
}
.col-7 {
width:calc(58.3333333333% - var(--column-gap, 0px)*.4166666667)
}
.col-8 {
width:calc(66.6666666667% - var(--column-gap, 0px)*.3333333333)
}
.col-9 {
width:calc(75% - var(--column-gap, 0px)*.25)
}
.col-10 {
width:calc(83.3333333333% - var(--column-gap, 0px)*.1666666667)
}
.col-11 {
width:calc(91.6666666667% - var(--column-gap, 0px)*.0833333333)
}
.col-12 {
width:calc(100% - var(--column-gap, 0px)*0)
}
.cols-1 .row-col {
width:calc(100% - var(--column-gap)*0)
}
.cols-2 .row-col {
width:calc(50% - var(--column-gap)*.5)
}
.cols-3 .row-col {
width:calc(33.3333333333% - var(--column-gap)*.6666666667)
}
.cols-4 .row-col {
width:calc(25% - var(--column-gap)*.75)
}
.cols-5 .row-col {
width:calc(20% - var(--column-gap)*.8)
}
.cols-6 .row-col {
width:calc(16.6666666667% - var(--column-gap)*.8333333333)
}
.cols-7 .row-col {
width:calc(14.2857142857% - var(--column-gap)*.8571428571)
}
.cols-8 .row-col {
width:calc(12.5% - var(--column-gap)*.875)
}
.cols-9 .row-col {
width:calc(11.1111111111% - var(--column-gap)*.8888888889)
}
.cols-10 .row-col {
width:calc(10% - var(--column-gap)*.9)
}
.cols-11 .row-col {
width:calc(9.0909090909% - var(--column-gap)*.9090909091)
}
.cols-12 .row-col {
width:calc(8.3333333333% - var(--column-gap)*.9166666667)
}
@media(max-width: 1279px) {
.xl\:col-1 {
width:calc(8.3333333333% - var(--column-gap, 0px)*.9166666667)
}
.xl\:col-2 {
width:calc(16.6666666667% - var(--column-gap, 0px)*.8333333333)
}
.xl\:col-3 {
width:calc(25% - var(--column-gap, 0px)*.75)
}
.xl\:col-4 {
width:calc(33.3333333333% - var(--column-gap, 0px)*.6666666667)
}
.xl\:col-5 {
width:calc(41.6666666667% - var(--column-gap, 0px)*.5833333333)
}
.xl\:col-6 {
width:calc(50% - var(--column-gap, 0px)*.5)
}
.xl\:col-7 {
width:calc(58.3333333333% - var(--column-gap, 0px)*.4166666667)
}
.xl\:col-8 {
width:calc(66.6666666667% - var(--column-gap, 0px)*.3333333333)
}
.xl\:col-9 {
width:calc(75% - var(--column-gap, 0px)*.25)
}
.xl\:col-10 {
width:calc(83.3333333333% - var(--column-gap, 0px)*.1666666667)
}
.xl\:col-11 {
width:calc(91.6666666667% - var(--column-gap, 0px)*.0833333333)
}
.xl\:col-12 {
width:calc(100% - var(--column-gap, 0px)*0)
}
.xl\:cols-1 .row-col {
width:calc(100% - var(--column-gap)*0)
}
.xl\:cols-2 .row-col {
width:calc(50% - var(--column-gap)*.5)
}
.xl\:cols-3 .row-col {
width:calc(33.3333333333% - var(--column-gap)*.6666666667)
}
.xl\:cols-4 .row-col {
width:calc(25% - var(--column-gap)*.75)
}
.xl\:cols-5 .row-col {
width:calc(20% - var(--column-gap)*.8)
}
.xl\:cols-6 .row-col {
width:calc(16.6666666667% - var(--column-gap)*.8333333333)
}
.xl\:cols-7 .row-col {
width:calc(14.2857142857% - var(--column-gap)*.8571428571)
}
.xl\:cols-8 .row-col {
width:calc(12.5% - var(--column-gap)*.875)
}
.xl\:cols-9 .row-col {
width:calc(11.1111111111% - var(--column-gap)*.8888888889)
}
.xl\:cols-10 .row-col {
width:calc(10% - var(--column-gap)*.9)
}
.xl\:cols-11 .row-col {
width:calc(9.0909090909% - var(--column-gap)*.9090909091)
}
.xl\:cols-12 .row-col {
width:calc(8.3333333333% - var(--column-gap)*.9166666667)
}
}
@media(max-width: 1023px) {
.lg\:col-1 {
width:calc(8.3333333333% - var(--column-gap, 0px)*.9166666667)
}
.lg\:col-2 {
width:calc(16.6666666667% - var(--column-gap, 0px)*.8333333333)
}
.lg\:col-3 {
width:calc(25% - var(--column-gap, 0px)*.75)
}
.lg\:col-4 {
width:calc(33.3333333333% - var(--column-gap, 0px)*.6666666667)
}
.lg\:col-5 {
width:calc(41.6666666667% - var(--column-gap, 0px)*.5833333333)
}
.lg\:col-6 {
width:calc(50% - var(--column-gap, 0px)*.5)
}
.lg\:col-7 {
width:calc(58.3333333333% - var(--column-gap, 0px)*.4166666667)
}
.lg\:col-8 {
width:calc(66.6666666667% - var(--column-gap, 0px)*.3333333333)
}
.lg\:col-9 {
width:calc(75% - var(--column-gap, 0px)*.25)
}
.lg\:col-10 {
width:calc(83.3333333333% - var(--column-gap, 0px)*.1666666667)
}
.lg\:col-11 {
width:calc(91.6666666667% - var(--column-gap, 0px)*.0833333333)
}
.lg\:col-12 {
width:calc(100% - var(--column-gap, 0px)*0)
}
.lg\:cols-1 .row-col {
width:calc(100% - var(--column-gap)*0)
}
.lg\:cols-2 .row-col {
width:calc(50% - var(--column-gap)*.5)
}
.lg\:cols-3 .row-col {
width:calc(33.3333333333% - var(--column-gap)*.6666666667)
}
.lg\:cols-4 .row-col {
width:calc(25% - var(--column-gap)*.75)
}
.lg\:cols-5 .row-col {
width:calc(20% - var(--column-gap)*.8)
}
.lg\:cols-6 .row-col {
width:calc(16.6666666667% - var(--column-gap)*.8333333333)
}
.lg\:cols-7 .row-col {
width:calc(14.2857142857% - var(--column-gap)*.8571428571)
}
.lg\:cols-8 .row-col {
width:calc(12.5% - var(--column-gap)*.875)
}
.lg\:cols-9 .row-col {
width:calc(11.1111111111% - var(--column-gap)*.8888888889)
}
.lg\:cols-10 .row-col {
width:calc(10% - var(--column-gap)*.9)
}
.lg\:cols-11 .row-col {
width:calc(9.0909090909% - var(--column-gap)*.9090909091)
}
.lg\:cols-12 .row-col {
width:calc(8.3333333333% - var(--column-gap)*.9166666667)
}
}
@media(max-width: 767px) {
.md\:col-1 {
width:calc(8.3333333333% - var(--column-gap, 0px)*.9166666667)
}
.md\:col-2 {
width:calc(16.6666666667% - var(--column-gap, 0px)*.8333333333)
}
.md\:col-3 {
width:calc(25% - var(--column-gap, 0px)*.75)
}
.md\:col-4 {
width:calc(33.3333333333% - var(--column-gap, 0px)*.6666666667)
}
.md\:col-5 {
width:calc(41.6666666667% - var(--column-gap, 0px)*.5833333333)
}
.md\:col-6 {
width:calc(50% - var(--column-gap, 0px)*.5)
}
.md\:col-7 {
width:calc(58.3333333333% - var(--column-gap, 0px)*.4166666667)
}
.md\:col-8 {
width:calc(66.6666666667% - var(--column-gap, 0px)*.3333333333)
}
.md\:col-9 {
width:calc(75% - var(--column-gap, 0px)*.25)
}
.md\:col-10 {
width:calc(83.3333333333% - var(--column-gap, 0px)*.1666666667)
}
.md\:col-11 {
width:calc(91.6666666667% - var(--column-gap, 0px)*.0833333333)
}
.md\:col-12 {
width:calc(100% - var(--column-gap, 0px)*0)
}
.md\:cols-1 .row-col {
width:calc(100% - var(--column-gap)*0)
}
.md\:cols-2 .row-col {
width:calc(50% - var(--column-gap)*.5)
}
.md\:cols-3 .row-col {
width:calc(33.3333333333% - var(--column-gap)*.6666666667)
}
.md\:cols-4 .row-col {
width:calc(25% - var(--column-gap)*.75)
}
.md\:cols-5 .row-col {
width:calc(20% - var(--column-gap)*.8)
}
.md\:cols-6 .row-col {
width:calc(16.6666666667% - var(--column-gap)*.8333333333)
}
.md\:cols-7 .row-col {
width:calc(14.2857142857% - var(--column-gap)*.8571428571)
}
.md\:cols-8 .row-col {
width:calc(12.5% - var(--column-gap)*.875)
}
.md\:cols-9 .row-col {
width:calc(11.1111111111% - var(--column-gap)*.8888888889)
}
.md\:cols-10 .row-col {
width:calc(10% - var(--column-gap)*.9)
}
.md\:cols-11 .row-col {
width:calc(9.0909090909% - var(--column-gap)*.9090909091)
}
.md\:cols-12 .row-col {
width:calc(8.3333333333% - var(--column-gap)*.9166666667)
}
}
@media(max-width: 639px) {
.sm\:col-1 {
width:calc(8.3333333333% - var(--column-gap, 0px)*.9166666667)
}
.sm\:col-2 {
width:calc(16.6666666667% - var(--column-gap, 0px)*.8333333333)
}
.sm\:col-3 {
width:calc(25% - var(--column-gap, 0px)*.75)
}
.sm\:col-4 {
width:calc(33.3333333333% - var(--column-gap, 0px)*.6666666667)
}
.sm\:col-5 {
width:calc(41.6666666667% - var(--column-gap, 0px)*.5833333333)
}
.sm\:col-6 {
width:calc(50% - var(--column-gap, 0px)*.5)
}
.sm\:col-7 {
width:calc(58.3333333333% - var(--column-gap, 0px)*.4166666667)
}
.sm\:col-8 {
width:calc(66.6666666667% - var(--column-gap, 0px)*.3333333333)
}
.sm\:col-9 {
width:calc(75% - var(--column-gap, 0px)*.25)
}
.sm\:col-10 {
width:calc(83.3333333333% - var(--column-gap, 0px)*.1666666667)
}
.sm\:col-11 {
width:calc(91.6666666667% - var(--column-gap, 0px)*.0833333333)
}
.sm\:col-12 {
width:calc(100% - var(--column-gap, 0px)*0)
}
.sm\:cols-1 .row-col {
width:calc(100% - var(--column-gap)*0)
}
.sm\:cols-2 .row-col {
width:calc(50% - var(--column-gap)*.5)
}
.sm\:cols-3 .row-col {
width:calc(33.3333333333% - var(--column-gap)*.6666666667)
}
.sm\:cols-4 .row-col {
width:calc(25% - var(--column-gap)*.75)
}
.sm\:cols-5 .row-col {
width:calc(20% - var(--column-gap)*.8)
}
.sm\:cols-6 .row-col {
width:calc(16.6666666667% - var(--column-gap)*.8333333333)
}
.sm\:cols-7 .row-col {
width:calc(14.2857142857% - var(--column-gap)*.8571428571)
}
.sm\:cols-8 .row-col {
width:calc(12.5% - var(--column-gap)*.875)
}
.sm\:cols-9 .row-col {
width:calc(11.1111111111% - var(--column-gap)*.8888888889)
}
.sm\:cols-10 .row-col {
width:calc(10% - var(--column-gap)*.9)
}
.sm\:cols-11 .row-col {
width:calc(9.0909090909% - var(--column-gap)*.9090909091)
}
.sm\:cols-12 .row-col {
width:calc(8.3333333333% - var(--column-gap)*.9166666667)
}
}
.hamburger {
--hamburger-size: 20px;
--hamburger-line-height: 1px;
--hamburger-line-offset: 6px;
	position:relative;
	display:block;
	width:var(--hamburger-size);
	height:var(--hamburger-size)
}
.hamburger-midline, .hamburger::before, .hamburger::after {
transition-timing-function:cubic-bezier(1, 0, 0, 1);
transition-duration:300ms;
height:var(--hamburger-line-height);
position:absolute;
top:50%;
left:0;
right:0;
background-color:currentColor
}
.hamburger-midline {
	transition-property:opacity
}
.hamburger::before, .hamburger::after {
content:"";
transform-origin:50% 50%;
transition-property:transform
}
.hamburger::before {
transform:translate3d(0, calc(var(--hamburger-line-offset) * -1), 0)
}
.hamburger::after {
transform:translate3d(0, var(--hamburger-line-offset), 0)
}
.hamburger-open .hamburger-midline {
	opacity:0
}
.hamburger-open::before {
transform:rotate3d(0, 0, 1, 45deg)
}
.hamburger-open::after {
transform:rotate3d(0, 0, 1, -45deg)
}
.popup {
	position:fixed;
	inset:0;
	background-color:rgba(0, 0, 0, .25);
	display:flex;
	flex-direction:column;
	justify-content:center;
	z-index:999
}
.popup-container {
	max-height:100%;
	overflow:auto;
	padding:4rem
}
.popup-content {
	max-width:80rem;
	margin:0 auto;
	background-color:#fff;
	position:relative
}
.popup-close {
	position:absolute;
	width:1.5rem;
	height:1.5rem;
	top:2rem;
	right:2rem
}
@media(max-width: 640px) {
.popup-container {
padding:2rem 1rem
}
.popup-close {
top:1rem;
right:1rem
}
}
.popup-enter-active, .popup-leave-active {
	transition-property:background-color;
	transition-duration:var(--default-duration);
	transition-timing-function:var(--default-timing-function)
}
.popup-enter-from, .popup-leave-to {
	background-color:rgba(0, 0, 0, 0)
}
.popup-enter-active .popup-content, .popup-leave-active .popup-content {
	transition-property:transform, opacity;
	transition-duration:var(--default-duration);
	transition-timing-function:var(--default-timing-function)
}
.popup-enter-from .popup-content, .popup-leave-to .popup-content {
	opacity:0;
	transform:scale(0.9)
}
@keyframes spinner-loading {
to {
transform:rotate(360deg)
}
}
.spinner {
--spinner-size: 3rem;
--spinner-border-width: 2;
	inset:0;
	background-color:rgba(255, 255, 255, .5);
	padding:2rem;
	z-index:8;
	position:fixed;
	color:var(--brand-color, #000)
}
.spinner::after {
content:"";
width:var(--spinner-size);
height:var(--spinner-size);
position:absolute;
left:50%;
margin-left:calc(-0.5*var(--spinner-size));
top:50%;
margin-top:calc(-0.5*var(--spinner-size));
animation:spinner-loading .75s linear 0s infinite normal none running;
border-style:solid;
border-width:var(--spinner-border-width);
border-color:currentColor currentColor rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
border-radius:9999
}
.toast {
	background-color:var(--color-primary);
	color:#fff;
	border-radius:4px;
padding:.5rem 1rem;
	position:fixed;
	inset:auto 0 1.5rem;
	width:fit-content;
	max-width:95%;
	text-align:center;
	margin:auto
}
.toast-enter-active, .toast-leave-active {
	transition-property:opacity, transform;
	transition-duration:var(--duration-2);
	transition-timing-function:var(--ease-in-out-cubic)
}
.toast-enter-from, .toast-leave-to {
	opacity:0
}
.toast-enter-from {
	transform:translateY(10px)
}
.is-loaded [data-reveal] {
	opacity:0;
	transform:translateY(20px)
}
.is-loaded [data-reveal].has-revealed {
	opacity:1;
	transform:none;
	transition-property:opacity, transform;
	transition-duration:var(--duration-4);
	transition-timing-function:cubic-bezier(0.4, 0, 0, 1)
}
.container {
--padding-x: 4rem;
max-width:calc(1344px + var(--padding-x)*2);
	margin-left:auto;
	margin-right:auto;
	padding-left:var(--padding-x);
	padding-right:var(--padding-x)
}
.container-full {
	padding-left:var(--page-padding-x);
	padding-right:var(--page-padding-x)
}
.container-no-padding {
	padding-left:0;
	padding-right:0
}
@media(max-width: 767px) {
.container {
padding-left:1.25rem;
padding-right:1.25rem
}
}
turbo-frame {
	display:block;
	padding-bottom:8rem
}
@media(max-width: 639px) {
turbo-frame {
padding-bottom:4rem
}
}
@keyframes shuffle-to-right {
50% {
transform:translateX(100%)
}
50.01% {
transform:translateX(-100%)
}
}
a.shuffle:hover .shuffle-target, button.shuffle:hover .shuffle-target, .shuffle-actionable:hover .shuffle-target {
	animation:shuffle-to-right var(--duration-5) cubic-bezier(1, 0, 0, 1)
}
.shuffle:disabled:hover .shuffle-target, .shuffle.is-disabled:hover .shuffle-target {
	animation:none
}
.scaling-up-image {
	transition-property:transform;
	transition-duration:var(--duration-5);
	transition-timing-function:cubic-bezier(0.25, 0, 0, 1);
	transform:scale(1.005)
}
.scaling-up:hover .scaling-up-image {
	transform:scale(1.15)
}
.underline-target {
--size: 1px;
--color: currentColor;
	text-decoration:none;
	background-image:linear-gradient(var(--color), var(--color));
	background-size:100% var(--size);
	background-position:100% 100%;
	background-repeat:no-repeat;
	transition-property:color, background-size;
	transition-duration:var(--default-duration);
	transition-timing-function:cubic-bezier(1, 0, 0, 1)
}
.js-trigger {
	transform:translateY(16px);
	opacity:0
}
.js-trigger.is-entered {
	transition-property:transform, opacity;
	transition-duration:var(--duration-3);
	transition-timing-function:var(--ease-out-cubic);
	opacity:1;
	transform:none
}
.rel {
	position:relative
}
.overflow-hidden {
	overflow:hidden
}
.overflow-auto {
	overflow:auto
}
.w-full {
	width:60%
}
.h-full {
	height:100%
}
.bg-whitesmoke {
	background-color:#f7f7f7
}
.text-center {
	text-align:center
}
.text-uppercase {
	text-transform:uppercase
}
.black-alpha-50 {
	color:rgba(0, 0, 0, .5)
}
.richtext ol, .richtext ul {
	padding-left:1em
}
.richtext ol {
	list-style:decimal
}
.richtext ul {
	list-style:disc
}
.h1 {
	font-size:3.75rem;
	line-height:1.25;
	letter-spacing:-0.03em;
	text-align:center
}
:lang(zh) .h1 {
letter-spacing:.05em
}
@media(max-width: 1279px) {
.h1 {
font-size:2.25rem
}
}
@media(max-width: 767px) {
.h1 {
font-size:1.75rem;
line-height:2rem
}
}
.h2 {
	font-size:3rem;
	line-height:3.375rem;
	letter-spacing:-0.03em
}
@media(max-width: 1279px) {
.h2 {
font-size:2rem;
line-height:2.25rem
}
}
@media(max-width: 767px) {
.h2 {
font-size:1.5rem;
line-height:2rem
}
}


.header-transparent {
	background-color:rgba(0, 0, 0, 0);
	color:#fff; position:absolute
}
.is-open-product-menu .header-transparent, .is-open-menu .header-transparent {
	color:#000
}
.has-scroller-down .header:not(.is-open) {
transform:translateY(-100%);
opacity:0
}
.has-scroller-start .header-transparent {
	color:#000;
	background-color:#fff
}
.has-scroller-start .header {
	box-shadow:0 0px 8px rgba(0, 0, 0, .05)
}
body {

}
.header-link {
	border-top-width:1px;
	border-bottom-width:1px;
	letter-spacing:-0.03em;
	border-color:rgba(0, 0, 0, 0);
	transition-property:border-color;
	transition-duration:var(--default-duration);
	text-transform:uppercase;
	display:inline-flex;
	align-items:center
}
.header-link c-icon {
	width:1.25rem;
	height:1.25rem;
margin-bottom:.25rem
}
.header-link:hover {
	border-bottom-color:currentColor
}
.header-link-lang {
	border-radius:9999px;
	background-color:#f7f7f7;
	color:#000;
	padding-left:1rem;
	padding-right:1rem
}
.header-link-lang:hover {
	border-bottom-color:rgba(0, 0, 0, 0);
	color:#ff8e16
}
.has-scroller-start .header-transparent .header-link-lang {
	background-color:#f7f7f7
}
.header-nav {
	display:flex;
	gap:2rem
}
.header-nav-item {
	position:relative;
padding:.5rem 0
}
.header-subnav {
	width:11.25rem;
	top:100%;
	left:50%;
	margin-left:-5.625rem;
	position:absolute;
	background-color:#fff;
	color:#000;
	text-align:center;
	padding:1.25rem 0;
	box-shadow:0 4px 8px 0 rgba(0, 0, 0, .1);
	display:flex;
	flex-direction:column;
	gap:8px;
	opacity:0;
	visibility:hidden;
	pointer-events:none;
	transition-property:opacity, visibility, transform;
	transition-duration:var(--default-duration);
	transition-timing-function:var(--default-timing-function);
	opacity:0;
	transform:translateY(-8px)
}
.header-nav-item:hover .header-subnav {
	pointer-events:initial;
	opacity:1;
	visibility:visible;
	transform:none
}


.header-logo img {
	
	inset:0;
	margin:auto;
	width:15rem
}

/*--------------------------------------------------------------------------------------------------------------------------------------550--*/

@media all and (max-width:1650px){  
.header-logo img {
	
	inset:0;
	margin:auto;
	width:13rem
}


}

.header-logo .ff2{ display:none}
:lang(zh) .header-logo img {
width:16rem
}
.header-menu-btn {
	display:none;
	align-items:center;
	justify-content:center;
font-size:.75rem;
	margin-left:auto
}
.header-menu-icon {
width:.75rem;
height:.75rem;
	border-radius:9999px;
	background-color:#ff8e16;
margin-left:.25rem
}
.header-menu-close {
	display:none
}
.is-open-menu .header-menu-icon {
	display:none
}
.is-open-menu .header-menu-close {
	display:block
}
.is-open-menu .header-link-lang {
	display:block;
	margin-left:1rem
}
@media(max-width: 1279px) {

body {
padding-top:4rem
}
.header-nav {
gap:1rem
}
.header-link {
font-size:.75rem;
line-height:1.25rem
}
.header-logo img {
width:10rem
}
:lang(zh) .header-logo img {
width:12rem
}
}
@media(max-width: 1023px) {
.header {
justify-content:flex-start
}
.header-nav {
gap:0
}
.header-nav-left, .header-link {
display:none
}
.header-link-lang {
margin-left:1rem
}
.header-logo img {
position:static
}
.header-menu-btn {
display:flex
}
}
.footer {
	padding-top:4rem;
	padding-bottom:3rem
}
.footer .row+.row {
	margin-top:4rem
}
.footer-gray {
	background-color:#f5f5f5
}
.footer-gray .footer-cta {
	background-color:#fff
}
.footer-col {
	width:calc(50% - var(--column-gap, 0px)/2)
}
.footer-col-left {
	display:flex;
	flex-direction:column
}
.footer-logo {
	display:block;
	width:20rem
}
.footer-slogan {
	font-size:2.6rem;
	line-height:1.125;
	max-width:38.25rem;
	margin-top:1rem
}
.footer-cta {
	border-radius:9999px;
	background-color:#f5f5f5;
	padding:1rem 1.5rem;
	display:flex;
	width:20rem;
	align-items:center;
	justify-content:space-between;
	transition-property:background-color, color;
	transition-duration:var(--default-duration);
	transition-timing-function:var(--default-timing-function);
	margin-bottom:1rem
}
.footer-cta .icon {
	transform:rotate(270deg)
}
.footer-cta:hover {
	background-color:#ff8e16;
	color:#fff
}
.footer-nav-row {
	display:flex;
	gap:4rem;
	justify-content:space-between
}
.footer-nav-title {
	font-weight:700;
	text-transform:uppercase
}
.footer-nav {
font-size:.875rem;
	line-height:1.25rem
}
.footer-nav-item {
margin-top:.5rem
}
.footer-nav-link {
	color:rgba(0, 0, 0, .6)
}
.footer-nav-link:hover, .footer-nav-link:focus {
	text-decoration:underline;
	color:#000
}
.footer-info {
	border-top-width:1px;
	border-top-color:#e6e6e6;
	padding-top:1.25rem;
	padding-bottom:1.25rem;
	font-weight:700;
font-size:.875rem;
	line-height:1.25rem;
	font-style:normal
}
.footer-info a {
	text-decoration:underline
}
.footer-info-copy {
	padding-bottom:0;
	color:rgba(0, 0, 0, .4)
}
.footer-info-copy a:hover, .footer-info-copy a:focus {
	color:#000
}
.footer-media {
	display:flex;
	flex-wrap:wrap;
	margin-top:auto;
	color:#121212;
	gap:1rem
}
.footer-media a:hover {
	color:#ff8e16
}
.footer-media c-icon {
	width:1.25rem;
	height:1.25rem
}
@media(max-width: 1279px) {
.footer-col {
width:calc(100% - var(--column-gap, 0px)/infinity)
}
.footer-col-right {
margin-top:4rem
}
}
@media(max-width: 767px) {
.footer .row+.row {
margin-top:2rem
}
.footer-col-right {
margin-top:2rem
}
.footer-col-nav {
display:none
}
.footer-logo {
width:11rem
}
.footer-slogan {
font-size:1.5rem
}
.footer-cta {
font-size:.875rem;
padding:.5rem 1rem;
width:16rem
}
.footer-cta c-icon {
width:1rem;
height:1rem
}
}
/*.menu {
	position:fixed;
	inset:0;
	z-index:9;
	background-color:#fff;
	overflow:auto;
	padding-top:4rem;
	padding-bottom:2rem;
	display:none
}
.menu .container {
	height:100%;
	padding-left:1rem;
	padding-right:1rem
}
.menu-list {
	height:100%;
	display:flex;
	flex-direction:column
}
.menu-item {
	border-bottom-width:1px;
	border-color:rgba(112, 112, 112, .2)
}
.menu-toggle {
padding:.5rem 0;
	display:flex;
	align-items:center;
	justify-content:space-between
}
.menu-toggle c-icon, .menu-toggle svg {
	width:1rem;
	height:1rem;
	flex-shrink:0
}
.menu-link {
	font-size:1.5rem;
	text-transform:uppercase;
	flex:1 1 0
}
.menu-arrow-action {
	width:2rem;
	height:2rem;
	border-radius:9999px;
	display:flex;
	align-items:center;
	justify-content:center;
	background-color:#f5f5f5
}
.menu-children .menu-item {
	border-bottom-width:0;
	border-top-width:1px;
padding:.5rem 0
}*/
.menu-children .menu-link {
	font-size:1rem
}
.menu-search {
	margin-top:auto;
	position:relative
}
.menu-search c-icon {
	position:absolute;
	left:0;
	top:8px
}
.menu-search-control {
	display:block;
	width:100%;
	border-bottom-width:1px;
padding:.5rem 0;
	padding-left:2rem;
	font-weight:400
}
c-icon {
	display:block;
	width:1.5rem;
	height:1.5rem
}
c-icon[name=spinner] {
	font-size:24px;
	width:1em;
	height:1em
}
@keyframes fade-in {
from {
opacity:0
}
}
c-lazy-image {
	display:block;
	overflow:hidden;
	background-color:#f5f5f5
}
c-lazy-image img {
	display:block;
	width:100%;
	visibility:hidden
}
c-lazy-image[complete] img {
	visibility:visible;
	animation:fade-in var(--duration-5) var(--default-timing-function)
}
@keyframes slide-in {
to {
opacity:1;
transform:none
}
}
c-scroll-trigger {
	display:block;
	opacity:0;
	transform:translateY(24px)
}
c-scroll-trigger[enter] {
	animation-name:slide-in;
animation-duration:.5s;
animation-delay:.25s;
	animation-fill-mode:forwards;
	animation-timing-function:var(--default-timing-function)
}
c-scroll-trigger-group {
	display:block
}
c-scroll-trigger-group c-scroll-trigger[enter] {
	animation-delay:0s
}
.btn {
	position:relative;
	overflow:hidden;
	display:inline-flex;
	align-items:center;
	justify-content:center;
	border-radius:9999px;
padding:.5rem 1.75rem;
	background-color:#efefef;
	color:#000;
	transition-property:background-color, color, border-color;
	transition-duration:var(--default-duration);
	transition-timing-function:var(--default-duration); z-index:99; margin-top:2%
}
.btn c-icon {
margin-right:.5rem
}
.btn:disabled {
	cursor:not-allowed
}
.btn-outline {
	border-width:1px;
	border-color:currentColor;
	background-color:rgba(0, 0, 0, 0)
}
.bg-whitesmoke .btn:not(:hover), .btn-bg-white:not(:hover) {
background-color:#fff
}
 #is-active, .btn-primary {
	background-color:#ff8e16;
	color:#fff
}
@media(hover: hover) {
.btn:hover:not(:disabled) {
background-color:#ff8e16;
color:#fff
}
.btn-outline:hover:not(:disabled) {
border-color:#ff8e16
}
}
.btn-loading-overlay {
	display:none;
	position:absolute;
	inset:0;
	background-color:rgba(0, 0, 0, .25)
}
.btn-loading-overlay c-icon {
	position:absolute;
	inset:0;
	margin:auto;
	font-size:20px
}
.btn.is-loading .btn-loading-overlay {
	display:block
}
.btn-download {
font-size:.875rem;
	line-height:1.25rem;
padding:.25rem 1rem;
	display:inline-flex;
	align-items:center
}
.btn-download c-icon {
width:.75rem;
height:.75rem;
margin-right:.25rem
}
.btn-vrglasses c-icon {
	width:3.375rem;
	height:1.75rem;
	margin-left:-1rem;
margin-right:.5rem
}
@media(max-width: 1023px) {
.btn-download {
font-size:.75rem;
line-height:1rem
}
.btn-vrglasses c-icon {
width:2rem;
height:1rem;
margin-left:-0.75rem
}
}
@media(max-width: 767px) {
.btn {
font-size:.75rem;
padding:.375rem 1.25rem
}
.btn-download {
padding:.25rem .5rem
}
}
.btn-group {
	display:flex;
	flex-wrap:wrap;
gap:.5rem
}
.pagination {
	display:flex;
	align-items:center;
	justify-content:flex-start;
	column-gap:1rem;
	padding-top:3.75rem;
	padding-bottom:2rem
}
.pagination-btn {
	position:relative;
	border-radius:9999px;
	width:2rem;
	height:2rem;
	display:flex;
	align-items:center;
	justify-content:center;
	background-color:#f5f5f5;
	transition-property:background-color, color;
	transition-timing-function:var(--default-duration);
	transition-duration:var(--default-duration)
}
.pagination-btn c-icon {
	width:1rem;
	height:1rem;
	transform:rotate(270deg)
}
.pagination-btn.is-disabled {
	cursor:not-allowed;
	color:rgba(0, 0, 0, .25)
}
.pagination-btn:not(.is-disabled):hover {
background-color:#ff8e16;
color:#fff
}
.pagination-btn-prev {
	transform:rotate(180deg)
}
a.pagination-number:hover, a.pagination-number.is-active {
	text-decoration:underline
}

.current{width: 1.6rem;
    height: 1.6rem; background-color: #ff8e16;
    color: #fff; line-height:1.6rem;border-radius: 50%; text-align:center; display:block}



@media(max-width: 1023px) {
.pagination {
padding-top:3rem;
padding-bottom:6rem
}
}
.news-list {
--row-gap: 3rem;
--column-gap: 1.5rem
}
.news-block {
	width:calc(33.3333333333% - var(--column-gap, 0px)/1.5);
	position:relative;
	display:block
}
.news-block a {
	display:block
}
.news-content {
	padding-right:4rem
}
.news-subtitle {
	color:rgba(0, 0, 0, .5);
	margin-top:1.5rem;
	text-transform:uppercase
}
.news-title {
	font-size:1.25rem;
margin-top:.5rem
}
.news-image-wrapper {
	overflow:hidden
}
.news-image {
	aspect-ratio:16/9
}
@media(max-width: 1279px) {
.news-subtitle {
font-size:.75rem
}
.news-title {
font-size:1rem
}
}
@media(max-width: 1023px) {
.news-list {
--row-gap: 2rem
}
.news-block {
width:calc(50% - var(--column-gap, 0px)/2)
}
.news-content {
padding-right:0
}
}
@media(max-width: 767px) {
.news-block {
width:calc(100% - var(--column-gap, 0px)/infinity)
}
}
.section {
	padding:8rem 0 0
}
.section .f-carousel:not(:first-child) {
margin-top:4rem
}
.section:not(.bg-whitesmoke)+.section:not(.bg-whitesmoke) {
padding-top:8rem; background:url(../images/1bg4.jpg) no-repeat center top; padding-bottom:4.5rem
}
.section-header {
	max-width:60rem;
	text-align:center;
	margin:auto
}
.section-header .h1 {
	line-height:1.2
}
.section-header .richtext+.h1, .section-header .h1+.richtext, .section-header .btn-group {
	margin-top:2rem
}
.section-header .btn-group {
	justify-content:center
}
.section-body {
	margin-top:4rem
}
.section-subtitle {
	color:rgba(0, 0, 0, .6);
	margin-top:1rem
}
.section-view.btn {
	display:block;
	width:fit-content;
	margin:4rem auto 0
}
@media(max-width: 1023px) {
.section {
padding:4rem 0
}
.section .f-carousel:not(:first-child) {
margin-top:2rem
}
.section .h1+.richtext, .section .richtext+.h1 {
margin-top:1rem
}
.section .richtext {
font-size:.75rem;
line-height:1.25rem
}
.section-body {
margin-top:2rem
}
}
@media(max-width: 767px) {
.section-subtitle {
font-size:.75rem;
margin-top:.5rem
}
}
.section-project .h1 {
	text-transform:uppercase
}
.section-project .row {
--gap: 1.5rem;
	margin-top:4rem
}
.section-project .project-block {
	width:calc(50% - var(--column-gap, 0px)/2)
}
.section-project .project-content {
	padding-right:6rem
}
.section-project .project-subtitle {
	color:rgba(0, 0, 0, .5);
margin-top:.5rem
}
.section-project .project-title {
	font-size:2rem;
	line-height:2.5rem;
margin-top:.5rem
}
@media(min-width: 768px) {
.section-project {
padding:6rem 0
}
}
@media(max-width: 1279px) {
.section-project .project-content {
padding-right:0
}
.section-project .project-title {
font-size:1.25rem;
line-height:1.75rem
}
}
@media(max-width: 767px) {
.section-project .row {
margin-top:2rem
}
.section-project .project-subtitle {
font-size:.75rem
}
.section-project .project-title {
font-size:1rem;
line-height:1.5rem
}
.section-project .project-block {
width:calc(100% - var(--column-gap, 0px)/infinity)
}
}




.section-product .f-carousel {
	margin-top:4rem
}
.section-product>.btn {
	font-weight:400;
	margin-top:4rem;
	display:block;
	width:fit-content;
	margin:4rem auto 0
}
@media(max-width: 1023px) {
.section-product .f-carousel {
margin-top:2rem
}
.section-product>.btn {
margin-top:2rem
}
}
.section-customization .section-header {
	max-width:56.25rem
}
.section-customization .section-header .richtext {
	margin-top:1rem
}
.section-customization .f-carousel {
	margin-top:4rem
}
.section-news .news-list {
	margin-top:4rem
}
@media(min-width: 1024px) {
.section-news {
padding-top:4.5rem;
padding-bottom:9rem
}
.section-news .news-block {
width:calc(50% - var(--column-gap, 0px)/2)
}
}
@media(min-width: 1280px) {
.section-news .news-block {
width:calc(25% - var(--column-gap, 0px)/1.3333333333)
}
}
@media(max-width: 1023px) {
.section-news .news-list {
margin-top:2rem
}
}
.section-stats .section-header {
	max-width:980px
}
.section-stats .h1+.richtext, .section-stats .richtext+.h1 {
	margin-top:2rem
}
.section-stats .btn {
	font-weight:400;
	margin-top:4rem
}
.section-stats .row {
--gap: 1px;
	margin-top:8rem;
	
}
.section-stats .f-carousel {
	margin-top:8rem
}
.section-stats .f-carousel img {
	aspect-ratio:1920/640
}
.section-stats-block {
	width:calc(25% - var(--column-gap, 0px)/1.3333333333);
	text-align:center;
	
	padding:0 0rem
}
.section-stats-block .h1{font-size: 2.95rem;}


.section-stats-title {
	margin-top:1rem
}
@media(max-width: 1279px) {
.section-stats .section-header {
max-width:40rem
}
.section-stats-block {
padding:0 2rem;
font-size:.75rem;
line-height:1rem
}
}
@media(max-width: 1023px) {
.section-stats .row {
margin-top:4rem
}
.section-stats .f-carousel {
margin-top:4rem
}
.section-stats-block {
width:calc(50% - var(--column-gap, 0px)/2);
padding:2rem
}
}
@media(max-width: 767px) {
.section-stats .richtext {
font-size:.75rem;
margin-bottom:1rem
}
.section-stats .btn {
margin-top:2rem
}
.section-stats .f-carousel img {
aspect-ratio:1920/1080
}
.section-stats-block {
padding:1rem
}
.section-stats-title {
margin-top:.5rem
}
}
.section-corporate-env .btn-group {
	margin:4rem auto 0;
	justify-content:center
}
@media(max-width: 1023px) {
.section-corporate-env .btn-group {
margin-top:2rem
}
}
.section-corporate-values .card-list {
	margin-top:4rem
}
.section-corporate-values .f-carousel-gallery {
--f-carousel-spacing: 1.5rem;
	margin-top:4rem
}
.section-corporate-values .f-carousel-gallery .f-carousel__viewport {
	max-width:640px
}
.section-corporate-values .f-carousel-gallery .f-carousel__nav {
	display:none
}
.section-corporate-values .f-carousel-gallery img {
	aspect-ratio:4/3;
	object-fit:cover
}
@media(max-width: 1279px) {
.section-corporate-values .f-carousel-gallery .f-carousel__viewport {
max-width:384px
}
}
.section-honor {
	padding-bottom:0
}
.feature-list {
--gap: 3rem
}
.feature-block {
	width:calc(16.6666666667% - var(--column-gap, 0px)/1.2);
	text-align:center
}
.feature-icon {
	border-radius:9999px;
	background-color:#fff;
	height:6rem;
	object-fit:contain;
	margin:auto
}
.feature-title {
	font-size:1.25rem;
	line-height:1.75rem;
	min-height:3.5rem;
	margin-top:1.5rem;
	letter-spacing:-0.03em
}
.feature-content {
	color:rgba(0, 0, 0, .4);
font-size:.875rem;
	line-height:1.25rem;
	margin-top:1rem
}
.feature-list-card-style {
--gap: 1.5rem
}
.feature-list-card-style .feature-icon {
	height:9rem
}
.feature-list-card-style .feature-block {
	width:calc(25% - var(--column-gap, 0px)/1.3333333333);
	background-color:#f7f7f7;
	padding:2rem;
	text-align:center
}
.feature-list-card-style .feature-title, .feature-list-card-style .feature-content {
	margin-top:2rem
}
.feature-list-card-style .feature-content {
	font-size:1rem;
	line-height:1.5rem
}
@media(max-width: 1279px) {
.feature-icon {
height:6rem
}
.feature-block {
width:calc(33.3333333333% - var(--column-gap, 0px)/1.5)
}
.feature-list-card-style .feature-block {
padding:2rem 1rem
}
.feature-list-card-style .feature-icon {
height:5rem
}
.feature-list-card-style .feature-title, .feature-list-card-style .feature-content {
margin-top:1rem
}
.feature-list-card-style .feature-title {
font-size:1rem;
line-height:1.5rem
}
.feature-list-card-style .feature-content {
font-size:.75rem;
line-height:1rem
}
}
@media(max-width: 1023px) {
.feature-icon {
height:5rem
}
.feature-list-card-style .feature-block {
width:calc(50% - var(--column-gap, 0px)/2);
padding:4rem 2rem
}
.feature-list-card-style .feature-icon {
height:6rem
}
.feature-list-card-style .feature-title, .feature-list-card-style .feature-content {
margin-top:2rem
}
.feature-list-card-style .feature-title {
font-size:1.25rem;
line-height:1.75rem
}
}
@media(max-width: 767px) {
.feature-block {
width:calc(83.3333333333% - var(--column-gap, 0px)/6);
margin:auto
}
.feature-title {
min-height:auto
}
.feature-list-card-style .feature-block {
width:calc(100% - var(--column-gap, 0px)/infinity)
}
}
.customization-form {
	max-width:64rem;
	margin:auto
}
.customization-form .h1 {
	line-height:1.2
}
.customization-form .richtext {
	text-align:center;
margin-top:.5rem
}
.customization-form .row {
--column-gap: 1.5rem;
--row-gap: 1rem;
	margin-top:6rem
}
.customization-form textarea.form-control-text {
	border-bottom-width:0;
	overflow:auto;
	resize:none
}
.customization-form-file-field {
	border-bottom-width:1px;
	border-color:rgba(112, 112, 112, .2);
	padding:1.25rem 0
}
.customization-form-file-field .btn {
	font-weight:400;
font-size:.875rem
}
.customization-form-footer {
	margin-top:3rem;
	text-align:center;
	font-weight:400
}
.customization-form-footer .btn {
	margin-top:1rem
}
.customization-form-tips {
	position:relative
}
.customization-form-tips button {
	position:relative;
	display:inline-block
}
.customization-form-tips c-icon {
	width:1rem;
	height:1rem
}
.customization-form-tips .message {
	padding:1rem;
	background-color:#f5f5f5;
	text-align:left;
	position:absolute;
	left:0;
	right:0;
	z-index:1;
	visibility:hidden;
	opacity:0;
	transition-property:opacity, visibility, transform;
	transition-timing-function:var(--default-timing-function);
	transition-duration:var(--default-duration);
	pointer-events:none;
	transform:translateY(8px)
}
.customization-form-tips .message ol {
	list-style:decimal;
	padding-left:2em
}
.customization-form-tips:hover .message {
	opacity:1;
	visibility:visible;
	transform:none;
	pointer-events:all
}
.form-control-text {
	display:block;
	width:100%;
	border-bottom-width:1px;
	border-color:rgba(112, 112, 112, .5);
padding:.75rem 0;
	transition-property:border-color;
	transition-duration:var(--default-duration);
	transition-timing-function:var(--default-timing-function);
	font-weight:400
}
.form-control-text::placeholder {
color:rgba(112, 112, 112, .5)
}
.form-control-text:hover {
	border-color:#707070
}
.form-control-text:focus {
	border-color:#000
}
.form-message {
font-size:.75rem;
margin-top:.25rem;
	font-weight:400;
	color:#ff4040
}
@media(max-width: 767px) {
.customization-form-tips .message {
font-size:.75rem;
bottom:100%
}
}
:root {
--f-carousel-dot-opacity: 0.25;
--f-carousel-dot-hover-opacity: 0.5;
--f-transition-duration: 0.5s;
--f-carousel-dots-width: 1rem;
--f-carousel-dots-height: 1rem
}
.f-carousel {
--f-button-width: 4rem;
--f-button-height: 4rem;
--f-button-color: #000;
--f-button-bg: #F7F7F7;
--f-button-border-radius: 9999px;
--f-button-hover-color: #fff;
--f-button-hover-bg: #FF8E16;
--f-button-active-bg: var(--f-button-hover-bg);
--f-button-offset: 0;
--f-button-prev-pos: var(--f-button-offset);
--f-button-next-pos: var(--f-button-offset)
}
.f-carousel-image {
	display:block;
	width:100%;
	aspect-ratio:1920/800;
	min-height:256px;
	object-fit:cover
}
.f-carousel.has-dots {
	margin-bottom:0
}
.f-carousel-dots-hidden .f-carousel__dots, .f-carousel-nav-hidden .f-carousel__nav {
	display:none
}
.f-carousel__dots {
	position:absolute;
	bottom:2.5rem
}
.f-carousel-dots-start .f-carousel__dots {
	justify-content:flex-start
}
.f-carousel-dots-end .f-carousel__dots {
	justify-content:flex-end
}
.f-carousel-white-dots .f-carousel__dots {
	color:#fff
}
.f-carousel__nav {
	position:relative
}
.f-carousel__viewport+.container {
	position:absolute;
	inset:50% 0
}
.f-button:active:not(:disabled) {
color:var(--f-button-hover-color)
}
@media(max-width: 1023px) {
.f-carousel {
--f-button-width: 2rem;
--f-button-height: 2rem;
--f-button-svg-width: 0.75rem;
--f-button-svg-height: 0.75rem
}
.f-carousel__dots {
bottom:1rem
}
}
.f-carousel-gallery {
--f-carousel-spacing: 12rem;
--f-button-next-pos: -8rem;
--f-button-prev-pos: -8rem;
	overflow:hidden
}
.f-carousel-gallery .f-carousel__viewport {
	width:53.3333333333%;
	margin:auto;
	overflow:visible
}
.f-carousel-gallery .f-carousel__dots {
	position:static;
	margin-top:2rem !important
}
.f-carousel-gallery .f-carousel-caption {
	text-align:center;
	padding:1.5rem 0;
	font-size:1.5rem;
	line-height:2rem;
	letter-spacing:-0.03em
}
.f-carousel-gallery .f-carousel-image {
	aspect-ratio:980/550;
	min-height:auto
}
.f-carousel-gallery.is-horizontal .f-carousel__nav {
	position:absolute;
	width:53.3333333333%;
	top:50%;
	left:0;
	right:0;
	margin:auto
}
.f-carousel-gallery.is-horizontal .f-carousel__nav .f-button {
	transform:none;
	top:auto;
margin-top:calc(-0.5*var(--f-button-height))
}
@media(max-width: 1279px) {
.f-carousel-gallery {
--f-carousel-spacing: 2rem
}
.f-carousel-gallery .f-carousel-caption {
font-size:1rem;
line-height:1.5rem
}
}
@media(max-width: 767px) {
.f-carousel-gallery {
--f-carousel-spacing: 1rem;
--f-button-next-pos: 0.5rem;
--f-button-prev-pos: 0.5rem
}
.f-carousel-gallery .f-carousel__viewport {
width:100%;
padding:0 2rem
}
.f-carousel-gallery .f-carousel-caption {
font-size:.75rem;
line-height:1rem;
padding:.75rem 0
}
.f-carousel-gallery.is-horizontal .f-carousel__nav {
width:100%
}
}
.f-carousel-banner .f-carousel__nav {
	display:none
}
.f-carousel-contact .overlay {
	position:absolute;
	inset:0;
	padding:5rem 0
}
.f-carousel-contact .btn {
	margin-top:1.5rem
}
@media(max-width: 1023px) {
.f-carousel-contact .overlay {
padding:2rem 0
}
}
@media(max-width: 767px) {
.f-carousel-contact .btn {
margin-top:1rem
}
}
.f-carousel-customization .f-carousel__dots, .f-carousel-customization .f-carousel__nav {
	display:none
}
.f-carousel-customization .f-carousel__overlay {
	position:absolute;
	inset:auto 0 0;
	background-image:linear-gradient(180deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.5));
	padding:3rem
}
.f-carousel-customization .btn-group {
	justify-content:center
}
.f-carousel-customization .btn {
	min-width:12rem
}
.f-carousel-customization .f-carousel-image {
	aspect-ratio:1920/700;
	min-height:500px
}
@media(max-width: 1023px) {
.f-carousel-customization .btn {
font-size:.75rem
}
}
@media(max-width: 767px) {
.f-carousel-customization .f-carousel__overlay {
padding:2rem
}
.f-carousel-customization .btn {
min-width:auto
}
}
.f-carousel-sustainable-dev img {
	display:block;
	width:100%;
	aspect-ratio:1920/800;
	min-height:256px;
	object-fit:cover
}
.f-carousel-erp-directive {
	overflow:hidden
}
.f-carousel-erp-directive img {
	display:block;
	width:100%;
	aspect-ratio:980/550;
	object-fit:cover
}
.f-carousel-honor .f-carousel-image, .f-carousel-corporate-env .f-carousel-image {
	display:block;
	width:100%;
	aspect-ratio:1920/640
}
.f-carousel-gallery.f-carousel-dev-history {
--f-carousel-spacing: 1.5rem
}
.f-carousel-gallery.f-carousel-dev-history .card-block {
	width:100%;
	padding:2rem;
	height:100%;
	min-height:22.5rem;
	display:flex;
	flex-direction:column
}
.f-carousel-gallery.f-carousel-dev-history .card-title {
	font-size:3.75rem;
	line-height:1;
	letter-spacing:-0.03em
}
.f-carousel-gallery.f-carousel-dev-history .card-content {
	border-top-width:1px;
	border-top-color:#e9e9e9;
	margin-top:1rem;
	padding-top:2rem;
	flex-grow:1;
	display:flex;
	flex-direction:column;
	justify-content:space-between
}
.f-carousel-gallery.f-carousel-dev-history .card-content img {
	margin-top:1.5rem;
	aspect-ratio:auto;
	min-height:auto
}
.f-carousel-gallery.f-carousel-dev-history .f-carousel__viewport {
--padding-x: 4rem;
	width:100%;
max-width:calc(1344px + var(--padding-x)*2);
	margin-left:auto;
	margin-right:auto;
	padding-left:var(--padding-x);
	padding-right:var(--padding-x)
}
.f-carousel-gallery.f-carousel-dev-history .f-carousel__slide {
	max-width:22.5rem
}
@media(max-width: 1023px) {
.f-carousel-gallery.f-carousel-dev-history .card-title {
font-size:2.25rem
}
.f-carousel-gallery.f-carousel-dev-history .card-block {
min-height:18.75rem
}
}
@media(max-width: 767px) {
.f-carousel-gallery.f-carousel-dev-history .f-carousel__viewport {
padding:0 1.25rem
}
.f-carousel-gallery.f-carousel-dev-history .f-carousel__slide {
width:80%
}
}
.product-slide {
	position:relative;
	height:31.25rem
}
.product-slide-image {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	object-fit:cover
}
.product-slide-overlay {
	position:absolute;
	inset:0;
	padding:4rem;
	display:flex;
	flex-direction:column;
	align-items:flex-start
}
.product-slide-overlay:after{ content:""; width:100%; height:100%;background: linear-gradient(90deg, rgba(0, 0, 0,.2) 0%, rgba(255, 165, 0, 0) 100%); position:absolute; left:0; top:0; z-index:4 }
.product-slide-overlay


.product-slide-overlay .btn {
	margin-top:auto;
	font-weight:400
}
.product-slide-subtitle {
	letter-spacing:-0.03em;
font-size:.875rem;
	line-height:1.25rem; z-index:99; color:#fff 
}
.product-slide-title {
	font-size:2rem;
	letter-spacing:-0.03em;
	line-height:1;
	margin-top:2rem;z-index:99; color:#fff 
}
.product-slide-desc {
	margin-top:1rem;
	color:rgba(0, 0, 0, 1);
	max-width:16rem; z-index:99; color:#fff 
}
@media(max-width: 1279px) {
.product-slide {
height:20rem
}
.product-slide-overlay {
padding:2rem
}
.product-slide-title {
font-size:1.25rem;
line-height:1.75rem;
margin-top:.5rem
}
.product-slide-desc {
font-size:.75rem;
line-height:1rem
}
}
@media(max-width: 1023px) {
.product-slide-overlay .btn {
font-size:.75rem
}
}
@media(max-width: 767px) {
.product-slide {
height:17.5rem
}
.product-slide-overlay {
padding:1.5rem
}
}
.fab-list {
	position:fixed;
	z-index:8;
	bottom:2rem;
	right:2rem;
	overflow:hidden
}
.fab {
	border-radius:9999px;
	background-color:#f9f9f9;
	width:3.5rem;
	height:3.5rem;
	color:#ff8e16;
	display:flex;
	align-items:center;
	justify-content:center;
	transition-property:background-color, color, transform;
	transition-timing-function:var(--default-timing-function);
	transition-duration:var(--default-duration);
	transform:translateY(100%)
}
.fab:hover {
	background-color:#ff8e16;
	color:#fff
}
.has-scroller-start .fab, .has-scroller-end .fab {
	transform:none
}
.fab+.fab {
margin-top:.5rem
}
.fab-top c-icon {
	transform:rotate(180deg)
}
.fab-message svg {
	width:1.5rem;
	height:1.5rem
}
@media(max-width: 767px) {
.fab-list {
bottom:1rem;
right:1rem
}
.fab {
width:2.5rem;
height:2.5rem
}
.fab c-icon {
width:1.25rem;
height:1.25rem
}
.fab-message svg {
width:1.25rem;
height:1.25rem
}
}
.card-list {
--gap: 1.5rem
}
.card-block {
	width:calc(25% - var(--column-gap, 0px)/1.3333333333);
	background-color:#f7f7f7;
	padding:2rem 1.5rem
}
.card-title {
	font-size:1.5rem; letter-spacing:-1px
}
.card-content {
	margin-top:2rem
}
@media(max-width: 1279px) {
.card-block {
width:calc(50% - var(--column-gap, 0px)/2)
}
}
@media(max-width: 1023px) {
.card-block {
padding:2rem
}
.card-title {
font-size:1.5rem
}
.card-content {
font-size:.875rem;
line-height:1.25rem;
margin-top:1rem
}
}
@media(max-width: 767px) {
.card-block {
width:calc(100% - var(--column-gap, 0px)/infinity)
}
}
.cert-list {
	display:grid;
	grid-template-columns:repeat(5, 1fr);
	gap:3rem 1.5rem
}
.cert-block {
	text-align:center
}
.cert-content {
	padding:1rem 0
}
.cert-image {
	display:block;
	width:100%;
	aspect-ratio:3/4;
	object-fit:cover
}
@media(max-width: 1023px) {
.cert-list {
gap:.5rem;
grid-template-columns:repeat(2, 1fr)
}
.cert-content {
font-size:.75rem
}
}
.view-action {
	width:3.5rem;
	height:3.5rem;
	border-radius:9999px;
	display:flex;
	align-items:center;
	justify-content:center;
	background-color:#fff;
	position:absolute;
	top:50%;
	left:50%;
	margin-top:-1.75rem;
	margin-left:-1.75rem;
	color:#ff8e16;
	transition-property:opacity, transform;
	transition-duration:var(--default-duration);
	transition-timing-function:var(--default-timing-function);
	opacity:0;
	transform:scale(0.75);
	box-shadow:0 0 8px 0 rgba(0, 0, 0, .05)
}
.view-action c-icon {
	pointer-events:none
}
a:not(.is-disabled):hover .view-action {
opacity:1;
transform:none
}
@media(max-width: 767px) {
.view-action {
width:2.5rem;
height:2.5rem;
margin-top:-1.25rem;
margin-left:-1.25rem
}
.view-action c-icon {
width:1.25rem;
height:1.25rem
}
}
.banner {
	position:relative;
	height:35rem;
	color:#fff
}

/*--------------------------------------------------------------------------------------------------------------------------------------550--*/

@media all and (max-width:1650px){  

.banner {
	position:relative;
	height:30rem;
	color:#fff
}
}
.banner-short {
	height:50rem
}
.banner-image {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	object-fit:cover
}
.banner-overlay {
	position:absolute;
	inset:0;
	background-image:linear-gradient(0deg, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
	display:flex;
	flex-direction:column;
	justify-content:center;
	align-items:center
}
.banner-content {
	max-width:1024px;
	margin:auto;
	text-align:center
}
.banner-content .h1+.banner-subtitle, .banner-content .banner-subtitle+.h1, .banner-content .banner-icon+.h1 {
	margin-top:1rem
}
.banner-icon {
	margin:auto
}
.banner-project {
	height:56.25rem
}
.banner-project .banner-overlay {
	justify-content:flex-start;
	align-items:stretch;
	padding:8rem 0 6rem
}
.banner-project .banner-overlay .container {
	width:100%;
	height:100%;
	display:flex;
	flex-direction:column
}
.banner-project .banner-content {
	margin:0;
	max-width:32rem;
	text-align:left
}
.banner-project .banner-title {
	font-size:2rem;
	letter-spacing:-0.03em;
	line-height:2.5rem;
	margin-top:1.5rem
}
.banner-project .richtext {
	margin-top:1.5rem;
	color:rgba(255, 255, 255, .5)
}
.banner-project .btn-group {
	margin-top:4rem
}
.banner-project .btn-ellipsis {
padding:.5rem 1rem
}
.banner-project .btn-ellipsis svg {
	width:28px;
	height:6px
}
.banner-project-list {
	margin-top:auto;
	display:flex;
	flex-wrap:wrap
}
.banner-project-block-image {
	/*border-radius:9999px;*/
	width:4rem;
	height:4rem;
	object-fit:cover; margin:0 auto
}
.banner-project-block-title {
margin-top:.5rem
}
@media(max-width: 1279px) {
.banner {
height:40rem
}
.banner-content {
max-width:48rem
}
.banner-icon {
height:6rem
}
.banner-project .banner-overlay {
padding:4rem 0 2rem
}
.banner-project .banner-content {
max-width:24rem
}
.banner-project .banner-subtitle {
font-size:.75rem
}
.banner-project .banner-title {
font-size:1.5rem;
line-height:2rem;
margin-top:.5rem
}
.banner-project .richtext {
font-size:.75rem;
line-height:1rem;
margin-top:.5rem
}
.banner-project .btn-group {
margin-top:2rem
}
.banner-project .btn {
font-size:.75rem
}
.banner-project .btn-ellipsis svg {
width:1rem;
height:.5rem
}
.banner-project-block-image {
width:3rem;
height:3rem
}
.banner-project-block-title {
font-size:.75rem
}
}
@media(max-width: 767px) {
.banner {
height:32rem
}
.banner-icon {
height:3rem
}
.banner-subtitle {
font-size:.75rem
}
}
.accordion-enter-active, .accordion-leave-active {
	transition-property:opacity, transform;
transition-duration:.5s;
	transition-timing-function:var(--default-timing-function)
}
.accordion-enter-from, .accordion-leave-to {
	transform:translateY(-16px);
	opacity:0
}
.gallery-list {
--column-gap: 1.5rem;
--row-gap: 3rem
}
.gallery-block {
	width:calc(20% - var(--column-gap, 0px)/1.25)
}
.gallery-image {
	display:block;
	width:100%;
	aspect-ratio:1
}
.gallery-caption {
	text-align:center;
	padding:1rem
}
@media(max-width: 1279px) {
.gallery-list {
--column-gap: 0.5rem;
--row-gap: 1rem
}
.gallery-caption {
font-size:.75rem
}
}
@media(max-width: 1023px) {
.gallery-block {
width:calc(50% - var(--column-gap, 0px)/2)
}
.gallery-caption {
padding:.75rem 0
}
}
.section-map {
	overflow:auto;
	background-color:#000
}
.section-map-container {
	position:relative;
	min-width:900px
}
.section-map-image {
	display:block;
	width:100%
}
@keyframes shining {
to {
box-shadow:0 0 16px 8px rgba(255, 142, 22, .75)
}
}
.section-map-point {
	position:absolute;
	top:0;
	left:0;
	width:1rem;
	height:1rem;
	border-radius:9999px;
	background-color:#ff8e16;
animation:shining linear .75s infinite alternate-reverse
}
.section-map-point-1 {
	margin-left:18.3854166667%;
	margin-top:33.0729166667%
}
.section-map-point-2 {
	margin-left:16.9791666667%;
	margin-top:26.6145833333%
}
.section-map-point-3 {
	margin-left:21.9270833333%;
	margin-top:29.8958333333%
}
.section-map-point-4 {
	margin-left:28.8020833333%;
	margin-top:21.5625%
}
.section-map-point-5 {
	margin-left:32.65625%;
	margin-top:24.2708333333%
}
.section-map-point-6 {
	margin-left:39.4791666667%;
	margin-top:19.0104166667%
}
.section-map-point-7 {
	margin-left:52.96875%;
	margin-top:20.3645833333%
}
.section-map-point-8 {
	margin-left:48.2291666667%;
	margin-top:34.1666666667%
}
.section-map-point-9 {
	margin-left:55.15625%;
	margin-top:24.3229166667%
}
.section-map-point-10 {
	margin-left:58.3333333333%;
	margin-top:36.9270833333%
}
.section-map-point-11 {
	margin-left:65.9375%;
	margin-top:31.71875%
}
.section-map-point-12 {
	margin-left:69.3229166667%;
	margin-top:22.65625%
}
.section-map-point-13 {
	margin-left:75.46875%;
	margin-top:29.375%
}
.section-map-overlay {
	position:absolute;
	inset:5rem 0 auto;
	padding:0 1.25rem;
	max-width:1024px;
	margin:auto;
	color:#fff;
	text-align:center
}
.section-map-overlay .richtext {
	margin-top:1rem;
	color:rgba(255, 255, 255, .5)
}
@media(max-width: 1279px) {
.section-map-overlay {
max-width:640px;
top:64px
}
.section-map-overlay .richtext {
font-size:.75rem;
line-height:1rem
}
}
@media(max-width: 1023px) {
.section-map-point {
width:.5rem;
height:.5rem
}
}
.section-dev-history .timeline {
	margin-top:4rem
}
@media(max-width: 767px) {
.section-dev-history .timeline {
margin-top:2rem
}
}
.product-menu-overlay {
	position:fixed;
	inset:0;
	z-index:9;
	background-color:rgba(0, 0, 0, .5);
	display:none
}
.product-menu-container {
	height:100%;
	background-color:#fff;
	padding-top:8rem
}
.product-menu-content {
	height:100%;
	overflow:auto
}
.product-menu {
--column-gap: 2px;
	height:100%;
	gap:0
}
.product-menu-scrollbar-progress {
	width:2px;
	background-color:#e8e8e8;
	position:sticky;
	top:0
}
.product-menu-left {
	width:calc(25% - var(--column-gap, 0px)/1.3333333333);
	padding-right:6rem;
	display:flex;
	flex-direction:column
}
.product-menu-right {
	width:calc(75% - var(--column-gap, 0px)/4);
	padding-left:6.875rem;
	padding-bottom:4rem
}
.product-menu-back {
	display:none;
padding:.5rem 0 1rem;
	width:100%;
	align-items:center;
	border-bottom-width:1px;
	border-color:rgba(112, 112, 112, .2);
	margin-bottom:1rem;
font-size:.75rem;
	line-height:1rem
}
.product-menu-back c-icon {
	width:1rem;
	height:1rem;
	transform:rotate(90deg)
}
.product-list-block {
	display:none
}
.product-enter-active, .product-leave-active {
	transition-property:transform, opacity;
transition-duration:.25s;
	transition-timing-function:cubic-bezier(0.4, 0.2, 0, 1)
}
.product-enter-from, .product-leave-to {
	opacity:0
}
.product-list {
--column-gap: 1.5rem;
--row-gap: 2.5rem
}
.product-block {
	width:calc(33.3333333333% - var(--column-gap, 0px)/1.5)
}
.product-image {
	aspect-ratio:4/3
}
.product-title {
	margin-top:1rem;
	font-size:1.25rem;
	line-height:1.5rem;
	letter-spacing:-0.03em
}
.product-subtitle {
font-size:.875rem;
	line-height:1.25rem;
	max-height:3.75rem;
	overflow:hidden;
	text-overflow:ellipsis;
	display:-webkit-box;
	-webkit-line-clamp:3;
	-webkit-box-orient:vertical;
	color:rgba(0, 0, 0, .5);
	margin-top:1rem
}
.product-sidebar {
	position:sticky;
	top:0;
	display:flex;
	flex-direction:column;
	height:calc(100vh - 192px)
}
.product-sidebar-item {
	margin-bottom:1rem;
	font-size:1.25rem;
	line-height:1.5rem
}
.product-sidebar-link {
	display:flex;
	align-items:center
}
.product-sidebar-link c-icon {
	width:1rem;
	height:1rem;
	flex-shrink:0;
	transform:rotate(270deg);
	display:none
}
.product-sidebar-link.is-active {
	text-decoration:underline
}
.product-sidebar-link.is-active c-icon {
	display:block
}
.product-sidebar-customization {
	text-align:center;
	background-color:#f7f7f7;
	padding:1.25rem;
	margin-top:auto
}
.product-sidebar-customization p {
	font-size:1.25rem;
	line-height:1.5rem;
	letter-spacing:-0.03em
}
.product-sidebar-customization .btn {
margin-top:.75rem
}
@media(max-width: 1279px) {
.product-menu-container .container {
padding-left:1rem;
padding-right:1rem
}
.product-menu {
padding-top:0
}
.product-menu-left {
padding-right:2rem
}
.product-menu-right {
padding-left:2rem
}
.product-title {
padding-right:0
}
.product-content {
padding-right:0
}
.product-title {
font-size:1rem;
min-height:auto
}
.product-subtitle {
font-size:.75rem;
line-height:1rem;
margin-top:.5rem
}
.product-sidebar-link {
font-size:1rem
}
.product-sidebar-customization {
font-size:.75rem
}
.product-sidebar-customization p {
font-size:.75rem;
line-height:1rem
}
}
@media(max-width: 1023px) {
.product-menu-container {
padding-top:4rem
}
.product-block {
width:calc(50% - var(--column-gap, 0px)/2)
}
.product-menu-left {
width:calc(33.3333333333% - var(--column-gap, 0px)/1.5);
padding-right:32px
}
.product-menu-right {
width:calc(66.6666666667% - var(--column-gap, 0px)/3);
overflow:hidden;
padding-left:0
}
.product-menu-scrollbar-progress {
display:none
}
.product-menu-back {
display:flex
}
.product-list {
--column-gap: 0.5rem;
--row-gap: 1rem
}
.product-title {
margin-top:.5rem
}
.product-subtitle {
display:none
}
.product-sidebar {
height:calc(100vh - 96px)
}
.product-sidebar-item {
margin-bottom:.5rem
}
.product-sidebar-link {
font-size:.75rem;
line-height:1rem
}
.product-sidebar-customization {
padding:1rem .75rem
}
.product-sidebar-customization .btn {
border-radius:8px;
padding:.25rem;
font-size:.75rem;
line-height:1rem
}
}
@media(max-width: 767px) {
.product-block {
width:calc(100% - var(--column-gap, 0px)/infinity)
}
.product-menu-left {
width:calc(41.6666666667% - var(--column-gap, 0px)/1.7142857143);
padding-right:1rem
}
.product-menu-right {
width:calc(58.3333333333% - var(--column-gap, 0px)/2.4)
}
.product-title {
font-size:.75rem;
line-height:1.25rem
}
.product-sidebar-link c-icon {
width:.75rem;
height:.75rem
}
}
.model-table {
font-size:.875rem;
	line-height:1.25rem;
	font-weight:400
}
.model-table-header {
	border-radius:12px;
	background-color:#f7f7f7;
	font-weight:500;
	position:sticky;
	top:2rem;
	z-index:1;
	transition-property:top;
	transition-timing-function:var(--default-timing-function);
	transition-duration:var(--default-duration)
}
.has-scroller-up .model-table-header {
	top:6rem
}
.has-scroller-start .ff1{ display:none}
.has-scroller-start .ff2{ display:block}



.model-table-item {
	border-radius:12px;
	border-width:1px;
	border-color:#ebebeb;
margin-top:.75rem
}
.model-table-item.is-active .model-table-col.is-col-details c-icon {
	transform:rotate(180deg)
}
.model-table-row {
	width:100%;
	text-align:left;
	display:flex;
	align-items:center;
padding:1.25rem .75rem
}
.model-table-col {
	text-align:center;
padding:0 .5rem;
	flex-grow:1;
	word-break:break-all
}
.model-table-col.is-col-type {
	text-align:left;
	width:12rem
}
.model-table-col.is-col-cross-section {
	width:4rem
}
.model-table-col.is-col-voltage {
	width:9rem
}
.model-table-col.is-col-color-temperature {
	width:16rem
}
.model-table-col.is-col-color-temperature img {
	display:inline-block
}
.model-table-col.is-col-color-temperature img:not(:first-child) {
margin-left:.5rem
}
.model-table-col.is-col-power {
	width:8rem
}
.model-table-col.is-col-min-cut-unit {
	width:4rem
}
.model-table-col.is-col-waterproof-grade {
	width:6rem
}
.model-table-col.is-col-efficacy {
	width:6rem
}
.model-table-col.is-col-details {
	text-align:right;
	width:4rem
}
.model-table-col.is-col-details c-icon {
	width:1.25rem;
	height:1.25rem;
	margin-left:auto
}
.model-table-list .model-table-row {
padding:1.75rem .75rem
}
.model-table-list .model-table-col.is-col-type {
	font-weight:700
}
.model-table-info {
	position:relative;
	border-top-width:1px;
	border-color:#ebebeb;
	padding-top:2rem;
	padding-bottom:3rem;
	margin:0 1.25rem;
	display:none
}
.model-table-info .model-image-gallery {
	display:flex;
	flex-wrap:wrap;
	gap:1rem;
	min-height:9rem
}
.model-table-info .model-image-gallery a {
	display:block;
	position:relative
}
.model-table-info .model-image {
	aspect-ratio:1;
	object-fit:cover;
	height:9rem
}
.model-table-info .btn-group {
	position:absolute;
	right:6rem;
	bottom:3rem
}
.model-table-mobile-content {
	display:none
}
@media(max-width: 1279px) {
.model-table-container {
overflow:auto
}
.model-table {
font-size:.75rem;
line-height:1rem
}
.model-table-header {
position:static
}
}
@media(max-width: 1023px) {
.model-table-list .model-table-row {
padding-top:1rem;
padding-bottom:1rem
}
.model-table-col.is-col-color-temperature {
display:none
}
.model-table-col.is-col-power {
display:none
}
.model-table-col.is-col-min-cut-unit {
display:none
}
.model-table-col.is-col-waterproof-grade {
display:none
}
.model-table-col.is-col-efficacy {
display:none
}
.model-table-info {
padding:1rem 0 2rem
}
.model-table-info .model-image {
height:6rem
}
.model-table-info .btn-group {
position:static;
margin-top:1rem
}
.model-table-mobile-content {
font-size:.875rem;
line-height:1.5rem;
margin-bottom:1rem;
display:block
}
.model-table-mobile-content .label {
color:rgba(0, 0, 0, .75)
}
.model-table-mobile-content .label:not(:first-child) {
margin-top:.5rem
}
.model-table-mobile-content .content {
font-weight:500
}
.model-table-mobile-content img {
display:inline-block
}
.model-table-mobile-content img:not(:first-child) {
margin-left:8px
}
}
.process-step {
--row-gap: 4rem;
--column-gap: 5rem
}
.process-step-block {
	width:calc(20% - var(--column-gap, 0px)/1.25);
	display:flex;
	flex-direction:column;
	position:relative
}
.process-step-border {
	position:absolute;
right:calc(-1*var(--column-gap)*.5);
	width:auto;
	height:100%;
	color:#ff8e16
}
.process-step-block:nth-child(5n) .process-step-border {
display:none
}
.process-step-title {
	font-size:1.25rem;
	line-height:1.5rem;
	font-weight:400;
	margin-bottom:2rem;
	min-height:6rem
}
.process-step-content {
	margin-top:auto
}
.process-step-number {
margin-bottom:.25rem;
font-size:.875rem;
	letter-spacing:-0.03em;
	color:rgba(0, 0, 0, .3);
	text-transform:uppercase
}
.process-step-image {
	display:block;
	width:100%
}
@media(max-width: 1279px) {
.process-step {
--column-gap: 3rem;
--row-gap: 1.5rem
}
.process-step-title {
font-size:.875rem;
line-height:1.25rem;
padding-right:0;
margin-bottom:1rem;
min-height:2.75rem
}
}
@media(max-width: 1023px) {
.process-step-block {
width:calc(50% - var(--column-gap, 0px)/2)
}
.process-step-block:nth-child(5n) .process-step-border {
display:block
}
.process-step-block:nth-child(2n) .process-step-border {
display:none
}
.process-step-title {
min-height:auto
}
.process-step-number {
font-size:.625rem
}
}
.project-info-trigger {
	position:relative
}
.project-info-trigger .btn {
	height:100%
}
.project-info-container {
	position:absolute;
	top:100%;
	left:50%;
padding-top:.5rem;
	opacity:0;
	transform:translateY(-8px);
	visibility:hidden;
	transition-property:transform, opacity, visibility;
	transition-timing-function:var(--default-timing-function);
	transition-duration:var(--default-duration);
	pointer-events:none
}
.project-info-container::before, .project-info-container::after {
content:"";
display:block;
width:.75rem;
height:.75rem;
border-width:6px
}
.project-info-container::before {
border-left-color:#fff;
border-bottom-color:#fff;
border-top-color:rgba(0, 0, 0, 0);
border-right-color:rgba(0, 0, 0, 0)
}
.project-info-container::after {
display:none;
border-left-color:#fff;
border-bottom-color:rgba(0, 0, 0, 0);
border-top-color:#fff;
border-right-color:rgba(0, 0, 0, 0)
}
.project-info-trigger:hover .project-info-container {
	transform:none;
	opacity:1;
	visibility:visible;
	pointer-events:auto
}
.project-info {
	background-color:#fff;
	color:#000;
	padding:1.75rem 1.25rem;
	width:22.5rem
}
.project-info-header {
	display:flex;
	align-items:center;
gap:.25rem
}
.project-info-header c-icon {
width:.625rem;
height:.625rem;
	color:#ff8e16
}
.project-info-title {
	flex:1 1 0%;
	font-size:1.125rem;
	line-height:1.5rem
}
.project-info-location c-icon {
	width:1rem;
	height:1rem;
	display:inline-block;
	margin-right:4px
}
.project-info-content {
	color:rgba(0, 0, 0, .5);
	margin-top:1em
}
@media(max-width: 1279px) {
.project-info {
font-size:.75rem
}
}
@media(max-width: 767px) {
.project-info-container {
top:auto;
bottom:100%;
padding-top:0;
padding-bottom:.5rem
}
.project-info-container::before {
display:none
}
.project-info-container::after {
display:block
}
.project-info {
font-size:.625rem;
padding:1rem;
width:16rem;
margin-left:-8rem
}
.project-info-title {
font-size:.875rem
}
.project-info-location c-icon {
width:.625rem;
height:.625rem;
margin-right:0
}
}
.message-overlay {
	position:fixed;
	inset:0;
	background-color:rgba(0, 0, 0, .5);
	display:flex;
	flex-direction:column;
	justify-content:flex-end;
	align-items:flex-end;
	z-index:11;
	display:none
}
.message-overlay-enter-active, .message-overlay-leave-active, .message-overlay-enter-active .message-form, .message-overlay-leave-active .message-form {
	transition-duration:var(--default-duration);
	transition-timing-function:var(--default-timing-function)
}
.message-overlay-enter-active, .message-overlay-leave-active {
	transition-property:background-color
}
.message-overlay-enter-active .message-form, .message-overlay-leave-active .message-form {
	transition-property:opacity, transform
}
.message-overlay-enter-from, .message-overlay-leave-to {
	background-color:rgba(0, 0, 0, 0)
}
.message-overlay-enter-from .message-form, .message-overlay-leave-to .message-form {
	opacity:0;
	transform:translateY(32px)
}
.message-container {
	overflow:auto;
	width:100%;
	max-height:100%;
	padding:2rem
}
.message-form {
	border-radius:16px;
	background-color:#f8f8f8;
	padding:2rem;
	position:relative;
	max-width:24rem;
	margin-left:auto;
	display:flex;
	flex-direction:column;
	align-items:flex-start;
gap:.75rem
}
.message-form .form-field {
	width:100%
}
.message-form .btn {
	font-weight:400;
	margin-top:2rem
}
.message-form-close {
	position:absolute;
	top:1rem;
	right:1rem
}
.message-form-title {
	font-size:1.5rem;
margin-bottom:.5rem
}
@media(max-width: 767px) {
.message-container {
padding:1rem
}
}
.timeline {
	display:flex
}
.timeline-block:not(:last-child)::after, .timeline-dot {
transition-property:background-color;
transition-duration:var(--default-duration);
transition-timing-function:var(--default-timing-function)
}
.timeline-block {
	position:relative;
	flex:1 1 0%
}
.timeline-block:last-child {
	flex-grow:0
}
.timeline-block:not(:last-child)::after {
content:"";
position:absolute;
top:16px;
left:16px;
height:1px;
width:100%;
background-color:#c8c8c8
}
.timeline-node {
	width:2rem;
	text-align:center;
	font-weight:300;
	white-space:nowrap
}
.timeline-dot {
	width:2rem;
	height:2rem;
	border-radius:9999px;
padding:.625rem
}
.timeline-dot::after {
content:"";
position:relative;
display:block;
width:100%;
height:100%;
border-radius:inherit;
background-color:#c8c8c8;
z-index:1
}
.timeline-block.is-active::after {
background-color:#ff8e16
}
.timeline-block.is-active .timeline-dot {
	background-color:rgba(255, 142, 22, .2)
}
.timeline-block.is-active .timeline-dot::after {
background-color:#ff8e16
}
.timeline-title {
margin-top:.5rem
}
@media(max-width: 1023px) {
.timeline-block {
font-size:.75rem
}
}
@media(max-width: 767px) {
.timeline-block {
font-size:.625rem
}
}
.page-project-list .page-heading {
	font-size:6rem;
	line-height:1;
	letter-spacing:-0.03em;
	margin-top:9.375rem;
	margin-bottom:5rem;
	text-transform:uppercase
}
.page-project-list .project-block, .page-project-list .pagination {
	border-top-width:1px;
	border-color:rgba(112, 112, 112, .1)
}
.page-project-list .project-block {
	padding-top:4rem;
	padding-bottom:4rem;
	align-items:center
}
.page-project-list .project-block .btn {
	margin-top:auto
}
.page-project-list .project-block a {
	display:block
}
.page-project-list .project-left, .page-project-list .project-right {
	width:calc(50% - var(--column-gap, 0px)/2)
}
.page-project-list .project-left {
	padding-right:8rem;
	display:flex;
	flex-direction:column;
	align-items:flex-start
}
.page-project-list .project-subtitle, .page-project-list .project-title, .page-project-list .project-desc {
	margin-bottom:1.5rem
}
.page-project-list .project-title {
	font-size:2rem;
	line-height:2.5rem;
	letter-spacing:-0.03em
}
.page-project-list .project-desc {
	font-weight:600;
	color:rgba(0, 0, 0, .5)
}
.page-project-list .project-image {
	width:100%;
	aspect-ratio:650/360
}
@media(max-width: 1279px) {
.page-project-list .page-heading {
font-size:4rem
}
.page-project-list .project-left {
padding-right:4rem
}
}
@media(max-width: 1023px) {
.page-project-list .project-left, .page-project-list .project-right {
width:calc(100% - var(--column-gap, 0px)/infinity)
}
.page-project-list .project-left {
padding-right:0;
padding-bottom:4rem
}
}
@media(max-width: 767px) {
.page-project-list .page-heading {
font-size:2rem;
margin-top:4rem;
margin-bottom:2rem
}
.page-project-list .project-block {
padding-top:2rem;
padding-bottom:2rem
}
.page-project-list .project-subtitle {
margin-bottom:.5rem
}
.page-project-list .project-left {
padding-bottom:2rem
}
.page-project-list .project-title, .page-project-list .project-desc {
margin-bottom:1rem
}
.page-project-list .project-title {
font-size:1.5rem;
line-height:2rem
}
}
.page-news-list .page-heading {
	font-size:4rem;
	line-height:1;
	margin-top:8rem;
	margin-bottom:2.5rem
}
.page-news-list .news-list {
	margin-top:6.25rem;
	margin-bottom:2.5rem
}
@media(max-width: 1279px) {
.page-news-list .page-heading {
font-size:3rem
}
.page-news-list .news-list {
margin-top:4rem
}
}
@media(max-width: 1023px) {
.page-news-list .page-heading {
font-size:2rem;
line-height:2.25rem
}
.page-news-list .news-list {
margin:2rem 0
}
}
@media(max-width: 767px) {
.page-news-list .page-heading {
font-size:1.75rem;
line-height:2rem;
margin-top:4rem;
margin-bottom:2rem
}
}
.page-news-details .article {
	max-width:61.25rem;
	margin:9.375rem auto
}
.page-news-details .article-heading {
	font-size:3rem;
	line-height:3.75rem;
	letter-spacing:.025em
}
.page-news-details .article-desc {
	margin-top:2.5rem;
	margin-bottom:2.5rem
}
.page-news-details .article-desc :not(:first-child) {
margin-top:1.5em
}
.page-news-details .article-share-list {
	padding:1.25rem 0;
	border-top-width:1px;
	border-bottom-width:1px;
	border-color:rgba(0, 0, 0, .1);
	display:flex;
	flex-wrap:wrap
}
.page-news-details .article-content {
	margin-top:5rem
}
.page-news-details .article-content :not(:first-child) {
margin-top:1.5em
}
.page-news-details .article-content h2 {
	font-size:1.5rem;
	line-height:2rem;
	letter-spacing:-0.02em
}
.page-news-details .article-content h2::before {
content:"";
display:inline-block;
width:.75em;
height:.75em;
border-radius:9999px;
background-color:currentColor;
margin-right:.25em
}
.page-news-details .article-content h2:not(:first-child) {
margin-top:7.5rem
}
.page-news-details .article-footer {
	display:flex;
	justify-content:space-between;
	border-top-width:1px;
	border-color:rgba(0, 0, 0, .2);
padding:.5rem 0;
	margin-top:9.375rem
}
.page-news-details .article-action {
	display:flex;
	align-items:center;
font-size:.875rem;
	line-height:1.5rem;
	letter-spacing:.01em
}
.page-news-details .article-action c-icon {
	width:1.25rem;
	height:1.25rem
}
.page-news-details .article-action:not(.is-disabled):hover {
text-decoration:underline
}
.page-news-details .article-action.is-disabled {
	cursor:not-allowed;
	color:rgba(0, 0, 0, .25)
}
.page-news-details .article-action-prev c-icon {
	transform:rotate(90deg)
}
.page-news-details .article-action-list svg {
margin-right:.25rem
}
.page-news-details .article-action-next c-icon {
	transform:rotate(270deg)
}
.page-news-details .section-title {
	text-align:center
}
.page-news-details .share-btn {
margin-left:.5rem
}
.page-news-details .share-btn:hover, .page-news-details .share-btn:focus {
	color:#ff8300
}
.page-news-details .project-info {
	width:100%;
	background-color:#f5f5f5;
border-radius:.75rem;
	margin-top:2rem;
	margin-left:0
}
@media(max-width: 767px) {
.page-news-details .article {
margin:4rem 0
}
.page-news-details .article-heading {
font-size:1.75rem;
line-height:2rem
}
.page-news-details .article-content h2 {
font-size:1.25rem;
line-height:1.75rem
}
.page-news-details .article-content h2:not(:first-child) {
margin-top:4rem
}
.page-news-details .article-footer {
margin-top:2rem
}
.page-news-details .article-action {
font-size:.75rem
}
.page-news-details .article-action c-icon {
width:1rem;
height:1rem
}
.page-news-details .project-info {
font-size:.75rem
}
}
.page-customization .page-heading {
	color:#fff;
	width:100%;
	font-size:6.25rem;
	line-height:1;
	letter-spacing:-0.03em;
	text-align:center;
	text-transform:uppercase;
	margin-bottom:3rem;
	max-width:640px;
	margin-left:auto;
	margin-right:auto
}
.page-customization .page-slogan {
	padding:6rem 0 9rem;
	letter-spacing:-0.03em;
	font-size:2rem;
	line-height:3rem;
	max-width:68rem;
	margin:auto;
	text-align:center
}
.page-customization .f-carousel-customization .f-carousel-image {
	aspect-ratio:1920/800
}
.page-customization .f-carousel-customization .f-carousel__overlay {
	top:0;
	display:flex;
	flex-direction:column;
	justify-content:center;
	align-items:center
}
.page-customization .section-1 .section-header {
	max-width:none
}
.page-customization .section-2 .h1 {
	margin:auto;
	line-height:1.25
}
.page-customization .section-2 .section-subtitle {
	letter-spacing:-0.03em;
	font-size:1.5rem;
	color:rgba(0, 0, 0, .8)
}
.page-customization .section-2 .btn {
	margin-top:4rem
}
.page-customization .process-step {
	margin-top:4rem
}
.page-customization .section-4 .h1 {
	max-width:64rem;
	margin:auto
}
.page-customization .onestop-feature-list {
--column-gap: 3rem;
--row-gap: 1.5rem;
	margin-top:4rem
}
.page-customization .onestop-feature-block {
	width:calc(16.6666666667% - var(--column-gap, 0px)/1.2);
font-size:.875rem;
	line-height:1.25rem;
	color:rgba(0, 0, 0, .6);
	text-align:center
}
.page-customization .onestop-feature-image {
	margin:auto
}
.page-customization .onestop-feature-title {
	margin-top:1.5rem
}
:lang(zh) .page-customization .page-heading {
max-width:none;
letter-spacing:0em
}
:lang(zh) .page-customization .page-slogan {
letter-spacing:0em
}
@media(max-width: 1279px) {
.page-customization .page-heading {
font-size:4rem;
max-width:24rem
}
.page-customization .section-2 .section-subtitle {
font-size:1rem
}
.page-customization .section-2 .h1, .page-customization .section-4 .h1 {
max-width:32rem
}
.page-customization .onestop-feature-list {
--column-gap: 6rem
}
.page-customization .onestop-feature-block {
width:calc(33.3333333333% - var(--column-gap, 0px)/1.5)
}
}
@media(max-width: 1023px) {
.page-customization .service-block {
padding:2rem
}
}
@media(max-width: 767px) {
.page-customization .page-heading {
font-size:2.5rem;
margin-bottom:1rem
}
.page-customization .page-slogan {
font-size:1.5rem;
line-height:2rem;
padding:4rem 0
}
.page-customization .section-2 .section-subtitle {
font-size:.75rem
}
.page-customization .section-2 .btn {
margin-top:2rem
}
.page-customization .process-step {
margin-top:2rem
}
.page-customization .onestop-feature-list {
--column-gap: 2rem;
margin-top:2rem
}
.page-customization .onestop-feature-image {
height:4rem
}
.page-customization .onestop-feature-title {
margin-top:.5rem;
font-size:.75rem;
line-height:1rem
}
.page-customization .onestop-feature-block {
width:calc(50% - var(--column-gap, 0px)/2)
}
}
.page-index {
	padding-top:0
}
.page-index .f-carousel-banner {
	color:#fff;
	height:90vh;
	min-height:31.25rem;
	margin-bottom:0
}
.page-index .f-carousel-banner .f-carousel__dots {
	position:absolute;
	bottom:4rem
}
.page-index .homebanner {
	position:relative;
	width:100%;
	height:100%
}
.page-index .homebanner-image {
	position:absolute;
	top:0;
	left:0;
	height:100%;
	width:100%;
	object-fit:cover
}
.page-index .homebanner-overlay {
	position:absolute;
	inset:0;
	display:flex;
	flex-direction:column;
	justify-content:center;
	align-items:center;
	padding:2rem
}
.page-index .homebanner-overlay .h1 {
	line-height:1.2;
	max-width:64rem;
	text-transform:uppercase
}
.page-index .homebanner-overlay .btn {
	font-weight:400;
	margin-top:2.5rem
}
.page-index .homebanner-overlay .btn:not(:hover) {
color:#000
}
.page-sustainability .section-header .richtext {
	color:rgba(0, 0, 0, .6)
}
@media(min-width: 1280px) {
.page-sustainability .banner {
height:50rem
}
.page-sustainability .section .f-carousel {
margin-top:8rem
}
}
.page-service .page-header {
	margin-top:12rem;
	margin-bottom:6rem
}
.page-service .page-header .btn-group {
	margin-top:3rem
}
.page-service .page-heading {
	font-size:6.25rem;
	line-height:1;
	letter-spacing:-0.03em;
	text-transform:uppercase
}
.page-service .page-subheading {
	max-width:34.25rem;
	text-align:left;
	margin-bottom:4rem
}
.page-service .accordion-block {
	padding-top:3rem;
	padding-bottom:3rem;
	border-top-width:1px;
	border-color:rgba(112, 112, 112, .2)
}
.page-service .accordion-block:last-child {
	border-bottom-width:1px
}
.page-service .accordion-block a:hover {
	text-decoration:underline
}
.page-service .accordion-toggle {
	display:flex;
	align-items:center;
	width:100%;
	text-align:left
}
.page-service .accordion-toggle c-icon {
	width:2rem;
	height:2rem;
margin-left:.5rem
}
.page-service .accordion-block.is-active .accordion-toggle c-icon {
	transform:rotate(180deg)
}
.page-service .accordion-title {
	flex-basis:0%;
	flex-grow:1;
	font-size:1.5rem;
	line-height:2rem;
	letter-spacing:-0.03em
}
.page-service .accordion-content {
	display:none;
	margin-top:1rem
}
.page-service .accordion-content .richtext+.btn {
	margin-top:2rem
}
.page-service .banner {
	height:25rem
}
.page-service .search-form {
	position:relative
}
.page-service .search-form c-icon {
	position:absolute;
top:.5rem;
	left:0;
	width:2rem;
	height:2rem
}
.page-service .search-form .btn {
	position:absolute;
	right:0;
	top:0
}
.page-service .search-form-control {
	display:block;
	width:100%;
	padding-top:1rem;
	padding-right:10rem;
	padding-left:2.5rem;
	padding-bottom:1.5rem;
	border-bottom-width:1px;
	border-bottom-color:#000;
	transition-property:border-color;
	transition-duration:var(--default-duration);
	transition-timing-function:var(--default-timing-function)
}
.page-service .search-result {
	margin-top:4rem;
	margin-bottom:4rem
}
.page-service .search-result-header {
	display:flex;
	align-items:center;
	padding:3rem 0
}
.page-service .search-result-select {
	position:relative
}
.page-service .search-result-select c-icon {
	position:absolute;
	top:0;
	bottom:0;
	margin:auto;
	right:1.25rem;
	width:1rem;
	height:1rem
}
.page-service .search-result-select-control {
	border-radius:9999px;
	background-color:#f5f5f5;
	font-weight:400;
padding:.625rem 1.25rem;
	min-width:17.5rem;
	appearance:none;
	margin-left:1.25rem
}
.page-service .product-download-list {
--column-gap: 6rem;
--row-gap: 4rem;
	margin-top:4rem
}
.page-service .product-download-block {
	width:calc(50% - var(--column-gap, 0px)/2);
	display:flex;
	flex-wrap:wrap;
	align-items:flex-start
}
.page-service .product-download-content {
	flex:1 1 0%;
	margin-left:1.5rem
}
.page-service .product-download-content .btn-group {
	margin-top:1rem
}
@media(min-width: 1280px) {
.page-service .page-subheading {
font-size:3rem;
line-height:3.375rem
}
}
@media(max-width: 1279px) {
.page-service .page-header {
margin-top:8rem;
margin-bottom:4rem
}
.page-service .page-heading {
font-size:4rem;
line-height:1
}
.page-service .product-download-list {
--column-gap: 2rem;
--row-gap: 2rem
}
}
@media(max-width: 1023px) {
.page-service .page-header .btn-group {
margin-top:1rem
}
.page-service .accordion-block {
padding:1.5rem 0
}
.page-service .accordion-toggle c-icon {
width:1.5rem;
height:1.5rem
}
.page-service .accordion-title {
font-size:1.25rem;
line-height:1.75rem
}
.page-service .accordion-content {
font-size:.875rem;
line-height:1.25rem;
margin-top:.5rem
}
.page-service .product-download-list {
margin-top:2rem
}
.page-service .product-download-image {
height:4rem;
object-fit:cover
}
.page-service .product-download-content {
flex:1 1 100%;
margin-left:0;
margin-top:1rem
}
}
@media(max-width: 767px) {
.page-service .btn-group {
margin-top:1rem
}
.page-service .page-subheading {
margin-bottom:2rem
}
.page-service .page-header {
margin-top:2rem;
margin-bottom:2rem
}
.page-service .page-heading {
font-size:2.5rem;
line-height:3rem
}
.page-service .accordion-title {
font-size:1rem;
line-height:1.5rem
}
.page-service .banner {
height:16rem
}
.page-service .product-download-image {
width:100%;
height:6rem
}
.page-service .product-download-list {
--column-gap: 0.625rem
}
}
.page-contact .h1 {
	text-align:left
}
.page-contact .contact-row {
--gap: 2rem
}
.page-contact .col {
	width:calc(50% - var(--column-gap, 0px)/2)
}
.page-contact .subheading {
	margin-top:1.5rem;
	max-width:20rem
}
.page-contact .form-row {
--gap: 1.5rem
}
.page-contact .form-row .btn {
	font-weight:400;
	margin-top:2rem
}
@media(max-width: 1279px) {
.page-contact .col {
width:calc(100% - var(--column-gap, 0px)/infinity)
}
}
@media(max-width: 767px) {
.page-contact .contact-row .h1 {
font-size:2.25rem;
line-height:1.2
}
}
.page-technology .section-1 {
	overflow:hidden
}
.page-technology .section-1 .h1 {
	max-width:50rem;
	margin:auto
}
.page-technology .section-1 .f-carousel {
	margin-top:4rem
}
.page-technology .section-1 .banner {
	height:auto;
	color:#000;
	margin-top:8rem
}
.page-technology .section-1 .banner .richtext {
	margin-top:2rem;
	color:rgba(0, 0, 0, .6)
}
.page-technology .section-1 .banner-overlay {
	position:relative;
	min-height:inherit;
	padding:6rem 0;
	display:block;
	background-image:none;
	background-color:rgba(0, 0, 0, .05);
	min-height:50rem;
	z-index:1
}
.page-technology .section-1 .banner-content {
	max-width:32rem;
	margin:0;
	text-align:left
}
.page-technology .gallery-list {
	margin-top:4rem
}
.page-technology .section-3 .richtext {
	color:rgba(0, 0, 0, .6);
	margin-top:2rem
}
.page-technology .section-3-col {
	width:calc(50% - var(--column-gap, 0px)/2)
}
.page-technology .section-3-col-left {
	padding-right:10rem
}
.page-technology .section-3-image {
	display:block;
	width:100%
}
@media(min-width: 1280px) {
.page-technology .banner .h1 {
font-size:6.25rem;
line-height:1
}
}
@media(max-width: 1279px) {
.page-technology .banner-content .h1 {
font-size:2.5rem
}
.page-technology .section-3 {
font-size:.75rem;
line-height:1rem
}
.page-technology .section-3-col-left {
padding-right:4rem
}
}
@media(max-width: 1023px) {
.page-technology .section-1 .banner {
margin-top:4rem
}
.page-technology .section-1 .banner .richtext {
font-size:.75rem;
line-height:1.25rem
}
.page-technology .section-1 .banner-overlay {
min-height:37.5rem
}
.page-technology .section-1 .banner-content {
max-width:24rem
}
.page-technology .section-1 .banner-image {
object-position:75% 50%
}
.page-technology .section-3-col {
width:calc(100% - var(--column-gap, 0px)/infinity)
}
.page-technology .section-3-col-left {
padding-right:0
}
.page-technology .section-3-col-right {
margin-top:2rem
}
}
@media(max-width: 767px) {
.page-technology .section-1 .banner-overlay {
position:static;
padding:4rem 0
}
.page-technology .section-1 .banner-image {
position:static;
height:37.5rem
}
.page-technology .gallery-list {
margin-top:2rem
}
}
.page-strength .feature-list-card-style .feature-block {
	padding:4rem 2rem
}
.page-strength .feature-list-card-style .feature-title {
	margin-top:4rem
}
.page-strength .section .f-carousel {
	margin-top:4rem
}
.page-strength .partner-list {
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
	margin-top:4rem;
	gap:2rem 9rem
}
.page-strength .partner-block {
	text-align:center;
	width:8rem
}
.page-strength .partner-image {
	border-radius:9999px;
	background-color:#f7f7f7;
	margin:auto;
	display:block;
	width:8rem;
	height:8rem;
	object-fit:contain
}
.page-strength .partner-name {
	margin-top:1rem
}
@media(min-width: 1280px) {
.page-strength .section-certification, .page-strength .section-partner {
padding-bottom:12rem
}
}
@media(max-width: 1279px) {
.page-strength .partner-list {
gap:2rem 4rem
}
.page-strength .partner-block {
width:6rem;
font-size:.75rem
}
.page-strength .partner-image {
width:6rem;
height:6rem
}
}
@media(max-width: 1023px) {
.page-strength .feature-list-card-style .feature-block {
padding:4rem
}
.page-strength .feature-list-card-style .feature-title {
margin-top:2rem
}
}
@media(max-width: 767px) {
.page-strength .partner-list {
margin-top:2rem
}
}
.page-product-details .banner-overlay {
	top:auto;
	align-items:flex-start;
	display:block;
	padding:4rem 0
}
.page-product-details .banner-content {
	text-align:left;
	max-width:650px;
	margin:0
}
.page-product-details .banner-content img+.h1 {
	margin-top:2rem
}
.page-product-details .banner-content .h1 {
	text-align:left
}
.page-product-details .banner-content .richtext {
	margin-top:1rem
}
.page-product-details .card-block {
	display:flex;
	flex-direction:column;
	min-height:380px;
	transition-property:background-color, color;
	transition-duration:var(--default-duration);
	transition-timing-function:var(--default-timing-function)
}
.page-product-details .card-block:hover {
	background-color:#ff8e16;
	color:#fff
}
.page-product-details .card-title {
	font-size:3rem;
	min-height:9rem;
	line-height:1;
	text-transform:uppercase
}
.page-product-details .section-header .btn-outline {
	border-color:#ff8e16
}
.page-product-details .page-footer-col {
	width:calc(50% - var(--column-gap, 0px)/2);
	position:relative
}
.page-product-details .page-footer-image {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	object-fit:cover;
	z-index:-1
}
.page-product-details .page-footer-overlay {
	position:absolute;
	inset:0;
	background-color:#ff8300;
	mix-blend-mode:screen;
	opacity:0;
	transition-property:opacity;
	transition-duration:var(--default-duration);
	transition-timing-function:var(--default-timing-function)
}
.page-product-details .page-footer-col:hover .page-footer-overlay {
	opacity:1
}
.page-product-details .page-footer-block {
	position:relative;
	padding:8rem 0;
	max-width:450px;
	color:#fff
}
.page-product-details .page-footer-block .btn {
	margin-top:1rem
}
.page-product-details .page-footer-block-left {
margin-left:calc(18rem + (100vw - 1920px)/2)
}
.page-product-details .page-footer-block-right {
	margin-left:8rem
}
@media(min-width: 768px) {
.page-product-details .card-block {
width:calc(33.3333333333% - var(--column-gap, 0px)/1.5)
}
}
@media(max-width: 1279px) {
.page-product-details .card-block {
padding:1.25rem;
min-height:250px
}
.page-product-details .card-title {
font-size:1.5rem;
min-height:auto;
line-height:2rem
}
.page-product-details .card-content {
font-size:.75rem;
line-height:1rem
}
.page-product-details .page-footer-block {
margin:0;
padding:8rem 4rem;
max-width:none
}
}
@media(max-width: 1023px) {
.page-product-details .banner-content {
max-width:512px
}
.page-product-details .banner-content img+.h1 {
margin-top:1rem
}
.page-product-details .banner-content .richtext {
font-size:.75rem;
line-height:1.25rem
}
.page-product-details .banner-overlay {
padding:3rem 0
}
}
@media(max-width: 767px) {
.page-product-details .card-title {
font-size:1.75rem;
line-height:2rem
}
.page-product-details .card-content {
font-size:1rem;
line-height:1.5rem
}
.page-product-details .page-footer-col {
width:calc(100% - var(--column-gap, 0px)/infinity)
}
.page-product-details .page-footer-block {
padding:4rem 1.25rem
}.section:not(.bg-whitesmoke)+.section:not(.bg-whitesmoke) {
    padding-top: 3rem;
   
    padding-bottom: 0.5rem;
}
.section:not(.bg-whitesmoke)+.section:not(.bg-whitesmoke) {
    padding-top: 3rem;
    background: url(../images/1bg4.jpg) no-repeat center top;
    padding-bottom: 0.5rem;
}.h1 {
    line-height: 1rem;
}
.section .f-carousel:not(:first-child) {
    margin-top: 0rem;
}.container {
    padding-bottom: 3rem; padding-top:2rem
}.section {
    padding: 4rem 0 0 0;
}
.index_about{background-size:300%!important; background-attachment:scroll!important}

#pro_exh .content .right li {
    width: 100%!important;
    margin-top: 10px;
    background: #fff;}

.section-corporate-values .card-list{flex-wrap: wrap }
.card-list {
    --gap: 0.9rem;
}.section-stats-block .h1 {
    font-size: 1.95rem;
}.f-carousel-image {
    display: block;
    width: 100%;
    aspect-ratio: 1920 / 800;
   min-height: 206px;
    object-fit: cover;
	}#latest{ display: 	none}
}