/* hn8 site-wide responsive
   Breakpoints:
   - desktop:  >=1200
   - tablet-lg: 992-1199
   - tablet:    768-991
   - phone:     <=767
   - phone-sm:  <=450
*/

html {
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
}
html, body {
  max-width: 100%;
  overflow-x: hidden;
}
img, video, iframe, embed, object, svg {
  max-width: 100%;
  height: auto;
}
table { max-width: 100%; }

/* Fluid 主体宽度 (all viewports) */
.container_xfgm99,
.container_PEJfHJ,
.container_W3hEiN,
.container_W3hEiN1 {
  width: 100% !important;
  max-width: 1286px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  box-sizing: border-box !important;
}
.container_W3hEiN { height: auto !important; }

.container_axYtEr,
.container_2O0ULG,
.container_VibuDP,
.container_BnZjTH,
.container_AuBEso,
.container_B7Ptdi,
.container_W9UjqK,
.container_C3ZVwT,
.container_7f4LUv,
.container_1JsD1h,
.container_QILnZs,
.container_eRK7vh,
.container_VDFxb9,
.container_1HMgvm,
.container_BzAuQJ,
.container_JXwGVO,
.container_MRmM8M,
.container_c3XuHc,
.container_BPJiAS,
.heading_yUavH9 {
  width: 100% !important;
  max-width: 1152px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  box-sizing: border-box !important;
  padding-left: 15px !important;
  padding-right: 15px !important;
}

.w1100,
.cp100,
.container_ZjA8eq {
  width: 100% !important;
  max-width: 1100px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  box-sizing: border-box !important;
  padding-left: 15px !important;
  padding-right: 15px !important;
}

.a10,
.container_0lBha4,
.container_ALCuG0,
.container_secdY6,
.container_secdY61,
.container_wi5q1d,
.container_KrOY0f,
.container_CoSmJt,
.container_CgAPRo {
  width: 100% !important;
  max-width: 1080px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  box-sizing: border-box !important;
  padding-left: 15px !important;
  padding-right: 15px !important;
}

.container_uZV3Sp,
.container_NF9pq0,
.container_cqnx9E {
  width: 100% !important;
  max-width: 1000px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  box-sizing: border-box !important;
}

.a21 {
  width: 100% !important;
  max-width: 836px !important;
  float: none !important;
  height: auto !important;
  box-sizing: border-box !important;
}

.section_JW4eNH .container_7f4LUv {
  max-width: 1152px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}
