:root{--navy:#0b1f33;--red:#e94b35;--gray:#667085;--line:#e5e9ed}*{box-sizing:border-box}body{margin:0;color:#20252b;font:16px/1.7 Arial,"Microsoft YaHei"}a{text-decoration:none;color:inherit}.head{height:70px;padding:0 5vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:#fffd;position:sticky;top:0;z-index:3}.logo{font-size:24px;font-weight:900;color:var(--navy)}nav{display:flex;align-items:center;gap:26px}.cta,.button{background:var(--red);color:#fff;padding:10px 18px;border-radius:7px}.hero{min-height:580px;padding:90px 7vw;display:flex;align-items:center;color:#fff;background:linear-gradient(115deg,#071522,#123650 62%,#dce8eb 62%)}.hero>div{max-width:720px}h1{font-size:clamp(40px,6vw,70px);line-height:1.12;margin:10px 0 22px}.hero p{font-size:19px}.eyebrow{color:var(--red);font-size:12px;font-weight:800;letter-spacing:1.7px}.section{max-width:1280px;margin:auto;padding:65px 25px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.card{border:1px solid var(--line);border-radius:12px;overflow:hidden}.pic{aspect-ratio:1;display:grid;place-items:center;background:linear-gradient(145deg,#edf2f4,#cbdbe0);color:#78909a;font-weight:bold;overflow:hidden}.pic img{width:100%;height:100%;object-fit:contain}.card-body{padding:18px}.card h2{font-size:20px;margin:3px 0}.muted{color:var(--gray)}.product{display:grid;grid-template-columns:1fr 1fr;gap:55px;align-items:center}.product h1{color:var(--navy)}.table{overflow:auto}table{width:100%;border-collapse:collapse}th,td{padding:13px;border-bottom:1px solid var(--line);text-align:left}th{background:#f5f7f9}.gallery{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.gallery a,.gallery video{aspect-ratio:1;width:100%;border:1px solid var(--line);border-radius:8px;overflow:hidden}.gallery img{width:100%;height:100%;object-fit:contain}.spec{padding:22px 0;border-top:1px solid var(--line)}.prices{display:flex;gap:20px;flex-wrap:wrap;background:#f5f7f9;padding:12px}.packs{display:grid;grid-template-columns:1fr 1fr;gap:18px}footer{background:var(--navy);color:#fff;padding:45px 5vw}@media(max-width:720px){.head{height:60px}.head nav a:not(.cta){display:none}.hero{min-height:520px;background:linear-gradient(150deg,#071522,#123650 78%,#dce8eb 78%)}.grid{grid-template-columns:repeat(2,1fr);gap:11px}.card-body{padding:12px}.card h2{font-size:16px}.card .muted{display:none}.product{grid-template-columns:1fr}.section{padding:40px 15px}.gallery{grid-template-columns:repeat(3,1fr)}.packs{grid-template-columns:1fr 1fr;gap:8px}.packs th,.packs td{padding:6px;font-size:12px}}
.category-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.category-tile{padding:22px;border:1px solid var(--line);border-radius:10px;display:flex;justify-content:space-between}.category-tile span{color:var(--gray)}.filters{display:grid;grid-template-columns:2fr 1fr 1fr auto auto;gap:10px;margin-bottom:14px}.filters input,.filters select,.filters button{min-width:0;padding:12px;border:1px solid #ccd4da;border-radius:7px;background:#fff}.filters button{background:var(--red);border-color:var(--red);color:#fff}.filters .secondary{background:#607181;border-color:#607181}.product-card[hidden]{display:none}.pagination{display:flex;gap:7px;justify-content:center;flex-wrap:wrap;margin-top:30px}.pagination button{border:1px solid var(--line);background:#fff;padding:8px 12px;border-radius:5px}.pagination .active{background:var(--navy);color:#fff}.spec{border:1px solid var(--line);border-radius:8px;margin:10px 0;padding:0}.spec summary{cursor:pointer;font-size:18px;font-weight:bold;padding:15px 18px}.spec-body{padding:0 18px 18px}@media(max-width:720px){.category-grid{grid-template-columns:repeat(2,1fr)}.category-tile{padding:14px;display:block}.filters{grid-template-columns:1fr 1fr 1fr auto auto}.filters input{grid-column:1/-1}.filters button{padding:10px 7px}}
.head .cta b{display:inline-grid;place-items:center;min-width:20px;height:20px;border-radius:10px;background:#fff;color:var(--red);font-size:12px}.button{border:0;cursor:pointer}.inquiry{max-width:900px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.inquiry label{display:block;margin:10px 0}.inquiry input,.inquiry textarea{width:100%;padding:12px;border:1px solid #ccd4da;border-radius:7px}.inquiry label>input[type=checkbox]{width:auto}.quote-item{display:grid;grid-template-columns:2fr 2fr 100px auto;gap:9px;align-items:center;padding:12px 0;border-bottom:1px solid var(--line)}.quote-item button{border:0;background:#657785;color:#fff;border-radius:5px;padding:9px}.success{color:#08704b}.error{color:#b42318}@media(max-width:720px){.form-grid{grid-template-columns:1fr}.quote-item{grid-template-columns:1fr 1fr}.quote-item b{grid-column:1/-1}}
.hp{position:absolute!important;left:-9999px!important}.pagination a{display:inline-flex;min-width:38px;height:38px;align-items:center;justify-content:center;border:1px solid #d8dee8;border-radius:8px;text-decoration:none;color:#253044}.pagination a.active{background:#111827;color:#fff}.pagination:empty{display:none}
.top-contact{min-height:34px;padding:7px max(20px,calc((100% - 1200px)/2));display:flex;justify-content:flex-end;gap:20px;background:#101827;color:#fff;font-size:13px}.top-contact a{color:#fff;text-decoration:none}.mobile-contact{display:none}.breadcrumb{max-width:1200px;margin:22px auto 0;padding:0 24px;color:#667085;font-size:14px}.breadcrumb a{color:#315c9b}.price-note{display:block;margin:-8px 0 16px;color:#888}.pic img{aspect-ratio:1/1;object-fit:contain;background:#fff}.pic span{display:flex;width:100%;height:100%;align-items:center;justify-content:center;color:#9aa4b2}.gallery img{object-fit:contain;background:#f7f8fa}.pagination{flex-wrap:wrap}
@media(max-width:700px){body{padding-bottom:58px}.top-contact{display:none}.mobile-contact{position:fixed;z-index:50;display:grid;grid-template-columns:repeat(3,1fr);left:0;right:0;bottom:0;height:56px;background:#fff;border-top:1px solid #dfe3e8;box-shadow:0 -4px 18px #0001}.mobile-contact a{display:flex;align-items:center;justify-content:center;text-decoration:none;color:#172033;font-weight:700;border-right:1px solid #e7e9ed}.mobile-contact a:last-child{color:#fff;background:#cf2027;border:0}.breadcrumb{margin-top:14px;padding:0 16px;font-size:12px}.filters{display:grid!important;grid-template-columns:1fr 1fr}.filters #search{grid-column:1/-1}.filters button{min-height:40px}}