:root{--red: #c0272d;--red-dark: #9c1b20;--navy: #1f2a37;--navy-dark: #16202d;--navy-70: rgba(31,42,55,.72);--ink: #1d1d1f;--gray-900: #2b2b2e;--gray-700: #55585f;--gray-500: #8a8d95;--gray-300: #d6d8de;--gray-200: #e7e9ee;--gray-100: #f3f4f7;--bg: #ffffff;--bg-soft: #f7f8fa;--line: #e2e4ea;--ok: #1e7a3c;--shadow: 0 1px 3px rgba(20, 23, 30, .08), 0 4px 14px rgba(20, 23, 30, .06);--radius: 6px;--maxw: 1180px}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;font-family:PingFang SC,Microsoft YaHei,Helvetica Neue,Arial,sans-serif;color:var(--ink);background:var(--bg);font-size:15px;line-height:1.65}a{color:var(--red);text-decoration:none}a:hover{color:var(--red-dark);text-decoration:underline}img{max-width:100%;display:block}h1,h2,h3{line-height:1.3;color:var(--gray-900);margin:0 0 .5em}h1{font-size:24px}h2{font-size:20px}h3{font-size:16px}.container{max-width:var(--maxw);margin:0 auto;padding:0 16px}.topbar{background:#15151a;color:#d9dbe2;font-size:13px}.topbar .container{display:flex;flex-wrap:wrap;gap:4px 22px;padding-top:7px;padding-bottom:7px}.topbar b{color:#fff;font-weight:600}.topbar a{color:#e8b4b6}.topbar a:hover{color:#fff}.masthead{background:#fff;border-bottom:3px solid var(--red)}.masthead .container{display:flex;align-items:center;justify-content:space-between;gap:18px;padding-top:16px;padding-bottom:16px;flex-wrap:wrap}.brand{display:flex;flex-direction:column}.brand .logo{font-size:26px;font-weight:800;color:var(--red);letter-spacing:.5px}.brand .logo:hover{text-decoration:none}.brand .sub{font-size:13px;color:var(--gray-700)}.masthead .slogan{font-size:13px;color:var(--gray-700);max-width:620px;text-align:right}.mainnav{background:var(--navy);box-shadow:inset 0 -3px 0 var(--red)}.mainnav ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap}.mainnav li>a{display:block;color:#fff;padding:11px 15px;font-size:14.5px;white-space:nowrap}.mainnav li>a[aria-current=page],.mainnav li>a:hover{background:var(--red);color:#fff;text-decoration:none}.mainnav .nav-spacer{flex:1}.mainnav .lang a{background:#15151a;font-weight:600}.crumbs{font-size:13px;color:var(--gray-500);padding:12px 0;border-bottom:1px solid var(--line);background:var(--bg-soft)}.crumbs a{color:var(--gray-700)}.crumbs span.sep{margin:0 7px;color:var(--gray-300)}.crumbs .cur{color:var(--ink)}.layout{display:grid;grid-template-columns:1fr 280px;gap:26px;padding:24px 0 40px}.layout.single{grid-template-columns:1fr}@media(max-width:900px){.layout{grid-template-columns:1fr}}.sidebox{border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;margin-bottom:20px;background:#fff}.sidebox h3{margin:0;padding:11px 14px;background:var(--red);color:#fff;font-size:15px}.sidebox ul{list-style:none;margin:0;padding:0}.sidebox li{border-bottom:1px solid var(--gray-200)}.sidebox li:last-child{border-bottom:0}.sidebox li a{display:flex;justify-content:space-between;gap:8px;padding:9px 14px;color:var(--gray-900);font-size:14px}.sidebox li a:hover,.sidebox li a.active{background:#fbecec;color:var(--red);text-decoration:none}.sidebox .count{color:var(--gray-500);font-size:12px}.sidebox .contact-card{padding:14px;font-size:13.5px}.sidebox .contact-card p{margin:0 0 9px}.sidebox .contact-card .big{font-size:16px;font-weight:700;color:var(--red)}.sidebox img.qr{width:150px;margin:8px auto 0;border:1px solid var(--gray-200)}.section-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin:6px 0 14px;padding-bottom:8px;border-bottom:2px solid var(--red)}.section-head h2{margin:0;font-size:18px}.section-head .more{font-size:13px;white-space:nowrap}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}@media(max-width:1000px){.grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:700px){.grid{grid-template-columns:repeat(2,1fr)}}.card{border:1px solid var(--line);border-radius:var(--radius);background:#fff;overflow:hidden;display:flex;flex-direction:column;transition:box-shadow .15s,transform .15s}.card:hover{box-shadow:var(--shadow);transform:translateY(-2px);text-decoration:none}.card .thumb{aspect-ratio:1 / 1;background:#f5f5f7;display:flex;align-items:center;justify-content:center;overflow:hidden}.card .thumb img{width:100%;height:100%;object-fit:contain;padding:10px}.card .info{padding:10px 11px 12px;display:flex;flex-direction:column;gap:4px;flex:1}.card .oem{font-size:12.5px;color:var(--red);font-weight:700;letter-spacing:.2px}.card .name{font-size:13px;color:var(--gray-900);line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card:hover .name{color:var(--red)}.card .tagline{margin-top:auto;font-size:11.5px;color:var(--gray-500);padding-top:4px}.home-block{margin-bottom:34px}.detail{display:grid;grid-template-columns:minmax(0,440px) 1fr;gap:28px}@media(max-width:800px){.detail{grid-template-columns:1fr}}.gallery .main{border:1px solid var(--line);border-radius:var(--radius);aspect-ratio:1/1;background:#f5f5f7;display:flex;align-items:center;justify-content:center;overflow:hidden}.gallery .main img{width:100%;height:100%;object-fit:contain}.gallery .thumbs{display:flex;gap:8px;margin-top:10px;flex-wrap:wrap}.gallery .thumbs button{padding:0;width:64px;height:64px;border:2px solid var(--gray-200);border-radius:4px;background:#f5f5f7;cursor:pointer;overflow:hidden}.gallery .thumbs button.active,.gallery .thumbs button:hover{border-color:var(--red)}.gallery .thumbs img{width:100%;height:100%;object-fit:cover}.detail h1{font-size:22px}.oem-line{margin:6px 0 14px;display:flex;flex-wrap:wrap;gap:8px}.oem-line strong{display:inline-block;background:#fbecec;color:var(--red);border:1px solid #f0cccc;border-radius:4px;padding:3px 10px;font-size:14px}.spec-list{list-style:none;margin:0 0 16px;padding:0;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.spec-list li{display:flex;gap:14px;padding:9px 14px;font-size:14px;border-bottom:1px solid var(--gray-200)}.spec-list li:last-child{border-bottom:0}.spec-list .k{width:96px;color:var(--gray-500);flex-shrink:0}.tags-line{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:16px}.tags-line span{background:var(--gray-100);border-radius:3px;padding:2px 9px;font-size:12.5px;color:var(--gray-700)}.btn{display:inline-block;background:var(--red);color:#fff!important;border:0;border-radius:5px;padding:11px 26px;font-size:15px;font-weight:600;cursor:pointer}.btn:hover{background:var(--red-dark);text-decoration:none}.btn-block{display:block;width:100%;text-align:center}.prose{color:var(--gray-900)}.prose p{margin:0 0 12px}.prose h2{font-size:18px;margin:26px 0 10px;padding-left:10px;border-left:4px solid var(--red)}.detail-pager{display:flex;justify-content:space-between;gap:14px;margin-top:30px;padding-top:16px;border-top:1px solid var(--line);font-size:14px}.inquiry{border:1px solid var(--line);border-radius:var(--radius);padding:18px;background:var(--bg-soft);margin-top:14px}.inquiry h3{font-size:17px}.field{margin-bottom:12px}.field label{display:block;font-size:13.5px;color:var(--gray-700);margin-bottom:4px}.field input,.field textarea{width:100%;padding:9px 11px;border:1px solid var(--gray-300);border-radius:4px;font:inherit;font-size:14px;background:#fff}.field input:focus,.field textarea:focus{outline:none;border-color:var(--red);box-shadow:0 0 0 2px #b01c221f}.field textarea{min-height:110px;resize:vertical}.form-msg{font-size:13.5px;margin-top:8px;display:none}.form-msg.ok{color:var(--ok);display:block}.form-msg.err{color:var(--red);display:block}.required-note{font-size:12px;color:var(--gray-500)}.pager{display:flex;gap:8px;justify-content:center;margin:30px 0 6px;flex-wrap:wrap}.pager a,.pager span{border:1px solid var(--line);border-radius:4px;padding:6px 13px;font-size:14px;color:var(--gray-900);background:#fff}.pager a:hover{border-color:var(--red);color:var(--red);text-decoration:none}.pager .cur{background:var(--red);color:#fff;border-color:var(--red)}.pager .disabled{color:var(--gray-300);pointer-events:none}.intro-band{background:linear-gradient(120deg,#b01c22,#8c1217);color:#fff;padding:26px 0;margin-bottom:8px}.intro-band h1{color:#fff;font-size:24px;margin-bottom:8px}.intro-band p{margin:0 0 6px;font-size:14.5px;color:#ffe8e8}.intro-band .models{font-size:13px;color:#ffd2d2}.page{max-width:860px}.page .prose{font-size:15px}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}@media(max-width:800px){.contact-grid{grid-template-columns:1fr}}.contact-info ul{list-style:none;margin:0;padding:0}.contact-info li{padding:9px 0;border-bottom:1px dashed var(--gray-200);font-size:14.5px}.contact-info .k{display:inline-block;width:110px;color:var(--gray-500)}.keywords{background:var(--bg-soft);border-top:1px solid var(--line);padding:20px 0;font-size:12.5px;color:var(--gray-500)}.keywords p{margin:0}.site-footer{background:var(--navy-dark);color:#a9acb5;padding:26px 0;font-size:13px}.site-footer .container{display:flex;flex-wrap:wrap;gap:10px 30px;justify-content:space-between}.site-footer a{color:#d9dbe2}.site-footer .fbrand{color:#fff;font-weight:700;font-size:15px}.nf{text-align:center;padding:70px 0 90px}.nf h1{font-size:60px;color:var(--red);margin-bottom:6px}.hero{position:relative;background:var(--navy-dark) url(/images/hero.svg) center/cover no-repeat;color:#fff;padding:52px 0 56px}.hero .container{position:relative;z-index:1;max-width:var(--maxw)}.hero h1{color:#fff;font-size:32px;margin-bottom:10px;letter-spacing:.3px}.hero .lead{color:#d7dde6;font-size:15.5px;max-width:640px;margin:0 0 22px}.hero .lead .models{display:block;margin-top:6px;font-size:13px;color:#aeb8c6}.search-form{display:flex;max-width:640px;gap:0;box-shadow:0 8px 26px #080e1659;border-radius:8px;overflow:hidden}.search-form input{flex:1;border:0;padding:14px 18px;font-size:15.5px;outline:none;min-width:0}.search-form button{border:0;background:var(--red);color:#fff;font-weight:700;font-size:15px;padding:0 26px;cursor:pointer;white-space:nowrap}.search-form button:hover{background:var(--red-dark)}.search-hint{margin-top:10px;font-size:12.5px;color:#aeb8c6}.search-hint a{color:#f0c9cb;text-decoration:underline}.quick-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px;max-width:640px}.quick-chips a{font-size:12.5px;color:#e7ebf1;border:1px solid rgba(255,255,255,.28);border-radius:999px;padding:4px 13px;background:#ffffff0f}.quick-chips a:hover{background:var(--red);border-color:var(--red);color:#fff;text-decoration:none}@media(max-width:700px){.hero{padding:36px 0 40px}.hero h1{font-size:24px}.search-form button{padding:0 16px}}.trustbar{background:#fff;border-bottom:1px solid var(--line)}.trustbar .container{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px;padding-top:16px;padding-bottom:16px}.trust-item{display:flex;align-items:center;gap:10px;font-size:13.5px;color:var(--gray-900);flex:1;min-width:150px}.trust-item .ti-ico{flex:none;width:38px;height:38px;border-radius:50%;background:#fbecec;display:flex;align-items:center;justify-content:center}.trust-item .ti-ico svg{width:20px;height:20px;stroke:var(--red);fill:none;stroke-width:2}.trust-item b{display:block;font-size:14px}.trust-item span.sub{color:var(--gray-500);font-size:12px}.cat-toolbar{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin:0 0 18px}.cat-toolbar form{display:flex;flex:1;min-width:240px;max-width:480px}.cat-toolbar input{flex:1;border:1px solid var(--gray-300);border-radius:4px 0 0 4px;padding:9px 12px;font-size:14px;outline:none}.cat-toolbar input:focus{border-color:var(--red)}.cat-toolbar button{border:0;background:var(--navy);color:#fff;border-radius:0 4px 4px 0;padding:0 18px;cursor:pointer;font-size:14px}.filter-chips{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:18px}.filter-chips a{font-size:12.5px;border:1px solid var(--gray-300);color:var(--gray-700);border-radius:999px;padding:4px 13px;background:#fff}.filter-chips a.active,.filter-chips a:hover{background:var(--red);border-color:var(--red);color:#fff;text-decoration:none}.search-head{display:flex;align-items:baseline;gap:12px;margin:18px 0 6px}.search-head h1{margin:0;font-size:22px}.search-empty{padding:60px 0;text-align:center;color:var(--gray-500)}.search-empty .btn{margin-top:16px}.wa-float{position:fixed;right:20px;bottom:22px;z-index:90;display:flex;align-items:center;gap:9px;background:#25d366;color:#fff!important;font-weight:700;font-size:14.5px;padding:12px 18px 12px 14px;border-radius:999px;box-shadow:0 6px 20px #25d36666;text-decoration:none!important}.wa-float:hover{transform:translateY(-2px);color:#fff}.wa-float svg{width:24px;height:24px;fill:#fff;flex:none}@media(max-width:700px){.wa-float .wa-txt{display:none}.wa-float{padding:13px;right:14px;bottom:76px}}.inquiry-bar{display:none;position:fixed;left:0;right:0;bottom:0;z-index:80;background:#fff;border-top:1px solid var(--line);box-shadow:0 -4px 14px #00000014;padding:10px 14px;gap:10px;align-items:center}.inquiry-bar .ib-oem{flex:1;min-width:0;font-size:12.5px;color:var(--gray-700);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.inquiry-bar .ib-oem b{color:var(--red)}.inquiry-bar .btn{padding:10px 18px}.inquiry-bar .wa-mini{flex:none;width:42px;height:42px;border-radius:50%;background:#25d366;display:flex;align-items:center;justify-content:center}.inquiry-bar .wa-mini svg{width:23px;height:23px;fill:#fff}@media(max-width:700px){.inquiry-bar{display:flex}body.has-inquiry-bar{padding-bottom:64px}}.oem-chip{display:inline-flex;align-items:center;gap:0;background:#fbecec;color:var(--red);border:1px solid #f0cccc;border-radius:4px;overflow:hidden}.oem-chip strong{padding:3px 0 3px 10px;font-size:14px}.oem-chip.alt strong{color:var(--gray-700);background:#f3f4f7}.oem-chip.alt{background:#f3f4f7;border-color:var(--gray-200)}.oem-chip button{border:0;border-left:1px solid #f0cccc;background:transparent;color:var(--red);cursor:pointer;padding:3px 8px;font-size:12px;line-height:1}.oem-chip.alt button{border-color:var(--gray-200);color:var(--gray-500)}.oem-chip button:hover{background:var(--red);color:#fff}.oem-chip.copied button{background:var(--ok);color:#fff;border-color:var(--ok)}.btn-quote{background:var(--red);font-size:15.5px;padding:12px 30px}
