/* 首页专用样式 */

/* ===== index.html ===== */
html { scroll-behavior: smooth; }
        .hero { position:relative;width:100%;min-height:420px;height:clamp(420px,36vw,550px);color:#fff;overflow:hidden;background:#30394f;isolation:isolate; }
        .hero-track,.hero-slide{position:absolute;inset:0}
        .hero-slide{display:flex;align-items:center;opacity:0;visibility:hidden;transform:scale(1.035);transition:opacity .85s ease,transform 1.2s ease,visibility .85s;overflow:hidden}
        .hero-slide.is-active{opacity:1;visibility:visible;transform:scale(1);z-index:1}
        .hero-slide:before,.hero-slide:after{content:'';position:absolute;pointer-events:none}
        .hero-slide:before{width:54vw;height:54vw;right:-16vw;top:-25vw;border:1px solid rgba(255,255,255,.13);border-radius:50%}
        .hero-slide:after{width:28vw;height:28vw;right:2vw;bottom:-19vw;border-radius:50%;background:rgba(255,255,255,.055);filter:blur(2px)}
        .hero-slide--one{background:radial-gradient(circle at 78% 46%,rgba(164,183,219,.18),transparent 23%),linear-gradient(118deg,#242b40 0%,#49536f 58%,#8f95b4 100%)}
        .hero-slide--two{background:radial-gradient(circle at 78% 46%,rgba(141,217,231,.18),transparent 23%),linear-gradient(120deg,#0e3147 0%,#17617c 56%,#73a9ba 100%)}
        .hero-slide--three{background:radial-gradient(circle at 78% 46%,rgba(188,185,225,.16),transparent 23%),linear-gradient(120deg,#282b40 0%,#4b5270 56%,#888aa9 100%)}
        .hero-copy { position:relative;z-index:2;width:calc(100% - 48px);max-width:1180px;margin:0 auto;padding:20px 47% 20px 28px;box-sizing:border-box; }
        .hero-copy>*{opacity:0;transform:translateY(18px)}
        .hero-slide.is-active .hero-copy>*{animation:hero-rise .75s ease forwards}
        .hero-slide.is-active .hero-copy h1,.hero-slide.is-active .hero-copy h2{animation-delay:.08s}
        .hero-slide.is-active .hero-copy p{animation-delay:.18s}
        .hero-slide.is-active .hero-copy .hero-link{animation-delay:.28s}
        .hero-kicker{display:flex;align-items:center;gap:12px;margin-bottom:18px;font-size:11px;letter-spacing:.3em;color:rgba(255,255,255,.72)}
        .hero-kicker:before{content:'';width:34px;height:1px;background:rgba(255,255,255,.58)}
        .hero-copy h1,.hero-copy h2{font-weight:400;letter-spacing:.11em;font-size:clamp(32px,3vw,46px);line-height:1.38;margin:0;color:#fff;white-space:nowrap;text-shadow:0 8px 28px rgba(16,24,44,.16)}
        .hero-copy p{max-width:650px;margin:20px 0 0;font-size:16px;line-height:2;color:rgba(255,255,255,.88)}
        .hero-link{display:inline-flex;align-items:center;margin-top:28px;padding:10px 18px;border:1px solid rgba(255,255,255,.55);color:#fff;letter-spacing:.08em;transition:background .25s ease,color .25s ease,transform .25s ease}
        .hero-link:after{content:'→';margin-left:18px;transition:transform .25s ease}.hero-link:hover,.hero-link:focus{color:#39445b;background:#fff;transform:translateY(-2px);text-decoration:none}.hero-link:hover:after{transform:translateX(4px)}
        .hero-control{position:absolute;top:50%;z-index:4;width:46px;height:46px;margin-top:-23px;border:1px solid rgba(255,255,255,.35);border-radius:50%;background:rgba(22,28,46,.12);color:#fff;font:300 28px/42px Arial,sans-serif;text-align:center;cursor:pointer;transition:background .25s,border-color .25s,transform .25s}
        .hero-control:hover,.hero-control:focus{background:rgba(255,255,255,.18);border-color:rgba(255,255,255,.75);transform:scale(1.06);outline:none}.hero-prev{left:30px}.hero-next{right:30px}
        .hero-dots{position:absolute;z-index:4;left:50%;bottom:28px;display:flex;gap:10px;transform:translateX(-50%)}
        .hero-dot{width:9px;height:9px;padding:0;border:1px solid rgba(255,255,255,.75);border-radius:50%;background:transparent;cursor:pointer;transition:width .3s,border-radius .3s,background .3s}.hero-dot.is-active{width:30px;border-radius:8px;background:#fff}.hero-dot:focus{outline:2px solid #fff;outline-offset:3px}
        .hero-progress{position:absolute;left:0;right:0;bottom:0;z-index:4;height:2px;background:rgba(255,255,255,.13)}.hero-progress span{display:block;width:0;height:100%;background:rgba(255,255,255,.82)}.hero.is-playing .hero-progress span{animation:hero-progress 6.5s linear forwards}
        .hero-visual{position:absolute;z-index:2;right:max(8vw,72px);top:50%;width:310px;height:310px;transform:translateY(-50%);border:1px solid rgba(255,255,255,.18);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;pointer-events:none}
        .hero-visual:before,.hero-visual:after{content:'';position:absolute;border-radius:50%;border:1px solid rgba(255,255,255,.16)}.hero-visual:before{inset:34px}.hero-visual:after{inset:78px;background:rgba(255,255,255,.045);box-shadow:0 0 80px rgba(255,255,255,.08)}
        .hero-visual strong{position:relative;z-index:2;font:300 76px/1 Arial,sans-serif;letter-spacing:-.05em;color:rgba(255,255,255,.2)}.hero-visual small{position:absolute;z-index:2;left:50%;bottom:68px;transform:translateX(-50%);font-size:10px;letter-spacing:.32em;white-space:nowrap;color:rgba(255,255,255,.72)}
        @keyframes hero-rise{to{opacity:1;transform:translateY(0)}}@keyframes hero-progress{to{width:100%}}
        .section-kicker{display:block;margin-bottom:8px;color:#278fba;font-size:11px;letter-spacing:.32em;text-transform:uppercase}.section-lead{max-width:620px;margin:0 auto;color:#77858e;line-height:1.9}
        .product-grid { display:grid;grid-template-columns:repeat(3,1fr);gap:1px;padding:1px;margin-top:30px!important;background:#dbe5ea;border:1px solid #dbe5ea;box-shadow:0 18px 50px rgba(35,61,76,.08);text-align:left;overflow:hidden; }
        .product-card { display:block;min-height:172px;padding:31px 28px 24px 76px;position:relative;background:linear-gradient(145deg,#fff 0%,#fbfdfe 100%);overflow:hidden;text-decoration:none; }
        .product-card:before{content:attr(data-no);position:absolute;left:26px;top:32px;font:600 12px/1 Arial,sans-serif;letter-spacing:.08em;color:#2395c1}
        .product-card:after { content:'→';position:absolute;right:25px;bottom:20px;color:#9aabb4;font:300 19px/1 Arial,sans-serif;transition:transform .25s ease,color .25s ease; }
        .product-card h3 { margin:0 0 16px;text-align:left;font-size:19px;font-weight:400;color:#334653;line-height:1.45; }
        .product-card p { margin:0;color:#7b8991;line-height:1.85; }
        .product-card:nth-child(1),.product-card:nth-child(5),.product-card:nth-child(9){background:linear-gradient(145deg,#f4fafc 0%,#fff 78%)}
        .product-card:hover,.product-card:focus{text-decoration:none;outline:none}.product-card:hover:after,.product-card:focus:after{transform:translateX(5px);color:#218fba}.product-card:hover h3,.product-card:focus h3{color:#167fa8}
        .empty-note { color:#999;padding:25px 0; }
        #about,#products,#news{padding-top:64px!important;padding-bottom:64px!important}#about>h3,#products>h3{font-size:28px!important;margin-bottom:16px;color:#3c4750}.qywh{padding:0}.qywh .whbg{width:100%;max-width:none;margin:0;min-height:420px;padding:80px 0 90px 560px;background-position:left bottom;background-size:auto 80%;box-sizing:border-box}.qywh h3{font-size:28px!important}.product-card{transition:background .25s ease,color .25s ease}.product-card:hover{background:#f3f9fc}
        .shbg{padding:66px 0!important}.service-heading{text-align:center;margin:0 auto 14px;font-size:31px;letter-spacing:.14em;font-weight:400}.service-intro{max-width:820px;margin:0 auto 34px;text-align:center;color:rgba(255,255,255,.82);line-height:1.9}.service-points{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin-bottom:34px;background:rgba(255,255,255,.18);border:1px solid rgba(255,255,255,.18)}.service-point{min-height:190px;padding:28px 30px;background:rgba(47,47,67,.24)}.service-point h3{margin:0 0 14px;font-size:19px;font-weight:400}.service-point ul{margin:0;padding:0;list-style:none;color:rgba(255,255,255,.84);line-height:1.85}.service-point li{position:relative;padding-left:15px;margin:6px 0}.service-point li:before{content:'·';position:absolute;left:0}.service-badges{display:grid;grid-template-columns:repeat(6,1fr);gap:14px}.rylist{height:100%;min-height:154px;padding:22px 8px 16px;background:rgba(255,255,255,.94);color:#405364;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center}.rylist img{width:74px;height:74px;object-fit:contain}.rylist p{margin:9px 0 0!important;font-size:16px}
        .news-section-head{text-align:center;margin:0 auto 38px}.news-section-head .section-kicker{margin-bottom:8px}.news-section-head h3{margin:0 0 12px;color:#354652;font-size:29px;font-weight:400;letter-spacing:.08em}.news-section-head p{max-width:620px;margin:0 auto;color:#7b8991;line-height:1.8}.news-columns{display:grid;grid-template-columns:1fr 1fr;gap:34px}.news-column{position:relative;padding-top:22px;border-top:2px solid #3199c1}.news-heading{display:flex;align-items:center;margin-bottom:15px}.news-heading-label{margin-right:13px;color:#3199c1;font:600 10px/1 Arial,sans-serif;letter-spacing:.18em}.news-heading h3{margin:0;color:#3f4a59;font-size:24px;font-weight:400;white-space:nowrap}.news-more{margin-left:auto;color:#71808a;font-size:12px;letter-spacing:.08em;transition:color .2s}.news-more:after{content:'→';display:inline-block;margin-left:8px;transition:transform .2s}.news-more:hover,.news-more:focus{color:#1684af;text-decoration:none}.news-more:hover:after{transform:translateX(4px)}.news-list{border-top:1px solid #e3eaee}.news-item{display:grid;grid-template-columns:66px 1fr;gap:17px;min-height:116px;padding:21px 14px;border-bottom:1px solid #e6ecef}.news-date{padding-top:2px;border-right:1px solid #dce6eb}.news-date strong{display:block;font:400 22px/1.05 Arial,sans-serif;color:#258fb8}.news-date span{font:400 11px/1.4 Arial,sans-serif;color:#94a2aa;letter-spacing:.08em}.news-copy a{display:block;margin:0 0 8px;color:#3f4a59;font-size:16px;line-height:1.5;transition:color .2s}.news-copy a:hover{color:#1684af;text-decoration:none}.news-copy p{display:-webkit-box;margin:0;overflow:hidden;color:#85929a;line-height:1.72;-webkit-box-orient:vertical;-webkit-line-clamp:2}.footer{padding-top:48px!important}
        @media (max-width: 991px){.hero-copy{padding-left:9%;padding-right:42%}.hero-visual{right:5%;width:250px;height:250px}.hero-prev{left:18px}.hero-next{right:18px}.product-grid{grid-template-columns:repeat(2,1fr)}.qywh .whbg{min-height:360px;padding:55px 0 55px 48%;background-size:auto 70%}.service-points{grid-template-columns:1fr}.service-point{min-height:0}.service-badges{grid-template-columns:repeat(3,1fr)}.news-columns{gap:32px}}
        @media (max-width: 767px) {
            .hero{height:390px;min-height:390px}.hero-slide{transition:none;transform:none}.hero-copy{width:calc(100% - 48px);padding:30px 0 58px}.hero-kicker{font-size:9px;margin-bottom:13px;letter-spacing:.22em}.hero-kicker:before{width:22px}.hero-copy h1,.hero-copy h2{font-size:27px;letter-spacing:.07em;white-space:normal}.hero-copy p{font-size:14px;line-height:1.75;margin-top:14px;max-width:88%}.hero-copy br{display:none}.hero-link{margin-top:20px;padding:9px 15px}.hero-visual{display:none}.hero-control{top:auto;bottom:22px;width:36px;height:36px;margin:0;font-size:22px;line-height:32px}.hero-prev{left:18px}.hero-next{right:18px}.hero-dots{bottom:35px}.hero-slide:before{width:90vw;height:90vw;right:-45vw;top:-15vw}
            .hero-copy>*,.hero-slide.is-active .hero-copy>*{opacity:1;transform:none;animation:none!important}
            #about,#products,#news{padding-top:42px!important;padding-bottom:42px!important}#about .col-xs-8,#about .col-xs-4{width:100%;float:none}#about .col-xs-4{margin-top:22px}#about .col-xs-4 img{max-height:230px;object-fit:contain}
            .qywh{padding:42px 0}.qywh .whbg{width:100%;max-width:none;min-height:0;margin:0;padding:24px;background:rgba(255,255,255,.9)}
            .product-grid{grid-template-columns:1fr;margin-top:24px!important}.product-card{min-height:142px;padding:26px 50px 22px 68px}.product-card:before{left:23px;top:28px}.product-card:after{display:block;right:22px;bottom:19px}
            .shbg{padding:44px 0!important}.service-heading{font-size:25px;letter-spacing:.08em}.service-intro{text-align:left;margin-bottom:24px}.service-points{margin-bottom:22px}.service-point{padding:22px}.service-badges{grid-template-columns:repeat(2,1fr);gap:10px}.rylist{min-height:126px;padding:14px 4px}.rylist img{width:58px;height:58px}.rylist p{font-size:13px}
            .news-section-head{margin-bottom:30px}.news-section-head h3{font-size:25px}.news-section-head p{text-align:left}.news-columns{grid-template-columns:1fr;gap:38px}.news-column{padding-top:18px}.news-heading h3{font-size:22px}.news-item{grid-template-columns:58px 1fr;gap:13px;padding:19px 12px;min-height:0}.news-date strong{font-size:19px}.news-copy a{font-size:15px}
        }
        @media(max-width:420px){.hero{height:340px;min-height:340px}.hero-copy h1,.hero-copy h2{font-size:24px}}
        @media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero-slide,.hero-copy>*,.hero-progress span,.hero-link,.product-card{animation:none!important;transition:none!important}.hero-slide.is-active .hero-copy>*{opacity:1;transform:none}}
        #about .about-media{position:relative;padding:10px 12px 10px 28px;overflow:visible}#about .about-media:before{content:'';position:absolute;right:3%;bottom:4%;width:58%;height:58%;border-radius:50%;background:radial-gradient(circle,rgba(53,157,197,.1),rgba(53,157,197,0) 70%);pointer-events:none}#about .about-media img{position:relative;z-index:1;transition:transform .38s ease,filter .38s ease}#about .about-media:hover img{transform:translateY(-6px) scale(1.025);filter:drop-shadow(0 16px 18px rgba(43,64,76,.16))}.qywh .whbg{transition:background-size .45s ease}.qywh:hover .whbg{background-size:auto 84%}.rylist{position:relative;overflow:hidden;transition:transform .25s ease,background .25s ease,box-shadow .25s ease,color .25s ease}.rylist:after{content:'';position:absolute;left:50%;right:50%;bottom:0;height:3px;background:#329ac2;transition:left .25s ease,right .25s ease}.rylist img{transition:transform .25s ease,filter .25s ease}.rylist:hover{transform:translateY(-6px);background:#fff;color:#2385ad;box-shadow:0 16px 30px rgba(20,26,47,.2)}.rylist:hover:after{left:0;right:0}.rylist:hover img{transform:scale(1.08);filter:contrast(1.08)}.news-item{transition:background .22s ease,transform .22s ease,box-shadow .22s ease}.news-item:hover{background:linear-gradient(90deg,rgba(35,143,196,.075),rgba(35,143,196,.018));transform:translateX(3px);box-shadow:inset 3px 0 #3199c1}.news-item:hover .news-copy a{color:#1684af}@media(max-width:767px){#about .about-media{padding:6px 0}.qywh:hover .whbg{background-size:auto 70%}.rylist:hover,.news-item:hover{transform:none}.footer-record{display:block;margin:5px 0 0}}@media(prefers-reduced-motion:reduce){#about .about-media img,.qywh .whbg,.rylist,.rylist img,.news-item{transition:none!important}.rylist:hover,#about .about-media:hover img,.news-item:hover{transform:none!important}}
        .hero-control{display:flex;align-items:center;justify-content:center;padding:0;font-size:0;line-height:1}.hero-control:before{content:'';display:block;width:9px;height:9px;border-top:2px solid currentColor;border-right:2px solid currentColor}.hero-prev:before{transform:rotate(-135deg)}.hero-next:before{transform:rotate(45deg)}
        #about{position:relative}#about>.section-kicker{margin-bottom:9px}#about>h3{margin-top:0!important;margin-bottom:26px!important;letter-spacing:.08em}#about .about-copy{padding-right:48px;color:#53616a;font-size:15px!important;line-height:2.05!important}#about .about-copy p{max-width:760px;margin:0 0 17px;text-indent:0!important;letter-spacing:.015em}#about .about-copy p:last-child{margin-bottom:0}.qywh .culture-copy{padding-top:72px;padding-right:34px;padding-bottom:70px}.culture-copy h3{margin:0 0 24px;color:#34424c;letter-spacing:.08em}.culture-copy p{position:relative;margin:0 0 16px!important;padding-left:78px;color:#53616a;line-height:1.9;text-indent:0!important}.culture-copy p strong{position:absolute;left:0;top:0;color:#278fba;font-size:14px;font-weight:500;letter-spacing:.08em}.culture-copy p span{display:block}@media(max-width:991px){#about .about-copy{padding-right:24px}.qywh .culture-copy{padding-top:52px;padding-right:24px;padding-bottom:52px}.culture-copy p{padding-left:0}.culture-copy p strong{position:static;display:block;margin-bottom:4px}}@media(max-width:767px){#about>.section-kicker{margin-bottom:7px}#about>h3{margin-bottom:18px!important}#about .about-copy{padding-right:0;font-size:14px!important;line-height:1.9!important}#about .about-copy p{margin-bottom:14px}.qywh .culture-copy{padding:24px}.culture-copy h3{margin-bottom:18px}.culture-copy p{margin-bottom:14px!important}}