:root{--ink:#202b34;--muted:#61707a;--yellow:#f4c400;--pale:#f4f6f6;--line:#dce1e3;--blue:#386a83}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;color:var(--ink);background:white;font-family:'Microsoft YaHei','PingFang SC',Arial,sans-serif;font-size:15px;line-height:1.85}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a,input,summary{-webkit-tap-highlight-color:transparent}button,a,summary{touch-action:manipulation}button{cursor:pointer}img{max-width:100%;display:block}button{color:inherit}a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid var(--blue);outline-offset:5px}.skip{position:fixed;top:-100px;background:white;padding:10px;z-index:100}.skip:focus{top:0}.wrap{width:min(1320px,calc(100% - 100px));margin:auto}header{height:94px;display:flex;align-items:center;justify-content:space-between;padding:0 50px;position:sticky;top:0;z-index:20;background:#ffffffed;backdrop-filter:blur(15px);border-bottom:1px solid var(--line)}.brand{display:flex;gap:12px;align-items:center;font-weight:800;font-size:25px;line-height:1.2;letter-spacing:2px}.brand img{width:45px;height:43px;object-fit:contain}.brand small{display:block;font:9px Arial;letter-spacing:1.5px;margin-top:7px}nav{display:flex;gap:34px;align-items:center;font-size:14px}nav a:hover{color:#917400}.nav-contact{background:var(--ink);color:white;padding:11px 23px}.menu-toggle{display:none}.hero{display:grid;grid-template-columns:1.05fr 1fr;gap:30px;align-items:center;padding:65px 0 54px;min-height:610px}.eyebrow{font-family:Arial,'Microsoft YaHei',sans-serif;font-size:11px;font-weight:700;letter-spacing:2.5px;margin:0 0 25px}.hero h1{font-size:clamp(34px,3.6vw,54px);line-height:1.4;letter-spacing:-1.8px;margin:0 0 25px;font-weight:800}.hero h1 span{display:inline;background:linear-gradient(transparent 66%,var(--yellow) 66%)}.lead{color:var(--muted);line-height:2.1;font-size:15px}.actions{display:flex;gap:26px;align-items:center;margin-top:34px}.button{display:inline-flex;justify-content:space-between;gap:40px;align-items:center;padding:13px 22px;background:var(--yellow);font-weight:700;font-size:14px}.button:hover{background:#ffda38}.text-link{border-bottom:1px solid var(--ink);padding:7px 0;font-size:14px}.hero-stage{height:475px;background:var(--pale);position:relative;overflow:hidden;border-top:5px solid var(--yellow);display:flex;flex-direction:column;align-items:center;justify-content:center}.hero-stage:before{content:'';position:absolute;width:330px;height:330px;border:1px solid #d6dddf;border-radius:50%;pointer-events:none}.hero-stage:after{content:'';position:absolute;width:240px;height:240px;border:1px solid #e0e5e6;border-radius:50%;pointer-events:none}.stage-label{position:absolute;top:23px;left:25px;font-size:12px;color:var(--muted);letter-spacing:1px}.hero-product{width:85%;height:360px;object-fit:contain;z-index:1}.stage-bottom{position:absolute;bottom:22px;left:25px;right:25px;display:flex;justify-content:space-between;font-size:12px}.stage-bottom b{font:700 22px Arial;margin-right:12px}.range-strip{display:grid;grid-template-columns:repeat(3,1fr);background:var(--ink);color:white;padding:0 max(50px,calc((100% - 1320px)/2))}.range-strip a{padding:26px 24px;display:flex;align-items:center;justify-content:space-between;border-right:1px solid #4a545b;gap:15px}.range-strip a:first-child{padding-left:0}.range-strip a:last-child{border:0}.range-strip b{font:600 23px Arial}.range-strip span{font-size:12px;color:#d8dfe2}.range-strip a:hover span{color:var(--yellow)}.section{padding-top:100px;padding-bottom:100px}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:50px;margin-bottom:40px}.section-heading p:not(.eyebrow){color:var(--muted);font-size:14px;line-height:2}.section h2{font-size:36px;line-height:1.5;letter-spacing:-1px;margin:0 0 18px}.section h3{font-size:26px;line-height:1.6;margin:0 0 20px}.toolbar{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);gap:20px;align-items:center}.filters{display:flex;gap:20px}.filters button{border:0;background:transparent;padding:15px 3px;color:var(--muted);border-bottom:3px solid transparent}.filters button.active{color:var(--ink);border-color:var(--yellow);font-weight:700}.filters small{margin-left:6px}.search{font-size:12px;color:var(--muted);display:flex;align-items:center;gap:12px}.search input{width:170px;background:var(--pale);border:1px solid var(--line);padding:9px 12px;font-size:13px}.result-count{font-size:12px;color:var(--muted);margin:18px 0}.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.product{min-width:0;border:1px solid var(--line);transition:transform .2s,border-color .2s}.product:hover{border-color:#a9b4b9;transform:translateY(-4px)}.product-open{border:0;background:white;width:100%;padding:20px;text-align:left}.product-category{font-size:9px;letter-spacing:1px;color:var(--muted)}.product img{height:205px;width:100%;object-fit:contain;margin:10px 0 18px}.product-name{font:bold 26px Arial;display:flex;justify-content:space-between}.product-name span{font-size:20px;font-weight:400}.product-spec{display:flex;justify-content:space-between;margin-top:13px;font:12px Arial;color:var(--muted);gap:8px}.note{color:var(--muted);font-size:12px;line-height:1.9}.comparison{border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-top:32px}.comparison summary{cursor:pointer;list-style:none;padding:20px 0;display:flex;justify-content:space-between}.table-scroll{overflow:auto;margin:20px 0}table{border-collapse:collapse;width:100%;font-size:12px;line-height:1.7;text-align:left}th,td{padding:15px;border-bottom:1px solid var(--line);vertical-align:top;min-width:90px}th{background:#edf0f1;font-weight:600}td{background:white}.rail-layout{display:grid;grid-template-columns:1fr 1.4fr;gap:70px;padding-top:90px}.rail-layout p{color:var(--muted)}.rail-products{display:grid;grid-template-columns:1fr 1fr;gap:20px;background:var(--pale);padding:25px}.rail-products img{height:250px;width:100%;object-fit:contain}.rail-products h4{font:700 25px Arial;margin:15px 0}.rail-products small{display:block;font:12px 'Microsoft YaHei';margin-top:9px}.rail-products a{font-size:12px;border-bottom:1px solid}.monitor{background:var(--pale)}.monitor-top{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center}.monitor-top p:not(.eyebrow){color:var(--muted)}.monitor-visual{background:white;min-height:440px;padding:30px;display:flex;flex-direction:column;justify-content:center;align-items:center}.monitor-visual img{width:100%;height:340px;object-fit:contain}.monitor-visual span{font:11px Arial;letter-spacing:2px;margin-top:20px;color:var(--muted)}.big-spec{margin:25px 0;display:flex;flex-direction:column}.big-spec b{font:600 52px Arial}.big-spec small{font:20px Arial}.big-spec span{font-size:12px;margin-top:9px}.monitor-details{display:grid;grid-template-columns:1fr 1.3fr;gap:60px;margin-top:70px;align-items:center}.monitor-details img{max-height:500px;width:100%;object-fit:contain}.monitor-details h3{font-size:23px}.monitor-details p{font-size:13px;color:var(--muted)}.materials-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.material-photo{background:var(--pale);padding:30px}.material-photo img{width:100%;height:280px;object-fit:contain}.material-photo span{display:flex;justify-content:space-between;align-items:center;margin-top:20px}.material-photo b{font:16px Arial}.applications{background:var(--ink);color:white}.applications .eyebrow{color:var(--yellow)}.application-list{display:grid;grid-template-columns:1fr 1fr;column-gap:70px;margin-top:40px}.application-list>div{border-top:1px solid #576068;padding:30px 45px 24px 0;position:relative}.application-list h3{font-size:19px;margin:0}.application-list p{font-size:13px;color:#c1cbd0}.application-list a{position:absolute;right:10px;top:30px;font-size:24px}.applications .note{color:#b2bec5}.about{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.about p:not(.eyebrow){color:var(--muted);font-size:14px}.about img{width:100%;height:350px;object-fit:cover}.contact{background:var(--yellow)}.contact-layout{display:flex;justify-content:space-between;gap:60px;align-items:center}.contact p{font-size:14px}.phone{font:600 38px Arial;display:block;margin:30px 0 10px}.email{font:17px Arial;border-bottom:1px solid}.wechat{background:white;padding:20px;width:230px;flex-shrink:0;text-align:center}.wechat img{width:190px;height:190px;object-fit:contain}.wechat p{margin:15px 0 0;font-size:12px}footer{padding:27px 0;display:flex;justify-content:space-between;gap:20px;font-size:11px;color:var(--muted)}dialog{border:0;padding:45px;width:min(1000px,92vw);max-height:90vh;color:var(--ink)}dialog::backdrop{background:#15212bbd;backdrop-filter:blur(5px)}.dialog-close{position:sticky;float:right;top:0;border:0;background:var(--ink);color:white;width:38px;height:38px;font-size:25px;z-index:2}.dialog-overview{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:center}.dialog-overview img{width:100%;height:250px;object-fit:contain}.dialog-overview h2{font:700 40px Arial;margin:0}.dialog-drawing{display:block;width:100%;max-height:550px;object-fit:contain;border:1px solid var(--line);margin:20px 0}.dialog-caption{font-size:13px;color:var(--muted)}[hidden]{display:none!important}
@media(min-width:1600px){.hero{min-height:690px}.hero-stage{height:510px}}@media(max-width:1100px){.wrap{width:calc(100% - 60px)}header{padding:0 30px}nav{gap:18px}.hero{gap:20px}.hero-stage{height:420px}.hero h1{font-size:36px}.range-strip{padding:0 30px}.range-strip a{flex-direction:column;align-items:flex-start;gap:5px}.product-grid{grid-template-columns:repeat(3,1fr)}.section-heading{gap:30px}.section h2{font-size:31px}.rail-layout,.monitor-top,.about{gap:35px}.monitor-details{gap:30px}.search input{width:140px}}
@media(max-width:760px){html{scroll-padding-top:80px}.wrap{width:calc(100% - 40px)}header{height:75px;padding:0 20px}.brand{font-size:22px}.brand img{width:36px;height:36px}.menu-toggle{display:block;border:1px solid var(--line);background:white;font-size:13px;padding:7px 12px}nav{display:none;position:absolute;top:75px;left:0;right:0;background:white;padding:20px;border-bottom:1px solid var(--line)}nav.open{display:flex;flex-direction:column;align-items:stretch;gap:0}nav a{padding:12px}.hero{grid-template-columns:1fr;padding-top:38px;gap:35px}.hero h1{font-size:37px;letter-spacing:-1.5px}.eyebrow{font-size:9px;letter-spacing:1.7px;margin-bottom:20px}.lead{font-size:13px}.actions{gap:18px;flex-wrap:wrap}.button{font-size:13px;gap:22px}.hero-stage{height:360px}.hero-product{height:290px;width:85%}.hero-stage:before{width:260px;height:260px}.hero-stage:after{width:190px;height:190px}.stage-label{font-size:10px}.stage-bottom{font-size:10px}.range-strip{padding:0 20px}.range-strip a{padding:22px 12px;gap:8px}.range-strip b{font-size:15px}.range-strip span{font-size:10px}.section{padding-top:65px;padding-bottom:65px}.section-heading{display:block;margin-bottom:25px}.section h2{font-size:30px}.section-heading p:not(.eyebrow){font-size:13px}.toolbar{display:block}.filters{gap:16px}.filters button{font-size:12px;white-space:nowrap}.search{margin:16px 0}.search input{flex:1}.product-grid{grid-template-columns:1fr 1fr;gap:12px}.product-open{padding:12px}.product-category{font-size:8px;letter-spacing:0}.product img{height:145px}.product-name{font-size:22px}.product-spec{font-size:10px;flex-wrap:wrap}.rail-layout{grid-template-columns:1fr;gap:25px;padding-top:60px}.rail-products{padding:15px}.rail-products img{height:180px}.monitor-top,.monitor-details,.about{grid-template-columns:1fr;gap:30px}.monitor-visual{min-height:300px;order:2}.monitor-visual img{height:250px}.monitor-details{margin-top:40px}.monitor-details>div:first-child{order:2}.monitor-details img{max-height:350px}.materials-grid{gap:12px}.material-photo{padding:12px}.material-photo img{height:170px}.material-photo span{display:block;font-size:13px}.material-photo b{display:block;font-size:12px;margin-top:8px}th,td{padding:12px;font-size:11px}.application-list{grid-template-columns:1fr}.application-list h3{font-size:18px}.about img{height:260px}.contact-layout{display:block}.phone{font-size:30px}.wechat{margin-top:35px;width:190px}.wechat img{width:150px;height:150px}footer{flex-wrap:wrap;font-size:10px}dialog{padding:22px}.dialog-overview{grid-template-columns:1fr;gap:15px}.dialog-overview img{height:180px}.dialog-overview h2{font-size:32px}.dialog-drawing{max-height:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
@media(max-width:760px){.hero h1{font-size:clamp(25px,7.7vw,32px);letter-spacing:-1px)}}
.language-switch{display:flex;align-items:center;gap:9px;font:12px Arial;margin-left:auto;margin-right:28px;white-space:nowrap}.language-switch a{padding:7px 2px;color:var(--muted)}.language-switch a[aria-current]{font-weight:bold;color:var(--ink);border-bottom:2px solid var(--yellow)}header .brand{order:0}header nav{order:1;margin-left:auto}header .language-switch{order:2;margin-left:24px;margin-right:0}header .menu-toggle{order:3}html[lang=en] .brand{font-size:17px;letter-spacing:0}html[lang=en] .hero h1{font-size:clamp(32px,3.3vw,49px);line-height:1.22;letter-spacing:-1.4px}html[lang=en] .section-heading>p{max-width:530px}html[lang=en] .section h2{font-size:34px;line-height:1.25}html[lang=en] .hero h1 span{display:inline-block}html[lang=en] .range-strip a{flex-direction:column;align-items:flex-start;gap:8px}html[lang=en] nav{gap:20px}html[lang=en] .filters{gap:14px}html[lang=en] .search{gap:7px}html[lang=en] .contact-layout>div:first-child{max-width:800px}
@media(max-width:1150px){html[lang=en] header{flex-wrap:wrap;height:auto;min-height:94px;padding-top:14px;padding-bottom:14px;gap:12px}html[lang=en] header nav{order:4;width:100%;justify-content:space-between}html[lang=en] header .language-switch{margin-left:auto}html[lang=en] .toolbar{flex-wrap:wrap;padding-bottom:15px}}
@media(max-width:760px){header .language-switch{margin-left:auto;margin-right:14px}html[lang=en] header{height:75px;min-height:75px;gap:0;padding-top:0;padding-bottom:0}html[lang=en] header nav{width:auto;justify-content:flex-start}html[lang=en] .brand{font-size:14px}html[lang=en] .brand small{font-size:8px}html[lang=en] .brand img{width:30px}html[lang=en] .hero h1{font-size:32px}html[lang=en] .section h2{font-size:28px}html[lang=en] .filters{gap:10px}html[lang=en] .filters button{font-size:11px}html[lang=en] .range-strip span{line-height:1.5}html[lang=en] .section-heading br{display:none}html[lang=en] .contact h2{font-size:26px}}