:root{--ink:#16202a;--steel:#e8ebeb;--paper:#f6f4ef;--blue:#28516c;--orange:#e26d34;--line:rgba(22,32,42,.2)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,"Microsoft YaHei",sans-serif}a{color:inherit;text-decoration:none}
.topline{min-height:32px;padding:0 3vw;display:flex;align-items:center;justify-content:space-between;background:var(--ink);color:#fff;font-size:10px;letter-spacing:.15em}.topline span:last-child{opacity:.55}
.site-header{height:88px;padding:0 3vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;gap:14px;align-items:center}.brand-icon{width:44px;height:44px;display:grid;place-items:center;background:var(--orange);color:#fff;font:bold 16px Arial;letter-spacing:.05em}.brand>span:last-child{display:flex;flex-direction:column;gap:4px}.brand strong{font-size:19px;letter-spacing:.08em}.brand small{font-size:9px;letter-spacing:.04em;opacity:.62}.store-info{display:flex;gap:26px;align-items:center;font-size:12px}.store-info span{padding-right:26px;border-right:1px solid var(--line)}.store-info a{font-weight:700}
.category-nav{height:55px;padding:0 3vw;display:grid;grid-template-columns:repeat(5,1fr);border-bottom:1px solid var(--line)}.category-nav a{min-width:0;display:flex;gap:12px;align-items:center;justify-content:center;border-right:1px solid var(--line);font-size:13px;font-weight:600;transition:.2s}.category-nav a:first-child{border-left:1px solid var(--line)}.category-nav a span{color:var(--orange);font:10px Georgia,serif}.category-nav a:hover{background:var(--blue);color:#fff}
.industrial-hero{min-height:650px;display:grid;grid-template-columns:1.04fr .96fr;border-bottom:1px solid var(--line)}.hero-main{padding:8vw 7vw 6vw 6vw;display:flex;flex-direction:column;align-items:flex-start}.kicker{margin:0 0 26px;color:var(--orange);font-size:9px;font-weight:700;letter-spacing:.24em}.hero-main h1{margin:0;font-size:clamp(62px,7vw,110px);line-height:1.02;letter-spacing:-.075em;font-weight:800}.hero-main>p:not(.kicker){max-width:500px;margin:34px 0;color:rgba(22,32,42,.66);font-size:14px;line-height:1.9}.hero-actions{display:flex;gap:22px;align-items:center}.hero-actions a:first-child{min-width:206px;padding:16px 18px;display:flex;justify-content:space-between;background:var(--blue);color:#fff;font-size:12px}.hero-actions a:last-child{padding-bottom:5px;border-bottom:1px solid var(--ink);font-size:12px}
.hero-board{min-height:650px;position:relative;overflow:hidden;background:#d7dcdd;border-left:1px solid var(--line)}.board-grid{position:absolute;inset:0;opacity:.45;background-image:linear-gradient(rgba(40,81,108,.18) 1px,transparent 1px),linear-gradient(90deg,rgba(40,81,108,.18) 1px,transparent 1px);background-size:44px 44px}.metal-frame{width:48%;aspect-ratio:1;position:absolute;left:27%;top:25%;display:grid;place-items:center;border:18px solid #7c888d;outline:1px solid rgba(255,255,255,.6);box-shadow:22px 26px 0 rgba(22,32,42,.14),inset 0 0 0 2px #58666b;transform:perspective(800px) rotateY(-8deg);background:linear-gradient(135deg,rgba(255,255,255,.65),rgba(126,142,148,.2))}.metal-frame:before,.metal-frame:after{content:"";position:absolute;background:#7c888d}.metal-frame:before{width:18px;height:100%}.metal-frame:after{width:100%;height:18px}.metal-frame span{position:absolute;z-index:2;font:bold clamp(52px,7vw,96px) Arial;color:var(--blue);letter-spacing:-.08em}.metal-frame small{position:absolute;z-index:2;bottom:16%;right:10%;font-size:8px;line-height:1.5;letter-spacing:.18em}.measure{position:absolute;z-index:3;display:flex;align-items:center;gap:10px;padding:9px 12px;background:var(--paper);font-size:10px;box-shadow:0 8px 25px rgba(22,32,42,.1)}.measure i{width:7px;height:7px;background:var(--orange);border-radius:50%}.measure-a{top:17%;left:8%}.measure-b{right:7%;bottom:20%}.hero-board>p{position:absolute;left:7%;bottom:6%;margin:0;font-size:11px;line-height:1.7;letter-spacing:.08em}
.category-section{padding:105px 3vw 120px}.section-intro{margin-bottom:42px;display:grid;grid-template-columns:1fr 1fr 1fr;align-items:end;border-bottom:1px solid var(--line)}.section-intro .kicker{align-self:start}.section-intro h2{margin:0 0 27px;font-size:44px;letter-spacing:-.05em}.section-intro>p:last-child{max-width:300px;justify-self:end;margin:0 0 29px;color:rgba(22,32,42,.58);font-size:12px;line-height:1.7}.category-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:18px}.category-card{grid-column:span 2;position:relative;border:1px solid var(--line);background:#fff;transition:transform .25s,box-shadow .25s}.category-card.wide{grid-column:span 3}.category-card:hover{transform:translateY(-5px);box-shadow:0 18px 45px rgba(22,32,42,.1)}.category-index{position:absolute;left:14px;top:14px;z-index:2;width:34px;height:34px;display:grid;place-items:center;background:var(--ink);color:#fff;font:10px Georgia,serif}.blank-work{height:280px;position:relative;overflow:hidden;background:#dfe3e3}.blank-work:before,.blank-work:after{content:"";position:absolute;background:#bac2c4}.blank-work:before{width:44%;height:70%;left:29%;bottom:0;border:12px solid #8f9a9e;background:transparent}.blank-work:after{width:1px;height:140%;left:50%;top:-20%;background:rgba(40,81,108,.25);transform:rotate(45deg)}.blank-work span{position:absolute;right:14px;bottom:12px;z-index:2;color:rgba(22,32,42,.42);font-size:9px;letter-spacing:.13em}.blank-2{background:#e6e0d6}.blank-3{background:#d9e0e3}.blank-4{background:#d6dcda}.blank-5{background:#e3ded9}.category-copy{padding:20px}.category-copy small{color:var(--orange);font-size:8px;letter-spacing:.18em}.category-copy h3{margin:8px 0 13px;font-size:21px}.category-copy p{margin:0;color:rgba(22,32,42,.5);font-size:10px}.category-card>b{position:absolute;right:19px;bottom:21px;font-size:18px;font-weight:400}
.service-strip{display:grid;grid-template-columns:repeat(4,1fr);background:var(--blue);color:#fff}.service-strip>div{min-height:170px;padding:33px 3vw;border-right:1px solid rgba(255,255,255,.18)}.service-strip span{display:block;margin-bottom:24px;color:#f3a376;font:11px Georgia,serif}.service-strip strong{display:block;margin-bottom:11px;font-size:17px}.service-strip p{margin:0;color:rgba(255,255,255,.57);font-size:10px}
.contact-band{padding:95px 6vw;display:grid;grid-template-columns:1.25fr .75fr;align-items:end;background:var(--ink);color:#fff}.contact-band h2{margin:0;font-size:clamp(43px,5vw,76px);line-height:1.15;letter-spacing:-.055em}.contact-band>div:last-child{padding-left:5vw;border-left:1px solid rgba(255,255,255,.2)}.contact-band strong{display:block;margin-bottom:10px;font-size:15px}.contact-band>div:last-child>p{margin:0 0 24px;color:rgba(255,255,255,.55);font-size:11px}.wechat-placeholder{margin-bottom:24px;display:flex;gap:16px;align-items:center}.wechat-placeholder>b{width:88px;height:88px;display:grid;place-items:center;background:#fff;color:var(--ink);font-size:18px}.wechat-placeholder span{font-size:12px;line-height:1.7}.wechat-placeholder small{color:rgba(255,255,255,.5)}.contact-band a{width:220px;padding:15px 17px;display:flex;justify-content:space-between;background:var(--orange);font-size:12px}footer{min-height:80px;padding:0 3vw;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;font-size:11px}footer p{margin:0;opacity:.58}footer small{justify-self:end;opacity:.5;font-size:8px;letter-spacing:.12em}
@media(max-width:900px){.category-nav{overflow-x:auto;display:flex}.category-nav a{min-width:150px;padding:0 18px}.industrial-hero{grid-template-columns:1fr}.hero-main{padding:80px 7vw}.hero-board{min-height:540px;border-left:0;border-top:1px solid var(--line)}.category-grid{grid-template-columns:1fr 1fr}.category-card,.category-card.wide{grid-column:auto}.section-intro{grid-template-columns:1fr 1fr}.section-intro>p:last-child{display:none}.service-strip{grid-template-columns:1fr 1fr}.contact-band{grid-template-columns:1fr;gap:55px}.contact-band>div:last-child{padding-left:0;border:0}}
@media(max-width:600px){.topline span:last-child{display:none}.site-header{height:auto;min-height:92px;padding:12px 16px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px}.brand{gap:9px}.brand-icon{width:36px;height:42px;font-size:13px}.brand strong{font-size:16px}.brand small{max-width:170px;font-size:8px;line-height:1.35}.store-info{gap:5px;flex-direction:column;align-items:flex-end;font-size:10px;white-space:nowrap}.store-info span{padding-right:0;border-right:0;color:rgba(22,32,42,.6)}.category-nav{height:auto;padding:0;display:flex;flex-direction:column;overflow:visible}.category-nav a{width:100%;min-width:100%;min-height:52px;justify-content:flex-start;padding:0 22px;border-right:0;border-bottom:1px solid var(--line)}.category-nav a:first-child{border-left:0}.hero-main{padding:64px 22px}.hero-main h1{font-size:56px}.hero-actions{align-items:flex-start;flex-direction:column}.hero-board{min-height:420px}.metal-frame{width:58%;left:22%;top:22%}.category-section{padding:75px 20px}.section-intro{display:block}.section-intro h2{font-size:38px}.category-grid{grid-template-columns:1fr}.blank-work{height:260px}.service-strip{grid-template-columns:1fr}.service-strip>div{min-height:128px}.contact-band{padding:72px 24px}.contact-band h2{font-size:42px}footer{grid-template-columns:1fr auto}footer p{display:none}}
.category-nav a.active{background:var(--blue);color:#fff}.category-hero{min-height:430px;padding:75px 6vw 65px;display:grid;grid-template-columns:1fr auto;align-items:end;background:linear-gradient(125deg,#f6f4ef 0%,#e1e6e6 100%);border-bottom:1px solid var(--line)}.breadcrumb{margin-bottom:50px;display:flex;gap:10px;color:rgba(22,32,42,.5);font-size:10px}.breadcrumb b{color:var(--ink)}.category-hero h1{margin:0 0 22px;font-size:clamp(68px,8vw,120px);line-height:.95;letter-spacing:-.075em}.category-lead{max-width:650px;margin:0;color:rgba(22,32,42,.62);font-size:13px;line-height:1.8}.category-stat{min-width:210px;padding:22px 0 0 26px;display:flex;gap:30px;align-items:end;border-left:1px solid var(--line)}.category-stat>span{font:16px Georgia,serif;color:var(--orange)}.category-stat div{display:flex;flex-direction:column}.category-stat strong{font:bold 72px Arial;line-height:.8;color:var(--blue)}.category-stat small{margin-top:14px;font-size:9px;letter-spacing:.16em}.work-section{padding:100px 3vw 125px}.work-heading{margin-bottom:40px;padding-bottom:28px;display:flex;justify-content:space-between;align-items:end;border-bottom:1px solid var(--line)}.work-heading h2{margin:0;font-size:46px;letter-spacing:-.05em}.work-heading>p{max-width:390px;margin:0;color:rgba(22,32,42,.56);font-size:11px;line-height:1.8}.work-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:45px 20px}.work-card{min-width:0}.work-placeholder{height:340px;position:relative;overflow:hidden;background:#dce1e2;border:1px solid rgba(22,32,42,.12)}.work-placeholder:before{content:"";position:absolute;inset:0;opacity:.55;background-image:linear-gradient(rgba(40,81,108,.13) 1px,transparent 1px),linear-gradient(90deg,rgba(40,81,108,.13) 1px,transparent 1px);background-size:36px 36px}.work-placeholder-2{background:#e4ded5}.work-placeholder-3{background:#d7dee0}.work-placeholder-4{background:#e2e1dc}.work-placeholder>span{position:absolute;left:14px;top:14px;font:9px Georgia,serif;letter-spacing:.12em}.work-placeholder>b{position:absolute;right:14px;bottom:13px;color:rgba(22,32,42,.45);font-size:9px;font-weight:400;letter-spacing:.1em}.placeholder-mark{width:42%;aspect-ratio:1.15;position:absolute;left:29%;top:27%;border:10px solid #919da1}.placeholder-mark:before,.placeholder-mark:after{content:"";position:absolute;background:#919da1}.placeholder-mark:before{width:10px;height:100%;left:calc(50% - 5px)}.placeholder-mark:after{height:10px;width:100%;top:calc(50% - 5px)}.placeholder-mark i{position:absolute;width:8px;height:8px;border-radius:50%;background:var(--orange)}.placeholder-mark i:first-child{left:-22px;top:-22px}.placeholder-mark i:last-child{right:-22px;bottom:-22px}.work-copy{padding:19px 2px}.work-copy small{color:var(--orange);font-size:8px;letter-spacing:.15em}.work-copy h3{margin:8px 0 14px;font-size:20px}.work-copy strong{display:block;margin-bottom:11px;color:var(--blue);font-size:13px}.work-copy p{margin:0;padding-top:12px;border-top:1px solid var(--line);color:rgba(22,32,42,.55);font-size:10px;line-height:1.7}.next-category{padding:35px 6vw;display:flex;justify-content:space-between;align-items:center;background:#d9dede}.next-category>span{font-size:9px;letter-spacing:.2em}.next-category a{font-size:27px;font-weight:700}.next-category b{margin-left:30px;color:var(--orange);font-weight:400}
@media(max-width:900px){.work-grid{grid-template-columns:1fr 1fr}.category-hero{grid-template-columns:1fr}.category-stat{margin-top:50px;border-left:0;border-top:1px solid var(--line);padding:25px 0 0}.work-heading>p{display:none}}
@media(max-width:600px){.category-hero{padding:55px 22px}.breadcrumb{margin-bottom:38px}.category-hero h1{font-size:60px}.category-stat strong{font-size:55px}.work-section{padding:70px 20px 90px}.work-heading h2{font-size:38px}.work-grid{grid-template-columns:1fr}.work-placeholder{height:300px}.next-category{padding:28px 22px}.next-category a{font-size:21px}.next-category b{margin-left:12px}}