:root{--blue:#123e70;--blue2:#0a2a4e;--orange:#f36b35;--ink:#17212b;--muted:#66717c;--bg:#f4f6f8;--line:#dfe4e8}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:"Microsoft YaHei","PingFang SC",Arial,sans-serif;background:#fff}a{color:inherit;text-decoration:none}img{display:block;width:100%}button,input,select,textarea{font:inherit}.topbar{height:78px;display:flex;align-items:center;justify-content:space-between;padding:0 5vw;background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20}.logo{display:flex;align-items:center;gap:12px}.logo-mark{width:42px;height:42px;background:var(--blue);color:#fff;border-radius:5px;display:grid;place-items:center;font-family:serif;font-size:23px}.logo b{display:block;font-size:18px;letter-spacing:.12em}.logo small{font-size:8px;letter-spacing:.13em;color:#89929a}.topbar nav{display:flex;align-items:center;gap:24px;font-size:14px}.topbar nav>a:not(.nav-phone):hover{color:var(--blue)}.language-picker{display:flex;align-items:center;gap:6px;color:#66717c;font-size:12px}.language-picker select{border:1px solid var(--line);background:#fff;color:var(--ink);padding:8px 9px;cursor:pointer;outline:none}.language-picker select:focus{border-color:var(--blue)}.nav-phone{background:var(--blue);color:#fff;padding:13px 18px;white-space:nowrap}.menu{display:none;background:none;border:0}.menu i{display:block;width:24px;height:2px;background:var(--ink);margin:5px}
.hero{min-height:680px;display:grid;grid-template-columns:47% 53%;background:linear-gradient(125deg,#f4f7f9,#e8edf1)}.hero-copy{padding:100px 5vw 55px 8vw;display:flex;flex-direction:column;justify-content:center}.kicker,.overline,.section-title>div>p,.contact-head>p,.factory-note>div:first-child>p{color:var(--blue);font-size:12px;font-weight:700;letter-spacing:.18em}.kicker:before,.overline:before{content:"";display:inline-block;width:32px;height:2px;background:var(--orange);margin:0 10px 4px 0}.hero h1{font-size:clamp(46px,5vw,74px);line-height:1.18;margin:22px 0;font-weight:700;letter-spacing:.02em}.hero-desc{font-size:16px;line-height:2;color:var(--muted)}.hero-actions{display:flex;gap:14px;margin:32px 0 55px}.btn{padding:16px 28px;font-weight:700;font-size:14px}.btn.primary{background:var(--blue);color:#fff}.btn.primary:hover{background:var(--blue2)}.btn.ghost{border:1px solid #aeb8c0}.btn.ghost span{margin-left:28px}.hero-data{display:flex;border-top:1px solid #ccd5dc;padding-top:25px;gap:45px}.hero-data div{display:flex;flex-direction:column}.hero-data b{font-size:24px;color:var(--blue)}.hero-data span{font-size:11px;color:var(--muted);margin-top:6px}.hero-photo{position:relative;overflow:hidden;min-height:580px}.hero-photo img{height:100%;object-fit:cover}.photo-label{position:absolute;right:30px;bottom:25px;background:#fff;padding:10px 16px;font-size:12px;color:var(--blue);box-shadow:0 6px 20px #22334422}.trust-strip{height:82px;background:var(--blue);color:#fff;display:flex;align-items:center;justify-content:center;gap:38px;font-size:14px;letter-spacing:.08em}.trust-strip i{width:4px;height:4px;border-radius:50%;background:var(--orange)}
.section{padding:110px 7vw}.section-title{display:flex;justify-content:space-between;align-items:end;margin-bottom:42px}.section-title h2,.strength h2,.feature h2,.factory-note h2,.contact h2{font-size:clamp(34px,4vw,56px);line-height:1.25;margin:10px 0 0}.section-intro{font-size:14px;line-height:1.9;color:var(--muted)}.filters{display:flex;gap:10px;margin-bottom:30px;flex-wrap:wrap}.filters button{border:1px solid var(--line);background:#fff;padding:11px 20px;cursor:pointer;color:#58636c}.filters button.active,.filters button:hover{background:var(--blue);border-color:var(--blue);color:#fff}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.product-card{border:1px solid var(--line);background:#fff;transition:.25s}.product-card.wide{grid-column:span 2}.product-card:hover{transform:translateY(-5px);box-shadow:0 16px 35px #20304016}.photo{aspect-ratio:1.35;background:#eef1f3;overflow:hidden}.wide .photo{aspect-ratio:2.05}.photo img{height:100%;object-fit:cover;transition:.45s}.product-card:hover .photo img{transform:scale(1.025)}.product-meta{padding:20px 22px}.product-meta span{font-size:11px;color:var(--blue);font-weight:700}.product-meta h3{font-size:21px;margin:8px 0}.product-meta p{font-size:13px;color:var(--muted);margin:0}.product-card.hidden{display:none}
.strength{display:grid;grid-template-columns:42% 58%;background:var(--blue2);color:#fff;padding:110px 8vw}.strength-copy{padding-right:7vw}.strength .overline{color:#80b5e8}.strength-copy>p:not(.overline){color:#aebdcb;line-height:2;font-size:15px;margin:28px 0}.strength-copy>a{display:inline-block;border-bottom:1px solid #fff;padding-bottom:8px;font-size:14px}.strength-copy>a span{margin-left:24px}.process-list{border-top:1px solid #37536c}.process-list>div{display:grid;grid-template-columns:52px 1fr 1.7fr;gap:22px;align-items:center;border-bottom:1px solid #37536c;padding:22px 0}.process-list b{color:var(--orange);font-size:12px}.process-list h3{margin:0;font-size:18px}.process-list p{margin:0;color:#9eb0bf;font-size:13px;line-height:1.7}
.feature{display:grid;grid-template-columns:56% 44%;gap:0;background:var(--bg)}.feature-photo img{height:100%;object-fit:cover}.feature-copy{background:#fff;padding:70px 6vw}.feature-copy>p:not(.overline){color:var(--muted);line-height:1.9;font-size:14px}.feature-copy ul{list-style:none;padding:0;margin:30px 0 0}.feature-copy li{border-top:1px solid var(--line);padding:17px 0;font-size:14px}.feature-copy li:last-child{border-bottom:1px solid var(--line)}.feature-copy li span{display:inline-block;color:var(--orange);font-size:11px;width:45px}.factory-note{display:grid;grid-template-columns:1fr 1fr;gap:12vw;padding:110px 10vw}.factory-note>div:last-child{border-left:3px solid var(--orange);padding-left:38px}.factory-note>div:last-child p{color:var(--muted);line-height:2;font-size:16px}.factory-note>div:last-child p:last-child{color:var(--blue);font-weight:700}
.contact{background:#e9edf1;padding:100px 8vw;display:grid;grid-template-columns:1fr .9fr;gap:10vw}.contact-head>div{display:flex;flex-direction:column;margin-top:28px}.contact-head span{font-size:11px;color:var(--muted);margin-bottom:7px}.contact-head b{font-size:18px}.contact form{background:#fff;padding:35px;display:grid;grid-template-columns:1fr 1fr;gap:22px 18px}.contact label{font-size:12px;color:var(--muted)}.contact label:nth-child(4){grid-column:1/-1}.contact input,.contact select,.contact textarea{display:block;width:100%;border:0;border-bottom:1px solid #cbd2d7;padding:12px 0;outline:none;color:var(--ink)}.contact textarea{height:62px;resize:none}.contact input:focus,.contact select:focus,.contact textarea:focus{border-color:var(--blue)}.contact form button{grid-column:1/-1;background:var(--blue);color:#fff;border:0;padding:16px 20px;display:flex;justify-content:space-between;cursor:pointer}.contact form button:hover{background:var(--blue2)}.form-note{grid-column:1/-1;text-align:center;font-size:11px;color:#87919a;margin:0}.form-note.success{color:#168447;font-weight:700}footer{background:#101f2d;color:#fff;padding:50px 6vw 28px;display:grid;grid-template-columns:1fr auto;align-items:center;gap:35px}footer .logo-mark{background:#fff;color:var(--blue)}footer .logo small{color:#91a3b2}footer>p{font-size:12px;color:#91a3b2}footer>p:last-child{grid-column:1/-1;border-top:1px solid #2b3b49;padding-top:22px;margin:0}
.contact-head .contact-qr{margin-top:34px;display:flex;flex-direction:row;align-items:center;gap:16px}.contact-qr img{width:116px;height:116px;object-fit:cover;border:7px solid #fff;box-shadow:0 8px 24px #1e34461b}.contact-qr p{margin:0;display:flex;flex-direction:column;gap:7px}.contact-qr p b{font-size:16px}.contact-qr p span{font-size:11px;line-height:1.6;max-width:165px}
.wechat-float{position:fixed;right:20px;bottom:80px;z-index:30}.wechat-float>button{width:58px;border:0;background:#18b957;color:#fff;padding:9px 6px;border-radius:5px;box-shadow:0 8px 24px #1236;cursor:pointer}.wechat-float>button span{display:grid;place-items:center;margin:0 auto 5px;width:28px;height:28px;border:2px solid #fff;border-radius:50%;font-weight:700}.wechat-float>button b{font-size:11px;writing-mode:vertical-rl;letter-spacing:.08em}.wechat-card{position:absolute;right:70px;bottom:0;width:230px;background:#fff;padding:16px;box-shadow:0 14px 42px #14253638;text-align:center;border-top:4px solid #18b957;opacity:0;visibility:hidden;transform:translateX(10px);transition:.25s}.wechat-float:hover .wechat-card,.wechat-float.open .wechat-card{opacity:1;visibility:visible;transform:none}.wechat-card img{width:190px;height:190px;object-fit:cover;margin:auto}.wechat-card>b{display:block;font-size:15px;margin-top:10px}.wechat-card small{display:block;color:var(--muted);font-size:10px;margin-top:5px}.wechat-close{display:none;position:absolute;right:6px;top:4px;border:0;background:none;font-size:22px;color:#73808a}
[dir="rtl"] body{font-family:Arial,Tahoma,sans-serif}[dir="rtl"] .kicker:before,[dir="rtl"] .overline:before{margin:0 0 4px 10px}[dir="rtl"] .factory-note>div:last-child{border-left:0;border-right:3px solid var(--orange);padding-left:0;padding-right:38px}[dir="rtl"] .hero-data,[dir="rtl"] .section-title,[dir="rtl"] .contact-qr,[dir="rtl"] .logo{direction:rtl}[dir="rtl"] .wechat-float{right:auto;left:20px}[dir="rtl"] .wechat-card{right:auto;left:70px}
@media(max-width:900px){.topbar{height:68px;padding:0 20px}.topbar nav{display:none;position:absolute;top:68px;left:0;right:0;background:#fff;flex-direction:column;align-items:stretch;gap:0;padding:16px;box-shadow:0 14px 25px #1233}.topbar nav.open{display:flex}.topbar nav a{padding:14px;border-bottom:1px solid var(--line)}.language-picker{padding:12px 14px;border-bottom:1px solid var(--line);justify-content:space-between}.language-picker select{min-width:160px}.menu{display:block}.hero{grid-template-columns:1fr}.hero-copy{padding:70px 24px 45px}.hero h1{font-size:44px}.hero-data{gap:20px;flex-wrap:wrap}.hero-photo{min-height:420px}.trust-strip{overflow:auto;justify-content:flex-start;padding:0 24px;gap:22px}.trust-strip span{white-space:nowrap}.section{padding:75px 24px}.section-title{display:block}.section-intro{margin-top:20px}.product-grid{grid-template-columns:1fr 1fr}.product-card.wide{grid-column:span 2}.strength{grid-template-columns:1fr;padding:75px 24px;gap:50px}.process-list>div{grid-template-columns:35px 1fr}.process-list p{grid-column:2}.feature{grid-template-columns:1fr;padding:0}.feature-photo{min-height:430px}.feature-copy{padding:65px 24px}.factory-note,.contact{grid-template-columns:1fr;padding:75px 24px;gap:45px}.factory-note>div:last-child{padding-left:25px}.wechat-float{right:12px;bottom:20px}.wechat-float:hover .wechat-card:not(.force-open){opacity:0;visibility:hidden}.wechat-float.open .wechat-card{opacity:1;visibility:visible}.wechat-card{position:fixed;left:50%;right:auto;bottom:85px;transform:translate(-50%,12px)}.wechat-float.open .wechat-card{transform:translate(-50%,0)}.wechat-close{display:block}footer{grid-template-columns:1fr}}@media(max-width:560px){.logo b{font-size:16px}.hero h1{font-size:38px}.hero-photo{min-height:320px}.hero-data div{width:42%}.product-grid{grid-template-columns:1fr}.product-card.wide{grid-column:auto}.wide .photo,.photo{aspect-ratio:1.3}.process-list>div{grid-template-columns:30px 1fr}.contact form{grid-template-columns:1fr;padding:25px 20px}.contact label:nth-child(4),.contact form button,.form-note{grid-column:auto}.section-title h2,.strength h2,.feature h2,.factory-note h2,.contact h2{font-size:34px}.contact-head .contact-qr{align-items:flex-start}.contact-qr img{width:104px;height:104px}}