:root{--navy:#092442;--blue:#0766b2;--deep:#06182d;--teal:#00a59d;--ink:#0b213b;--muted:#607187;--line:#dce6ef;--soft:#f3f7fa;--white:#fff;--shadow:0 22px 60px rgba(7,35,66,.13)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:"Microsoft YaHei","PingFang SC",Arial,sans-serif;overflow-x:hidden}body,button,input{font:inherit}a{color:inherit;text-decoration:none}img{display:block;width:100%}h1,h2,h3,p{margin-top:0}h1{max-width:900px;margin-bottom:22px;color:#fff;font-size:clamp(42px,5vw,72px);line-height:1.06}h2{color:var(--navy);font-size:clamp(30px,3.3vw,48px);line-height:1.15}h3{color:var(--navy);font-size:21px;line-height:1.4}p{color:var(--muted);font-size:16px;line-height:1.85}
.header{position:fixed;z-index:60;inset:0 0 auto;display:grid;grid-template-columns:220px 1fr auto;align-items:center;height:88px;padding:0 clamp(20px,4vw,64px);border-bottom:1px solid rgba(220,230,239,.8);background:rgba(255,255,255,.96);backdrop-filter:blur(14px)}.logo img{width:205px}.nav{display:flex;justify-content:center;gap:clamp(12px,1.65vw,25px);font-size:14px;font-weight:800}.nav>a{position:relative;padding:34px 0}.nav>a:hover,.nav>a.active{color:var(--blue)}.nav>a.active:after{content:"";position:absolute;right:0;bottom:23px;left:0;height:2px;background:var(--blue)}.header-cta,.btn{display:inline-flex;align-items:center;justify-content:center;min-height:47px;padding:0 22px;border:1px solid var(--blue);font-weight:800}.header-cta,.btn.primary{color:#fff;background:var(--blue)}.btn.light{border-color:#fff;color:var(--blue);background:#fff}.btn.ghost{border-color:rgba(255,255,255,.6);color:#fff}.menu{display:none;border:0;background:none;color:var(--navy);font-size:26px}
.hero{position:relative;display:flex;align-items:flex-end;min-height:720px;padding:160px clamp(24px,6vw,90px) 82px;background:var(--deep) center/cover no-repeat}.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,19,39,.93),rgba(4,19,39,.68) 52%,rgba(4,19,39,.16))}.hero>div{position:relative;z-index:1;max-width:900px}.hero p{max-width:760px;color:#d3dfeb;font-size:18px}.hero-home{background-image:url('./assets/hero.jpg')}.hero-industries{background-image:url('./assets/coating.jpg')}.hero-products{background-image:url('./assets/powder.jpg')}.hero-digital{background-image:url('./assets/digital.jpg')}.hero-cases{background-image:url('./assets/cases.jpg')}.hero-news{background-image:url('./assets/company.jpg')}.hero-cooperation{background-image:url('./assets/equipment.jpg')}.hero-talent{background-image:url('./assets/talent.jpg')}.hero-contact{background-image:url('./assets/company-detail.jpg')}.kicker{margin-bottom:14px;color:var(--teal);font-size:12px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.hero .kicker{color:#5cddd3}.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:25px}
.section{padding:clamp(72px,8vw,112px) clamp(24px,5vw,72px)}.soft{background:var(--soft)}.dark{background:var(--navy)}.dark h2,.dark h3{color:#fff}.dark p{color:#b9cad8}.section-head{max-width:900px;margin-bottom:38px}.section-head.center{margin-right:auto;margin-left:auto;text-align:center}.positioning{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line)}.positioning article{min-height:220px;padding:30px;border-right:1px solid var(--line)}.positioning article:last-child{border:0}.positioning strong{display:block;margin-bottom:24px;color:var(--blue);font-size:14px}.positioning p{margin:0}
.quick-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.quick-grid a{padding:25px;border:1px solid var(--line);background:#fff;transition:.2s}.quick-grid a:hover{border-color:var(--blue);transform:translateY(-4px)}.quick-grid span{display:block;margin-bottom:16px;color:var(--blue);font-size:25px}.quick-grid h3{margin-bottom:8px}.quick-grid p{margin:0;font-size:14px}.showcase{display:grid;gap:28px}.showcase-item{display:grid;grid-template-columns:1fr 1fr;min-height:400px;border:1px solid var(--line);background:#fff}.showcase-item:nth-child(even) img{order:2}.showcase-item img{height:100%;min-height:400px;object-fit:cover}.showcase-copy{display:flex;flex-direction:column;justify-content:center;padding:clamp(30px,4.5vw,64px)}.showcase-copy .more{color:var(--blue);font-weight:800}.tag-list{display:flex;flex-wrap:wrap;gap:8px;margin:4px 0 24px}.tag-list span{padding:8px 11px;background:var(--soft);font-size:13px;font-weight:700}
.category-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.category-card{padding:28px;border:1px solid var(--line);background:#fff}.category-card .index{display:block;margin-bottom:28px;color:var(--blue);font-weight:900}.category-card ul{margin:0;padding-left:19px;color:var(--muted);line-height:2}.category-card li::marker{color:var(--teal)}.category-card.wide{grid-column:span 2}.image-card{overflow:hidden;padding:0}.image-card img{height:220px;object-fit:cover}.image-card>div{padding:26px}.flow{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line)}.flow article{padding:27px;border-right:1px solid var(--line)}.flow article:last-child{border:0}.flow span{display:block;margin-bottom:26px;color:var(--blue);font-weight:900}.flow p{margin:0;font-size:14px}
.roi-wrap{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:start}.roi-form{display:grid;grid-template-columns:1fr 1fr;gap:16px;padding:30px;background:#fff;box-shadow:var(--shadow)}.roi-form label{display:grid;gap:8px;color:var(--navy);font-size:14px;font-weight:800}.roi-form input{width:100%;padding:13px;border:1px solid var(--line)}.roi-result{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:22px;color:#fff;background:var(--navy)}.roi-result span{font-size:13px;color:#b9cad8}.roi-result strong{font-size:24px}.contact-list{display:grid;gap:12px}.contact-list a,.contact-list div{padding:20px;border:1px solid var(--line);background:#fff}.contact-list span{display:block;margin-bottom:5px;color:var(--muted);font-size:13px}.contact-list b{color:var(--navy)}.cta{display:grid;grid-template-columns:1fr auto;align-items:center;gap:24px;padding:54px clamp(24px,5vw,72px);color:#fff;background:linear-gradient(120deg,var(--blue),#003f78)}.cta h2{margin-bottom:10px;color:#fff}.cta p{margin:0;color:#d9e9f7}footer{display:flex;justify-content:space-between;padding:30px clamp(24px,5vw,72px);color:#aebfd0;background:var(--deep);font-size:14px}footer strong{color:#fff}.mobile-cta{display:none}
@media(max-width:1100px){.header{grid-template-columns:190px 1fr}.logo img{width:178px}.header-cta{display:none}.nav{gap:10px;font-size:12px}.category-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:780px){.header{height:72px;grid-template-columns:1fr auto;padding:0 18px}.menu{display:block}.nav{position:absolute;top:72px;right:0;left:0;display:none;flex-direction:column;gap:0;max-height:calc(100vh - 72px);padding:10px 20px 22px;overflow:auto;border-top:1px solid var(--line);background:#fff;box-shadow:0 20px 30px rgba(7,35,66,.14)}.nav.open{display:flex}.nav>a{padding:12px 0}.nav>a.active:after{display:none}.hero{min-height:650px;padding:120px 23px 62px}.hero:before{background:linear-gradient(90deg,rgba(4,19,39,.9),rgba(4,19,39,.52))}h1{font-size:42px}.positioning,.quick-grid,.category-grid,.showcase-item,.roi-wrap{grid-template-columns:1fr}.positioning article{border-right:0;border-bottom:1px solid var(--line)}.positioning article:last-child{border:0}.showcase-item:nth-child(even) img{order:initial}.showcase-item img{min-height:250px;height:250px}.category-card.wide{grid-column:auto}.flow{grid-template-columns:1fr 1fr}.flow article:nth-child(2){border-right:0}.flow article:nth-child(-n+2){border-bottom:1px solid var(--line)}.roi-form{grid-template-columns:1fr}.cta{grid-template-columns:1fr;padding-bottom:78px}footer{flex-direction:column;gap:10px;padding-bottom:88px}.mobile-cta{position:fixed;z-index:55;right:0;bottom:0;left:0;display:grid;grid-template-columns:1fr 1fr;background:#fff;box-shadow:0 -7px 25px rgba(7,35,66,.14)}.mobile-cta a{padding:15px;text-align:center;font-weight:800}.mobile-cta a:last-child{color:#fff;background:var(--blue)}}
.core-section{background:#fff}.core-showcase{display:grid;gap:28px}.core-card{display:grid;grid-template-columns:minmax(330px,.88fr) minmax(470px,1.12fr);min-height:440px;overflow:hidden;border:1px solid var(--line);background:#fff;box-shadow:0 16px 45px rgba(7,35,66,.07);transition:.25s}.core-card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.core-card:nth-child(even) .core-image{order:2}.core-image{position:relative;min-height:440px;overflow:hidden;background:var(--navy)}.core-image:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(4,19,39,.55))}.core-image img{height:100%;object-fit:cover;transition:transform .5s}.core-card:hover .core-image img{transform:scale(1.035)}.core-image>span{position:absolute;z-index:2;left:26px;bottom:22px;color:#fff;font-size:42px;font-weight:900}.core-copy{display:flex;flex-direction:column;justify-content:center;padding:clamp(32px,4.6vw,66px)}.core-copy h3{font-size:clamp(28px,3vw,42px)}.core-copy>b{color:var(--blue)}
.nav a[href="./cases.html"]{display:none}
.product-type-card{display:flex;flex-direction:column;color:inherit;transition:transform .22s,box-shadow .22s,border-color .22s}.product-type-card:hover{transform:translateY(-5px);border-color:var(--blue);box-shadow:var(--shadow)}.product-type-card>div{display:flex;flex:1;flex-direction:column}.product-type-card .index{margin-bottom:18px}.product-type-card p{flex:1}.product-link{display:block;margin-top:14px;color:var(--blue);font-size:14px}
.news-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.news-item{overflow:hidden;border:1px solid var(--line);background:#fff;box-shadow:0 14px 38px rgba(7,35,66,.07);transition:.25s}.news-item:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.news-item>img{height:290px;object-fit:cover}.news-item>div{padding:30px}.news-item span{display:block;margin-bottom:16px;color:var(--teal);font-size:12px;font-weight:900}.news-item h3{font-size:24px}.news-item b{color:var(--blue)}.article-hero{min-height:560px}.hero-huabohang{background-image:url('./assets/equipment.jpg')}.hero-youmeite{background-image:url('./assets/powder-detail.jpg')}.article-body{max-width:900px;margin:auto}.article-body .lead{color:var(--navy);font-size:20px;font-weight:700}.article-body h2{margin-top:52px;font-size:32px}.article-body ul{padding-left:22px;color:var(--muted);font-size:16px;line-height:2}.article-meta{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:25px}.article-meta span{padding:8px 11px;background:var(--soft);color:var(--navy);font-size:13px;font-weight:700}
.headquarters-grid{display:grid}.headquarters-card{display:grid;grid-template-columns:minmax(480px,2fr) minmax(260px,1fr);overflow:hidden;border:1px solid var(--line);background:#fff}.headquarters-copy{display:flex;flex-direction:column;justify-content:center;padding:clamp(32px,5vw,70px)}.headquarters-copy .index{display:block;margin-bottom:24px;color:var(--blue);font-weight:900}.headquarters-copy h3{font-size:clamp(26px,3vw,38px)}.headquarters-map{display:grid;place-items:center;min-height:280px;padding:18px;background:#eaf5f8}.headquarters-map img{width:100%;height:100%;max-height:300px;object-fit:contain}.official-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;max-width:900px}.official-channel{display:flex;flex-direction:column;min-width:0;overflow:hidden;background:#fff}.official-channel>div:last-child{padding:22px 24px}.official-channel span{display:block;margin-bottom:10px;color:var(--teal);font-size:10px;font-weight:900;letter-spacing:.08em}.official-channel h3{margin-bottom:8px}.official-channel p{margin-bottom:0;font-size:14px}.channel-image{display:grid;place-items:center;height:230px;padding:22px;background:#f5f8fb}.channel-image img{width:188px;max-width:100%;height:auto}.channel-note{margin-top:14px;padding-top:14px;border-top:1px solid var(--line);font-size:13px!important}
@media(max-width:780px){.core-card{grid-template-columns:1fr;min-height:0}.core-card:nth-child(even) .core-image{order:initial}.core-image{min-height:245px;height:245px}.core-copy{padding:30px 24px}.core-copy h3{font-size:29px}.core-image>span{font-size:32px}}
@media(max-width:780px){.news-grid{grid-template-columns:1fr}.news-item>img{height:230px}.article-hero{min-height:520px}.article-body h2{font-size:28px}}
@media(max-width:780px){.headquarters-card,.official-grid{grid-template-columns:1fr}.headquarters-copy{padding:30px 24px}.headquarters-map{min-height:0}.headquarters-map img{height:auto}.channel-image{height:260px}.channel-image img{width:210px}}
.headquarters-map{padding:0;overflow:hidden}.headquarters-map img{width:100%;height:100%;max-height:none;object-fit:cover}
@media(max-width:780px){.headquarters-map{height:340px}.headquarters-map img{height:100%}}
.beian{color:#aebfd0;transition:color .2s}.beian:hover{color:#fff}
.business-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.contact-card{display:flex;flex-direction:column}.contact-card>p{flex:1}.contact-person{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:22px;padding-top:18px;border-top:1px solid var(--line)}.contact-person span{color:var(--navy);font-weight:800}.contact-person a{color:var(--blue);font-size:19px;font-weight:900}.contact-person a:hover{text-decoration:underline}
@media(max-width:780px){.business-grid{grid-template-columns:1fr}.contact-person{align-items:flex-start;flex-direction:column;gap:6px}}
.feature-link{display:flex;flex-direction:column;transition:.22s}.feature-link p{flex:1}.feature-link b{margin-top:14px;color:var(--blue)}.feature-link:hover{border-color:var(--blue);transform:translateY(-4px);box-shadow:var(--shadow)}.hero-small-batch{background-image:url('./assets/powder-detail.jpg')}.hero-smart-retrofit{background-image:url('./assets/digital-neuron-system.jpg')}.article-summary{margin:30px 0;padding:24px 28px;border-left:4px solid var(--teal);background:var(--soft)}.article-summary strong{display:block;margin-bottom:8px;color:var(--navy)}.article-summary p{margin:0}.article-body h3{margin-top:30px;font-size:23px}.article-body ol{padding-left:22px;color:var(--muted);font-size:16px;line-height:2}
