:root{--blue:#078fd7;--deep:#064996;--light:#f3f6f9;--line:#dbe4ec;--text:#333}
*{box-sizing:border-box}body{margin:0;color:var(--text);font:14px/1.8 "Microsoft YaHei",Arial,sans-serif;background:#fff}a{color:inherit;text-decoration:none}img{max-width:100%;vertical-align:middle}.site-wrap{width:1180px;max-width:94%;margin:auto}
.topbar{height:34px;line-height:34px;background:#f6f6f6;color:#777;font-size:12px;border-bottom:1px solid #eee}.topbar .site-wrap{display:flex;justify-content:space-between}.topbar a{margin-left:18px}
.header-main{height:132px;display:flex;align-items:center;justify-content:space-between}.brand-lockup{display:flex;align-items:center;gap:28px}.brand-logo{width:500px;max-height:120px;object-fit:contain;object-position:left center}.brand-copy{padding-left:26px;border-left:1px solid #ddd}.brand-copy strong,.brand-copy span{display:block}.brand-copy strong{font-size:18px;color:#145a9b}.brand-copy span{color:#777}.hotline{display:flex;align-items:center;gap:12px}.hotline i{font-size:34px;color:#168fd4}.hotline small,.hotline b{display:block}.hotline b{font-size:24px;color:#078fd7;line-height:1.2}
.nav{background:#078fd7}.nav ul{display:flex;justify-content:flex-start;margin:0 auto;padding:0;list-style:none}.nav li{flex:0 0 140px;text-align:center}.nav a{display:block;padding:14px 8px;color:#fff;font-size:16px}.nav a:hover{background:#064996}.mobile-nav{display:none}
.hero{overflow:hidden}.hero img{display:block;width:100%;min-height:250px;object-fit:cover}.hero-slider{position:relative;height:clamp(280px,32vw,500px);background:#37aee4}.hero-slide{display:none;width:100%;height:100%;overflow:hidden}.hero-slide.active{display:block}.hero-slider img{width:100%;height:100%;min-height:0;object-fit:cover;object-position:center}.hero-arrow{position:absolute;top:50%;width:42px;height:58px;border:0;background:#0006;color:#fff;font-size:42px;line-height:1;transform:translateY(-50%);cursor:pointer}.hero-prev{left:24px}.hero-next{right:24px}.hero-dots{position:absolute;left:0;right:0;bottom:14px;text-align:center}.hero-dots button{width:11px;height:11px;margin:0 5px;border:0;border-radius:50%;background:#fff9;cursor:pointer}.hero-dots button.active{background:#078fd7}.section{padding:46px 0}.section.gray{background:var(--light)}.section-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;border-bottom:2px solid #168fd4}.section-title h2{margin:0;padding:8px 18px;background:#168fd4;color:#fff;font-size:20px;font-weight:500}.section-title a{color:#888;font-size:12px}
.home-products{display:grid;grid-template-columns:230px 1fr;gap:22px}.side-groups{background:#fff}.side-groups h3,.side-box h3{margin:0;padding:13px 16px;background:#064996;color:#fff;font-size:18px}.side-groups a{display:block;padding:12px 16px;border:1px solid var(--line);border-top:0}.side-groups a:before{content:"›";margin-right:8px;color:#168fd4}.brand-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.brand-grid-8{grid-template-columns:repeat(8,1fr);gap:22px}.brand-section{margin-bottom:70px}.brand-section:last-child{margin-bottom:0}.brand-card{display:flex;flex-direction:column;justify-content:center;min-height:150px;padding:16px;background:#fff;border:1px solid var(--line);text-align:center;transition:.2s}.brand-grid-8 .brand-card{min-height:176px;border:0}.brand-card:hover{transform:translateY(-3px);box-shadow:0 8px 24px #153f671c;border-color:#168fd4}.brand-card img{height:80px;object-fit:contain}.brand-card span{margin-top:10px}
.advantages{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.advantage{text-align:center;padding:24px;background:#fff}.advantage i{display:inline-flex;width:74px;height:74px;align-items:center;justify-content:center;border:2px solid #168fd4;border-radius:50%;color:#168fd4;font-size:30px}.advantage h3{margin:12px 0 4px;color:#07559d}.home-advantages{border-bottom:4px solid #1498dc}.home-advantages .section-title{margin-bottom:18px}
.about-band{background:#1098df;color:#fff}.about-inner{display:grid;grid-template-columns:420px 1fr;gap:40px;align-items:center}.about-inner img{height:260px;width:100%;object-fit:cover;border:6px solid #ffffff33}.about-inner h2{font-size:28px}.about-links a{display:inline-block;padding:8px 20px;margin:14px 8px 0 0;background:#fff;color:#0777bb;border-radius:3px}.about-reference{position:relative;background:#1098df}.about-reference>img{display:block;width:100%;height:auto}.about-hotspot{position:absolute;top:68%;height:12%;z-index:2}.about-hotspot.intro{left:44.8%;width:4.8%}.about-hotspot.contact{left:49.1%;width:5.2%}
.news-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}.news-column h3{font-size:20px;color:#087dc4;border-bottom:1px solid #168fd4;padding-bottom:8px}.news-column a{display:block;padding:8px 0;border-bottom:1px dashed #ddd;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.links{padding-top:20px;border-top:1px solid var(--line)}.links a{margin-right:20px;color:#666}
.inner-banner{height:270px;background:url('/static/upload/image/20221007/1665124666526140.jpg') center/cover no-repeat}.inner-layout{display:grid;grid-template-columns:250px 1fr;gap:26px;padding:38px 0}.side-box{margin-bottom:20px;border:1px solid var(--line)}.side-box nav a,.side-static{display:block;padding:11px 15px;border-top:1px solid var(--line)}.side-static.active{color:#e40000;background:#fafafa}.product-menu h3{padding:22px 16px}.product-menu nav{padding:0 10px 10px}.product-menu nav a{display:flex;align-items:center;justify-content:space-between;color:#064996;font-weight:600}.product-menu nav i{display:flex;width:15px;height:15px;align-items:center;justify-content:center;background:#174c91;color:#fff;border-radius:2px;font-size:8px}.recommend-grid{display:grid;grid-template-columns:1fr 1fr;padding:12px 10px}.recommend-grid a{display:flex;min-width:0;flex-direction:column;align-items:center;padding:10px 5px;text-align:center;border-bottom:1px solid #eee}.recommend-grid img{width:92px;height:52px;object-fit:contain}.recommend-grid span{margin-top:8px;font-size:12px}.contact-card{padding:15px}.contact-card p{margin:5px 0}.content-box{border:1px solid var(--line);background:#fff}.product-search{display:flex;gap:10px;padding:14px 18px;border-bottom:1px solid var(--line);background:#fff}.product-search input{flex:1;height:38px;padding:0 12px;border:2px solid #e00;font-size:15px}.product-search button{width:110px;border:0;background:#078fd7;color:#fff;cursor:pointer}.product-empty{display:none;padding:30px;text-align:center;color:#777}.product-client-pages{text-align:center;padding:20px 0 0}.product-client-pages button{display:inline-block;margin:3px;padding:5px 11px;border:1px solid var(--line);background:#fff;cursor:pointer}.product-client-pages button.active{background:#078fd7;border-color:#078fd7;color:#fff}.content-head{display:flex;justify-content:space-between;align-items:center;padding:12px 18px;border-bottom:2px solid #168fd4}.content-head h1{margin:0;font-size:20px;color:#07559d}.content-body{padding:24px;min-height:360px}.content-body .detail-title{text-align:center;font-size:24px;margin:0 0 22px}.product-detail{display:grid;grid-template-columns:44% 1fr;gap:28px}.product-detail .cover{border:1px solid var(--line);padding:20px}.product-detail .cover img{width:100%;height:300px;object-fit:contain}.product-detail .summary{display:flex;min-height:342px;flex-direction:column;align-items:flex-start}.product-detail .summary h1{color:#07559d}.product-contact{display:flex;width:100%;gap:14px;margin-top:auto;padding-top:28px}.product-contact a{display:flex;min-height:52px;align-items:center;justify-content:center;padding:10px 28px;font-size:18px}.contact-person{background:linear-gradient(#3474cf,#174b9f);color:#fff}.contact-phone{min-width:205px;background:linear-gradient(#fff,#e7e7e7);border:1px solid #ddd;color:#333}.btn{display:inline-block;padding:9px 22px;background:#078fd7;color:#fff;border:0;border-radius:2px}.news-list article{padding:18px 0;border-bottom:1px solid var(--line)}.news-list h2{font-size:18px;margin:0 0 6px}.news-list p{color:#777;margin:0}.pagination{text-align:center;padding:24px}.pagination a{display:inline-block;padding:5px 11px;border:1px solid var(--line);margin:2px}.message-form input,.message-form textarea{width:100%;padding:12px;margin-bottom:14px;border:1px solid #ddd}.message-form textarea{height:160px}.captcha-row{display:flex;align-items:stretch;gap:12px;margin-bottom:14px}.captcha-row input{margin:0;flex:1}.captcha-row img{width:130px;cursor:pointer;border:1px solid #ddd}
.advantage-showcase{background:#fff}.advantage-head{height:135px;display:flex;align-items:center;justify-content:center;gap:115px;background:#1264b8;color:#fff}.advantage-head span{padding:8px 28px;border:1px solid #fff;text-align:center;line-height:1.15}.advantage-head strong{font-size:44px}.advantage-head strong small{display:block;font-size:15px}.advantage-head em{font-style:normal;font-size:19px}.advantage-zigzag{position:relative;height:680px}.adv-text{position:absolute;display:flex;gap:14px;width:360px}.adv-text i{display:flex;flex:0 0 50px;height:50px;align-items:center;justify-content:center;background:#0b68c3;border-radius:18px 0 18px 0;color:#fff;font-size:25px;font-style:normal;font-weight:bold}.adv-text b,.adv-text strong{display:block}.adv-text b{color:#ff8800;font-size:20px}.adv-text strong{font-size:20px}.adv-text p{color:#888}.adv-text.item1{left:40px;top:70px}.adv-text.item2{left:40px;top:210px}.adv-text.item3{right:25px;top:340px}.adv-text.item4{right:25px;top:475px}.adv-img{position:absolute;width:300px;height:220px;object-fit:cover;clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%)}.adv-img.img1{right:95px;top:55px}.adv-img.img2{left:170px;top:375px}
.float-tools{position:fixed;right:18px;top:48%;z-index:99}.float-tool{position:relative;display:flex;width:58px;height:58px;align-items:center;justify-content:center;flex-direction:column;background:#087fc4;color:#fff;border-bottom:1px solid #fff;font-size:12px}.float-tool i{font-size:20px}.float-tip{display:none;position:absolute;right:64px;top:0;min-width:180px;padding:12px;background:#fff;color:#333;box-shadow:0 5px 20px #0002}.float-tool:hover .float-tip{display:block}.float-tip img{width:120px}
.weixin-carousel{min-width:166px;text-align:center;border-radius:2px}.weixin-carousel img{display:block;width:142px;height:142px;margin:auto;object-fit:contain}.weixin-carousel-dots{display:flex;justify-content:center;gap:5px;margin-top:9px;line-height:1}.weixin-carousel-dots i{width:6px;height:6px;border-radius:50%;background:#d4dbe3}.weixin-carousel-dots i.active{background:#087fc4}
.footer{background:#123b61;color:#cbd7e1;padding:35px 0}.footer-nav{text-align:center;margin-bottom:18px}.footer-nav a{margin:0 14px;color:#fff}.footer p{text-align:center;margin:4px}
@media(max-width:820px){.topbar{display:none}.header-main{display:none}.brand-logo{width:68vw}.brand-copy,.hotline{display:none}.nav{display:none}.mobile-nav{display:flex;justify-content:space-between;align-items:center;padding:12px 4%;background:#078fd7;color:#fff}.mobile-logo{display:block;width:58%;max-width:285px}.mobile-logo img{display:block;width:100%;height:auto;max-height:64px;object-fit:contain;object-position:left center}.mobile-nav select{max-width:38%;padding:6px}.hero-slider{height:190px}.hero img{min-height:0}.hero-arrow{display:none}.hero-dots{bottom:8px}.home-products,.inner-layout,.about-inner,.product-detail{grid-template-columns:1fr}.page-single .inner-layout{display:block}.page-single .inner-layout aside{display:none}.brand-grid,.brand-grid-8{grid-template-columns:repeat(2,1fr)}.advantages,.news-grid{grid-template-columns:1fr 1fr}.inner-banner{height:150px}.float-tools{right:5px}.float-tool.is-open .float-tip{display:block}.weixin-carousel{position:fixed;right:68px;top:auto;bottom:88px;width:min(190px,calc(100vw - 92px));min-width:0;padding:12px}.weixin-carousel img{width:100%;height:auto;max-height:calc(100vw - 130px);aspect-ratio:1/1}.site-wrap{max-width:92%}.brand-section{margin-bottom:38px}.about-reference{overflow:hidden}.about-reference>img{width:190%;max-width:none;transform:translateX(-23%)}.advantage-head{height:auto;padding:20px;gap:20px;flex-wrap:wrap}.advantage-head strong{font-size:32px}.advantage-zigzag{height:auto;padding:25px 0}.adv-text,.adv-img{position:static;width:100%;margin:0 0 20px}.adv-img{height:230px;clip-path:none}.about-hotspot{display:none}.product-search{padding:10px;flex-direction:column}.product-search input{width:100%}.product-search button{width:100%;height:38px}.content-head{align-items:flex-start;gap:8px}.content-head span{font-size:12px}}
@media(max-width:520px){.advantages,.news-grid{grid-template-columns:1fr}.brand-grid{gap:10px}.brand-card{min-height:120px}.brand-card img{height:60px}.about-inner img{height:190px}}

/* 2026-06-25: homepage search + brand-card overflow hardening */
.home-product-search-wrap{background:var(--light);padding:16px 0 0}.home-product-search{max-width:100%;border:0;background:transparent;padding:0}.home-brand-sections{overflow:hidden}.brand-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.brand-grid-8{grid-template-columns:repeat(8,minmax(0,1fr))}.brand-card{min-width:0;overflow:hidden}.brand-card img{display:block;width:100%;max-width:100%;object-fit:contain}.brand-card span{max-width:100%;overflow-wrap:anywhere;word-break:break-word;line-height:1.45}
@media(max-width:820px){.home-product-search-wrap{padding:12px 0 0}.brand-grid,.brand-grid-8{grid-template-columns:repeat(2,minmax(0,1fr))}.home-product-search{flex-direction:column;padding:0}.home-product-search input,.home-product-search button{width:100%}}

/* 2026-06-28: product enquiry/contact alignment and dynamic contact page */
.product-contact{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.product-contact a{width:100%;height:52px;min-width:0;min-height:52px;padding:0 12px;font-size:16px;line-height:1.35;text-align:center;white-space:nowrap}
.inquiry-btn{background:linear-gradient(#159fe5,#0783c8);color:#fff}
.contact-details p{margin:0 0 12px}
.footer-contact-item+.footer-contact-item{margin-left:2em}
@media(max-width:520px){.product-contact{grid-template-columns:1fr}}

/* 2026-06-28: responsive homepage banner, standardized to 1920 x 650 */
.hero-slider{height:auto;min-height:0;aspect-ratio:1920/650}
.hero-slide,.hero-slide.active{height:100%}
.hero-slider img{height:100%;object-fit:cover;object-position:center}
.mobile-hero{display:none}
@media(max-width:820px){.desktop-hero{display:none}.mobile-hero{display:block;aspect-ratio:1920/650}.mobile-hero.is-empty{display:none}}
@media(max-width:820px){.page-product-detail .content-box{order:-1}}

/* 2026-06-29: responsive inner banners and mobile layout refinements */
.mobile-inner-banner{display:none}
.footer-meta{display:flex;justify-content:center;gap:1.5em;flex-wrap:wrap}
@media(max-width:820px){
  .home-brand-sections{padding-top:15px}
  .mobile-nav{min-height:72px;background:#07559d}
  .mobile-logo{width:62%;height:48px;max-width:none}
  .mobile-logo img{width:100%;height:48px;max-height:none;object-fit:contain;object-position:left center;filter:drop-shadow(0 1px 1px #0004)}
  .desktop-inner-banner{display:none}
  .mobile-inner-banner{display:block}
  .footer{padding:24px 0}
  .footer-nav{display:flex;flex-wrap:wrap;justify-content:center;row-gap:10px;margin-bottom:18px}
  .footer-nav a{flex:0 0 25%;margin:0;font-size:14px;white-space:nowrap;text-align:center}
  .footer p{margin:8px 0;font-size:14px;line-height:1.7;overflow-wrap:anywhere}
  .footer-meta{display:flex;gap:4px;flex-direction:column;align-items:center}
  .footer-contact-item{display:block;margin-left:0!important}
  .footer-address{padding:0 8px}
}