/* 液压油管总成外贸站 —— 取材于胶管本身:胶管黑、镀锌钢灰、堵头红;标题用窄体(像管身印字),正文 Fira Sans。
   记忆点只有一个:首屏下面那条「管身印字带」。其余克制:细边框、小圆角、不用阴影卡片。 */
@font-face{font-family:"Fira Sans";font-weight:400;font-display:swap;src:url(fonts/fira-sans-latin-400-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Fira Sans";font-weight:400;font-display:swap;src:url(fonts/fira-sans-latin-ext-400-normal.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Fira Sans";font-weight:400;font-display:swap;src:url(fonts/fira-sans-cyrillic-400-normal.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:"Fira Sans";font-weight:500;font-display:swap;src:url(fonts/fira-sans-latin-500-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Fira Sans";font-weight:500;font-display:swap;src:url(fonts/fira-sans-latin-ext-500-normal.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Fira Sans";font-weight:500;font-display:swap;src:url(fonts/fira-sans-cyrillic-500-normal.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:"Fira Sans";font-weight:600;font-display:swap;src:url(fonts/fira-sans-latin-600-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Fira Sans";font-weight:600;font-display:swap;src:url(fonts/fira-sans-latin-ext-600-normal.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Fira Sans";font-weight:600;font-display:swap;src:url(fonts/fira-sans-cyrillic-600-normal.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:"Fira Sans Condensed";font-weight:600;font-display:swap;src:url(fonts/fira-sans-condensed-latin-600-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Fira Sans Condensed";font-weight:600;font-display:swap;src:url(fonts/fira-sans-condensed-latin-ext-600-normal.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Fira Sans Condensed";font-weight:600;font-display:swap;src:url(fonts/fira-sans-condensed-cyrillic-600-normal.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:"Fira Sans Condensed";font-weight:700;font-display:swap;src:url(fonts/fira-sans-condensed-latin-700-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Fira Sans Condensed";font-weight:700;font-display:swap;src:url(fonts/fira-sans-condensed-latin-ext-700-normal.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Fira Sans Condensed";font-weight:700;font-display:swap;src:url(fonts/fira-sans-condensed-cyrillic-700-normal.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}

:root{
 --rubber:#23262a;      /* 胶管黑 */
 --rubber2:#2e3237;
 --zinc:#c9ced3;        /* 镀锌接头 */
 --steel:#8a939b;
 --plate:#eef1f3;       /* 花纹钢板的浅灰 */
 --cap:#d7261e;         /* 堵头红,唯一的强调色 */
 --cap-d:#b51e17;
 --ink:#1d2125;
 --mute:#5b636b;
 --line:#d9dee2;
 --link:#1f5c99;
 --ink2:#3b434a;        /* 次级正文 */
 --on-dark:#dfe3e6;     /* 深色底上的字 */
 --on-dark2:#b9c0c6;
 --on-dark3:#aab2b9;     /* 页脚字 */
 --field:#b9c1c8;       /* 输入框边 */
 --soft:#f4f6f7;        /* 产品图底 */
 --bg:#fff;
 --r:3px;               /* 按钮圆角 */
 --r-box:0;             /* 图框、色块圆角 */
 --r-in:2px;            /* 输入框圆角 */
 --head-w:700;
 --head:"Fira Sans Condensed","Arial Narrow","Roboto Condensed","Segoe UI","Geeza Pro","Noto Naskh Arabic",sans-serif;
 --body:"Fira Sans","Segoe UI",Roboto,"Helvetica Neue",Arial,"Geeza Pro","Noto Naskh Arabic",sans-serif;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;font:400 16px/1.6 var(--body);color:var(--ink);background:var(--bg);font-variant-numeric:tabular-nums}
img{max-width:100%;display:block}
a{color:var(--link);text-decoration:none}a:hover{text-decoration:underline}
h1,h2,h3{font-family:var(--head);font-weight:var(--head-w);line-height:1.12;color:var(--rubber);letter-spacing:.005em;margin:0}
h2{font-size:30px}h3{font-size:21px}
:focus-visible{outline:3px solid #f2b705;outline-offset:2px}
.wrap{max-width:1240px;margin:0 auto;padding:0 24px}
.btn{display:inline-block;font:600 15.5px/1.2 var(--body);padding:12px 20px;border-radius:var(--r);border:2px solid transparent;cursor:pointer;text-decoration:none!important;white-space:nowrap}
.btn-q{background:var(--cap);color:#fff}.btn-q:hover{background:var(--cap-d)}
.btn-ghost{background:transparent;color:var(--rubber);border-color:var(--rubber)}.btn-ghost:hover{background:var(--rubber);color:#fff}
.btn-lg{padding:14px 24px;font-size:16.5px}

/* 顶条 + 页头 */
.top{background:var(--rubber);color:var(--on-dark2);font-size:13.5px}
.top-in{display:flex;align-items:center;gap:22px;min-height:36px}
.top a{color:var(--on-dark)}.top .sp{margin-inline-start:auto}
.hd{position:sticky;top:0;z-index:20;background:var(--bg);border-bottom:1px solid var(--line)}
.hd-in{display:flex;align-items:center;gap:18px;min-height:70px}
.brand{display:flex;align-items:center;gap:12px;color:var(--rubber);text-decoration:none!important;margin-inline-end:auto;min-width:0}
.brand .logo{height:42px;width:auto}
.mark{width:34px;height:34px;flex:none;border-radius:50%;background:radial-gradient(circle at 50% 50%,#fff 0 28%,var(--rubber) 29% 62%,var(--zinc) 63% 100%)}
.bn b{display:block;font:700 22px/1 var(--head);letter-spacing:.01em}
.nav{display:flex;align-items:center;gap:2px}
.nav>a,.dd>a{display:block;padding:10px 11px;color:var(--ink);font-weight:500;white-space:nowrap;border-bottom:2px solid transparent}
.nav>a:hover,.dd>a:hover{text-decoration:none;border-bottom-color:var(--zinc)}
.nav>a.on,.dd>a.on{border-bottom-color:var(--cap)}
.nav .btn-q{margin-inline-start:10px;border-bottom:2px solid transparent;color:#fff}
.dd{position:relative}
.ddm{display:none;position:absolute;inset-inline-start:0;top:100%;background:#fff;border:1px solid var(--line);border-top:2px solid var(--rubber);padding:16px 18px;gap:30px;min-width:260px;z-index:30}
.dd:hover .ddm,.dd:focus-within .ddm{display:flex}
.ddg{display:flex;flex-direction:column;min-width:210px}.ddg b{font:600 15px/1.3 var(--head);color:var(--steel);margin:0 0 6px}
.ddg a{padding:5px 0;color:var(--ink);white-space:nowrap}
.lg{position:relative}.lg-b{display:inline-flex;align-items:center;gap:6px;color:var(--on-dark);cursor:pointer}
.lg-m{display:none;position:absolute;inset-inline-end:0;top:100%;background:#fff;border:1px solid var(--line);padding:6px;z-index:40;min-width:150px;flex-direction:column}
.lg:hover .lg-m,.lg:focus-within .lg-m{display:flex}
.lg-m a{padding:6px 10px;color:var(--ink)}.lg-m a.on{background:var(--plate);font-weight:600}.lg-m a:hover{background:var(--plate);text-decoration:none}
.menu{display:none;background:none;border:0;padding:8px;cursor:pointer}.menu span{display:block;width:24px;height:2px;background:var(--rubber);margin:5px 0}

/* 首屏:左文右图,图铺到页边 */
.hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);min-height:520px;background:var(--plate)}
.hero-t{padding:72px 48px 64px max(24px,calc((100vw - 1240px)/2 + 24px));display:flex;flex-direction:column;justify-content:center}
.hero h1{font-size:54px;line-height:1.02;margin:0 0 20px;max-width:13em}
.lead{font-size:18.5px;color:var(--ink2);margin:0 0 30px;max-width:34em}
.hero-a{display:flex;gap:12px;flex-wrap:wrap}
.hero-i{position:relative;min-height:360px;background:var(--rubber);margin:0}
.hero-i img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}

/* 管身印字带 —— 全站唯一的大胆处 */
.layline{background:var(--rubber);color:#f4f5f6;overflow:hidden;white-space:nowrap;border-block:4px solid var(--rubber2);
 background-image:repeating-linear-gradient(115deg,transparent 0 46px,rgba(255,255,255,.035) 46px 52px)}
.layline p{margin:0;padding:13px 0;font:600 19px/1 var(--head);letter-spacing:.14em;text-transform:uppercase}
.layline span{display:inline-block;padding-inline-end:3.2em}
.layline span::after{content:"";display:inline-block;width:.42em;height:.42em;border-radius:50%;background:var(--cap);margin-inline-start:3.2em;vertical-align:.12em}

/* 通用区块 */
.sec{padding:72px 0}
.sec-h{display:flex;align-items:baseline;justify-content:space-between;gap:20px;margin:0 0 28px;border-bottom:2px solid var(--rubber);padding-bottom:12px}
.sec-h a{font-weight:500;white-space:nowrap}
.sec-p{background:var(--plate)}
.grp{font:600 22px/1.2 var(--head);color:var(--rubber);margin:34px 0 14px}

/* 卖点:四段并列,不编号 */
.adv{border-bottom:1px solid var(--line)}
.adv-in{display:grid;grid-template-columns:repeat(4,1fr);gap:0}
.adv-c{padding:30px 26px 28px;border-inline-start:1px solid var(--line)}.adv-c:first-child{border-inline-start:0;padding-inline-start:0}
.adv-c b{display:block;font:700 20px/1.2 var(--head);color:var(--rubber);margin:0 0 6px}.adv-c p{margin:0;color:var(--mute);font-size:15px}

/* 主营:油管总成大图;其余品类:文字目录 */
.main-cats{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px}
.mc{display:block;color:var(--ink);text-decoration:none!important;border:1px solid var(--line);background:#fff}
.mc:hover{border-color:var(--rubber)}
.mc .ci{aspect-ratio:4/3;background:var(--plate);overflow:hidden;display:flex;align-items:center;justify-content:center}
.mc .ci img{width:100%;height:100%;object-fit:cover}.mc .ci img[src$=".svg"]{object-fit:contain;padding:28px;width:auto}
.mc-t{padding:16px 18px 18px}.mc-t b{display:block;font:700 22px/1.15 var(--head);color:var(--rubber)}.mc-t p{margin:6px 0 0;color:var(--mute);font-size:15px}
.cat-dir{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:8px 40px;margin-top:10px}
.cat-dir h3{font-size:20px;margin:0 0 8px;padding-bottom:8px;border-bottom:1px solid var(--line)}
.cat-dir ul{list-style:none;margin:0 0 18px;padding:0}.cat-dir li{display:flex;justify-content:space-between;gap:10px;padding:6px 0;border-bottom:1px dotted var(--line)}
.cat-dir li span{color:var(--steel)}

/* 首页三大板块:油管总成占左边大块,液压 / 气动在右边上下叠 */
.div3{display:grid;grid-template-columns:1.55fr 1fr;grid-template-rows:auto auto;gap:24px}
.dv{border:1px solid var(--line);background:#fff;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr)}
.dv-main{grid-row:span 2;grid-template-columns:1fr;border-top:4px solid var(--cap)}
.dv-i{display:block;background:var(--plate);overflow:hidden;min-height:170px}
.dv-i img{width:100%;height:100%;object-fit:cover}.dv-i img[src$=".svg"]{object-fit:contain;padding:22px}
.dv-main .dv-i{aspect-ratio:16/9}
.dv-t{padding:18px 20px 20px}
.dv-t h3{font-size:24px;margin:0 0 6px}.dv-t h3 a{color:var(--rubber)}
.dv-main .dv-t h3{font-size:32px}
.dv-t p{margin:0 0 12px;color:var(--mute);font-size:15px}
.dv-t ul{list-style:none;margin:0 0 14px;padding:0}.dv-t li{display:flex;justify-content:space-between;gap:10px;padding:5px 0;border-bottom:1px dotted var(--line);font-size:15px}
.dv-t li span{color:var(--steel)}
.dv-main .dv-t ul{columns:2;column-gap:28px}.dv-main .dv-t li{break-inside:avoid}

/* 产品格 */
.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.pc{display:flex;flex-direction:column;color:var(--ink);text-decoration:none!important;border:1px solid var(--line);background:#fff}
.pc:hover{border-color:var(--rubber)}
.pc .ci{aspect-ratio:1/1;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:center;overflow:hidden}
.pc .ci img{max-height:100%;object-fit:contain;padding:18px}.pc .ci img[src^="/uploads/"]{width:100%;height:100%;object-fit:cover;padding:0}
.pc-t{padding:14px 16px 16px;display:flex;flex-direction:column;gap:3px}
.pc b{font:600 18px/1.2 var(--head);color:var(--rubber)}
.pc .mdl{font-size:13.5px;color:var(--steel);font-weight:500}
.pc small{color:var(--mute);font-size:14px;line-height:1.45}

/* 下单流程:真正的先后步骤,所以有序号;画在一根「管」上 */
.steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:0;position:relative}
.steps::before{content:"";position:absolute;inset-inline:0;top:17px;height:6px;background:var(--rubber);border-radius:3px}
.steps li{position:relative;padding-inline-end:24px}
.steps li span{position:relative;display:inline-flex;width:40px;height:40px;align-items:center;justify-content:center;background:var(--zinc);border:3px solid var(--rubber);font:700 18px/1 var(--head);color:var(--rubber)}
.steps li b{display:block;font:700 20px/1.2 var(--head);color:var(--rubber);margin:18px 0 6px}.steps li p{margin:0;color:var(--mute);font-size:15px}

/* 行业 */
.ind{display:grid;grid-template-columns:repeat(4,1fr);gap:28px}
.ind b{display:block;font:700 20px/1.2 var(--head);color:var(--rubber);padding-top:12px;border-top:4px solid var(--zinc)}
.ind p{margin:6px 0 0;color:var(--mute);font-size:15px}

/* 文章目录:像资料索引,不做卡片 */
.gl{list-style:none;margin:0;padding:0;columns:2 340px;column-gap:48px}.gl-1{columns:1}
.gl li{break-inside:avoid;padding:14px 0;border-bottom:1px solid var(--line)}
.gl a{font:600 19px/1.25 var(--head);color:var(--rubber)}.gl p{margin:4px 0 0;color:var(--mute);font-size:15px}
.gl time{display:block;font-size:13.5px;color:var(--steel);margin-bottom:2px}

.about-s{display:grid;grid-template-columns:1.3fr 1fr;gap:56px;align-items:start}
.about-s p{color:var(--ink2)}
.stats{display:grid;grid-template-columns:1fr 1fr;gap:0;border-top:2px solid var(--rubber)}
.stats div{padding:18px 0;border-bottom:1px solid var(--line)}.stats b{display:block;font:700 40px/1 var(--head);color:var(--rubber)}.stats span{color:var(--mute);font-size:14.5px}
.stats-w{grid-template-columns:repeat(4,1fr);margin:28px 0}

/* 内页 */
.crumb{font-size:14px;color:var(--mute);margin:26px 0 0}.crumb a{color:var(--mute)}
.pt{font-size:42px;margin:10px 0 18px}
.intro{color:var(--ink2);max-width:46em;margin:0 0 26px;font-size:17px}
.cs{margin:0 0 44px}
.cl{display:grid;grid-template-columns:240px 1fr;gap:34px;align-items:start;margin-bottom:64px}
.cl .cards{grid-template-columns:repeat(3,1fr)}
.side{position:sticky;top:96px;border-top:2px solid var(--rubber)}
.side div{display:flex;flex-direction:column;margin:0 0 14px}.side b{font:600 15px/1.3 var(--head);color:var(--steel);margin:12px 0 4px}
.side a{padding:6px 0;color:var(--ink);border-bottom:1px solid var(--line)}.side a.on{color:var(--cap);font-weight:600}
.pd{display:grid;grid-template-columns:1fr 1fr;gap:48px;margin:14px 0 40px}
.gal-m{border:1px solid var(--line);aspect-ratio:1/1;display:flex;align-items:center;justify-content:center;background:var(--soft);overflow:hidden;border-radius:var(--r-box)}
.gal-m img{max-height:100%;object-fit:contain}.gal-m img[src^="/uploads/"]{width:100%;height:100%;object-fit:cover}
.gal-m img[src$=".svg"]{padding:40px}
.gal-t{display:flex;gap:10px;margin-top:10px;flex-wrap:wrap}
.gal-t button{width:78px;height:78px;border:1px solid var(--line);background:#fff;padding:0;cursor:pointer;overflow:hidden}.gal-t button.on{border:2px solid var(--rubber)}
.gal-t img{width:100%;height:100%;object-fit:cover}
.pi h1{font-size:40px;margin:0 0 8px}
.pm{margin:0 0 14px;color:var(--mute)}.pm b{color:var(--rubber)}
.ps{font-size:18px;color:var(--ink2);margin:0 0 20px}
.kt,.st{width:100%;border-collapse:collapse;font-size:15.5px;border-top:2px solid var(--rubber)}
.kt th,.kt td,.st th,.st td{text-align:start;padding-block:10px;padding-inline:0 12px;border-bottom:1px solid var(--line);vertical-align:top}
.kt th,.st th{width:40%;color:var(--mute);font-weight:500}
.pa{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}
.pb{margin:0 0 44px}.pb h2{font-size:28px;margin:0 0 14px}
.pb p,.pb li,.art p,.art li{color:#33393f}
.quote{background:var(--plate);padding:28px 30px}
.cta-hose{display:flex;align-items:center;justify-content:space-between;gap:18px;background:var(--rubber);color:var(--on-dark);padding:18px 22px;border-radius:var(--r-box);margin:0 0 30px;flex-wrap:wrap}
.cta-hose b{color:#fff;font:700 21px/1.2 var(--head)}.cta-hose p{margin:3px 0 0;font-size:15px}
.art{max-width:820px;padding-bottom:48px}.art h2{margin:36px 0 10px;font-size:28px}.art p,.art li{font-size:17px;line-height:1.7}
.ad{color:var(--steel);font-size:14px}.ai{margin:18px 0}
.why li{margin:0 0 8px}
.center{text-align:center;padding:72px 24px}.center .pt{margin-top:0}
.gal-g{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:14px 0 6px}.gal-g img{width:100%;aspect-ratio:4/3;object-fit:cover}
.gal-c img{object-fit:contain;background:var(--plate);aspect-ratio:3/4}
.faq details{border-bottom:1px solid var(--line);padding:14px 0}.faq summary{cursor:pointer;font:600 19px/1.3 var(--head);color:var(--rubber)}.faq p{margin:8px 0 0}

/* 表单 */
.qf label,.hq label{display:flex;flex-direction:column;font-size:14.5px;font-weight:500;color:var(--rubber);gap:6px;margin:0 0 14px}
.qf input,.qf textarea,.hq input,.hq select,.hq textarea{font:inherit;font-weight:400;padding:11px 12px;border:1px solid var(--field);border-radius:var(--r-in);background:#fff;color:var(--ink);width:100%}
.qf input:focus,.qf textarea:focus,.hq input:focus,.hq select:focus,.hq textarea:focus{outline:0;border-color:var(--rubber);box-shadow:inset 0 0 0 1px var(--rubber)}
.qf-g{display:grid;grid-template-columns:1fr 1fr 1fr;gap:0 16px}
.qf-n{font-size:13.5px;color:var(--mute);margin:12px 0 0}
.hp{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.ct{display:grid;grid-template-columns:1fr 2fr;gap:48px;margin-bottom:64px}
.ct-i dl{margin:20px 0}.ct-i dt{font:600 15px/1.3 var(--head);color:var(--steel);margin-top:16px}.ct-i dd{margin:2px 0 0;font-size:17px}
.ct-f{background:var(--plate);padding:26px}.ct-f .qf-g{grid-template-columns:1fr 1fr}
.hq{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:28px;align-items:start;margin:0 0 64px}
.hq-s{border-top:2px solid var(--rubber);padding:18px 0 8px;margin:0 0 18px}
.hq-s h2{font-size:24px;margin:0 0 16px;display:flex;align-items:center;gap:12px}
.hq-s h2 span{display:inline-flex;width:32px;height:32px;background:var(--zinc);border:2px solid var(--rubber);align-items:center;justify-content:center;font-size:16px}
.hq .qf-g{grid-template-columns:repeat(3,1fr)}.hq .g2{grid-template-columns:1fr 1fr}
.ends{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.end{border:1px solid var(--line);padding:12px 16px 2px;margin:0;background:#fff}.end legend{font:700 18px/1 var(--head);color:var(--rubber);padding:0 6px}
.end.same select,.end.same input:not([data-same]){opacity:.5;pointer-events:none}
.hq label.ck{flex-direction:row;align-items:center;gap:8px}.hq label.ck input{width:auto}
.orient{display:grid;grid-template-columns:200px 1fr;gap:6px 20px;align-items:center;margin:4px 0 14px;background:var(--plate);padding:14px 16px}
.orient[hidden]{display:none}.orient p{grid-column:2;margin:0}
.len{display:flex;align-items:center;gap:18px;background:var(--plate);padding:12px 16px;margin:0 0 16px}.len svg{width:240px;flex:none}.len p{margin:0}
.hint{font-size:14px;color:var(--mute);font-weight:400;line-height:1.5}
.li{display:flex;gap:6px}.li select{width:92px}
.hq-side{position:sticky;top:96px}.hq-side .hq-s{background:var(--plate);border-top:4px solid var(--cap);padding:20px 20px 16px}.hq-side .btn{width:100%;margin-top:4px}

/* 页尾 */
.band{background:var(--plate);border-top:1px solid var(--line)}
.band-in{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:40px 24px;flex-wrap:wrap}
.band h2{font-size:30px;margin:0 0 6px}.band p{margin:0;color:var(--mute)}
.band-a{display:flex;gap:12px;flex-wrap:wrap}
.ft{background:var(--rubber);color:var(--on-dark3);font-size:15px}
.ft-in{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:36px;padding:48px 24px 30px}
.ft-c{display:flex;flex-direction:column;gap:7px}.ft-c b{color:#fff;font:600 18px/1.2 var(--head);margin-bottom:4px}.ft-c p{margin:0}.ft a{color:var(--on-dark)}
.ft-b{border-top:1px solid #3a3f45;padding:16px 24px;font-size:13.5px}
.fab{position:fixed;inset-inline-end:18px;bottom:18px;z-index:30}
.fab a{width:54px;height:54px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#25d366;text-decoration:none!important}

/* 响应式 */
@media (max-width:1180px){.nav>a,.dd>a{padding:10px 8px}.hero h1{font-size:46px}}
@media (max-width:1020px){.cards{grid-template-columns:repeat(3,1fr)}.cl .cards{grid-template-columns:repeat(2,1fr)}.adv-in,.ind{grid-template-columns:repeat(2,1fr)}.adv-c:nth-child(3){border-inline-start:0;padding-inline-start:0}.steps{grid-template-columns:repeat(2,1fr);row-gap:30px}.steps::before{display:none}}
@media (max-width:980px){
 .div3{grid-template-columns:1fr}.dv-main{grid-row:auto}.dv{grid-template-columns:1fr}.dv-main .dv-t ul{columns:1}
 .menu{display:block}
 .nav{display:none;position:absolute;inset-inline:0;top:100%;background:#fff;border-bottom:2px solid var(--rubber);flex-direction:column;align-items:stretch;padding:8px 24px 18px}
 .nav.open{display:flex}.nav>a,.dd>a{padding:12px 2px;border-bottom:1px solid var(--line)}
 .ddm{position:static;display:flex;flex-direction:column;border:0;padding:4px 0 8px;padding-inline-start:14px;gap:8px}
 .nav .btn-q{margin:14px 0 0;text-align:center}
 .hero{grid-template-columns:1fr}.hero-t,[dir=rtl] .hero-t{padding:44px 24px 36px}.hero h1{font-size:38px}.hero-i{min-height:280px}
 .pd,.about-s,.ct,.cl,.hq{grid-template-columns:1fr;gap:26px}.side,.hq-side{position:static}
 .ft-in{grid-template-columns:1fr}.stats-w{grid-template-columns:1fr 1fr}
 .qf-g,.ct-f .qf-g,.hq .qf-g,.ends{grid-template-columns:1fr}.orient{grid-template-columns:1fr}.orient p{grid-column:1}.len{flex-direction:column;align-items:flex-start}.len svg{width:100%}
 .top .hide-s{display:none}
}
@media (max-width:600px){
 .wrap{padding:0 16px}.hero-t,[dir=rtl] .hero-t{padding:36px 16px 30px}.hero h1{font-size:33px}.lead{font-size:17px}
 .cards,.cl .cards{grid-template-columns:repeat(2,1fr);gap:12px}.pc-t{padding:10px 10px 12px}.pc b{font-size:16px}.pc small{display:none}
 .adv-in,.ind,.steps{grid-template-columns:1fr}.adv-c{border-inline-start:0;padding:20px 0;border-top:1px solid var(--line)}.adv-c:first-child{border-top:0}
 .sec{padding:48px 0}.pt{font-size:32px}.pi h1{font-size:30px}h2{font-size:26px}.quote,.ct-f{padding:18px}
 .layline p{font-size:16px;padding:11px 0}
}
@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}
/* 从右往左(阿拉伯语):逻辑属性已处理大部分,这里补首屏留白方向、数字和型号保持左到右 */
[dir=rtl] .pm b,[dir=rtl] .pc .mdl,[dir=rtl] .kt td,[dir=rtl] .st td{unicode-bidi:plaintext}
@media (min-width:981px){[dir=rtl] .hero-t{padding:72px max(24px,calc((100vw - 1240px)/2 + 24px)) 64px 48px}}

/* ---- 风格模板(后台「公司信息 → 网站风格」选;默认 = 重工,即上面的值) ---- */
/* 精密:阀门、仪表、传感器、电子。白底、深藏青、钢蓝;常规字宽,细线 */
[data-theme=precision]{--on-dark3:#9fb1c3;--rubber:#15304c;--rubber2:#1d3e61;--zinc:#b7c6d5;--steel:#7a8ca0;--plate:#eef3f8;--cap:#1d6fb8;--cap-d:#175b97;
 --ink:#16202a;--ink2:#3a4a5a;--mute:#566676;--line:#dbe3eb;--link:#1d6fb8;--on-dark:#dce6f0;--on-dark2:#a9bacb;--field:#b9c7d5;--soft:#f3f6f9;
 --head:var(--body);--head-w:600;--r:4px;--r-box:4px;--r-in:4px}
/* 材料:化工、塑料、纺织、包装、农业。米白底、深绿、琥珀点缀 */
[data-theme=materials]{--on-dark3:#a4b4a8;--rubber:#1e3a30;--rubber2:#28493d;--zinc:#c7d3c4;--steel:#83968a;--plate:#eef2ea;--cap:#2c7356;--cap-d:#225c45;
 --ink:#1b241f;--ink2:#3c4a42;--mute:#5a675f;--line:#dce3d8;--link:#2c7356;--on-dark:#e1e9e2;--on-dark2:#aebdb2;--field:#bccabe;--soft:#f5f6f0;
 --bg:#fcfbf7;--head:var(--body);--head-w:600;--r:6px;--r-box:6px;--r-in:6px}
[data-theme=materials] .layline span::after{background:#d39a2a}
/* 消费:家居、礼品、户外、小家电。暖白底、炭黑、陶土色;圆角,图片为主 */
[data-theme=consumer]{--on-dark3:#b5a798;--rubber:#2a2622;--rubber2:#3a342f;--zinc:#dccbb8;--steel:#9a8b7c;--plate:#f6efe6;--cap:#b4522e;--cap-d:#964325;
 --ink:#26211d;--ink2:#4a423b;--mute:#6d645b;--line:#e8dfd3;--link:#a24a29;--on-dark:#efe6dc;--on-dark2:#bfb2a4;--field:#d3c6b7;--soft:#faf6f0;
 --bg:#fffdf9;--head:var(--body);--head-w:600;--r:12px;--r-box:12px;--r-in:8px}
[data-theme=consumer] .pc,[data-theme=consumer] .gal-t button{border-radius:var(--r-box);overflow:hidden}

/* 站内搜索(Pagefind) */
.nav>a.srch{display:inline-flex;align-items:center;gap:6px}.srch-t{display:none}
.pf{--pagefind-ui-primary:var(--cap);--pagefind-ui-text:var(--ink);--pagefind-ui-border:var(--line);--pagefind-ui-border-radius:var(--r-in);--pagefind-ui-font:var(--body);max-width:880px;margin:0 0 40px}
@media (max-width:980px){.srch-t{display:inline}}