*{box-sizing:border-box}body{margin:0;color:#333;background:#fff;font:16px/1.8 "Microsoft YaHei",Arial,sans-serif}a{color:inherit;text-decoration:none}a:hover{color:#1252aa}img{max-width:100%;height:auto}header{background:#181818;color:#fff}.header-inner{max-width:1400px;margin:auto;padding:16px 24px;display:flex;align-items:center;gap:28px}.logo{flex:0 0 120px}.logo img{width:120px;display:block}header nav{display:flex;flex:1;justify-content:center;gap:22px}.nav-item{position:relative;white-space:nowrap}.dropdown{display:none;position:absolute;top:100%;left:0;background:#fff;color:#333;box-shadow:0 6px 18px #0002;z-index:20;min-width:180px;max-height:65vh;overflow:auto}.dropdown a{display:block;padding:8px 16px;font-size:14px}.nav-item:hover .dropdown,.nav-item:focus-within .dropdown{display:block}.header-phone{white-space:nowrap;font-weight:bold}.sub-banner{height:160px;overflow:hidden;background:#eee}.sub-banner img{width:100%;height:100%;object-fit:cover;object-position:center 55%}.breadcrumb{max-width:1280px;margin:20px auto;padding:0 24px;color:#777;font-size:14px}.page-layout{max-width:1280px;margin:0 auto 60px;padding:0 24px;display:grid;grid-template-columns:260px minmax(0,1fr);gap:48px}aside h2{font-size:19px;color:#fff;background:#123f91;margin:0;padding:12px 18px}aside nav{border:1px solid #ddd}aside nav a{display:block;padding:10px 18px;border-bottom:1px solid #eee}aside nav a[aria-current]{color:#124d9c;background:#eef4fa}aside section{margin-top:24px}.contact-phone{font-size:24px;font-weight:bold;margin:16px 0;color:#124d9c;overflow-wrap:anywhere}aside .contact-phone{font-size:20px;padding:0 12px}main{min-width:0}h1{font-size:26px;line-height:1.4;margin:0 0 24px;padding-bottom:16px;border-bottom:1px solid #ddd}h2{font-size:20px}h3{font-size:17px}p{margin:0 0 18px}.page-content{overflow-wrap:anywhere}.page-content img{display:block;max-width:100%;max-height:560px;object-fit:contain;margin:18px auto}.page-content table{width:100%;border-collapse:collapse}.page-content td{border:1px solid #ddd;padding:8px}.catalog,.xypg-product-list,.xypg-case-list{list-style:none;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.catalog li,.xypg-product-list li,.xypg-case-list li{border:1px solid #e0e0e0;padding:16px}.catalog h2{font-size:18px;margin:0 0 8px}.catalog p{font-size:13px;color:#777;margin:0}.catalog img,.xypg-product-list img,.xypg-case-list img{width:100%;aspect-ratio:4/3;object-fit:contain;margin:0 0 12px}.xypg-news-list{list-style:none;padding:0}.xypg-news-list li{border-bottom:1px solid #ddd;padding:20px 0}.xypg-news-list img{max-width:240px}.xypg-detail-title{font-size:22px}.xypg-detail-info-bar{font-size:13px;color:#888}.xypg-detail-pn{border-top:1px solid #ddd;margin-top:30px;padding-top:16px}.slick-item{display:inline-block;width:110px}.page-content .big-img img{max-height:420px}footer{background:#202020;color:#ddd;text-align:center;padding:32px 20px}footer nav{display:flex;gap:20px;justify-content:center;flex-wrap:wrap}footer .contact-phone{color:white}.mobile-bar{display:none}
@media(max-width:1050px){.header-inner{gap:16px;flex-wrap:wrap}header nav{order:3;flex-basis:100%;flex-wrap:wrap;gap:10px 22px}.header-phone{margin-left:auto}.page-layout{grid-template-columns:210px minmax(0,1fr);gap:24px}.catalog,.xypg-product-list,.xypg-case-list{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){body{font-size:15px;padding-bottom:52px}.header-inner{padding:12px 16px}.logo,.logo img{width:94px;flex-basis:94px}.header-phone{font-size:15px}header nav{font-size:14px;justify-content:flex-start}.dropdown{display:none!important}.sub-banner{height:110px}.breadcrumb{padding:0 16px;margin:14px auto}.page-layout{display:block;padding:0 16px;margin-bottom:30px}aside{margin-bottom:24px}aside h2{font-size:16px;padding:8px 12px}aside nav{display:flex;flex-wrap:wrap;padding:6px}aside nav a{font-size:14px;padding:6px 10px;border:0}aside section{display:none}h1{font-size:23px;margin-bottom:18px}.catalog,.xypg-product-list,.xypg-case-list{gap:12px}.catalog li{padding:12px}.contact-phone{font-size:23px}.mobile-bar{display:flex;position:fixed;bottom:0;left:0;right:0;background:#181818;color:white;z-index:30;height:52px;align-items:center;justify-content:space-around}footer nav{font-size:14px;gap:12px}}