:root{--color-theme: #263e8b;--color-theme2: #26b9ce;--scrollbar-size: 6px;--scrollbar-color: transparent;--scrollbar-thumb-color: rgba(38, 62, 139, 0.6);--scrollbar-thumb-hover-color: var(--color-theme);--placeholder-color: #c4cad5;--swiper-theme-color: var(--color-theme);--swiper-btn-size: clamp(1.875rem, 1.4583333333rem + 0.8680555556vw, 2.5rem);--swiper-btn-color: #000;--swiper-btn-bg: transparent;--swiper-btn-border-color: #eaeaea;--swiper-btn-hover-color: #fff;--swiper-btn-hover-bg: var(--color-theme);--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / 0.05);--shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);--shadow-inner: inset 0 2px 4px 0 rgb(0 0 0 / 0.05);--transition-time: 0.4s;--border: 1px solid var(--color-border);--mpx: clamp(1.25rem, -1.25rem + 5.2083333333vw, 5rem)}@media screen and (min-width: 769px){:root{--header-height:clamp(48px,6.25vw,120px)}}@media screen and (max-width: 768px){:root{--header-height:60px}}@font-face{font-family:"hm";src:url(../fonts/HarmonyOS_Sans_SC_Regular.ttf);font-weight:normal;font-display:swap}.header{position:fixed;z-index:99;top:0;left:0;right:0;height:var(--header-height);border-bottom:1px solid rgba(255,255,255,.4);display:flex;align-items:center;justify-content:space-between;color:#fff;padding:0 clamp(1.25rem,-1.25rem + 5.2083333333vw,5rem);transition:background var(--transition-time) 0s}.header .logo{max-width:clamp(5.625rem,0.625rem + 10.4166666667vw,13.125rem)}.header .right-box{display:flex;align-items:center}@supports(gap: clamp(14px, 1.8229166667vw, 35px)){.header .right-box{gap:clamp(14px,1.8229166667vw,35px)}}@supports not (gap: clamp(14px, 1.8229166667vw, 35px)){.header .right-box{margin-right:calc(0px - clamp(14px,1.8229166667vw,35px));margin-bottom:calc(0px - clamp(14px,1.8229166667vw,35px))}.header .right-box>*{margin-right:clamp(14px,1.8229166667vw,35px);margin-bottom:clamp(14px,1.8229166667vw,35px)}}header.single .header,header.active .header{background:#fff;color:#000;box-shadow:var(--shadow)}header.single .tel,header.active .tel{color:var(--color-theme)}header.single::after{content:"";display:block;height:var(--header-height)}nav{display:flex;align-items:center;align-self:stretch}@supports(gap: clamp(24px, 3.125vw, 60px)){nav{gap:clamp(24px,3.125vw,60px)}}@supports not (gap: clamp(24px, 3.125vw, 60px)){nav{margin-right:calc(0px - clamp(24px,3.125vw,60px));margin-bottom:calc(0px - clamp(24px,3.125vw,60px))}nav>*{margin-right:clamp(24px,3.125vw,60px);margin-bottom:clamp(24px,3.125vw,60px)}}@media screen and (max-width: 768px){nav{display:none}}nav .item{position:relative;height:100%;display:flex;align-items:center}nav .item:hover{--_rotate: 0deg}nav .link{transition:background-size var(--transition-time),color var(--transition-time)}nav .link:hover{color:var(--color-theme2)}nav dd{position:absolute;z-index:10;top:100%;left:50%;transform:translateX(-50%) rotateX(var(--_rotate, -90deg));width:-moz-max-content;width:max-content;max-width:clamp(80px,10.4166666667vw,200px);transition:transform calc(var(--transition-time)*.5) cubic-bezier(0.4, 0, 0.2, 1);transform-origin:top;background:#fff;color:#333;padding:clamp(14px,1.8229166667vw,35px) 0;box-shadow:var(--shadow)}nav dd dl>.link{width:100%;padding:0 clamp(12px,1.5625vw,30px);position:relative;display:flex}nav dd dl>.link::before{content:"";display:block;top:0;bottom:0;left:0;width:3px;background:var(--color-theme2)}nav dd dl>.link .icon{right:clamp(3.2px,0.4166666667vw,8px);align-self:center;color:var(--color-theme2)}nav dd dl>.link::before,nav dd dl>.link .icon{position:absolute;opacity:var(--_active-opacity, 0);transition:opacity var(--transition-time)}nav dd dl:not(:last-child){margin-bottom:1em}nav dd dl:hover{--_active-opacity: 1}nav dd dl:hover .child{pointer-events:all;--_child-opacity: 1;--_child-top: 0}nav .child{position:absolute;z-index:0;left:100%;background:#f6f6f6;font-size:clamp(0.75rem,0.6666666667rem + 0.1736111111vw,0.875rem);padding:clamp(14px,1.8229166667vw,35px) clamp(12px,1.5625vw,30px);width:-moz-max-content;width:max-content;max-width:clamp(88px,11.4583333333vw,220px);pointer-events:none;opacity:var(--_child-opacity, 0);top:var(--_child-top, 10px);transition:opacity var(--transition-time),top var(--transition-time)}nav .child .link{display:inline-block}nav .child .link:not(:last-child){margin-bottom:1em}.header-menu-button{display:flex;align-items:center;justify-content:center;width:var(--size, );height:var(--size, );border-radius:50%;overflow:hidden;--size: 2.875em;background:var(--color-theme);color:#fff}@media screen and (max-width: 768px){.header-menu-button{font-size:12px}}.header-menu{position:fixed;top:var(--header-height);left:0;width:100%;z-index:90;padding:clamp(20px,2.6041666667vw,50px);padding-bottom:clamp(44px,5.7291666667vw,110px);box-shadow:var(--shadow)}@media screen and (max-width: 768px){.header-menu{padding:40px;padding-left:50px;height:calc(100vh - var(--header-height));overflow:auto}}.header-menu:not(.open){animation:fadeOutUp .2s forwards}.header-menu.open{animation:fadeInDown var(--transition-time) forwards}.header-menu-nav{display:flex;justify-content:center}@supports(gap: clamp(2.25rem, -0.4166666667rem + 5.5555555556vw, 6.25rem)){.header-menu-nav{gap:clamp(2.25rem,-0.4166666667rem + 5.5555555556vw,6.25rem)}}@supports not (gap: clamp(2.25rem, -0.4166666667rem + 5.5555555556vw, 6.25rem)){.header-menu-nav{margin-right:calc(0px - clamp(2.25rem,-0.4166666667rem + 5.5555555556vw,6.25rem));margin-bottom:calc(0px - clamp(2.25rem,-0.4166666667rem + 5.5555555556vw,6.25rem))}.header-menu-nav>*{margin-right:clamp(2.25rem,-0.4166666667rem + 5.5555555556vw,6.25rem);margin-bottom:clamp(2.25rem,-0.4166666667rem + 5.5555555556vw,6.25rem)}}@media screen and (max-width: 768px){.header-menu-nav{flex-direction:column}}@media screen and (max-width: 768px){.header-menu-nav .children{display:flex;flex-wrap:wrap}@supports((-moz-column-gap: 10px) or (column-gap: 10px)){.header-menu-nav .children{-moz-column-gap:10px;column-gap:10px}}@supports not ((-moz-column-gap: 10px) or (column-gap: 10px)){.header-menu-nav .children{margin-right:10px}.header-menu-nav .children>*{margin-right:10px}}@supports(row-gap: 4px){.header-menu-nav .children{row-gap:4px}}@supports not (row-gap: 4px){.header-menu-nav .children{margin-bottom:4px}.header-menu-nav .children>*{margin-bottom:4px}}}.header-menu-nav .link.lv1{margin-bottom:clamp(9.6px,1.25vw,24px);font-weight:bold;position:relative}.header-menu-nav .link.lv1::before{position:absolute;right:calc(100% + 6px)}.header-menu-nav .link:not(.lv1){display:block;color:#777}@media screen and (min-width: 769px){.header-menu-nav .link:not(.lv1):not(:last-child){margin-bottom:5px}}.header-menu-nav .link:not(.lv1):hover{text-decoration:underline}.header-menu-nav .link:hover{color:var(--color-theme)}.footer{--_border: 1px solid #e1e4e6;background:#f1f4f6;padding:clamp(52px,6.7708333333vw,130px) calc(var(--mpx)*2) clamp(20px,2.6041666667vw,50px)}@media screen and (max-width: 768px){.footer{padding:30px 20px}}@media screen and (max-width: 768px){.footer .row1{width:100%}}.footer .logo{display:block;width:225px}@media screen and (max-width: 768px){.footer .logo{width:50%}}.footer .logo-box{width:clamp(144px,18.75vw,360px)}@media screen and (max-width: 768px){.footer .logo-box{width:100%}}.footer .search{display:flex;background:#fff;margin-top:clamp(1.25rem,0.8333333333rem + 0.8680555556vw,1.875rem);width:clamp(16.25rem,12.0833333333rem + 8.6805555556vw,22.5rem);line-height:clamp(2.5rem,1.6666666667rem + 1.7361111111vw,3.75rem);overflow:hidden;border-radius:8px;border:1px solid rgba(0,0,0,0);transition:border-color .2s}@media screen and (max-width: 768px){.footer .search{width:60%;transition:width var(--transition-time)}.footer .search:focus-within{width:100%}}.footer .search input{padding:0 clamp(10px,1.3020833333vw,25px);flex:1}.footer .search .btn{width:clamp(3.125rem,2.2916666667rem + 1.7361111111vw,4.375rem);color:#fff;background:var(--color-theme);-webkit-clip-path:polygon(var(--_p, 12%) 0, 100% 0, 100% 100%, 0% 100%);clip-path:polygon(var(--_p, 12%) 0, 100% 0, 100% 100%, 0% 100%)}.footer .search:focus-within{border-color:var(--color-theme)}.footer .nav{display:flex}@supports(gap: clamp(24px, 3.125vw, 60px)){.footer .nav{gap:clamp(24px,3.125vw,60px)}}@supports not (gap: clamp(24px, 3.125vw, 60px)){.footer .nav{margin-right:calc(0px - clamp(24px,3.125vw,60px));margin-bottom:calc(0px - clamp(24px,3.125vw,60px))}.footer .nav>*{margin-right:clamp(24px,3.125vw,60px);margin-bottom:clamp(24px,3.125vw,60px)}}@media screen and (min-width: 769px){.footer .nav{margin-left:auto}}@media screen and (max-width: 768px){.footer .nav{display:none}}.footer .nav li{display:flex;flex-direction:column}.footer .nav .link:first-child{font-size:clamp(1rem,0.9166666667rem + 0.1736111111vw,1.125rem);font-weight:bold;margin-bottom:clamp(10px,1.3020833333vw,25px)}.footer .nav .link:not(:first-child){color:#777}.footer .nav .link:not(:first-child):not(:last-child){margin-bottom:.6em}.footer .row2{margin-top:clamp(30px,3.90625vw,75px);border-top:var(--_border);border-bottom:var(--_border);padding:clamp(1.875rem,1.6666666667rem + 0.4340277778vw,2.1875rem) 0}@media screen and (max-width: 768px){.footer .row2{flex-direction:column-reverse}}@supports(gap: clamp(8px, 1.0416666667vw, 20px)){.footer .qrs{gap:clamp(8px,1.0416666667vw,20px)}}@supports not (gap: clamp(8px, 1.0416666667vw, 20px)){.footer .qrs{margin-right:calc(0px - clamp(8px,1.0416666667vw,20px));margin-bottom:calc(0px - clamp(8px,1.0416666667vw,20px))}.footer .qrs>*{margin-right:clamp(8px,1.0416666667vw,20px);margin-bottom:clamp(8px,1.0416666667vw,20px)}}@media screen and (max-width: 768px){.footer .qrs{margin-top:30px}}.footer .qrs .qr{width:110px}@supports(gap: var(--_gap, clamp(80px, 10.4166666667vw, 200px))){.footer .infos{gap:var(--_gap, clamp(80px, 10.4166666667vw, 200px))}}@supports not (gap: var(--_gap, clamp(80px, 10.4166666667vw, 200px))){.footer .infos{margin-right:calc(0px - var(--_gap, clamp(80px, 10.4166666667vw, 200px)));margin-bottom:calc(0px - var(--_gap, clamp(80px, 10.4166666667vw, 200px)))}.footer .infos>*{margin-right:var(--_gap, clamp(80px, 10.4166666667vw, 200px));margin-bottom:var(--_gap, clamp(80px, 10.4166666667vw, 200px))}}@media screen and (min-width: 769px){.footer .infos{margin-left:auto}}@media screen and (max-width: 768px){.footer .infos{--_gap: 10px;flex-direction:column}}.footer .infos .label{color:#888}.footer .infos .value{font-size:clamp(1rem,0.8333333333rem + 0.3472222222vw,1.25rem);margin-top:clamp(3.2px,0.4166666667vw,8px)}.footer .infos .icon{margin-top:clamp(8px,1.0416666667vw,20px);display:flex;align-items:center;justify-content:center;width:var(--size, );height:var(--size, );border-radius:50%;overflow:hidden;background:rgba(38,62,139,.1);--size: clamp(2.1875rem, 1.9791666667rem + 0.4340277778vw, 2.5rem)}.footer .row3{justify-content:space-between;color:#666;margin-top:clamp(22px,2.8645833333vw,55px);font-size:clamp(0.75rem,0.6666666667rem + 0.1736111111vw,0.875rem)}@media screen and (max-width: 768px){.footer .row3{flex-direction:column}@supports(gap: 5px){.footer .row3{gap:5px}}@supports not (gap: 5px){.footer .row3{margin-right:-5px;margin-bottom:-5px}.footer .row3>*{margin-right:5px;margin-bottom:5px}}}@supports(gap: 8px){.footer .row4{gap:8px}}@supports not (gap: 8px){.footer .row4{margin-right:-8px;margin-bottom:-8px}.footer .row4>*{margin-right:8px;margin-bottom:8px}}.footer a{transition:color var(--transition-time)}.footer a:hover{color:var(--color-theme) !important}@media screen and (min-width: 769px){.i-banner{position:relative}@supports(aspect-ratio: 1.92){.i-banner{aspect-ratio:1.92}}@supports not (aspect-ratio: 1.92){.i-banner::before{content:"";display:block;padding-bottom:52.0833333333%}}.i-banner>.swiper{position:absolute;z-index:1;top:0;left:0;width:100%;height:100%}}@media screen and (max-width: 768px){.i-banner{height:clamp(400px,52.0833333333vw,1000px)}}.i-banner .swiper-slide{position:relative;color:#fff}.i-banner .swiper-slide:not(.active) .content{opacity:0}.i-banner .swiper-slide video{-o-object-fit:cover;object-fit:cover}.i-banner .swiper-slide .imgbox{position:relative}.i-banner .swiper-slide .imgbox::before{content:"";position:absolute;top:0;bottom:0;left:0;right:0;--_h: clamp(64px, 8.3333333333vw, 160px);background:linear-gradient(transparent, transparent calc(100% - var(--_h)), rgba(0, 0, 0, 0.6));pointer-events:none}.i-banner .swiper-slide .content{position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;width:-moz-fit-content;width:fit-content;height:-moz-fit-content;height:fit-content;display:flex;align-items:center;justify-content:center;flex-direction:column;transition:opacity var(--transition-time)}.i-banner .swiper-slide .content .title{display:flex;align-items:center;font-size:clamp(1rem,0.9166666667rem + 0.1736111111vw,1.125rem)}@supports(gap: 8px){.i-banner .swiper-slide .content .title{gap:8px}}@supports not (gap: 8px){.i-banner .swiper-slide .content .title{margin-right:-8px;margin-bottom:-8px}.i-banner .swiper-slide .content .title>*{margin-right:8px;margin-bottom:8px}}.i-banner .swiper-slide .content .big-text{font-size:clamp(48px,6.25vw,120px);font-weight:bold;line-height:1;margin-top:10px}.i-banner .swiper-slide .content .text{font-weight:bold;font-size:clamp(0.75rem,0.25rem + 1.0416666667vw,1.5rem);margin-top:10px}.i-banner .swiper-console{display:flex;align-items:center;justify-content:space-between;position:absolute;z-index:5;bottom:clamp(20px,2.6041666667vw,50px);left:clamp(32px,4.1666666667vw,80px);right:clamp(32px,4.1666666667vw,80px);color:#fff}.swiper-index{display:flex;align-items:baseline;font-weight:bold;font-size:clamp(0.875rem,0.625rem + 0.5208333333vw,1.25rem)}.swiper-index .current{font-size:1.8em}.scroll-down-tips{display:flex;align-items:center;justify-content:center;width:var(--size, );height:var(--size, );border-radius:50%;overflow:hidden;border:1px solid rgba(255,255,255,.6);color:#fff;--size: calc(48 / 16 * 1em)}@media screen and (max-width: 768px){.scroll-down-tips{font-size:12px}}.swiper-dots{display:flex;align-items:center;max-width:-moz-max-content;max-width:max-content}@supports(gap: 10px){.swiper-dots{gap:10px}}@supports not (gap: 10px){.swiper-dots{margin-right:-10px;margin-bottom:-10px}.swiper-dots>*{margin-right:10px;margin-bottom:10px}}.swiper-dots .bullet{display:block;min-width:var(--dot-size, 10px);min-height:var(--dot-size, 10px);width:var(--dot-size, 10px);height:var(--dot-size, 10px);background:var(--dot-color, #fff);border-radius:50%;transition:opacity var(--transition-time)}.swiper-dots .bullet:not(.active){opacity:.6}.i-title,.i-title-white{width:-moz-max-content;width:max-content;display:flex;align-items:center;font-size:clamp(1rem,0.9166666667rem + 0.1736111111vw,1.125rem);font-weight:bold;color:var(--color-theme)}.i-title::before,.i-title-white::before{content:"";width:1em;height:1em;background:var(--before-title-icon, url(../img/2line-theme.png)) center no-repeat;margin-right:6px}.i-title-white{color:#fff;--before-title-icon: url(../img/2line.png)}.g-more{display:flex;align-items:center;background:#fafcfd;border-radius:clamp(4px,0.5208333333vw,10px);border:1px solid var(--color-theme);width:clamp(7.5rem,5.8333333333rem + 3.4722222222vw,10rem);height:clamp(2.125rem,1.4583333333rem + 1.3888888889vw,3.125rem);overflow:hidden;text-align:center;position:relative}@media screen and (max-width: 768px){.g-more{font-size:12px}}.g-more span{flex:1;position:relative;z-index:1;transition:color var(--transition-time)}.g-more::before{content:"";width:var(--_bg-width, 32.5%);height:100%;background:var(--color-theme);position:absolute;top:0;right:0;transition:width var(--transition-time),-webkit-clip-path var(--transition-time);transition:width var(--transition-time),clip-path var(--transition-time);transition:width var(--transition-time),clip-path var(--transition-time),-webkit-clip-path var(--transition-time);-webkit-clip-path:polygon(var(--_p, 12%) 0, 100% 0, 100% 100%, 0% 100%);clip-path:polygon(var(--_p, 12%) 0, 100% 0, 100% 100%, 0% 100%)}.g-more .icon{margin-left:auto;width:32.5%;height:100%;color:var(--_icon-color, #fff);position:relative;transition:color var(--transition-time)}.g-more:hover{color:#fff;--_bg-width: 100%;--_p: 0}.g-more.border{--_icon-color: var(--color-theme);--_color: #b4b4b4;--_bg-width: 0;border-color:var(--_color);transition:border var(--transition-time);background:rgba(0,0,0,0)}.g-more.border::after{content:"";display:block;width:1px;height:120%;background:var(--_color);transform:rotate(6deg);position:absolute;right:30%;transition:background var(--transition-time)}.g-more.border:hover{--_bg-width: 100%;--_color: var(--color-theme);--_icon-color: #fff}.g-more.white{--_icon-color: #fff;--_color: #fff}.i1{padding:var(--mpx);min-height:clamp(440px,57.2916666667vw,1100px)}@media screen and (max-width: 768px){.i1{padding:40px 20px}}.i1 .title-box{display:flex;justify-content:space-between;margin-top:clamp(8px,1.0416666667vw,20px)}@media screen and (min-width: 769px){.i1 .title-box{align-items:flex-end}}@media screen and (max-width: 768px){.i1 .title-box{flex-direction:column}}.i1 .title-box .title{font-size:clamp(20px,2.6041666667vw,50px);font-weight:bold;line-height:1.2}@media screen and (max-width: 768px){.i1 .title-box .title{margin-bottom:10px}}.i1 .swiper-box{margin-top:clamp(24px,3.125vw,60px);display:flex;align-items:center}@supports(gap: clamp(16px, 2.0833333333vw, 40px)){.i1 .swiper-box{gap:clamp(16px,2.0833333333vw,40px)}}@supports not (gap: clamp(16px, 2.0833333333vw, 40px)){.i1 .swiper-box{margin-right:calc(0px - clamp(16px,2.0833333333vw,40px));margin-bottom:calc(0px - clamp(16px,2.0833333333vw,40px))}.i1 .swiper-box>*{margin-right:clamp(16px,2.0833333333vw,40px);margin-bottom:clamp(16px,2.0833333333vw,40px)}}@media screen and (max-width: 768px){.i1 .swiper-box .swiper-btn{display:none}}.i1 .swiper-box .swiper{flex:1;margin:0}.prod-item .imgbox{border-radius:1em}.prod-item .name{font-size:clamp(1rem,0.6666666667rem + 0.6944444444vw,1.5rem);margin-top:1em;line-height:1;transition:color var(--transition-time)}.prod-item .text{color:#777;margin-top:.5em}.prod-item:hover .name{color:var(--color-theme)}.i2{padding:0 clamp(0rem,-2.0833333333rem + 4.3402777778vw,3.125rem)}.i2 .container{min-height:clamp(320px,41.6666666667vw,800px);width:100%;overflow:hidden;border-radius:clamp(9.6px,1.25vw,24px);transition:background var(--transition-time);padding:clamp(76px,9.8958333333vw,190px) clamp(44px,5.7291666667vw,110px) clamp(48px,6.25vw,120px)}@media screen and (max-width: 768px){.i2 .container{padding:30px 20px}}@media screen and (min-width: 769px){.i2 .content{width:clamp(166px,21.6145833333vw,415px)}}.i2 .content .title{margin-top:clamp(8px,1.0416666667vw,20px);font-size:clamp(20px,2.6041666667vw,50px);line-height:1.1}.i2 .content .text{font-size:clamp(0.875rem,0.7083333333rem + 0.3472222222vw,1.125rem);color:#333;margin-top:clamp(12px,1.5625vw,30px);line-height:1.3}.i2 .swiper{margin-top:clamp(48px,6.25vw,120px)}.i2 .swiper-slide{display:flex;align-items:center;background:#fff;border-radius:99px;height:clamp(3.125rem,1.2083333333rem + 3.9930555556vw,6rem);padding-left:clamp(24px,3.125vw,60px);padding-right:clamp(20px,2.6041666667vw,50px);position:relative;overflow:hidden;--_rw: 36%}@media screen and (max-width: 768px){.i2 .swiper-slide{padding:0 20px}}.i2 .swiper-slide::before,.i2 .swiper-slide::after{content:"";position:absolute;top:0;bottom:0;width:0;transition:width var(--transition-time);right:0}.i2 .swiper-slide::before{background:var(--color-theme)}.i2 .swiper-slide::after{background:var(--color-theme2);-webkit-clip-path:polygon(12% 0, 100% 0, 100% 100%, 0% 100%);clip-path:polygon(12% 0, 100% 0, 100% 100%, 0% 100%)}.i2 .swiper-slide [icon],.i2 .swiper-slide .type,.i2 .swiper-slide .arr{position:relative;z-index:1}.i2 .swiper-slide [icon]{font-size:clamp(1rem,0.25rem + 1.5625vw,2.125rem);margin-right:clamp(0.5rem,0.1666666667rem + 0.6944444444vw,1rem);transition:filter var(--transition-time)}.i2 .swiper-slide .type{transition:color var(--transition-time);font-size:clamp(0.875rem,0.5416666667rem + 0.6944444444vw,1.375rem)}.i2 .swiper-slide .arr{font-size:clamp(0.875rem,0.625rem + 0.5208333333vw,1.25rem);margin-left:auto;color:#ababab;transition:color var(--transition-time)}.i2 .swiper-slide.on{color:#fff}.i2 .swiper-slide.on::before{width:100%}.i2 .swiper-slide.on::after{width:var(--_rw)}.i2 .swiper-slide.on [icon]{filter:brightness(100)}.i2 .swiper-slide.on .arr{color:inherit}.i3{--_pl: clamp(64px, 8.3333333333vw, 160px);--_pr: clamp(112px, 14.5833333333vw, 280px);padding:clamp(68px,8.8541666667vw,170px) 0 clamp(76px,9.8958333333vw,190px);overflow:hidden}@media screen and (max-width: 768px){.i3{--_pl: 20px;--_pr: 20px;padding:40px 0}}.i3 .top-box{padding-left:var(--_pl);padding-right:var(--_pr);display:flex;align-items:flex-end;justify-content:space-between}.i3 .top-box .right{display:flex;align-items:center}.i3 .pagination{display:flex;position:static;font-weight:bold;color:#666;margin-right:clamp(12px,1.5625vw,30px)}@media screen and (max-width: 768px){.i3 .pagination{font-size:14px}}.i3 .btns{display:flex}@supports(gap: clamp(7.2px, 0.9375vw, 18px)){.i3 .btns{gap:clamp(7.2px,0.9375vw,18px)}}@supports not (gap: clamp(7.2px, 0.9375vw, 18px)){.i3 .btns{margin-right:calc(0px - clamp(7.2px,0.9375vw,18px));margin-bottom:calc(0px - clamp(7.2px,0.9375vw,18px))}.i3 .btns>*{margin-right:clamp(7.2px,0.9375vw,18px);margin-bottom:clamp(7.2px,0.9375vw,18px)}}.i3 .btns .btn{color:#bbb;transition:color var(--transition-time);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.i3 .btns .btn:hover{color:var(--color-theme)}.i3 .info-box{margin-left:var(--_pl);margin-top:clamp(12px,1.5625vw,30px);width:clamp(200px,26.0416666667vw,500px);position:relative;z-index:1}.i3 .info-box .title{font-size:clamp(20px,2.6041666667vw,50px);line-height:1.2}.i3 .info-box .text{font-size:clamp(0.875rem,0.7083333333rem + 0.3472222222vw,1.125rem);color:#666;margin-top:1em}.i3 .info-box .g-more{margin-top:clamp(14px,1.8229166667vw,35px)}.i3 .items{--_size: clamp(144px, 18.75vw, 360px);--_active-size: calc(var(--_size) * 2);margin-left:var(--_pl)}@media screen and (min-width: 769px){.i3 .items{height:clamp(312px,40.625vw,780px);margin-top:clamp(-260px,-13.5416666667vw,-104px)}}@media screen and (max-width: 768px){.i3 .items{margin-top:30px}}.i3-item{width:var(--_size);height:-moz-max-content;height:max-content;display:flex;flex-direction:column;justify-content:flex-end;transition:var(--transition-time)}@media screen and (max-width: 768px){.i3-item{--_size: var(--_active-size)}}.i3-item.on{--_size: var(--_active-size)}.i3-item.on .infobox{transform:translate(0)}.i3-item:hover .name{color:var(--color-theme)}.i3-item .imgbox{width:var(--_size);height:var(--_size);border-radius:1rem;transition:var(--transition-time);position:relative;overflow:hidden}.i3-item .infobox{background:rgba(38,62,139,.92);color:#fff;border-top-right-radius:clamp(9.6px,1.25vw,24px);position:absolute;left:0;bottom:0;padding:clamp(22px,2.8645833333vw,55px) clamp(18px,2.34375vw,45px) clamp(24px,3.125vw,60px);padding-right:clamp(36px,4.6875vw,90px);transition:transform calc(var(--transition-time)*2);transform:translate(-100%, 100%);max-width:100%;white-space:wrap}@media screen and (max-width: 768px){.i3-item .infobox{font-size:12px;padding:20px;width:100%;border-radius:clamp(9.6px,1.25vw,24px);transform:translate(0, 100%)}}.i3-item .infobox .proj{font-size:clamp(1rem,0.75rem + 0.5208333333vw,1.375rem);margin:clamp(0.3125rem,0.1041666667rem + 0.4340277778vw,0.625rem) 0 clamp(0.5rem,0.2083333333rem + 0.6076388889vw,0.9375rem)}.i3-item .name{line-height:1;font-size:clamp(1rem,0.9166666667rem + 0.1736111111vw,1.125rem);margin-top:clamp(12px,1.5625vw,30px);font-weight:bold;transition:color var(--transition-time)}.before-theme-line{display:flex;align-items:center;line-height:1.2}.before-theme-line::before{content:"";width:1em;height:1em;background:url(../img/line-theme.png) center no-repeat;margin-right:6px}.i4{padding:clamp(72px,9.375vw,180px) calc(var(--mpx)*2) clamp(104px,13.5416666667vw,260px)}@media screen and (max-width: 768px){.i4{padding:40px 20px 100px}}.i4 .i-title,.i4 .i-title-white{color:#fff}.i4 .content{margin-top:clamp(10px,1.3020833333vw,25px)}@media screen and (min-width: 769px){.i4 .content{display:flex}}@media screen and (min-width: 769px){.i4 .left-box{width:clamp(180px,23.4375vw,450px)}}.i4 .left-box .title{font-size:clamp(20px,2.6041666667vw,50px);margin-bottom:clamp(16px,2.0833333333vw,40px);line-height:1.1}.i4 .left-box .g-more{margin-top:clamp(48px,6.25vw,120px)}@media screen and (min-width: 769px){.i4 .right-box{margin-left:auto;width:clamp(352px,45.8333333333vw,880px)}}@media screen and (max-width: 768px){.i4 .right-box{margin-top:50px}}.data-groups{display:grid;grid-template-columns:repeat(var(--_cols, 2), minmax(0, 1fr));gap:clamp(32px,4.1666666667vw,80px)}@media screen and (min-width: 769px){.data-groups{row-gap:clamp(56px,7.2916666667vw,140px)}}.data-groups .data-item{border-top:1px solid rgba(255,255,255,.7);padding-top:clamp(18px,2.34375vw,45px)}.data-groups .data-item .data{display:flex;align-items:center;position:relative;font-size:clamp(28.8px,3.75vw,72px);font-weight:bold;line-height:1}.data-groups .data-item .data::before{--_v: 10%;content:"";display:block;-webkit-clip-path:polygon(var(--_v) 0, 100% 0%, calc(100% - var(--_v)) 100%, 0% 100%);clip-path:polygon(var(--_v) 0, 100% 0%, calc(100% - var(--_v)) 100%, 0% 100%);background:var(--color-theme2);width:clamp(12.8px,1.6666666667vw,32px);height:clamp(12.8px,1.6666666667vw,32px);position:absolute;top:0;left:clamp(-5px,-0.2604166667vw,-2px)}.data-groups .data-item .data span{position:relative}.data-groups .data-item p{font-size:clamp(0.75rem,0.5rem + 0.5208333333vw,1.125rem);margin-top:clamp(4px,0.5208333333vw,10px)}.i5{margin-top:clamp(-20px,-1.0416666667vw,-8px);position:relative}.i5 .tab-box{background:url(../img/tab.png) no-repeat;background-position:center top;background-size:100% 100%;width:-moz-max-content;width:max-content;text-align:center;position:absolute;left:clamp(1.25rem,-4.5833333333rem + 12.1527777778vw,10rem);bottom:calc(100% - 4px);font-weight:bold;padding:clamp(6.4px,0.8333333333vw,16px) 3.4em 0}.i5 .content{--swiper-btn-size: auto;--swiper-btn-border-color: transparent;--swiper-btn-hover-bg: transparent;--swiper-btn-color: #cdd1dc;--swiper-btn-hover-color: var(--color-theme);display:flex;background:#fff;border-top-left-radius:clamp(6.4px,0.8333333333vw,16px);border-top-right-radius:clamp(6.4px,0.8333333333vw,16px);padding:clamp(40px,5.2083333333vw,100px) clamp(0.625rem,-1.25rem + 3.90625vw,3.4375rem)}@supports(gap: 10px){.i5 .content{gap:10px}}@supports not (gap: 10px){.i5 .content{margin-right:-10px;margin-bottom:-10px}.i5 .content>*{margin-right:10px;margin-bottom:10px}}.i5 .swiper{margin:0;flex:1}.i5 .swiper-slide{display:flex;align-items:center;justify-content:center}.i5 .swiper-slide img{max-width:100%}.banner{color:#fff}.banner .inner{position:relative}.banner .inner img{-o-object-fit:cover;object-fit:cover;min-height:clamp(352px,45.8333333333vw,880px)}.banner .content{position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;width:-moz-fit-content;width:fit-content;height:-moz-fit-content;height:fit-content;display:flex;align-items:center;justify-content:center;flex-direction:column}.banner h1{font-weight:bold;font-size:clamp(1.625rem,-1.4583333333rem + 6.4236111111vw,6.25rem);line-height:1;margin-top:10px}.banner .scroll-down-tips{position:absolute;top:auto;bottom:auto;left:0;right:0;margin:0 auto;width:-moz-fit-content;width:fit-content;bottom:clamp(24px,3.125vw,60px);width:var(--size)}.inner-nav{background:#f1f4f6;padding:0 calc(var(--mpx)*2)}@media screen and (max-width: 768px){.inner-nav{padding:0 20px}}.inner-nav .item{height:clamp(3.125rem,2.2916666667rem + 1.7361111111vw,4.375rem);display:flex;align-items:center;justify-content:center;padding:0 clamp(10px,1.3020833333vw,25px);font-weight:bold;color:#222;transition:color var(--transition-time),background var(--transition-time);position:relative}.inner-nav .item::before{content:"";display:block;width:1px;height:clamp(4.8px,0.625vw,12px);background:#cdd1d4;position:absolute;right:0;transition:opacity var(--transition-time)}.inner-nav .item:last-child::before{opacity:0}.inner-nav .item.on,.inner-nav .item:hover{color:var(--color-theme);background:#fff}.inner-nav .item.on::before,.inner-nav .item:hover::before{opacity:0}.a1{padding:clamp(30.4px,3.9583333333vw,76px) var(--mpx) clamp(68px,8.8541666667vw,170px)}.a1 .i-title,.a1 .i-title-white{margin:0 auto}.a1 .wrap{text-align:center;margin:0 auto}@media screen and (min-width: 769px){.a1 .wrap{width:clamp(384px,50vw,960px)}}.a1 .title{font-size:clamp(20px,2.6041666667vw,50px);margin-top:clamp(0.625rem,0.2083333333rem + 0.8680555556vw,1.25rem);line-height:1}.a1 .text{margin-top:clamp(1.25rem,0.2083333333rem + 2.1701388889vw,2.8125rem);color:#444}.a2{color:#fff;padding:clamp(6.25rem,-1.25rem + 15.625vw,17.5rem) var(--mpx);min-height:clamp(288px,37.5vw,720px);--_cols: 4}@media screen and (max-width: 768px){.a2{--_cols: 2}}.a3{padding:clamp(36px,4.6875vw,90px) calc(var(--mpx)*2) clamp(84px,10.9375vw,210px)}@media screen and (max-width: 768px){.a3{padding:40px 20px}}.a3 .title{font-size:clamp(20px,2.6041666667vw,50px);margin-top:20px;line-height:1}.a3 .list{margin-top:clamp(24px,3.125vw,60px)}.a3 .item{display:flex;background:#f1f4f6;border-radius:clamp(9.6px,1.25vw,24px);overflow:hidden}@media screen and (max-width: 768px){.a3 .item{flex-direction:column-reverse}}.a3 .item .imgbox{position:relative;width:clamp(155.2px,20.2083333333vw,388px);border-radius:inherit}@supports(aspect-ratio: 0.7185185185){.a3 .item .imgbox{aspect-ratio:.7185185185}}@supports not (aspect-ratio: 0.7185185185){.a3 .item .imgbox::before{content:"";display:block;padding-bottom:139.175257732%}}.a3 .item .imgbox>img{position:absolute;z-index:1;top:0;left:0;width:100%;height:100%}@media screen and (max-width: 768px){.a3 .item .imgbox{width:100%}}.a3 .item .wrap{flex:1;padding:clamp(1.25rem,-1.25rem + 5.2083333333vw,5rem)}.a3 .item .logo{width:clamp(9.375rem,8.125rem + 2.6041666667vw,11.25rem)}.a3 .item .name{font-weight:bold;font-size:clamp(1.375rem,1.125rem + 0.5208333333vw,1.75rem)}.a3 .item .text{margin-top:clamp(12px,1.5625vw,30px);color:#444}.a3 .item:not(:last-child){margin-bottom:clamp(16px,2.0833333333vw,40px)}.a4{color:#fff;min-height:clamp(360px,46.875vw,900px);padding:clamp(40px,5.2083333333vw,100px) calc(var(--mpx)*2)}@media screen and (min-width: 769px){.a4{display:flex;align-items:center}}@media screen and (max-width: 768px){.a4{padding:40px 20px}}.a4 .i-title,.a4 .i-title-white{color:inherit}.a4 .title{font-size:clamp(20px,2.6041666667vw,50px);font-weight:bold;line-height:1.2;margin-top:20px}.a4 .text{font-size:clamp(1rem,0.9166666667rem + 0.1736111111vw,1.125rem);margin-top:clamp(14px,1.8229166667vw,35px)}.a4 .right-box{width:clamp(312px,40.625vw,780px)}@media screen and (min-width: 769px){.a4 .right-box{margin-left:auto}}@media screen and (max-width: 768px){.a4 .right-box{margin-top:40px;width:100%}}.a4 .right-box .item{position:relative;border-radius:clamp(6.4px,0.8333333333vw,16px);overflow:hidden;display:flex;align-items:center;background:rgba(0,0,0,.35);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:20px clamp(16px,2.0833333333vw,40px)}.a4 .right-box .item:not(:last-child){margin-bottom:clamp(8px,1.0416666667vw,20px)}.a4 .right-box .item .wrap{flex:1}.a4 .right-box .item .icon{display:flex;align-items:center;justify-content:center;width:var(--size, );height:var(--size, );border-radius:50%;overflow:hidden;--size: clamp(3.125rem, 1.2083333333rem + 3.9930555556vw, 6rem);border:1px solid rgba(255,255,255,.1);font-size:clamp(1.5rem,0.5rem + 2.0833333333vw,3rem);margin-right:clamp(0.9375rem,0.3125rem + 1.3020833333vw,1.875rem)}.a4 .right-box .item .desc{font-size:clamp(1rem,0.6666666667rem + 0.6944444444vw,1.5rem);margin-top:4px}.a5{padding:clamp(56px,7.2916666667vw,140px) calc(var(--mpx)*2) clamp(68px,8.8541666667vw,170px);padding-right:0}@media screen and (max-width: 768px){.a5{padding:40px 20px}}.a5 .row1{margin-right:calc(var(--mpx)*2)}@media screen and (max-width: 768px){.a5 .row1{flex-direction:column}}.a5 .left-box .title{font-size:clamp(20px,2.6041666667vw,50px);line-height:1.2;margin-top:20px}@media screen and (min-width: 769px){.a5 .right-box{margin-left:auto}}@media screen and (max-width: 768px){.a5 .right-box{margin-top:20px}}.a5 .tabs{--_tab-width: clamp(48px, 6.25vw, 120px);--_gap: 60px;font-size:clamp(1rem,0.8333333333rem + 0.3472222222vw,1.25rem);font-weight:bold;position:relative;padding-top:clamp(12px,1.5625vw,30px);border-top:1px solid #c7c7c7}@media screen and (max-width: 768px){.a5 .tabs{--_gap: 30px}}.a5 .tabs::before{content:"";width:var(--_tab-width);height:3px;background:var(--color-theme);position:absolute;top:0;left:calc(var(--index, 0)*var(--_tab-width) + var(--index, 0)*var(--_gap));transition:left var(--transition-time)}.a5 .tabs .tab{min-width:var(--_tab-width);transition:color var(--transition-time)}.a5 .tabs .tab:not(:last-child){margin-right:var(--_gap)}.a5 .tabs .tab:hover,.a5 .tabs .tab.on{color:var(--color-theme)}.a5 .swiper-btns{--swiper-btn-color: var(--color-theme);display:flex;justify-content:flex-end;margin-top:clamp(20px,2.6041666667vw,50px)}@supports(gap: 10px){.a5 .swiper-btns{gap:10px}}@supports not (gap: 10px){.a5 .swiper-btns{margin-right:-10px;margin-bottom:-10px}.a5 .swiper-btns>*{margin-right:10px;margin-bottom:10px}}@media screen and (max-width: 768px){.a5 .swiper-btns{justify-content:flex-start}}.a5 .swiper-box{margin-top:clamp(24px,3.125vw,60px)}.a5 .swiper-slide{width:clamp(13.75rem,8.75rem + 10.4166666667vw,21.25rem)}.a5 .swiper-slide .imgbox{width:100%;position:relative}@supports(aspect-ratio: 0.7727272727){.a5 .swiper-slide .imgbox{aspect-ratio:.7727272727}}@supports not (aspect-ratio: 0.7727272727){.a5 .swiper-slide .imgbox::before{content:"";display:block;padding-bottom:129.4117647059%}}.a5 .swiper-slide .imgbox>img{position:absolute;z-index:1;top:0;left:0;width:100%;height:100%}.a5 .swiper-slide .name{font-size:clamp(1rem,0.9166666667rem + 0.1736111111vw,1.125rem);margin-top:1rem}.preview-model .preview{max-width:80vw;max-height:80vh;-o-object-fit:contain;object-fit:contain}.products-center{padding:clamp(56px,7.2916666667vw,140px) calc(var(--mpx)*2) 0}@media screen and (max-width: 768px){.products-center{padding:40px 20px 0}}.products-center .container{background:#f1f4f6;border-radius:16px}@media screen and (max-width: 768px){.products-center .container{flex-direction:column}}.products-center .container .left-box{flex:1;padding:clamp(1.25rem,-1.25rem + 5.2083333333vw,5rem)}.products-center .container .left-box .title{font-size:clamp(1.25rem,0.4166666667rem + 1.7361111111vw,2.5rem);line-height:1.2;margin-top:clamp(0.625rem,0.2083333333rem + 0.8680555556vw,1.25rem)}.products-center .container .left-box .text{margin-top:clamp(12px,1.5625vw,30px)}.products-center .container .images{width:clamp(304px,39.5833333333vw,760px)}@media screen and (max-width: 768px){.products-center .container .images{width:100%}}.products-dir{padding:clamp(30px,3.90625vw,75px) calc(var(--mpx)*2) clamp(84px,10.9375vw,210px)}@media screen and (max-width: 768px){.products-dir{padding:40px 20px}}.products-dir .title{font-size:clamp(1.25rem,0.5833333333rem + 1.3888888889vw,2.25rem)}.products-dir .list{margin-top:clamp(15.2px,1.9791666667vw,38px);display:grid;grid-template-columns:repeat(var(--_cols, 3), minmax(0, 1fr));gap:clamp(8px,1.0416666667vw,20px)}@media screen and (max-width: 768px){.products-dir .list{--_cols: 1}}.products-dir .item{border:1px solid #d9dde0;border-radius:clamp(0.5rem,0.1666666667rem + 0.6944444444vw,1rem);display:flex;align-items:center;padding:0 clamp(15.2px,1.9791666667vw,38px);color:var(--color-theme);text-decoration:underline;line-height:clamp(3.125rem,2.5416666667rem + 1.2152777778vw,4rem);font-size:clamp(0.875rem,0.7083333333rem + 0.3472222222vw,1.125rem);transition:color var(--transition-time),background var(--transition-time)}.products-dir .item::before{content:"";display:block;min-width:var(--dot-size, clamp(0.375rem, 0.2916666667rem + 0.1736111111vw, 0.5rem));min-height:var(--dot-size, clamp(0.375rem, 0.2916666667rem + 0.1736111111vw, 0.5rem));width:var(--dot-size, clamp(0.375rem, 0.2916666667rem + 0.1736111111vw, 0.5rem));height:var(--dot-size, clamp(0.375rem, 0.2916666667rem + 0.1736111111vw, 0.5rem));background:var(--dot-color, currentColor);border-radius:50%;margin-right:clamp(0.375rem,0.2083333333rem + 0.3472222222vw,0.625rem)}.products-dir .item:hover{color:#fff;background:var(--color-theme)}.product-detail{padding:clamp(40px,5.2083333333vw,100px) calc(var(--mpx)*2)}@media screen and (max-width: 768px){.product-detail{padding:40px 20px}}@supports(gap: clamp(16px, 2.0833333333vw, 40px)){.product-detail .info-box{gap:clamp(16px,2.0833333333vw,40px)}}@supports not (gap: clamp(16px, 2.0833333333vw, 40px)){.product-detail .info-box{margin-right:calc(0px - clamp(16px,2.0833333333vw,40px));margin-bottom:calc(0px - clamp(16px,2.0833333333vw,40px))}.product-detail .info-box>*{margin-right:clamp(16px,2.0833333333vw,40px);margin-bottom:clamp(16px,2.0833333333vw,40px)}}@media screen and (max-width: 768px){.product-detail .info-box{flex-direction:column-reverse}}.product-detail .left-box{--_size: clamp(288px, 37.5vw, 720px);width:var(--_size)}@media screen and (max-width: 768px){.product-detail .left-box{--_size: 100%}}.product-detail .left-box .swiper-slide{width:100%;position:relative;border-radius:clamp(9.6px,1.25vw,24px)}@supports(aspect-ratio: 1){.product-detail .left-box .swiper-slide{aspect-ratio:1}}@supports not (aspect-ratio: 1){.product-detail .left-box .swiper-slide::before{content:"";display:block;padding-bottom:100%}}.product-detail .left-box .swiper-slide>img{position:absolute;z-index:1;top:0;left:0;width:100%;height:100%}.product-detail .left-box .console{--swiper-btn-size: auto;--swiper-btn-color: #a1a1a1;--swiper-btn-hover-color: #000;--swiper-btn-hover-bg: transparent;margin-top:clamp(6px,0.78125vw,15px);justify-content:space-between}.product-detail .left-box .console .pagination{width:auto;display:flex;align-items:center;font-weight:bold}.product-detail .left-box .console .swiper-btn{border:0}.product-detail .right-box{flex:1;padding:clamp(36px,4.6875vw,90px) clamp(32px,4.1666666667vw,80px)}@media screen and (max-width: 768px){.product-detail .right-box{padding:0}}.product-detail .right-box .title{font-size:clamp(18.4px,2.3958333333vw,46px);line-height:1.2;margin-top:20px}.product-detail .right-box .text{margin-top:clamp(18px,2.34375vw,45px)}.product-detail .right-box .actions{margin-top:clamp(40px,5.2083333333vw,100px)}@supports(gap: 10px){.product-detail .right-box .actions{gap:10px}}@supports not (gap: 10px){.product-detail .right-box .actions{margin-right:-10px;margin-bottom:-10px}.product-detail .right-box .actions>*{margin-right:10px;margin-bottom:10px}}.product-detail .detail-content{margin-top:clamp(28px,3.6458333333vw,70px)}.product-detail .detail-content .bar{padding-bottom:clamp(12px,1.5625vw,30px);border-bottom:1px solid var(--color-theme)}.product-detail .detail-content .rich-text{margin-top:clamp(22.4px,2.9166666667vw,56px)}.tag-theme,.download-btn,.tag-theme2{border-radius:99px;color:#fff;background:var(--_bg);line-height:clamp(2rem,1.5rem + 1.0416666667vw,2.75rem);min-width:clamp(56px,7.2916666667vw,140px);text-align:center;padding:0 clamp(1rem,0.4166666667rem + 1.2152777778vw,1.875rem);border:2px solid var(--_bg);transition:color var(--transition-time),background var(--transition-time)}.tag-theme:hover,.download-btn:hover,.tag-theme2:hover{background:rgba(0,0,0,0);color:var(--_bg)}.tag-theme,.download-btn{--_bg: var(--color-theme)}.tag-theme2{--_bg: var(--color-theme2)}.related{padding:0 var(--mpx) clamp(80px,10.4166666667vw,200px)}@media screen and (max-width: 768px){.related{padding:20px 10px 50px}}.related .title{font-size:clamp(20px,2.6041666667vw,50px);text-align:center}.related .swiper-box{margin-top:clamp(28px,3.6458333333vw,70px);align-items:center}.related .swiper{flex:1;margin:0 clamp(16px,2.0833333333vw,40px)}.tlly{display:flex;padding:clamp(64px,8.3333333333vw,160px);padding-bottom:clamp(48px,6.25vw,120px);padding-right:0}@media screen and (max-width: 768px){.tlly{padding:40px 20px;flex-direction:column}}.tlly .images{width:clamp(384px,50vw,960px);height:clamp(240px,31.25vw,600px)}@media screen and (max-width: 768px){.tlly .images{width:100%;height:auto;margin-top:30px}}@media screen and (min-width: 769px){.tlly .left-box{width:clamp(274px,35.6770833333vw,685px);margin-right:auto}}.tlly .left-box .title,.tlly .left-box [icon]{font-size:clamp(20px,2.6041666667vw,50px)}.tlly .left-box .text{margin-top:clamp(20px,2.6041666667vw,50px)}.tlly .left-box .g-more{margin-top:clamp(30px,3.90625vw,75px)}.list-page{background-position:top;background-color:#fff;padding:clamp(36px,4.6875vw,90px) calc(var(--mpx)*2) clamp(80px,10.4166666667vw,200px)}@media screen and (max-width: 768px){.list-page{padding:40px 20px 50px}}.list-page .title{font-size:clamp(19.2px,2.5vw,48px);line-height:1.2;margin-top:20px}.list-page .nav{margin-top:20px}.list-page .nav .item{border-radius:clamp(3.2px,0.4166666667vw,8px);line-height:clamp(2.125rem,1.7083333333rem + 0.8680555556vw,2.75rem);padding:0 clamp(11.2px,1.4583333333vw,28px);background:#edf1f3;transition:background var(--transition-time),color var(--transition-time)}.list-page .nav .item:hover,.list-page .nav .item.active{color:#fff;background:var(--color-theme)}.list-page .list{display:grid;grid-template-columns:repeat(var(--_cols), minmax(0, 1fr));margin-top:clamp(32px,4.1666666667vw,80px);gap:var(--_gap)}.list-page .y-pagination{margin-top:clamp(36px,4.6875vw,90px)}.cases{--_gap: 30px}@media screen and (min-width: 769px){.cases{--_cols:4}}@media screen and (max-width: 768px){.cases{--_cols:1}}.case-item .imgbox{position:relative;border-radius:clamp(6.4px,0.8333333333vw,16px);position:relative}@supports(aspect-ratio: 1){.case-item .imgbox{aspect-ratio:1}}@supports not (aspect-ratio: 1){.case-item .imgbox::before{content:"";display:block;padding-bottom:100%}}.case-item .imgbox>img{position:absolute;z-index:1;top:0;left:0;width:100%;height:100%}.case-item .imgbox .infobox{display:flex;flex-direction:column;position:absolute;top:0;bottom:0;left:0;right:0;z-index:1;background:rgba(38,62,139,.9);color:#fff;padding:clamp(28px,3.6458333333vw,70px) clamp(14px,1.8229166667vw,35px) clamp(24px,3.125vw,60px);transition:opacity var(--transition-time);opacity:var(--_opacity, 0)}@media screen and (max-width: 768px){.case-item .imgbox .infobox{opacity:1;height:auto;width:auto;top:auto;right:auto;border-radius:inherit;padding:14px}}.case-item .imgbox .infobox .name{margin:1em 0}.case-item .imgbox .infobox ul{margin-bottom:1.5em}@media screen and (max-width: 768px){.case-item .imgbox .infobox ul{font-size:12px}}.case-item .imgbox .infobox .arr{margin-top:auto}.case-item .imgbox .label{font-size:clamp(0.75rem,0.6666666667rem + 0.1736111111vw,0.875rem)}.case-item .name{font-size:clamp(0.875rem,0.7083333333rem + 0.3472222222vw,1.125rem);margin-top:1em;transition:color var(--transition-time)}.case-item:hover{--_opacity: 1}.case-item:hover>.name{color:var(--color-theme)}.detail-page{background-color:#f5f9fa;padding:clamp(32px,4.1666666667vw,80px) 20px clamp(80px,10.4166666667vw,200px)}@media screen and (max-width: 768px){.detail-page{padding:40px 20px}}.detail-page .container{width:62.5vw;margin:0 auto;font-size:clamp(0.875rem,0.7083333333rem + 0.3472222222vw,1.125rem);width:1200px}@media screen and (max-width: 1200px){.detail-page .container{width:100%}}.detail-page .title{font-size:clamp(1.25rem,0.1666666667rem + 2.2569444444vw,2.875rem);line-height:1.2}.detail-page .info{color:var(--color-theme);margin-top:clamp(16px,2.0833333333vw,40px)}.detail-page .rich-text{margin-top:clamp(12px,1.5625vw,30px)}.detail-navigation{display:flex;justify-content:space-between;align-items:center;padding-top:clamp(8px,1.0416666667vw,20px);border-top:2px solid #000;margin-top:clamp(28px,3.6458333333vw,70px);font-weight:bold;font-size:clamp(0.875rem,0.7083333333rem + 0.3472222222vw,1.125rem)}.detail-navigation a{transition:color var(--transition-time)}.detail-navigation a:hover{color:var(--color-theme)}.detail-navigation .not-more{cursor:not-allowed;color:rgba(128,128,128,.5098039216)}.related-cases{padding-top:clamp(3.125rem,0.2083333333rem + 6.0763888889vw,7.5rem)}@media screen and (min-width: 769px){.news{--_cols:3}}@media screen and (max-width: 768px){.news{--_cols:1}}.news .list{-moz-column-gap:clamp(14px,1.8229166667vw,35px);column-gap:clamp(14px,1.8229166667vw,35px);row-gap:clamp(24px,3.125vw,60px)}.news-item .imgbox{position:relative;width:100%;border-radius:clamp(6.4px,0.8333333333vw,16px)}@supports(aspect-ratio: 1.59375){.news-item .imgbox{aspect-ratio:1.59375}}@supports not (aspect-ratio: 1.59375){.news-item .imgbox::before{content:"";display:block;padding-bottom:62.7450980392%}}.news-item .imgbox>img{position:absolute;z-index:1;top:0;left:0;width:100%;height:100%}.news-item .name{font-size:clamp(1rem,0.8333333333rem + 0.3472222222vw,1.25rem);margin-top:1em}.news-item .date{font-size:14px;color:#b9b9b9;margin-top:clamp(0.375rem,0.0416666667rem + 0.6944444444vw,0.875rem);font-weight:bold}.news-detail .info{margin-top:clamp(10px,1.3020833333vw,25px)}@supports(gap: 20px){.news-detail .info{gap:20px}}@supports not (gap: 20px){.news-detail .info{margin-right:-20px;margin-bottom:-20px}.news-detail .info>*{margin-right:20px;margin-bottom:20px}}.related-news{padding-top:clamp(3.125rem,1.0416666667rem + 4.3402777778vw,6.25rem)}.service{background-position:top;background-size:100%;background-color:#fff}.service .title{margin-top:20px}.service .rich-text{margin-top:clamp(20px,2.6041666667vw,50px)}.service .list{margin-top:clamp(22px,2.8645833333vw,55px);font-size:clamp(0.875rem,0.7916666667rem + 0.1736111111vw,1rem)}.file-item{display:flex;overflow:hidden;border-radius:clamp(6.4px,0.8333333333vw,16px);background:#f1f4f6}@media screen and (max-width: 768px){.file-item{flex-direction:column}}.file-item:not(:last-child){margin-bottom:clamp(12px,1.5625vw,30px)}.file-item .imgbox{position:relative;width:clamp(144px,18.75vw,360px);background-color:#6c7073}@supports(aspect-ratio: 1.5){.file-item .imgbox{aspect-ratio:1.5}}@supports not (aspect-ratio: 1.5){.file-item .imgbox::before{content:"";display:block;padding-bottom:66.6666666667%}}.file-item .imgbox>img{position:absolute;z-index:1;top:0;left:0;width:100%;height:100%}@media screen and (max-width: 768px){.file-item .imgbox{width:100%}}.file-item .imgbox.default{display:flex;align-items:center;justify-content:center}.file-item .imgbox.default img{position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;width:-moz-fit-content;width:fit-content;height:-moz-fit-content;height:fit-content;max-width:60%;max-height:60%}.file-item .content{flex:1;padding:clamp(1rem,-0.8333333333rem + 3.8194444444vw,3.75rem);padding-bottom:clamp(18px,2.34375vw,45px);display:flex;flex-direction:column}.file-item .name{font-weight:bold;font-size:clamp(1.125rem,0.7083333333rem + 0.8680555556vw,1.75rem);line-height:1.2}.file-item .text{color:#666;margin-top:10px;margin-bottom:24px}.file-item .tool{align-items:center;margin-top:auto}@supports(gap: 10px){.file-item .tool{gap:10px}}@supports not (gap: 10px){.file-item .tool{margin-right:-10px;margin-bottom:-10px}.file-item .tool>*{margin-right:10px;margin-bottom:10px}}.file-item .size{color:#666;font-size:clamp(0.75rem,0.6666666667rem + 0.1736111111vw,0.875rem)}.download-btn{display:flex;align-items:center;width:-moz-max-content;width:max-content;font-size:clamp(0.75rem,0.6666666667rem + 0.1736111111vw,0.875rem);line-height:clamp(1.875rem,1.5416666667rem + 0.6944444444vw,2.375rem)}@supports(gap: 10px){.download-btn{gap:10px}}@supports not (gap: 10px){.download-btn{margin-right:-10px;margin-bottom:-10px}.download-btn>*{margin-right:10px;margin-bottom:10px}}.qa-item{background:#f1f4f6;border-radius:clamp(6.4px,0.8333333333vw,16px);padding:0 clamp(16px,2.0833333333vw,40px)}.qa-item:not(:last-child){margin-bottom:clamp(8px,1.0416666667vw,20px)}.qa-item .trigger{display:flex;align-items:center;padding:clamp(11.2px,1.4583333333vw,28px) 0;cursor:pointer}@supports(gap: clamp(0.625rem, 0.2083333333rem + 0.8680555556vw, 1.25rem)){.qa-item .trigger{gap:clamp(0.625rem,0.2083333333rem + 0.8680555556vw,1.25rem)}}@supports not (gap: clamp(0.625rem, 0.2083333333rem + 0.8680555556vw, 1.25rem)){.qa-item .trigger{margin-right:calc(0px - clamp(0.625rem,0.2083333333rem + 0.8680555556vw,1.25rem));margin-bottom:calc(0px - clamp(0.625rem,0.2083333333rem + 0.8680555556vw,1.25rem))}.qa-item .trigger>*{margin-right:clamp(0.625rem,0.2083333333rem + 0.8680555556vw,1.25rem);margin-bottom:clamp(0.625rem,0.2083333333rem + 0.8680555556vw,1.25rem)}}.qa-item .icon{font-size:clamp(1.25rem,0.625rem + 1.3020833333vw,2.1875rem)}.qa-item .tit{font-size:clamp(0.875rem,0.625rem + 0.5208333333vw,1.25rem);font-weight:bold}.qa-item .state{margin-left:auto;color:#c3c5c7;transition:var(--transition-time)}.qa-item .content{color:#666;padding:clamp(4px,0.5208333333vw,10px) 0 clamp(32px,4.1666666667vw,80px)}@media screen and (max-width: 768px){.qa-item .content{font-size:12px}}.qa-item.on .state{transform:rotate(180deg);color:var(--color-theme)}.job-detail{background-color:#fff}.job-detail .info{color:inherit;flex-wrap:wrap}@supports((-moz-column-gap: clamp(1rem, 0.5833333333rem + 0.8680555556vw, 1.625rem)) or (column-gap: clamp(1rem, 0.5833333333rem + 0.8680555556vw, 1.625rem))){.job-detail .info{-moz-column-gap:clamp(1rem,0.5833333333rem + 0.8680555556vw,1.625rem);column-gap:clamp(1rem,0.5833333333rem + 0.8680555556vw,1.625rem)}}@supports not ((-moz-column-gap: clamp(1rem, 0.5833333333rem + 0.8680555556vw, 1.625rem)) or (column-gap: clamp(1rem, 0.5833333333rem + 0.8680555556vw, 1.625rem))){.job-detail .info{margin-right:clamp(1rem,0.5833333333rem + 0.8680555556vw,1.625rem)}.job-detail .info>*{margin-right:clamp(1rem,0.5833333333rem + 0.8680555556vw,1.625rem)}}.job-detail .rich-text{color:#444;line-height:2}.job-detail .tips{margin-top:clamp(20px,2.6041666667vw,50px);font-weight:bold}.job-detail .tips a{text-decoration:underline}.c1{padding:clamp(36px,4.6875vw,90px) clamp(84px,10.9375vw,210px) clamp(84px,10.9375vw,210px);background-color:#fff;background-position:top;background-size:100%}.c1 .title{font-size:clamp(18.4px,2.3958333333vw,46px);line-height:1.2;margin-top:20px}.c1 .info{justify-content:space-between;margin-top:clamp(20px,2.6041666667vw,50px)}.c1 .info .item{display:flex}@supports(gap: 1em){.c1 .info .item{gap:1em}}@supports not (gap: 1em){.c1 .info .item{margin-right:calc(0px - 1em);margin-bottom:calc(0px - 1em)}.c1 .info .item>*{margin-right:1em;margin-bottom:1em}}.c1 .info .item .icon{display:flex;align-items:center;justify-content:center;width:var(--size, );height:var(--size, );border-radius:50%;overflow:hidden;background:var(--color-theme);--size: clamp(18px, 2.34375vw, 45px)}.c1 .info .item .data{font-size:clamp(1rem,0.8333333333rem + 0.3472222222vw,1.25rem);font-weight:bold}.c1 .info .item:last-child pre{font-size:clamp(0.875rem,0.7083333333rem + 0.3472222222vw,1.125rem);color:#333}.c1 .map-box{border-radius:clamp(6.4px,0.8333333333vw,16px);position:relative;margin-top:clamp(28px,3.6458333333vw,70px)}.c1 .map-box .location{position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;width:-moz-fit-content;width:fit-content;height:-moz-fit-content;height:fit-content;display:flex;align-items:center;justify-content:center;width:var(--size, );height:var(--size, );border-radius:50%;overflow:hidden;background:var(--color-theme);color:#fff;--size: clamp(43.2px, 5.625vw, 108px);flex-direction:column;font-size:clamp(0.75rem,0.6666666667rem + 0.1736111111vw,0.875rem);transition:.2s}.c1 .map-box .location:hover{transform:scale(1.05)}.c1 .map-box .location:active{transition:none;transform:none}.c1 .map-box .location [icon]{font-size:clamp(10.4px,1.3541666667vw,26px);margin-bottom:4px}.c2{padding:0 var(--mpx)}.c2 .container{border-radius:clamp(12.8px,1.6666666667vw,32px);padding:clamp(68px,8.8541666667vw,170px) clamp(52px,6.7708333333vw,130px)}@media screen and (max-width: 768px){.c2 .container{padding:40px 30px}}.c2 .i-title,.c2 .i-title-white{color:#fff}.c2 .title{font-size:clamp(1.25rem,0.1666666667rem + 2.2569444444vw,2.875rem);line-height:1.2;margin-top:20px}.c2 .text{margin-top:clamp(16px,2.0833333333vw,40px);margin-bottom:clamp(34px,4.4270833333vw,85px)}@media screen and (min-width: 769px){.c2 .text{width:clamp(260px,33.8541666667vw,650px)}}.c3{padding:clamp(52px,6.7708333333vw,130px) clamp(84px,10.9375vw,210px) clamp(92px,11.9791666667vw,230px);display:flex}@media screen and (max-width: 768px){.c3{padding:40px 20px;flex-direction:column}}.c3 .left-box .title{font-size:clamp(1.25rem,0.1666666667rem + 2.2569444444vw,2.875rem);margin-top:20px;line-height:1.2}.c3 .left-box .info{margin-top:clamp(12px,1.5625vw,30px);color:#383838;line-height:2}.c3 .form{display:grid;grid-template-columns:repeat(var(--_cols, 2), minmax(0, 1fr));gap:clamp(1rem,0.625rem + 0.78125vw,1.5625rem)}@media screen and (min-width: 769px){.c3 .form{margin-left:auto;width:clamp(338.4px,44.0625vw,846px)}}@media screen and (max-width: 768px){.c3 .form{margin-top:30px;--_cols: 1}}@media screen and (min-width: 769px){.c3 .form .item:nth-last-child(1),.c3 .form .item:nth-last-child(2),.c3 .form .item:nth-last-child(3){grid-column:span 2/span 2}}.c3 .form .item:nth-last-child(2){display:flex;align-items:center}@supports(gap: 6px){.c3 .form .item:nth-last-child(2){gap:6px}}@supports not (gap: 6px){.c3 .form .item:nth-last-child(2){margin-right:-6px;margin-bottom:-6px}.c3 .form .item:nth-last-child(2)>*{margin-right:6px;margin-bottom:6px}}.c3 .form .item:nth-last-child(2) input{width:auto}.c3 .form .item:nth-last-child(2) label{padding:0;margin:0;flex:1}.c3 .form .item label{display:block;padding:0 1em;margin-bottom:5px;color:#333}.c3 .form .item input{background:#fff;border-radius:clamp(3.2px,0.4166666667vw,8px);width:100%;line-height:clamp(2.5rem,1.8333333333rem + 1.3888888889vw,3.5rem);padding:0 1.5em;border:1px solid #fff}.c3 .form .item input:focus{border-color:var(--color-theme)}.c3 .form .item .submit{width:100%;color:#fff;background:var(--color-theme);line-height:clamp(2.5rem,1.8333333333rem + 1.3888888889vw,3.5rem);border-radius:clamp(3.2px,0.4166666667vw,8px);transition:opacity var(--transition-time);margin-top:clamp(8px,1.0416666667vw,20px)}.c3 .form .item .submit:hover{opacity:.8}.c3 .form .item .submit:active{transition:none;opacity:1}.job-item{display:block;background:#f1f4f6;border-radius:clamp(6.4px,0.8333333333vw,16px);padding:clamp(16px,2.0833333333vw,40px);transition:background var(--transition-time),color var(--transition-time)}.job-item .row1{justify-content:space-between;align-items:center}.job-item .name{font-size:clamp(1.125rem,0.7083333333rem + 0.8680555556vw,1.75rem);font-weight:bold}.job-item .job-info{color:#666;margin-top:12px;transition:inherit}.job-item:hover{color:#fff;background:var(--color-theme)}.job-item:hover .job-info{color:#fff}.c4{padding:clamp(46px,5.9895833333vw,115px) clamp(84px,10.9375vw,210px) clamp(68px,8.8541666667vw,170px)}@media screen and (max-width: 768px){.c4{padding:40px 20px 50px}}.c4 .title{margin-top:20px;font-size:clamp(1.25rem,0.1666666667rem + 2.2569444444vw,2.875rem);line-height:1.2}.c4 .info{margin-top:clamp(12px,1.5625vw,30px);color:#383838}.c4 .list{margin-top:clamp(22px,2.8645833333vw,55px);display:grid;grid-template-columns:repeat(var(--_cols), minmax(0, 1fr));row-gap:clamp(12px,1.5625vw,30px);-moz-column-gap:clamp(8px,1.0416666667vw,20px);column-gap:clamp(8px,1.0416666667vw,20px)}@media screen and (min-width: 769px){.c4 .list{--_cols:2}}@media screen and (max-width: 768px){.c4 .list{--_cols:1}}.c4 .get-more{margin-top:clamp(28px,3.6458333333vw,70px)}