/* 兰博企业 v2 · 中国红方案。系统字体（国内打开快），无外部资源。 */
:root{--brand:#C8161D;--brand-d:#9A0E13;--brand-l:#FBEDED;--ink:#17191C;--ink2:#4A4F57;--muted:#7A7F87;--line:#E4E1DD;--bg:#fff;--soft:#F7F4F1;--dark:#141416;--dark2:#1F2023;--ok:#16632F;--ok-bg:#E8F5EC;--r:6px;
 --sans:"PingFang SC","Hiragino Sans GB","Microsoft YaHei","Noto Sans CJK SC",system-ui,-apple-system,"Segoe UI",sans-serif;--num:"DIN Alternate","Bahnschrift","Helvetica Neue",Arial,sans-serif}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
:root:lang(ru){--sans:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,"PingFang SC","Microsoft YaHei",sans-serif}
body{font:16px/1.65 var(--sans);color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
button,input,select,textarea{font:inherit;color:inherit}
:focus-visible{outline:3px solid var(--brand);outline-offset:2px}
.wrap{max-width:1240px;margin:0 auto;padding:0 20px}
.sr{position:absolute;left:-9999px}.sr:focus{left:12px;top:12px;z-index:99;background:#fff;padding:8px 12px}
.num{font-family:var(--num);font-weight:700;letter-spacing:-.02em}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:48px;padding:0 24px;border-radius:4px;font-weight:600;font-size:16px;border:2px solid transparent;cursor:pointer;transition:.15s;white-space:nowrap;background:none}
.btn-p{background:var(--brand);color:#fff}.btn-p:hover{background:var(--brand-d)}
.btn-o{border-color:currentColor}.btn-o:hover{background:rgba(255,255,255,.12)}
.btn-l{border-color:var(--line);color:var(--ink);background:#fff}.btn-l:hover{border-color:var(--brand);color:var(--brand)}
.btn-w{background:#07C160;color:#fff}.btn-w:hover{background:#06a352}
.btn.sm{height:40px;font-size:14px;padding:0 14px}
.eyebrow{display:inline-block;font-size:13px;font-weight:700;letter-spacing:.12em;color:var(--brand);margin-bottom:10px}
.sec{padding:84px 0}.sec-soft{background:var(--soft)}
.sec-h{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:34px;flex-wrap:wrap}
.sec-h h2{font-size:clamp(26px,3.2vw,38px);line-height:1.25;font-weight:800;text-wrap:balance}
.sec-h p{color:var(--ink2);max-width:600px;margin-top:8px}
.more{font-weight:600;color:var(--brand);white-space:nowrap}.more:after{content:" →"}
.chip{display:inline-block;font-size:12.5px;background:var(--soft);color:var(--ink2);padding:2px 9px;border-radius:3px}
.chip.b{background:var(--brand-l);color:var(--brand-d);font-weight:700}

/* ---------- 顶栏 / 导航 ---------- */
.util{background:var(--dark);color:#C9CDD3;font-size:13px}
.util .wrap{display:flex;justify-content:space-between;height:36px;align-items:center;gap:16px}
.util a:hover{color:#fff}.util .r{display:flex;gap:18px}
header.nav{position:sticky;top:0;z-index:50;background:#fff;border-bottom:1px solid var(--line)}
.nav .wrap{display:flex;align-items:center;height:72px;gap:26px}
.logo img{height:40px;width:auto}
.menu{display:flex;gap:4px;font-weight:600;font-size:16px;flex:1;height:100%}
.menu>div{position:relative;display:flex}
.menu>div>a{display:flex;align-items:center;padding:0 12px;border-bottom:3px solid transparent}
.menu>div>a:hover,.menu>div>a.on{border-color:var(--brand);color:var(--brand)}
.menu .sub{position:absolute;top:100%;left:0;min-width:240px;background:#fff;border:1px solid var(--line);border-radius:0 0 6px 6px;box-shadow:0 14px 30px rgba(0,0,0,.08);padding:8px;display:none;font-weight:500;font-size:15px}
.menu .sub.mega{display:none;grid-template-columns:repeat(3,minmax(200px,1fr));gap:4px 16px;padding:18px;min-width:700px}
.menu>div:hover .sub{display:block}.menu>div:hover .sub.mega{display:grid}
.menu .sub a{display:block;padding:7px 10px;border-radius:4px}.menu .sub a:hover{background:var(--soft);color:var(--brand)}
.menu .sub.mega b a{font-weight:700;color:var(--ink)}
.menu .sub.mega small{display:block;color:var(--muted);font-size:13px;padding:0 10px 6px}
.tools{display:flex;align-items:center;gap:10px}
.ico{width:42px;height:42px;display:grid;place-items:center;border-radius:4px;position:relative;cursor:pointer;background:none;border:0}
.ico:hover{background:var(--soft)}.ico svg{width:22px;height:22px}
.badge{position:absolute;top:2px;right:0;background:var(--brand);color:#fff;font-size:11px;min-width:18px;height:18px;border-radius:9px;display:grid;place-items:center;padding:0 4px}
.badge[data-n="0"]{display:none}
.nav .btn{height:42px;padding:0 18px;font-size:15px}
.burger{display:none}

/* ---------- 首屏 ---------- */
.hero{position:relative;color:#fff;overflow:hidden;background:var(--dark)}
.hero .bg{position:absolute;inset:0;background-size:cover;background-position:center}
.hero video.bg{width:100%;height:100%;object-fit:cover}
.hero .ov{position:absolute;inset:0;background:linear-gradient(90deg,rgba(15,10,10,.86) 0%,rgba(15,10,10,.55) 48%,rgba(15,10,10,.15) 100%)}
.hero:before{content:"";position:absolute;left:0;top:0;bottom:0;width:10px;background:var(--brand);z-index:3}
.hero:after{content:"";position:absolute;left:0;right:0;bottom:0;height:6px;background:var(--brand);z-index:3}
.hero .wrap{position:relative;z-index:2;min-height:min(76vh,700px);display:flex;flex-direction:column;justify-content:center;padding-top:64px;padding-bottom:72px}
.hero h1{font-size:clamp(40px,7vw,88px);line-height:1.22;font-weight:900;max-width:900px}
.hero h1 em{font-style:normal;white-space:nowrap;background:var(--brand);padding:0 .18em;-webkit-box-decoration-break:clone;box-decoration-break:clone}
.hero .sub{font-size:clamp(16px,1.6vw,20px);max-width:640px;margin:22px 0 34px;color:rgba(255,255,255,.92)}
.hero .ctas{display:flex;gap:14px;flex-wrap:wrap;align-items:center}
.play{display:inline-flex;align-items:center;gap:10px;font-weight:600}
.play i{width:44px;height:44px;border-radius:50%;border:2px solid currentColor;display:grid;place-items:center}
.play i:after{content:"";border-left:12px solid currentColor;border-top:8px solid transparent;border-bottom:8px solid transparent;margin-left:3px}
.agent{margin-top:40px;display:flex;align-items:center;gap:12px;flex-wrap:wrap;font-size:14px;color:rgba(255,255,255,.88)}
.agent .lg{background:#fff;border-radius:4px;height:54px;padding:5px 12px;display:inline-flex;align-items:center}
.agent .lg img{max-height:44px;width:auto}

/* ---------- 数字墙 ---------- */
.stats{background:var(--dark2);color:#fff}
.stats .wrap{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}
.stat{padding:30px 24px;border-left:1px solid rgba(255,255,255,.1)}.stat:first-child{border-left:0}
.stat .num{font-size:clamp(34px,4vw,52px);line-height:1}
.stat .num small{font-size:.5em;margin-left:2px;color:var(--brand)}
.stat p{color:#B8BDC5;font-size:14px;margin-top:8px}

/* ---------- 两条路径 / 工序 ---------- */
.paths{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px}
.path{position:relative;min-height:340px;border-radius:var(--r);overflow:hidden;color:#fff;display:flex;align-items:flex-end;padding:32px}
.path img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .5s}
.path:hover img{transform:scale(1.04)}
.path:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.05) 0%,rgba(0,0,0,.55) 45%,rgba(0,0,0,.88));z-index:1}
.path>div{position:relative;z-index:2}
.path h3{font-size:27px;font-weight:800}.path p{opacity:.92;margin:6px 0 14px;max-width:460px}
.path .tags{display:flex;gap:8px;flex-wrap:wrap}.path .tags span{font-size:13px;background:rgba(255,255,255,.16);padding:3px 10px;border-radius:20px}
.procs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.proc{background:#fff;border:1px solid var(--line);border-radius:var(--r);overflow:hidden;transition:.2s;display:flex;flex-direction:column}
.proc:hover{border-color:var(--brand);box-shadow:0 10px 30px rgba(0,0,0,.08);transform:translateY(-2px)}
.proc .im{aspect-ratio:4/3;overflow:hidden;background:var(--soft)}.proc .im img{width:100%;height:100%;object-fit:cover}
.proc .tx{padding:16px 18px 18px}
.proc h3{font-size:18px;font-weight:700;display:flex;justify-content:space-between;gap:8px}
.proc h3 small{font-weight:600;color:var(--muted);font-size:13px;white-space:nowrap}
.proc p{font-size:14px;color:var(--ink2);margin-top:4px}

/* ---------- 产品卡 ---------- */
.prods{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.prods.g4{grid-template-columns:repeat(4,minmax(0,1fr))}
.prod{background:#fff;border:1px solid var(--line);border-radius:var(--r);display:flex;flex-direction:column;transition:.2s}
.prod:hover{border-color:#cfc9c2;box-shadow:0 8px 24px rgba(0,0,0,.06)}
.prod .im{aspect-ratio:1/1;padding:18px;display:grid;place-items:center;border-bottom:1px solid var(--line);background:#fff;border-radius:var(--r) var(--r) 0 0}
.prod .im img{max-height:100%;object-fit:contain}
.prod .tx{padding:16px 18px 18px;display:flex;flex-direction:column;gap:8px;flex:1}
.prod .cat{font-size:12px;font-weight:700;color:var(--brand);letter-spacing:.04em}
.prod h3{font-size:17px;line-height:1.4}
.prod .kv{list-style:none;font-size:13px;color:var(--ink2);display:grid;gap:2px}
.prod .kv b{color:var(--ink);font-weight:600}
.prod .act{display:flex;flex-wrap:wrap;gap:10px;margin-top:auto;padding-top:6px}
.prod .act .btn{flex:1 1 9em;min-width:0;white-space:normal;text-align:center;line-height:1.25}
.add.added{background:var(--ink);color:#fff}

/* ---------- 品牌 / 客户 ---------- */
.brands{background:var(--dark);color:#fff;padding:56px 0}
.brands .wrap{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:40px;align-items:center}
.brands h2{font-size:26px;line-height:1.35}.brands p{color:#AEB4BD;font-size:14px;margin-top:8px}
.bl{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.bl a{border:1px solid rgba(255,255,255,.14);border-radius:var(--r);padding:14px;text-align:center;transition:.2s}
.bl a:hover{border-color:var(--brand);background:rgba(255,255,255,.04)}
.bl .lgbox{background:#fff;border-radius:4px;height:84px;display:grid;place-items:center;padding:10px}
.bl .lgbox img{max-height:64px;width:auto;object-fit:contain}
.bl b{display:block;font-size:17px;margin-top:12px}.bl span{display:block;color:#AEB4BD;font-size:13px;margin-top:4px;line-height:1.5}
.clients{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:1px;background:var(--line);border:1px solid var(--line)}
.clients div{background:#fff;aspect-ratio:3/2;display:grid;place-items:center;padding:12px}
.clients img{max-height:56px;object-fit:contain;filter:grayscale(1);opacity:.72;transition:.2s}
.clients div:hover img{filter:none;opacity:1}

/* ---------- 案例 ---------- */
.cases{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:20px}
.case{position:relative;border-radius:var(--r);overflow:hidden;color:#fff;min-height:260px;display:flex;align-items:flex-end;background:var(--dark2)}
.cases .case:first-child{grid-row:span 2;min-height:540px}
.case img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.case:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,0) 35%,rgba(0,0,0,.86));z-index:1}
.case>div{position:relative;z-index:2;padding:24px}
.case .k{font-size:12px;font-weight:700;background:var(--brand);padding:2px 8px;border-radius:2px}
.case h3{font-size:21px;margin:10px 0 6px;line-height:1.35}.cases .case:first-child h3{font-size:28px}
.case p{font-size:14px;opacity:.9}
.case-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.case-grid .case{min-height:300px}

/* ---------- 工厂 / 服务 / 已购买 ---------- */
.fac{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:48px;align-items:center}
.fac .imgs{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);grid-template-rows:1fr 1fr;gap:12px;height:460px}
.fac .imgs img{width:100%;height:100%;object-fit:cover;border-radius:var(--r)}.fac .imgs img:first-child{grid-row:span 2}
.fac ul{list-style:none;margin:24px 0;display:grid;gap:16px}
.fac li{display:grid;grid-template-columns:44px minmax(0,1fr);gap:14px}
.fac li i{width:44px;height:44px;border-radius:var(--r);background:var(--soft);color:var(--brand);display:grid;place-items:center;font-style:normal;font-weight:800}
.fac li b{display:block;font-size:17px}.fac li span{color:var(--ink2);font-size:14.5px}
.certs{display:flex;gap:10px;flex-wrap:wrap}.certs a,.certs span{border:1px solid var(--line);border-radius:3px;padding:6px 12px;font-size:13px;font-weight:600}
.svc{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.svc a{display:block;background:#fff;border-radius:var(--r);padding:24px;border:1px solid var(--line)}.svc a:hover{border-color:var(--brand)}
.svc b{font-size:18px;display:block;margin-bottom:4px}.svc span{color:var(--ink2);font-size:14px}
.banner{margin-top:16px;border-radius:var(--r);padding:22px 26px;display:flex;justify-content:space-between;align-items:center;gap:20px;background:var(--brand);color:#fff;flex-wrap:wrap}
.owner{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.owner a{display:flex;gap:14px;align-items:center;padding:20px;border:1px solid var(--line);border-radius:var(--r);background:#fff}.owner a:hover{border-color:var(--brand)}
.owner i{width:44px;height:44px;border-radius:50%;background:var(--soft);display:grid;place-items:center;color:var(--brand);font-style:normal;font-weight:800;flex:none}
.owner b{display:block}.owner span{font-size:13px;color:var(--ink2)}
.vids{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.vid{border-radius:var(--r);overflow:hidden;background:#000;position:relative;aspect-ratio:3/4;color:#fff;display:block}
.vid img{width:100%;height:100%;object-fit:cover;opacity:.75}.vid .play{position:absolute;left:16px;bottom:16px;right:16px;font-size:14px}
.channels{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}
.channels a{border:1px solid var(--line);border-radius:20px;padding:6px 16px;font-size:14px;font-weight:600}.channels a:hover{border-color:var(--brand);color:var(--brand)}

/* ---------- 询价 ---------- */
.rfq{background:var(--dark);color:#fff}
.rfq .wrap{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);gap:56px}
.rfq h2{font-size:clamp(28px,3.4vw,40px);line-height:1.25}.rfq .lead{color:#B8BDC5;margin:12px 0 28px}
.contacts{display:grid;gap:14px}
.contacts a,.contacts div{display:flex;gap:14px;align-items:center;font-size:15px}
.contacts b{font-size:20px;display:block}
.contacts i{width:46px;height:46px;border-radius:50%;background:rgba(255,255,255,.08);display:grid;place-items:center;font-style:normal;flex:none}
.qr{display:flex;gap:16px;align-items:center;margin-top:28px;background:rgba(255,255,255,.06);padding:16px;border-radius:var(--r)}
.qr img{width:104px;height:104px;background:#fff;border-radius:4px;padding:4px}.qr p{font-size:14px;color:#D2D6DC}
form.f{background:#fff;color:var(--ink);border-radius:8px;padding:28px;border:1px solid var(--line)}
.f .row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px;margin-bottom:14px}.f .row.one{grid-template-columns:minmax(0,1fr)}
.f label{display:block;font-size:13px;font-weight:600;margin-bottom:6px}.f label em{color:var(--brand);font-style:normal}
.f input,.f select,.f textarea{width:100%;height:46px;border:1px solid var(--line);border-radius:4px;padding:0 12px;font-size:16px;background:#fff}
.f textarea{height:96px;padding:10px 12px;resize:vertical}
.f input:focus,.f select:focus,.f textarea:focus{outline:2px solid var(--brand);border-color:transparent}
.f .chips{display:flex;gap:8px;flex-wrap:wrap}
.f .chips label{font-weight:500;font-size:14px;border:1px solid var(--line);border-radius:20px;padding:6px 14px;cursor:pointer;margin:0}
.f .chips input{position:absolute;opacity:0;width:1px;height:1px}
.f .chips label:has(input:checked){border-color:var(--brand);background:var(--brand-l);color:var(--brand-d);font-weight:700}
.f details{border:1px dashed var(--line);border-radius:var(--r);padding:12px 14px;margin-bottom:14px}
.f summary{cursor:pointer;font-weight:600;font-size:14px;color:var(--brand)}
.f details .row{margin:12px 0 0}
.f .smsrow{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px}
.f .smsrow .btn{height:46px}
.f .basket{font-size:13.5px;background:var(--soft);padding:10px 12px;border-radius:4px;margin-bottom:14px;color:var(--ink2)}
.f .basket ul{list-style:none;display:grid;gap:4px;margin-top:6px}
.f .basket li{display:flex;justify-content:space-between;gap:8px}.f .basket li button{border:0;background:none;color:var(--brand);cursor:pointer}
.f .submit{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}
.f .submit small{color:var(--muted);font-size:12.5px}
.f .msg{display:none;padding:12px;border-radius:4px;margin-top:12px;font-size:14px}
.f .msg.ok{display:block;background:var(--ok-bg);color:var(--ok)}.f .msg.err{display:block;background:var(--brand-l);color:var(--brand-d)}
.f .hp{position:absolute;left:-9999px}

/* ---------- 内页 ---------- */
.page-hd{background:var(--soft);border-bottom:1px solid var(--line);padding:34px 0 30px}
.page-hd h1{font-size:clamp(26px,3.6vw,40px);line-height:1.25;font-weight:800;text-wrap:balance}
.page-hd p{color:var(--ink2);max-width:780px;margin-top:8px}
.crumbs{font-size:13px;color:var(--muted);margin-bottom:10px;display:flex;flex-wrap:wrap;gap:6px}
.crumbs a:hover{color:var(--brand)}.crumbs i{font-style:normal;color:#bbb}
.layout{display:grid;grid-template-columns:250px minmax(0,1fr);gap:36px;padding-top:36px;padding-bottom:80px}
.side{position:sticky;top:90px;align-self:start}
.side h4{font-size:13px;letter-spacing:.1em;color:var(--muted);margin:0 0 8px}
.side a{display:block;padding:7px 10px;border-radius:4px;font-size:15px}.side a:hover{background:var(--soft)}
.side a.on{background:var(--brand-l);color:var(--brand-d);font-weight:700}
.side .kids a{font-size:14px;padding-left:22px;color:var(--ink2)}
.filters{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:20px;align-items:center}
.filters button{border:1px solid var(--line);background:#fff;border-radius:20px;padding:5px 14px;font-size:14px;cursor:pointer}
.filters button.on{border-color:var(--brand);background:var(--brand-l);color:var(--brand-d);font-weight:700}
.filters .count{margin-left:auto;color:var(--muted);font-size:14px}
.subcats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:28px}
.subcats a{border:1px solid var(--line);border-radius:var(--r);padding:14px 16px;background:#fff}.subcats a:hover{border-color:var(--brand)}
.subcats b{display:block}.subcats span{font-size:13px;color:var(--muted)}
.empty{padding:40px;text-align:center;color:var(--muted);border:1px dashed var(--line);border-radius:var(--r)}

/* 产品详情 */
.pd{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:48px;padding:34px 0 20px}
.gallery .main{aspect-ratio:1/1;border:1px solid var(--line);border-radius:var(--r);display:grid;place-items:center;padding:24px;background:#fff;cursor:zoom-in}
.gallery .main img{max-height:100%;object-fit:contain}
.gallery .thumbs{display:flex;gap:10px;margin-top:12px;flex-wrap:wrap}
.gallery .thumbs button{width:74px;height:74px;border:1px solid var(--line);border-radius:4px;background:#fff;padding:4px;cursor:pointer}
.gallery .thumbs button.on{border-color:var(--brand)}
.gallery .thumbs img{width:100%;height:100%;object-fit:contain}
.pinfo h1{font-size:clamp(24px,3vw,34px);line-height:1.3;font-weight:800;margin:10px 0 10px;text-wrap:balance}
.pinfo .lead{font-size:17px;color:var(--ink2)}
.keyspecs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border:1px solid var(--line);border-radius:var(--r);margin:22px 0;overflow:hidden}
.keyspecs div{padding:14px 16px;border-left:1px solid var(--line)}.keyspecs div:first-child{border-left:0}
.keyspecs small{display:block;color:var(--muted);font-size:12.5px}.keyspecs b{font-size:15px;line-height:1.4;display:block;margin-top:2px}
.pinfo .acts{display:flex;gap:10px;flex-wrap:wrap}
.pinfo .meta{margin-top:18px;font-size:14px;color:var(--ink2);display:grid;gap:4px}
.pinfo .meta b{color:var(--ink)}
.hl{list-style:none;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px 24px;margin:8px 0}
.hl li{padding-left:22px;position:relative}.hl li:before{content:"";position:absolute;left:2px;top:.62em;width:10px;height:10px;background:var(--brand);border-radius:2px}
.ptabs{position:sticky;top:72px;z-index:20;background:#fff;border-bottom:1px solid var(--line);margin-top:24px}
.ptabs .wrap{display:flex;gap:4px;overflow-x:auto}
.ptabs a{padding:14px 14px;font-weight:600;white-space:nowrap;border-bottom:3px solid transparent}.ptabs a:hover{color:var(--brand);border-color:var(--brand)}
.psec{padding:40px 0;border-bottom:1px solid var(--line)}
.psec h2{font-size:24px;margin-bottom:18px}
.tbl{overflow-x:auto;border:1px solid var(--line);border-radius:var(--r)}
.tbl table{border-collapse:collapse;width:100%;font-size:14.5px;font-variant-numeric:tabular-nums}
.tbl th,.tbl td{padding:10px 14px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}
.tbl th{background:var(--soft);font-weight:700;white-space:nowrap}
.tbl tr:last-child td{border-bottom:0}
.tbl.kv th{width:32%;white-space:normal}
.prose{max-width:860px;font-size:16px}
.prose p,.prose ul,.prose ol{margin:0 0 14px}.prose ul,.prose ol{padding-left:22px}
.prose h2{font-size:22px;margin:28px 0 12px}.prose h3{font-size:18px;margin:22px 0 10px}
.prose img{height:auto;margin:14px 0;border-radius:4px}
.prose table{border-collapse:collapse;margin:14px 0;font-size:14px;max-width:100%;display:block;overflow-x:auto}
.prose td,.prose th{border:1px solid var(--line);padding:6px 10px}
.prose iframe{width:100%;aspect-ratio:16/9;height:auto;border:0;border-radius:var(--r)}
.prose .note{background:var(--soft);border-left:4px solid var(--brand);padding:12px 16px;border-radius:0 4px 4px 0}
.prose .steps{list-style:none;padding:0;counter-reset:s;display:grid;gap:10px}
.prose .steps li{counter-increment:s;display:grid;grid-template-columns:40px minmax(0,1fr);gap:4px 12px;align-items:start;border:1px solid var(--line);border-radius:var(--r);padding:12px 14px}
.prose .steps li:before{content:counter(s);grid-row:span 2;width:32px;height:32px;border-radius:50%;background:var(--brand);color:#fff;display:grid;place-items:center;font-weight:700}
.prose .steps b{display:block}.prose .steps span{color:var(--ink2);font-size:15px}
.brand-rows{display:grid;gap:16px;margin:20px 0}
.brand-rows section{display:grid;grid-template-columns:180px minmax(0,1fr);gap:24px;align-items:center;border:1px solid var(--line);border-radius:var(--r);padding:20px}
.brand-rows img{display:block;justify-self:center;width:auto;max-width:100%;max-height:80px;margin:0 auto;object-fit:contain}
.brand-rows h2{font-size:19px;margin:0 0 6px}
.faq details{border:1px solid var(--line);border-radius:var(--r);padding:14px 18px;margin-bottom:10px;background:#fff}
.faq summary{font-weight:700;cursor:pointer}.faq details div{margin-top:8px;color:var(--ink2)}
.wxbox{display:flex;gap:18px;align-items:center;border:1px solid var(--line);border-radius:var(--r);padding:18px;background:var(--soft)}
.wxbox img{width:110px;height:110px;background:#fff;padding:4px;border-radius:4px}
.rows a{display:flex;justify-content:space-between;gap:16px;padding:14px 0;border-bottom:1px solid var(--line)}.rows a:hover .t{color:var(--brand)}
.rows time{color:var(--muted);font-size:14px;white-space:nowrap}
.article{max-width:860px;margin:0 auto;padding:36px 20px 80px}
.article h1{font-size:clamp(24px,3vw,34px);line-height:1.35;margin:8px 0 10px}
.article .meta{color:var(--muted);font-size:14px;margin-bottom:22px}
.kpi{display:inline-block;background:var(--brand-l);color:var(--brand-d);font-weight:700;padding:4px 10px;border-radius:3px;margin-bottom:14px}

/* ---------- 页脚 / 浮动 ---------- */
footer.site{background:#0E0F11;color:#9AA0A8;font-size:14px;padding:56px 0 30px}
footer .cols{display:grid;grid-template-columns:minmax(0,1.5fr) repeat(4,minmax(0,1fr));gap:32px}
footer h4{color:#fff;font-size:15px;margin-bottom:12px}
footer li{list-style:none;margin:6px 0}footer a:hover{color:#fff}
footer .flogo{height:36px;width:auto;background:#fff;padding:4px;border-radius:3px}
footer .bottom{border-top:1px solid #23252A;margin-top:40px;padding-top:20px;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;font-size:13px}
footer .follow{border-top:1px solid #23252A;margin-top:36px;padding-top:24px}footer .follow h4 small{color:#7d838c;font-weight:400;font-size:13px;margin-left:8px}
footer .follow ul{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:18px}footer .follow li{margin:0}
footer .follow li>a,footer .follow li{display:flex;flex-direction:column;align-items:center;text-align:center;gap:3px;font-size:12.5px;line-height:1.35}
footer .follow img{width:104px;height:104px;background:#fff;border-radius:6px;padding:4px;margin-bottom:6px}footer .follow b{color:#fff;font-weight:600;font-size:13px}
.brand-follow{border:1px solid var(--line);border-radius:10px;padding:18px 20px;margin-bottom:30px}.brand-follow h2{font-size:18px;margin-bottom:14px}
.brand-follow ul{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:18px;list-style:none;margin:0;padding:0}
.brand-follow li,.brand-follow li>a{display:flex;flex-direction:column;align-items:center;text-align:center;gap:3px;font-size:13px;color:var(--ink2)}
.brand-follow img{width:104px;height:104px;border:1px solid var(--line);border-radius:6px;padding:4px;background:#fff;margin-bottom:6px}.brand-follow b{color:var(--ink);font-size:14px}
footer .soc{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}footer .soc a{border:1px solid #2c2f35;border-radius:14px;padding:3px 10px;font-size:12.5px}
.rail{position:fixed;right:16px;bottom:110px;z-index:40;display:flex;flex-direction:column;gap:8px}
.rail a,.rail button{width:54px;height:54px;border-radius:50%;background:var(--brand);color:#fff;display:grid;place-items:center;box-shadow:0 6px 18px rgba(0,0,0,.2);font-size:12px;font-weight:700;text-align:center;line-height:1.15;border:0;cursor:pointer}
.rail .w{background:#07C160}.rail .top{background:#555}
.mbar{display:none}
.modal{position:fixed;inset:0;background:rgba(0,0,0,.55);z-index:90;display:none;place-items:center;padding:16px}
.modal.on{display:grid}
.modal .box{background:#fff;border-radius:10px;padding:26px;max-width:360px;width:100%;text-align:center;position:relative}
.modal .box img{width:220px;height:220px;margin:12px auto;background:#fff}
.modal .x{position:absolute;right:10px;top:8px;border:0;background:none;font-size:26px;cursor:pointer;color:var(--muted)}
.modal .copy{display:flex;gap:8px;justify-content:center;align-items:center;margin-top:6px;font-size:14px}
.search-ov{position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:80;display:none;padding:80px 16px}
.search-ov.on{display:block}
.search-box{max-width:720px;margin:0 auto;background:#fff;border-radius:10px;overflow:hidden}
.search-box input{width:100%;height:58px;border:0;border-bottom:1px solid var(--line);padding:0 20px;font-size:18px;outline:0}
.search-res{max-height:60vh;overflow:auto}
.search-res a{display:flex;gap:12px;padding:10px 18px;border-bottom:1px solid var(--line);align-items:center}.search-res a:hover{background:var(--soft)}
.search-res img{width:46px;height:46px;object-fit:contain}
.lightbox{position:fixed;inset:0;background:rgba(0,0,0,.85);z-index:95;display:none;place-items:center;padding:20px;cursor:zoom-out}
.lightbox.on{display:grid}.lightbox img{max-height:90vh;background:#fff;border-radius:6px}
.toast{position:fixed;left:50%;bottom:90px;transform:translateX(-50%);background:var(--ink);color:#fff;padding:10px 18px;border-radius:20px;font-size:14px;z-index:99;opacity:0;transition:.25s;pointer-events:none}
.toast.on{opacity:1}

/* ---------- 响应式 ---------- */
@media (max-width:1100px){.menu>div>a{padding:0 8px;font-size:15px}.clients{grid-template-columns:repeat(6,minmax(0,1fr))}.prods.g4{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:960px){
 .menu{display:none;position:fixed;top:108px;left:0;right:0;bottom:0;background:#fff;flex-direction:column;overflow:auto;padding:10px 16px 90px;height:auto}
 .menu.on{display:flex}.menu>div{flex-direction:column}.menu>div>a{padding:14px 4px;border-bottom:1px solid var(--line)}
 .menu .sub,.menu>div:hover .sub,.menu>div:hover .sub.mega{display:none}
 .nav .tools .btn,.util .hide{display:none}.burger{display:grid}
 .procs,.prods,.prods.g4{grid-template-columns:repeat(2,minmax(0,1fr))}
 .paths,.fac,.rfq .wrap,.brands .wrap,.pd{grid-template-columns:minmax(0,1fr)}
 .cases{grid-template-columns:minmax(0,1fr)}.cases .case:first-child{grid-row:auto;min-height:360px}.case-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
 .svc{grid-template-columns:minmax(0,1fr)}.stats .wrap{grid-template-columns:repeat(2,minmax(0,1fr))}.stat:nth-child(3){border-left:0}
 .vids,.owner,.bl,.subcats{grid-template-columns:repeat(2,minmax(0,1fr))}.clients{grid-template-columns:repeat(4,minmax(0,1fr))}
 footer .cols{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.fac .imgs{height:320px}
 .layout{grid-template-columns:minmax(0,1fr)}.side{position:static;display:none}
 .hl{grid-template-columns:minmax(0,1fr)}.ptabs{top:72px}
 .rail{display:none}
 .mbar{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1.4fr);position:fixed;left:0;right:0;bottom:0;z-index:55;background:#fff;border-top:1px solid var(--line);box-shadow:0 -4px 16px rgba(0,0,0,.08);padding-bottom:env(safe-area-inset-bottom,0px)}
 .mbar a,.mbar button{height:58px;display:flex;align-items:center;justify-content:center;gap:6px;font-weight:700;font-size:15px;border:0;background:none}
 .mbar .q{background:var(--brand);color:#fff}.mbar .w{color:#07C160}
 body{padding-bottom:58px}
}
@media (max-width:560px){
 .wrap{padding:0 16px}.sec{padding:56px 0}
 .procs,.prods,.prods.g4{gap:10px}
 .proc .tx{padding:10px 12px 12px}.proc h3{font-size:15px;flex-direction:column;gap:0}.proc p{display:none}
 .prod .tx{padding:12px}.prod h3{font-size:15px}.prod .kv{display:none}.prod .act{flex-direction:column}
 .f .row{grid-template-columns:minmax(0,1fr)}.f{padding:18px}
 .hero .wrap{min-height:540px}.path{padding:20px;min-height:280px}.path h3{font-size:21px}
 .keyspecs{grid-template-columns:minmax(0,1fr)}.keyspecs div{border-left:0;border-top:1px solid var(--line)}.keyspecs div:first-child{border-top:0}
 .case-grid{grid-template-columns:minmax(0,1fr)}.brand-rows section{grid-template-columns:minmax(0,1fr)}
}
@media (prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}
@media print{header.nav,.util,.rail,.mbar,footer.site,.ptabs{display:none}}
.prose p,.prose div,.prose span,.prose td{text-align:left!important}.prose img{margin-left:0}

/* iOS Safari：网格里的大图会把列撑宽，页面出现左右滑动 */
html,body{max-width:100%;overflow-x:clip}
.prods>*,.subcats>*,.layout>*,.procs>*{min-width:0}
.prod .im{min-width:0;overflow:hidden}
.prod .im img{width:100%;height:100%;max-width:100%;object-fit:contain}
@media (max-width:560px){.subcats{gap:8px;margin-top:16px}.subcats a{padding:12px}.subcats b{font-size:15px}.subcats span{font-size:12px;line-height:1.5;display:block;margin-top:2px}}
.pd>*,.gallery{min-width:0}
.gallery .main{min-width:0;overflow:hidden}
.gallery .main img{width:100%;height:100%;max-width:100%;object-fit:contain}
/* 进口品牌页 */
.brand-hd{display:grid;grid-template-columns:200px minmax(0,1fr);gap:28px;align-items:center;margin-top:6px}
.brand-hd .lgbox{background:#fff;border:1px solid var(--line);border-radius:var(--r);height:120px;display:grid;place-items:center;padding:16px}
.brand-hd .lgbox img{max-height:84px;width:auto;max-width:100%;object-fit:contain}
.brand-hd h1 small{font-size:15px;font-weight:700;color:var(--brand);background:var(--brand-l);padding:3px 10px;border-radius:20px;vertical-align:middle;margin-left:6px}
.brand-hd p{max-width:760px}
.brand-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.brand-grid>a{display:grid;grid-template-columns:160px minmax(0,1fr);gap:20px;align-items:center;border:1px solid var(--line);border-radius:var(--r);padding:20px;background:#fff;transition:.2s}
.brand-grid>a:hover{border-color:var(--brand);box-shadow:0 8px 24px rgba(0,0,0,.06)}
.brand-grid .lgbox{height:90px;display:grid;place-items:center}.brand-grid .lgbox img{max-height:70px;width:auto;max-width:100%;object-fit:contain}
.brand-grid b{font-size:19px;display:block}.brand-grid .role{font-size:13px;font-weight:700;color:var(--brand)}.brand-grid p{font-size:14px;color:var(--ink2);margin-top:6px}
@media (max-width:760px){.brand-hd{grid-template-columns:minmax(0,1fr)}.brand-hd .lgbox{max-width:220px;height:96px}.brand-grid{grid-template-columns:minmax(0,1fr)}.brand-grid>a{grid-template-columns:110px minmax(0,1fr);padding:14px}}
.tbl td{white-space:pre-line;vertical-align:top}
/* 产品大图：任何比例都完整显示在方框内 */
.gallery .main{position:relative;padding:0}
.gallery .main img{position:absolute;inset:24px;width:calc(100% - 48px);height:calc(100% - 48px);max-width:none;object-fit:contain}
.prod .im{position:relative;padding:0}
.prod .im img{position:absolute;inset:14px;width:calc(100% - 28px);height:calc(100% - 28px);max-width:none;max-height:none;object-fit:contain}
/* 语言切换：中文 · English · Español */
.util .langs{display:inline-flex;align-items:center;gap:0;margin-left:14px;border:1px solid rgba(255,255,255,.28);border-radius:14px;overflow:hidden}
.util .langs a,.util .langs b{padding:1px 10px;font-size:12.5px;line-height:20px;color:inherit;text-decoration:none}
.util .langs b{background:#fff;color:var(--dark);font-weight:700}
.util .langs a:hover{background:rgba(255,255,255,.14)}
.util .langs::before{content:"🌐";padding:0 2px 0 8px;font-size:12px}

.tnote{margin:8px 0 0;font-size:13px;color:var(--muted,#666)}

/* 长参数表（胀管器尺寸表等）：表内滚动，表头固定；列多时字号略小 */
.tbl.long{max-height:72vh;overflow:auto;overscroll-behavior:contain}
.tbl.long thead th{position:sticky;top:0;z-index:1;background:var(--soft,#f5f3ef);box-shadow:0 1px 0 var(--line,#e5e5e5)}
.tbl.wide table{font-size:13px}
.tbl.wide th,.tbl.wide td{padding:8px 10px;white-space:nowrap}
.tbl.wide thead th{white-space:normal;min-width:72px;vertical-align:bottom}

.wxbox img,.qr img{aspect-ratio:1/1;object-fit:contain;height:auto}
.wxname{margin:6px 0 0;font-size:14px;color:var(--ink2,#444)}
/* 资质证书页：证书网格（与工程服务网站同一套 14 项） */
.app-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin:8px 0 18px}
.app-grid figure{margin:0;border:1px solid var(--line);border-radius:var(--r,6px);overflow:hidden;background:#fff}
.app-grid a{display:block;color:inherit;text-decoration:none}.app-grid a:hover figcaption{color:var(--brand)}
.app-grid img{display:block;width:100%;height:auto;aspect-ratio:370/236;object-fit:cover}
.app-grid figcaption{padding:12px 14px;font-weight:600;font-size:15px}
@media (max-width:900px){.app-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}}
.cert-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:20px;margin:8px 0 18px}
.cert-grid figure{margin:0;border:1px solid var(--line);border-radius:var(--r,6px);background:#fff;padding:12px;display:flex;flex-direction:column;gap:10px}
.cert-grid img{width:100%;aspect-ratio:4/3;object-fit:contain;background:#fff}
.cert-grid figcaption{font-size:14px;line-height:1.5;color:var(--ink,#222)}
.cert-grid figcaption small{display:block;color:var(--muted,#777);font-size:12.5px;margin-top:4px}
.cert-note{font-size:13px;color:var(--muted,#777)}
/* 中文字体把西里尔字母排成全角，俄语改用西文字体 */
html:lang(ru){--sans:-apple-system,system-ui,"Segoe UI",Roboto,Arial,sans-serif}
.langs [lang=ru]{font-family:-apple-system,system-ui,"Segoe UI",Roboto,Arial,sans-serif}
/* 西语、俄语菜单词长，收紧字号和间距，菜单项不折行 */
.logo{flex-shrink:0}
@media (min-width:961px){
 .menu>div>a{white-space:nowrap}
 html:lang(ru) .menu,html:lang(es) .menu{font-size:15px;gap:0}
 html:lang(ru) .menu>div>a,html:lang(es) .menu>div>a{padding:0 9px}
}
@media (min-width:961px) and (max-width:1240px){
 html:lang(ru) .nav .wrap,html:lang(es) .nav .wrap{gap:14px}
 html:lang(ru) .menu>div>a,html:lang(es) .menu>div>a{padding:0 6px;font-size:14px}
}
/* 961–1240px：菜单放不下报价按钮，询价仍可从购物车和右侧浮条进入 */
@media (min-width:961px) and (max-width:1240px){
 .nav .tools .btn{display:none}
 .nav .wrap{gap:14px}
 .menu>div>a{padding:0 7px}
}
/* 左下角微信二维码（每个中文页面；手机用底部栏的"微信"）
   只放在内容区外的空白边（内容 1200px）：屏幕 ≥1560px 显示完整二维码；
   不够宽时缩成贴左边的竖条（需要内容左侧留出 32px，即屏幕 ≥1264px），点开弹出二维码；再窄就不显示，用右侧浮条的"微信" */
.wx-float{position:fixed;left:16px;bottom:16px;z-index:40;display:flex;flex-direction:column;align-items:center;gap:2px;width:152px;padding:14px 12px 12px;background:#fff;border:1px solid var(--line);border-radius:8px;box-shadow:0 6px 18px rgba(0,0,0,.12);text-align:center;cursor:pointer}
.wx-float img{width:120px;height:120px;margin-bottom:6px}
.wx-float b{display:flex;align-items:center;gap:6px;font-size:14px}
.wx-float b i{display:none;font-style:normal;color:#07C160;font-size:11px}
.wx-float span{font-size:13px;color:var(--muted)}
.wx-float .x{position:absolute;top:2px;right:4px;width:24px;height:24px;border:0;background:none;color:var(--muted);font-size:18px;line-height:1;cursor:pointer}
.wx-float .x:hover{color:var(--brand)}
.wx-float[hidden]{display:none}
@media (max-width:1559px){
 .wx-float{left:0;bottom:24px;width:28px;padding:10px 0;border-left:0;border-radius:0 8px 8px 0}
 .wx-float img,.wx-float span,.wx-float .x{display:none}
 .wx-float b{writing-mode:vertical-rl;letter-spacing:2px;font-size:13px}
 .wx-float b i{display:block}
 .wx-float:hover{color:var(--brand)}
}
@media (max-width:1263px){.wx-float{display:none}}

/* 右侧浮条只占内容区外的空白边：屏幕 ≥1356px 圆形按钮；1260–1355px 缩成贴右边的竖排细条；再窄右边没有空白，隐藏（顶部栏有电话和微信） */
@media (min-width:961px) and (max-width:1355px){
 .rail{right:0;gap:4px}
 .rail a,.rail button{width:28px;height:auto;padding:8px 0;border-radius:8px 0 0 8px;writing-mode:vertical-rl;letter-spacing:2px;font-size:12px;box-shadow:0 4px 12px rgba(0,0,0,.15)}
}
@media (min-width:961px) and (max-width:1259px){.rail{display:none}}
/* WhatsApp（英文、西语站）用 WhatsApp 品牌绿 */
.rail a.w[data-wa-link]{background:#25D366;font-size:10px;letter-spacing:-.2px}
.mbar a.w[data-wa-link]{color:#1DA851}
.wx-float:has(img[data-wa]) b i{color:#25D366}

/* phones: phone number on its own line under the city, never clipped; compact card buttons */
@media (max-width:560px){
.util .wrap{height:auto;padding-top:5px;padding-bottom:5px;gap:4px 10px;flex-wrap:wrap}
.util .r{margin-left:auto}
.util .ph{display:flex;flex-direction:column;line-height:1.35}
.util .ph i{display:none}
.util .ph a{white-space:nowrap}
.util .langs{margin-left:0}
.util .langs a,.util .langs b{padding:1px 7px;font-size:12px;white-space:nowrap}
.prod .act{gap:6px}
.prod .act .btn{flex:0 0 auto;height:34px;font-size:13px;padding:0 8px}
}
.channels .follow{align-self:center;font-size:16px;font-weight:700;color:var(--brand);margin-right:4px}
.util .ph i{font-style:normal}
/* engineering-site link: in the top bar on mid-size screens, where the main menu has no room for it */
@media (min-width:961px) and (max-width:1559px){.menu .ext{display:none}}
/* video play icon: keep it round when the title wraps */
.play i{flex:none}
@media (max-width:560px){.vid .play{left:10px;right:10px;bottom:10px;gap:8px;font-size:13px}.vid .play i{width:36px;height:36px}}
/* inquiry captcha */
.caprow{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.caprow input{flex:1 1 140px;max-width:220px}
.caprow img{border:1px solid var(--line);border-radius:4px;cursor:pointer;background:#F6F4F0}
.caprow a{font-size:13px;color:var(--muted);white-space:nowrap}
/* hero brand logos: equal boxes; the wide Alpha logo must not take a whole row */
.agent .lg img{max-width:190px;object-fit:contain}
@media (max-width:560px){.agent{font-size:13px}.agent .lbl{flex:1 0 100%}.agent .lg{flex:1 1 calc(50% - 6px);justify-content:center;height:52px;padding:6px 10px}.agent .lg img{max-width:100%;max-height:38px}}
/* Telegram (RU site): Telegram blue instead of the WhatsApp/WeChat green */
.rail a.w.tg{background:#229ED9}.mbar a.w.tg{color:#229ED9}.wx-float b.tg i{color:#229ED9}
/* brand filter on category pages hides cards with [hidden]; .prod sets display:flex, so hidden needs its own rule */
.prod[hidden]{display:none}
/* messenger logos on the contact buttons (people read a logo faster than a word) */
.rail .w,.mbar .w{--ico:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.691 2.188C3.891 2.188 0 5.476 0 9.53c0 2.212 1.17 4.203 3.002 5.55a.59.59 0 0 1 .213.665l-.39 1.48c-.019.07-.048.141-.048.213 0 .163.13.295.29.295a.326.326 0 0 0 .167-.054l1.903-1.114a.864.864 0 0 1 .717-.098 10.16 10.16 0 0 0 2.837.403c.276 0 .543-.027.811-.05-.857-2.578.157-4.972 1.932-6.446 1.703-1.415 3.882-1.98 5.853-1.838-.576-3.583-4.196-6.348-8.596-6.348zM5.785 5.991c.642 0 1.162.529 1.162 1.18a1.17 1.17 0 0 1-1.162 1.178A1.17 1.17 0 0 1 4.623 7.17c0-.651.52-1.18 1.162-1.18zm5.813 0c.642 0 1.162.529 1.162 1.18a1.17 1.17 0 0 1-1.162 1.178 1.17 1.17 0 0 1-1.162-1.178c0-.651.52-1.18 1.162-1.18zm5.34 2.867c-1.797-.052-3.746.512-5.28 1.786-1.72 1.428-2.687 3.72-1.78 6.22.942 2.453 3.666 4.229 6.884 4.229.826 0 1.622-.12 2.361-.336a.722.722 0 0 1 .598.082l1.584.926a.272.272 0 0 0 .14.047c.134 0 .24-.111.24-.247 0-.06-.023-.12-.038-.177l-.327-1.233a.582.582 0 0 1-.023-.156.49.49 0 0 1 .201-.398C23.024 18.48 24 16.82 24 14.98c0-3.21-2.931-5.837-6.656-6.088V8.89c-.135-.01-.27-.027-.407-.03zm-2.53 3.274c.535 0 .969.44.969.982a.976.976 0 0 1-.969.983.976.976 0 0 1-.969-.983c0-.542.434-.982.97-.982zm4.844 0c.535 0 .969.44.969.982a.976.976 0 0 1-.969.983.976.976 0 0 1-.969-.983c0-.542.434-.982.969-.982z'/%3E%3C/svg%3E")}
.rail a.w[data-wa-link],.mbar a.w[data-wa-link]{--ico:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 005.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 00-3.48-8.413Z'/%3E%3C/svg%3E")}
.rail a.w.tg,.mbar a.w.tg{--ico:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.944 0A12 12 0 0 0 0 12a12 12 0 0 0 12 12 12 12 0 0 0 12-12A12 12 0 0 0 12 0a12 12 0 0 0-.056 0zm4.962 7.224c.1-.002.321.023.465.14a.506.506 0 0 1 .171.325c.016.093.036.306.02.472-.18 1.898-.962 6.502-1.36 8.627-.168.9-.499 1.201-.82 1.23-.696.065-1.225-.46-1.9-.902-1.056-.693-1.653-1.124-2.678-1.8-1.185-.78-.417-1.21.258-1.91.177-.184 3.247-2.977 3.307-3.23.007-.032.014-.15-.056-.212s-.174-.041-.249-.024c-.106.024-1.793 1.14-5.061 3.345-.48.33-.913.49-1.302.48-.428-.008-1.252-.241-1.865-.44-.752-.245-1.349-.374-1.297-.789.027-.216.325-.437.893-.663 3.498-1.524 5.83-2.529 6.998-3.014 3.332-1.386 4.025-1.627 4.476-1.635z'/%3E%3C/svg%3E")}
.rail .w::before,.mbar .w::before{content:"";flex:none;width:20px;height:20px;background:currentColor;-webkit-mask:var(--ico) center/contain no-repeat;mask:var(--ico) center/contain no-repeat}
.rail .w{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;font-size:10px}
.rail .w::before{width:24px;height:24px}
/* narrow vertical side tabs: icon above the word, both along the tab */
@media (min-width:961px) and (max-width:1355px){.rail .w{flex-direction:row;gap:6px;font-size:12px}.rail .w::before{width:18px;height:18px;transform:rotate(90deg)}}
/* spec tables: every other column shaded so a value is easy to follow down its column; the row under the pointer is highlighted */
.tbl:not(.kv) td:nth-child(even){background:#F1F4F8}
.tbl:not(.kv) thead th:nth-child(even){background:#E4E9F0}
.tbl:not(.kv) tbody tr:hover td{background:#FFF1DC}
.tbl:not(.kv) tbody tr:hover td:nth-child(even){background:#FBE6C6}
/* captcha placeholder: shown until the picture arrives, click to (re)load */
.capbox{display:inline-flex;width:120px;height:44px}
.capph{width:120px;height:44px;border:1px dashed var(--line);border-radius:4px;background:#F6F4F0;color:var(--muted);font-size:12px;cursor:pointer;padding:0 6px;line-height:1.2}
.capph[hidden]{display:none}
/* RU bottom bar: call / Telegram / WeChat / quote */
.mbar.m4{grid-template-columns:repeat(3,minmax(0,1fr)) minmax(0,1.3fr)}
.mbar.m4 a,.mbar.m4 button{font-size:13px;gap:4px;padding:0 2px}
.mbar.m4 .w::before{width:17px;height:17px}
/* RU: Telegram + WhatsApp + WeChat on the phone bar; the three messengers show only their logos */
.mbar.m5{grid-template-columns:minmax(0,1.2fr) repeat(3,minmax(0,.8fr)) minmax(0,1.3fr)}
.mbar.m5 a,.mbar.m5 button{font-size:13px;gap:4px;padding:0 2px}
.mbar.m5 .w{font-size:0;gap:0}
.mbar.m5 .w::before{width:26px;height:26px}

.channels a .sico{width:20px;height:20px;border-radius:5px;margin-right:7px;vertical-align:-4px;display:inline-block}

/* 越南语：PingFang 等中文字体的越南语叠加声调符号排版差，改用系统西文字体；菜单词较长，同西语、俄语收紧 */
html:lang(vi){--sans:-apple-system,system-ui,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif}
.langs [lang=vi]{font-family:-apple-system,system-ui,"Segoe UI",Roboto,Arial,sans-serif}
html:lang(vi) body{line-height:1.7}
@media (min-width:961px){
 html:lang(vi) .menu{font-size:15px;gap:0}
 html:lang(vi) .menu>div>a{padding:0 9px}
}
@media (min-width:961px) and (max-width:1240px){
 html:lang(vi) .nav .wrap{gap:14px}
 html:lang(vi) .menu>div>a{padding:0 6px;font-size:14px}
}

/* 韩语：PingFang 等中文字体没有韩文字形，改用韩文系统字体；按词换行（keep-all），不在词中间断开 */
html:lang(ko){--sans:"Apple SD Gothic Neo","Malgun Gothic","Noto Sans KR",system-ui,-apple-system,"Segoe UI",sans-serif}
.langs [lang=ko]{font-family:"Apple SD Gothic Neo","Malgun Gothic","Noto Sans KR",system-ui,sans-serif}
html:lang(ko) body{word-break:keep-all;overflow-wrap:break-word}
html:lang(ko) h1,html:lang(ko) h2,html:lang(ko) h3,html:lang(ko) h4{word-break:keep-all;overflow-wrap:break-word;letter-spacing:-.01em}

/* 语言切换现有 6 种语言：标签不折行；中等屏宽收起顶栏邮箱、收紧按钮；手机上缩小按钮，窄屏去掉地球图标 */
.util .langs{flex-shrink:0}
.util .langs a,.util .langs b{white-space:nowrap}
.util .ph{min-width:0}
@media (min-width:561px) and (max-width:1240px){
 .util .ph .hide{display:none}
 .util .r{gap:12px}
 .util .r>a{white-space:nowrap}
 .util .langs{margin-left:0}
 .util .langs a,.util .langs b{padding:1px 7px;font-size:12px}
}
@media (max-width:560px){
 .util .langs a,.util .langs b{padding:1px 5px;font-size:11.5px}
 .util .langs::before{padding:0 0 0 6px;font-size:11px}
}
@media (max-width:374px){
 .util .langs::before{display:none}
 .util .langs a,.util .langs b{padding:1px 4px;font-size:11px}
}
/* 验证码图片未加载前隐藏（全局 img{display:block} 会盖过 hidden 属性，导致图片框和占位按钮并排撑出屏幕） */
.capbox img[hidden]{display:none}
/* 韩语竖排标签整体旋转，避免韩文直立、拉丁字母横躺混排 */
html:lang(ko) .wx-float b,html:lang(ko) .rail a,html:lang(ko) .rail button{text-orientation:sideways;letter-spacing:.5px}

/* ---------- 阿拉伯语站（/ar）：从右到左排版。以下规则只作用于 html[dir=rtl] 或 :lang(ar)，不影响其他语言站 ---------- */
/* PingFang 等中文字体没有阿拉伯字母，改用阿拉伯文字体；阿拉伯字母相连书写，不能加字距 */
html:lang(ar){--sans:"Noto Naskh Arabic","Noto Sans Arabic","Geeza Pro","Segoe UI","Tahoma",sans-serif}
.langs [lang=ar]{font-family:"Noto Naskh Arabic","Noto Sans Arabic","Geeza Pro","Segoe UI","Tahoma",sans-serif;letter-spacing:0}
html:lang(ar) body{line-height:1.8}
html:lang(ar) .eyebrow,html:lang(ar) .side h4,html:lang(ar) .prod .cat,html:lang(ar) .rail a,html:lang(ar) .rail button,html:lang(ar) .wx-float b{letter-spacing:0}
html:lang(ar) h1,html:lang(ar) h2,html:lang(ar) h3{line-height:1.45}
html:lang(ar) .hero h1{line-height:1.35}
/* 电话、邮箱、网址、型号保持从左到右 */
html[dir=rtl] .tel-num{direction:ltr;unicode-bidi:isolate}
html[dir=rtl] input[type=email],html[dir=rtl] input[type=tel],html[dir=rtl] input[name=captcha],html[dir=rtl] input[type=url]{direction:ltr;text-align:right}
html[dir=rtl] input[type=email]::placeholder,html[dir=rtl] input[type=tel]::placeholder,html[dir=rtl] input[name=captcha]::placeholder{direction:rtl}
html[dir=rtl] .tbl td,html[dir=rtl] .keyspecs b,html[dir=rtl] .prod .kv b{unicode-bidi:plaintext;text-align:right}
/* 屏幕外隐藏的元素放到右侧（从右到左页面向左溢出会出现横向滚动） */
html[dir=rtl] .sr,html[dir=rtl] .f .hp{left:auto;right:-9999px}
html[dir=rtl] .sr:focus{right:12px}
/* 箭头翻转 */
html[dir=rtl] .more:after{content:"→";display:inline-block;transform:scaleX(-1);margin-right:.35em}
html[dir=rtl] .arw{display:inline-block;transform:scaleX(-1)}
/* 顶栏、导航、下拉菜单 */
html[dir=rtl] .util .langs{margin-left:0;margin-right:14px}
html[dir=rtl] .util .langs::before{padding:0 8px 0 2px}
html[dir=rtl] .menu .sub{left:auto;right:0}
html[dir=rtl] .badge{right:auto;left:0}
html[dir=rtl] .brand-hd h1 small{margin-left:0;margin-right:6px}
/* 首屏：红色竖条和暗色渐变移到右侧（文字在右） */
html[dir=rtl] .hero:before{left:auto;right:0}
html[dir=rtl] .hero .ov{background:linear-gradient(270deg,rgba(15,10,10,.86) 0%,rgba(15,10,10,.55) 48%,rgba(15,10,10,.15) 100%)}
html[dir=rtl] .stat{border-left:0;border-right:1px solid rgba(255,255,255,.1)}
html[dir=rtl] .stat:first-child{border-right:0}
html[dir=rtl] .stat .num small{margin-left:0;margin-right:2px}
/* 分类页、产品页 */
html[dir=rtl] .side .kids a{padding-left:10px;padding-right:22px}
html[dir=rtl] .filters .count{margin-left:0;margin-right:auto}
html[dir=rtl] .keyspecs div{border-left:0;border-right:1px solid var(--line)}
html[dir=rtl] .keyspecs div:first-child{border-right:0}
html[dir=rtl] .hl li{padding-left:0;padding-right:22px}
html[dir=rtl] .hl li:before{left:auto;right:2px}
html[dir=rtl] .tbl th,html[dir=rtl] .tbl td{text-align:right}
html[dir=rtl] .prose ul,html[dir=rtl] .prose ol{padding-left:0;padding-right:22px}
html[dir=rtl] .prose p,html[dir=rtl] .prose div,html[dir=rtl] .prose span,html[dir=rtl] .prose td{text-align:right!important}
html[dir=rtl] .prose img{margin-left:auto;margin-right:0}
html[dir=rtl] .prose .note{border-left:0;border-right:4px solid var(--brand);border-radius:4px 0 0 4px}
html[dir=rtl] footer .follow h4 small{margin-left:0;margin-right:8px}
html[dir=rtl] .channels .follow{margin-right:0;margin-left:4px}
html[dir=rtl] .channels a .sico{margin-right:0;margin-left:7px}
/* 弹窗关闭按钮放左上角 */
html[dir=rtl] .modal .x{right:auto;left:10px}
/* 右侧联系浮条移到左侧，左下角 WhatsApp/微信二维码移到右下角 */
html[dir=rtl] .rail{right:auto;left:16px}
html[dir=rtl] .wx-float{left:auto;right:16px}
html[dir=rtl] .wx-float .x{right:auto;left:4px}
@media (max-width:1559px){
 html[dir=rtl] .wx-float{right:0;left:auto;border-left:1px solid var(--line);border-right:0;border-radius:8px 0 0 8px}
}
@media (min-width:961px) and (max-width:1355px){
 html[dir=rtl] .rail{left:0;right:auto}
 html[dir=rtl] .rail a,html[dir=rtl] .rail button{border-radius:0 8px 8px 0}
}
@media (max-width:960px){html[dir=rtl] .stat:nth-child(3){border-right:0}}
@media (max-width:560px){
 html[dir=rtl] .util .r{margin-left:0;margin-right:auto}
 html[dir=rtl] .util .langs{margin-right:0}
 html[dir=rtl] .util .langs::before{padding:0 6px 0 0}
 html[dir=rtl] .keyspecs div{border-right:0}
}
@media (min-width:561px) and (max-width:1240px){html[dir=rtl] .util .langs{margin-right:0}}