:root{--ink:#132831;--navy:#10232d;--muted:#586b73;--paper:#f6f7f5;--line:#d9e0df;--wrap:min(1280px,calc(100% - 80px));font-size:16px;color-scheme:light}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:var(--paper);color:var(--ink);font-family:"Microsoft YaHei","PingFang SC",Arial,sans-serif;-webkit-font-smoothing:antialiased}h1,h2,h3,p,figure{margin:0}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}img{display:block;max-width:100%}:focus-visible{outline:3px solid #417587;outline-offset:4px}[hidden]{display:none!important}.wrap{width:var(--wrap);margin-inline:auto}.skip-link{position:fixed;top:8px;left:8px;z-index:1000;padding:12px 18px;background:#fff;transform:translateY(-160%)}.skip-link:focus{transform:none}
.utility{color:#d0dade;background:var(--navy);font-size:.75rem}.utility .wrap{min-height:34px;display:flex;align-items:center;justify-content:space-between;gap:20px}.utility a{display:flex;gap:14px;align-items:center}.utility b{font-weight:500;letter-spacing:.06em}.site-header{position:sticky;top:0;z-index:40;background:rgba(246,247,245,.98);border-bottom:1px solid var(--line)}.header-inner{display:flex;align-items:center;justify-content:space-between;gap:30px;min-height:92px}.brand{display:flex;align-items:center;gap:13px;flex:none}.brand img{width:50px;height:48px;object-fit:contain}.brand strong{font-size:1.4rem;letter-spacing:.07em;display:block;font-weight:750}.brand small{display:block;font-size:.625rem;letter-spacing:.11em;margin-top:4px;color:#52636a}.site-nav{display:flex;align-items:center;gap:27px;font-size:.875rem}.site-nav a{padding:34px 0;transition:color .2s}.site-nav a:hover{color:#407787}.header-actions{display:flex;gap:12px;align-items:center}.header-stock{display:flex;align-items:center;gap:25px;min-height:43px;border:1px solid var(--ink);padding:0 16px;font-size:.875rem;white-space:nowrap}.header-stock:hover{background:var(--navy);color:#fff}.menu-toggle{display:none;width:44px;height:44px;background:none;border:1px solid var(--line);align-content:center;gap:6px;padding:11px}.menu-toggle span{height:1px;background:var(--ink)}
.eyebrow{font-size:.75rem;letter-spacing:.14em;font-weight:600;color:var(--muted);display:flex;align-items:center;gap:12px}.rule{width:25px;height:1px;background:currentColor}.hero{display:grid;grid-template-columns:1.06fr 1fr;gap:48px;padding:48px 0 56px;align-items:center}.hero-copy{padding:24px 0}.hero h1{font-size:clamp(42px,4.65vw,72px);line-height:1.25;font-weight:650;letter-spacing:-.055em;margin:23px 0}.hero h1 span{color:#5b737e;font-weight:400}.hero-description{font-size:1rem;line-height:1.95;color:var(--muted)}.hero-actions{display:flex;gap:12px;margin-top:29px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:30px;min-height:52px;padding:0 23px;border:1px solid transparent;font-size:.875rem;font-weight:600;transition:background .2s,color .2s}.button span{font-size:1.2rem;font-weight:400}.button-dark{color:#fff;background:var(--navy)}.button-dark:hover{background:#295162}.button-outline{border-color:#bcc8cb;background:transparent}.button-outline:hover{border-color:var(--ink);background:#fff}.button-white{background:#fff;color:var(--navy)}.button-white:hover{background:#d7e4e6}.hero-grades{display:flex;align-items:center;flex-wrap:wrap;gap:17px;margin-top:32px;font-size:.75rem;color:var(--muted)}.hero-grades b{font-size:.875rem;font-weight:500;font-family:Arial,sans-serif;color:var(--ink)}.hero-grades-more{color:#697b83}
.hero-visual{position:relative;overflow:hidden;aspect-ratio:1.13;background:#101c27;color:#fff}.hero-visual>img{width:100%;height:100%;object-fit:cover;object-position:58% center}.hero-visual:after{position:absolute;inset:55% 0 0;content:"";background:linear-gradient(transparent,rgba(6,16,24,.8));pointer-events:none}.image-topline{position:absolute;top:25px;left:26px;right:26px;display:flex;justify-content:space-between;gap:10px;font-size:.625rem;letter-spacing:.1em;color:#cbd8df}.hero-visual figcaption{position:absolute;z-index:2;left:28px;right:28px;bottom:78px;display:flex;justify-content:space-between;align-items:end}.hero-visual figcaption span{display:block;letter-spacing:.12em;font-size:.75rem;color:#b1c3cd;margin-bottom:8px}.hero-visual figcaption strong{font-size:1.6rem;letter-spacing:.03em;font-weight:500}.hero-visual figcaption>a{display:grid;place-items:center;width:44px;height:44px;border:1px solid #7f949d;font-size:1.5rem}.material-switcher{position:absolute;z-index:2;display:grid;grid-template-columns:repeat(4,1fr);bottom:0;left:0;right:0;background:#101f2bd9;border-top:1px solid #667b884d}.material-switcher button{color:#c1ced5;background:none;border:0;border-right:1px solid #667b884d;padding:18px 8px;font-size:.8125rem}.material-switcher button:last-child{border:0}.material-switcher button[aria-pressed=true]{background:#edf3f2;color:var(--ink)}.material-switcher button:hover{background:#304551;color:#fff}
.stock-section{padding:30px 34px 20px;background:#fff;border:1px solid var(--line);box-shadow:0 10px 35px #162d3605}.stock-heading{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:22px}.stock-heading>div{display:flex;gap:25px;align-items:baseline}.stock-heading h2{font-size:1.375rem;letter-spacing:-.04em;font-weight:600}.stock-heading>p{font-size:.75rem;color:var(--muted);text-align:right}.stock-form{display:grid;grid-template-columns:1.1fr .85fr 1.65fr auto;border:1px solid var(--line)}.stock-form label{padding:12px 18px;border-right:1px solid var(--line);min-width:0}.stock-form label>span{display:block;font-size:.75rem;color:var(--muted);margin-bottom:5px}.stock-form select,.stock-form input{border:0;border-radius:0;color:var(--ink);background:#fff;width:100%;min-height:30px;font-size:.9375rem;padding:0}.stock-form select{cursor:pointer}.stock-form input::placeholder{color:#72828a}.stock-form .button{border:0;align-self:stretch;min-width:165px}.stock-foot{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:14px;font-size:.75rem;color:var(--muted)}.stock-foot a{white-space:nowrap;text-decoration:underline;text-underline-offset:4px}
.section{padding-block:90px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:34px}.section-heading h2{font-size:clamp(30px,3vw,42px);font-weight:550;letter-spacing:-.04em;margin-top:15px}.section-heading>p{font-size:.9375rem;line-height:1.85;color:var(--muted)}.material-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:30px 20px}.material-card{display:block;min-width:0}.material-photo{position:relative;overflow:hidden;aspect-ratio:1.4;background:#11212d}.material-photo img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.material-photo>span{position:absolute;top:15px;left:16px;color:#dbe6ea;font-size:.75rem;font-family:Arial,sans-serif}.material-info{padding:19px 0 17px;border-bottom:1px solid #c9d3d5}.material-info h3{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:1.0625rem;font-weight:600}.material-info h3 span{font-size:1.4rem;font-weight:400;color:#66818d;transition:transform .2s}.material-info p{font-size:.8125rem;color:var(--muted);line-height:1.7;margin-top:8px}.material-card:hover img{transform:scale(1.035)}.material-card:hover h3 span{transform:translate(2px,-2px)}.material-card:hover .material-info{border-color:#244a5b}.section-note{font-size:.75rem;color:var(--muted);margin-top:24px}
.specification-section{background:#e9eef0;border-block:1px solid #d9e1e4;padding:74px 0}.specification-grid{display:grid;grid-template-columns:1fr 1.16fr;gap:95px}.specification-copy h2{font-size:clamp(32px,3.1vw,46px);line-height:1.4;letter-spacing:-.05em;font-weight:550;margin:19px 0}.specification-copy>p:not(.eyebrow){font-size:1rem;line-height:1.9;color:var(--muted)}.text-link{display:inline-flex;align-items:center;gap:30px;margin-top:30px;font-size:.875rem;padding-bottom:8px;border-bottom:1px solid var(--ink)}.grade-group h3{font-size:.875rem;font-weight:500}.grade-list{display:flex;gap:8px;flex-wrap:wrap;margin:16px 0}.grade-list span{padding:9px 16px;border:1px solid #b7c5cd;font-size:1.1rem;font-family:Arial,sans-serif;min-width:60px;text-align:center}.grade-group>p{font-size:.8125rem;line-height:1.8;color:var(--muted)}.dimension-list{margin:28px 0 0;border-top:1px solid #bdcbd1;font-size:.875rem}.dimension-list>div{display:grid;grid-template-columns:150px 1fr;gap:20px;padding:14px 0;border-bottom:1px solid #cbd6db}.dimension-list dt{font-weight:600}.dimension-list dd{margin:0;color:var(--muted)}
.service-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--ink)}.service-grid article{padding:26px 34px 8px 0}.service-grid article+article{padding-left:34px;border-left:1px solid var(--line)}.service-number{font-family:Georgia,serif;font-size:2.4rem;font-style:italic;font-weight:400;color:#6b8590;line-height:1.3}.service-grid h3{margin:28px 0 14px;font-weight:550;font-size:1.35rem}.service-grid p{font-size:.9375rem;line-height:1.9;color:var(--muted);max-width:340px}.engineering-entry{display:grid;grid-template-columns:.65fr 1.5fr auto;gap:45px;align-items:center;background:var(--navy);color:#fff;padding:43px}.engineering-label{font-size:.875rem;letter-spacing:.12em;line-height:1.8;color:#9eb6c1;border-right:1px solid #48616d;padding-block:8px}.engineering-label span{display:block;margin-top:20px;font-size:2.2rem;font-weight:300}.engineering-entry .eyebrow{color:#b7c8cf}.engineering-entry h2{font-size:1.7rem;font-weight:500;margin:10px 0 13px}.engineering-entry p:not(.eyebrow){font-size:.875rem;line-height:1.9;color:#b7c8cf}.engineering-entry .button{white-space:nowrap}
.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px;margin-top:22px}.about h2{font-size:clamp(30px,3vw,43px);line-height:1.4;font-weight:550;letter-spacing:-.05em}.about-grid>div>p{color:var(--muted);font-size:1rem;line-height:1.95}.about-grid .about-lead{font-weight:600;color:var(--ink);margin-bottom:15px}.about-address{display:flex;gap:24px;padding-top:20px;border-top:1px solid var(--line);margin-top:24px;font-size:.875rem;line-height:1.8}.about-address>span{color:var(--muted);white-space:nowrap}
.contact{color:#fff;background:var(--navy);padding:77px 0 0}.contact .eyebrow{color:#b0c3cc}.contact-top{display:grid;grid-template-columns:1fr 1.1fr;gap:65px;padding-bottom:65px}.contact h2{font-size:clamp(30px,3.1vw,45px);font-weight:500;letter-spacing:-.04em;line-height:1.35;margin:18px 0 24px}.contact-top>div>p:not(.eyebrow){color:#b8c8d0;font-size:.9375rem;line-height:1.9}.contact-details{padding-top:4px}.contact-label{font-size:.8125rem;color:#afc2cc}.contact-phone{display:flex;justify-content:space-between;align-items:center;font-size:clamp(26px,3.1vw,46px);letter-spacing:-.035em;margin:18px 0 25px;padding-bottom:24px;border-bottom:1px solid #435967;font-family:Arial,sans-serif}.contact-phone span{font-size:1.8rem}.contact-secondary{display:grid;grid-template-columns:1fr 1.1fr;gap:20px;font-family:Arial,sans-serif;font-size:1rem}.contact-secondary span{display:block;font-family:"Microsoft YaHei",sans-serif;font-size:.75rem;color:#afc2cc;margin-bottom:10px}.inquiry-template{margin-top:29px}.inquiry-template button{display:inline-flex;gap:28px;align-items:center;border:1px solid #708995;color:#fff;background:none;min-height:44px;padding:0 16px;font-size:.8125rem}.inquiry-template button:hover{background:#28424f}.inquiry-template>span{display:block;color:#ccdce1;font-size:.75rem;line-height:1.7;margin-top:9px}.inquiry-template textarea{display:block;width:100%;height:195px;background:#1d3542;border:1px solid #718c98;color:#fff;padding:15px;margin-top:12px;resize:vertical;font-size:.875rem}.footer{display:flex;align-items:center;justify-content:space-between;gap:28px;min-height:116px;border-top:1px solid #3a5360}.footer-brand{display:flex;align-items:center;gap:12px;font-size:1rem;letter-spacing:.06em}.footer-brand img{width:35px;height:34px;object-fit:contain;filter:invert(1)}.footer-brand small{display:block;font-size:.55rem;letter-spacing:.1em;margin-top:4px;color:#b4c9d2}.footer>p{font-size:.75rem;color:#b1c5cf}.footer>div{display:flex;gap:20px;font-size:.8125rem;color:#cedae0}.mobile-actions{display:none}
@media(min-width:1500px){.hero{gap:70px}.hero-visual{aspect-ratio:1.16}}
@media(max-width:1100px){:root{--wrap:calc(100% - 48px)}.header-inner{gap:20px}.site-nav{gap:17px;font-size:.8125rem}.brand strong{font-size:1.2rem}.brand small{font-size:.55rem}.brand img{width:44px;height:42px}.hero{gap:28px}.hero-grades{gap:12px}.stock-form .button{min-width:130px;padding:0 16px;gap:15px}.material-info h3{font-size:1rem}.material-info p{font-size:.75rem}.specification-grid{gap:45px}.engineering-entry{grid-template-columns:.5fr 1.5fr;gap:30px}.engineering-entry .button{grid-column:2;justify-self:start;margin-top:-6px}.about-grid{gap:55px}.contact-top{gap:40px}}
@media(max-width:850px){.site-nav{display:none;position:absolute;top:100%;left:0;right:0;background:var(--paper);padding:12px 24px 20px;border-bottom:1px solid var(--line)}.site-nav.is-open{display:grid}.site-nav a{padding:14px 2px;border-bottom:1px solid var(--line);font-size:.9375rem}.menu-toggle{display:grid}.header-inner{min-height:77px}.stock-heading>div{display:block}.stock-heading h2{margin-top:7px}.hero{gap:25px;padding:33px 0}.hero h1{font-size:44px}.hero-actions{gap:8px}.hero-actions .button{padding:0 15px;gap:19px}.hero-grades-more{display:none}.material-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:27px 20px}.material-info h3{font-size:1.125rem}.material-info p{font-size:.875rem}.stock-section{padding:24px}.stock-form{grid-template-columns:1fr 1fr}.stock-form label:nth-child(2){border-right:0}.stock-form label:nth-child(-n+2){border-bottom:1px solid var(--line)}.stock-form .button{min-height:66px}.stock-foot{align-items:start}.section{padding-block:64px}.specification-section{padding:58px 0}.specification-grid{grid-template-columns:.9fr 1.1fr;gap:34px}.dimension-list>div{grid-template-columns:1fr;gap:5px}.service-grid article{padding-right:20px}.service-grid article+article{padding-left:20px}.contact-top{grid-template-columns:1fr 1.15fr;gap:25px}.contact-secondary{grid-template-columns:1fr;gap:18px}.footer{flex-wrap:wrap;justify-content:start;padding:25px 0;gap:20px}.footer>p{margin-left:auto}.footer>div{width:100%}}
@media(max-width:640px){:root{--wrap:calc(100% - 36px)}html{scroll-padding-top:85px}body{padding-bottom:calc(62px + env(safe-area-inset-bottom))}.utility .wrap{min-height:30px;font-size:.625rem}.utility a{display:none}.header-inner{min-height:74px;gap:10px}.brand{gap:10px}.brand img{width:39px;height:37px}.brand strong{font-size:1.125rem;letter-spacing:.03em}.brand small{font-size:.5rem;letter-spacing:.055em}.header-stock{gap:10px;min-height:39px;padding:0 10px;font-size:.75rem}.header-actions{gap:8px}.menu-toggle{width:38px;height:39px;padding:10px}.hero{grid-template-columns:1fr;gap:27px;padding:30px 0 28px}.hero-copy{padding:0}.hero .eyebrow{font-size:.75rem}.hero h1{font-size:clamp(37px,10.5vw,57px);margin:18px 0 17px;line-height:1.26;letter-spacing:-.055em}.hero-description{font-size:.875rem;line-height:1.9}.hero-actions{margin-top:22px;gap:10px}.hero-actions .button{min-height:48px;padding:0 18px;gap:30px}.hero-grades{margin-top:22px;gap:15px}.hero-grades>span:first-child{font-size:.75rem}.hero-visual{aspect-ratio:1.65}.hero-visual>img{object-position:center 57%}.image-topline{top:16px;left:18px;right:18px;font-size:.5rem}.hero-visual figcaption{left:18px;right:18px;bottom:64px}.hero-visual figcaption strong{font-size:1.25rem}.hero-visual figcaption span{font-size:.625rem;margin-bottom:5px}.hero-visual figcaption>a{width:37px;height:37px;font-size:1.25rem}.material-switcher button{padding:14px 5px;font-size:.75rem}.stock-section{padding:23px 18px 18px}.stock-heading{display:block;margin-bottom:19px}.stock-heading>div{display:flex;gap:17px;align-items:center}.stock-heading h2{font-size:1.125rem;margin:0}.stock-heading .eyebrow{font-size:.625rem;letter-spacing:.09em}.stock-heading>p{text-align:left;margin-top:12px;font-size:.75rem}.stock-form label{padding:10px 12px}.stock-form select,.stock-form input{font-size:1rem;min-height:32px}.stock-form label>span{font-size:.75rem}.stock-keyword{grid-column:1/-1;border-right:0!important;border-bottom:1px solid var(--line)}.stock-form .button{grid-column:1/-1;min-height:49px;justify-content:center;gap:30px}.stock-foot{display:block;font-size:.75rem;line-height:1.75}.stock-foot a{display:inline-block;margin-top:10px}.section{padding-block:53px}.section-heading{display:block;margin-bottom:25px}.section-heading h2{font-size:30px;margin-top:13px}.section-heading>p{font-size:.875rem;margin-top:17px;line-height:1.85}.section-heading>p br{display:none}.material-grid{gap:23px 13px}.material-photo{aspect-ratio:1.12}.material-photo>span{top:10px;left:11px;font-size:.625rem}.material-info{padding:13px 0 12px}.material-info h3{font-size:.9375rem;gap:4px}.material-info h3 span{font-size:1rem}.material-info p{font-size:.75rem;line-height:1.75;margin-top:7px}.section-note{font-size:.75rem;line-height:1.8;margin-top:21px}.specification-section{padding:49px 0}.specification-grid{grid-template-columns:1fr;gap:34px}.specification-copy h2{font-size:31px;margin:15px 0}.specification-copy>p:not(.eyebrow){font-size:.875rem}.text-link{margin-top:20px}.grade-list{gap:7px}.grade-list span{padding:8px 13px;min-width:57px;font-size:1rem}.dimension-list>div{grid-template-columns:116px 1fr;gap:12px;font-size:.8125rem;line-height:1.7}.service-grid{grid-template-columns:1fr}.service-grid article,.service-grid article+article{display:grid;grid-template-columns:50px 1fr;column-gap:17px;padding:22px 0;border-left:0;border-bottom:1px solid var(--line)}.service-number{grid-row:1/3;font-size:2.1rem}.service-grid h3{margin:0 0 9px;font-size:1.125rem}.service-grid p{font-size:.875rem;line-height:1.85;max-width:none}.engineering-entry{grid-template-columns:1fr;padding:29px 24px;gap:22px}.engineering-label{display:none}.engineering-entry .eyebrow{font-size:.75rem}.engineering-entry h2{font-size:1.375rem}.engineering-entry p:not(.eyebrow){font-size:.875rem}.engineering-entry p br{display:none}.engineering-entry .button{grid-column:auto;min-height:46px;margin:0;justify-self:stretch}.about-grid{grid-template-columns:1fr;gap:24px;margin-top:15px}.about h2{font-size:31px}.about-grid>div>p{font-size:.875rem;line-height:1.9}.about-grid .about-lead{font-size:.9375rem}.about-address{gap:18px;font-size:.8125rem}.contact{padding:48px 0 0}.contact-top{grid-template-columns:1fr;gap:36px;padding-bottom:37px}.contact h2{font-size:32px}.contact-top>div>p:not(.eyebrow){font-size:.875rem}.contact-phone{font-size:35px;margin:13px 0 22px;padding-bottom:20px}.contact-secondary{grid-template-columns:1fr 1.2fr;gap:13px;font-size:.875rem}.contact-secondary span{font-size:.75rem}.inquiry-template{margin-top:24px}.footer{display:grid;gap:22px;padding:26px 0 30px}.footer>p{margin:0;font-size:.6875rem}.footer>div{font-size:.75rem}.mobile-actions{position:fixed;bottom:0;left:0;right:0;z-index:50;display:grid;grid-template-columns:1fr 1fr;background:#fff;padding:0 0 env(safe-area-inset-bottom);border-top:1px solid var(--line)}.mobile-actions a{min-height:62px;display:flex;align-items:center;justify-content:center;gap:22px;font-size:.9375rem;font-weight:600}.mobile-actions a:last-child{background:var(--navy);color:#fff}}
@media(max-width:350px){.brand strong{font-size:1rem}.brand img{width:33px;height:33px}.brand small{font-size:.43rem}.header-actions{gap:5px}.header-stock{padding:0 8px}.header-stock span{display:none}.hero-actions .button{padding:0 15px;gap:15px}.hero-grades{gap:11px}.stock-heading>div{gap:12px}.stock-heading h2{font-size:1rem}.material-info h3{font-size:.85rem}.contact-phone{font-size:30px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}