.section_JW4eNH .news-detail {
  max-width: 860px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* ========== Large tablet / small laptop 992-1199 ========== */
@media (min-width: 992px) and (max-width: 1199px) {
  .section_lErUPq .navbar-nav > li > a,
  .section_lErUPq .c-navlink {
    font-size: 14px !important;
    padding-left: 8px !important;
    padding-right: 8px !important;
  }

  .section_Rm4Tkp01,
  .section_Gozo0m {
    height: 34vh !important;
    min-height: 220px !important;
    max-height: 420px !important;
  }

  .prod-grid {
    grid-template-columns: repeat(3, 1fr) !important;
  }
  .prod-hero h1 { font-size: 28px !important; }

  .a12, .a13, .a14, .a1401, .a1402, .a15, .a16, .a17, .a1701, .a1702,
  .a18, .a19, .a20, .a23, .a24, .a27, .a30, .a32, .a3201 {
    background-size: cover !important;
  }
}

/* ========== Tablet 768-991 ========== */
@media (min-width: 768px) and (max-width: 991px) {
  /* Prefer PC content blocks, but allow them to reflow */
  .xianshia { display: block !important; }
  .xianshib { display: none !important; }
  .pcxianx { display: block !important; }
  .moxianx { display: none !important; }

  /* Compact nav: collapse like phone so menu doesn't overflow */
  .section_lErUPq .navbar-header {
    float: none !important;
    width: 100% !important;
  }
  .section_lErUPq .navbar-toggle {
    display: block !important;
    float: right !important;
    margin: 8px 12px 8px 0 !important;
  }
  .section_lErUPq .navbar-collapse {
    width: 100% !important;
    border-top: 1px solid rgba(255,255,255,.12);
  }
  .section_lErUPq .navbar-collapse.collapse {
    display: none !important;
    height: auto !important;
    overflow: hidden !important;
  }
  .section_lErUPq .navbar-collapse.collapse.in,
  .section_lErUPq .navbar-collapse.in {
    display: block !important;
  }
  .section_lErUPq .navbar-nav {
    float: none !important;
    margin: 6px 0 !important;
  }
  .section_lErUPq .navbar-nav > li {
    float: none !important;
    display: block !important;
  }
  .section_lErUPq .navbar-nav > li > a {
    padding: 10px 14px !important;
    font-size: 15px !important;
    line-height: 1.35 !important;
  }
  .section_lErUPq .navbar-right {
    float: none !important;
  }
  .section_lErUPq .hidden-xs,
  .section_lErUPq .div_4l8wrb,
  .section_lErUPq .div_4l8wrb1,
  .section_lErUPq .div_4l8wrb2 {
    display: none !important;
  }

  .a10, .a21 {
    width: 100% !important;
    float: none !important;
    height: auto !important;
    min-height: 0 !important;
  }

  /* 2-column for custom % columns that were 50/50-ish */
  [class*="column_"] {
    box-sizing: border-box !important;
  }
  .column_mT59RA,
  .column_S4s2ce,
  .column_viqONN,
  .column_G2Ejla,
  .column_PoUh3H {
    width: 50% !important;
    float: left !important;
    height: auto !important;
    min-height: 0 !important;
  }
  /* narrower side columns become full width */
  .column_DAQ4rv,
  .column_XRHoIu,
  .column_9G8xId,
  .column_ECuIRv,
  .column_O1agta,
  .column_tjvZNq,
  .column_SEMKI3,
  .column_LZh2vX,
  .column_F9h63d,
  .column_l5i13T,
  .column_cgq985,
  .column_dWp2Dl,
  .column_ILCMaM,
  .column_0dnLNG,
  .column_z1kjfT,
  .column_9S079o,
  .column_HOPf2K,
  .column_pmvatP,
  .column_sBaYeO,
  .column_Nsar0h {
    width: 100% !important;
    float: none !important;
    height: auto !important;
    min-height: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .col-md-3, .col-sm-3, .col-lg-3 {
    width: 50% !important;
    float: left !important;
  }
  .col-md-2, .col-sm-2, .col-lg-2,
  .col-md-4, .col-sm-4, .col-lg-4 {
    width: 50% !important;
    float: left !important;
  }
  .col-md-9, .col-sm-9, .col-lg-9,
  .col-md-8, .col-sm-8, .col-lg-8,
  .col-md-6, .col-sm-6, .col-lg-6 {
    width: 100% !important;
    float: none !important;
  }

  .section_Rm4Tkp01,
  .section_Gozo0m {
    height: 30vh !important;
    min-height: 200px !important;
    max-height: 380px !important;
  }

  .de {
    margin-left: 0 !important;
    position: static !important;
  }

  /* home product family tiles: 2 across */
  .a12, .a13, .a14, .a1401, .a1402, .a15, .a16, .a17, .a1701, .a1702,
  .a18, .a19, .a20, .a23, .a24, .a27, .a30, .a32, .a3201 {
    width: 50% !important;
    float: left !important;
    min-height: 220px !important;
    height: auto !important;
    background-size: cover !important;
    background-position: center !important;
  }

  .prod-page { padding: 24px 20px 48px !important; }
  .prod-hero h1 { font-size: 26px !important; }
  .prod-filters {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
  }
  .prod-filter {
    flex: 1 1 calc(33.33% - 8px) !important;
    min-width: 140px !important;
    text-align: center !important;
  }
  .prod-grid {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 16px !important;
  }

  .div_HwXJB6,
  .div_ROMTOI,
  .div_v1HZi9,
  .div_IYQKWk,
  .div_IYQKWk2,
  .div_KGn1Cf,
  .div_KGn1Cf3,
  .div_xoJ7Cy1,
  .div_xoJ7Cy2,
  .div_K2NeYg01,
  .div_K2NeYg02 {
    width: 100% !important;
    height: auto !important;
    min-height: 240px !important;
    background-size: cover !important;
  }

  h1, .heading_yUavH9 { font-size: 24px !important; }
  h2, .zth2 { font-size: 20px !important; }

  .news-item .news-thumb img {
    width: 85% !important;
    max-width: 720px !important;
  }
}

/* ========== Phone <=767 ========== */
@media (max-width: 767px) {
  body { font-size: 14px; }

  .xianshia { display: none !important; }
  .xianshib { display: block !important; }
  .pcxianx { display: none !important; }
  .moxianx { display: block !important; }

  [class*="column_"] {
    width: 100% !important;
    max-width: 100% !important;
    float: none !important;
    height: auto !important;
    min-height: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  .row, [class*="row_"] {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6,
  .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12,
  .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6,
  .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12,
  .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6,
  .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
    width: 100% !important;
    float: none !important;
  }

  .section_Rm4Tkp01,
  .section_Gozo0m {
    height: 28vh !important;
    min-height: 150px !important;
    max-height: 280px !important;
  }

  .section_lErUPq .navbar-header {
    float: none !important;
    width: 100% !important;
  }
  .section_lErUPq .navbar-toggle {
    display: block !important;
    float: right !important;
  }
  .section_lErUPq .navbar-collapse {
    width: 100% !important;
    border-top: 1px solid rgba(255,255,255,.15);
  }
  .section_lErUPq .navbar-collapse.collapse {
    display: none !important;
    height: auto !important;
  }
  .section_lErUPq .navbar-collapse.collapse.in,
  .section_lErUPq .navbar-collapse.in {
    display: block !important;
  }
  .section_lErUPq .navbar-nav {
    float: none !important;
    margin: 8px 0 !important;
  }
  .section_lErUPq .navbar-nav > li {
    float: none !important;
    display: block !important;
  }
  .section_lErUPq .navbar-nav > li > a {
    padding: 10px 12px !important;
    line-height: 1.35 !important;
  }
  .section_lErUPq .hidden-xs,
  .section_lErUPq .div_4l8wrb,
  .section_lErUPq .div_4l8wrb1,
  .section_lErUPq .div_4l8wrb2 {
    display: none !important;
  }

  .hidden-xs, .hidden-xs9 { display: none !important; }

  .c-slider, .c-slider-mask, [class*="slider_"], [class*="slidermask_"] {
    width: 100% !important;
    max-width: 100% !important;
  }
  [class*="slide_"] {
    background-size: cover !important;
    background-position: center !important;
  }
  .slide_7SKZI8,
  .slide_7SKZI81,
  .slide_7SKZI82,
  .slide_7SKZI83 {
    height: 180px !important;
    background-size: cover !important;
  }

  .a12, .a13, .a14, .a1401, .a1402, .a15, .a16, .a17, .a1701, .a1702,
  .a18, .a19, .a20, .a23, .a24, .a27, .a30, .a32, .a3201 {
    width: 100% !important;
    float: none !important;
    min-height: 180px !important;
    height: auto !important;
  }

  h1, .heading_yUavH9, [class*="heading_"] {
    font-size: 22px !important;
    line-height: 1.35 !important;
  }
  h2, .zth2 { font-size: 18px !important; }

  .div_HwXJB6,
  .div_ROMTOI,
  .div_v1HZi9,
  .div_IYQKWk,
  .div_IYQKWk2,
  .div_KGn1Cf,
  .div_KGn1Cf3,
  .div_xoJ7Cy1,
  .div_xoJ7Cy2,
  .div_K2NeYg01,
  .div_K2NeYg02 {
    width: 100% !important;
    height: auto !important;
    min-height: 180px !important;
  }
  .div_xoJ7Cy2 { min-height: 220px !important; }

  .gao500, .gao800, .up10em {
    height: auto !important;
    margin-top: 1.5em !important;
  }
  .liship {
    width: 92% !important;
    left: 4% !important;
    font-size: 14px !important;
    top: 0 !important;
  }
  .jiathis_style_32x32 { margin-left: 0 !important; }

  .prod-page { padding: 16px 12px 40px !important; }
  .prod-hero h1 { font-size: 22px !important; }
  .prod-filters {
    display: flex !important;
    flex-wrap: wrap !important;
  }
  .prod-filter {
    flex: 1 1 calc(50% - 8px) !important;
    min-width: 0 !important;
    text-align: center !important;
  }
  .prod-grid {
    grid-template-columns: 1fr !important;
    gap: 14px !important;
  }

  .news-body, .content, [class*="paragraph_"], .c-paragraph {
    word-wrap: break-word;
    overflow-wrap: anywhere;
  }
  .news-body img, .content img, article img {
    width: 100% !important;
    height: auto !important;
  }

  .image_ZNiyiY,
  .image_PgBdRf {
    width: auto !important;
    max-width: 140px !important;
    margin: 8px auto !important;
    display: block !important;
  }

  .modal .dialogwrap_UKmOfe,
  .modal-dialog {
    width: 94% !important;
    margin: 8% auto !important;
  }
}

/* ========== Small phone ========== */
@media (max-width: 450px) {
  .prod-filter { flex: 1 1 100% !important; }
  .section_Rm4Tkp01,
  .section_Gozo0m {
    min-height: 130px !important;
    height: 24vh !important;
  }
  .slide_7SKZI8,
  .slide_7SKZI81,
  .slide_7SKZI82,
  .slide_7SKZI83 {
    height: 150px !important;
  }
}

/* iPad landscape often 1024-1180 — treat like tablet-lg for nav overflow */
@media (min-width: 992px) and (max-width: 1100px) {
  .section_lErUPq .navbar-nav > li > a,
  .section_lErUPq .c-navlink {
    font-size: 13px !important;
    padding-left: 6px !important;
    padding-right: 6px !important;
  }
}