@font-face{font-family:SiteSans;src:url('assets/site-regular-v05.woff2') format('woff2');font-weight:300 400;font-display:swap}@font-face{font-family:SiteSans;src:url('assets/site-medium-v05.woff2') format('woff2');font-weight:500 800;font-display:swap}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;color:#000;background:#fff;font:400 16px SiteSans,'Microsoft YaHei',Arial,sans-serif}h1,h2,h3,h4,p{margin:0}h1,h2,h3,strong{font-weight:600}a{color:inherit;text-decoration:none}button,summary{font:inherit;cursor:pointer}button{color:inherit}svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.5}a,button,summary{ -webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid #286bd9;outline-offset:5px}button{border:0;background:none}button,a{touch-action:manipulation}
.site-header{position:absolute;left:0;top:0;width:100%;z-index:30}.notice{height:44px;background:#272727;color:#fff;display:flex;justify-content:center;align-items:center;font-size:14px;position:relative}.notice span{display:flex;align-items:center;gap:12px}.notice svg{width:18px;height:18px}.notice-close{position:absolute;right:40px;font-size:25px;font-weight:300;opacity:.8}.notice[hidden]{display:none}.navigation{height:81px;display:flex;align-items:center;padding:0 80px;gap:60px;background:#fff}.wordmark{display:inline-flex;align-items:baseline;gap:10px;white-space:nowrap;font-size:29px;line-height:1;font-weight:600;letter-spacing:1px}.wordmark span{font:500 12px Arial;letter-spacing:1.1px}.navigation nav{display:flex;gap:40px;height:100%;align-items:center;margin-left:15px}.navigation nav>a,.ecology>summary{font-size:16px;line-height:80px;white-space:nowrap;position:relative}.navigation nav>a:after{content:'';position:absolute;height:2px;background:#000;bottom:0;left:0;right:0;transform:scaleX(0);transition:transform .25s}.navigation nav>a:hover:after,.navigation nav>a[aria-current]:after{transform:scaleX(1)}.navigation nav>a:hover,.nav-contact:hover{opacity:.65}.nav-contact{margin-left:auto;font-size:14px;white-space:nowrap}.menu-toggle{display:none}.ecology>summary{list-style:none;display:flex;align-items:center;gap:5px}.ecology>summary::-webkit-details-marker{display:none}.ecology summary svg{width:15px;transition:transform .3s}.ecology[open] summary svg{transform:rotate(180deg)}.submenu{position:absolute;top:100%;left:0;width:100%;background:#fff;box-shadow:0 15px 20px #0000000c;padding:40px max(80px,calc((100% - 1280px)/2));display:flex;gap:120px;border-top:1px solid #eee;animation:menu-in .3s both}.submenu a{display:flex;flex-direction:column;gap:12px;min-width:200px}.submenu strong{font-size:20px}.submenu span{font-size:14px;color:#666}.submenu a:hover strong{color:#286bd9}.shell{max-width:1280px;margin:auto}.banner-C{padding-top:44px;background:#e9edf3}.banner-C .container{width:100%;max-width:none;padding:0}.banner-C .swiper-wrapper{position:relative;height:721px}.banner-C .swiper-slide{position:absolute!important;inset:0;opacity:0;visibility:hidden;transition:opacity .65s,visibility .65s;background:#e9edf3}.banner-C .swiper-slide.active{opacity:1;visibility:visible;z-index:1}.banner-C .container .swiper-container .swiper-wrapper .swiper-slide>img{height:721px;object-fit:cover}.banner-C .container .swiper-container .swiper-wrapper .swiper-slide .contentBox{transform:translateY(24px);opacity:0;transition:transform .65s,opacity .65s}.banner-C .container .swiper-container .swiper-wrapper .swiper-slide.active .contentBox{transform:translateY(0);opacity:1}.top-height{height:81px}.banner-C .desc{font-weight:400}.bttn,.pill{display:inline-flex;justify-content:center;align-items:center;padding:0 32px;height:48px;line-height:48px;border:0;border-radius:24px;background:#000;color:#fff;font-size:16px;white-space:nowrap;transition:transform .22s,background .22s}.bttn:hover,.pill:hover{background:#333;transform:scale(1.025)}.bttn:active,.pill:active{transform:scale(.97)}.pagination{position:absolute;bottom:60px;left:0;right:0;z-index:5;display:flex;justify-content:center;gap:8px}.pagination button{padding:10px 3px;display:grid;place-items:center}.pagination button:after{content:'';height:8px;width:8px;background:#000;opacity:.15;border-radius:50%;transition:opacity .3s,transform .3s}.pagination button[aria-pressed=true]:after{opacity:1;transform:scale(1.1)}.content-c1 .left h2{font-weight:600}.font-size20{font-size:20px;line-height:26px}.content-c1 .container .left h2{margin-bottom:32px}.content-c1 .container .left .desc{margin-bottom:32px}.content-c1 .container .right .image img{object-fit:contain}.content-b2 .container .desc{line-height:30px;font-size:20px}.content-b2 .container .button-group{margin-top:32px}.content-b2 .contentInner .main{margin-top:25px}.feature-section{background:#f4f4f4}.feature-section .shell{min-height:640px;display:flex;align-items:center;gap:6%;padding-top:80px;padding-bottom:80px}.feature-copy{width:48%;flex-shrink:0}.feature-copy h2{font-size:48px;line-height:64px;margin-bottom:52px}.feature-copy h3{font-size:28px;line-height:40px;margin-bottom:24px}.feature-copy p{font-size:20px;line-height:30px;color:#333;max-width:525px}.feature-visual{width:46%;display:block;overflow:visible}.feature-nav{display:flex;gap:24px;margin-top:36px}.feature-nav button{padding:8px 0;color:#666;border-bottom:2px solid transparent;transition:color .25s,border-color .25s}.feature-nav button[aria-pressed=true]{color:#000;border-color:#000}.process-art{max-width:1120px;width:100%;height:auto;display:block;margin:0 auto}.process-art text{font-family:SiteSans,'Microsoft YaHei',sans-serif;fill:#151515;stroke:none}.section-note{font-size:12px;color:#666;line-height:22px;margin:14px auto 0;max-width:1280px}.section-note a{text-decoration:underline}.wide-art{display:block;width:100%;height:420px;object-fit:contain}.cooperation{background:#f5f7fa;padding:80px 0 64px}.cooperation h2{font-size:48px;line-height:64px;margin-bottom:64px}.cooperation-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.cooperation-card{background:#fff;border-radius:16px;padding:40px;min-height:285px;transition:transform .3s,box-shadow .3s}.cooperation-card:hover{transform:translateY(-5px);box-shadow:0 12px 28px #17253a0b}.cooperation-card>svg{height:48px;width:48px;color:#4683db;margin-bottom:24px;stroke-width:1}.cooperation-card h3{font-size:24px;margin-bottom:16px}.cooperation-card p{color:#555;line-height:26px;max-width:400px}.text-link{display:inline-flex;align-items:center;gap:14px;margin-top:24px;font-size:16px}.text-link svg{width:18px;height:18px;transition:transform .25s}.text-link:hover svg{transform:translateX(5px)}.page-hero{background:#eff1f5;padding:205px 0 90px}.page-hero h1{font-size:48px;line-height:64px;max-width:900px;margin-bottom:32px}.page-hero p{font-size:20px;line-height:32px;max-width:800px;color:#333}.page-body{padding:90px 0}.page-body h2{font-size:40px;line-height:56px;margin-bottom:32px}.article-row{display:grid;grid-template-columns:1fr 1fr;gap:64px;padding:56px 0;border-bottom:1px solid #e5e5e5}.article-row:first-child{padding-top:0}.article-row h3{font-size:28px;line-height:40px}.article-row p{font-size:18px;color:#555;line-height:32px}.article-row small{display:block;margin-top:15px;font-size:14px;line-height:24px;color:#666}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:32px;padding:56px 0}.steps article{border-top:1px solid #c9cbd0;padding-top:24px}.steps h3{font-size:22px;margin-bottom:16px}.steps p{color:#555;line-height:28px}.closing{padding:80px 0;text-align:center;background:#f4f4f4}.closing h2{font-size:40px;line-height:56px;margin-bottom:24px}.closing p{color:#555;font-size:18px;margin-bottom:30px}.feature-detail{padding:60px 0}.feature-detail nav{display:flex;gap:32px;border-bottom:1px solid #ddd;margin-bottom:50px}.feature-detail nav button{font-size:24px;padding:18px 0;border-bottom:3px solid transparent}.feature-detail nav button[aria-selected=true]{border-color:#000}.feature-detail h2{font-size:40px;margin-bottom:24px}.feature-detail p{font-size:20px;color:#555;line-height:32px;max-width:860px}.feature-detail aside{color:#777;font-size:14px;margin-top:28px}.contact-note{padding:32px;background:#f5f7fa;margin-top:40px;line-height:28px;color:#555}.contact-note h3{color:#000;margin-bottom:10px}footer{background:#f4f4f4;padding:64px 80px 28px}.footer-inner{max-width:1280px;margin:auto}.footer-links{display:grid;grid-template-columns:repeat(4,1fr);gap:40px;padding-bottom:50px}.footer-links h3{font-size:16px;margin-bottom:24px}.footer-links a{display:block;color:#666;font-size:14px;line-height:30px}.footer-links a:hover{color:#000}.footer-bottom{border-top:1px solid #ddd;padding-top:26px;display:flex;align-items:center;gap:40px}.footer-bottom .wordmark{font-size:24px}.footer-bottom p,.footer-bottom small{font-size:12px;color:#666}.footer-bottom small{margin-left:auto}.to-top{position:fixed;right:24px;bottom:28px;width:44px;height:44px;display:grid;place-items:center;background:#fff;border:1px solid #ececec;border-radius:50%;box-shadow:0 2px 12px #00000008;z-index:20;transition:transform .25s}.to-top:hover{transform:translateY(-3px)}main{animation:page-in .45s both}main:focus{outline:none}.feature-panel{animation:page-in .45s both}.graphic-float{animation:graphic-float 5s ease-in-out infinite}@keyframes graphic-float{50%{transform:translateY(-6px)}}@keyframes page-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes menu-in{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}
@media(min-width:1441px){.navigation{padding:0 max(80px,calc((100% - 1440px)/2))}}
@media(min-width:721px) and (max-width:1440px){.shell{margin:0 80px}.navigation{gap:40px}.navigation nav{gap:30px;margin-left:0}.navigation .wordmark span{display:none}.content-c1 .container{margin:0 80px}.content-c1 .container .left{width:46%}.content-c1 .container .right{width:54%}}
@media(min-width:721px) and (max-width:1200px){.shell{margin:0 40px}.navigation{padding:0 40px;gap:25px}.navigation nav{gap:24px}.navigation nav>a,.ecology>summary{font-size:14px}.navigation .nav-contact{display:none}.banner-C .swiper-wrapper{height:641px}.banner-C .container .swiper-container .swiper-wrapper .swiper-slide>img{width:2276px;height:641px}.content-c1 .container{margin:0 40px}.feature-copy h2{font-size:40px;line-height:54px}.feature-copy p{font-size:18px}.feature-section .shell{gap:4%}.feature-nav{gap:18px}}
@media(max-width:720px){html{scroll-padding-top:70px}.notice{font-size:11px;height:34px;padding:0 30px 0 12px}.notice span{gap:6px}.notice svg{width:14px}.notice-close{right:8px;font-size:22px}.navigation{height:64px;padding:0 24px;justify-content:space-between;gap:0}.wordmark{font-size:25px}.wordmark span{font-size:10px}.menu-toggle{display:block;padding:8px}.nav-contact{display:none}.navigation nav{display:none;position:absolute;left:0;right:0;top:100%;height:auto;margin:0;background:#fff;padding:12px 24px 24px;border-top:1px solid #eee;box-shadow:0 15px 20px #0000000c;flex-direction:column;align-items:stretch;gap:0}.navigation.menu-open nav{display:flex;animation:menu-in .25s}.navigation nav>a,.ecology>summary{line-height:52px;font-size:16px}.ecology{position:relative}.submenu{position:static;padding:10px 0 10px 20px;box-shadow:none;border:0;flex-direction:column;gap:24px}.submenu strong{font-size:17px}.submenu span{font-size:13px}.shell{margin:0 24px}.banner-C{padding-top:34px}.banner-C .swiper-wrapper{height:690px}.banner-C .container .swiper-container .swiper-wrapper .swiper-slide{height:690px;padding:0;display:block}.banner-C .container .swiper-container .swiper-wrapper .swiper-slide>img{display:block;width:1500px;height:422px;left:calc(50% - 220px);bottom:0;object-fit:cover}.banner-C .container .swiper-container .swiper-wrapper .swiper-slide .contentBox{margin:0;padding:115px 24px 0;position:relative}.banner-C .container .swiper-container .swiper-wrapper .swiper-slide .contentBox h2{max-width:100%;font-size:30px;line-height:42px;max-height:none;display:block}.banner-C .container .swiper-container .swiper-wrapper .swiper-slide .contentBox .desc{max-width:100%;font-size:16px;line-height:26px;margin:20px 0 24px;display:block;max-height:none}.banner-C .top-height{display:none}.banner-C .container .swiper-container .swiper-wrapper .swiper-slide .contentBox .btn-group>a{height:40px;line-height:40px;padding:0 24px;font-size:14px}.pagination{bottom:24px}.content-c1 .container{display:flex;flex-direction:column;height:auto;padding:64px 24px 30px;margin:0}.content-c1 .container .left{width:100%}.content-c1 .container .left h2{font-size:28px;line-height:40px;margin-bottom:24px;max-height:none}.content-c1 .container .left .desc{font-size:16px;line-height:26px;max-height:none;margin-bottom:24px}.content-c1 .container .right{width:100%;height:320px}.content-c1 .container .right .image{height:100%}.content-c1 .container .right .image img{width:100%;height:100%;display:block}.bttn,.pill{height:40px;line-height:40px;padding:0 24px;font-size:14px}.feature-section .shell{padding:64px 0 32px;display:block;min-height:0}.feature-copy{width:100%}.feature-copy h2{font-size:28px;line-height:40px;margin-bottom:32px}.feature-copy h3{font-size:22px;line-height:32px;margin-bottom:16px}.feature-copy p{font-size:16px;line-height:26px}.feature-visual{width:100%;height:300px;margin-top:24px}.feature-nav{gap:24px;margin-top:24px}.feature-nav button{font-size:14px}.content-b2 .content-b2-normal .container{padding:64px 24px 0}.content-b2 .contentInner .container h2{font-size:28px;line-height:40px}.content-b2 .contentInner .container .desc{font-size:16px;line-height:26px;max-width:100%}.content-b2 .contentInner .main{width:100%;padding:0 12px;margin-top:0}.content-b2 .content-b2-normal{padding-bottom:40px}.process-art{min-height:190px}.section-note{font-size:11px;padding:0 24px}.cooperation{padding:64px 0 40px}.cooperation h2{font-size:28px;line-height:40px;margin-bottom:32px}.cooperation-grid{grid-template-columns:1fr;gap:16px}.cooperation-card{padding:28px;min-height:0}.cooperation-card h3{font-size:22px}.page-hero{padding:148px 0 50px}.page-hero h1{font-size:32px;line-height:44px;margin-bottom:24px}.page-hero p{font-size:16px;line-height:28px}.page-body{padding:54px 0}.page-body h2{font-size:28px;line-height:40px}.article-row{grid-template-columns:1fr;gap:20px;padding:32px 0}.article-row h3{font-size:23px;line-height:34px}.article-row p{font-size:16px;line-height:28px}.steps{grid-template-columns:1fr 1fr;gap:24px;padding:24px 0}.steps h3{font-size:19px}.steps p{font-size:14px;line-height:24px}.closing{padding:50px 24px}.closing h2{font-size:28px;line-height:40px}.closing p{font-size:16px;line-height:28px}.feature-detail{padding:25px 0 50px}.feature-detail nav{gap:24px;margin-bottom:32px}.feature-detail nav button{font-size:20px}.feature-detail h2{font-size:28px;line-height:40px}.feature-detail p{font-size:16px;line-height:28px}.contact-note{padding:24px}.footer-links{grid-template-columns:1fr 1fr;gap:32px 20px;padding-bottom:30px}footer{padding:40px 24px 28px}.footer-links h3{font-size:14px;margin-bottom:14px}.footer-links a{font-size:12px;line-height:28px}.footer-bottom{flex-wrap:wrap;gap:20px}.footer-bottom small{margin-left:0;width:100%}.to-top{right:12px;bottom:15px;width:36px;height:36px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
/* Match measured reference geometry: hero starts behind the 45 + 81px header. */
.site-header{position:fixed}.notice{height:45px}.banner-C{padding-top:0}.banner-C .container .swiper-container .swiper-wrapper .swiper-slide.active .contentBox{transform:translateY(50px)}.banner-C .container .swiper-container .swiper-wrapper .swiper-slide .contentBox{transform:translateY(75px)}
.content-c1 .container .left h2{margin-bottom:64px}.content-c1 .container .left .desc{margin-bottom:48px}.content-c1 .container .right .image img{height:100%;object-fit:contain}
@media(min-width:721px) and (max-width:1440px){.content-c1 .container{width:100%;padding:0 80px;margin:0}.content-c1 .container .left{width:calc(100% - 740px)}.content-c1 .container .right{width:740px;flex-shrink:0}}
@media(min-width:721px) and (max-width:1200px){.content-c1 .container{padding:0 40px}.content-c1 .container .left{width:44%}.content-c1 .container .right{width:56%}.content-c1 .container .left h2{margin-bottom:32px}}
@media(max-width:720px){.notice{height:34px}.banner-C{padding-top:34px}.banner-C .container .swiper-container .swiper-wrapper .swiper-slide.active .contentBox{transform:none}.banner-C .container .swiper-container .swiper-wrapper .swiper-slide>img{top:auto;transform:translateX(-50%);bottom:0}.content-c1 .container .left h2{margin-bottom:24px}.content-c1 .container .left .desc{margin-bottom:24px}}
@media(max-width:720px){.banner-C .container .swiper-container .swiper-wrapper .swiper-slide .bgImage{display:block}.content-c1 .container .left{padding:0}.content-c1 .container .right .image img{display:block;height:100%;width:100%;object-fit:contain}.content-c1 .container{width:100%}}
@media(max-width:720px){.banner-C .swiper-container,.banner-C .swiper-slide{overflow:hidden}.content-c1 .container .left{padding:0!important}.content-c1 .container .right .image{display:flex;width:100%;height:100%}}
.feature-visual{height:auto;aspect-ratio:600/480}.process-art{stroke:none}
@media(min-width:1441px){.content-b2 .contentInner .container{max-width:1280px;padding-left:0;padding-right:0}}
@media(min-width:721px) and (max-width:1440px){.content-b2 .contentInner .container{width:calc(100% - 160px);max-width:none;margin:0 80px;padding-left:0;padding-right:0}}
@media(min-width:721px) and (max-width:1200px){.content-b2 .contentInner .container{width:calc(100% - 80px);margin:0 40px}}
@media(max-width:720px){.feature-visual{height:300px}}
.graphic-float{animation-name:graphic-drift}@keyframes graphic-drift{50%{translate:0 -6px}}