/* Shared typography for desktop and mobile; use local PingFang first. */
:root{--jvds-font-sans:"PingFang SC","PingFang TC",-apple-system,BlinkMacSystemFont,"Microsoft YaHei","Helvetica Neue",Helvetica,Arial,sans-serif}
@font-face{font-family:"BioRhyme";src:url("../fonts/BioRhyme-Regular.ttf") format("truetype");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"BioRhyme";src:url("../fonts/BioRhyme-Bold.ttf") format("truetype");font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:"BioRhyme";src:url("../fonts/BioRhyme-ExtraBold.ttf") format("truetype");font-weight:800;font-style:normal;font-display:swap}
@font-face{font-family:"Inter";src:url("../fonts/Inter-Black.woff2") format("woff2");font-weight:900;font-style:normal;font-display:swap}
blockquote,body,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,input,li,ol,p,pre,td,textarea,th,ul{margin:0;padding:0}
table{border-collapse:collapse;border-spacing:0}
abbr,acronym,fieldset,img{border:0}
ol,ul{list-style:none}
caption,th{text-align:left}
q:after,q:before{content:''}
.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}
.col-c,.col-l,.col_c,.col_l,.l{float:left}
.col-r,.col_r,.r,.ul-txt li span,.ul_txt li span,dt span{float:right}
.c{clear:both}
.n,em{font-weight:400;font-style:normal}
.b{font-weight:700}
.i{font-style:italic}
.fa{font-family:var(--jvds-font-sans)}
.fg{font-family:var(--jvds-font-sans)}
.ft{font-family:var(--jvds-font-sans)}
.fl{font-family:var(--jvds-font-sans)}
.fs{font-family:var(--jvds-font-sans)}
.fw{font-family:var(--jvds-font-sans)}
.tc{text-align:center}
.tr{text-align:right}
.tl{text-align:left}
.tdu{text-decoration:underline}
.tdn,.tdn:hover,a.tdl:hover{text-decoration:none}
.fc0{color:#000}
.fc3{color:#333}
.fc6{color:#666}
.fc9{color:#999}
.fcr{color:red}
.fcw{color:#fff}
.fcb{color:#00f}
.fcg{color:green}
.f0{font-size:0}
.f10{font-size:10px}
.f12{font-size:12px}
.f13{font-size:13px}
.f14{font-size:14px}
.f16{font-size:16px}
.f20{font-size:20px}
.f24{font-size:24px}
.vm{vertical-align:middle}
.vtb{vertical-align:text-bottom}
.vt{vertical-align:top}
.vn{vertical-align:-2px}
.vimg{margin-bottom:-3px}
.m0{margin:0}
.ml0{margin-left:0}
.ml5{margin-left:5px}
.ml10{margin-left:10px}
.ml20{margin-left:20px}
.mr0{margin-right:0}
.mr5{margin-right:5px}
.mr10{margin-right:10px}
.mr20{margin-right:20px}
.mt5{margin-top:5px}
.mt10{margin-top:10px}
.mt20{margin-top:20px}
.mb5{margin-bottom:5px}
.mb10{margin-bottom:10px}
.mb20{margin-bottom:20px}
.ml-1{margin-left:-1px}
.mt-1{margin-top:-1px}
.p1{padding:1px}
.pl5{padding-left:5px}
.p5{padding:5px}
.pt5{padding-top:5px}
.pr5{padding-right:5px}
.pb5{padding-bottom:5px}
.p10{padding:10px}
.pl10{padding-left:10px}
.pt10{padding-top:10px}
.pr10{padding-right:10px}
.pb10{padding-bottom:10px}
.p20{padding:20px}
.pl20{padding-left:20px}
.pt20{padding-top:20px}
.pr20{padding-right:20px}
.pb20{padding-bottom:20px}
.pr,.rel{position:relative}
.abs,.pa{position:absolute}
.dn{display:none}
.db{display:block}
.dib{-moz-inline-stack:inline-block;display:inline-block}
.di{display:inline}
.ovh{overflow:hidden}
.ovs{overflow:scroll}
.vh{visibility:hidden}
.vv{visibility:visible}
.lh14{line-height:14px}
.lh16{line-height:16px}
.lh18{line-height:18px}
.lh20{line-height:20px}
.lh22{line-height:22px}
.lh24{line-height:24px}
.fix{*zoom:1}
.fix:after,.fix:before{display:block;content:"clear";height:0;clear:both;overflow:hidden;visibility:hidden}
.z{_zoom:1}
.h1{height:1px}
.h5{height:5px}
.h,.h10{height:10px}
.h15{height:15px}
.h20{height:20px}
.h,.h1,.h10,.h15,.h20,.h5{font-size:0;line-height:0;overflow:hidden;clear:both}
*,:after,:before{margin:0;padding:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;outline:0!important;-webkit-tap-highlight-color:rgba(255,255,255,0);-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;font-smoothing:antialiased}
body{font:14px/1.5 var(--jvds-font-sans);color:#333;font-family:var(--jvds-font-sans);-webkit-font-smoothing:antialiased;-webkit-overflow-scrolling:auto}
@media (hover:hover) and (pointer:fine){
html,body{cursor:url("../images/cursor-jvds-pointer.svg?v=202608200017") 5 4,auto}
a[href],button,input[type=button],input[type=submit],input[type=reset],input[type=checkbox],input[type=radio],select,label[for],summary,[role=button],[data-clickable],.slick-arrow,.slick-dots li{cursor:pointer!important}
input:not([type]),input[type=text],input[type=email],input[type=tel],input[type=url],input[type=search],input[type=password],input[type=number],textarea,[contenteditable=true]{cursor:text!important}
.m-news .slick-service,.m-news .slick-service.is-paused,.home-client-needs-viewport,.home-client-needs-viewport.is-cursor-ready,.jvds-testimonial-hanger__scene{cursor:grab!important}
.m-news .slick-service.is-dragging,.home-client-needs-viewport.is-dragging,.home-client-needs-viewport.is-cursor-ready.is-dragging,.jvds-testimonial-hanger__scene:active,.jvds-testimonial-hanger.is-dragging .jvds-testimonial-hanger__scene{cursor:grabbing!important}
}

/* Run Rob Run-inspired full-page pixel transition, adapted for JVDS navigation. */
html.jvds-page-transition-lock,html.jvds-page-transition-lock body{overflow:hidden!important}
html.jvds-page-transition-pending body:before{content:"";position:fixed;inset:0;z-index:2147482998;background:#e0f94c;pointer-events:auto}
html.jvds-page-transition-pending .g-load-page{display:none!important}
html.jvds-page-transition-pending body.page-index:before{display:none}
html.jvds-page-transition-pending body.page-index .g-load-page{display:block!important}
.jvds-page-transition{position:fixed;inset:0;z-index:2147482999;visibility:hidden;opacity:0;pointer-events:none;overflow:hidden;contain:strict}
.jvds-page-transition.is-active{visibility:visible;opacity:1;pointer-events:auto}
.jvds-page-transition-grid{--jvds-transition-pixel-size:calc(100vw / var(--jvds-transition-cols,6));position:absolute;inset:0;display:grid;grid-template-columns:repeat(var(--jvds-transition-cols,6),var(--jvds-transition-pixel-size));grid-auto-rows:var(--jvds-transition-pixel-size);align-content:start;background:transparent;overflow:hidden}
.jvds-page-transition-cell{display:block;width:100%;height:100%;background:#e0f94c;opacity:0;transition:opacity 20ms linear;will-change:opacity}
.jvds-page-transition.is-covering .jvds-page-transition-cell{opacity:1;transition-delay:var(--jvds-transition-delay,0s)}
.jvds-page-transition.is-revealing .jvds-page-transition-cell{opacity:1;transition:none}
.jvds-page-transition.is-revealing.is-running .jvds-page-transition-cell{opacity:0;transition:opacity 20ms linear;transition-delay:var(--jvds-transition-delay,0s)}
@media (prefers-reduced-motion:reduce){
html.jvds-page-transition-pending body:before{display:none}
.jvds-page-transition{display:none!important}
}
img{display:block;width:100%;height:auto;border:none}
button{font-family:inherit}
input,select,textarea{font-size:14px;color:#333;font-family:var(--jvds-font-sans);border:none}
input[type=button],input[type=checkbox],input[type=radio],input[type=reset],input[type=submit],select{-webkit-appearance:none;-moz-appearance:none;appearance:none}
::-webkit-input-placeholder{color:#999}
::-moz-placeholder{color:#999}
::-ms-input-placeholder{color:#999}
select::-ms-expand{display:none}
a{color:#333;text-decoration:none}
a:hover{color:#ff4b59}
.wp{margin:0 auto;width:100%;max-width:1720px}
.wp1{margin:0 auto;width:100%;max-width:1460px}
.wp2{margin:0 auto;width:100%;max-width:1200px}
.wp3{padding:0 60px;margin:0 auto;width:100%;max-width:1920px}
.header,body,html{min-width:1320px;overscroll-behavior:none;-webkit-overflow-scrolling:auto;overflow-x:hidden}
.hdr:after,.header:after,.nav:after{content:'';display:block;clear:both;visibility:hidden;width:100%;height:0}
.header{position:fixed;left:0;right:0;top:0;z-index:99;width:100%;height:80px;line-height:80px;overflow:visible;transition:height .3s,line-height .3s,border-color .3s;-webkit-transition:height .3s,line-height .3s,border-color .3s;-moz-transition:height .3s,line-height .3s,border-color .3s;-ms-transition:height .3s,line-height .3s,border-color .3s;-o-transition:height .3s,line-height .3s,border-color .3s}
.header>.wp3{height:100%}
.logo{float:left;font-size:0}
.logo img{display:inline-block;vertical-align:middle;width:auto;height:15px}
.header .logo .img1{filter:invert(1)}
.bd1 .header .logo .img2,.header.fixed .logo .img2,.header.hd-bg .logo .img2{filter:none}
.header .logo img.logo-jieda-cn{height:48px;filter:none}
.logo .img2{display:none}
.hdr{text-align:center}
.nav{white-space:nowrap;font-size:0;display:inline-block;vertical-align:top}
.nav li{margin:0 32px;position:relative;display:inline-block;vertical-align:middle}
.nav .v1{position:relative;z-index:0;isolation:isolate;display:block;font-size:14px;color:#fff;transition:color .16s ease,opacity .18s ease;-webkit-transition:color .16s ease,opacity .18s ease;-moz-transition:color .16s ease,opacity .18s ease;-ms-transition:color .16s ease,opacity .18s ease;-o-transition:color .16s ease,opacity .18s ease}
.nav .v1:before{content:"";position:absolute;z-index:-1;top:50%;left:50%;width:calc(100% + 28px);height:44px;border-radius:999px;background-color:#e0f94c;opacity:0;transform:translate(-50%,-50%);transition:opacity .65s cubic-bezier(.2,.65,.3,1);-webkit-transform:translate(-50%,-50%);-webkit-transition:opacity .65s cubic-bezier(.2,.65,.3,1);-moz-transform:translate(-50%,-50%);-moz-transition:opacity .65s cubic-bezier(.2,.65,.3,1);-ms-transform:translate(-50%,-50%);-ms-transition:opacity .65s cubic-bezier(.2,.65,.3,1);-o-transform:translate(-50%,-50%);-o-transition:opacity .65s cubic-bezier(.2,.65,.3,1);pointer-events:none}
.nav a{transition:opacity .3s;-webkit-transition:opacity .3s;-moz-transition:opacity .3s;-ms-transition:opacity .3s;-o-transition:opacity .3s}
.nav .v1:hover{color:#000!important;opacity:1}
.nav .v1:hover:before{opacity:1}
.hd-right{float:right}
.g-contact-btn{background:#F6F9FD;color:#141515!important;font-family:inherit;padding:0 58px 0 20px;font-size:14px;font-weight:500;border-radius:999px;-webkit-border-radius:999px;-moz-border-radius:999px;-ms-border-radius:999px;-o-border-radius:999px;border:none;letter-spacing:.05em;display:inline-flex;align-items:center;vertical-align:middle;box-shadow:none;overflow:hidden;position:relative;isolation:isolate;height:48px;line-height:1;text-align:center;cursor:pointer;text-decoration:none;transition:color .25s cubic-bezier(.23,1,.32,1),transform .25s ease-out;-webkit-transition:color .25s cubic-bezier(.23,1,.32,1),-webkit-transform .25s ease-out}
.g-contact-btn:before{content:none}
.g-contact-btn-fill{position:absolute;right:5px;top:5px;z-index:1;width:38px;height:38px;border-radius:999px;background:#000;pointer-events:none;transform-origin:50% 50%;will-change:transform,background-color}
.g-contact-btn-text{position:relative;z-index:2;transition:color .25s cubic-bezier(.23,1,.32,1);-webkit-transition:color .25s cubic-bezier(.23,1,.32,1)}
.g-contact-btn-icon{background:transparent;color:#fff;margin-left:1em;position:absolute;z-index:3;display:flex;align-items:center;justify-content:center;height:38px;width:38px;border-radius:999px;-webkit-border-radius:999px;-moz-border-radius:999px;-ms-border-radius:999px;-o-border-radius:999px;box-shadow:none;right:5px;top:5px;will-change:transform,color}
.g-contact-btn-icon svg{width:14px;height:14px;transition:transform .32s cubic-bezier(.22,1,.36,1);-webkit-transition:-webkit-transform .32s cubic-bezier(.22,1,.36,1)}
.g-contact-btn:active{transform:scale(.98);-webkit-transform:scale(.98)}
.g-contact-btn:active .g-contact-btn-icon{transform:scale(.94);-webkit-transform:scale(.94)}
@media (hover:hover) and (pointer:fine){.g-contact-btn:hover{background:#F6F9FD;color:#000!important;box-shadow:none}.g-contact-btn:hover .g-contact-btn-icon svg{transform:none;-webkit-transform:none}}
.jvds-action-btn{max-width:100%;background:#000;color:#fff!important;border:0}
.jvds-action-btn::after{content:"";position:absolute;inset:0;z-index:4;border-radius:inherit;box-shadow:inset 0 0 0 2px #000;pointer-events:none;transition:box-shadow .25s cubic-bezier(.23,1,.32,1);-webkit-transition:box-shadow .25s cubic-bezier(.23,1,.32,1)}
.jvds-action-btn .g-contact-btn-fill{background:#e0f94c}
.jvds-action-btn .g-contact-btn-text{flex:0 0 auto;overflow:visible;text-overflow:clip;white-space:nowrap;color:#fff}
.jvds-action-btn .g-contact-btn-icon{color:#000}
@media (hover:hover) and (pointer:fine){.g-contact-btn.jvds-action-btn:hover{background:#000;color:#000!important}.g-contact-btn.jvds-action-btn:hover::after{box-shadow:inset 0 0 0 2px #e0f94c}.g-contact-btn.jvds-action-btn:hover .g-contact-btn-text,.g-contact-btn.jvds-action-btn:hover .g-contact-btn-icon{color:#000}}
@keyframes jvds-action-bg-cover{0%,99%{background-color:#000}100%{background-color:#e0f94c}}
@-webkit-keyframes jvds-action-bg-cover{0%,99%{background-color:#000}100%{background-color:#e0f94c}}
@media (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){.g-contact-btn.jvds-action-btn:not([data-jvds-contact-gsap="1"]):hover{animation:jvds-action-bg-cover .42s linear forwards;-webkit-animation:jvds-action-bg-cover .42s linear forwards}.g-contact-btn.jvds-action-btn:not([data-jvds-contact-gsap="1"]):hover .g-contact-btn-fill{transform:scale(12);-webkit-transform:scale(12);transition:transform .42s cubic-bezier(.22,1,.36,1);-webkit-transition:-webkit-transform .42s cubic-bezier(.22,1,.36,1)}}
@media (hover:hover) and (pointer:fine) and (prefers-reduced-motion:reduce){.g-contact-btn.jvds-action-btn:hover{background:#e0f94c}}
.nav .sub{display:none!important;position:absolute;top:100%;left:50%;width:130px;padding:15px 0;border-top:2px solid #e0f94c;background-color:#fff;transform:translateX(-50%);-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);opacity:0;visibility:hidden;margin-top:-1px;transition:.3s;-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s}
.nav .sub dd a{display:block;line-height:35px;font-size:12px;color:#999;text-align:center}
.nav .sub dd.ok a,.nav .sub dd:hover a{color:#e0f94c}
.nav li:hover .sub{opacity:1;visibility:visible}
.nav li.has-service-sub{position:relative}
.nav .service-subnav{display:block!important;top:100%;width:164px;padding:10px 0;border-top:0;border-radius:16px;background:#fff;box-shadow:0 18px 30px rgba(0,0,0,.12);overflow:hidden;transform:translate(-50%,10px);-webkit-transform:translate(-50%,10px);-moz-transform:translate(-50%,10px);-ms-transform:translate(-50%,10px);-o-transform:translate(-50%,10px);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .25s ease,transform .25s ease,visibility .25s ease;-webkit-transition:opacity .25s ease,-webkit-transform .25s ease,visibility .25s ease;-moz-transition:opacity .25s ease,-moz-transform .25s ease,visibility .25s ease;-ms-transition:opacity .25s ease,-ms-transform .25s ease,visibility .25s ease;-o-transition:opacity .25s ease,visibility .25s ease,-o-transform .25s ease}
.nav li.has-service-sub:hover .service-subnav{opacity:1;visibility:visible;pointer-events:auto;transform:translate(-50%,0);-webkit-transform:translate(-50%,0);-moz-transform:translate(-50%,0);-ms-transform:translate(-50%,0);-o-transform:translate(-50%,0)}
.nav .service-subnav dd{margin:0}
.nav .service-subnav dd a{display:flex;align-items:center;justify-content:center;height:52px;line-height:52px;font-size:14px;font-weight:400;color:#000;text-align:center;background:#fff;transition:background-color .65s cubic-bezier(.2,.65,.3,1),color .65s cubic-bezier(.2,.65,.3,1);-webkit-transition:background-color .65s cubic-bezier(.2,.65,.3,1),color .65s cubic-bezier(.2,.65,.3,1);-moz-transition:background-color .65s cubic-bezier(.2,.65,.3,1),color .65s cubic-bezier(.2,.65,.3,1);-ms-transition:background-color .65s cubic-bezier(.2,.65,.3,1),color .65s cubic-bezier(.2,.65,.3,1);-o-transition:background-color .65s cubic-bezier(.2,.65,.3,1),color .65s cubic-bezier(.2,.65,.3,1)}
.nav .service-subnav dd:hover a{color:#000;background:#f2f2f2}
.nav .service-subnav dd.ok a,.nav .service-subnav dd.ok:hover a{color:#000;background:#e0f94c}
.header.hd-bg.fixed{border-color:transparent}
.bd1 .header .g-contact-btn,.header.fixed .g-contact-btn,.header.hd-bg .g-contact-btn{color:#141515!important;background:#F6F9FD}
@media (hover:hover) and (pointer:fine){.bd1 .header .g-contact-btn:hover,.header.fixed .g-contact-btn:hover,.header.hd-bg .g-contact-btn:hover{color:#000!important;background:#F6F9FD}}
.bd1 .header,.header.fixed{height:70px;line-height:70px;background-color:#fff;border-color:#e5e5e5}
.header.hd-bg{background-color:#fff;border-bottom:1px solid #e5e5e5}
body.page-index .header,body.page-news-detail .header,body.jvds-work-detail .header{background:transparent!important;border:0!important;box-shadow:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}
body.page-index .header:before,body.page-news-detail .header:before,body.jvds-work-detail .header:before{content:none;position:absolute;left:0;right:0;top:0;height:70px;background:#fff;pointer-events:none}
body.page-index .header.fixed,body.page-news-detail .header.fixed,body.jvds-work-detail .header.fixed{background:#fff!important}
body.page-index .header.fixed:before,body.page-news-detail .header.fixed:before,body.jvds-work-detail .header.fixed:before{content:none}
@media screen and (min-width:1281px){
body.page-index .header.fixed,body.page-news-detail .header.fixed,body.jvds-work-detail .header.fixed{height:80px;line-height:80px}
body.page-index .header.fixed .jvds-header-tools,body.page-news-detail .header.fixed .jvds-header-tools,body.jvds-work-detail .header.fixed .jvds-header-tools{height:80px}
}
@media screen and (min-width:801px) and (max-width:1280px){
body.page-index .header.fixed,body.page-news-detail .header.fixed,body.jvds-work-detail .header.fixed{height:80px;line-height:72px}
body.page-index .header.fixed .jvds-header-tools,body.page-news-detail .header.fixed .jvds-header-tools,body.jvds-work-detail .header.fixed .jvds-header-tools{height:80px}
}
body.page-index .header .wp3,body.page-news-detail .header .wp3,body.jvds-work-detail .header .wp3{position:relative;z-index:1;background:transparent!important}
.bd1 .header .logo .img1,.header.fixed .logo .img1,.header.hd-bg .logo .img1{display:none}
.bd1 .header .logo .img2,.header.fixed .logo .img2,.header.hd-bg .logo .img2{display:inline-block}
.bd1 .header .nav .v1,.header.fixed .nav .v1,.header.hd-bg .nav .v1{color:#333}
.hd-cont{position:fixed;left:0;right:0;top:119px;z-index:98;display:none}
.hd-cont .box{padding:70px 0 78px;background-color:#fff;overflow:hidden}
.hd-cont.on .list{animation-name:myfirst;-webkit-animation-name:myfirst;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}
.hd-cont.on .list.l1{animation-delay:.1s}
.hd-cont.on .list.l2,.hd-cont.on .list.l3{animation-delay:.2s}
.hd-cont.on .list.l4{animation-delay:.4s}
.hd-cont.on .list.l5{animation-delay:.5s}
.hd-cont.on .list.l6{animation-delay:.6s}
.hd-cont.on .list.l7{animation-delay:.8s}
.hd-cont.on .list.l8{animation-delay:.7s}
.hd-cont.on .list.l9{animation-delay:.9s}
@-webkit-keyframes myfirst{
0%{opacity:0}
100%{opacity:1}
}
@keyframes myfirst{
0%{opacity:0}
100%{opacity:1}
}
.ul-list3{float:left;overflow:hidden;width:44.8933%}
.ul-list3 li{float:left;width:50%;margin-bottom:30px;padding-right:7.5%}
.ul-list3 .con{height:175px;padding-top:48px;border:1px solid #e5e5e5}
.ul-list3 .icon{margin:0 auto 18px;width:44px;height:44px}
.ul-list3 .icon img{display:block;width:100%}
.ul-list3 .tit{line-height:18px;font-size:18px;color:#e0f94c;text-align:center;font-weight:400}
.hd-cont .qr{float:left;width:23.008%;height:380px;padding-top:54px;border:1px solid #e5e5e5}
.hd-cont .qr .pic{width:58.54%;overflow:hidden;margin:0 auto 32px}
.hd-cont .qr img{display:block;width:100%}
.hd-cont .qr p{text-align:center;font-size:14px;color:#999}
.ul-list4{float:left;overflow:hidden;width:32.0987%}
.ul-list4 li{width:50%;float:left;padding-left:10.6%;margin-bottom:30px}
.ul-list4 .con{overflow:hidden;display:block}
.ul-list4 .pic{position:relative;height:0;padding-top:77.7777%;overflow:hidden}
.ul-list4 .pic img{position:absolute;left:50%;top:50%;width:100%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%)}
.footer{overflow:hidden;background-color:#000;position:relative;z-index:2}
.footer:before{content:"";position:absolute;left:0;right:0;top:0;z-index:0;height:clamp(260px,31vw,540px);background:url(../images/footer-data-dots.png) top center/cover no-repeat;opacity:1;pointer-events:none}
.footer>.wp3{position:relative;z-index:2;width:100%;max-width:1920px;padding:0 60px;margin:0 auto}
.footer .wp1{position:relative}
.ban-placeholder{height:100vh}
.g-top{--g-top-size:140px;--g-top-radius:58px;--g-top-font-size:14px;width:var(--g-top-size);height:var(--g-top-size);margin:0;padding:0;display:block;position:absolute;right:0;top:calc(50% + 6px);bottom:auto;border:0;border-radius:50%;background:transparent;color:#fff;overflow:visible;-webkit-appearance:none;appearance:none;isolation:isolate;pointer-events:auto;transform:translateY(-50%);-webkit-transform:translateY(-50%)}
.g-top-ring,.g-top-orbit,.g-top-orbit>span,.g-top-arrow{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}
.g-top-ring{transition:transform .25s ease;-webkit-transition:-webkit-transform .25s ease;will-change:transform;pointer-events:none}
.g-top-orbit{border-radius:50%;animation:g-top-circular-rotate 12s linear infinite;will-change:transform}
.g-top-orbit>span{color:#fff;font-family:var(--jvds-font-sans);font-size:var(--g-top-font-size);font-style:normal;font-weight:500;line-height:1;white-space:pre;user-select:none;-webkit-user-select:none;transform:rotate(calc(var(--g-top-i)*15deg)) translate3d(0,calc(var(--g-top-radius)*-1),0);-webkit-transform:rotate(calc(var(--g-top-i)*15deg)) translate3d(0,calc(var(--g-top-radius)*-1),0);transform-origin:50% 50%;-webkit-transform-origin:50% 50%;transition:color .25s ease;-webkit-transition:color .25s ease}
.g-top-arrow{width:40px;height:40px;margin:auto;color:#fff;transition:color .25s ease;-webkit-transition:color .25s ease;pointer-events:none}
.g-top-arrow svg{width:100%;height:100%;display:block}
.g-top:hover .g-top-ring,.g-top:focus-visible .g-top-ring{transform:scale(1.05);-webkit-transform:scale(1.05)}
.g-top:hover .g-top-orbit>span,.g-top:focus-visible .g-top-orbit>span,.g-top:hover .g-top-arrow,.g-top:focus-visible .g-top-arrow{color:#e0f94c}
.g-top:focus-visible{outline:1px solid #e0f94c;outline-offset:5px}
@keyframes g-top-circular-rotate{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}
@media (prefers-reduced-motion:reduce){.g-top-ring{transition:none;-webkit-transition:none}.g-top-orbit{animation:none}}
.fd-top{padding-top:clamp(80px,6vw,120px);padding-bottom:20px;border-bottom:1px solid rgba(255,255,255,.2);position:relative}
.fd-t .left{float:left}
.fd-t .right{width:312px;float:right}
.fd-t .right .fd-nav li{width:auto;float:none}
.fd-logo{width:max-content;max-width:100%;margin-bottom:72px;overflow:hidden;font-size:0;position:relative;z-index:2}
.fd-logo a{margin-bottom:12px;display:inline-block;position:relative}
.fd-logo .tit{height:auto;min-height:22px;color:#fff;font-family:var(--jvds-font-sans);font-size:12px;font-weight:300;line-height:1.25;letter-spacing:.01em;transition:color .75s cubic-bezier(.22,1,.36,1)}
.fd-logo .tit span{display:block}
.fd-logo-cn .tit{width:145px}
.fd-logo-cn .tit span{white-space:nowrap;letter-spacing:2.55px}
.fd-logo a img{width:auto;display:block;height:30px;filter:invert(1);transition:opacity .75s cubic-bezier(.22,1,.36,1)}
.fd-logo a img.logo-jieda-cn{width:145px;height:34.8px;object-fit:contain;filter:none}
.fd-logo a .img2{display:block;position:absolute;inset:0;opacity:0;pointer-events:none}
.fd-logo-en a .img2{filter:none}
.fd-logo:hover a img:first-child{opacity:0}
.fd-logo:hover a .img2{opacity:1}
.fd-logo:hover .tit{color:#e0f94c}
.fd-t{overflow:hidden;margin-bottom:47px;position:relative;z-index:2}
.fd-nav{overflow:visible}
.fd-nav li{width:140px;float:left;margin-left:18px}
.fd-nav li:first-child{margin-left:0}
.fd-nav .v1{margin-bottom:24px;display:block;color:#fff;opacity:1;font-size:16px;font-weight:400;transition:.3s;-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s}
.fd-nav a.v1:hover{color:#e0f94c}
.fd-nav .sub dd{color:#fff;opacity:1;font-size:16px;font-weight:350;line-height:38px}
@media screen and (min-width:801px){html[data-jvds-lang="en"] .fd-t .right .fd-nav .sub dd{line-height:26px}}
.fd-nav .sub.nowrap dd{white-space:nowrap}
.fd-nav .sub dd:last-child{margin-bottom:0}
.fd-copy-text{display:inline-block;vertical-align:middle}
.fd-copy-btn{margin-left:8px;width:22px;height:22px;border:1px solid rgba(255,255,255,.22);border-radius:50%;-webkit-border-radius:50%;background:transparent;color:rgba(255,255,255,.6);display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;cursor:pointer;transition:all .25s;-webkit-transition:all .25s;padding:0;position:relative}
.fd-copy-icon{width:12px;height:12px;display:flex;align-items:center;justify-content:center;transition:opacity .2s;-webkit-transition:opacity .2s}
.fd-copy-icon svg,.fd-copy-icon img{width:12px;height:12px;display:block}
.fd-copy-icon svg{fill:currentColor}
.fd-copy-icon-check{opacity:0;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%)}
.fd-copy-btn:hover{border-color:rgba(255,255,255,.5);color:#fff}
.fd-copy-btn.is-copied .fd-copy-icon-copy{opacity:0}
.fd-copy-btn.is-copied .fd-copy-icon-check{opacity:1}
.fd-nav .sub dd a{color:#fff;opacity:1;transition:all .3s;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s}
.fd-nav .sub dd a:hover{color:#e0f94c}
.fd-copy{padding-top:20px;padding-bottom:60px;text-align:left;font-size:12px;color:rgba(255,255,255,.3);position:relative;z-index:3}
.fd-copy a{font-size:12px;color:rgba(255,255,255,.3);transition:all .3s;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s}
.fd-copy a:hover{color:#fff}
.fd-copy>a,.fd-copy>button{margin-left:16px}
.fd-copy>span+*{margin-left:16px}
.fd-copy-cookie{padding:0;border:0;background:transparent;color:rgba(255,255,255,.3);font:400 12px/1.4 inherit;cursor:pointer;transition:color .3s;-webkit-transition:color .3s}
.fd-copy-cookie:hover,.fd-copy-cookie:focus-visible{color:#fff;outline:none}
.fd-big-word{--fd-big-word-gap:clamp(20px,2.1vw,40px);width:100%;margin:27px 0 20px;padding:12px 0 0;display:flex;align-items:center;justify-content:flex-start;gap:var(--fd-big-word-gap);overflow:visible;line-height:1;position:relative;z-index:1;pointer-events:none}
.fd-big-word .g-top{position:relative;flex:0 0 auto;margin-left:auto;right:auto;top:auto;bottom:auto;transform:none;-webkit-transform:none}
.fd-big-word-text{display:inline-block;flex:0 1 auto;min-width:0;color:#fff;opacity:1;font-family:var(--jvds-font-sans);font-size:clamp(121px,11.55vw,226px);font-weight:900;line-height:1.05;letter-spacing:-.07em;white-space:nowrap;transition:color .225s ease;pointer-events:auto;transform:none;-webkit-transform:none}
.fd-big-word-text.is-variable-proximity{color:#fff;opacity:1;cursor:default}
.fd-variable-letter{display:inline-block;color:#fff;opacity:1;font-variation-settings:"wght" 900;font-weight:900;transform:translateY(var(--jvds-melty-y,0)) scaleX(var(--jvds-melty-scale-x,1)) scaleY(var(--jvds-melty-scale-y,1));-webkit-transform:translateY(var(--jvds-melty-y,0)) scaleX(var(--jvds-melty-scale-x,1)) scaleY(var(--jvds-melty-scale-y,1));transform-origin:50% 100%;-webkit-transform-origin:50% 100%;transition:color 1.5s ease,transform .1s ease,font-variation-settings .1s ease,font-weight .1s ease;-webkit-transition:color 1.5s ease,-webkit-transform .1s ease,font-variation-settings .1s ease,font-weight .1s ease}
.jvds-melty-defs{position:absolute;width:0;height:0;overflow:hidden;pointer-events:none}
.fd-big-word-text.is-melty-prepared{isolation:isolate;will-change:filter}
.fd-big-word-text.is-melty-prepared .fd-variable-letter{--jvds-melty-y:.34em;--jvds-melty-scale-x:.62;--jvds-melty-scale-y:1.72;opacity:0;filter:blur(7px);will-change:transform,opacity,filter;transition:opacity 1.16s cubic-bezier(.16,1,.3,1),filter 1.44s cubic-bezier(.16,1,.3,1),transform 1.96s cubic-bezier(.16,1,.3,1);-webkit-transition:opacity 1.16s cubic-bezier(.16,1,.3,1),filter 1.44s cubic-bezier(.16,1,.3,1),-webkit-transform 1.96s cubic-bezier(.16,1,.3,1)}
.fd-big-word-text.is-melty-resetting .fd-variable-letter{transition:none!important;-webkit-transition:none!important}
.fd-big-word-text.is-melty-entering .fd-variable-letter.is-melty-letter-visible{--jvds-melty-y:0;--jvds-melty-scale-x:1;--jvds-melty-scale-y:1;opacity:1;filter:blur(0)}
.fd-big-word-text.is-melty-complete .fd-variable-letter{opacity:1;filter:none;will-change:auto}
@media (prefers-reduced-motion:reduce){.fd-big-word-text,.fd-variable-letter{animation:none!important;transition:none!important;-webkit-transition:none!important;filter:none!important;opacity:1!important;transform:none}}

/* Privacy policy */
html:not([data-jvds-lang="en"]) .privacy-copy--en,html[data-jvds-lang="en"] .privacy-copy--zh{display:none!important}
html.page-privacy-root,body.page-privacy{overflow-x:visible!important;overflow-y:visible!important}
.privacy-page{background:#f5f7f8}
.privacy-hero{padding:190px 0 105px;background:#fff;border-bottom:1px solid #e5e8e9}
.privacy-hero-grid{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:60px;align-items:end;margin-top:-80px}
.privacy-kicker{margin:0 0 34px;color:#73777a;font-size:13px;font-weight:600;letter-spacing:.16em}
.privacy-title{margin:0;position:relative;z-index:1;color:#000;font-size:clamp(64px,6vw,112px);font-weight:500;line-height:.92;letter-spacing:-.055em}
.privacy-title:before{content:"";width:.74em;height:.74em;border-radius:50%;background:linear-gradient(180deg,#f4ffce 0,#e0f94c 100%);position:absolute;left:-.12em;top:.08em;z-index:-1}
.privacy-lead{max-width:720px;margin:38px 0 0;color:#6e7376;font-size:18px;line-height:1.75}
.privacy-meta{min-width:190px;padding-bottom:8px;display:flex;flex-direction:column;gap:10px;align-items:flex-end;color:#777c7e;font-size:12px;letter-spacing:.06em}
.privacy-meta span:first-child{color:#000;font-weight:700;letter-spacing:.12em}
.privacy-layout-section{padding:90px 0 150px}
.privacy-layout{display:grid;grid-template-columns:270px minmax(0,1fr);gap:80px;align-items:start}
.privacy-nav{position:sticky;top:120px;align-self:start;height:max-content;padding:26px;border:1px solid #dfe3e4;border-radius:24px;background:#fff}
.privacy-nav-title{margin:0 0 22px;color:#000;font-size:16px;font-weight:600}
.privacy-nav ol{margin:0;padding:0;list-style:none}
.privacy-nav li+li{margin-top:6px}
.privacy-nav a{display:block;padding:8px 0;color:#73787a;font-size:13px;line-height:1.35;transition:color .25s,transform .25s;-webkit-transition:color .25s,-webkit-transform .25s}
.privacy-nav a:hover{color:#000;transform:translateX(5px);-webkit-transform:translateX(5px)}
.privacy-content{min-width:0}
.privacy-card{scroll-margin-top:110px;display:grid;grid-template-columns:74px minmax(0,1fr);gap:28px;padding:50px 0;border-top:1px solid #d9ddde;color:#17191a}
.privacy-card:first-child{border-top:0;padding-top:0}
.privacy-index{width:50px;height:28px;border:1px solid #cfd3d4;border-radius:999px;display:flex;align-items:center;justify-content:center;color:#777c7e;font-size:11px;font-weight:600;letter-spacing:.12em}
.privacy-card h2{margin:0 0 22px;color:#000;font-size:32px;font-weight:500;line-height:1.2;letter-spacing:-.025em}
.privacy-card p,.privacy-card li{color:#62676a;font-size:16px;line-height:1.9}
.privacy-card p{margin:0}
.privacy-card p+p{margin-top:16px}
.privacy-card ul{margin:0 0 18px;padding-left:1.2em}
.privacy-card li+li{margin-top:9px}
.privacy-card strong{color:#111;font-weight:600}
.privacy-card a{color:#000;text-decoration:underline;text-underline-offset:4px}
.privacy-card code{padding:2px 6px;border-radius:5px;background:rgba(0,0,0,.06);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.86em}
.privacy-card--accent{margin:28px 0;padding:48px;border:0;border-radius:24px;background:#050505;color:#fff}
.privacy-card--accent .privacy-index{border-color:rgba(255,255,255,.25);color:#e0f94c}
.privacy-card--accent h2,.privacy-card--accent strong,.privacy-card--accent a{color:#fff}
.privacy-card--accent p,.privacy-card--accent li{color:rgba(255,255,255,.67)}
.privacy-card--accent code{background:rgba(255,255,255,.1);color:#e0f94c}
.privacy-settings-inline{display:inline;margin:0 0 0 .25em;padding:0;border:0;border-radius:0;background:transparent;color:inherit;font:inherit;line-height:inherit;letter-spacing:inherit;text-align:inherit;text-decoration:none;cursor:text;-webkit-appearance:none;appearance:none}
.privacy-settings-inline:hover{background:transparent;color:inherit;text-decoration:none}
.privacy-settings-inline:focus-visible{outline:1px solid currentColor;outline-offset:2px;border-radius:2px}
.privacy-card--contact{margin-top:28px;padding:50px 48px;border:0;border-radius:24px;background:#e0f94c}
.privacy-card--contact .privacy-index{border-color:rgba(0,0,0,.28);color:#000}
.privacy-card--contact p{color:rgba(0,0,0,.62)}
.privacy-email{margin-top:24px;display:inline-block;color:#000!important;font-size:clamp(24px,3vw,46px);font-weight:500;line-height:1.15;letter-spacing:-.035em;text-decoration:none!important}
.cur,.cur a{line-height:20px}
.pages{text-align:center;font-size:0}
.pages ul{display:inline-block;vertical-align:middle}
.pages ul li{float:left;margin:0 5px}
.pages ul li a{display:block;width:50px;height:50px;line-height:48px;text-align:center;color:#010000;font-size:16px;border:1px solid #999;border-radius:8px;transition:background-color .7s cubic-bezier(.2,.65,.3,1),color .7s cubic-bezier(.2,.65,.3,1),border-color .7s cubic-bezier(.2,.65,.3,1);-webkit-transition:background-color .7s cubic-bezier(.2,.65,.3,1),color .7s cubic-bezier(.2,.65,.3,1),border-color .7s cubic-bezier(.2,.65,.3,1);overflow:hidden}
.pages ul li.next a,.pages ul li.prev a{width:100px}
.pages ul a:hover,.pages ul li.on a{background-color:#000;border:1px solid #000;color:#fff}
@media screen and (min-width:801px){.row-news-page .news-category-wrap .pages ul{margin-top:60px}}
.main{position:relative;z-index:2;background:#fff}
.banner{height:100vh;position:relative}
.banner .slick{position:fixed;top:0;left:0;right:0}
.banner .slick .item{position:relative;background-repeat:no-repeat;background-position:center;-webkit-background-size:cover;background-size:cover;overflow:hidden;height:100vh}
.banner .slick .item img,.banner .slick .item video{display:block;width:100%;height:100%;object-fit:cover}
.banner .slick .txt{position:absolute;left:0;right:0;top:0;bottom:0;z-index:1;padding-top:17.1815%;max-width:1200px;margin:auto}
.banner .slick .tit{margin-bottom:50px;font-size:60px;line-height:60px;color:#fff;font-weight:400;transform:translateY(-60px);-webkit-transform:translateY(-60px);-moz-transform:translateY(-60px);-ms-transform:translateY(-60px);-o-transform:translateY(-60px);transition:.8s;-webkit-transition:.8s;-moz-transition:.8s;-ms-transition:.8s;-o-transition:.8s;opacity:0}
.banner .slick .g-more{transform:translateY(90px);-webkit-transform:translateY(90px);-moz-transform:translateY(90px);-ms-transform:translateY(90px);-o-transform:translateY(90px);transition:.8s;-webkit-transition:.8s;-moz-transition:.8s;-ms-transition:.8s;-o-transition:.8s;opacity:0}
.banner .slick .item.slick-active .g-more,.banner .slick .item.slick-active .tit{transform:translateY(0);-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);opacity:1}
.g-more{margin:0 auto;display:block;width:268px;height:76px;line-height:74px;border:1px solid #fff;font-size:0;transition:background-color .75s cubic-bezier(.2,.65,.3,1),border-color .75s cubic-bezier(.2,.65,.3,1);-webkit-transition:background-color .75s cubic-bezier(.2,.65,.3,1),border-color .75s cubic-bezier(.2,.65,.3,1);border-radius:76px;-webkit-border-radius:76px;-moz-border-radius:76px;-ms-border-radius:76px;-o-border-radius:76px;overflow:hidden;text-align:center;border:1px solid rgba(0,0,0,.2)}
.g-more span{color:#000;font-size:24px;font-weight:400;transition:color .75s cubic-bezier(.2,.65,.3,1);-webkit-transition:color .75s cubic-bezier(.2,.65,.3,1)}
.g-more:hover{background-color:#000;border-color:#000}
.g-more:hover span{color:#fff}
.banner .slick .slick-arrow{position:absolute;left:40px;width:40px;height:40px;z-index:4;background:url(../images/arrow-icon01.svg) center center no-repeat;background-size:contain;border:0;font-size:0;cursor:pointer;transition:.3s;-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s;top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%)}
.banner .slick .slick-arrow:hover{background-image:url(../images/arrow-icon01-on.svg)}
.banner .slick .slick-next{left:auto;right:40px;background-image:url(../images/arrow-icon02.svg)}
.banner .slick .slick-next.slick-arrow:hover{background-image:url(../images/arrow-icon02-on.svg)}
.m-swiper-txt{padding:0 30px;position:absolute;bottom:0;left:0;right:0;height:60px;background:#e0f94c;overflow:hidden;z-index:2}
#imgs{position:fixed;left:-9999px}
.m-swiper-txt .slick-list,.m-swiper-txt .swiper{overflow:visible}
.m-swiper-txt .item{color:#000;text-align:center;font-size:16px;font-style:normal;font-weight:600;letter-spacing:1px;line-height:60px;width:auto!important;padding:0 45px}
.row-a1{overflow:hidden;padding:150px 0 120px;background:#fff;color:#000}
.products-list{margin:0 -93px 20px;position:relative;transition:all .1s;-webkit-transition:all .1s;-moz-transition:all .1s;-ms-transition:all .1s;-o-transition:all .1s}
.products-list:after{content:"";display:block;position:absolute;top:0;bottom:50px;left:50%;border-right:1px solid #eee}
.products-list li{padding:0 0 95px}
.products-list .first{height:10px;padding:0}
.products-list .second{height:80px;padding:0}
.products-list .con{display:block;padding:0 93px;position:relative;overflow:hidden}
.products-list .pic{margin-bottom:35px;overflow:hidden}
.row-z1 .products-list{padding-bottom:0}
.products-list .pic img{display:block;width:100%;transition:transform .6s ease,opacity .45s ease;-webkit-transition:-webkit-transform .6s ease,opacity .45s ease;-moz-transition:transform .6s ease,opacity .45s ease;-ms-transition:transform .6s ease,opacity .45s ease;-o-transition:transform .6s ease,opacity .45s ease;transform-origin:center center;-webkit-transform-origin:center center;will-change:transform}
.products-list .txt-box{transition:.3s;-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s}
.products-list .tit{margin-bottom:15px;color:#000;font-size:24px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:all .3s;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s}
.products-list .desc{color:#666;font-size:14px;font-weight:400;line-height:14px;transition:all .3s;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s}
.products-list .pic .jvds-work-category{position:absolute;left:16px;bottom:16px;z-index:3;display:inline-flex;align-items:center;width:auto;max-width:calc(100% - 32px);min-height:34px;margin:0;padding:8px 13px;border:1px solid rgba(255,255,255,.72);border-radius:999px;background:rgba(255,255,255,.86);-webkit-backdrop-filter:blur(12px) saturate(145%);backdrop-filter:blur(12px) saturate(145%);box-shadow:0 8px 24px rgba(0,0,0,.12);color:#000;font-size:13px;font-weight:400;line-height:18px;letter-spacing:.35px;text-align:left;text-transform:none;text-shadow:none;white-space:normal;overflow:hidden;opacity:1;transform:translateY(0);-webkit-transform:translateY(0);transition:opacity .28s ease,transform .36s cubic-bezier(.22,1,.36,1),background-color .28s ease;-webkit-transition:opacity .28s ease,-webkit-transform .36s cubic-bezier(.22,1,.36,1),background-color .28s ease;pointer-events:none}
@media (hover:hover) and (pointer:fine){
.products-list .pic .jvds-work-category{opacity:0;transform:translateY(9px);-webkit-transform:translateY(9px)}
.products-list .pic:hover .jvds-work-category,.products-list .con:focus-visible .jvds-work-category{opacity:1;transform:translateY(0);-webkit-transform:translateY(0)}
}
.products-list .con:hover .pic img{opacity:1;transform:scale(1.04);-webkit-transform:scale(1.04)}
.products-list .con .tit:hover{opacity:.5}
.products-list .con .desc:hover{color:#000}
.products-list-1{margin:0 0 40px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:54px;row-gap:80px;align-items:start}
.products-list-1:after{display:none}
.products-list-1 li{padding-bottom:0;position:static!important;left:auto!important;top:auto!important;width:auto!important}
.products-list-1 li.jvds-reveal{opacity:0;transform:translateY(56px);-webkit-transform:translateY(56px);transition:opacity 1.45s cubic-bezier(.2,.65,.3,1),transform 1.45s cubic-bezier(.2,.65,.3,1);-webkit-transition:opacity 1.45s cubic-bezier(.2,.65,.3,1),-webkit-transform 1.45s cubic-bezier(.2,.65,.3,1)}
.products-list-1 li.jvds-reveal[data-jvds-gsap-reveal="1"]{transition:none;-webkit-transition:none}
.products-list-1 li.jvds-reveal.is-visible{opacity:1;transform:translateY(0);-webkit-transform:translateY(0)}
.products-list-1 .con{padding:0;overflow:visible}
.products-list-1 .con .pic{margin-bottom:25px;position:relative;transform-style:preserve-3d;-webkit-transform-style:preserve-3d;backface-visibility:hidden;-webkit-backface-visibility:hidden}
.products-list-1 .con:hover .pic img{transform:none;-webkit-transform:none}
.jvds-works-page .products-list-1 .con:hover .pic img{opacity:1;transform:scale(1.04);-webkit-transform:scale(1.04)}
.products-list-1 .con[data-jvds-gsap-tilt="1"] .pic img{transition:opacity .45s ease,transform .18s linear;-webkit-transition:opacity .45s ease,-webkit-transform .18s linear}
.products-list-1 .con.is-jvds-tilting .pic img{opacity:.86;transform:scale(1.1);-webkit-transform:scale(1.1)}
.products-list-1 .txt-box{position:relative;z-index:4}
.products-list-1 .tit{font-size:20px}
.m-work .js-loading{margin-top:120px;margin-bottom:100px}
.m-work .jvds-works-load-more{display:flex;width:260px;height:60px;margin-left:auto;margin-right:auto;padding:0 70px;justify-content:center;line-height:1}
.m-work .jvds-works-load-more .g-contact-btn-fill,.m-work .jvds-works-load-more .g-contact-btn-icon{width:50px;height:50px;right:5px;top:5px}
.g-more-1{border-color:#e0f94c;width:540px;height:80px;margin:0 auto}
.g-more-1 span{line-height:78px;font-size:16px;color:#e0f94c}
.g-more-1:hover{background-color:#e0f94c}
.m-line{margin-top:180px;height:1px;background-color:#e5e5e5;border-radius:2px;-webkit-border-radius:2px;-moz-border-radius:2px;-ms-border-radius:2px;-o-border-radius:2px}
.g-t1,.row-a2{overflow:hidden}
.g-t1 .g-more-1{float:right;width:200px;height:60px}
.g-t1 .g-more-1 span{line-height:58px;font-size:14px}
.g-t1 .tit{overflow:hidden;font-size:36px;color:#333;line-height:60px;font-weight:400}
.ul-list2{overflow:hidden;padding:50px 0;margin:0 -40px}
.ul-list2 li{float:left;width:25%;padding:0 40px;margin-bottom:20px}
.ul-list2 .con,.ul-list2 .tit{display:block;transition:background-color .75s cubic-bezier(.2,.65,.3,1),color .75s cubic-bezier(.2,.65,.3,1);-webkit-transition:background-color .75s cubic-bezier(.2,.65,.3,1),color .75s cubic-bezier(.2,.65,.3,1)}
.ul-list2 .pic{position:relative;height:0;padding-top:51.948%;overflow:hidden}
.ul-list2 .pic img{position:absolute;left:50%;top:50%;width:100%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%)}
.ul-list2 .txt{position:relative;overflow:hidden;padding:40px 20px 40px 30px}
.ul-list2 .tit{position:relative;padding:0 20px 0 22px;background:url(../images/z-i3.png) right center no-repeat;background-size:14px auto;line-height:20px;font-size:20px;color:#333;font-weight:400;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ul-list2 .tit::after{content:'';position:absolute;left:0;top:50%;width:10px;height:10px;border:2px solid #f85148;transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%}
.ul-list2 li:nth-child(4n) .tit::after{border-color:#ff9202}
.ul-list2 li:nth-child(4n-1) .tit::after{border-color:#30c256}
.ul-list2 li:nth-child(4n-2) .tit::after{border-color:#00baff}
.ul-list2 .con:hover{background-color:#f8f8f8}
.ul-list2 .con:hover .tit{color:#e0f94c}
.row-a3{overflow:hidden;padding:108px 0 300px}
.row-news{padding-bottom:150px;overflow:hidden}
.page-index .row-news{padding-bottom:0}
.m-news .g-tit01{float:left}
.m-news .g-tit01 h2::before{width:52px;height:52px}
.m-news .top{margin-bottom:63px}
/* Homepage guide introduction follows the website-solutions heading spacing and type. */
.page-index .m-news .home-news-heading{margin-bottom:40px}
.page-index .home-news-heading>.g-tit01{float:none;max-width:860px}
.page-index .home-news-heading .g-code-title{display:block;max-width:100%;margin-bottom:16px}
.page-index .home-news-heading .g-code-title span{white-space:normal}
.page-index .home-news-intro{margin:0;font-size:17px;line-height:1.9;color:#626262;overflow-wrap:anywhere}
.m-news .top .arrows{float:right;line-height:54px;font-size:0}
.m-news .top .arrows .icon{width:50px;height:50px;display:inline-block;vertical-align:middle;margin-left:12px;background:url(../images/g-arrow02.svg) center no-repeat;background-size:contain;transition:all .3s;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transform:rotate(180deg);-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg)}
.m-news .top .arrows .icon:hover{background-image:url(../images/g-arrow02-on.svg)}
.m-news .top .arrows .icon.right{transform:rotate(0);-webkit-transform:rotate(0);-moz-transform:rotate(0);-ms-transform:rotate(0);-o-transform:rotate(0)}
.m-news .slick-service{margin:0 -300px 116px -30px;overflow:visible;display:inline-flex;flex-wrap:nowrap;align-items:flex-start;width:max-content;will-change:transform;cursor:grab;user-select:none;-webkit-user-select:none;touch-action:pan-y}
.m-news .slick-service.is-paused{cursor:grab}
.m-news .slick-service.is-dragging{cursor:grabbing}
.m-news .slick-service .item{flex:0 0 clamp(645px,52.5vw,750px);width:clamp(645px,52.5vw,750px)}
.m-news .slick-service .news-marquee-clone{opacity:1!important;visibility:visible!important}
.slick-service{margin:0 -300px 0 -30px;overflow:visible}
.slick-service .slick-list{overflow:visible}
.slick-service .con{margin:0 30px;display:block;cursor:pointer}
.slick-service .con,.slick-service .time em,.slick-service .tit{transition:.3s;-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s}
.slick-service .pic{margin-bottom:27px;position:relative;height:0;padding-top:60%;overflow:hidden}
.slick-service .pic img{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover;transition:transform .6s ease;-webkit-transition:-webkit-transform .6s ease;-moz-transition:transform .6s ease;-ms-transition:transform .6s ease;-o-transition:transform .6s ease;transform-origin:center center;-webkit-transform-origin:center center;will-change:transform;-webkit-user-drag:none;user-drag:none;user-select:none;-webkit-user-select:none}
.slick-service .txt{height:130px;overflow:hidden}
.slick-service .time{padding:0 20px;position:absolute;right:0;bottom:0;min-width:96px;height:40px;line-height:40px;border-radius:16px 0 0 0;background:#e0f94c;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#000;font-size:12px;font-weight:400;letter-spacing:1px;text-transform:uppercase}
.slick-service .tit{margin-bottom:22px;max-height:50px;line-height:25px;color:#000;font-size:20px;font-style:normal;font-weight:400;transition:all .3s;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;display:-webkit-box;-webkit-line-clamp:2;overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical}
.slick-service .more{color:#000;font-size:12px;font-weight:400;letter-spacing:1px;text-transform:uppercase;padding-right:13px;background:url(../images/g-more-f01.svg) right center no-repeat;background-size:10px auto;display:inline-block;opacity:.5;transition:all .3s;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s}
.slick-service .con .more:hover{opacity:1}
.slick-service .con:hover .pic img{transform:scale(1.04);-webkit-transform:scale(1.04)}
.slick-service .con .time em a{-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s}
.slick-service .con .time em:hover a{color:#333}
.slick-service .con .tit:hover{color:rgba(0,0,0,.5)}
@keyframes jvdsNewsMarquee{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}
@-webkit-keyframes jvdsNewsMarquee{0%{-webkit-transform:translateX(0);transform:translateX(0)}100%{-webkit-transform:translateX(-50%);transform:translateX(-50%)}}
.slick-service-1 .time{min-width:80px}
.m-taber{height:0;overflow:hidden}
.m-taber.ok{height:auto}
.g-line{height:2px;background-color:#000;position:fixed;top:0;left:0;width:100%;z-index:999;animation:.5s linear forwards myAni;-webkit-animation:.5s linear forwards myAni}
.page-index .g-line.g-line-index{animation:1s linear forwards myAni;-webkit-animation:1s linear forwards myAni}
@keyframes myAni{
0%{width:0}
95%{opacity:1;width:100%}
100%{opacity:0}
}
.bd1{padding-top:119px}
.row-b1{overflow:hidden;padding-bottom:100px}
.ul-list5{padding:112px 0 0;overflow:hidden;font-size:0;text-align:center}
.ul-list5 a{margin-left:56px;display:inline-block;vertical-align:middle;cursor:pointer}
.ul-list5 li:first-child{margin-left:0}
.ul-list5 .icon{width:22px;height:22px;overflow:hidden;margin:0 auto 15px}
.ul-list5 .icon img{margin:0 auto;display:block;width:100%;height:100%;object-fit:contain;transition:all .3s;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s}
.ul-list5 .icon .img2{display:none}
.ul-list5 .tit{position:relative;text-align:center;font-size:16px;color:#666;font-weight:500;transition:all .3s;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s}
.ul-list5 li.on .icon .img1,.ul-list5 li:hover .icon .img1{display:none}
.ul-list5 li.on .icon .img2,.ul-list5 li:hover .icon .img2{display:block}
.ul-list5 li.on .tit,.ul-list5 li:hover .tit{color:#000}
.slick-service-1{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:54px;row-gap:80px;align-items:start;padding-top:0;overflow:hidden;margin:0;padding-bottom:22px}
.slick-service-1 .item{width:auto;float:none;padding:0;margin-bottom:0}
.slick-service-1 .item .con{margin:0}
.slick-service-1 .item .pic{margin-bottom:25px;padding-top:58.928%}
.slick-service-1 .tit{max-height:3em;margin-bottom:0;line-height:1.5;font-size:20px;font-weight:600;color:#000;height:auto;display:-webkit-box;-webkit-line-clamp:2;overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical}
.slick-service-1 .desc{font-size:12px;color:#999}
.slick-service-1 .txt{height:80px}
.ban{position:fixed;top:0;left:0;right:0;overflow:hidden;background:center center no-repeat;background-size:cover}
.ban img{height:100vh;object-fit:cover;pointer-events:none}
.ban .bg{display:block;width:100%}
@media screen and (min-width:801px){
body.jvds-work-detail .ban.in1{height:700px;min-height:700px}
body.jvds-work-detail .ban.in1 img{width:100%;height:700px;min-height:700px;object-fit:cover;object-position:center center}
body.jvds-work-detail .ban-placeholder{height:700px}
}
.win_close{display:block;position:fixed;top:170px;right:70px;width:44px;height:44px;background:url(../images/close1.png) center no-repeat rgba(0,0,0,.25);background-size:20px;z-index:100;transition:.3s;-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s}
.win_close:hover{background-color:#f85148}
.ban .txt{position:absolute;left:0;right:0;bottom:0;z-index:2;max-width:810px;margin:0 auto;padding-bottom:60px}
.ban .tit{padding-top:25px;font-size:30px;color:#fff;line-height:32px;font-weight:400}
.ul-list7{margin:0 -20px;overflow:hidden}
.ul-list7 li{padding:0 20px;float:left;width:50%;text-align:center}
.ul-list7 li a{padding:0 30px;background:#f5f5f5;display:block;color:#000;font-size:16px;font-weight:400;line-height:60px;transition:background-color .75s cubic-bezier(.2,.65,.3,1),color .75s cubic-bezier(.2,.65,.3,1),border-color .75s cubic-bezier(.2,.65,.3,1);-webkit-transition:background-color .75s cubic-bezier(.2,.65,.3,1),color .75s cubic-bezier(.2,.65,.3,1),border-color .75s cubic-bezier(.2,.65,.3,1);height:60px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ul-list7 li .arrow{display:inline-block;padding-left:17px;background:url(../images/work/work-arrow01.png) 0 center no-repeat;background-size:7px auto}
.ul-list7.ul-list7-f01 li{text-align:left}
.ul-list7.ul-list7-f01 li:last-child a{text-align:right}
.ul-list7 li:last-child .arrow{padding-left:0;padding-right:17px;background-image:url(../images/work/work-arrow02.png);background-position:right center}
.ul-list7 li a:hover .arrow{background-image:url(../images/work/work-arrow01-on.png)}
.ul-list7 li:last-child a:hover .arrow{background-image:url(../images/work/work-arrow02-on.png)}
.ul-list7 li a:hover{color:#fff;background:#000}
.ul-list7 li a.jvds-case-nav-btn{display:flex;width:100%;height:72px;padding:0 70px 0 24px;align-items:center;justify-content:flex-start;line-height:1;text-align:left;text-overflow:clip;background:#000;color:#fff!important;border-radius:999px}
/* Long case titles truncate inside the button at every screen width. */
.ul-list7 li a.jvds-case-nav-btn .g-contact-btn-text{display:block;flex:0 1 auto;min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ul-list7 li a.jvds-case-nav-btn:hover{background:#e0f94c;color:#000!important}
.jvds-case-nav-btn .g-contact-btn-fill,.jvds-case-nav-btn .g-contact-btn-icon{width:50px;height:50px;right:5px;top:11px}
.jvds-case-nav-btn .g-contact-btn-icon{margin-left:0}
.jvds-case-nav-btn-prev{padding-left:70px!important;padding-right:24px!important}
.jvds-case-nav-btn-prev .g-contact-btn-fill,.jvds-case-nav-btn-prev .g-contact-btn-icon{left:5px;right:auto}
.jvds-case-nav-btn-prev .g-contact-btn-icon svg{transform:rotate(180deg);-webkit-transform:rotate(180deg)}
@media (hover:hover) and (pointer:fine){.g-contact-btn.jvds-case-nav-btn-prev:hover .g-contact-btn-icon svg{transform:rotate(180deg);-webkit-transform:rotate(180deg)}}
.ul-list7 li a.jvds-case-nav-btn-next{justify-content:flex-end;text-align:right}
@media screen and (min-width:801px){
.ul-list7 li a.jvds-case-nav-btn{padding-right:76px}
.jvds-case-nav-btn .g-contact-btn-fill,.jvds-case-nav-btn .g-contact-btn-icon{right:11px}
.jvds-case-nav-btn-prev{padding-left:76px!important}
.jvds-case-nav-btn-prev .g-contact-btn-fill,.jvds-case-nav-btn-prev .g-contact-btn-icon{left:11px;right:auto}
}
.row-ab5-1{overflow:hidden;padding:220px 0 300px}
.row-ab5-1 .ul-txtb1{margin-bottom:0}
.pt{padding-top:80px}
.g-h3_b1{font-size:36px;color:#333;font-weight:400;line-height:1.5}
.oh{overflow:hidden}
.row-x1{padding:122px 0 171px}
.m-infob1 .tit{margin-bottom:71px}
.m-contact .g-tit01{margin-bottom:50px}
.ul-iconb1{margin:0 -20px 80px}
.ul-iconb1 li{padding:0 20px;float:left;width:33.33333333333%}
.ul-iconb1 .con{display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:#fff;border:1px solid #e5e5e5;border-radius:24px;height:210px;overflow:hidden;-webkit-transition:.4s;-o-transition:.4s;-moz-transition:.4s;transition:.4s;-ms-transition:.4s}
.ul-iconb1 .contact-copy-card{position:relative;width:100%;padding:0;font:inherit;color:inherit;appearance:none;-webkit-appearance:none;cursor:pointer;transition:background-color .8s cubic-bezier(.2,.65,.3,1),border-color .8s cubic-bezier(.2,.65,.3,1);-webkit-transition:background-color .8s cubic-bezier(.2,.65,.3,1),border-color .8s cubic-bezier(.2,.65,.3,1)}
.ul-iconb1 .contact-copy-card:hover,.ul-iconb1 .contact-copy-card:focus-visible{background-color:#e0f94c;border-color:#e0f94c}
.ul-iconb1 .contact-copy-card:focus-visible{box-shadow:0 0 0 2px #000}
.ul-iconb1 .icon{height:auto;line-height:1;margin-bottom:22px;font-size:0;text-align:center;overflow:hidden;display:flex;align-items:center;justify-content:center}
.ul-iconb1 .icon img{width:auto;display:inline-block;vertical-align:middle;max-height:100%;height:53px}
.ul-iconb1 .t{color:#000;text-align:center;font-size:18px;font-weight:500;letter-spacing:.001px}
.contact-copy-cursor{--contact-copy-x:-100px;--contact-copy-y:-100px;position:fixed;left:var(--contact-copy-x);top:var(--contact-copy-y);z-index:10001;min-width:72px;height:72px;padding:0 12px;border-radius:999px;background:#000;color:#fff;display:none;align-items:center;justify-content:center;font-size:12px;font-weight:500;letter-spacing:.04em;white-space:nowrap;pointer-events:none;visibility:hidden;opacity:0;transform:translate(-50%,-50%) scale(0);-webkit-transform:translate(-50%,-50%) scale(0);transform-origin:center;-webkit-transform-origin:center;transition:opacity .14s ease-in,transform .18s cubic-bezier(.55,0,1,.45),visibility 0s linear .18s,background-color .2s,color .2s;-webkit-transition:opacity .14s ease-in,-webkit-transform .18s cubic-bezier(.55,0,1,.45),visibility 0s linear .18s,background-color .2s,color .2s;will-change:left,top,transform,opacity}
.contact-copy-cursor.is-visible{visibility:visible;opacity:1;transform:translate(-50%,-50%) scale(1);-webkit-transform:translate(-50%,-50%) scale(1);transition:opacity .16s ease-out,transform .28s cubic-bezier(.22,1,.36,1),visibility 0s linear 0s,background-color .2s,color .2s;-webkit-transition:opacity .16s ease-out,-webkit-transform .28s cubic-bezier(.22,1,.36,1),visibility 0s linear 0s,background-color .2s,color .2s}
.contact-copy-cursor.is-copied{color:#e0f94c}
@media (hover:hover) and (pointer:fine){
.contact-copy-cursor{display:flex!important}
.ul-iconb1 .contact-copy-card{cursor:none!important}
}
@media (hover:none),(pointer:coarse){
.ul-iconb1 .contact-copy-card.is-copied:after{content:"复制成功";position:absolute;right:14px;top:14px;padding:6px 10px;border-radius:999px;background:#000;color:#e0f94c;font-size:12px;line-height:1}
}
@media (prefers-reduced-motion:reduce){
.contact-copy-cursor,.contact-copy-cursor.is-visible{transition:none;-webkit-transition:none}
}
.m-infob2{margin-bottom:80px;overflow:hidden}
.m-infob2 .right{float:right;width:480px;margin-left:100px}
.m-infob2 .img img{width:100%;height:auto;display:block}
.m-infob2 .left{overflow:hidden}
.m-infob2 .inp-box{border:1px solid #e5e5e5;border-radius:24px;margin-bottom:20px;overflow:hidden}
.m-infob2 .inp-box.act{border:2px solid #000}
.m-infob2 .inp{padding:0 20px;display:block;width:100%;font-size:16px;font-weight:600;height:58px;background-color:transparent;border-radius:24px}
.m-infob2 .inp-box.act .inp,.m-infob2 .inp-box.act .label{padding:0 19px;height:56px}
.m-infob2 .label{padding:0 20px;cursor:pointer;color:#c8c8c8;font-size:16px;font-weight:600;display:block;height:58px;border-radius:24px}
.m-infob2 .label input{display:none}
.m-infob2 .label span{line-height:57px;padding-right:30px;background:url(../images/c_p8.png) right center no-repeat;-webkit-background-size:18px 18px;-moz-background-size:18px;-o-background-size:18px;background-size:18px}
.m-infob2 .g-more.cssbuttons-io{position:relative;display:flex;align-items:center;justify-content:center;width:100%;margin-top:18px;padding:0;border:none;border-radius:60px;-webkit-border-radius:60px;-moz-border-radius:60px;-ms-border-radius:60px;-o-border-radius:60px;background:#e0f94c;color:ghostwhite;height:60px;line-height:1;opacity:1;visibility:visible;transform:none;cursor:pointer;text-align:center;overflow:hidden;font-family:inherit;font-weight:500;font-size:18px;letter-spacing:.05em}
.m-infob2 .g-more.cssbuttons-io svg{width:1.2em;height:1.2em;margin-right:.5em}
.m-infob2 .g-more.cssbuttons-io span{position:relative;z-index:10;display:inline-flex;align-items:center;justify-content:center;padding:.8em 1.2em .8em 1.05em;color:ghostwhite;font-size:18px;font-weight:500;line-height:1;transition:color .4s;-webkit-transition:color .4s;-moz-transition:color .4s;-ms-transition:color .4s;-o-transition:color .4s}
.m-infob2 .g-more.cssbuttons-io:before,.m-infob2 .g-more.cssbuttons-io:after{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0}
.m-infob2 .g-more.cssbuttons-io:before{content:"";background:#000;width:120%;left:-10%;transform:skew(30deg);-webkit-transform:skew(30deg);-moz-transform:skew(30deg);-ms-transform:skew(30deg);-o-transform:skew(30deg);transition:transform .4s cubic-bezier(.3,1,.8,1);-webkit-transition:transform .4s cubic-bezier(.3,1,.8,1);-moz-transition:transform .4s cubic-bezier(.3,1,.8,1);-ms-transition:transform .4s cubic-bezier(.3,1,.8,1);-o-transition:transform .4s cubic-bezier(.3,1,.8,1)}
.m-infob2 .g-more.cssbuttons-io:hover{opacity:1;background:#e0f94c;border-color:transparent}
.m-infob2 .g-more.cssbuttons-io:hover:before{transform:translate3d(100%,0,0);-webkit-transform:translate3d(100%,0,0);-moz-transform:translate3d(100%,0,0);-ms-transform:translate3d(100%,0,0);-o-transform:translate3d(100%,0,0)}
.m-infob2 .g-more.cssbuttons-io:hover span{color:#000}
.m-infob2 .g-more.cssbuttons-io:active{transform:scale(.95);-webkit-transform:scale(.95);-moz-transform:scale(.95);-ms-transform:scale(.95);-o-transform:scale(.95)}
.m-infob2 .jvds-contact-submit{display:flex;width:100%;height:72px;margin-top:18px;padding:0 82px;justify-content:center;line-height:1}
.m-infob2 .jvds-contact-submit .g-contact-btn-fill,.m-infob2 .jvds-contact-submit .g-contact-btn-icon{width:62px;height:62px;right:5px;top:5px}
.m-infob2 .textarea textarea{padding-top:15px;padding-bottom:15px;line-height:1.5;height:140px;resize:none}
.m-infob2 .inp-box.act.textarea textarea{padding-top:15px;padding-bottom:15px;height:138px}
.m-infob2 .inp::-webkit-input-placeholder{font-size:16px;font-weight:600;color:#c8c8c8}
.m-infob2 .inp::-moz-placeholder{font-size:16px;font-weight:600;color:#c8c8c8}
.m-infob2 .inp::-ms-input-placeholder{font-size:16px;font-weight:600;color:#c8c8c8}
@media screen and (min-width:801px){.m-infob2 .inp:not(textarea),.m-infob2 .label{height:80px}.m-infob2 .inp-box.act .inp:not(textarea),.m-infob2 .inp-box.act .label{height:78px}.m-infob2 .label span{line-height:79px}}
.row-x3{padding:171px 0 184px}
.row-x3 .g-h3_b1{margin-bottom:70px}
.myMap{height:300px;position:relative}
.myMap.full{position:fixed;top:0;right:0;bottom:0;left:0;height:auto;z-index:99}
.myMap.full .close,.myMap.full+.empty{display:block}
.myMap.full .full{display:none}
.myMap+.empty{height:300px;display:none}
.myMap .close,.myMap .full{position:absolute;z-index:1;right:18px;top:18px;cursor:pointer}
.myMap .close{display:none}
#map{height:100%}
#map img{max-width:none;-webkit-transition:none;-o-transition:none;-moz-transition:none;transition:none}
#map .anchorBL{display:none}
.row-ab1{padding:80px 0 90px}
.m-txtb1{overflow:hidden;position:relative}
.m-txtb1 .pic{float:left;width:75%;height:600px}
.m-txtb1 .pic .img{height:100%;width:auto;background-repeat:no-repeat;background-position:center center;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover}
.m-txtb1 .txt{position:absolute;top:51px;right:0;width:41.666%;font-size:14px;color:#333;line-height:30px;padding:50px 80px;background-color:rgba(248,248,248,.89);overflow:hidden}
.m-txtb1 .txt h3{font-weight:400;font-size:32px;margin-bottom:39px}
.g-titb2{font-size:36px;color:#333;text-align:center}
.ul-listb1{overflow:hidden;margin:0 -46px 76px}
.ul-listb1 li{float:left;width:25%}
.ul-listb1 .con{display:block;margin:0 46px}
.ul-listb1 .icon{margin-bottom:22px;width:53px;height:53px;line-height:53px;font-size:0;overflow:hidden}
.ul-listb1 .icon img{width:100%;height:auto;display:block}
.ul-listb1 .txt h3{font-size:24px;color:#000;overflow:hidden;margin-bottom:20px;font-weight:500}
.ul-listb1 .desc{color:#666;font-size:14px;font-weight:400;line-height:28px}
.ul-listb2{margin:0 -50px;overflow:hidden}
.ul-listb2 li{padding:0 50px;width:50%;float:left}
.ul-listb2 .con{overflow:hidden}
.ul-listb2 .pic{width:100%;margin:0 0 25px;height:240px}
.ul-listb2 .pic .img{height:100%;width:100%;border-radius:inherit;background-repeat:no-repeat;background-position:center center;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover}
.ul-listb2 .txt{overflow:hidden}
.ul-listb2 .txt .dib h3{margin-bottom:8px;color:#000;font-size:24px;font-weight:500;height:1.5em;line-height:1.5;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ul-listb2 .txt .dib .desc{color:#666;text-align:justify;font-size:14px;font-weight:400;line-height:2}
.m-par{margin-bottom:28px}
.ul-iconb2{margin:0 -10px;overflow:hidden}
.ul-iconb2 li{margin-bottom:40px;padding:0 10px;float:left;width:20%}
.ul-iconb2 .con{display:block}
.ul-iconb2 .pic{height:100%;line-height:110px;font-size:0;text-align:center;background-color:#fff;overflow:hidden}
.ul-iconb2 .pic img{width:100%;height:100%;display:block;object-fit:contain}
.m-par .slick-dots{position:absolute;left:0;bottom:0;width:100%;text-align:center;font-size:0}
.m-par .slick-dots li{display:inline-block;width:40px;height:3px;margin:0 10px;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;background-color:#e5e5e5;cursor:pointer}
.m-par .slick-dots button{display:none}
.m-par .slick-dots li.slick-active{background-color:#e0f94c}
.row-ab3{padding-bottom:152px}
.row-ab4{padding-bottom:200px;overflow:hidden}
.row-ab4 .wp{border-top:1px solid #e5e5e5;padding-top:95px}
.row-ab4 .listb2{width:100%;max-width:1782px;margin:60px auto 0;overflow:hidden}
.row-ab4 .listb2 .draggable{margin:0 -45px}
.row-ab4 .listb2 .con{margin:0 30px}
.row-z1{padding-bottom:30px;overflow:hidden}
.row-z1 .listb2{margin:0 -40px}
.row-z1 .listb2 .con{margin:0 40px}
.listb2 .txt-box{bottom:111px}
.listb2 li{padding:0}
.listb2 .con:hover .bot{background-color:#f8f8f8}
.listb2 .bot{background-color:#fff;height:111px;padding:15px;overflow:hidden;-webkit-transition:background-color .75s cubic-bezier(.2,.65,.3,1);transition:background-color .75s cubic-bezier(.2,.65,.3,1)}
.listb2 .bot h3{font-size:20px;color:#333;-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;margin:7px 0 9px}
.listb2 .bot .date{font-size:14px;color:#999}
.row-ab5{padding-bottom:300px}
.row-news-more{padding-bottom:150px}
.row-news-more .g-tit01{margin-bottom:24px}
.news-featured{margin:0 auto 80px;padding-top:72px;border-top:0;position:relative}
.news-featured::before{content:"";position:absolute;top:0;left:max(60px,calc((100% - 1800px)/2));right:max(60px,calc((100% - 1800px)/2));height:1px;background:#e8e8e8;pointer-events:none}
@media screen and (max-width:1280px){.news-featured::before{left:32px;right:32px}}
@media screen and (max-width:800px){.news-featured::before{left:18px;right:18px}}
.news-featured-slider{width:100%;height:min(50vw,700px);max-height:700px;margin:0;aspect-ratio:auto;background:transparent;position:relative;overflow:hidden;cursor:grab}
.news-featured-track{display:flex;align-items:stretch;gap:24px;width:100%;height:100%;will-change:transform;touch-action:pan-y;user-select:none;-webkit-user-select:none}
.news-featured-track.is-dragging{cursor:grabbing}
.news-featured-slide,.news-featured-marquee-clone{display:block;position:relative;inset:auto;flex:0 0 100%;width:100%;height:100%;min-width:0;color:#000;opacity:1;visibility:visible;overflow:hidden}
.news-featured-slide img,.news-featured-marquee-clone img{width:100%;height:100%;aspect-ratio:16/8;border-radius:24px;display:block;object-fit:cover;-webkit-user-drag:none}
.news-featured-card{width:min(520px,42vw);min-height:270px;padding:42px 46px 38px;background:#fafafa;box-shadow:0 18px 38px rgba(0,0,0,.18);position:absolute;left:46px;bottom:46px;z-index:2;display:flex;flex-direction:column;align-items:flex-start;transition:background-color .75s cubic-bezier(.2,.65,.3,1);-webkit-transition:background-color .75s cubic-bezier(.2,.65,.3,1)}
.news-featured-title{display:block;color:#000;font-size:28px;font-weight:700;line-height:1.38;letter-spacing:0;max-height:2.76em;overflow:hidden}
.news-featured-desc{display:block;margin:20px 0;color:#999;font-size:16px;font-weight:400;line-height:1.8;max-height:5.4em;overflow:hidden;transition:color .75s cubic-bezier(.2,.65,.3,1);-webkit-transition:color .75s cubic-bezier(.2,.65,.3,1)}
.news-featured-type{margin-top:auto;padding:10px 16px;border-radius:999px;background:#e0f94c;color:#000;font-size:16px;font-weight:700;line-height:1;display:inline-flex;transition:background-color .75s cubic-bezier(.2,.65,.3,1),color .75s cubic-bezier(.2,.65,.3,1);-webkit-transition:background-color .75s cubic-bezier(.2,.65,.3,1),color .75s cubic-bezier(.2,.65,.3,1)}
@media screen and (min-width:801px) and (hover:hover) and (pointer:fine){.news-featured-card:hover{background:#e0f94c}.news-featured-card:hover .news-featured-desc{color:rgba(0,0,0,.64)}.news-featured-card:hover .news-featured-type{background:#000;color:#fff}}
@media screen and (min-width:801px){.news-featured-slide:focus-visible .news-featured-card{background:#e0f94c}.news-featured-slide:focus-visible .news-featured-desc{color:rgba(0,0,0,.64)}.news-featured-slide:focus-visible .news-featured-type{background:#000;color:#fff}}
.news-all-list{padding-top:50px}
.news-all-section{margin-bottom:128px}
.news-all-section:last-child{margin-bottom:0}
.news-all-title{margin-bottom:22px;color:#000;font-size:32px;font-weight:600;line-height:1.4;position:relative;z-index:1}
.news-all-title::before{content:"";display:inline-block;width:1em;height:1em;margin-right:-1em;border-radius:50%;background:linear-gradient(180deg,#f4ffce 0,#e0f94c 100%);position:relative;left:-.16em;top:.02em;z-index:-1;vertical-align:top}
.news-all-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:60px;align-items:start}
.news-all-card{grid-column:span 2;display:block;color:#000;min-width:0}
.news-all-card:hover{color:#000}
.news-all-card-large,.news-all-card:nth-child(-n+2){grid-column:span 3}
.news-all-card .pic{background:transparent;overflow:hidden;aspect-ratio:5/3}
.news-all-card .pic img{width:100%;height:100%;display:block;object-fit:cover;transition:transform .6s;-webkit-transition:-webkit-transform .6s}
.news-all-card:hover .pic img{transform:scale(1.04);-webkit-transform:scale(1.04)}
.news-all-card .txt{padding-top:12px}
.news-all-card .tit{margin-top:4px;color:#000;font-size:18px;font-weight:700;line-height:24px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.news-all-card .desc{margin-top:4px;color:#999;font-size:14px;font-weight:400;line-height:20px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.news-all-more-wrap{margin-top:44px;text-align:center}
.news-all-more.g-contact-btn{display:flex;width:240px;min-width:240px;height:60px;margin-right:auto;margin-left:auto;padding:0 70px;justify-content:center;line-height:1}
.news-all-more.g-contact-btn .g-contact-btn-fill,.news-all-more.g-contact-btn .g-contact-btn-icon{width:50px;height:50px;right:5px;top:5px}
.ul-txtb1{margin:0 0 150px}
.ul-txtb1 .tit{display:block;color:#666;font-size:18px;font-weight:400;line-height:90px;-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;border-bottom:1px solid #e8e8e8;-webkit-transition:.3s;-o-transition:.3s;-moz-transition:.3s;transition:.3s}
.ul-txtb1 .tit:hover{color:#000;border-color:#000}
.ul-list5.sty1{padding-top:20px;width:1200px;margin-left:auto;margin-right:auto}
.m-tips{min-width:340px;padding:0 20px;line-height:50px;background:linear-gradient(0deg,#0dd3ff 0,#0dd3ff 100%),linear-gradient(225deg,#ecff76 0,#e0f94c 100%);overflow:hidden;position:fixed;top:95px;left:50%;z-index:9;border-radius:50px;-webkit-border-radius:50px;-moz-border-radius:50px;-ms-border-radius:50px;-o-border-radius:50px;display:none;transform:translateX(-50%);-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%)}
.m-tips.dpn{display:none;background:linear-gradient(225deg,#ecff76 0,#e0f94c 100%)}
.m-tips .a{margin-left:20px;margin-top:11px;float:right;width:84px;height:28px;color:#000;text-align:center;font-size:12px;font-weight:400;line-height:26px;border:1px solid rgba(0,0,0,.2);border-radius:28px;-webkit-border-radius:28px;-moz-border-radius:28px;-ms-border-radius:28px;-o-border-radius:28px;transition:background-color .7s cubic-bezier(.2,.65,.3,1),color .7s cubic-bezier(.2,.65,.3,1),border-color .7s cubic-bezier(.2,.65,.3,1);-webkit-transition:background-color .7s cubic-bezier(.2,.65,.3,1),color .7s cubic-bezier(.2,.65,.3,1),border-color .7s cubic-bezier(.2,.65,.3,1)}
.m-tips .a:hover{background-color:#000;color:#fff;border:1px solid rgba(0,0,0,1)}
.m-tips .oh{font-size:0;white-space:nowrap}
.m-tips .oh img{display:inline-block;vertical-align:middle;width:24px;margin:0 6px}
.m-tips .oh span{display:inline-block;vertical-align:middle;color:#000;font-size:14px;font-weight:400;line-height:22px}
.hasicon .imgs{height:50px;line-height:50px;text-align:center;font-size:0;overflow:hidden}
.hasicon .imgs img{display:inline-block;vertical-align:middle;max-height:25px;width:auto}
.hasicon .imgs img:nth-child(2){display:none}
.hasicon .on .imgs img{display:none}
.hasicon .on .imgs img:nth-child(2){display:inline-block}
.hasicon li::after{top:auto;bottom:7px}
.g-loading{display:block;text-align:center;width:230px;height:60px;font-size:0;-webkit-border-radius:40px;-moz-border-radius:40px;border-radius:40px;border:1px solid #e0f94c;line-height:58px;margin:0 auto}
.g-loading img,.g-loading span{display:inline-block;vertical-align:middle}
.g-loading img{width:20px;margin-right:15px;-webkit-animation:4s linear infinite myRo;-moz-animation:4s linear infinite myRo;-o-animation:4s linear infinite myRo;animation:4s linear infinite myRo}
.g-loading span{font-size:16px;color:#e0f94c}
@-webkit-keyframes myRo{
0%{-webkit-transform:rotate(0);transform:rotate(0)}
100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}
}
@-moz-keyframes myRo{
0%{-moz-transform:rotate(0);transform:rotate(0)}
100%{-moz-transform:rotate(360deg);transform:rotate(360deg)}
}
@-o-keyframes myRo{
0%{-o-transform:rotate(0);transform:rotate(0)}
100%{-o-transform:rotate(360deg);transform:rotate(360deg)}
}
@keyframes myRo{
0%{-webkit-transform:rotate(0);-moz-transform:rotate(0);-o-transform:rotate(0);transform:rotate(0)}
100%{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg)}
}
.m-txtb2{width:1085px;margin:94px auto 10px}
.m-txtb2 .line{margin-bottom:6px}
.m-txtb2 .item{display:inline-block;min-width:273px;font-size:12px;color:#000}
.m-txtb2 .item em{display:inline-block;color:#666;min-width:40px}
.m-boxb1{max-width:1140px;position:relative;margin:237px auto 92px}
.m-boxb1 .g-titb2{font-size:32px;margin-bottom:88px}
.m-boxb1 .listb2 .con{margin:0 30px}
.ban.in1 .txt{max-width:1085px;padding-bottom:90px}
.ban.in1 .tit{font-size:42px;line-height:94px;padding:0 0 15px}
.ban.in1 .desc{font-size:16px;line-height:30px;color:#fff}
.m-pop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:999;display:none}
.m-pop .inner{background-color:#fff;position:absolute;top:50%;left:50%;width:600px;max-height:80vh;overflow-x:hidden;overflow-y:auto;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
.m-pop .inner h3{text-align:center;font-size:20px;color:#333;font-weight:400;margin:40px 0}
.m-pop .inner .close{display:block;position:absolute;top:20px;right:20px;width:25px;height:25px;background:url(../images/close.png) center no-repeat;-webkit-background-size:20px 20px;-moz-background-size:20px;-o-background-size:20px;background-size:20px}
.ul-txt_b1{overflow:hidden;margin:0 30px}
.ul-txt_b1 li{float:left;width:33.33%}
.ul-txt_b1 .a1{display:block;height:52px;line-height:52px;text-align:center;font-size:14px;color:#333;background:#f8f8f8;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;margin:0 10px 25px;-webkit-transition:background-color .75s cubic-bezier(.2,.65,.3,1),color .75s cubic-bezier(.2,.65,.3,1);transition:background-color .75s cubic-bezier(.2,.65,.3,1),color .75s cubic-bezier(.2,.65,.3,1)}
.ul-txt_b1 .a1:hover{background-color:#e0f94c;color:#fff}
.pop-bg{position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5)}
.wow{opacity:0}
.wow.animated{opacity:1}
::-moz-selection{background:#e0f94c;color:#000}
::selection{background:#e0f94c;color:#000}
.products-list .pic,.service-hero-card,.service-process-pic,.m-about01>.pic,.ul-listb2 .pic,.news-all-card .pic,.slick-service .pic{border-radius:24px;overflow:hidden}
.products-list .pic>img,.service-process-pic>img,.m-about01>.pic>img,.news-all-card .pic>img,.slick-service .pic>img{border-radius:24px}
.news-featured-slider,.news-featured-slide,.news-featured-marquee-clone{border-radius:0;overflow:hidden}
.row-a1 .products-list .jvds-work-card .pic,.row-a1 .products-list .jvds-work-card .pic>img{border-radius:24px}
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.banner,.footer,.main{opacity:0;transition:opacity .3s;-webkit-transition:opacity .3s;-moz-transition:opacity .3s;-ms-transition:opacity .3s;-o-transition:opacity .3s}
.jvds-work-detail-progress .ban,.jvds-work-detail-progress .main,.jvds-work-detail-progress .footer{opacity:0!important}
.g-tit01{font-size:0}
.g-tit01 h1,.g-tit01 h2{position:relative;margin-left:-14px}
.g-tit01 h1 img,.g-tit01 h2 img{width:auto;display:inline-block;position:relative;z-index:2}
.g-tit01 .g-home-title{display:inline-block;padding-left:14px;color:#000;font-family:inherit;font-size:44px;font-weight:500;line-height:1.31;letter-spacing:0;position:relative;z-index:1}
.g-tit01 .g-home-title::before{content:"";display:block;width:114px;height:114px;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;background:linear-gradient(180deg,#f4ffce 0,#e0f94c 100%);position:absolute;left:0;top:0;z-index:-1}
.g-tit01 .g-home-title span{display:block;position:relative;z-index:1;white-space:nowrap}
.g-tit01 .g-code-title{display:inline-block;padding-left:14px;color:#000;font-family:inherit;font-weight:500;line-height:1;letter-spacing:0;position:relative;z-index:1;text-align:left}
.g-tit01 .g-code-title::before{content:"";display:block;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;background:linear-gradient(180deg,#f4ffce 0,#e0f94c 100%);position:absolute;left:0;top:0;z-index:-1}
.g-tit01 .g-code-title span{display:block;position:relative;z-index:1;white-space:nowrap}
.g-tit01 .g-code-title-line{font-size:52px;line-height:1.02}
.g-tit01 .g-code-title-line::before{width:52px;height:52px}
.g-tit01 .g-code-title-stack .g-code-cn{font-size:96px;line-height:.95}
.g-tit01 .g-code-title-stack .g-code-en{margin-top:10px;font-size:70px;font-weight:400;line-height:.9}
.g-tit01 .g-code-title-stack::before{width:114px;height:114px}
.g-tit01 .en{padding-top:8px}
.g-tit01 .en img{width:auto;display:inline-block;z-index:2}
.g-tit01.tac{text-align:center}
.g-tit01.tac h1,.g-tit01.tac h2{display:inline-block}
.m-products .g-tit01{margin-bottom:40px}
.m-products .top{margin-bottom:126px}
.m-products .top .info{overflow:hidden}
.m-products .top .info .left{float:left}
.m-products .top .info .right{float:right}
.g-tip-f01 .item{margin-right:1.5em;display:inline-block;color:#000;font-size:16px;font-weight:350}
.g-tip-f02 .item{margin-right:35px;display:inline-block;color:#000;font-size:16px;font-weight:350}
.g-tip-f02 .item a{color:#000;transition:all .3s;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s}
.g-tip-f02 .item a:hover{color:#000;opacity:.5}
.g-tip-f02 .item:last-child{margin-right:0}
.g-tip-f02 .item:last-child a{opacity:.5}
.g-tip-f02 .item:last-child a:hover{opacity:1}
.row-a1{--jvds-home-section-bg:#121212;--jvds-home-section-text:#fff;--jvds-home-section-muted:rgba(255,255,255,.62);--jvds-home-title-circle-opacity:0;overflow:hidden;padding:150px 0 120px;background:var(--jvds-home-section-bg);color:var(--jvds-home-section-text)}
.row-a1 .g-home-title{color:var(--jvds-home-section-text)}
.row-a1 .g-tit01 .g-home-title::before{opacity:var(--jvds-home-title-circle-opacity)}
.row-a1 .g-tip-f01 .item,.row-a1 .g-tip-f02 .item,.row-a1 .g-tip-f02 .item a{color:var(--jvds-home-section-text)}
.row-a1 .g-tip-f02 .item a{transition:opacity .3s;-webkit-transition:opacity .3s}
.row-a1 .g-tip-f02 .item a:hover{color:var(--jvds-home-section-text);opacity:.5}
.row-a1 .g-tip-f02 .item:last-child a:hover{color:var(--jvds-home-section-text);opacity:1}
.row-a1 .products-list{--home-work-gap-x:clamp(48px,5.5vw,78px);--home-work-gap-y:clamp(88px,8.8vw,125px);display:flex;flex-wrap:wrap;column-gap:var(--home-work-gap-x);row-gap:var(--home-work-gap-y);align-items:flex-start;margin:0;padding:0 0 96px;position:relative;opacity:0;transition:opacity .45s ease;-webkit-transition:opacity .45s ease}
.row-a1 .products-list:after{display:none}
.row-a1 .products-list li{padding:0;position:relative}
.row-a1 .products-list .con{display:block;padding:0;position:relative;overflow:visible;color:var(--jvds-home-section-text);transition:none;-webkit-transition:none}
.row-a1 .products-list .jvds-work-meta{margin-top:22px;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:12px}
.row-a1 .products-list .pic{margin:0;position:relative;overflow:hidden;background:transparent}
.row-a1 .products-list .pic::before,.row-a1 .products-list .pic::after{display:none}
.row-a1 .products-list .pic img{display:block;position:static;width:100%;height:auto;object-fit:initial;opacity:1;filter:none;transform:none;-webkit-transform:none;transform-origin:center center;-webkit-transform-origin:center center;transition:transform .6s ease;-webkit-transition:-webkit-transform .6s ease;will-change:transform}
.jvds-pixel-reveal-frame{background:transparent!important}
.pic.jvds-pixel-reveal-frame{position:relative}
.row-news-page .news-featured-slide.jvds-pixel-reveal-frame,.row-news-page .news-featured-marquee-clone.jvds-pixel-reveal-frame{border-radius:24px}
.jvds-pixel-reveal-frame img.is-jvds-pixel-source,.jvds-pixel-reveal-frame video.is-jvds-pixel-source{position:relative;z-index:1}
.row-news-page .slick-service-1 .pic.jvds-pixel-reveal-frame img.is-jvds-pixel-source{position:absolute;left:0;top:0;width:100%;height:100%}
.jvds-pixel-reveal-frame img.is-jvds-pixel-source.is-jvds-pixel-hidden,.jvds-pixel-reveal-frame video.is-jvds-pixel-source.is-jvds-pixel-hidden{transition:none!important;-webkit-transition:none!important}
.jvds-pixel-reveal-frame.is-jvds-pixel-animating img.is-jvds-pixel-source,.jvds-pixel-reveal-frame.is-jvds-pixel-animating video.is-jvds-pixel-source{transform:none!important;-webkit-transform:none!important;transition:none!important;-webkit-transition:none!important}
.jvds-pixel-reveal-frame .jvds-work-pixel-canvas{display:block;position:absolute;inset:0;z-index:2;width:100%;height:100%;border-radius:inherit;pointer-events:none}
.jvds-pixel-reveal-frame .jvds-work-pixel-canvas[hidden]{display:none}
.jvds-pixel-reveal-frame .jvds-work-category,.jvds-pixel-reveal-frame .time{z-index:3}
.row-a1 .products-list .tit{order:2;margin:0;max-width:min(100%,560px);color:var(--jvds-home-section-text);font-size:20px;line-height:1.25;font-weight:500;letter-spacing:-.2px;white-space:normal;overflow:visible;text-overflow:clip;text-shadow:none}
.row-a1 .products-list .desc{flex:0 0 auto;margin:0;max-width:100%;color:var(--jvds-home-section-muted);font-size:13.6675px;line-height:16.401px;font-weight:400;letter-spacing:.5px;text-align:left;text-shadow:none;white-space:normal;text-overflow:clip}
.row-a1 .products-list .pic .jvds-work-category{max-width:calc(100% - 32px);color:#000;font-size:13px;line-height:18px;letter-spacing:.35px;overflow:hidden}
.row-a1 .products-list .jvds-work-index,.row-a1 .products-list .jvds-work-preview{display:none}
.row-a1 .products-list .con:hover .pic img{opacity:1;transform:scale(1.04);-webkit-transform:scale(1.04)}
.row-a1 .products-list .con:hover .tit{opacity:1;color:var(--jvds-home-section-text)}
.row-a1 .products-list .con:hover .desc{color:var(--jvds-home-section-muted)}
.row-a1 .products-list .con:hover .pic .jvds-work-category{color:#000}
.row-a1 .products-list .jvds-work-card{flex:0 0 calc((100% - var(--home-work-gap-x)) * .614)}
.row-a1 .products-list .jvds-work-card:nth-child(3n+2){flex-basis:calc((100% - var(--home-work-gap-x)) * .386);margin-top:0}
.row-a1 .products-list .jvds-work-card:nth-child(3n){flex-basis:min(82.33%,1318px);margin-left:auto;margin-right:auto}
.row-a1 .products-list .jvds-work-card:nth-child(3n) .pic{aspect-ratio:auto}
.row-a1 .home-works-more.g-contact-btn{display:flex;width:260px;height:60px;margin:0 auto;padding:0 70px;justify-content:center;line-height:1}
.row-a1 .home-works-more .g-contact-btn-fill,.row-a1 .home-works-more .g-contact-btn-icon{width:50px;height:50px;right:5px;top:5px}
@media screen and (max-width:800px){
.row-a1{padding:100px 0 120px}
.row-a1 .products-list{display:flex;flex-direction:column;gap:56px;padding-bottom:50px}
.row-a1 .products-list .jvds-work-card{margin:0 0 56px!important;transform:none!important;-webkit-transform:none!important}
.row-a1 .products-list .jvds-work-meta{margin-top:18px;gap:10px}
.row-a1 .products-list .tit{font-size:20px;line-height:1.25;letter-spacing:0}
.row-a1 .products-list .desc{font-size:12px;line-height:1.35}
}
.row-serve{margin-bottom:150px}
.m-serve{position:relative;--jvds-serve-illust-x:0px;--jvds-serve-illust-y:0px;--jvds-serve-illust-offset-x:80px}
.m-serve::after{width:778px;height:704px;content:"";display:block;background:url(../images/serve/f2-bg01.png) center center no-repeat;background-size:contain;position:absolute;right:128px;top:calc(50% - 100px);transform:translateY(-50%) translateX(var(--jvds-serve-illust-offset-x)) translate3d(var(--jvds-serve-illust-x),var(--jvds-serve-illust-y),0) scale(1.03);-webkit-transform:translateY(-50%) translateX(var(--jvds-serve-illust-offset-x)) translate3d(var(--jvds-serve-illust-x),var(--jvds-serve-illust-y),0) scale(1.03);-moz-transform:translateY(-50%) translateX(var(--jvds-serve-illust-offset-x)) translate3d(var(--jvds-serve-illust-x),var(--jvds-serve-illust-y),0) scale(1.03);-ms-transform:translateY(-50%) translateX(var(--jvds-serve-illust-offset-x)) translate3d(var(--jvds-serve-illust-x),var(--jvds-serve-illust-y),0) scale(1.03);-o-transform:translateY(-50%) translateX(var(--jvds-serve-illust-offset-x)) translate3d(var(--jvds-serve-illust-x),var(--jvds-serve-illust-y),0) scale(1.03);will-change:transform;pointer-events:none}
.m-serve .inner{padding:70px 70px 20px;background:#000;height:auto;min-height:640px;overflow:hidden;position:relative;border-radius:24px}
.m-serve .txt{max-width:540px}
.m-serve .bg{position:absolute;bottom:0;left:0;right:0;height:40%}
.m-serve h2{margin-bottom:32px;font-size:0}
.m-serve h2 img{width:auto;height:auto;display:inline-block}
.g-dark-title{margin:0;color:#e0f94c;font-family:inherit;font-size:42px;font-weight:500;line-height:1;letter-spacing:0}
.g-dark-title-white{color:#fff}
.m-serve h2.g-dark-title{margin-bottom:32px;font-size:52px}
.m-serve .item{overflow:hidden;line-height:104px}
.m-serve .item h3{color:#fff;font-size:24px;font-style:normal;font-weight:600;overflow:hidden}
.m-serve .item::after{content:"";display:block;height:2px;background:linear-gradient(136deg,#171717 0,#282828 .01%,#171717 100%);border-radius:2px;-webkit-border-radius:2px;-moz-border-radius:2px;-ms-border-radius:2px;-o-border-radius:2px;overflow:hidden}
.m-serve .item:last-child:after{display:none}
.m-serve .item .icon{margin-right:28px;font-size:0;float:left}
.m-serve .item .icon img{width:44px;height:44px;display:inline-block;vertical-align:middle;object-fit:contain}
.home-section-head{text-align:center;margin-bottom:70px}
.home-section-title{display:inline-block;padding-left:14px;position:relative;z-index:1;color:#000;font-size:52px;font-weight:500;line-height:1.02;letter-spacing:0}
.home-section-title:before{content:"";width:52px;height:52px;border-radius:50%;background:linear-gradient(180deg,#f4ffce 0,#e0f94c 100%);position:absolute;left:0;top:0;z-index:-1}
.home-section-head p{margin:14px auto 0;max-width:620px;color:#8a8a8a;font-size:16px;line-height:24px}
.home-client-needs{--jvds-home-section-bg:#121212;--jvds-home-section-text:#fff;--jvds-home-section-muted:rgba(255,255,255,.62);--jvds-home-title-circle-opacity:0;padding:100px 0 150px;overflow:hidden;background:var(--jvds-home-section-bg);color:var(--jvds-home-section-text)}
.home-client-needs-head{margin-bottom:52px;display:flex;align-items:flex-start;justify-content:space-between;gap:60px}
.home-client-needs-title{max-width:820px;position:relative;z-index:1;color:var(--jvds-home-section-text);font-size:52px;font-weight:500;line-height:1.06;letter-spacing:-1.6px}
.home-client-needs-title:before{content:"";display:inline-block;width:1em;height:1em;margin-right:-1em;border-radius:50%;background:linear-gradient(180deg,#f4ffce 0,#e0f94c 100%);opacity:var(--jvds-home-title-circle-opacity);position:relative;left:-10px;top:.02em;z-index:-1;vertical-align:top}
.home-client-needs-head p{width:34%;max-width:500px;margin:4px 0 0;color:var(--jvds-home-section-muted);font-size:16px;line-height:1.55}
.home-client-needs-carousel{width:100vw;margin-left:calc(50% - 50vw)}
.home-client-needs-viewport{width:100%;overflow:hidden;scrollbar-width:none;overscroll-behavior-x:contain;cursor:grab;outline:none;-webkit-overflow-scrolling:touch;touch-action:pan-y pinch-zoom}
.home-client-needs-viewport::-webkit-scrollbar{display:none}
.home-client-needs-viewport:focus-visible{outline:2px solid #e0f94c;outline-offset:6px}
.home-client-needs-viewport.is-static{overflow-x:auto}
.home-client-needs-viewport.is-dragging{cursor:grabbing;user-select:none;-webkit-user-select:none}
.home-client-needs-track{display:flex;align-items:stretch;gap:24px;width:max-content;min-width:100%;will-change:transform}
.home-client-needs-card{flex:0 0 calc((100vw - 48px)/3);width:calc((100vw - 48px)/3);max-width:none;min-height:470px;padding:32px;border-radius:24px;background:#f4f5f7;display:flex;flex-direction:column;align-items:stretch;transition:background-color .8s cubic-bezier(.2,.65,.3,1);-webkit-transition:background-color .8s cubic-bezier(.2,.65,.3,1);user-select:none;-webkit-user-select:none}
.home-client-needs-card:hover{background:#e0f94c}
.home-client-needs-card-head{min-height:286px;display:flex;align-items:flex-start;justify-content:space-between;gap:24px}
.home-client-needs-card h3{max-width:390px;margin:0;color:#050505;font-size:32px;font-weight:500;line-height:1.08;letter-spacing:-1px;overflow-wrap:anywhere}
.home-client-needs-dot{width:24px;height:24px;flex:0 0 24px;margin-top:2px;border-radius:50%;background:var(--need-accent,#e0f94c);transition:transform .28s ease;-webkit-transition:-webkit-transform .28s ease}
.home-client-needs-card:hover .home-client-needs-dot{transform:scale(1.14);-webkit-transform:scale(1.14)}
.home-client-needs-tags{margin-top:auto;display:flex;align-items:flex-start;flex-wrap:wrap;gap:9px}
.home-client-needs-tags span{padding:12px 16px;border-radius:999px;background:#fff;color:#111;font-size:14px;font-weight:400;line-height:20px;white-space:nowrap;transition:background-color .75s cubic-bezier(.2,.65,.3,1),color .75s cubic-bezier(.2,.65,.3,1);-webkit-transition:background-color .75s cubic-bezier(.2,.65,.3,1),color .75s cubic-bezier(.2,.65,.3,1)}
.home-client-needs-card:hover .home-client-needs-tags span{background-color:#000;color:#fff}
.home-client-needs-cursor{display:none!important}
.home-client-needs-cursor svg{width:36px;height:20px;display:block}
.home-client-needs-cursor path{fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.home-client-needs-cursor.is-visible{opacity:1;visibility:visible;transform:translate3d(var(--home-needs-cursor-x),var(--home-needs-cursor-y),0) translate(-50%,-50%) scale(1);-webkit-transform:translate3d(var(--home-needs-cursor-x),var(--home-needs-cursor-y),0) translate(-50%,-50%) scale(1)}
.home-client-needs-cursor.is-visible.is-pressed{transform:translate3d(var(--home-needs-cursor-x),var(--home-needs-cursor-y),0) translate(-50%,-50%) scale(.84);-webkit-transform:translate3d(var(--home-needs-cursor-x),var(--home-needs-cursor-y),0) translate(-50%,-50%) scale(.84)}
@media (hover:hover) and (pointer:fine){.home-client-needs-viewport.is-cursor-ready{cursor:grab}.home-client-needs-viewport.is-cursor-ready.is-dragging{cursor:grabbing}}
@media (min-width:1921px){.home-client-needs-card{flex-basis:calc((100vw - 48px)/3);width:calc((100vw - 48px)/3)}}
@media (prefers-reduced-motion:reduce){.home-client-needs-card,.home-client-needs-dot,.home-client-needs-tags span,.home-client-needs-cursor{transition:none!important;-webkit-transition:none!important}}
@media (hover:none),(pointer:coarse){.home-client-needs-cursor{display:none!important}}
.home-choice{padding:100px 0 180px}
.home-choice-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}
.home-choice-card{min-height:250px;border-radius:0;padding:48px 28px;display:flex;align-items:center;justify-content:center;text-align:center;position:relative;overflow:hidden;transition:background-color .85s cubic-bezier(.2,.65,.3,1),transform .7s cubic-bezier(.2,.65,.3,1);-webkit-transition:background-color .85s cubic-bezier(.2,.65,.3,1),-webkit-transform .7s cubic-bezier(.2,.65,.3,1)}
.home-choice-card strong{position:absolute;right:20px;bottom:-10px;color:#fff;font-size:150px;font-weight:800;line-height:.8;opacity:.78;pointer-events:none}
.home-choice-card>div{position:relative;z-index:1}
.home-choice-card h3{color:#000;font-size:24px;font-weight:600;line-height:1.25}
.home-choice-card p{margin-top:10px;color:#333;font-size:14px;line-height:22px}
.home-choice-card-blue{background:#edfaff}
.home-choice-card-green{background:#fbfce9}
.home-choice-card-cyan{background:#eefbff}
.home-choice-card-pink{background:#fff0ef}
.home-choice-card:nth-child(1){transform:rotate(-1.3deg);-webkit-transform:rotate(-1.3deg)}
.home-choice-card:nth-child(2){transform:rotate(1deg);-webkit-transform:rotate(1deg)}
.home-choice-card:nth-child(3){transform:rotate(-.8deg);-webkit-transform:rotate(-.8deg)}
.home-choice-card:nth-child(4){transform:rotate(1.2deg);-webkit-transform:rotate(1.2deg)}
.home-choice-card:hover{background:#e0f94c;transform:translateY(-8px) rotate(0deg);-webkit-transform:translateY(-8px) rotate(0deg)}
.home-ai{padding:0;background:transparent}
.home-ai>.wp3{padding-top:60px;padding-bottom:60px}
.home-ai-head{max-width:none;margin-bottom:60px}
.home-section-title-left{display:block;max-width:none;margin-left:-14px;text-align:left;font-size:52px;line-height:1.02;white-space:nowrap}
.home-ai-head p{margin-top:22px;max-width:none;color:#777;font-size:16px;line-height:28px;white-space:nowrap}
.home-ai-stats{width:100%;display:flex;align-items:flex-start;gap:16px;border:0;background:transparent}
.home-ai-mosaic-pair{min-width:0;display:flex;flex:1 1 0;flex-direction:column;gap:16px}
.home-ai-mosaic-card{width:100%;min-width:0;height:372px;margin:0;border:0;border-radius:24px;position:relative;overflow:hidden;box-sizing:border-box}
.home-ai-mosaic-media{background:#e9ebee}
.home-ai-mosaic-media img{width:100%;height:100%;display:block;object-fit:cover;object-position:center}
.home-ai-stat{padding:30px;display:flex;align-items:flex-start;justify-content:space-between;flex-direction:column;color:#1a1e23;isolation:isolate}
.home-ai-stat-experience{background:#f1e7fd}
.home-ai-stat-projects{background:#e5e9ff}
.home-ai-stat-clients{background:#f7ecf8}
.home-ai-stat-global{background:#f1f1f3}
.home-ai-stat::before{content:"";display:block;position:absolute;inset:0;z-index:0;pointer-events:none;background-repeat:no-repeat;background-position:center;background-size:100% 100%}
.home-ai-stat::after{display:none}
.home-ai-stat-experience::before{background-image:url("../images/home/stats-mosaic/stat-bg-experience.svg")}
.home-ai-stat-projects::before{background-image:url("../images/home/stats-mosaic/stat-bg-projects.svg")}
.home-ai-stat-clients::before{background-image:url("../images/home/stats-mosaic/stat-bg-clients.svg")}
.home-ai-stat-global::before{background-image:url("../images/home/stats-mosaic/stat-bg-global.svg")}
.home-ai-stat-label{max-width:230px;margin:0;position:relative;z-index:1;color:#1a1e23;font-size:22px;font-weight:500;line-height:1.5}
.home-ai-stat strong{margin:0;display:flex;align-items:flex-start;gap:5px;position:relative;z-index:1;color:#1a1e23;font-size:96px;font-weight:400;line-height:1.2;letter-spacing:-2px;white-space:nowrap}
.home-ai-stat strong span,.home-ai-stat strong em{font:inherit;letter-spacing:inherit;line-height:inherit}
.home-ai-stat strong em{font-style:normal}
@keyframes jvdsMosaicCardIn{0%{opacity:0;transform:translate3d(0,56px,0);filter:blur(3px)}100%{opacity:1;transform:translate3d(0,0,0);filter:blur(0)}}
.home-ai-mosaic-card.jvds-mosaic-reveal{opacity:0;transform:translate3d(0,56px,0);filter:blur(3px);animation:jvdsMosaicCardIn 1.45s cubic-bezier(.2,.65,.3,1) var(--jvds-mosaic-delay,0ms) both;animation-play-state:paused;will-change:auto}
.home-ai-mosaic-card.jvds-mosaic-reveal.is-visible{animation-play-state:running;will-change:transform,opacity,filter}
.home-ai-mosaic-card.jvds-mosaic-reveal.is-jvds-mosaic-complete{opacity:1;transform:none;filter:none;animation:none;will-change:auto}
@media (prefers-reduced-motion:reduce){.home-ai-mosaic-card.jvds-mosaic-reveal{opacity:1;transform:none;filter:none;animation:none;will-change:auto}}
.home-stat-icon{width:34px;height:34px;margin-bottom:42px;display:block;position:relative;color:#000}
.home-stat-icon:before,.home-stat-icon:after{content:"";display:block;position:absolute;box-sizing:border-box}
.home-stat-icon-idea:before{width:24px;height:24px;left:5px;top:2px;border:4px solid #000;border-radius:50%}
.home-stat-icon-idea:after{width:10px;height:8px;left:12px;bottom:0;border:4px solid #000;border-top:0}
.home-stat-icon-trophy:before{width:20px;height:22px;left:7px;top:0;border:4px solid #000;border-radius:0 0 11px 11px}
.home-stat-icon-trophy:after{width:24px;height:12px;left:5px;bottom:0;border:4px solid #000;border-top:0}
.home-stat-icon-building:before{width:24px;height:28px;left:5px;top:3px;border:4px solid #000}
.home-stat-icon-building:after{width:4px;height:4px;left:13px;top:12px;background:#000;box-shadow:8px 0 0 #000,0 8px 0 #000,8px 8px 0 #000}
.home-stat-icon-globe:before{width:30px;height:30px;left:2px;top:2px;border:4px solid #000;border-radius:50%}
.home-stat-icon-globe:after{width:30px;height:4px;left:2px;top:15px;background:#000;box-shadow:0 0 0 transparent}
.m-serve .inner{height:auto;min-height:830px;padding:52px 70px 80px}
.m-serve .txt{max-width:540px}
.m-serve .txt>.g-dark-title,.m-serve .txt>.home-service-intro,.m-serve .txt>.home-service-list{position:relative;z-index:2}
.m-serve .txt>.g-dark-title{margin-bottom:14px;color:#fff}
.home-service-intro{margin:0 0 26px;color:rgba(255,255,255,.48);font-size:16px;line-height:24px}
.m-serve .home-service-list{max-width:620px}
.m-serve .home-service-item{--home-service-text-inset:72px;--home-service-text-end:58px;line-height:normal;overflow:visible;padding:0}
.m-serve .home-service-item::after{height:1px;background:rgba(255,255,255,.12)}
.home-service-toggle{width:100%;padding:17px 0;display:grid;grid-template-columns:50px minmax(0,1fr) 36px;gap:22px;align-items:center;color:#fff;background:transparent;border:0;text-align:left;cursor:pointer}
.home-service-toggle:focus-visible{outline:2px solid #e0f94c;outline-offset:4px}
.home-service-toggle .icon{float:none;margin:0;width:50px;height:50px;display:flex;align-items:center;justify-content:center}
.home-service-toggle .icon img{width:44px;height:44px}
.home-service-copy strong{display:block;color:#fff;font-size:18px;font-weight:600;line-height:1.25}
.home-service-copy em{display:block;margin-top:8px;color:rgba(255,255,255,.52);font-size:13px;font-style:normal;line-height:20px}
.home-service-plus{width:34px;height:34px;border:1px solid rgba(255,255,255,.22);border-radius:50%;display:block;position:relative;transition:background-color .75s cubic-bezier(.2,.65,.3,1),border-color .75s cubic-bezier(.2,.65,.3,1);-webkit-transition:background-color .75s cubic-bezier(.2,.65,.3,1),border-color .75s cubic-bezier(.2,.65,.3,1)}
.home-service-plus:before,.home-service-plus:after{content:"";display:block;width:12px;height:2px;background:#fff;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);transition:transform .45s cubic-bezier(.2,.65,.3,1),background-color .75s cubic-bezier(.2,.65,.3,1);-webkit-transition:-webkit-transform .45s cubic-bezier(.2,.65,.3,1),background-color .75s cubic-bezier(.2,.65,.3,1)}
.home-service-plus:after{transform:translate(-50%,-50%) rotate(90deg);-webkit-transform:translate(-50%,-50%) rotate(90deg)}
.home-service-item.is-open .home-service-plus,.home-service-toggle:hover .home-service-plus{background:#e0f94c;border-color:#e0f94c}
.home-service-item.is-open .home-service-plus:before,.home-service-item.is-open .home-service-plus:after,.home-service-toggle:hover .home-service-plus:before,.home-service-toggle:hover .home-service-plus:after{background:#000}
.home-service-item.is-open .home-service-plus:after{transform:translate(-50%,-50%) rotate(0deg);-webkit-transform:translate(-50%,-50%) rotate(0deg)}
.home-service-answer{display:grid;height:1px;overflow:hidden;grid-template-rows:0fr;transition:grid-template-rows .3s ease;-webkit-transition:grid-template-rows .3s ease}
.home-service-item.is-open .home-service-answer{height:auto;overflow:visible;grid-template-rows:1fr}
.home-service-answer p{overflow:hidden;margin:0 var(--home-service-text-end) 18px var(--home-service-text-inset);color:rgba(255,255,255,.72);font-size:14px;line-height:24px}
.home-service-more.g-contact-btn{width:260px;height:60px;margin:0;padding:0 70px;justify-content:center;line-height:1;position:absolute;left:auto;right:60px;top:52px;bottom:auto;z-index:3;transform:none;-webkit-transform:none}
.home-service-more.g-contact-btn .g-contact-btn-fill,.home-service-more.g-contact-btn .g-contact-btn-icon{width:50px;height:50px;right:5px;top:5px}
.home-service-more.g-contact-btn:active{transform:scale(.98);-webkit-transform:scale(.98)}
.jvds-testimonial-hanger{--hanger-card-width:350px;--hanger-stage-background:#fafafa;height:min(840px,100vh);height:min(840px,100svh);min-height:700px;display:flex;align-items:center;background:var(--hanger-stage-background);color:#1a1c1e;font-family:var(--jvds-font-sans);overflow:hidden;position:relative}
.jvds-testimonial-hanger,.jvds-testimonial-hanger *{box-sizing:border-box}
.jvds-testimonial-hanger>.wp3{width:100%;max-width:1920px;padding-right:48px;padding-left:48px}
.jvds-testimonial-hanger__reveal{width:100%;position:relative}
.jvds-testimonial-hanger__head{min-height:56px;height:auto;margin:0 0 52px;display:grid;grid-template-columns:minmax(0,1fr) max-content;gap:16px 24px;align-items:end;color:#8e8e86;font-family:inherit;font-size:12px;font-weight:400;line-height:14.4px;letter-spacing:.48px}
.jvds-testimonial-hanger__head h2{margin:0;position:relative;z-index:1;color:#000;font-family:inherit;font-size:52px;font-weight:500;line-height:1;letter-spacing:-1.8px}
.jvds-testimonial-hanger__head h2:before{content:"";display:inline-block;width:1em;height:1em;margin-right:-1em;border-radius:50%;background:linear-gradient(180deg,#f4ffce 0,#e0f94c 100%);position:relative;left:-10px;top:.02em;z-index:-1;vertical-align:top}
.jvds-testimonial-hanger__count{display:flex;align-items:center;color:inherit;font:inherit;letter-spacing:inherit}
.jvds-testimonial-hanger__intro{grid-column:1/-1;margin:0;color:#626262;font-size:17px;font-weight:400;line-height:1.9;letter-spacing:0}
.jvds-testimonial-hanger__scene{height:354px;position:relative;cursor:grab;touch-action:pan-y;user-select:none;-webkit-user-select:none}
.jvds-testimonial-hanger__scene:active,.jvds-testimonial-hanger.is-dragging .jvds-testimonial-hanger__scene{cursor:grabbing}
.jvds-testimonial-hanger__rail{height:1px;display:block;background:#deded8;position:absolute;left:0;right:0;top:0;pointer-events:none}
.jvds-testimonial-hanger__item{width:var(--hanger-card-width);height:329.5px;visibility:hidden;position:absolute;left:50%;top:0;z-index:1;opacity:var(--hanger-opacity,1);transform:translate3d(calc(-50% + var(--hanger-x,0px)),0,0) scale(var(--hanger-scale,1));-webkit-transform:translate3d(calc(-50% + var(--hanger-x,0px)),0,0) scale(var(--hanger-scale,1));transform-origin:50% 0;transition:none;-webkit-transition:none;will-change:transform,opacity}
.jvds-testimonial-hanger__item:first-of-type,.jvds-testimonial-hanger[data-testimonial-ready="true"] .jvds-testimonial-hanger__item{visibility:visible}
.jvds-testimonial-hanger__pendulum{width:100%;height:329.5px;display:flex;align-items:center;flex-direction:column;transform:rotate(var(--hanger-render-tilt,var(--hanger-tilt,0deg)));-webkit-transform:rotate(var(--hanger-render-tilt,var(--hanger-tilt,0deg)));transform-origin:50% 0;transition:none;-webkit-transition:none;will-change:transform}
.jvds-testimonial-hanger__hook{width:7px;height:7px;margin-top:-3px;display:block;flex:0 0 auto;border:1px solid #b8b8b0;border-radius:50%;background:var(--hanger-stage-background);position:relative;z-index:2}
.jvds-testimonial-hanger__cord{width:1px;height:26px;display:block;flex:0 0 auto;background:#b8b8b0}
.jvds-testimonial-hanger__card{width:100%;height:300px;margin:0;padding:28px;display:flex;flex-direction:column;flex:0 0 auto;background:#fff;color:#1a1c1e;border:1px solid #e7e7e1;border-radius:24px;box-shadow:none;font-family:inherit;text-align:left;position:relative;overflow:hidden;cursor:pointer;-webkit-appearance:none;appearance:none}
.jvds-testimonial-hanger__item.is-active .jvds-testimonial-hanger__card{background:#e0f94c;border-color:#e0f94c}
.jvds-testimonial-hanger__card-pin{width:8px;height:8px;margin-left:-4px;border:1px solid #e7e7e1;border-radius:50%;background:var(--hanger-stage-background);position:absolute;left:50%;top:9px}
.jvds-testimonial-hanger__card-head{height:15px;display:flex;align-items:center;justify-content:space-between;gap:12px;color:#8e8e86;font-family:inherit;font-size:12px;font-weight:400;line-height:14.4px;letter-spacing:.48px}
.jvds-testimonial-hanger__rating{font-family:inherit;font-size:12px;line-height:1;letter-spacing:1.6px;color:#1a1c1e;white-space:nowrap}
.jvds-testimonial-hanger__quote{height:195px;padding:18px 0;display:flex;align-items:center;color:#1a1c1e;font-family:inherit;font-size:18px;font-weight:400;line-height:27px;letter-spacing:-.27px;overflow:hidden}
html[data-jvds-lang="en"] .jvds-testimonial-hanger__quote{font-size:14px;line-height:20px;letter-spacing:-.08px}
.jvds-testimonial-hanger__brand{height:33px;padding-top:14px;display:flex;align-items:center}
.jvds-testimonial-hanger__brand img{width:auto;height:22px;max-width:120px;display:block;object-fit:contain;object-position:left center;opacity:1;filter:none}
.jvds-testimonial-hanger__item[data-index="2"] .jvds-testimonial-hanger__brand img{height:20px;opacity:.72}
.jvds-testimonial-hanger__authors{height:99px;margin-top:30px;position:relative}
.jvds-testimonial-hanger__author{display:flex;align-items:center;flex-direction:column;gap:10px;position:absolute;inset:0;opacity:0;visibility:hidden;pointer-events:none;transform:translate3d(0,6px,0);-webkit-transform:translate3d(0,6px,0);transition:opacity .3s ease,transform .42s cubic-bezier(.22,1,.36,1),visibility .3s ease;-webkit-transition:opacity .3s ease,-webkit-transform .42s cubic-bezier(.22,1,.36,1),visibility .3s ease}
.jvds-testimonial-hanger__author.is-active{opacity:1;visibility:visible;transform:translate3d(0,0,0);-webkit-transform:translate3d(0,0,0)}
.jvds-testimonial-hanger__avatar{width:44px;height:44px;display:block;border-radius:50%;object-fit:cover;object-position:center}
.jvds-testimonial-hanger__author-copy{text-align:center}
.jvds-testimonial-hanger__author-copy strong{display:block;color:#1a1c1e;font-family:inherit;font-size:18px;font-weight:500;line-height:21.6px;letter-spacing:-.18px}
.jvds-testimonial-hanger__author-copy span{display:block;margin-top:4px;color:#8e8e86;font-family:inherit;font-size:15px;font-weight:400;line-height:19.5px}
.jvds-testimonial-hanger__controls{height:30px;margin-top:26px;display:flex;align-items:center;justify-content:center;gap:18px;color:#8e8e86}
.jvds-testimonial-hanger__controls button{width:30px;height:30px;margin:0;padding:0;display:flex;align-items:center;justify-content:center;background:transparent;color:inherit;border:0;border-radius:50%;font-family:inherit;cursor:pointer;-webkit-appearance:none;appearance:none;transition:color .65s cubic-bezier(.2,.65,.3,1),background-color .65s cubic-bezier(.2,.65,.3,1);-webkit-transition:color .65s cubic-bezier(.2,.65,.3,1),background-color .65s cubic-bezier(.2,.65,.3,1)}
.jvds-testimonial-hanger__controls button:hover{color:#1a1c1e;background:rgba(26,28,30,.05)}
.jvds-testimonial-hanger__controls button:focus-visible,.jvds-testimonial-hanger__card:focus-visible{outline:0;box-shadow:0 0 0 3px rgba(26,28,30,.14)}
.jvds-testimonial-hanger__controls button svg{width:13px;height:13px;display:block}
.jvds-testimonial-hanger__controls>span{width:44px;height:1px;display:block;background:#deded8}
@media (prefers-reduced-motion:reduce){.jvds-testimonial-hanger__item,.jvds-testimonial-hanger__pendulum,.jvds-testimonial-hanger__author{transition:none!important;-webkit-transition:none!important}}
.home-partners{padding:0 0 145px}
.home-partners>.wp3{padding-top:60px;margin-bottom:40px}
.home-partners .home-section-head{margin-top:60px}
.home-partner-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:20px;margin-top:65px}
.home-partner-logo{height:180.83px;aspect-ratio:auto;border-radius:24px;overflow:hidden;isolation:isolate;background-color:#fff;display:flex;align-items:center;justify-content:center;transition:background-color .35s ease;-webkit-transition:background-color .35s ease}
.home-partner-logo:nth-child(even){background-color:#f7f7f7}
.home-partner-logo img{width:100%;height:100%;max-width:none;max-height:none;border-radius:inherit;display:block;object-fit:contain;mix-blend-mode:multiply;filter:grayscale(1);opacity:1;transform:scale(.6667);-webkit-transform:scale(.6667);transition:opacity .22s ease,filter .35s ease;-webkit-transition:opacity .22s ease,-webkit-filter .35s ease}
.home-partner-logo.is-switching img{opacity:0}
.home-partner-logo:hover{transform:none;-webkit-transform:none}
.home-partner-logo:hover img{filter:grayscale(0)}
.home-partner-more.g-contact-btn{display:flex;width:260px;height:60px;margin:60px auto 0;padding:0 70px;justify-content:center;line-height:1}
.home-partner-more.g-contact-btn .g-contact-btn-fill,.home-partner-more.g-contact-btn .g-contact-btn-icon{width:50px;height:50px;right:5px;top:5px}
.home-faq{padding-top:115px}
.row-about-faq.home-faq{padding-top:80px;padding-bottom:60px}
.row-about-faq.service-faq{padding-top:90px;padding-bottom:70px}
.home-faq-head{margin-bottom:70px}
.home-faq .about-faq-list{max-width:none}
.home-site-cta-wrap .service-cta.site-cta{padding-top:320px}
.g-btn-contact{margin:0 auto;width:880px;line-height:188px;color:#000;text-align:center;font-size:72px;font-weight:600;border:6px solid rgba(0,0,0,1);border-radius:200px;-webkit-border-radius:200px;-moz-border-radius:200px;-ms-border-radius:200px;-o-border-radius:200px;display:block;transition:all .3s;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s}
.g-btn-contact:hover{color:#fff;background:#000;border-color:#000}
.g-btn-contact span{text-stroke:1px #000;-webkit-text-stroke:1px #000}
.g-btn-contact span.stroke{text-stroke:1px #000;-webkit-text-stroke:1px #000;color:#fff}
.wp4{margin:0 auto;max-width:1920px;padding:0 100px}
.wp5{margin:0 auto;max-width:1100px}
.g-tab-con .g-tit01{float:left}
.g-tab-con .right{float:right}
.g-tab-con .top{padding-bottom:53px}
.g-tab-con .list{padding-top:60px;border-top:1px solid #e8e8e8}
.row-inner{padding-top:80px;padding-bottom:150px}
.row-contact-page{padding-bottom:40px}
.m-news-detail{margin-bottom:110px;padding-top:70px}
.m-news-detail .top{margin-bottom:50px}
.m-news-detail h1{margin-bottom:20px;color:#000;font-size:52px;font-weight:500;line-height:66px;letter-spacing:.001px}
.m-news-detail .detail{margin-bottom:80px;font-size:16px;color:#333;line-height:1.5}
.page-news-detail-root,.page-news-detail{overflow:visible}
.page-news-detail{padding-top:0}
.page-news-detail #app,.page-news-detail .main{overflow:visible}
.page-news-detail .main{--jvds-news-detail-bg:#121212;--jvds-news-detail-text:#fff;--jvds-news-detail-muted:rgba(255,255,255,.62);--jvds-news-detail-line:rgba(255,255,255,.18);--jvds-news-detail-surface:rgba(255,255,255,.07);--jvds-news-detail-contrast:#121212;--jvds-news-detail-title-circle-opacity:0;--jvds-news-side-title-hover:#e0f94c;padding-top:0;background:var(--jvds-news-detail-bg);color:var(--jvds-news-detail-text)}
.news-detail-hero{width:100%;height:clamp(460px,40vw,760px);margin-bottom:105px;background:#f5f5f5;overflow:hidden}
.news-detail-hero img{width:100%;height:100%;display:block;object-fit:cover}
.news-detail-wrap{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:90px 135px;align-items:start;margin-bottom:160px;position:relative}
.news-detail-main{min-width:0}
.news-detail-head{margin-bottom:24px}
.news-detail-head .cur{margin-bottom:22px;color:#777;font-size:14px;line-height:24px}
.news-detail-head h1{width:100%;max-width:none;color:#000;font-size:62px;font-weight:500;line-height:1.12;letter-spacing:0}
.news-detail-meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:20px;color:#777;font-size:14px;line-height:24px}
.article-share{width:100%;min-height:88px;display:flex;align-items:center;gap:16px;flex-wrap:wrap;box-sizing:border-box;margin-top:24px;padding-top:24px;border-top:1px solid #e0e0e0}
.article-share-label{color:#000;font-size:12px;font-weight:700;line-height:1.2;letter-spacing:.08em;text-transform:uppercase}
.article-share-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.article-share-button{width:44px;height:44px;padding:0;border:1px solid #d8d8d8;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;background:#fff;color:#000;cursor:pointer;text-decoration:none;transition:border-color .65s cubic-bezier(.2,.65,.3,1),background-color .65s cubic-bezier(.2,.65,.3,1),transform .35s ease}
.article-share-button img{width:20px;height:20px;display:block;object-fit:contain}
.article-share-button:hover{border-color:#000;background:#f5f5f5;transform:translateY(-2px)}
.article-share-button:focus-visible{outline:2px solid #000;outline-offset:3px}
.article-share-actions .article-share-button{width:32px;height:32px;border:0;border-radius:20px;background:#707075;color:#fff}
.article-share-actions .article-share-button img{filter:brightness(0) invert(1)}
.article-share-actions [aria-label="分享到 X"] img{width:18px;height:18px}
.article-share-actions [data-article-copy-link] img{width:24px;height:24px}
.article-share-actions .article-share-button:hover{border:0;background:#e0f94c;transform:none}
.article-share-actions .article-share-button:hover img{filter:brightness(0)}
.m-tips.dpn[data-article-copy-toast]{width:auto;min-width:0;max-width:calc(100vw - 32px);box-sizing:border-box;padding-right:20px;padding-left:20px;background:#000}
.m-tips.dpn[data-article-copy-toast] .oh{text-align:center}
.m-tips.dpn[data-article-copy-toast] .oh span{color:#fff}
.article-stats{margin-left:auto;display:flex;align-items:center;gap:18px}
.article-stat{min-width:44px;min-height:44px;padding:0;border:0;display:inline-flex;align-items:center;justify-content:center;gap:7px;background:transparent;color:#000;font-size:13px;font-weight:500;line-height:1}
.article-stat strong{font:inherit}
.article-stat-icon{width:21px;height:21px;display:block;overflow:visible}
.article-stat-icon path,.article-stat-icon circle{fill:transparent;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.screen-reader-text{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.news-detail-content{color:#222;font-size:16px;line-height:1.85}
.news-detail-content p{margin:0 0 22px!important;text-align:justify;text-justify:inter-ideograph}
.news-detail-content .article-lead{margin-bottom:28px!important;color:#111;font-size:20px;line-height:1.7}
.news-detail-content img{max-width:100%;height:auto;margin:32px 0!important;display:block}
.news-detail-content p:empty{display:none}
.news-detail-content p img{margin:10px 0!important}
.news-detail-content h2,.news-detail-content h3{margin:50px 0 20px;color:#000;font-weight:500;line-height:1.25}
.news-detail-content h2{font-size:34px;font-weight:700}
.news-detail-content h3{font-size:20px}
.news-detail-content ul,.news-detail-content ol{margin:0 0 30px;padding-left:1.5em}
.news-detail-content li{margin-bottom:10px;padding-left:.25em;text-align:justify;text-justify:inter-ideograph}
.news-detail-content li:last-child{margin-bottom:0}
.news-detail-content a{color:#111;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px}
.news-detail-content .article-callout{margin:34px 0;padding:26px 28px;border-left:3px solid #e0f94c;background:rgba(224,249,76,.2)}
.news-detail-content .article-callout strong{display:block;margin-bottom:8px;color:#111;font-size:16px;line-height:1.5}
.news-detail-content .article-callout p{margin-bottom:0!important;font-size:14px}
.news-detail-content .article-table-wrap{max-width:100%;margin:30px 0 38px;overflow-x:auto;-webkit-overflow-scrolling:touch}
.news-detail-content .article-table{width:100%;min-width:720px;border-collapse:collapse;border-spacing:0;font-size:14px;line-height:1.6}
.news-detail-content .article-table th,.news-detail-content .article-table td{padding:16px 18px;border:1px solid #dedede;text-align:left;vertical-align:top}
.news-detail-content .article-table th{border-color:#111;background:#111;color:#fff;font-weight:500}
.news-detail-content .article-table tbody:nth-of-type(even) td{background:#f7f7f7}
.news-detail-content .jvds-article-link-button{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:8px 18px;border:1px solid #111;border-radius:999px;background:#111;color:#fff!important;font-size:13px;font-weight:500;line-height:20px;text-decoration:none!important;transition:background-color .75s cubic-bezier(.2,.65,.3,1),color .75s cubic-bezier(.2,.65,.3,1),border-color .75s cubic-bezier(.2,.65,.3,1)}
.news-detail-content .jvds-article-link-button:after{content:'\2197';margin-left:8px;font-size:14px;line-height:1}
.news-detail-content .jvds-article-link-button:hover{border-color:#e0f94c;background:#e0f94c;color:#111!important}
.news-detail-content .article-cta{margin-top:56px;padding:clamp(28px,4vw,48px);border-radius:18px;background:#111;color:#fff}
.news-detail-content .article-cta h2{margin:0 0 14px;color:#fff;font-size:30px}
.news-detail-content .article-cta p{margin-bottom:0!important;color:#ddd}
.news-detail-content .article-cta a{color:#fff}
.news-detail-side{position:-webkit-sticky;position:sticky;top:110px;align-self:start}
.news-detail-side.is-jvds-fixed{position:fixed;top:110px;z-index:5}
.news-detail-side.is-jvds-bottom{position:absolute;top:auto;bottom:0;z-index:5}
.news-detail-side h2,.news-related-title{margin-bottom:28px;color:#000;font-size:24px;font-weight:500;line-height:1.3}
.news-related-title{margin-bottom:40px;font-size:60px;line-height:1.06}
.news-side-list li{margin-bottom:24px}
.news-side-list li:last-child{margin-bottom:0}
.news-side-list a{display:grid;grid-template-columns:118px minmax(0,1fr);gap:20px;color:#000}
.news-side-list .pic{height:86px;border-radius:8px;background:#f5f5f5;overflow:hidden}
.news-side-list .pic img{width:100%;height:100%;border-radius:8px;object-fit:cover;transition:transform .6s ease;-webkit-transition:-webkit-transform .6s ease;transform-origin:center center;-webkit-transform-origin:center center;will-change:transform}
.news-side-list a:hover .pic img{transform:scale(1.04);-webkit-transform:scale(1.04)}
.news-side-list .date{margin-top:9px;color:#777;font-size:13px;line-height:18px}
.news-side-list h3,.news-side-list .news-side-title{color:#000;font-size:16px;font-weight:400;line-height:24px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.article-ai-card{position:relative;box-sizing:border-box;margin-top:32px;padding:24px 0;border-top:1px solid #e0e0e0;background:transparent}
.article-ai-heading-row{display:flex;align-items:center;justify-content:space-between;gap:16px}
.news-detail-side .article-ai-card h2{margin:0;color:#2b2b2b;font-size:14px;font-weight:500;line-height:1.3}
.article-ai-actions{display:flex;align-items:center;gap:10px;flex-wrap:nowrap;justify-content:flex-end}
.article-ai-actions .article-ai-button:hover{border-color:#e0f94c;background:#e0f94c;transform:none}
.article-ai-button img{width:20px;height:20px;display:block;object-fit:contain}
.article-ai-status{min-height:18px;display:block;color:#69675f;font-size:12px;line-height:18px}
@media screen and (min-width:1101px){.article-ai-heading-row{margin-bottom:-40px}.article-ai-status:not(:empty){margin-top:40px}}
.news-detail-switch{margin-top:70px;padding-top:32px;border-top:1px solid #e8e8e8;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:40px}
.news-detail-switch a{display:block;min-width:0;max-width:100%;margin-top:30px;padding:0;box-sizing:border-box;background:transparent;color:#000;transition:color .25s ease}
.news-detail-switch a.next{text-align:right}
.news-detail-switch em{display:block;margin-bottom:8px;color:#000;font-size:14px;line-height:20px}
.news-detail-switch span{display:block;color:#000;font-size:18px;font-weight:500;line-height:28px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.news-detail-switch a:hover,.news-detail-switch a:hover em,.news-detail-switch a:hover span{color:rgba(0,0,0,.7)}
.news-related{margin-bottom:160px;min-width:0}
.news-related-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:48px 36px;min-width:0}
.news-related-card{display:block;color:#000;min-width:0}
.news-related-card .pic{aspect-ratio:5/3;height:auto;border-radius:24px;background:#f5f5f5;overflow:hidden}
.news-related-card .pic img{width:100%;height:100%;border-radius:24px;display:block;object-fit:cover;transition:transform .6s;-webkit-transition:-webkit-transform .6s}
.news-related-card:hover .pic img{transform:scale(1.04);-webkit-transform:scale(1.04)}
.news-related-card .txt{padding-top:15px}
.news-related-card h3,.news-related-card .news-related-card-title{color:#000;font-size:18px;font-weight:500;line-height:28px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.news-related-card p{margin-top:4px;color:#999;font-size:13px;line-height:22px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.news-detail-contact{padding-top:0;padding-bottom:160px}
.page-news-detail .news-detail-head .cur,.page-news-detail .news-detail-head .cur a,.page-news-detail .news-detail-meta{color:var(--jvds-news-detail-muted)}
.page-news-detail .news-detail-head .cur a:hover{color:var(--jvds-news-detail-text)}
.page-news-detail .news-detail-head h1,.page-news-detail .article-share-label,.page-news-detail .article-stat,.page-news-detail .news-detail-content,.page-news-detail .news-detail-content .article-lead,.page-news-detail .news-detail-content h2,.page-news-detail .news-detail-content h3,.page-news-detail .news-detail-content a,.page-news-detail .news-detail-side h2,.page-news-detail .news-side-list a,.page-news-detail .news-side-list h3,.page-news-detail .news-side-list .news-side-title,.page-news-detail .news-related-title,.page-news-detail .news-related-card,.page-news-detail .news-related-card h3,.page-news-detail .news-related-card .news-related-card-title,.page-news-detail .news-detail-switch a,.page-news-detail .news-detail-switch em,.page-news-detail .news-detail-switch span{color:var(--jvds-news-detail-text)}
.page-news-detail .news-detail-meta,.page-news-detail .news-side-list .date,.page-news-detail .news-related-card p,.page-news-detail .article-ai-status{color:var(--jvds-news-detail-muted)}
.page-news-detail .article-share,.page-news-detail .article-ai-card,.page-news-detail .news-detail-switch{border-color:var(--jvds-news-detail-line)}
.page-news-detail .news-detail-side .article-ai-card h2{color:var(--jvds-news-detail-text)}
.page-news-detail .news-detail-content .article-callout{background:var(--jvds-news-detail-surface)}
.page-news-detail .news-detail-content .article-callout strong{color:var(--jvds-news-detail-text)}
.page-news-detail .news-detail-content .article-table th{border-color:var(--jvds-news-detail-text);background:var(--jvds-news-detail-text);color:var(--jvds-news-detail-contrast)}
.page-news-detail .news-detail-content .article-table td{border-color:var(--jvds-news-detail-line)}
.page-news-detail .news-detail-content .article-table tbody:nth-of-type(even) td{background:var(--jvds-news-detail-surface)}
.page-news-detail .news-detail-content .jvds-article-link-button{border-color:var(--jvds-news-detail-text);background:var(--jvds-news-detail-text);color:var(--jvds-news-detail-contrast)!important}
.page-news-detail .news-detail-content .jvds-article-link-button:hover{border-color:#e0f94c;background:#e0f94c;color:#121212!important}
.page-news-detail .news-detail-content .article-cta{background:var(--jvds-news-detail-text);color:var(--jvds-news-detail-contrast)}
.page-news-detail .news-detail-content .article-cta h2,.page-news-detail .news-detail-content .article-cta p,.page-news-detail .news-detail-content .article-cta a{color:var(--jvds-news-detail-contrast)}
.page-news-detail .news-side-list .news-side-title{transition:color .65s cubic-bezier(.2,.65,.3,1);-webkit-transition:color .65s cubic-bezier(.2,.65,.3,1)}
@media (hover:hover) and (pointer:fine){.page-news-detail .news-side-list a:hover .news-side-title,.page-news-detail .news-side-list a:focus-visible .news-side-title{color:var(--jvds-news-side-title-hover)}}
.page-news-detail .news-detail-switch a:hover,.page-news-detail .news-detail-switch a:hover em,.page-news-detail .news-detail-switch a:hover span{color:var(--jvds-news-detail-muted)}
.page-news-detail .news-detail-side>h2,.page-news-detail .news-related-title{position:relative;z-index:1}
.page-news-detail .news-detail-side>h2:before,.page-news-detail .news-related-title:before{content:"";display:inline-block;width:1em;height:1em;margin-right:-1em;border-radius:50%;background:linear-gradient(180deg,#f4ffce 0,#e0f94c 100%);opacity:var(--jvds-news-detail-title-circle-opacity);position:relative;left:-.16em;top:.02em;z-index:-1;vertical-align:top}
.cur,.cur a{color:#666;font-size:14px;font-weight:400;transition:all .3s;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s}
.cur a{margin:0 2px}
.cur a:hover{color:#000}
.row-contact{padding:0 40px}
.m-contact-map{margin-bottom:150px;padding-top:60px;background:url(../images/contact/map-bg.svg) center bottom no-repeat #000;background-size:auto 100%;height:880px}
.m-contact-map .g-tit01{margin-bottom:60px}
.m-contact-map .g-tit01 h1,.m-contact-map .g-tit01 h2{margin-bottom:20px}
.m-contact-map .g-tit01 h1.g-dark-title,.m-contact-map .g-tit01 h2.g-dark-title{margin-left:0;margin-bottom:20px;font-size:42px}
.m-contact-map .g-tit01 .desc{margin:0 auto;max-width:450px;color:#fff;font-size:16px;font-weight:400;line-height:31px;letter-spacing:.001px;text-align:center}
.m-contact-map .map img{width:100%;height:auto;display:block}
.m-work-detail{margin-bottom:160px;padding-top:100px}
.m-work-detail h1{margin-bottom:50px;color:#000;font-size:60px;font-weight:500;line-height:62px;letter-spacing:.002px}
.m-work-detail .desc{margin-bottom:50px;color:#333;text-align:justify;font-size:16px;font-weight:400;line-height:30px;text-decoration:none}
.m-work-detail .info{margin-bottom:4px;overflow:hidden}
.m-work-detail .info .left{float:left;color:#333;font-size:14px;font-weight:400;line-height:26px;text-decoration-line:underline;-moz-text-decoration-line:underline}
.m-work-detail .info .right{float:right}
.m-work-detail .info .right a{color:#333;font-size:14px;font-weight:400;line-height:26px;text-decoration-line:underline;-moz-text-decoration-line:underline;text-align:right}
.m-work-detail .detail{margin-bottom:80px}
.row-work-more{padding-bottom:150px}
.row-work-more .products-list-1{margin-bottom:120px}
.row-work-more .products-list-1 .pic img{transition:transform .6s ease;-webkit-transition:-webkit-transform .6s ease;transform-origin:center center;-webkit-transform-origin:center center;will-change:transform}
.row-work-more .products-list-1 .con:hover .pic img{opacity:1;transform:scale(1.04);-webkit-transform:scale(1.04)}
.row-work-more .g-btn-contact-sumaart{clear:both}
.row-work-more .g-tit01{margin-bottom:100px}
@media screen and (min-width:801px){
.row-work-more .g-tit01{padding-top:60px;margin-bottom:101px}
}
.m-about01{margin-bottom:110px}
.m-about01 .g-tit01{margin-bottom:40px}
.m-about01>.desc{max-width:936px;margin:0 auto 55px;color:#333;text-align:justify;text-align-last:center;text-justify:inter-ideograph;font-size:16px;font-weight:400;line-height:30px}
.m-about01>.desc p{text-align:justify;text-align-last:center;text-justify:inter-ideograph}
.m-about01 .pic img{width:100%;height:auto;display:block}
.m-about01>.pic,.m-about01>.pic>img{border-radius:24px}
.row-about01{padding-bottom:0}
.m-about02{margin-bottom:100px}
.m-about02 .g-tit01{margin-bottom:70px}
.ul-listb2 .con{border-radius:24px}
.row-about03{margin-bottom:112px;padding:0 40px}
.m-about03{background:url(../images/about/about2-bg01.svg) center bottom no-repeat #000;background-size:auto 100%;height:300px;line-height:300px;font-size:0;border-radius:24px;overflow:hidden}
.ul-about03{margin:0 -50px}
.ul-about03 li{text-align:center;padding:0 50px;width:25%;display:inline-block;vertical-align:middle;line-height:1.5}
.ul-about03 .num{color:#fff;font-family:var(--jvds-font-sans);font-size:80px;font-weight:900;letter-spacing:.001px;line-height:1.3}
.ul-about03 h3,.ul-about03 .stat-label{display:block;color:#fff;text-align:center;font-size:16px;font-weight:400;letter-spacing:.001px}
.jvds-testimonial-hanger+.row-about04{padding-top:clamp(72px,6.25vw,120px)}
.row-about04{padding-bottom:38px}
.row-about04 .g-tit01{margin-bottom:80px}
.row-about-faq{padding:75px 0 150px;background:#fff;color:#000;overflow:hidden}
.row-about-faq .wp2{display:block;width:100%;max-width:1920px;padding-left:60px;padding-right:60px}
.row-about-faq .g-tit01{margin-bottom:60px}
.row-about-faq .g-tit01 h2{margin-left:0}
.row-about-faq .g-code-title-line{color:#000}
.about-faq-list{width:100%;max-width:none;margin:0;padding:0;position:relative;left:auto;display:block;background:transparent;border-radius:0;overflow:visible;transform:none;-webkit-transform:none}
.row-about-faq .about-faq-list,.home-faq .about-faq-list{max-width:none}
.about-faq-list:not(.is-faq-ready){display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.about-faq-column{display:contents}
.about-faq-hover{display:none!important}
.about-faq-row{width:100%;display:flex;align-items:stretch;gap:16px;margin-bottom:16px;overflow:visible}
.about-faq-row:last-child{margin-bottom:0}
.about-faq-item{height:200px;min-width:0;flex:1 1 0%;position:relative;z-index:1;background:#fafafa;border-radius:24px;transition:flex-grow .6s cubic-bezier(.22,1,.36,1),flex-basis .6s cubic-bezier(.22,1,.36,1);-webkit-transition:flex-grow .6s cubic-bezier(.22,1,.36,1),flex-basis .6s cubic-bezier(.22,1,.36,1)}
.about-faq-item.is-open{flex:0 0 calc(66.666667% - 5.333333px);z-index:2}
.about-faq-surface{width:100%;height:100%;position:relative;background:#fafafa;border-radius:24px;overflow:hidden;transform:scale(1);-webkit-transform:scale(1);transform-origin:center;-webkit-transform-origin:center;transition:transform .6s cubic-bezier(.22,1,.36,1),background-color .85s cubic-bezier(.2,.65,.3,1);-webkit-transition:-webkit-transform .6s cubic-bezier(.22,1,.36,1),background-color .85s cubic-bezier(.2,.65,.3,1);will-change:transform,background-color}
.about-faq-item.is-open .about-faq-surface{background:#e0f94c}
.about-faq-question{width:100%;height:100%;min-height:0;padding:16px;display:block;color:#000;background:transparent;border:0;border-radius:24px;overflow:hidden;text-align:left;cursor:pointer;position:absolute;inset:0;z-index:1;font:inherit}
.about-faq-question:focus-visible{outline:2px solid #e0f94c;outline-offset:-4px}
.about-faq-question>span{position:relative;z-index:2}
.about-faq-index{display:none}
.about-faq-question-text{display:block;max-width:none;position:absolute!important;top:16px;left:16px;right:16px;color:#000;font-size:20px;font-weight:500;line-height:1.4;letter-spacing:0}
.about-faq-action{width:33px;height:33px;display:block;position:absolute!important;right:16px;bottom:16px;z-index:4!important;background:#000;border-radius:8px;color:transparent;font-size:0;line-height:0;white-space:nowrap;transition:background-color .6s cubic-bezier(.22,1,.36,1);-webkit-transition:background-color .6s cubic-bezier(.22,1,.36,1)}
.about-faq-action:before,.about-faq-action:after{content:"";width:13px;height:2px;display:block;position:absolute;left:50%;top:50%;background:#fff;border-radius:2px;transform:translate(-50%,-50%) rotate(0deg);-webkit-transform:translate(-50%,-50%) rotate(0deg);transition:transform .6s cubic-bezier(.22,1,.36,1);-webkit-transition:-webkit-transform .6s cubic-bezier(.22,1,.36,1)}
.about-faq-action:after{transform:translate(-50%,-50%) rotate(90deg);-webkit-transform:translate(-50%,-50%) rotate(90deg)}
.about-faq-item.is-open .about-faq-action:before{transform:translate(-50%,-50%) rotate(45deg);-webkit-transform:translate(-50%,-50%) rotate(45deg)}
.about-faq-item.is-open .about-faq-action:after{transform:translate(-50%,-50%) rotate(135deg);-webkit-transform:translate(-50%,-50%) rotate(135deg)}
.about-faq-action-label,.about-faq-action-icon{display:none!important}
.about-faq-answer{max-width:none;display:block;position:absolute;left:16px;right:64px;bottom:16px;z-index:3;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(12px);-webkit-transform:translateY(12px);transition:opacity .6s cubic-bezier(.22,1,.36,1),transform .6s cubic-bezier(.22,1,.36,1),visibility 0s linear .6s;-webkit-transition:opacity .6s cubic-bezier(.22,1,.36,1),-webkit-transform .6s cubic-bezier(.22,1,.36,1),visibility 0s linear .6s}
.about-faq-item.is-open .about-faq-answer{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0);-webkit-transform:translateY(0);transition-delay:0s;-webkit-transition-delay:0s}
.about-faq-answer-inner{overflow:visible;display:block;padding:0}
.about-faq-answer p{margin:0;max-width:none;color:#000;font-size:14px;font-weight:400;line-height:1.4;letter-spacing:-.03em}
@media (prefers-reduced-motion:reduce){
.about-faq-item,.about-faq-surface,.about-faq-action,.about-faq-action:before,.about-faq-action:after,.about-faq-answer{transition:none!important;-webkit-transition:none!important}
}
@media (hover:hover) and (pointer:fine){
.about-faq-item:hover{z-index:5}
.about-faq-item:hover .about-faq-surface{background:#e0f94c;transform:scale(1);-webkit-transform:scale(1)}
.about-faq-item:hover .about-faq-action,.about-faq-item.is-open .about-faq-action{background:#000}
}
@media screen and (max-width:809px){
.about-faq-list,.row-about-faq .about-faq-list,.home-faq .about-faq-list{width:100%;max-width:none;margin:0;padding:0;left:auto;transform:none;-webkit-transform:none}
.about-faq-list:not(.is-faq-ready){display:block}
.about-faq-row{display:flex;flex-direction:column;gap:12px;margin-bottom:12px}
.about-faq-item,.about-faq-item.is-open{width:100%;height:120px;flex:0 0 120px}
.about-faq-surface,.about-faq-item:hover .about-faq-surface{transform:none;-webkit-transform:none}
.about-faq-question{padding:16px}
.about-faq-question-text{font-size:16px;line-height:1.4}
.about-faq-answer{top:max(48px,calc(24px + var(--faq-question-height,24px)));bottom:16px;overflow:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}
.about-faq-answer::-webkit-scrollbar{display:none}
.about-faq-answer p{font-size:14px;line-height:1.4}
}
@keyframes jvdsAosItemIn{
0%{opacity:0;transform:translate3d(0,var(--jvds-motion-enter-y,56px),0);filter:blur(3px)}
100%{opacity:1;transform:translate3d(0,0,0);filter:blur(0)}
}
@-webkit-keyframes jvdsAosItemIn{
0%{opacity:0;-webkit-transform:translate3d(0,var(--jvds-motion-enter-y,56px),0);filter:blur(3px)}
100%{opacity:1;-webkit-transform:translate3d(0,0,0);filter:blur(0)}
}
@keyframes jvdsAosMediaIn{
0%{opacity:0;transform:translate3d(0,var(--jvds-motion-media-y,44px),0)}
100%{opacity:1;transform:translate3d(0,0,0)}
}
@-webkit-keyframes jvdsAosMediaIn{
0%{opacity:0;-webkit-transform:translate3d(0,var(--jvds-motion-media-y,44px),0)}
100%{opacity:1;-webkit-transform:translate3d(0,0,0)}
}
[data-jvds-aos-root].is-jvds-aos-ready .jvds-aos-item{opacity:0;animation-name:jvdsAosItemIn;-webkit-animation-name:jvdsAosItemIn;animation-duration:var(--jvds-aos-duration,1450ms);-webkit-animation-duration:var(--jvds-aos-duration,1450ms);animation-delay:var(--jvds-aos-delay,0ms);-webkit-animation-delay:var(--jvds-aos-delay,0ms);animation-timing-function:cubic-bezier(.2,.65,.3,1);-webkit-animation-timing-function:cubic-bezier(.2,.65,.3,1);animation-fill-mode:both;-webkit-animation-fill-mode:both;animation-play-state:paused;-webkit-animation-play-state:paused;will-change:auto}
[data-jvds-aos-root].is-jvds-aos-ready .jvds-aos-item.jvds-aos-media{animation-name:jvdsAosMediaIn;-webkit-animation-name:jvdsAosMediaIn}
[data-jvds-aos-root].is-jvds-aos-visible .jvds-aos-item{animation-play-state:running;-webkit-animation-play-state:running;will-change:transform,opacity,filter}
[data-jvds-aos-root].is-jvds-aos-visible .jvds-aos-item.jvds-aos-media{will-change:transform,opacity}
[data-jvds-aos-root] .jvds-aos-item.is-jvds-aos-complete{opacity:1;animation:none!important;-webkit-animation:none!important;transform:none;-webkit-transform:none;filter:none;clip-path:none;-webkit-clip-path:none;will-change:auto}
@media screen and (max-width:767px){
[data-jvds-aos-root]{--jvds-motion-enter-y:36px;--jvds-motion-media-y:30px}
}
@media (prefers-reduced-motion:reduce){
[data-jvds-aos-root] .jvds-aos-item{opacity:1!important;animation:none!important;-webkit-animation:none!important;transform:none!important;-webkit-transform:none!important;filter:none!important;clip-path:none!important;-webkit-clip-path:none!important;will-change:auto!important}
}
@media screen and (max-width:1600px){
.wp1{width:100%;max-width:100%;padding:0 60px}
.m-serve{--jvds-serve-illust-offset-x:0px}
.m-serve::after{width:633px;height:572px;right:0}
.fd-nav li{width:110px}
}
@media screen and (max-width:1400px){
.wp4{margin:0 auto;padding:0;max-width:1200px}
.row-contact{padding:0;margin:0 auto;max-width:1200px}
.row-about03{margin:0 auto 112px;padding:0;max-width:1200px}
}
body.page-index.jvds-entry-active{overflow:hidden}
.g-load-page{position:fixed;inset:0;z-index:10000;background:transparent;display:block;overflow:hidden;pointer-events:auto;transform:translateZ(0);-webkit-transform:translateZ(0)}
.g-load-page.is-complete{pointer-events:none}
@media (prefers-reduced-motion:reduce){
.g-load-page{transition:none!important;-webkit-transition:none!important}
}
.g-ban-top{display:block;margin-left:-30px;width:60px;height:60px;position:absolute;bottom:40px;left:50%;z-index:4;pointer-events:auto}
.g-ban-top:before{content:"";width:100%;height:100%;display:block;transition:all .3s;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;background:url(../images/work/work-ban01-top.svg) center center no-repeat;background-size:100% 100%;border-radius:100%;-webkit-border-radius:100%;-moz-border-radius:100%;-ms-border-radius:100%;-o-border-radius:100%;overflow:hidden;position:absolute;top:0;left:0;right:0;bottom:0}
.g-ban-top:after{content:"";width:100%;height:100%;display:block;transition:all .3s;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;background:url(../images/work/work-ban01-top-on.svg) center center no-repeat;background-size:100% 100%;opacity:0;border-radius:100%;-webkit-border-radius:100%;-moz-border-radius:100%;-ms-border-radius:100%;-o-border-radius:100%;overflow:hidden;position:absolute;top:0;left:0;right:0;bottom:0}
.g-ban-top:hover:after{opacity:1;transform:scale(1.33333333333);-webkit-transform:scale(1.33333333333);-moz-transform:scale(1.33333333333);-ms-transform:scale(1.33333333333);-o-transform:scale(1.33333333333)}
@media only screen and (max-width:1920px){
.g-btn-contact{width:45.83vw;line-height:9.791vw;font-size:3.75vw;border-radius:10.41vw;-webkit-border-radius:10.41vw;-moz-border-radius:10.41vw;-ms-border-radius:10.41vw;-o-border-radius:10.41vw}
.fd-nav li{min-width:110px;width:7.2916666vw;margin-left:.937vw}
}
.g-btn-contact.g-btn-contact-sumaart{width:clamp(720px,45.83vw,880px);height:clamp(160px,calc(9.791vw + 30px),210px);max-height:222px;line-height:1;padding:0 clamp(42px,5vw,92px);display:flex;align-items:center;justify-content:center;gap:clamp(26px,3.3vw,64px);overflow:hidden;white-space:nowrap;border-radius:9999px;-webkit-border-radius:9999px;-moz-border-radius:9999px;-ms-border-radius:9999px;-o-border-radius:9999px;transition:background-color .85s cubic-bezier(.2,.65,.3,1),color .85s cubic-bezier(.2,.65,.3,1),border-color .85s cubic-bezier(.2,.65,.3,1);-webkit-transition:background-color .85s cubic-bezier(.2,.65,.3,1),color .85s cubic-bezier(.2,.65,.3,1),border-color .85s cubic-bezier(.2,.65,.3,1)}
.g-btn-contact.g-btn-contact-sumaart.is-expanded{width:min(78vw,1320px,calc(100% - 120px));height:clamp(180px,calc(11vw + 30px),222px);font-size:clamp(56px,4.4vw,76px)}
.g-btn-contact.g-btn-contact-sumaart.is-collapsed{width:clamp(720px,45.83vw,880px);height:clamp(160px,calc(9.791vw + 30px),210px);font-size:clamp(48px,3.75vw,72px)}
.g-btn-contact-sumaart .g-btn-contact-text{display:flex;align-items:baseline;justify-content:center;flex:0 0 auto;min-width:0}
.g-btn-contact-sumaart .g-btn-contact-arrow{flex:0 0 auto;width:clamp(42px,4.2vw,74px);height:clamp(42px,4.2vw,74px);transition:transform .3s;-webkit-transition:-webkit-transform .3s}
.g-btn-contact-sumaart:hover .g-btn-contact-arrow{transform:translate(6px,-6px);-webkit-transform:translate(6px,-6px)}
.jvds-hero{--jvds-hero-pointer-x:50%;--jvds-hero-pointer-y:50%;height:100vh;min-height:760px;position:relative;isolation:isolate;background:#515753;overflow:hidden;color:#fff}
.jvds-liquid-glass-defs{position:absolute;width:0;height:0;overflow:hidden}
.jvds-hero:before{display:none}
.jvds-hero:after{content:"";position:absolute;inset:0 0 60px;z-index:1;background:radial-gradient(circle at center,transparent 38%,rgba(11,15,13,.2) 100%);opacity:1;pointer-events:none}
.jvds-hero-ambient{display:none}
.jvds-hero-orbit{position:absolute;left:50%;top:50%;border:1px solid rgba(224,249,76,.18);border-radius:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);animation:jvdsHeroOrbit 24s linear infinite;-webkit-animation:jvdsHeroOrbit 24s linear infinite}
.jvds-hero-orbit:before,.jvds-hero-orbit:after{content:"";position:absolute;width:8px;height:8px;border-radius:50%;background:#e0f94c;box-shadow:0 0 22px rgba(224,249,76,.8)}
.jvds-hero-orbit-a{width:min(62vw,940px);aspect-ratio:1;opacity:.75}
.jvds-hero-orbit-a:before{left:12%;top:18%}
.jvds-hero-orbit-a:after{right:8%;bottom:24%}
.jvds-hero-orbit-b{width:min(42vw,640px);aspect-ratio:1;opacity:.5;animation-direction:reverse;animation-duration:18s;-webkit-animation-direction:reverse;-webkit-animation-duration:18s}
.jvds-hero-orbit-b:before{left:50%;top:-4px}
.jvds-hero-orbit-b:after{right:5%;top:31%}
.jvds-hero.is-render-paused .jvds-hero-orbit,.jvds-hero.is-render-paused .service-marquee-track{animation-play-state:paused!important;-webkit-animation-play-state:paused!important}
.jvds-hero-axis{position:absolute;background:linear-gradient(90deg,transparent,rgba(224,249,76,.16),transparent)}
.jvds-hero-axis-x{left:5%;right:5%;top:50%;height:1px}
.jvds-hero-axis-y{top:7%;bottom:7%;left:50%;width:1px;background:linear-gradient(180deg,transparent,rgba(224,249,76,.16),transparent)}
@keyframes jvdsHeroOrbit{from{transform:translate(-50%,-50%) rotate(0);-webkit-transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg);-webkit-transform:translate(-50%,-50%) rotate(360deg)}}
@-webkit-keyframes jvdsHeroOrbit{from{-webkit-transform:translate(-50%,-50%) rotate(0)}to{-webkit-transform:translate(-50%,-50%) rotate(360deg)}}
.jvds-hero-stage{position:absolute;inset:0 0 60px;z-index:2;opacity:1;visibility:visible;transform:translateZ(0);-webkit-transform:translateZ(0);transition:opacity .6s ease,visibility .6s ease;-webkit-transition:opacity .6s ease,visibility .6s ease}
.jvds-hero-canvas{display:block;width:100%;height:100%;opacity:0;outline:0;cursor:inherit;transition:opacity .8s cubic-bezier(.22,1,.36,1);-webkit-transition:opacity .8s cubic-bezier(.22,1,.36,1);touch-action:pan-y}
.jvds-hero-stage.is-ready .jvds-hero-canvas{opacity:1}
.jvds-hero-model-loader{position:absolute;left:50%;top:50%;min-width:76px;height:38px;padding:0 14px;border:1px solid rgba(224,249,76,.52);border-radius:999px;background:rgba(5,6,7,.72);color:#e0f94c;display:flex;align-items:center;justify-content:center;font-family:var(--jvds-font-sans);font-size:13px;letter-spacing:.12em;line-height:1;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);transition:opacity .35s,visibility .35s;-webkit-transition:opacity .35s,visibility .35s;pointer-events:none}
.jvds-hero-stage.is-ready .jvds-hero-model-loader{opacity:0;visibility:hidden}
.jvds-hero-seo-title{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.jvds-hero-fallback-figure{display:none;position:absolute;left:50%;top:50%;width:min(54vw,570px);height:min(72vh,690px);transform:translate(-50%,-46%);-webkit-transform:translate(-50%,-46%)}
.jvds-hero-stage.is-fallback .jvds-hero-canvas{display:none}
.jvds-hero-stage.is-fallback .jvds-hero-fallback-figure{display:block}
.jvds-hero-fallback-head{position:absolute;left:50%;top:4%;z-index:2;width:64%;aspect-ratio:1.14;border:8px solid #191b1a;border-radius:13%;background:radial-gradient(circle at 50% 45%,rgba(224,249,76,.3),transparent 38%),#090b0b;box-shadow:0 0 0 1px rgba(255,255,255,.18) inset,0 28px 80px rgba(0,0,0,.42);color:#fff;display:flex;align-items:center;justify-content:center;font-size:clamp(42px,6vw,88px);font-weight:700;letter-spacing:.05em;transform:translateX(-50%);-webkit-transform:translateX(-50%)}
.jvds-hero-fallback-body{position:absolute;left:50%;bottom:0;width:90%;height:60%;border-radius:48% 48% 12% 12%;background:linear-gradient(135deg,#373936,#161817 62%,#0c0e0d);box-shadow:0 -10px 80px rgba(224,249,76,.12) inset;transform:translateX(-50%);-webkit-transform:translateX(-50%)}
.jvds-hero-interaction-hint{position:absolute;right:60px;top:50%;display:flex;align-items:center;gap:13px;color:rgba(255,255,255,.56);font-family:var(--jvds-font-sans);font-size:11px;letter-spacing:.14em;line-height:1;text-transform:uppercase;opacity:0;transform:translateY(-50%);-webkit-transform:translateY(-50%);transition:opacity .5s ease .5s;-webkit-transition:opacity .5s ease .5s;pointer-events:none}
.jvds-hero-stage.is-ready .jvds-hero-interaction-hint{opacity:1}
.jvds-hero-interaction-hint i{display:block;width:48px;height:1px;background:linear-gradient(90deg,rgba(224,249,76,.2),#e0f94c);position:relative}
.jvds-hero-interaction-hint i:after{content:"";position:absolute;right:0;top:-3px;width:7px;height:7px;border-radius:50%;background:#e0f94c;box-shadow:0 0 16px rgba(224,249,76,.9)}
.jvds-hero-inner{position:absolute;inset:0 0 60px;z-index:3;pointer-events:none}
.jvds-hero-actions,.jvds-hero-down{pointer-events:auto}
@media (prefers-reduced-motion:reduce){.jvds-hero-orbit{animation:none!important;-webkit-animation:none!important}.jvds-hero-canvas,.jvds-hero-stage,.jvds-hero-interaction-hint{transition:none!important;-webkit-transition:none!important}}
.jvds-split-title{min-height:2.82em;pointer-events:none;white-space:normal;overflow:visible}
.jvds-split-line{display:block;white-space:nowrap;overflow:visible;padding:0;margin:0}
.jvds-split-char{display:inline-block;will-change:transform,opacity,filter;transform:translate3d(0,42px,0);-webkit-transform:translate3d(0,42px,0);opacity:0;filter:blur(6px);-webkit-filter:blur(6px);transition:transform .98s cubic-bezier(.22,1,.36,1),opacity .98s cubic-bezier(.22,1,.36,1),filter .98s cubic-bezier(.22,1,.36,1);-webkit-transition:-webkit-transform .98s cubic-bezier(.22,1,.36,1),opacity .98s cubic-bezier(.22,1,.36,1),-webkit-filter .98s cubic-bezier(.22,1,.36,1)}
.jvds-split-title.is-split-active .jvds-split-char,.jvds-split-title.is-split-done .jvds-split-char{transform:translate3d(0,0,0);-webkit-transform:translate3d(0,0,0);opacity:1;filter:blur(0);-webkit-filter:blur(0)}
.jvds-split-title.is-split-done .jvds-split-char{transition:none;-webkit-transition:none;will-change:auto}
.jvds-hero-actions{position:absolute;left:60px;bottom:65px;display:flex;align-items:flex-end;gap:16px}
.jvds-hero-icon-btn,.jvds-hero-quote{height:60px;border:0;background:linear-gradient(135deg,rgba(255,255,255,.4),rgba(255,255,255,.14) 42%,rgba(255,255,255,.32));box-shadow:0 18px 48px rgba(0,0,0,.28);color:#fff;text-shadow:0 2px 12px rgba(0,0,0,.45);position:relative;isolation:isolate;overflow:hidden;transition:background .25s,color .25s,box-shadow .25s,transform .25s;-webkit-transition:background .25s,color .25s,box-shadow .25s,-webkit-transform .25s}
.jvds-hero-icon-btn:before,.jvds-hero-quote:before,.jvds-hero-proof:before{content:"";position:absolute;inset:0;z-index:0;border-radius:inherit;background:rgba(255,255,255,.045);backdrop-filter:url(#jvds-liquid-glass-filter) blur(8px) saturate(145%) brightness(1.04);-webkit-backdrop-filter:url(#jvds-liquid-glass-filter) blur(8px) saturate(145%) brightness(1.04);pointer-events:none}
html.jvds-apple-webkit .jvds-split-char{filter:none;-webkit-filter:none;will-change:transform,opacity}
html.jvds-apple-webkit .jvds-hero-icon-btn:before,html.jvds-apple-webkit .jvds-hero-quote:before,html.jvds-apple-webkit .jvds-hero-proof:before{background:rgba(255,255,255,.11);backdrop-filter:none;-webkit-backdrop-filter:none}
html.jvds-apple-webkit .products-list .pic .jvds-work-category{background:rgba(255,255,255,.96);backdrop-filter:none;-webkit-backdrop-filter:none}
html.jvds-apple-webkit .service-stat{background:rgba(15,15,15,.36);backdrop-filter:none;-webkit-backdrop-filter:none}
.jvds-hero-icon-btn:after,.jvds-hero-quote:after,.jvds-hero-proof:after{content:"";position:absolute;inset:0;z-index:0;border-radius:inherit;padding:1px;background:linear-gradient(135deg,rgba(255,255,255,.92),rgba(255,255,255,.2) 42%,rgba(255,255,255,.7));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}
.jvds-hero-icon-btn{width:60px;padding:0;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}
.jvds-hero-icon-btn img{display:block;width:24px;height:24px;object-fit:contain;position:relative;z-index:1;filter:none;transition:filter .25s;-webkit-transition:filter .25s}
.jvds-hero-quote{min-width:185px;padding:0 28px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;gap:16px;color:#fff;font-size:16px;font-weight:500;line-height:1;text-decoration:none}
.jvds-hero-quote span{position:relative;z-index:1}
.jvds-hero-quote img{width:16px;height:15px;display:block;position:relative;z-index:1;filter:none;transition:filter .25s,transform .25s;-webkit-transition:filter .25s,-webkit-transform .25s}
.jvds-hero-icon-btn:hover,.jvds-hero-quote:hover{background:linear-gradient(135deg,rgba(255,255,255,.5),rgba(255,255,255,.18) 45%,rgba(255,255,255,.38));box-shadow:0 24px 62px rgba(0,0,0,.32);color:#fff;transform:translateY(-2px);-webkit-transform:translateY(-2px)}
.jvds-hero-icon-btn:hover img,.jvds-hero-quote:hover img{filter:none}
.jvds-hero-quote:hover img{transform:translateX(3px);-webkit-transform:translateX(3px)}
.jvds-hero-chat-wrap{position:relative}
.jvds-hero-contact-pop{position:absolute;left:0;bottom:76px;width:180px;opacity:0;visibility:hidden;transform:translateY(12px);-webkit-transform:translateY(12px);transition:opacity .25s,visibility .25s,transform .25s;-webkit-transition:opacity .25s,visibility .25s,-webkit-transform .25s;pointer-events:none}
.jvds-hero-chat-wrap:hover .jvds-hero-contact-pop,.jvds-hero-chat-wrap:focus-within .jvds-hero-contact-pop{opacity:1;visibility:visible;transform:translateY(0);-webkit-transform:translateY(0);pointer-events:auto}
.jvds-hero-phone{height:46px;margin-bottom:14px;padding:0 14px 0 10px;border-radius:999px;background:#fff;color:#000;display:flex;align-items:center;gap:10px;font-size:15px;font-weight:700;white-space:nowrap;position:relative}
.jvds-hero-phone-icon{width:24px;height:24px;display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto}
.jvds-hero-phone-icon img{display:block;width:24px;height:24px;object-fit:contain}
.jvds-hero-qr{padding:18px;border-radius:18px;background:#fff;box-shadow:0 18px 42px rgba(0,0,0,.22)}
.jvds-hero-qr img{display:block;width:144px;height:144px;object-fit:cover}
.jvds-hero-down{position:absolute;left:50%;bottom:65px;transform:translateX(-50%);-webkit-transform:translateX(-50%)}
.jvds-hero-down:hover{transform:translate(-50%,-2px);-webkit-transform:translate(-50%,-2px)}
.jvds-hero-proof{position:absolute;right:60px;bottom:65px;height:60px;min-width:242px;padding:0 20px 0 14px;border:0;border-radius:999px;background:linear-gradient(135deg,rgba(255,255,255,.36),rgba(255,255,255,.12) 45%,rgba(255,255,255,.28));display:flex;align-items:center;gap:12px;box-shadow:0 18px 48px rgba(0,0,0,.26);isolation:isolate;overflow:hidden}
.jvds-hero-avatars{display:flex;align-items:center;flex:0 0 auto}
.jvds-hero-proof>*{position:relative;z-index:1}
.jvds-hero-avatars img{display:block;width:36px;height:36px;border-radius:50%;border:2px solid rgba(255,255,255,.85);object-fit:cover;margin-left:-12px}
.jvds-hero-avatars img:first-child{margin-left:0}
.jvds-hero-proof-text{display:flex;flex-direction:column;gap:3px;line-height:1;white-space:nowrap}
.jvds-hero-proof-text span{color:#fff;font-size:12px;font-weight:500}
.jvds-hero-proof-text strong{color:#e0f94c;font-size:18px;letter-spacing:1px;line-height:1;font-weight:800}
.jvds-hero-marquee{position:absolute;left:0;right:0;bottom:0;z-index:5;transform:translateZ(0);-webkit-transform:translateZ(0)}
.page-service{background:#fff;color:#000;min-width:1200px;overflow-x:hidden}
.service-main{min-width:1200px;overflow-x:hidden;overflow-y:hidden;background:#fff}
.service-title-row{max-width:1320px;padding:88px 60px 74px;display:flex;align-items:flex-end;justify-content:space-between;gap:80px}
.service-title-copy{min-width:0}
.service-breadcrumb{width:max-content;min-width:126px;height:32px;margin:0 0 22px 14px;padding:0 10px;border:0;border-radius:999px;background:#f6f9fd;color:#777;display:flex;align-items:center;gap:6px;font-size:14px;font-weight:400;line-height:16px;white-space:nowrap}
.service-breadcrumb a{color:#777;transition:color .25s;-webkit-transition:color .25s}
.service-breadcrumb a:hover,.service-breadcrumb span:last-child{color:#000}
.service-title-heading{display:inline-block;margin:0;padding-left:14px;color:#000;font-family:inherit;font-weight:500;line-height:1;letter-spacing:0;position:relative;text-align:left}
.service-title-heading:before{content:"";display:block;width:107px;height:107px;border-radius:50%;background:linear-gradient(180deg,#f4ffce 0,#e0f94c 100%);position:absolute;left:0;top:0;z-index:0}
.service-title-cn,.service-title-en{display:block;position:relative;z-index:1;white-space:nowrap}
.service-title-cn{font-size:88px;line-height:.95;font-weight:500}
.service-title-en{margin-top:10px;font-size:60px;line-height:.9;font-weight:400}
.service-tabs{margin-bottom:0;display:flex;align-items:center;justify-content:flex-end;gap:20px;white-space:nowrap}
.service-tabs a{height:48px;padding:0 20px;background-color:#fafafa;color:#999;font-size:16px;font-weight:500;line-height:48px;border-radius:999px;transition:background-color .75s cubic-bezier(.2,.65,.3,1),color .75s cubic-bezier(.2,.65,.3,1);-webkit-transition:background-color .75s cubic-bezier(.2,.65,.3,1),color .75s cubic-bezier(.2,.65,.3,1)}
.service-tabs a:hover:not(.on){background-color:#e0f94c;color:#000}
.service-tabs a.on,.service-tabs a.on:hover{padding:0 20px;background-color:#000;color:#fff}
.service-hero{width:100%;max-width:1920px;margin:0 auto;padding:0 60px}
.service-hero-card{width:100%;min-height:660px;padding:clamp(56px,4.5vw,86px) 0;border-radius:0;background:#fff;position:relative;display:grid;grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr);align-items:center;gap:clamp(48px,6vw,112px);overflow:hidden}
.service-hero-card:before{display:none}
.service-hero-content{position:relative;z-index:2;padding:0;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:38px;text-align:left}
.service-hero-heading{max-width:680px;margin:0;color:#000;font-size:36px;font-weight:500;line-height:1.12;letter-spacing:-.035em;text-align:left;text-wrap:balance}
.service-hero-actions{position:relative;left:auto;right:auto;top:auto;z-index:2;display:flex;align-items:center;justify-content:flex-start;gap:12px}
.service-hero-action{height:62px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;font-size:16px;font-weight:700;line-height:62px;white-space:nowrap;color:#000!important;-webkit-text-fill-color:#000;transition:background-color .75s cubic-bezier(.2,.65,.3,1),color .75s cubic-bezier(.2,.65,.3,1),border-color .75s cubic-bezier(.2,.65,.3,1);-webkit-transition:background-color .75s cubic-bezier(.2,.65,.3,1),color .75s cubic-bezier(.2,.65,.3,1),border-color .75s cubic-bezier(.2,.65,.3,1)}
.service-hero-action:hover,.service-hero-action:focus,.service-hero-action:active,.service-hero-action:visited{color:#000!important;-webkit-text-fill-color:#000}
.service-hero-action-primary{padding:0;background:transparent;color:#000;gap:0;overflow:visible}
.service-hero-action-arrow{width:62px;height:62px;margin-right:-1px;border-radius:0 999px 999px 999px;background:#e0f94c;color:#000!important;-webkit-text-fill-color:#000;display:flex;align-items:center;justify-content:center;flex:0 0 auto;transition:border-radius .7s cubic-bezier(.2,.65,.3,1),background-color .75s cubic-bezier(.2,.65,.3,1),color .75s cubic-bezier(.2,.65,.3,1);-webkit-transition:border-radius .7s cubic-bezier(.2,.65,.3,1),background-color .75s cubic-bezier(.2,.65,.3,1),color .75s cubic-bezier(.2,.65,.3,1)}
.service-hero-action-arrow svg{width:29px;height:29px;display:block;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;transition:transform .28s cubic-bezier(.22,1,.36,1);-webkit-transition:-webkit-transform .28s cubic-bezier(.22,1,.36,1)}
.service-hero-action-text{height:62px;padding:0 40px;border-radius:999px;background:#e0f94c;color:#000!important;-webkit-text-fill-color:#000;display:inline-flex;align-items:center;justify-content:center;transition:background-color .75s cubic-bezier(.2,.65,.3,1),color .75s cubic-bezier(.2,.65,.3,1);-webkit-transition:background-color .75s cubic-bezier(.2,.65,.3,1),color .75s cubic-bezier(.2,.65,.3,1)}
.service-hero-action-secondary{width:132px;min-width:132px;height:62px;padding:0;border:1px solid #d9ddd4;background:transparent;color:#000;font-size:16px;line-height:60px}
.service-hero-action-primary:hover .service-hero-action-arrow svg{transform:rotate(-45deg);-webkit-transform:rotate(-45deg)}
.service-hero-action-primary:hover{background:transparent}
.service-hero-action-primary:hover .service-hero-action-arrow{border-radius:999px 999px 999px 0;background:#e0f94c;color:#000!important;-webkit-text-fill-color:#000}
.service-hero-action-primary:hover .service-hero-action-text{background:#e0f94c;color:#000!important;-webkit-text-fill-color:#000}
.service-hero-action-secondary:hover{background:#e0f94c;color:#000;border-color:#e0f94c}
.service-hero-stats{position:absolute;left:50px;bottom:40px;display:flex;gap:28px;z-index:1}
.service-stat{width:225px;height:175px;padding:10px 34px;border:1px solid rgba(255,255,255,.16);border-radius:24px 24px 24px 0;background:rgba(0,0,0,.03);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}
.service-stat strong{display:block;font-size:44px;font-weight:400;line-height:1.1}
.service-stat span{margin-top:8px;font-size:16px;font-weight:400;line-height:1.35}
.service-hero-media{width:100%;min-width:0;height:clamp(420px,32vw,620px);aspect-ratio:auto;margin:0;border-radius:24px;background:#e8ebe5;position:relative;overflow:hidden}
.service-hero-media>img,.service-hero-media>video{width:100%;height:100%;display:block;object-fit:cover;object-position:center}
.service-hero-video{background:#e8ebe5}
.service-marquee{height:60px;margin-top:0;background:#e0f94c;overflow:hidden}
.service-marquee-track{height:60px;display:flex;width:max-content;min-width:max-content;will-change:transform;animation:serviceMarquee 120s linear infinite;-webkit-animation:serviceMarquee 120s linear infinite}
.service-marquee-group{height:60px;display:flex;align-items:center;flex:0 0 auto;gap:145px;padding:0 72px;color:#000;font-size:16px;font-weight:700;line-height:60px;letter-spacing:1px;white-space:nowrap}
.service-marquee span{display:inline-flex;align-items:center;white-space:nowrap}
@keyframes serviceMarquee{from{transform:translate3d(0,0,0)}to{transform:translate3d(-50%,0,0)}}
@-webkit-keyframes serviceMarquee{from{-webkit-transform:translate3d(0,0,0)}to{-webkit-transform:translate3d(-50%,0,0)}}
.service-section{padding-top:160px;padding-bottom:155px}
.service-section-head{margin-bottom:60px;display:flex;flex-direction:column;align-items:flex-start;gap:11px}
.service-section-head h2,.service-process-head h2,.service-cta-inner h2{margin:0;color:#000;font-size:44px;font-weight:600;line-height:1;position:relative;z-index:1}
.service-section-head h2:before,.service-process-head h2:before{content:"";width:52px;height:52px;border-radius:50%;background:linear-gradient(180deg,#f4ffce 0,#e0f94c 100%);position:absolute;left:-14px;top:-8px;z-index:-1}
.service-section-head p,.service-process-head p,.service-cta-inner p{margin:0;color:#000;font-size:16px;font-weight:400;line-height:1.6}
.service-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0}
.service-card{min-height:350px;margin:0 -1px -1px 0;padding:60px 40px;border:1px solid #e8e8e8;background:#fff;color:#000;display:flex;flex-direction:column;align-items:flex-start;transition:background-color .85s cubic-bezier(.2,.65,.3,1),color .85s cubic-bezier(.2,.65,.3,1),border-color .85s cubic-bezier(.2,.65,.3,1);-webkit-transition:background-color .85s cubic-bezier(.2,.65,.3,1),color .85s cubic-bezier(.2,.65,.3,1),border-color .85s cubic-bezier(.2,.65,.3,1)}
.service-card:first-child{border-top-left-radius:24px}
.service-card:nth-child(3){border-top-right-radius:24px}
.service-card:nth-last-child(-n+3):nth-child(3n+1){border-bottom-left-radius:24px}
.service-card:last-child{border-bottom-right-radius:24px}
.service-card:hover{border-color:#e0f94c;background-color:#e0f94c}
.service-card-icon{width:53px;height:53px;color:#000;display:flex;align-items:center;justify-content:center;flex:0 0 auto}
.service-card-icon img{display:block;width:53px;height:53px;object-fit:contain}
.service-card h3{margin:80px 0 24px;color:inherit;font-size:20px;font-weight:600;line-height:1.6}
.service-card p{margin:0;color:#666;font-size:16px;font-weight:400;line-height:1.6;transition:color .85s cubic-bezier(.2,.65,.3,1);-webkit-transition:color .85s cubic-bezier(.2,.65,.3,1)}
.service-card:hover p{color:rgba(0,0,0,.72)}
.service-process{padding-top:0;padding-bottom:160px}
.service-process-head{margin-bottom:80px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:17px}
.service-process-head h2:before{left:-11px}
.service-process-list{display:grid;grid-template-columns:1fr;gap:0;align-items:stretch}
.service-process-item{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;align-items:stretch}
.service-process-item+.service-process-item{margin-top:60px}
.service-process-item:nth-child(even) .service-process-card{order:2}
.service-process-item:nth-child(even) .service-process-pic{order:1}
.service-process-card{min-height:500px;padding:60px 80px 80px;background:#fff;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}
.service-process-card span{width:50px;height:50px;border-radius:50%;background:#e0f94c;color:#000;font-family:var(--jvds-font-sans);font-size:24px;font-weight:100;line-height:50px;text-align:center}
.service-process-card h3{margin:40px 0 20px;color:#000;font-size:52px;font-weight:500;line-height:1}
.service-process-card p{max-width:560px;margin:0;color:#000;font-size:16px;font-weight:400;line-height:1.6}
.service-process-pic{width:100%;max-width:100%;min-width:0;height:auto;aspect-ratio:9/5;margin:0;border-radius:24px;background:#fff;overflow:hidden;position:relative;justify-self:stretch;align-self:stretch}
.service-process-pic img{width:100%;height:100%;margin:0;border-radius:24px;display:block;object-fit:cover;object-position:center center;transform:scale(1);-webkit-transform:scale(1);transform-origin:center center;-webkit-transform-origin:center center;transition:transform .6s;-webkit-transition:-webkit-transform .6s}
.service-process-pic:hover img{transform:scale(1.04);-webkit-transform:scale(1.04)}
.service-data-section{padding:0 0 160px;background:#fff}
.service-data-section>.wp3{width:100%;padding-top:60px}
.service-cta{padding-top:160px;padding-bottom:300px;position:relative;background:#e0f94c;background-image:linear-gradient(180deg,#fff 0%,#f6ffdc 34%,#e4f794 66%,#e0f94c 100%)}
.service-cta.site-cta{overflow:hidden;isolation:isolate}
.service-cta.wp3{width:100%;max-width:none;padding-left:0;padding-right:0}
.service-cta:after{display:none}
.service-cta-inner{position:relative;z-index:1;text-align:center}
.jvds-cta-trail-medias{width:1px;height:1px;position:absolute;left:0;top:0;overflow:hidden;visibility:hidden;pointer-events:none}
.jvds-cta-trail-medias img{width:1px;height:1px;position:absolute;left:0;top:0;visibility:hidden;pointer-events:none}
.service-cta.site-cta .jvds-cta-trail-image{width:15vw;height:15vw;max-width:none;position:absolute;left:0;top:0;display:block;object-fit:cover;border-radius:4%;z-index:5;pointer-events:none;user-select:none;-webkit-user-select:none;will-change:transform}
.service-cta-inner h2{margin-bottom:16px;font-size:64px;font-weight:500;line-height:1.2}
.service-cta-inner p{max-width:none;margin:0 auto 60px;color:#000;text-align:center;white-space:nowrap}
.service-cta .g-btn-contact-sumaart{position:relative;z-index:1;background:transparent;background-color:transparent}
@media screen and (min-width:801px){
.service-cta.site-cta .service-cta-inner h2{font-size:72px}
.service-cta.site-cta .service-cta-inner p{font-size:18px}
.service-cta.site-cta .g-btn-contact.g-btn-contact-sumaart,
.service-cta.site-cta .g-btn-contact.g-btn-contact-sumaart.is-expanded,
.service-cta.site-cta .g-btn-contact.g-btn-contact-sumaart.is-collapsed{width:780px;height:168px;max-height:none;margin-left:auto;margin-right:auto;padding:0 56px;gap:32px;font-size:68px;font-weight:400;border-width:4px}
.service-cta.site-cta .g-btn-contact-sumaart .g-btn-contact-arrow{width:50px;height:50px}
}
.service-cta .g-btn-contact-sumaart .plain{color:inherit;-webkit-text-fill-color:currentColor;text-stroke:0 transparent;-webkit-text-stroke:0 transparent}
.service-cta .g-btn-contact-sumaart .stroke{color:transparent;-webkit-text-fill-color:transparent;text-stroke:1px #000;-webkit-text-stroke:1px #000}
.service-cta .g-btn-contact-sumaart:hover .plain{color:#fff;-webkit-text-fill-color:#fff;text-stroke:0 transparent;-webkit-text-stroke:0 transparent}
.service-cta .g-btn-contact-sumaart:hover .stroke{color:#fff;-webkit-text-fill-color:#fff;text-stroke:0 transparent;-webkit-text-stroke:0 transparent}
.service-cta .g-btn-contact-sumaart:hover{background:#000;color:#fff;border-color:#000}

/* JVDS language preference */
.hd-right{display:flex;align-items:center}
.jvds-header-tools{height:80px;display:flex;align-items:center;justify-content:flex-end;gap:8px;transition:height .3s ease;-webkit-transition:height .3s ease}
.bd1 .jvds-header-tools,.header.fixed .jvds-header-tools{height:70px}
.jvds-pref-btn{width:44px;height:44px;min-width:44px;padding:0;border:1px solid rgba(20,21,21,.08);border-radius:999px;background:#f6f9fd;color:#141515;font:600 12px/1 var(--jvds-font-sans);letter-spacing:.02em;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:none;transition:background-color .7s cubic-bezier(.2,.65,.3,1),color .7s cubic-bezier(.2,.65,.3,1),transform .25s ease,border-color .7s cubic-bezier(.2,.65,.3,1);-webkit-transition:background-color .7s cubic-bezier(.2,.65,.3,1),color .7s cubic-bezier(.2,.65,.3,1),-webkit-transform .25s ease,border-color .7s cubic-bezier(.2,.65,.3,1)}
.jvds-pref-btn:hover{background:#e0f94c;color:#000;border-color:#e0f94c}
.jvds-pref-btn:active{transform:scale(.94);-webkit-transform:scale(.94)}
.jvds-pref-btn:focus-visible{outline:2px solid #e0f94c;outline-offset:3px}
.jvds-header-tools .jvds-pref-btn{background:transparent;color:#fff;border-color:#fff;font-family:var(--jvds-font-sans);font-weight:300}
.bd1 .jvds-header-tools .jvds-pref-btn,.header.fixed .jvds-header-tools .jvds-pref-btn,.header.hd-bg .jvds-header-tools .jvds-pref-btn{background:transparent;color:#141515;border-color:rgba(148,155,164,.55)}
.jvds-header-tools .jvds-pref-btn:hover,.bd1 .jvds-header-tools .jvds-pref-btn:hover,.header.fixed .jvds-header-tools .jvds-pref-btn:hover,.header.hd-bg .jvds-header-tools .jvds-pref-btn:hover{background:#e0f94c;color:#000;border-color:#e0f94c}
body.anli_index .header:not(.fixed) .jvds-header-tools .jvds-pref-btn{background:transparent;color:#fff;border-color:#fff}
body.anli_index .header:not(.fixed) .jvds-header-tools .jvds-pref-btn:hover{background:#e0f94c;color:#000;border-color:#e0f94c}
body.anli_index .header.fixed .jvds-header-tools .jvds-pref-btn{background:transparent;color:#141515;border-color:rgba(148,155,164,.55)}
body.anli_index .header.fixed .jvds-header-tools .jvds-pref-btn:hover{background:#e0f94c;color:#000;border-color:#e0f94c}
.jvds-header-tools>.g-contact-btn{margin-left:2px;font-weight:400}
body.page-index .header:not(.fixed):not(.hd-bg) .jvds-header-tools>.g-contact-btn,body.page-news-detail .header:not(.fixed):not(.hd-bg) .jvds-header-tools>.g-contact-btn,body.jvds-work-detail .header:not(.fixed):not(.hd-bg) .jvds-header-tools>.g-contact-btn{background:transparent;color:#fff!important;border:1px solid #fff}
body.page-index .header:not(.fixed):not(.hd-bg) .jvds-header-tools>.g-contact-btn .g-contact-btn-text,body.page-news-detail .header:not(.fixed):not(.hd-bg) .jvds-header-tools>.g-contact-btn .g-contact-btn-text,body.jvds-work-detail .header:not(.fixed):not(.hd-bg) .jvds-header-tools>.g-contact-btn .g-contact-btn-text{color:#fff!important}
.bd1 .header .jvds-header-tools>.g-contact-btn,.header.fixed .jvds-header-tools>.g-contact-btn,.header.hd-bg .jvds-header-tools>.g-contact-btn{background:transparent;color:#141515!important;border:1px solid rgba(148,155,164,.55)}
.bd1 .header .jvds-header-tools>.g-contact-btn .g-contact-btn-text,.header.fixed .jvds-header-tools>.g-contact-btn .g-contact-btn-text,.header.hd-bg .jvds-header-tools>.g-contact-btn .g-contact-btn-text{color:#141515!important}
@media (hover:hover) and (pointer:fine){body.page-index .header:not(.fixed):not(.hd-bg) .jvds-header-tools>.g-contact-btn:hover,body.page-news-detail .header:not(.fixed):not(.hd-bg) .jvds-header-tools>.g-contact-btn:hover,body.jvds-work-detail .header:not(.fixed):not(.hd-bg) .jvds-header-tools>.g-contact-btn:hover{background:transparent;color:#000!important;border-color:#e0f94c}body.page-index .header:not(.fixed):not(.hd-bg) .jvds-header-tools>.g-contact-btn:hover .g-contact-btn-text,body.page-news-detail .header:not(.fixed):not(.hd-bg) .jvds-header-tools>.g-contact-btn:hover .g-contact-btn-text,body.jvds-work-detail .header:not(.fixed):not(.hd-bg) .jvds-header-tools>.g-contact-btn:hover .g-contact-btn-text{color:#000!important}.bd1 .header .jvds-header-tools>.g-contact-btn:hover,.header.fixed .jvds-header-tools>.g-contact-btn:hover,.header.hd-bg .jvds-header-tools>.g-contact-btn:hover{background:transparent;color:#000!important;border-color:#e0f94c}.bd1 .header .jvds-header-tools>.g-contact-btn:hover .g-contact-btn-text,.header.fixed .jvds-header-tools>.g-contact-btn:hover .g-contact-btn-text,.header.hd-bg .jvds-header-tools>.g-contact-btn:hover .g-contact-btn-text{color:#000!important}}
.jvds-mobile-preferences{display:none}
@media screen and (max-width:1600px){
.service-title-row{max-width:1240px}
.service-title-cn{font-size:76px}
.service-title-en{font-size:52px}
.service-stat{width:180px;height:142px}
.service-stat strong{font-size:38px}
.service-card{min-height:320px}
.service-card h3{margin-top:64px}
.service-cta-inner h2{font-size:56px}
}
@media screen and (min-width:801px) and (max-width:1280px){
.service-title-row{display:block}
.service-tabs{justify-content:flex-start;margin-top:42px;gap:20px;overflow:auto}
.service-hero{padding-left:32px;padding-right:32px}
.service-hero-card{min-height:560px;padding:48px 0;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:48px}
.service-hero-content{padding:0;gap:28px}
.service-hero-heading{font-size:36px}
.service-hero-actions{left:auto;right:auto;top:auto;gap:12px}
.service-hero-action{height:56px;font-size:18px;line-height:56px}
.service-hero-action-arrow{width:56px;height:56px}
.service-hero-action-arrow svg{width:27px;height:27px}
.service-hero-action-text{height:56px;padding:0 34px}
.service-hero-action-secondary{min-width:154px;padding:0 34px}
.service-hero-media{height:auto;aspect-ratio:3/2}
.service-process-card h3{font-size:44px}
.service-hero-stats{left:clamp(24px,2.65625vw,34px);bottom:clamp(24px,2.5vw,32px);gap:clamp(10px,1.25vw,16px)}
.service-stat{width:clamp(126px,12vw,150px);height:clamp(100px,9.44vw,118px);padding:clamp(7px,.8vw,10px) clamp(12px,1.7vw,22px)}
.service-stat strong{font-size:clamp(30px,3vw,38px)}
.service-stat span{margin-top:clamp(4px,.625vw,8px);font-size:clamp(12px,1.2vw,15px);line-height:1.2;white-space:nowrap}
.service-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.service-card:nth-child(n):nth-child(n){border-radius:0}
.service-card.service-card:first-child{border-top-left-radius:24px}
.service-card.service-card:nth-child(2){border-top-right-radius:24px}
.service-card:nth-last-child(-n+2):nth-child(2n+1){border-bottom-left-radius:24px}
.service-card.service-card:last-child{border-bottom-right-radius:24px}
.service-process-card{min-height:420px;padding:48px}
.service-process-pic{height:auto;aspect-ratio:9/5}
}
@media screen and (max-width:800px){
.jvds-split-title{min-height:3.72em}
.jvds-split-line{white-space:normal}
.page-service{overflow-x:hidden;overflow-y:auto}
.service-title-row{max-width:none;padding:48px 18px 36px;gap:24px}
.service-breadcrumb{height:32px;margin:0 0 18px 0;font-size:13px}
.service-title-heading{max-width:100%;overflow:visible}
.service-title-heading:before{width:72px;height:72px;left:-12px;top:-8px}
.service-title-cn{font-size:46px;line-height:1.08;white-space:normal}
.service-title-en{margin-top:4px;font-size:30px;line-height:1}
.service-tabs{width:100%;gap:20px;overflow:visible;flex-wrap:wrap;white-space:normal;padding-bottom:6px}
.service-tabs::-webkit-scrollbar{display:none}
.service-tabs a{flex:0 0 auto;padding:12px 18px;font-size:13px}
.service-section,.service-process{padding-left:18px;padding-right:18px}
.service-hero{margin-top:0;padding-left:16px;padding-right:16px}
.service-hero-card{min-height:0;padding:32px 0 24px;grid-template-columns:1fr;gap:32px;aspect-ratio:auto}
.service-hero-content{padding:0;gap:24px;align-items:flex-start;text-align:left}
.service-hero-heading{max-width:none;font-size:32px;line-height:1.12;letter-spacing:-.03em}
.service-hero-actions{left:auto;right:auto;top:auto;width:100%;gap:12px;justify-content:flex-start;flex-wrap:wrap}
.service-hero-action{height:42px;font-size:14px;line-height:42px}
.service-hero-action-arrow{width:42px;height:42px}
.service-hero-action-arrow svg{width:21px;height:21px}
.service-hero-action-text{height:42px;padding:0 18px}
.service-hero-action-secondary{min-width:92px;padding:0 18px}
.service-hero-media{height:auto;aspect-ratio:4/3;border-radius:18px}
body.page-index .header:before,body.page-news-detail .header:before,body.jvds-work-detail .header:before{height:64px}
.service-hero-stats{left:16px;right:16px;bottom:16px;gap:8px}
.service-stat{width:calc((100% - 16px)/3);height:92px;padding-left:4px;padding-right:4px}
.service-stat strong{font-size:clamp(18px,7vw,24px)}
.service-stat span{font-size:clamp(9px,3.2vw,11px);line-height:1.15;white-space:nowrap}
.service-marquee,.service-marquee-track,.service-marquee-group{height:44px;line-height:44px}
.service-marquee-group{gap:42px;padding:0 42px 0 0}
.service-marquee span{font-size:12px}
.service-section{padding-top:76px;padding-bottom:92px}
.service-section-head{margin-bottom:32px;gap:10px}
.service-section-head h2,.service-process-head h2,.service-cta-inner h2{font-size:32px;line-height:1.1}
.service-section-head h2:before,.service-process-head h2:before{width:42px;height:42px;left:-10px;top:-2px}
.service-section-head p,.service-process-head p,.service-cta-inner p{font-size:14px;line-height:1.7}
.service-card-grid{grid-template-columns:1fr}
.service-card:nth-child(n):nth-child(n){border-radius:0}
.service-card.service-card:first-child{border-radius:24px 24px 0 0}
.service-card.service-card:last-child{border-radius:0 0 24px 24px}
.service-card:first-child:last-child{border-radius:24px}
.service-card{min-height:220px;padding:34px 24px}
.service-card-icon,.service-card-icon img{width:40px;height:40px}
.service-card h3{font-size:19px}
.service-card p{font-size:14px}
.service-process{padding-top:0;padding-bottom:64px}
.service-process-head{margin-bottom:36px}
.service-process-list{grid-template-columns:1fr}
.service-process-item+.service-process-item{margin-top:40px}
.service-process-card{min-height:auto;padding:40px 24px}
.service-process-card span{width:44px;height:44px;font-size:20px;line-height:44px}
.service-process-card h3{margin:28px 0 14px;font-size:36px;font-weight:500}
.service-process-card p{font-size:14px}
.service-process-pic{height:auto;aspect-ratio:9/5}
.service-data-section{padding-bottom:96px}
.service-data-section>.wp3{padding-left:18px;padding-right:18px}
.service-cta{padding:90px 18px 110px}
.service-cta.site-cta .jvds-cta-trail-image{width:35vw;height:35vw}
.service-cta-inner{gap:16px}
.service-cta .g-btn-contact-sumaart{height:96px;max-width:100%;border-width:4px}
.service-cta .g-btn-contact-sumaart .g-btn-contact-text{font-size:32px;line-height:1.05}
.service-cta .g-btn-contact-sumaart .g-btn-contact-arrow{width:46px;height:46px;margin-left:18px}
}
@media (prefers-reduced-motion:reduce){.service-cta.site-cta .jvds-cta-trail-image{display:none!important}}

/* Homepage CTA: licensed Pixel Button Pro center-out surface. */
.service-cta.site-cta .g-btn-contact-sumaart.jvds-pixel-button,
.service-cta.site-cta .g-btn-contact-sumaart.jvds-pixel-button.is-expanded,
.service-cta.site-cta .g-btn-contact-sumaart.jvds-pixel-button.is-collapsed{
    --jvds-pixel-button-color:#000;
    color:#000;
    background:transparent;
    background-color:transparent;
    border-color:#000;
    isolation:isolate;
    box-shadow:none;
    transition:color 1.2s cubic-bezier(.44,0,.56,1),border-color 1.2s cubic-bezier(.44,0,.56,1),box-shadow 1.2s cubic-bezier(.44,0,.56,1);
    -webkit-transition:color 1.2s cubic-bezier(.44,0,.56,1),border-color 1.2s cubic-bezier(.44,0,.56,1),box-shadow 1.2s cubic-bezier(.44,0,.56,1);
}
.service-cta.site-cta .jvds-pixel-button .jvds-pixel-button-bg{
    display:grid;
    grid-template-columns:repeat(var(--jvds-pixel-cols,1),minmax(0,1fr));
    grid-template-rows:repeat(var(--jvds-pixel-rows,1),minmax(0,1fr));
    gap:0;
    align-content:stretch;
    justify-content:stretch;
    position:absolute;
    inset:0;
    z-index:1;
    overflow:hidden;
    border-radius:inherit;
    pointer-events:none;
    background:transparent;
}
.service-cta.site-cta .jvds-pixel-button .jvds-pixel-button-cell{
    width:100%;
    height:100%;
    min-width:0;
    min-height:0;
    display:block;
    background:var(--jvds-pixel-button-color);
    box-shadow:0 0 0 1px var(--jvds-pixel-button-color);
    opacity:0;
    transform:scale(.6);
    -webkit-transform:scale(.6);
    transform-origin:center;
    transition:opacity .5s ease-in-out var(--jvds-pixel-delay),transform .5s ease-in-out var(--jvds-pixel-delay);
    -webkit-transition:opacity .5s ease-in-out var(--jvds-pixel-delay),-webkit-transform .5s ease-in-out var(--jvds-pixel-delay);
    will-change:opacity,transform;
}
.service-cta.site-cta .jvds-pixel-button.is-jvds-webkit-lite .jvds-pixel-button-bg{
    display:block;
    background:var(--jvds-pixel-button-color);
    opacity:0;
    transform:scale(.985);
    -webkit-transform:scale(.985);
    transition:opacity .28s ease,transform .28s ease;
    -webkit-transition:opacity .28s ease,-webkit-transform .28s ease;
}
.service-cta.site-cta .jvds-pixel-button.is-jvds-webkit-lite:hover .jvds-pixel-button-bg,
.service-cta.site-cta .jvds-pixel-button.is-jvds-webkit-lite:focus-visible .jvds-pixel-button-bg{
    opacity:1;
    transform:scale(1);
    -webkit-transform:scale(1);
}
.service-cta.site-cta .jvds-pixel-button.is-jvds-webkit-lite,
.service-cta.site-cta .jvds-pixel-button.is-jvds-webkit-lite .g-btn-contact-text,
.service-cta.site-cta .jvds-pixel-button.is-jvds-webkit-lite .g-btn-contact-arrow{
    transition-duration:.28s;
    -webkit-transition-duration:.28s;
}
.service-cta.site-cta .jvds-pixel-button .g-btn-contact-text,
.service-cta.site-cta .jvds-pixel-button .g-btn-contact-arrow{
    position:relative;
    z-index:2;
    color:#000;
    transition:color 1.2s cubic-bezier(.44,0,.56,1);
    -webkit-transition:color 1.2s cubic-bezier(.44,0,.56,1);
}
.service-cta.site-cta .jvds-pixel-button .g-btn-contact-text span,
.service-cta.site-cta .jvds-pixel-button .g-btn-contact-text .plain,
.service-cta.site-cta .jvds-pixel-button .g-btn-contact-text .prev,
.service-cta.site-cta .jvds-pixel-button .g-btn-contact-text .stroke{
    color:inherit;
    -webkit-text-fill-color:currentColor;
    text-stroke:0 transparent;
    -webkit-text-stroke:0 transparent;
}
.service-cta.site-cta .jvds-pixel-button:hover,
.service-cta.site-cta .jvds-pixel-button:focus-visible{
    color:#fff;
    background:transparent;
    background-color:transparent;
    border-color:#000;
    box-shadow:0 .783630151px 1.410534272px -.428571429px rgba(0,0,0,0),0 1.919647584px 3.455365651px -.857142857px rgba(0,0,0,0),0 3.637454759px 6.547418567px -1.285714286px rgba(0,0,0,0),0 6.350044815px 11.430080667px -1.714285714px rgba(0,0,0,0),0 11.05187057px 19.893367027px -2.142857143px rgba(0,0,0,0),0 20.242811951px 36.437061511px -2.571428571px rgba(0,0,0,0),0 40px 72px -3px rgba(0,0,0,0);
}
.service-cta.site-cta .jvds-pixel-button.is-pixel-active .jvds-pixel-button-cell{
    opacity:1;
    transform:scale(1);
    -webkit-transform:scale(1);
}
.service-cta.site-cta .jvds-pixel-button:hover .g-btn-contact-text,
.service-cta.site-cta .jvds-pixel-button:hover .g-btn-contact-text span,
.service-cta.site-cta .jvds-pixel-button:hover .g-btn-contact-arrow,
.service-cta.site-cta .jvds-pixel-button:focus-visible .g-btn-contact-text,
.service-cta.site-cta .jvds-pixel-button:focus-visible .g-btn-contact-text span,
.service-cta.site-cta .jvds-pixel-button:focus-visible .g-btn-contact-arrow{
    color:#fff;
    -webkit-text-fill-color:currentColor;
}
@media (prefers-reduced-motion:reduce){
    .service-cta.site-cta .jvds-pixel-button .jvds-pixel-button-cell,
    .service-cta.site-cta .jvds-pixel-button.is-jvds-webkit-lite .jvds-pixel-button-bg{
        transition:none;
        -webkit-transition:none;
    }
}

/* Contact: Atomic Globe */
.m-contact-map{position:relative;height:1166px;overflow:hidden;border-radius:24px;background:url(../images/contact/map-bg.svg) center bottom no-repeat #000;background-size:auto 100%}
.m-contact-map>.wp2::after{content:"";display:block;width:100%;height:860px;pointer-events:none}
.m-contact-map .g-tit01{position:relative;z-index:3;pointer-events:none}
.m-contact-map .atomic-globe-map{position:absolute;z-index:1;inset:0;width:100%;height:100%;overflow:hidden;border-radius:24px}
.jvds-atomic-globe{--atomic-globe-accent:#e0f94c;position:relative;width:100%;height:100%;min-width:100px;min-height:100px;overflow:hidden;border-radius:24px;isolation:isolate;background:transparent;cursor:grab;touch-action:none;user-select:none;-webkit-user-select:none}
.jvds-atomic-globe.is-dragging{cursor:grabbing}
.jvds-atomic-globe__canvas,.jvds-atomic-globe__markers{position:absolute;inset:0;width:100%;height:100%}
.jvds-atomic-globe__canvas{z-index:1}
.jvds-atomic-globe__canvas canvas{display:block;width:100%;height:100%;touch-action:none}
.jvds-atomic-globe__markers{z-index:2;overflow:hidden;pointer-events:none}
.jvds-atomic-globe__marker-anchor{position:absolute;top:0;left:0;will-change:transform,opacity;pointer-events:none}
.jvds-atomic-globe__marker-pin{display:flex;align-items:center;gap:6px;padding:6px 14px 6px 6px;border-radius:30px;background:#141a2e;backdrop-filter:blur(12px) saturate(120%);-webkit-backdrop-filter:blur(12px) saturate(120%);transform:translate(-50%,-50%) translateZ(0);color:#fff;font-family:var(--jvds-font-sans);font-size:14px;font-weight:400;line-height:20px;letter-spacing:.2px;white-space:nowrap;will-change:transform,opacity}
.jvds-atomic-globe__marker-icon{display:block;width:20px;height:20px;flex:0 0 20px;fill:var(--atomic-globe-accent);filter:drop-shadow(0 0 7px rgba(224,249,76,.42))}
.jvds-atomic-globe:not(.is-ready) .jvds-atomic-globe__canvas,.jvds-atomic-globe:not(.is-ready) .jvds-atomic-globe__markers{opacity:0}
.jvds-atomic-globe.is-fallback{background:transparent var(--atomic-globe-fallback) center/contain no-repeat}
@media screen and (max-width:1100px){.m-contact-map>.wp2::after{height:800px}}
@media screen and (max-width:800px){.m-contact-map>.wp2::after{height:670px}.jvds-atomic-globe__marker-pin{gap:4px;padding:5px 10px 5px 5px;font-size:12px;line-height:18px}.jvds-atomic-globe__marker-icon{width:17px;height:17px;flex-basis:17px}}
@media screen and (max-width:480px){.m-contact-map>.wp2::after{height:600px}.jvds-atomic-globe__marker-pin{padding-right:8px}}
@media (prefers-reduced-motion:reduce){.jvds-atomic-globe__marker-pin{transition:none!important}}