@charset "utf-8";
/*font*/
@font-face {font-family:"icomoon";src:url("font/icomoon.ttf");}
@font-face {font-family:"OPPOSans-B";src:url("font/OPPOSans-B.woff2");}
@font-face {font-family:"OPPOSans-R";src:url("font/OPPOSans-R.woff2");}
@font-face {font-family:"OPPOSans-L";src:url("font/OPPOSans-L.woff2");}
/*var*/
:root{--main-color:#2452ea;--secd-color:#00aee0;}
/*global style*/
html{margin-top:0 !important;}
ul,li,dl,dd,p,span,em,i,div,img,h1,h2,h3,h4,h5,h6,a,input,textarea,body{padding:0px;margin:0px;border:none;}
body{font:20px "OPPOSans-L", "Arial";font-weight:400;color:#333;width:100vw;overflow-x:hidden;background-color:#fff;margin:0;}
body::-webkit-scrollbar{width:4px;height:4px;background-color:#faece5;}
body::-webkit-scrollbar-thumb{width:4px;height:4px;border-radius:2px;background-color:var(--main-color);}
table{border-collapse:collapse;}
em,i{font-style:normal;}
a{color:#333;text-decoration:none;cursor:pointer;outline:none;-webkit-tap-highlight-color:rgba(255,0,0,0);}
a label{cursor:pointer;}
a:hover{color:var(--main-color);}
ul,li{list-style:none;}
img{vertical-align:top;}
hr{display:none;}
figure{margin:0;}
input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none !important;}
input{outline:none;vertical-align:middle;}
input[type='number']{-moz-appearance:textfield;}
input[type="submit"],button{cursor:pointer;font-family:"OPPOSans-L";}
textarea{vertical-align:top;resize:none;outline:none;overflow:hidden;font-family:"OPPOSans-L";}
button{font-family:"OPPOSans-L";}
p{line-height:1.5em;font-size:0.9vw;}
h1{font-size:3vw;line-height:1.2em;font-family:"OPPOSans-B";font-weight:normal;}
h2{font-size:2vw;line-height:1.2em;font-family:"OPPOSans-B";font-weight:normal;}
h3{font-size:1.5vw;line-height:1.2em;font-family:"OPPOSans-R";font-weight:normal;}
h4{font-size:1vw;line-height:1.2em;font-family:"OPPOSans-R";font-weight:normal;}
.clear{clear:both;font-size:0;line-height:0;height:0;overflow:hidden;}
.clearm:after{clear:both;display:block;height:0;visibility:hidden;content:" ";}
/* backToTop */
#wpadminbar{display:none;}
#a-point{position:relative;top:-2.3vw;display:block;height:0;overflow:hidden;}
.hidden{display:none;}
.m-Top{margin-top:6vw;}
.main-width{width:87.5vw;margin:0 auto;}
.secd-width{width:73vw;margin:0 auto;}
.head-width{width:93.75vw;margin:0 auto;}
.home-width{width:65vw;margin:0 auto;}
.bread{width:100%;box-sizing:border-box;}
.bread p{display:flex;align-items:center;column-gap:0.3vw;color:#999;flex-wrap:wrap;font-size:0.94vw;}
.bread p a{color:#999;}
.bread p a:hover{color:var(--main-color);}
.bread p span{color:var(--main-color);}
.bread i{font-family:dashicons;}
.bread i:before{content:"\f345";}
.loadico{display:none;position:relative;width:60px;height:30px;margin:30px auto 0;}
.loadico:before{content:"";position:absolute;left:0;top:5px;width:20px;height:20px;background-color:#d72027;border-radius:50%;animation:loadl 1s linear infinite;}
.loadico:after{content:"";position:absolute;right:0;top:5px;width:20px;height:20px;background-color:#fd898d;border-radius:50%;animation:loadr 1s linear infinite;}
.load .loadico{display:block;}
.gls-btn{position:relative;display:inline-block;line-height:1em;padding:1em 2.1em;border-radius:3em;background-color:var(--main-color);color:#fff;font-size:1vw;transition:all .3s;}
.gls-btn:before{content:"→";position:absolute;top:0;left:100%;width:3em;height:3em;line-height:3em;text-align:center;background-color:#141516;color:#fff;border-radius:3em;transition:all .3s;}
.gls-btn:hover{padding-right:3em;color:#fff;}
.gls-btn:hover:before{left:calc(100% - 3em);background-color:var(--main-color);}
.gls-btn.white:before{background-color:#fff;color:#141516;}
.gls-btn.white:hover:before{background-color:var(--main-color);color:#fff;}
.gls-btn.line{background-color:rgba(36,82,234,0);border:1px solid #fff;box-sizing:border-box;}
.gls-btn.line:before{background-color:rgba(36,82,234,0);border:1px solid #fff;transform:rotate(-45deg);}
.gls-btn.line:hover{background-color:var(--main-color);border-color:var(--main-color);}
.gls-btn.line:hover:before{background-color:var(--main-color);border-color:rgba(255,255,255,0);transform:rotate(-90deg);}
.gls-wp-btn .wp-block-button__link{position:relative;display:inline-block;line-height:1em;padding:1em 2.1em;border-radius:3em;background-color:var(--main-color);color:#fff;font-size:1vw;transition:all .3s;}
.gls-wp-btn .wp-block-button__link:before{content:"→";position:absolute;top:0;left:100%;width:3em;height:3em;line-height:3em;text-align:center;background-color:#141516;color:#fff;border-radius:3em;transition:all .3s;}
.gls-wp-btn .wp-block-button__link:hover{padding-right:3em;color:#fff;}
.gls-wp-btn .wp-block-button__link:hover:before{left:calc(100% - 3em);background-color:var(--main-color);}
.wp-block-cover{min-height:0;}
mark{background-image:-webkit-linear-gradient(left, var(--secd-color), var(--main-color), var(--secd-color), var(--main-color), var(--secd-color), var(--main-color), var(--secd-color));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-size:300%;background-position:left;animation:bgs 6s infinite linear;}

@keyframes wave{from{opacity:0.5;transform:scale(1);}to{opacity:0;transform:scale(2);}}
@keyframes bgs{100%{background-position:right;}}
@keyframes loadl{
0% {transform:translateX(0) scale(1);z-index:9;}
25% {transform:translateX(20px) scale(1.1);z-index:99;}
50% {transform:translateX(40px) scale(1);z-index:9;}
75% {transform:translateX(20px) scale(0.4);z-index:9;}
100% {transform:translateX(0) scale(1);z-index:9;}
}
@keyframes loadr{
0% {transform:translateX(0) scale(1);z-index:9;}
25% {transform:translateX(-20px) scale(0.4);z-index:9;}
50% {transform:translateX(-40px) scale(1);z-index:9;}
75% {transform:translateX(-20px) scale(1.1);z-index:99;}
100% {transform:translateX(0) scale(1);z-index:9;}
}

.an-overall .animate{transform:translateY(2vw);opacity:0;transition:transform .8s ease,opacity .8s ease;}
.an-overall .anb{transform:translateY(2vw);}
.an-overall .ant{transform:translateY(2vw);}
.an-overall .anl{transform:translateX(-2vw);}
.an-overall .anr{transform:translateX(2vw);}
.an-overall .anc{transform:scale(.6) rotate(-180deg);}
.an-overall .t1{transition-delay:.15s;}
.an-overall .t2{transition-delay:.3s;}
.an-overall .t3{transition-delay:.45s;}
.an-overall .t4{transition-delay:.6s;}
.an-overall .t5{transition-delay:.75s;}
.an-overall .t6{transition-delay:.9s;}
.an-overall .t7{transition-delay:1.05s;}
.an-overall .t8{transition-delay:1.2s;}
.an-overall .t9{transition-delay:1.35s;}
.an-overall .t10{transition-delay:1.5s;}
.an-overall .t11{transition-delay:1.65s;}
.an-overall .t12{transition-delay:1.8s;}
.an-overall .t13{transition-delay:1.95s;}
.an-overall .t14{transition-delay:2.1s;}
.an-overall .t15{transition-delay:2.25s;}
.an-overall .t16{transition-delay:2.4s;}
.an-overall .t17{transition-delay:2.55s;}
.an-overall .t18{transition-delay:2.7s;}
.an-overall .t19{transition-delay:2.85s;}
.an-overall .t20{transition-delay:3s;}
.an-overall.action .animate{transform:translateY(0);opacity:1;}
.an-overall.action .anb{transform:translateY(0);}
.an-overall.action .ant{transform:translateY(0);}
.an-overall.action .anl{transform:translateX(0);}
.an-overall.action .anr{transform:translateX(0);}
.an-overall.action .anc{transform:scale(1) rotate(0deg);}

header{position:fixed;left:0;top:0;width:100%;height:6.25vw;z-index:9999;transition:all .5s;}
header .head-width{display:flex;justify-content:space-between;align-items:center;height:100%;}
header .menubtn{display:none;flex-direction:column;justify-content:space-between;width:1.5em;height:1em;cursor:pointer;transition:all .3s;}
header .menubtn span{display:block;width:100%;height:2px;background-color:#666;border-radius:1px;transform-origin:9.5% 50%;transition:all .3s;}
header .logo{position:relative;height:3vw;transition:all .5s;}
header .logo img{width:auto;height:100%;}
header .search{position:relative;width:3vw;height:3vw;padding-right:3vw;background-color:rgba(255,255,255,.5);border-radius:3vw;border:1px solid rgba(255,255,255,0);box-sizing:border-box;box-shadow:0 0 2vw rgba(0,0,0,.1);overflow:hidden;transition:all .5s;}
header .search input{width:100%;height:3vw;font-size:0.8vw;background:none;transition:all .5s;}
header .search button{position:absolute;right:0;top:0;width:3vw;height:3vw;line-height:2.8vw;font-size:1.2vw;background:none;box-sizing:border-box;border:none;transition:all .3s;}
header .search button:before{content:"\e914";font-family:"icomoon";}
header .search:after{content:"";position:absolute;right:0;top:0;width:3vw;height:3vw;}
header .search.open{width:14vw;}
header .search.open input{padding-left:1vw;}
header .search.open:after{display:none;}
header .nav .one{display:flex;}
header .nav .one > li{padding:2.4vw 2.2vw;}
header .nav .one > li > a{display:block;line-height:1.45em;font-size:1vw;color:#fff;font-weight:normal;}
header:hover{background-color:rgba(0,0,0,.3);}
header.flow{height:3vw;background-color:rgba(0,0,0,.5);backdrop-filter:saturate(180%) blur(20px);box-shadow:0 0 0.5vw rgba(0,0,0,.05);}
header.flow .logo{height:2.4vw;}
header.flow .search{width:2.4vw;height:2.4vw;padding-right:2.4vw;}
header.flow .search input{height:2.4vw;}
header.flow .search button{width:2.4em;height:2.4em;line-height:2.2em;font-size:1vw;}
header.flow .search.open{width:14vw;}
header.action .menubtn .b1{transform:rotate(45deg);}
header.action .menubtn .b2{opacity:0;}
header.action .menubtn .b3{transform:rotate(-45deg);}
header.hide .logo{opacity:0;z-index:-1;}
.single-post header{background-color:#fff;}
.single-post header .nav .one > li > a{color:#333;}
.search-results header{background-color:#fff;}
.search-results header .nav .one > li > a{color:#333;}
.error404 header{background-color:#fff;}
.error404 header .nav .one > li > a{color:#333;}


footer{padding:7vw 0 4vw;background-color:#27282a;overflow:hidden;}
footer h2,footer p,footer a{color:#fff;}
footer h2{line-height:1.35em;margin-bottom:0.8em;font-size:1.85vw;}
footer p{font-size:1vw;}
footer a:hover{color:var(--main-color);}
footer li{color:#fff;line-height:1.4em;margin-top:1em;font-size:1vw;}
footer .main-width{display:flex;justify-content:space-between;}
footer .info{display:flex;flex-direction:column;justify-content:space-between;}
footer .info img{width:auto;height:4vw;margin-bottom:1.2vw;}
footer .info .wp-block-list{margin:0 0 auto;}
footer .info .wp-block-group{column-gap:1vw;}
footer .info .wp-block-group img{height:1vw;width:auto;margin:0;filter:grayscale(100%) brightness(1000%);}
footer .nav .one{display:flex;column-gap:5vw;}
footer .nav .one > li{margin-top:0;}
footer .nav .one > li > a{display:block;line-height:1.35em;margin-bottom:0.8em;font-size:1.85vw;color:#fff;}
footer .nav .sub-menu li{font-size:1vw;}
footer .subscr{display:flex;flex-direction:column;justify-content:space-between;align-items:flex-end;width:24vw;}
footer .subscr .simple-message p{display:none;}
footer .subscr .simple-message input{width:100%;height:2.5vw;border-bottom:1px solid #fff;background:none;color:#fff;font-size:1vw;}
footer .subscr .simple-message input::placeholder{color:#fff;}
footer .subscr .simple-message button{padding:0.8vw 4vw 0.7vw;font-size:0;background-color:var(--main-color);color:#fff;border-radius:5vw;border:none;}
footer .subscr .simple-message button:before{content:"订阅";display:block;line-height:1.6vw;font-size:1vw;text-transform:uppercase;}
footer .subscr .simple-message .sm-email{margin:1vw 0 2vw;}


.copyright{padding:2vw 0;background-image:-webkit-linear-gradient(left, var(--secd-color), var(--main-color), var(--secd-color), var(--main-color), var(--secd-color), var(--main-color), var(--secd-color));background-size:300%;background-position:left;animation:bgs 6s infinite linear;}
.copyright p{font-size:0.94vw;color:#fff;}
.copyright p a{color:#fff;}

.to-top{position:fixed;right:1vw;bottom:calc(2vw + 60px);display:none;width:60px;height:60px;line-height:60px;border-radius:50%;text-align:center;background-color:var(--main-color);color:#fff;font-family:"icomoon";}
.to-top:before{content:"\e90c";}
.to-top:hover{color:#fff;}
.flow-info{position:fixed;right:1vw;bottom:1vw;z-index:999;}
.flow-info a{position:relative;display:block;width:60px;height:60px;line-height:60px;text-align:center;border-radius:50%;cursor:pointer;background-color:var(--main-color);}
.flow-info a span{position:absolute;right:calc(100% + 15px);top:50%;display:flex;align-items:center;justify-content:center;width:130px;height:36px;line-height:36px;margin-top:-18px;text-align:center;box-shadow:0 0 20px rgba(0,0,0,.1);background-color:#fff;border-radius:40px;font-size:14px;color:#333;z-index:2;}
.flow-info a span:before{display:block;width:22px;height:23px;margin-right:5px;background-image:url(/wp-content/uploads/2025/01/chat-icon-1.png);background-size:100% 100%;}
.flow-info a:before{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background-color:var(--main-color);border-radius:50%;animation:wave 1.5s linear infinite;}
.flow-info a:after{content:"";position:absolute;left:0;top:0;width:100%;height:100%;-webkit-filter:invert(100%);background-image:url(/wp-content/uploads/2026/04/chat-icon.svg);background-size:28px 27px;background-repeat:no-repeat;background-position:center;}
.flow-message{position:fixed;top:50%;left:50%;width:340px;background-color:var(--main-color);transform:translate(-50%,-40%);border-radius:15px;border:1px solid var(--main-color);box-sizing:border-box;overflow:hidden;opacity:0;z-index:-1;transition:all .5s;}
.flow-message h2{line-height:30px;padding:10px 50px 10px 20px;background-color:var(--main-color);color:#fff;font-size:16px;font-weight:normal;}
.flow-message .close{position:absolute;right:0;top:0;width:50px;height:50px;line-height:50px;text-align:center;color:#fff;font-family:dashicons;cursor:pointer;font-size:30px;}
.flow-message .close:before{content:"\f335";}
.flow-message .simple-message{padding:20px;background-color:#fff;}
.flow-message .simple-message li{margin-bottom:15px;}
.flow-message .simple-message p{line-height:20px;margin-bottom:3px;font-size:14px;}
.flow-message .simple-message input{width:100%;height:40px;padding:0 10px;border:1px solid #ccc;box-sizing:border-box;font-size:14px;}
.flow-message .simple-message input::placeholder{font-size:0;}
.flow-message .simple-message textarea{width:100%;height:120px;line-height:20px;padding:8px 10px;border:1px solid #ccc;box-sizing:border-box;font-size:14px;}
.flow-message .simple-message button{width:100%;height:40px;background-color:var(--main-color);color:#fff;border-radius:30px;border:none;transition:all .5s;}
.flow-message .simple-message button:hover{background-color:var(--main-color);}
.flow-message .simple-message .sm-subtn{margin-bottom:0;}
.flow-message.on{transform:translate(-50%,-50%);opacity:1;z-index:9999;}

.index-main{height:100vh;}
.index-main .home-cont{position:relative;width:100%;height:100%;}
.index-main .home-cont > section{position:absolute;left:0;top:0;width:100%;height:100%;overflow-y:auto;box-sizing:border-box;transition:all 1s;}
.index-main .home-cont > section.out{transform:translateY(-100vh);}
.index-main .home-nav{position:fixed;left:0;top:0;width:9vw;height:100vh;padding:2.8vw 0 0 0.7vw;background-color:rgba(0,0,0,.1);box-sizing:border-box;overflow:hidden;z-index:9999;transition:all 1s;}
.index-main .home-nav .logo{width:6.5vw;margin:0 auto 3vw;cursor:pointer;}
.index-main .home-nav .logo img{width:100%;height:auto;object-fit:contain;}
.index-main .home-nav .menu li{margin-top:1vw;}
.index-main .home-nav .menu li h3{position:relative;line-height:1.85em;padding:0 0.5em 0 2em;font-size:0.94vw;font-family:"OPPOSans-L";font-weight:bold;cursor:pointer;}
.index-main .home-nav .menu li p{position:relative;line-height:1.85em;margin-top:0.85em;padding:0 0.7em 0 2.6em;font-size:0.73vw;cursor:pointer;}
.index-main .home-nav .menu li p:before{content:"· ";}
.index-main .home-nav .menu li p.hide{display:none;}
.index-main .home-nav .menu li .sub{display:none;}
.index-main .home-nav .menu li.on h3{background-color:rgba(35,165,255,.3);}
.index-main .home-nav .menu li.on h3:before{content:"";position:absolute;right:0;top:0;width:0.17vw;height:100%;background-color:rgba(1,129,238,.5);}
.index-main .home-nav .menu li.on p.on{background-color:rgba(204,204,204,.5);}
.index-main .home-nav .menu li.on p.on:after{content:"";position:absolute;right:0;top:0;width:0.17vw;height:100%;background-color:rgba(1,129,238,.7);}
.index-main .home-nav .menu li.on .sub{display:block;}
.index-main .home-nav .menu li.hide{display:none;}
.index-main .home-nav:before{content:"";position:absolute;left:0;top:0;width:0.7vw;height:100%;background-image:linear-gradient(#23a4ff,#01f769);}
.index-main .home-nav.hide{left:-9vw;}
.index-main .home-nav.white{color:#fff;}
.index-main .home-dot{position:fixed;right:1.5vw;top:50%;transform:translateY(-50%);opacity:1;z-index:9999;transition:all 1s;}
.index-main .home-dot li{width:0.5vw;height:0.5vw;margin:0.5vw 0;border-radius:50%;background-color:#c3c6cc;}
.index-main .home-dot li.on{background-color:#5baff6;}
.index-main .home-dot li.hide{display:none;}
.index-main .home-dot.hide{opacity:0;right:-2vw;}
.index-main .home-import{position:fixed;right:2vw;bottom:1vw;display:flex;align-items:center;column-gap:1.4vw;opacity:1;z-index:9999;transition:all 1s;}
.index-main .home-import span{display:block;font-size:0.7vw;cursor:pointer;transition:all .5s;}
.index-main .home-import span:hover{color:var(--main-color);font-family:"OPPOSans-B";}
.index-main .home-import .zp{line-height:1.85em;padding:0 1em;border-radius:2em;background-image:linear-gradient(to right, #23a4ff, #01f769);color:#fff !important;font-family:"OPPOSans-L" !important;}
.index-main .home-import.load{opacity:.2;}
.index-main .home-import.hide{opacity:0;bottom:-3vw;}

.index-banner{z-index:99;}
.index-banner .slide-pic{width:100vw;height:100%;overflow:hidden;}
.index-banner .slide-pic ul{display:flex;flex-wrap:wrap;width:1000%;height:100%;}
.index-banner .slide-pic li{width:100vw;height:100%;overflow:hidden;}
.index-banner .slide-pic li img{width:100%;height:100%;object-fit:cover;}
.index-banner .slide-pic li .wp-block-image{width:100%;height:100%;}
.index-banner .slide-dot{position:absolute;left:0;bottom:2vw;width:100%;}
.index-banner .slide-dot ul{display:flex;justify-content:center;column-gap:0.25vw;}
.index-banner .slide-dot li{position:relative;width:0.8vw;height:0.8vw;padding:0.15vw;border-radius:0.8vw;box-sizing:border-box;transition:all .3s;}
.index-banner .slide-dot li:before{content:"";display:block;width:100%;height:100%;border-radius:1vw;background-color:#fff;}
.index-banner .slide-dot li.active{padding:0;}
.index-banner .slide-dot li.active:before{background-color:var(--main-color);}
.index-banner .btn{position:absolute;top:50%;width:2.2vw;height:2.2vw;line-height:2.2vw;margin-top:-1.1vw;text-align:center;background-color:#aaa;color:#fff;font-family:dashicons;font-size:1.2vw;border-radius:50%;cursor:pointer;z-index:9;}
.index-banner .btn:hover{background-color:#bbb;color:var(--main-color);}
.index-banner .prev{left:2vw;}
.index-banner .prev:before{content:"\f341";}
.index-banner .next{right:2vw;}
.index-banner .next:before{content:"\f345";}
.index-banner.mob{display:none;}

.index-about{z-index:98;}
.index-about .scroll-box{height:200vh;}
.index-about .profile{height:100vh;background-image:url(/wp-content/uploads/2026/05/index-about-bg.webp);background-size:cover;}
.index-about .profile h2{margin-bottom:0.5em;font-size:2.4vw;transform:translateY(2vw);opacity:0;transition:all 1s;transition-delay:.7s;}
.index-about .profile p{font-size:1.2vw;transform:translateY(2vw);opacity:0;transition:all 1s;transition-delay:.85s;}
.index-about .profile ul{display:flex;flex-wrap:wrap;justify-content:space-between;column-gap:14vw;row-gap:3vw;width:40vw;margin-top:3vw;transform:translateY(10vw);opacity:0;transition:all 1s;transition-delay:1s;}
.index-about .profile li{width:9.4em;line-height:1.3em;font-size:0.94vw;text-align:center;}
.index-about .profile li mark{display:inline-block;line-height:1.2em;margin-bottom:0.2em;font-size:4em;font-family:"OPPOSans-B";}
.index-about .profile li:nth-child(2n){width:18em;}
.index-about .profile .home-width{height:100%;display:flex;flex-direction:column;justify-content:center;}
.index-about .video{position:relative;height:180vh;}
.index-about .video .wp-block-video{width:100%;height:100%;}
.index-about .video .wp-block-video video{width:100%;height:100%;object-fit:cover;}
.index-about .video .cover{position:absolute;left:0;top:0;width:100%;height:100%;overflow:hidden;}
.index-about .video .cover img{position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(1);transform-origin:50% 55%;object-fit:cover;transition:all .4s;}
.index-about .video .cover .mob{display:none;transform-origin:50% 51%;}
.index-about .video .cont{position:sticky;top:0;width:100%;height:100vh;}
.index-about .history{display:flex;flex-direction:column;justify-content:center;height:100vh;padding-left:9vw;background-color:#fff;background-image:url(/wp-content/uploads/2026/04/about-history-bg.webp);background-size:100% auto;background-position:bottom center;background-repeat:no-repeat;}
.index-about .history h2{padding-left:8.5vw;margin-bottom:2em;font-size:2.3vw;}
.index-about .history .wp-block-group__inner-container{position:relative;display:flex;justify-content:space-between;padding:7.5vw 4vw;}
.index-about .history .wp-block-group__inner-container:before{content:"";position:absolute;left:50%;top:50%;width:100%;height:3px;margin-top:-1.5px;margin-left:-50%;background-color:#cacaca;}
.index-about .history details{position:relative;flex:1;display:flex;flex-direction:column-reverse;text-align:center;transform:translateY(-50%);}
.index-about .history details summary{position:relative;display:flex;justify-content:center;height:0;line-height:5vw;margin-top:7.5vw;font-size:1.5vw;color:var(--main-color);transition:all .5s;}
.index-about .history details summary:hover{transform:scale(1.2);font-weight:bold;}
.index-about .history details:before{content:"";position:absolute;left:50%;bottom:0;width:1.6vw;height:1.6vw;transform:translate(-50%,50%);border:0.36vw solid rgba(36,82,234,.2);background-color:var(--main-color);background-clip:padding-box;border-radius:50%;box-sizing:border-box;}
.index-about .history details:after{content:"";position:absolute;left:50%;bottom:0;width:1px;height:6.8vw;margin-left:-0.5px;background-color:var(--main-color);}
.index-about .history details p{width:120%;margin-left:-8%;transition:all .5s;}
.index-about .history details:nth-child(2n){flex-direction:column;transform:translateY(50%);}
.index-about .history details:nth-child(2n) summary{align-items:flex-end;margin-top:0;margin-bottom:7.5vw;}
.index-about .history details:nth-child(2n) summary:after{bottom:initial;top:0;}
.index-about .history details:nth-child(2n):before{bottom:initial;top:0;transform:translate(-50%,-50%);}
.index-about .history details:nth-child(2n):after{bottom:initial;top:0;}
.index-about .history details[open] summary{display:flex;pointer-events:none;cursor:default;}
.index-about .history details:hover summary{transform:scale(1.5);font-weight:bold;}
.index-about .history details:hover p{transform:translateY(-10px);}
.index-about .history details:nth-child(2n):hover p{transform:translateY(10px);}
.index-about.on .profile h2{transform:translateY(0);opacity:1;}
.index-about.on .profile p{transform:translateY(0);opacity:1;}
.index-about.on .profile ul{transform:translateY(0);opacity:1;}
@keyframes waves{
from {width:1.6vw;height:1.6vw;border:0.36vw solid rgba(36,82,234,.2);}
to {width:2.6vw;height:2.6vw;border:0.86vw solid rgba(36,82,234,0);}
}
@keyframes waves2{
from {width:1.6vw;height:1.6vw;margin:0 0 -0.8vw -0.8vw;border:0.36vw solid rgba(36,82,234,.2);}
to {width:2.6vw;height:2.6vw;margin:-1.3vw 0 0 -1.3vw;border:0.86vw solid rgba(36,82,234,0);}
}

.index-system{z-index:97;}
.index-system .scroll-box{}
.index-system .comb{height:100vh;padding:5vw calc(41.2vw - 58vh) 2vw calc(82.4vw - 116vh);background-image:url(/wp-content/uploads/2026/05/index-comb-bg.webp);background-size:cover;box-sizing:border-box;}
.index-system .comb h2{margin-bottom:0.2em;font-size:2.3vw;transform:translateY(2vw);opacity:0;transition:all 1s;transition-delay:.7s;}
.index-system .comb p{font-size:1.1vw;transform:translateY(2vw);opacity:0;transition:all 1s;transition-delay:.85s;}
.index-system .comb p.tips{position:relative;transition-delay:1.8s;}
.index-system .comb p.tips:before{content:"";position:absolute;left:50%;bottom:120%;margin-left:-0.4em;border:0.4em solid transparent;border-bottom-color:var(--main-color);}
.index-system .comb .wp-block-group{position:relative;display:flex;justify-content:center;align-items:center;width:calc(174vh - 23.6vw);height:calc(100vh - 13.52vw);margin:0 auto;transform:translateY(150%);transition:all 1.5s;transition-delay:.9s;}
.index-system .comb .wp-block-group > .wp-block-image{width:24.85vw;opacity:1;}
.index-system .comb .wp-block-gallery{position:absolute;left:0;top:0;width:100%;height:100%;}
.index-system .comb .wp-block-gallery .wp-block-image{position:absolute !important;opacity:0;z-index:-1;}
.index-system .comb .wp-block-gallery .wp-block-image div{position:absolute;background-size:100% 100%;z-index:2;}
.index-system .comb .wp-block-gallery .wp-block-image div span{position:absolute;line-height:1.2em;font-size:0.83vw;}
.index-system .comb .wp-block-gallery .wp-block-image:nth-child(1){left:43.3%;top:11.4%;width:37.68% !important;}
.index-system .comb .wp-block-gallery .wp-block-image:nth-child(1) .l0{display:none !important;}
.index-system .comb .wp-block-gallery .wp-block-image:nth-child(2){left:64.8%;top:19%;width:13.57% !important;}
.index-system .comb .wp-block-gallery .wp-block-image:nth-child(2) .l0{left:72.36%;bottom:67.34%;width:142.54%;height:132.65%;background-image:url(/wp-content/uploads/2026/01/index-combline-02.webp);}
.index-system .comb .wp-block-gallery .wp-block-image:nth-child(2) .l0 span{right:0;bottom:calc(100% + 0.3vw);}
.index-system .comb .wp-block-gallery .wp-block-image:nth-child(3){left:64.8%;top:38.94%;width:10.48% !important;}
.index-system .comb .wp-block-gallery .wp-block-image:nth-child(3) .l0{right:70.45%;bottom:66.2%;width:583.52%;height:213.5%;background-image:url(/wp-content/uploads/2026/01/index-combline-03.webp);}
.index-system .comb .wp-block-gallery .wp-block-image:nth-child(3) .l0 span{left:0;bottom:calc(100% + 0.3vw);}
.index-system .comb .wp-block-gallery .wp-block-image:nth-child(4){left:50.36%;top:61.65%;width:17.62% !important;}
.index-system .comb .wp-block-gallery .wp-block-image:nth-child(4) .l0{right:55.4%;top:83%;width:290.2%;height:117.8%;background-image:url(/wp-content/uploads/2026/01/index-combline-04.webp);}
.index-system .comb .wp-block-gallery .wp-block-image:nth-child(4) .l0 span{left:0;bottom:0.3vw;}
.index-system .comb .wp-block-gallery .wp-block-image:nth-child(5){left:79.88%;top:40.7%;width:10.06% !important;}
.index-system .comb .wp-block-gallery .wp-block-image:nth-child(5) .l0{left:44.38%;top:19.41%;width:117.75%;height:4.12%;background-image:url(/wp-content/uploads/2026/01/index-combline-05.webp);}
.index-system .comb .wp-block-gallery .wp-block-image:nth-child(5) .l0 span{right:0;bottom:calc(100% + 0.3vw);}
.index-system .comb .wp-block-gallery .wp-block-image:nth-child(6){left:80.42%;top:63.88%;width:4.52% !important;}
.index-system .comb .wp-block-gallery .wp-block-image:nth-child(6) .l0{left:76.3%;top:43.9%;width:255.26%;height:8.53%;background-image:url(/wp-content/uploads/2026/01/index-combline-06.webp);}
.index-system .comb .wp-block-gallery .wp-block-image:nth-child(6) .l0 span{right:0;bottom:calc(100% + 0.3vw);}
.index-system .comb .wp-block-gallery .wp-block-image:nth-child(7){left:34.82%;top:67.18%;width:6.37% !important;}
.index-system .comb .wp-block-gallery .wp-block-image:nth-child(7) .l0{right:70.1%;top:73.89%;width:465.42%;height:4.44%;background-image:url(/wp-content/uploads/2026/01/index-combline-07.webp);}
.index-system .comb .wp-block-gallery .wp-block-image:nth-child(7) .l0 span{left:0;bottom:calc(100% + 0.3vw);}
.index-system .comb .wp-block-gallery .wp-block-image:nth-child(8){left:43.1%;top:12.7%;width:13.51% !important;}
.index-system .comb .wp-block-gallery .wp-block-image:nth-child(8) .l0{right:51.98%;top:32.62%;width:314.98%;height:1.87%;background-image:url(/wp-content/uploads/2026/01/index-combline-08-1.webp);}
.index-system .comb .wp-block-gallery .wp-block-image:nth-child(8) .l0 span{left:0;bottom:calc(100% + 0.3vw);}
.index-system .comb .wp-block-gallery .wp-block-image:nth-child(8) .l1{right:72.68%;top:62.5%;width:293.83%;height:1.87%;background-image:url(/wp-content/uploads/2026/01/index-combline-08-2.webp);}
.index-system .comb .wp-block-gallery .wp-block-image:nth-child(8) .l1 span{left:0;bottom:calc(100% + 0.3vw);}
.index-system .comb .wp-block-gallery .wp-block-image:nth-child(9){left:11.13%;top:57.29%;width:20.3% !important;}
.index-system .comb .wp-block-gallery .wp-block-image:nth-child(9) .l0{right:60.7%;bottom:71.43%;width:59.24%;height:30.95%;background-image:url(/wp-content/uploads/2026/01/index-combline-10.webp);}
.index-system .comb .wp-block-gallery .wp-block-image:nth-child(9) .l0 span{left:0;bottom:calc(100% + 0.3vw);}
.index-system .comb .wp-block-gallery .wp-block-image:nth-child(10){left:16.84%;top:11.29%;width:28.93% !important;}
.index-system .comb .wp-block-gallery .wp-block-image:nth-child(10) .l0{right:19.13%;bottom:72%;width:115.61%;height:19.24%;background-image:url(/wp-content/uploads/2026/01/index-combline-09-1.webp);}
.index-system .comb .wp-block-gallery .wp-block-image:nth-child(10) .l0 span{left:0;bottom:calc(100% + 0.3vw);}
.index-system .comb .wp-block-gallery .wp-block-image:nth-child(10) .l1{right:48.97%;top:78.82%;width:84.98%;height:27.67%;background-image:url(/wp-content/uploads/2026/01/index-combline-09-2.webp);}
.index-system .comb .wp-block-gallery .wp-block-image:nth-child(10) .l1 span{left:0;bottom:0.3vw;}
.index-system .comb .wp-block-gallery .wp-block-image:nth-child(11){left:15.95%;top:11.17%;width:20.3% !important;}
.index-system .comb .wp-block-gallery .wp-block-image:nth-child(11) .l0{right:32%;top:22%;width:113.2%;height:1.85%;background-image:url(/wp-content/uploads/2026/01/index-combline-11-1.webp);}
.index-system .comb .wp-block-gallery .wp-block-image:nth-child(11) .l0 span{left:0;bottom:calc(100% + 0.3vw);}
.index-system .comb .wp-block-gallery .wp-block-image:nth-child(11) .l1{right:59.53%;bottom:10.08%;width:84.16%;height:8.22%;background-image:url(/wp-content/uploads/2026/01/index-combline-11-2.webp);}
.index-system .comb .wp-block-gallery .wp-block-image:nth-child(11) .l1 span{left:0;bottom:calc(100% + 0.3vw);}
.index-system .systems{background-color:#fafaff;}
.index-system .systems h2{display:flex;align-items:flex-end;column-gap:0.5em;margin-bottom:0.5em;font-size:2vw;font-family:"OPPOSans-R";}
.index-system .systems h2 sub{line-height:1.5em;font-size:0.7em;}
.index-system .systems h3{display:inline-block;padding:0.2em 1.2em;background-color:#888a8d;color:#fff;border-radius:2em;font-size:0.94vw;}
.index-system .systems p{font-size:1vw;}
.index-system .systems > .wp-block-cover{height:50vw;padding:3vw 17.5vw;}
.index-system .systems .is-nowrap{flex-direction:column;row-gap:1.5vw;align-items:flex-start;margin:2vw 0;}
.index-system .systems .is-nowrap p{line-height:1.2em;padding-left:0.5em;border-left:1px solid var(--main-color);font-size:0.8vw;}
.index-system .systems .is-nowrap p mark{display:inline-block;line-height:1em;margin-bottom:0.2em;font-size:2.5em;font-family:"DMSans-SemiBold";background-image:-webkit-linear-gradient(left, var(--secd-color), var(--main-color), var(--secd-color), var(--main-color), var(--secd-color), var(--main-color), var(--secd-color));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-size:300%;background-position:left;animation:bgs 6s infinite linear;}
.index-system .systems .wp-block-list li{position:relative;display:flex;align-items:center;min-height:2.5em;line-height:1.3em;margin-top:1.15em;padding-left:3.2em;font-size:0.83vw;}
.index-system .systems .wp-block-list li img{position:absolute;left:0;top:50%;width:2.5em !important;height:2.5em !important;margin-top:-1.25em;}
.index-system .systems .wp-block-media-text{display:none;}
.index-system .systems .wp-block-media-text.on{display:block;}
.index-system .systems .wp-block-media-text__media{display:none;}
.index-system .systems .wp-block-media-text__content{padding:0;}
.index-system .systems .wp-block-media-text__content .is-nowrap{margin-top:1.5vw;column-gap:3.9vw;}
.index-system .systems .wp-block-buttons{margin-bottom:1.5vw;}
.index-system .systems .wp-block-button__link{padding:0.3em 1em;font-size:0.75vw;background-color:#fff;color:#999;}
.index-system .systems .wp-block-button.on .wp-block-button__link{color:#fff;background-image:-webkit-linear-gradient(left, #24a5ff, #03f66b);}
.index-system .systems .wp-block-button.on .wp-block-button__link:after{content:"支撑系统";}
.index-system .systems .wp-block-cover__inner-container{width:37vw !important;}
.index-system.on .comb h2{transform:translateY(0);opacity:1;}
.index-system.on .comb p{transform:translateY(0);opacity:1;}
.index-system.on .comb .wp-block-group{transform:translateY(0);}
.index-system.on .comb .wp-block-group > .wp-block-image{animation:shrink 1s both;animation-delay:2.4s;}
.index-system.on .comb .wp-block-gallery .wp-block-image{animation:boom 1s cubic-bezier(.215, .61, .355, 1) both;animation-delay:3.1s;}
@keyframes shrink{
0%{transform:scale3d(1);opacity:1;}
20%{transform:scale3d(.9,.9,.9);opacity:1;}
50%,55%{transform:scale3d(1.1,1.1,1.1);opacity:1;}
100%{transform:scale3d(.3,.3,.3);opacity:0;}
}
@keyframes boom{
0%{transform:scale3d(.3,.3,.3);opacity:0;}
20%{transform:scale3d(1.1,1.1,1.1);opacity:1;}
40%{transform:scale3d(.9,.9,.9);opacity:1;}
60%{transform:scale3d(1.03,1.03,1.03);opacity:1;}
80%{transform:scale3d(.97,.97,.97);opacity:1;}
100%{transform:scale3d(1);opacity:1;}
}

.index-smart{z-index:96;}
.index-smart h2{margin-bottom:0.4em;font-size:2.4vw;transform:translateY(2vw);opacity:0;transition:all 1s;}
.index-smart p{font-size:1.2vw;transform:translateY(2vw);opacity:0;transition:all 1s;transition-delay:.15s;}
.index-smart .scroll-box > div{height:52vw;}
.index-smart .scroll-box .wp-block-cover{height:100%;padding:5vw 17.5vw 3vw;}
.index-smart .action h2{transform:translateY(0);opacity:1;}
.index-smart .action p{transform:translateY(0);opacity:1;}
.index-smart .out h2{transform:translateY(-2vw);}
.index-smart .out p{transform:translateY(-2vw);}
.index-smart .music h2{transform:translateY(2vw);opacity:0;transition-delay:.7s;}
.index-smart .music p{transform:translateY(2vw);opacity:0;transition-delay:.85s;}
.index-smart.on .music h2{transform:translateY(0);opacity:1;}
.index-smart.on .music p{transform:translateY(0);opacity:1;}
.index-smart.on .music.out h2{transform:translateY(-2vw);opacity:0;}
.index-smart.on .music.out p{transform:translateY(-2vw);opacity:0;}

.index-market{padding:5vw 0 3vw;background-color:#fff;overflow:hidden !important;z-index:95;}
.index-market h2{margin-bottom:0.4em;font-size:2.4vw;transform:translateY(2vw);opacity:0;transition:all 1s;transition-delay:.7s;}
.index-market p{font-size:1.2vw;transform:translateY(2vw);opacity:0;transition:all 1s;transition-delay:.85s;}
.index-market .wp-block-image{width:80%;;margin:3vw auto 0;transform:translateY(10vw);opacity:0;transition:all 1s;transition-delay:1.05s;}
.index-market .home-width{display:flex;flex-direction:column;justify-content:center;height:100%;padding-right:5vw;box-sizing:border-box;}
.index-market.on h2{transform:translateY(0);opacity:1;}
.index-market.on p{transform:translateY(0);opacity:1;}
.index-market.on .wp-block-image{transform:translateY(0);opacity:1;}

.index-global{background-color:#f6f8ff;overflow:hidden !important;z-index:94;}
.index-global h2{margin-bottom:0.4em;font-size:2.4vw;transform:translateY(2vw);opacity:0;transition:all 1s;transition-delay:.7s;}
.index-global p{font-size:1.2vw;transform:translateY(2vw);opacity:0;transition:all 1s;transition-delay:.85s;}
.index-global .wp-block-image{transform:translateY(10vw);opacity:0;transition:all 1s;transition-delay:1.05s;}
.index-global .wp-block-group{transform:translateY(10vw);opacity:0;transition:all 1s;transition-delay:1.2s;}
.index-global .wp-block-group p{font-size:0.94vw;}
.index-global .wp-block-group p mark{display:inline-block;line-height:1.2em;font-size:2.3em;font-family:"OPPOSans-B";}
.index-global .home-width{display:flex;flex-direction:column;justify-content:center;height:100%;padding-right:5vw;box-sizing:border-box;}
.index-global.on h2{transform:translateY(0);opacity:1;}
.index-global.on p{transform:translateY(0);opacity:1;}
.index-global.on .wp-block-image{transform:translateY(0);opacity:1;}
.index-global.on .wp-block-group{transform:translateY(0);opacity:1;}

.index-news{padding:5vw 0 3vw;overflow:hidden !important;background-color:#fff;z-index:93;}
.index-news h2{margin-bottom:1em;font-size:2.4vw;transform:translateY(2vw);opacity:0;transition:all 1s;transition-delay:.7s;}
.index-news .home-width{display:flex;flex-direction:column;justify-content:center;height:100%;box-sizing:border-box;}
.index-news .list{min-height:30.6vw;margin-bottom:2.5vw;transform:translateY(2vw);opacity:0;transition:all 1s;transition-delay:.85s;}
.index-news .list ul{display:flex;flex-wrap:wrap;column-gap:2%;row-gap:1.6vw;}
.index-news .list li{width:32%;}
.index-news .list li.news-item{height:14.5vw;border:1px solid #d7d7d7;padding:1vw 1.3vw;}
.index-news .list li.news-item time{font-size:0.7vw;}
.index-news .list li.news-item h3{margin-bottom:0.5em;font-size:1vw;-webkit-line-clamp:2;}
.index-news .list li.news-item p{margin-bottom:0.5em;font-size:0.8vw;-webkit-line-clamp:3;}
.index-news .list li.news-item span{font-size:0.6vw;}
.index-news .list li.news-item a{width:2vw;height:2vw;}
.index-news .list li.news-item a:before{line-height:2vw;font-size:1vw;}
.index-news .btn{text-align:center;transform:translateY(2vw);opacity:0;transition:all 1s;transition-delay:1s;}
.index-news .btn .more{display:inline-block;padding:0.5em 2em;border:1px solid #ccc;border-radius:3em;font-size:0.8vw;}
.index-news.on h2{transform:translateY(0);opacity:1;}
.index-news.on .list{transform:translateY(0);opacity:1;}
.index-news.on .btn{transform:translateY(0);opacity:1;}

.index-knowledge{padding:5vw 0 3vw;overflow:hidden !important;background-color:#fbfbff;z-index:92;}
.index-knowledge h2{margin-bottom:0.3em;font-size:2.4vw;transform:translateY(2vw);opacity:0;transition:all 1s;transition-delay:.7s;}
.index-knowledge p{font-size:1.2vw;transform:translateY(2vw);opacity:0;transition:all 1s;transition-delay:.85s;}
.index-knowledge .home-width{display:flex;flex-direction:column;justify-content:center;height:100%;box-sizing:border-box;}
.index-knowledge .list{margin:3.5vw 0 3vw;transform:translateY(2vw);opacity:0;transition:all 1s;transition-delay:1s;}
.index-knowledge .list ul{display:flex;flex-wrap:wrap;column-gap:2%;row-gap:1.6vw;}
.index-knowledge .list li{width:32%;}
.index-knowledge .list li .pic{position:relative;height:0;padding-bottom:63.5%;border-radius:2vw;overflow:hidden;}
.index-knowledge .list li .pic img{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover;}
.index-knowledge .list li .text{padding-top:2vw;margin-top:2.2vw;border-top:1px solid #cacaca;}
.index-knowledge .list li .text time{display:block;font-size:0.94vw;color:#999;}
.index-knowledge .list li .text h3{margin-top:0.5em;text-overflow:ellipsis;overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;}
.index-knowledge .btn{text-align:center;transform:translateY(2vw);opacity:0;transition:all 1s;transition-delay:1.15s;}
.index-knowledge .btn .more{display:inline-block;padding:0.5em 2em;border:1px solid #ccc;border-radius:3em;font-size:0.8vw;}
.index-knowledge.on h2{transform:translateY(0);opacity:1;}
.index-knowledge.on p{transform:translateY(0);opacity:1;}
.index-knowledge.on .list{transform:translateY(0);opacity:1;}
.index-knowledge.on .btn{transform:translateY(0);opacity:1;}

.index-footer{padding:5vw 0 3vw;background-color:#27282a;color:#fff;}
.index-footer h2{margin-bottom:0.3em;font-size:2.4vw;}
.index-footer p{margin:0;font-size:1.2vw;}
.index-footer a{color:#fff;}
.index-footer .home-width{display:flex;flex-direction:column;justify-content:space-between;height:100%;}
.index-footer .home-width:before{content:"";}
.index-footer .bottom{margin-top:5vw;}
.index-footer .cont{display:flex;justify-content:space-between;margin:3.5vw 0 auto;}
.index-footer .cont .nav .one{display:flex;column-gap:15vw;}
.index-footer .cont .nav .one > li{margin-top:0;}
.index-footer .cont .nav .one > li > a{display:block;line-height:1.35em;margin-bottom:0.8em;font-size:1.85vw;font-family:"OPPOSans-B";color:#fff;}
.index-footer .cont .nav .sub-menu li{font-size:1vw;line-height:1.4em;margin-top:1em;}
.index-footer .cont .subscr{display:flex;flex-direction:column;justify-content:space-between;align-items:flex-end;width:24vw;}
.index-footer .cont .subscr h2{line-height:1.35em;margin-bottom:0.8em;font-size:1.85vw;}
.index-footer .cont .subscr p{font-size:1vw;}
.index-footer .cont .subscr .simple-message p{display:none;}
.index-footer .cont .subscr .simple-message input{width:100%;height:2.5vw;border-bottom:1px solid #fff;background:none;color:#fff;font-size:1vw;}
.index-footer .cont .subscr .simple-message input::placeholder{color:#fff;}
.index-footer .cont .subscr .simple-message button{padding:0.8vw 4vw 0.7vw;font-size:0;background-color:var(--main-color);color:#fff;border-radius:5vw;border:none;}
.index-footer .cont .subscr .simple-message button:before{content:"订阅";display:block;line-height:1.6vw;font-size:1vw;text-transform:uppercase;}
.index-footer .cont .subscr .simple-message .sm-email{margin:1vw 0 2vw;}
.index-footer .cont .subscr .line{background-color:rgba(36,82,234,0);border:1px solid #fff;box-sizing:border-box;}
.index-footer .cont .subscr .line:before{background-color:rgba(36,82,234,0);border:1px solid #fff;transform:rotate(-45deg);}
.index-footer .cont .subscr .line:hover{background-color:var(--main-color);border-color:var(--main-color);}
.index-footer .cont .subscr .line:hover:before{background-color:var(--main-color);border-color:rgba(255,255,255,0);transform:rotate(-90deg);}
.index-footer .func{display:flex;justify-content:center;align-items:center;column-gap:3vw;margin-bottom:2vw;}
.index-footer .func .logo{height:4vw;}
.index-footer .func .logo img{width:auto;height:100%;object-fit:contain;}
.index-footer .func .sns .wp-block-group{column-gap:1vw;}
.index-footer .func .sns .wp-block-group img{height:1vw;width:auto;margin:0;filter:grayscale(100%) brightness(1000%);}
.index-footer .func .qrcode{width:4.5vw;}
.index-footer .contact ul{display:flex;justify-content:center;align-items:center;column-gap:1.6vw;}
.index-footer .contact li{font-size:1vw;}
.index-footer .copyright{position:absolute;right:4vw;bottom:0;padding:1vw 0;background:none;text-align:center;}
.index-footer .copyright p{font-size:0.65vw;}
.index-footer .copyright .gls-btn{margin-bottom:2em;font-size:0.75vw;}


.com-banner{position:relative;}
.com-banner img{width:100%;height:auto;}
.com-banner .text{position:absolute;left:0;bottom:3.9vw;width:100%;display:flex;justify-content:center;align-items:center;color:#fff;}
.com-banner .text h1{font-size:1.5vw;margin-bottom:1em;transform:translateY(2vw);opacity:0;transition:transform .8s ease,opacity .8s ease;}
.com-banner .text p{line-height:1.1em;font-size:2.5vw;transform:translateY(2vw);opacity:0;transition:transform .8s ease,opacity .8s ease;transition-delay:.15s;}
.com-banner .case{position:absolute;right:6.25vw;bottom:3.9vw;width:31.5vw;color:#fff;}
.com-banner .case p{font-size:1vw;}
.com-banner .case .wp-block-group{margin-top:4vw;column-gap:5vw;}
.com-banner .case .wp-block-group p{font-size:0.94vw;}
.com-banner .case .wp-block-group p strong{display:inline-block;line-height:1em;font-size:4em;background-image:-webkit-linear-gradient(left, var(--secd-color), var(--main-color), var(--secd-color), var(--main-color), var(--secd-color), var(--main-color), var(--secd-color));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-size:300%;background-position:left;animation:bgs 6s infinite linear;}
.com-banner .contact{position:absolute;right:6.25vw;bottom:4.5vw;width:26vw;color:#fff;}
.com-banner .contact li{position:relative;display:flex;align-items:center;justify-content:flex-end;height:4.8vw;padding-left:8vw;border-bottom:1px solid rgba(255,255,255,.5);text-align:right;font-size:1.5vw;}
.com-banner .contact li:before{position:absolute;left:0;top:50%;transform:translateY(-50%);font-family:"icomoon";}
.com-banner .contact li.mail:before{content:"\e905";}
.com-banner .contact li.tel:before{content:"\e91d";}
.com-banner .contact li.wsapp:before{content:"\ea93";}
.com-banner .contact li.add{font-size:0.94vw;}
.com-banner .contact li.add:before{content:"\e907";font-size:1.5vw;}
.com-banner.action .text h1{transform:translateY(0);opacity:1;}
.com-banner.action .text p{transform:translateY(0);opacity:1;}

.com-cate{padding:2vw 0;}
.com-cate ul{display:flex;}
.com-cate li{line-height:1em;padding-right:1.7em;margin-right:1.7em;border-right:1px solid #ddd;font-size:1.2vw;}
.com-cate li:last-child{border-right:none;padding-right:0;margin-right:0;}
.com-cate li.active a{color:var(--main-color);}

.pageinfo{text-align:center;}
.pageinfo ul{display:flex;justify-content:center;align-items:center;column-gap:0.6vw;}
.pageinfo li{width:2.4vw;height:2.4vw;line-height:2.4vw;border-radius:50%;background-color:#fff;cursor:pointer;font-size:0.8vw;}
.pageinfo li:hover{background-color:var(--main-color);color:#fff;}
.pageinfo li.home{transform:rotate(180deg);}
.pageinfo li.home:before{content:"\e904";font-family:"icomoon";font-size:0.8vw;}
.pageinfo li.last:before{content:"\e904";font-family:"icomoon";font-size:0.8vw;}
.pageinfo li.nb{width:auto;background:none;border-radius:0;color:#999;}
.pageinfo li.on{background-color:var(--main-color);color:#fff;}

.main-about h2{font-size:3.75vw;margin-bottom:1em;}
.main-about .a-point{position:relative;top:-2vw;display:block;height:0;overflow:hidden;}
.main-about .banner{height:52vw;}
.main-about .banner h1{margin-top:0.3em;font-size:2.5vw;}
.main-about .banner p{font-size:1.5vw;}
.main-about .banner .wp-block-group{position:absolute;left:0;bottom:0;width:100%;row-gap:0;padding:2.3vw 0;background-color:rgba(0,0,0,.5);backdrop-filter:saturate(300%) blur(7px);}
.main-about .banner .wp-block-group p{font-size:0.94vw;}
.main-about .banner .wp-block-group p strong{display:inline-block;line-height:1.2em;font-size:4em;}
.main-about .banner .wp-block-cover{display:block;height:100%;padding:0;}
.main-about .banner .wp-block-cover__inner-container{height:100%;padding:25% 6.25% 5%;box-sizing:border-box;}
.main-about .com-bg{position:relative;padding:7vw 0;z-index:1;}
.main-about .com-bg:before{content:"";position:absolute;left:0;bottom:0;width:100%;height:24vw;background-image:url(/wp-content/uploads/2026/04/about-history-bg.webp);background-size:100% auto;background-position:bottom;background-repeat:no-repeat;z-index:-1;}
.main-about .com-bg:after{content:"";position:absolute;right:0;top:18vw;width:43.28vw;height:85.67vw;background-image:url(/wp-content/uploads/2026/04/about-com-bg.webp);background-size:100% 100%;background-repeat:no-repeat;z-index:-1;}
.main-about .profile .text{width:57.3vw;margin:0 auto 5vw;}
.main-about .profile .text p{font-size:1vw;}
.main-about .video{margin-bottom:5vw;}
.main-about .video .wp-block-video{border-radius:4vw;overflow:hidden;}
.main-about .history{overflow:hidden;}
.main-about .history .wp-block-group__inner-container{position:relative;display:flex;justify-content:space-between;padding:7.5vw 0;}
.main-about .history .wp-block-group__inner-container:before{content:"";position:absolute;left:50%;top:50%;width:100vw;height:3px;margin-top:-1.5px;margin-left:-50vw;background-color:#cacaca;}
.main-about .history details{position:relative;flex:1;display:flex;flex-direction:column-reverse;text-align:center;transform:translateY(-50%);}
.main-about .history details summary{position:relative;display:flex;justify-content:center;height:0;line-height:5vw;margin-top:7.5vw;font-size:1.5vw;color:var(--main-color);}
.main-about .history details:before{content:"";position:absolute;left:50%;bottom:0;width:1.6vw;height:1.6vw;margin:0 0 -0.8vw -0.8vw;border:0.36vw solid rgba(36,82,234,.2);background-color:var(--main-color);background-clip:padding-box;border-radius:50%;box-sizing:border-box;}
.main-about .history details:after{content:"";position:absolute;left:50%;bottom:0;width:1px;height:6.8vw;margin-left:-0.5px;background-color:var(--main-color);}
.main-about .history details p{width:116%;margin-left:-8%;}
.main-about .history details:nth-child(2n){flex-direction:column;transform:translateY(50%);}
.main-about .history details:nth-child(2n) summary{align-items:flex-end;margin-top:0;margin-bottom:7.5vw;}
.main-about .history details:nth-child(2n) summary:after{bottom:initial;top:0;}
.main-about .history details:nth-child(2n):before{bottom:initial;top:0;margin:-0.8vw 0 0 -0.8vw;}
.main-about .history details:nth-child(2n):after{bottom:initial;top:0;}
.main-about .history details[open] summary{display:flex;pointer-events:none;cursor:default;}
.main-about .factory{padding:5.8vw 0;background-color:#0c0e13;background-image:url(/wp-content/uploads/2026/03/about-factory-bg.webp);background-size:30.5vw auto;background-position:left bottom;background-repeat:no-repeat;color:#fff;}
.main-about .factory h2{margin-bottom:0.5em;}
.main-about .factory p{line-height:1.3em;font-size:0.94vw;}
.main-about .factory .is-layout-grid{display:flex;align-items:center;justify-content:space-between;}
.main-about .factory .is-vertical{width:30%;}
.main-about .factory .slide-gallery{display:block;width:55.2vw;padding-top:3vw;}
.main-about .factory .slide-gallery .slide-pic{overflow:hidden;}
.main-about .factory .slide-gallery .slide-pic ul{display:flex;flex-wrap:wrap;width:1000%;}
.main-about .factory .slide-gallery .slide-pic li{width:26.4vw;height:19.3vw;margin-right:1.2vw;border-radius:2.5vw;overflow:hidden;}
.main-about .factory .slide-gallery .slide-pic li img{width:100%;height:100%;object-fit:cover;}
.main-about .factory .slide-gallery .slide-dot{display:flex;justify-content:space-between;align-items:center;margin-top:3vw;}
.main-about .factory .slide-gallery .slide-dot .btn{display:flex;justify-content:space-between;width:4.5vw;height:2vw;}
.main-about .factory .slide-gallery .slide-dot .btn span{display:block;width:2vw;height:2vw;line-height:1.9vw;text-align:center;box-sizing:border-box;color:#fff;cursor:pointer;font-size:1.75vw;transition:all .5s;}
.main-about .factory .slide-gallery .slide-dot .btn span:hover{color:var(--main-color);}
.main-about .factory .slide-gallery .slide-dot .line{display:flex;align-items:center;justify-content:space-between;width:calc(100% - 7vw);}
.main-about .factory .slide-gallery .slide-dot .line span{display:none;width:0.6em;font-size:0.7vw;color:#fff}
.main-about .factory .slide-gallery .slide-dot .line .bar{width:100%;height:3px;background-color:#ececec;}
.main-about .factory .slide-gallery .slide-dot .line .bar ul{height:100%;background-color:var(--main-color);transition:all .5s;}
.main-about .certificate{padding:7vw 0;}
.main-about .certificate .slide-gallery{display:block;}
.main-about .certificate .slide-gallery .slide-pic{overflow:hidden;}
.main-about .certificate .slide-gallery .slide-pic ul{display:flex;flex-wrap:wrap;width:1000%;}
.main-about .certificate .slide-gallery .slide-pic li{width:17.8vw;height:25vw;margin-right:2vw;overflow:hidden;}
.main-about .certificate .slide-gallery .slide-pic li img{width:100%;height:100%;object-fit:cover;}
.main-about .certificate .slide-gallery .slide-dot{display:flex;justify-content:space-between;align-items:center;width:60%;margin:3vw 0 0 auto;}
.main-about .certificate .slide-gallery .slide-dot .btn{display:flex;justify-content:space-between;width:4.5vw;height:2vw;}
.main-about .certificate .slide-gallery .slide-dot .btn span{display:block;width:2vw;height:2vw;line-height:1.9vw;text-align:center;box-sizing:border-box;color:#333;cursor:pointer;font-size:1.75vw;transition:all .5s;}
.main-about .certificate .slide-gallery .slide-dot .btn span:hover{color:var(--main-color);}
.main-about .certificate .slide-gallery .slide-dot .line{display:flex;align-items:center;justify-content:space-between;width:calc(100% - 7vw);}
.main-about .certificate .slide-gallery .slide-dot .line span{display:none;width:0.6em;font-size:0.7vw;color:#fff}
.main-about .certificate .slide-gallery .slide-dot .line .bar{width:100%;height:3px;background-color:#ececec;}
.main-about .certificate .slide-gallery .slide-dot .line .bar ul{height:100%;background-color:var(--main-color);transition:all .5s;}
.main-about .team{padding:7vw 0;background-color:#f2f2f2;}
.main-about .team h2{line-height:1.1em;margin-bottom:0.4em;}
.main-about .team p{line-height:1.3em;font-size:1.2vw;color:#666;}
.main-about .team .wp-block-media-text{margin-bottom:4vw;}
.main-about .team .wp-block-media-text__content{padding:0 13.5% 0 0;}
.main-about .team .wp-block-media-text__media{border-radius:2.3vw;overflow:hidden;}
.main-about .team .wp-block-gallery{margin-bottom:4vw;font-size:3vw;}
.main-about .team .wp-block-gallery .wp-block-image{border-radius:2.3vw;overflow:hidden;}
.main-about .team .wp-block-group{gap:1.7vw;}
.main-about .team .wp-block-group p{padding:2vw 3vw;background-color:#fff;border-radius:2.3vw;}
.main-about .team .wp-block-group p mark{display:inline-block;margin-bottom:0.5em;font-size:1.8vw;}
.main-about .partner{padding:7vw 0;background-image:url(/wp-content/uploads/2026/03/map-bg.webp);background-size:93.8% auto;background-position:center;background-repeat:no-repeat;}
.main-about .partner .wp-block-image{border-radius:1vw;box-shadow:0 0 8vw rgba(0,0,0,.07);overflow:hidden;}
.main-about .partner .wp-block-gallery{font-size:2vw;}

li.pro-item{background-color:#fff;border-radius:1.5vw;overflow:hidden;}
li.pro-item .pic{position:relative;height:0;padding-bottom:100%;border-radius:0 0 1.5vw 1.5vw;overflow:hidden;}
li.pro-item .pic img{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover;}
li.pro-item .text{padding:1.4vw;text-align:center;}
li.pro-item .text h3{margin-bottom:0.5vw;font-size:1.2vw;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
li.pro-item .text p{text-overflow:ellipsis;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#666;}
li.pro-item .text .more{display:block;line-height:2.5vw;margin-top:1.2vw;font-size:0.94vw;border:1px solid var(--main-color);color:var(--main-color);border-radius:5em;box-sizing:border-box;text-transform:uppercase;transition:all .3s;}
li.pro-item .text .more:hover{background-color:var(--main-color);color:#fff;}
li.case-item .pic{position:relative;height:0;padding-bottom:60%;border-radius:2.3vw;overflow:hidden;}
li.case-item .pic img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;}
li.case-item .text{padding-top:1vw;}
li.case-item .text h3{font-size:1.8vw;text-overflow:ellipsis;overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;}
li.case-item .text p{margin-top:1em;font-size:0.94vw;}
li.case-item .text p b{}
li.case-item .text p strong{}
li.news-item{display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;height:29vw;padding:2vw 2.5vw;border-radius:2.3vw;overflow:hidden;background-color:#fff;box-sizing:border-box;transition:all .3s;}
li.news-item time{display:block;margin:0;font-size:0.94vw;color:#999;transition:all .3s;}
li.news-item h3{margin:0.5em 0 1em;text-overflow:ellipsis;overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;}
li.news-item p{margin:0 0 1.2em;font-size:0.94vw;color:#666;text-overflow:ellipsis;overflow:hidden;display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;transition:all .3s;}
li.news-item span{display:block;line-height:2.3em;margin:0 0 auto;padding:0 1em;background-color:#f6f6f6;color:#333;border-radius:3em;font-size:0.75em;}
li.news-item a{display:block;width:3vw;height:3vw;border:1px solid #ddd;color:#ddd;border-radius:50%;transform:rotate(-45deg);transition:all .3s;}
li.news-item a:before{content:"→";display:block;line-height:3vw;text-align:center;font-size:1.5vw;}
li.news-item a:hover{background-color:#fff;color:var(--main-color);transform:rotate(0deg);}
li.news-item:hover{background-color:var(--main-color);color:#fff;}
li.news-item:hover time{color:#fff;}
li.news-item:hover p{color:#fff;}

.list-products{position:relative;padding:3vw 0 5vw;}
.list-products .main-width{display:flex;justify-content:space-between;}
.list-products .cate{position:relative;width:22.6%;}
.list-products .cate .one > li{margin-bottom:0.36vw;transition:all .3s;}
.list-products .cate .one > li p{position:relative;padding:0.85vw 1vw;background-color:#eee;font-size:1.2vw;}
.list-products .cate .one > li p a{color:#999;}
.list-products .cate .one > li p i{position:absolute;right:1vw;top:50%;width:0.74vw;height:1.4vw;margin-top:-0.7vw;vertical-align:top;}
.list-products .cate .one > li p i:before{content:"";position:absolute;left:0;top:50%;width:0.42vw;height:1px;background-color:#999;transform-origin:center;transform:rotate(45deg);transition:all .3s;}
.list-products .cate .one > li p i:after{content:"";position:absolute;right:0;top:50%;width:0.42vw;height:1px;background-color:#999;transform-origin:center;transform:rotate(-45deg);transition:all .3s;}
.list-products .cate .one > li.on p{background-color:var(--main-color);}
.list-products .cate .one > li.on p a{color:#fff;}
.list-products .cate .one > li.on p i:before{background-color:#fff;}
.list-products .cate .one > li.on p i:after{background-color:#fff;}
.list-products .cate .one > li.open{margin-bottom:1.2vw;}
.list-products .cate .one > li.open p i:before{transform:rotate(-45deg);}
.list-products .cate .one > li.open p i:after{transform:rotate(45deg);}
.list-products .cate .two{display:none;padding:1vw 1.7vw;border:1px solid #eee;border-top:none;box-sizing:border-box;}
.list-products .cate .two li{line-height:1.2em;padding:0.7em 0;font-size:1vw;}
.list-products .cate .pos{position:sticky;top:5vw;}
.list-products .cont{position:relative;width:72%;}
.list-products .cont .list{margin:1.3vw 0 3vw;}
.list-products .cont .list ul{display:flex;flex-wrap:wrap;column-gap:2.75%;row-gap:1.7vw;}
.list-products .cont .list li{display:none;width:31.5%;}
.list-products .cont .list li.on{display:block;}
.list-products:before{content:"";position:absolute;right:0;top:0;width:calc(100vw - 28.4vw);height:100%;background-color:#f6f6f6;}

.pro-banner{position:relative;}
.pro-banner img{width:100%;height:auto;}
.pro-banner:after{content:"";position:absolute;left:0;top:0;width:100%;height:30%;background-image:linear-gradient(rgba(0,0,0,.5) 0%, rgba(0,0,0,0) 100%);}

.main-products h2{margin-bottom:1em;font-size:3.75vw;text-align:center;}
.main-products .bread{padding:2.5vw 0;}
.main-products .overview{padding-bottom:7vw;}
.main-products .overview .main-width{display:flex;justify-content:space-between;}
.main-products .overview .slide-pro{display:flex;flex-direction:row-reverse;justify-content:space-between;width:50%;}
.main-products .overview .slide-pic{width:36.4vw;height:36.4vw;overflow:hidden;}
.main-products .overview .slide-pic ul{display:flex;flex-wrap:wrap;width:1000%;}
.main-products .overview .slide-pic li{width:36.4vw;height:36.4vw;}
.main-products .overview .slide-pic li img{width:100%;height:100%;object-fit:cover;}
.main-products .overview .slide-dot{position:relative;width:6vw;padding:2vw 0;box-sizing:border-box;}
.main-products .overview .slide-dot li{width:6vw;height:6vw;margin-bottom:0.6vw;border:2px solid #ddd;box-sizing:border-box;}
.main-products .overview .slide-dot li img{width:100%;height:100%;object-fit:cover;}
.main-products .overview .slide-dot li.active{border-color:var(--main-color);}
.main-products .overview .slide-dot .pos{height:32.4vw;overflow:hidden;}
.main-products .overview .slide-dot .btn{position:absolute;left:0;display:flex;justify-content:center;align-items:center;width:100%;height:2vw;cursor:pointer;box-sizing:border-box;}
.main-products .overview .slide-dot .prev{top:0;padding-bottom:0.6vw;}
.main-products .overview .slide-dot .prev:before{content:"";border:0.6vw solid transparent;border-bottom-color:#ddd;}
.main-products .overview .slide-dot .prev:hover:before{border-bottom-color:var(--main-color);}
.main-products .overview .slide-dot .next{bottom:0;padding-top:0.6vw;}
.main-products .overview .slide-dot .next:before{content:"";border:0.6vw solid transparent;border-top-color:#ddd;}
.main-products .overview .slide-dot .next:hover:before{border-top-color:var(--main-color);}
.main-products .overview .text{width:46%;padding-top:2.5vw;}
.main-products .overview .text h1{margin-bottom:0.3em;font-size:2.5vw;}
.main-products .overview .text .model{display:block;line-height:1.2em;font-size:0.94vw;color:#666;}
.main-products .overview .text .desc{margin:1.5vw 0 2vw;padding-top:2vw;border-top:1px solid #ddd;}
.main-products .overview .text .desc h3{margin-bottom:0.5em;font-size:1.2vw;}
.main-products .overview .text .desc p{font-size:0.94vw;}
.main-products .overview .text .share{margin-bottom:2.5vw;}
.main-products .overview .text .share h4{margin-bottom:0.5em;font-size:0.94vw;}
.main-products .overview .text .share .ico{display:flex;column-gap:0.6vw;}
.main-products .overview .text .share .ico a{width:1vw;height:1vw;background-size:100% 100%;filter:grayscale(100%) brightness(0);}
.main-products .overview .text .share .ico a:hover{filter:grayscale(0) brightness(1);}
.main-products .overview .text .share .ico a.fb{background-image:url(/wp-content/uploads/2026/03/sns-facebook.svg);}
.main-products .overview .text .share .ico a.pt{background-image:url(/wp-content/uploads/2026/03/sns-pt.svg);}
.main-products .overview .text .share .ico a.x{background-image:url(/wp-content/uploads/2026/03/sns-x.svg);}
.main-products .overview .text .btn{display:flex;justify-content:space-between;column-gap:1.5vw;}
.main-products .overview .text .btn *{flex:1;display:block;line-height:2.5em;font-size:1.2vw;border-radius:5em;text-align:center;cursor:pointer;color:#fff;}
.main-products .overview .text .btn a{background-color:#000;}
.main-products .overview .text .btn span{background-color:var(--main-color);}
.main-products .feature{padding:4vw 0;background-color:#f6f6f6;}
.main-products .feature p{height:8.8vw;padding-left:2vw;border-left:0.3vw solid var(--main-color);font-size:1.2vw;overflow-y:auto;}
.main-products .feature p strong{display:inline-block;line-height:1.2em;margin-bottom:0.7em;font-size:1.25em;}
.main-products .feature .wp-block-group{row-gap:4vw;column-gap:5vw;}
.main-products .detail{padding:7vw 0 3.5vw;}
.main-products .detail h3{margin-bottom:0.5em;font-size:2.5vw;}
.main-products .detail p{font-size:1.2vw;color:#666;}
.main-products .detail .wp-block-media-text{margin-top:4.5vw;}
.main-products .detail .wp-block-media-text__media{border-radius:2.3vw;overflow:hidden;transform:translateY(2vw);opacity:0;transition:transform .8s ease,opacity .8s ease;}
.main-products .detail .wp-block-media-text__content{padding:0 11% 0 0;}
.main-products .detail .wp-block-media-text:nth-child(2n) .wp-block-media-text__content{padding:0 0 0 11%;}
.main-products .detail .wp-block-media-text.action .wp-block-media-text__media{transform:translateY(0);opacity:1;}
.main-products .spec{padding:3.5vw 0;}
.main-products .spec table{width:100%;}
.main-products .spec table td{padding:0.9em 1em;border:1px solid #ddd;font-size:0.94vw;color:#666;}
.main-products .spec table td:nth-child(odd){background-color:#f6f6f6;}
.main-products .case{padding:3.5vw 0 7vw;}
.main-products .case ul{display:flex;flex-wrap:wrap;justify-content:center;column-gap:4.8%;}
.main-products .case li{width:47.6%;}
.main-products .related{padding:7vw 0;background-color:#f6f6f6;}
.main-products .related ul{display:flex;justify-content:center;column-gap:3.2%;}
.main-products .related li{width:22.6%;}

.list-cases{padding:7vw 0;}
.list-cases .list-cont ul{position:relative;}
.list-cases .list-cont li{position:absolute;display:none;width:47.6%;}
.list-cases .list-cont li.case-item .pic{height:auto;padding-bottom:0;border-radius:2.3vw;overflow:hidden;}
.list-cases .list-cont li.case-item .pic img{position:static;width:100%;height:auto;}
.list-cases .list-cont li.cl0{left:0;}
.list-cases .list-cont li.cl1{left:52.4%;}
.list-cases .list-cont li.on.show{display:block;}
.list-cases .list-cont .loadico{position:absolute;left:50%;bottom:20px;transform:translateX(-50%);}

.case-banner{position:relative;}
.case-banner img{width:100%;height:auto;}
.case-banner .text{position:absolute;left:0;bottom:3.5vw;width:100%;text-align:center;color:#fff;z-index:2;}
.case-banner .text h1{margin-bottom:0.3em;font-size:2.5vw;transform:translateY(2vw);opacity:0;transition:transform .8s ease,opacity .8s ease;}
.case-banner .text p{font-size:0.94vw;transform:translateY(2vw);opacity:0;transition:transform .8s ease,opacity .8s ease;transition-delay:.15s;}
.case-banner:before{content:"";position:absolute;left:0;top:0;width:100%;height:30%;background-image:linear-gradient(rgba(0,0,0,.5) 0%, rgba(0,0,0,0) 100%);}
.case-banner:after{content:"";position:absolute;left:0;bottom:0;width:100%;height:40%;background-image:linear-gradient(rgba(0,0,0,0) 0%, rgba(0,0,0,.7) 100%);}
.case-banner .text.action h1{transform:translateY(0);opacity:1;}
.case-banner .text.action p{transform:translateY(0);opacity:1;}

.main-case h2{margin-bottom:1em;font-size:3.75vw;text-align:center;}
.main-case .overview{padding:4vw 0;overflow:hidden;}
.main-case .overview .feature{margin-bottom:4vw;}
.main-case .overview .feature ul{display:flex;justify-content:space-between;column-gap:2.7%;}
.main-case .overview .feature li{flex:1;padding:1.5vw 2.3vw;background-color:#f6f6f6;border-radius:2.3vw;}
.main-case .overview .feature li h3{margin-bottom:0.6em;font-size:1.2vw;}
.main-case .overview .feature li p{line-height:1.3em;font-size:1.2vw;}
.main-case .overview .slide-pic ul{display:flex;flex-wrap:wrap;width:1000%;}
.main-case .overview .slide-pic li{width:36vw;height:25vw;margin-right:2vw;border-radius:2.5vw;overflow:hidden;}
.main-case .overview .slide-pic li img{width:100%;height:100%;object-fit:cover;}
.main-case .overview .slide-dot{display:flex;justify-content:space-between;align-items:center;width:49.5vw;margin:4vw 0 0 auto;}
.main-case .overview .slide-dot .btn{display:flex;justify-content:space-between;width:4.5vw;height:2vw;}
.main-case .overview .slide-dot .btn span{display:block;width:2vw;height:2vw;line-height:1.9vw;text-align:center;box-sizing:border-box;color:#333;cursor:pointer;font-size:1.75vw;transition:all .5s;}
.main-case .overview .slide-dot .btn span:hover{color:var(--main-color);}
.main-case .overview .slide-dot .line{display:flex;align-items:center;justify-content:space-between;width:calc(100% - 7vw);}
.main-case .overview .slide-dot .line span{display:none;width:0.6em;font-size:0.7vw;color:#fff}
.main-case .overview .slide-dot .line .bar{width:100%;height:3px;background-color:#ececec;}
.main-case .overview .slide-dot .line .bar ul{height:100%;background-color:var(--main-color);transition:all .5s;}
.main-case .products{padding:7vw 0;background-color:#f6f6f6;}
.main-case .products .slide-pic{overflow:hidden;}
.main-case .products .slide-pic ul{display:flex;flex-wrap:wrap;width:1000%;}
.main-case .products .slide-pic li{width:20vw;margin-right:2.5vw;}
.main-case .products .slide-dot{width:100%;margin-top:2vw;}
.main-case .products .slide-dot ul{display:flex;justify-content:center;column-gap:0.25vw;}
.main-case .products .slide-dot li{position:relative;width:0.8vw;height:0.8vw;padding:0.15vw;border-radius:0.8vw;box-sizing:border-box;transition:all .3s;}
.main-case .products .slide-dot li:before{content:"";display:block;width:100%;height:100%;border-radius:1vw;background-color:#ccc;}
.main-case .products .slide-dot li.active{padding:0;}
.main-case .products .slide-dot li.active:before{background-color:var(--main-color);}
.main-case .detail{padding:7vw 0 3.5vw;}
.main-case .detail p{margin-bottom:1.5em;font-size:0.94vw;}
.main-case .detail p strong{font-size:1.35em;}
.main-case .detail .cbox{width:1000px;max-width:100%;margin:0 auto;}
.main-case .detail .cbox > *{margin-bottom:1.5vw;}
.main-case .detail .subpage{width:1000px;max-width:100%;margin:2vw auto 0;padding-top:2vw;border-top:1px solid #ddd;}
.main-case .detail .subpage ul{display:flex;flex-direction:column;row-gap:0.65vw;}
.main-case .detail .subpage li{position:relative;line-height:1.6em;padding:1.4em 3em 1.4em 2em;font-size:0.94vw;background-color:#f6f6f6;border-radius:1em;}
.main-case .detail .subpage li:before{content:"";position:absolute;right:2em;top:50%;transform:translateY(-50%);font-family:dashicons;}
.main-case .detail .subpage li.prev:before{content:"\f341";}
.main-case .detail .subpage li.next:before{content:"\f345";}
.main-case .related{padding:3.5vw 0 7vw;}
.main-case .related ul{display:flex;justify-content:center;column-gap:4.8%;}
.main-case .related li{width:47.6%;}

.list-news{padding:7vw 0;background-color:#f6f6f6;}
.list-news .list{margin-bottom:3vw;}
.list-news .list ul{display:flex;flex-wrap:wrap;column-gap:2.6%;row-gap:2.3vw;}
.list-news .list li{display:none;width:31.6%;}
.list-news .list li.spec{position:relative;width:65.8%;height:29vw;padding:0;border-radius:2.3vw;overflow:hidden;}
.list-news .list li.spec a{position:absolute;left:0;top:0;width:100%;height:100%;border:none;background:none;border-radius:0;transform:rotate(0deg);}
.list-news .list li.spec a:before{display:none;}
.list-news .list li.spec img{width:100%;height:100%;object-fit:cover;}
.list-news .list li.spec .text{position:absolute;left:3vw;bottom:3vw;width:calc(100% - 14vw);color:#fff;}
.list-news .list li.spec .text time{display:block;font-size:0.94vw;color:#fff;}
.list-news .list li.spec .text h3{margin:0.5em 0 0;text-overflow:ellipsis;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.list-news .list li.on{display:flex;}
.list-news .list li.on.spec{display:block;}
.list-news .list li.none{display:none;}

.main-article{position:relative;padding:2vw 0 7vw;z-index:1;overflow:hidden;}
.main-article .title{width:1000px;max-width:100%;margin:0 auto 2vw;}
.main-article .title span{display:inline-block;line-height:2.3em;margin:0 0 auto;padding:0 1em;background-color:#fff;color:#333;border-radius:3em;font-size:0.75em;}
.main-article .title h1{margin:0.8em 0;font-size:1.5vw;}
.main-article .title time{display:block;font-size:0.94vw;color:#999;}
.main-article .title .share{display:flex;column-gap:0.6vw;margin-top:1.2vw;}
.main-article .title .share a{width:1vw;height:1vw;background-size:100% 100%;filter:grayscale(100%) brightness(0);}
.main-article .title .share a:hover{filter:grayscale(0) brightness(1);}
.main-article .title .share a.fb{background-image:url(/wp-content/uploads/2026/03/sns-facebook.svg);}
.main-article .title .share a.pt{background-image:url(/wp-content/uploads/2026/03/sns-pt.svg);}
.main-article .title .share a.x{background-image:url(/wp-content/uploads/2026/03/sns-x.svg);}
.main-article .cbox{width:1000px;max-width:100%;margin:0 auto;}
.main-article .cbox > *{margin-bottom:1.5vw;}
.main-article .subpage{width:1000px;max-width:100%;margin:2vw auto 0;padding-top:2vw;border-top:1px solid #ddd;}
.main-article .subpage ul{display:flex;flex-direction:column;row-gap:0.65vw;}
.main-article .subpage li{position:relative;line-height:1.6em;padding:1.4em 3em 1.4em 2em;font-size:0.94vw;background-color:#f6f6f6;border-radius:1em;}
.main-article .subpage li:before{content:"";position:absolute;right:2em;top:50%;transform:translateY(-50%);font-family:dashicons;}
.main-article .subpage li.prev:before{content:"\f341";}
.main-article .subpage li.next:before{content:"\f345";}
.main-article:before{content:"";position:absolute;left:0;top:0;width:100%;height:33vw;background-color:#f6f6f6;z-index:-1;}

.related-news{padding:7vw 0;background-color:#f6f6f6;}
.related-news h2{margin-bottom:1em;font-size:3.75vw;text-align:center;}
.related-news ul{display:flex;column-gap:2.6%;}
.related-news li{display:flex;width:31.6%;height:29vw;}

.main-contact{padding:7vw 0;background-color:#f6f6f6;}
.main-contact h2{margin-bottom:1em;font-size:3.75vw;text-align:center;transform:translateY(2vw);opacity:0;transition:transform .8s ease,opacity .8s ease;}
.main-contact p{display:none;}
.main-contact .way{display:none;margin-bottom:7vw;}
.main-contact .way ul{display:flex;flex-wrap:wrap;row-gap:0.5em;}
.main-contact .way li{position:relative;min-width:33%;height:auto;padding-left:2em;line-height:1.3em;border-bottom:1px solid rgba(255,255,255,.5);font-size:0.8em;box-sizing:border-box;}
.main-contact .way li:before{position:absolute;left:0;top:0;font-family:"icomoon";}
.main-contact .way li.mail:before{content:"\e905";}
.main-contact .way li.tel:before{content:"\e91d";}
.main-contact .way li.wsapp:before{content:"\ea93";}
.main-contact .way li.add:before{content:"\e907";}
.main-contact .simple-message{width:1000px;max-width:100%;margin:0 auto;transform:translateY(2vw);opacity:0;transition:transform .8s ease,opacity .8s ease;transition-delay:.15s;}
.main-contact .simple-message li{margin-top:1.1vw;}
.main-contact .simple-message input,.main-contact .simple-message textarea{width:100%;height:3.7em;padding:0 1em;font-size:0.94vw;border-radius:0.8em;box-sizing:border-box;}
.main-contact .simple-message textarea{height:12.6vw;padding:0.8em 1em;}
.main-contact .simple-message button{width:100%;height:3.7em;font-size:0.94vw;border-radius:0.8em;box-sizing:border-box;background-color:var(--main-color);color:#fff;border:none;}
.main-contact.action h2{transform:translateY(0);opacity:1;}
.main-contact.action .simple-message{transform:translateY(0);opacity:1;}

.main-map{height:40vw;}
.main-map iframe{width:100%;height:100%;border:none;}

.list-video{padding:7vw 0;background-color:#f6f6f6;}
.list-video .list{margin-bottom:3vw;}
.list-video .list ul{display:flex;flex-wrap:wrap;row-gap:2.3vw;column-gap:2.6%;}
.list-video .list li{display:none;width:47.6%;}
.list-video .list li h3{font-size:1.8vw;text-overflow:ellipsis;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.list-video .list li .pic{position:relative;height:0;padding-bottom:60%;margin-bottom:0.8vw;border-radius:2.3vw;overflow:hidden;}
.list-video .list li .pic img{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover;}
.list-video .list li .pic i{position:absolute;left:50%;top:50%;width:6vw;height:6vw;margin:-3vw 0 0 -3vw;background-image:url(/wp-content/uploads/2026/04/play-icon.webp);background-size:contain;background-position:center;background-repeat:no-repeat;cursor:pointer;transition:all .3s;}
.list-video .list li .pic i:hover{transform:scale(1.1);}
.list-video .list li.on{display:block;}

.flow-video{position:fixed;left:0;top:0;display:flex;justify-content:center;align-items:center;width:100%;height:100%;background-color:rgba(0,0,0,0.8);opacity:0;z-index:-1;transition:all .5s;}
.flow-video .box{position:relative;width:800px;height:450px;background-color:#fff;transform:translateY(10%);transition:all .5s;}
.flow-video .box iframe{width:100%;height:100%;border:none;}
.flow-video .box .close{position:absolute;right:-60px;top:0;width:60px;height:60px;cursor:pointer;}
.flow-video .box .close:before{content:"";position:absolute;left:50%;top:50%;width:40px;height:2px;margin:-1px 0 0 -20px;background-color:#fff;transform:rotate(45deg);}
.flow-video .box .close:after{content:"";position:absolute;left:50%;top:50%;width:40px;height:2px;margin:-1px 0 0 -20px;background-color:#fff;transform:rotate(-45deg);}
.flow-video.on{opacity:1;z-index:99999;}
.flow-video.on .box{transform:translateY(0);}


.main-search{padding:4vw 0;background-color:#f6f6f6;}
.main-search h2{margin-bottom:0.5em !important;text-align:left !important;font-size:3vw;}
.main-search .search-box{margin-bottom:4vw;text-align:center;}
.main-search .search-box p{font-size:0.8vw;color:#999;transition:all .7s;transition-delay:.1s;}
.main-search .search-box form{position:relative;display:flex;justify-content:space-between;width:40vw;max-width:100%;margin:0 auto 1vw;padding:0.4vw;background-color:#fff;box-sizing:border-box;border-radius:5vw;box-shadow:0 0.5vw 1.2vw rgba(0,0,0,.08);transition:all .7s;}
.main-search .search-box form input{width:calc(100% - 2.4vw);padding:0 0.8vw;font-size:0.8vw;background-color:#fff;box-sizing:border-box;border:none;}
.main-search .search-box form button{width:2.1vw;height:2.1vw;padding:0;border-radius:50%;border:none;background-color:var(--main-color);font-size:1vw;text-align:center;}
.main-search .search-box form button:before{content:"\e914";font-family:"icomoon";color:#fff;font-size:0.8vw;text-align:center;}
.main-search .search-box.actoo p{transform:translateY(0);opacity:1;}
.main-search .search-box.actoo form{transform:translateY(0);opacity:1;}
.main-search .cbox{padding:0;margin-top:4vw;}
.main-search .products .list{margin-bottom:2vw;}
.main-search .products .list ul{display:flex;flex-wrap:wrap;column-gap:3.2%;}
.main-search .products .list li{display:none;width:22.6%;}
.main-search .products .list li.on{display:block;}
.main-search .cases ul{display:flex;flex-wrap:wrap;column-gap:4.8%;}
.main-search .cases li{width:47.6%;}
.main-search .news ul{display:flex;flex-wrap:wrap;column-gap:2.6%;}
.main-search .news li{width:31.6%;}
.main-search .page{display:flex;justify-content:space-between;padding:2.8vw 3.5vw;border-radius:1vw;box-sizing:border-box;background-color:#fff;transform:translateY(0);opacity:1;transition:all .7s;}
.main-search .page .list{width:52vw;}
.main-search .page .list li{display:flex;align-itvws:center;justify-content:space-between;padding:0.75vw 0;border-bottom:1px solid #e5e5e5;font-size:1.2vw;}
.main-search .page .list li a{display:block;width:1.75vw;height:1.75vw;line-height:1.75vw;text-align:center;background-color:var(--deepbg-color);border-radius:50%;}
.main-search .page .list li a:before{content:"\e906";font-family:"icomoon";color:var(--main-color);font-size:0.8vw;}
.main-search .page.action{transform:translateY(0);opacity:1;}

.main-404{padding:calc(6em + 6vw) 0 6em;text-align:center;background-color:#f6f6f6;}
.main-404 h1{font-size:10em;margin-bottom:0.1em;color:var(--main-color)}
.main-404 h2{font-size:2.4em;color:#000;}
.main-404 p{font-size:0.9em;}
.main-404 .gls-btn{margin-top:3em;font-size:0.9em;background-color:var(--main-color);color:#fff;}