/* ============================================================
   至上科技 移动端自适应覆盖样式
   方案：不改动原有 CSS，仅在窄屏下追加/覆盖
   断点：<=1024px（平板）  <=768px（手机）
   ============================================================ */

/* ---------- 基础：禁止横向溢出 ---------- */
html, body { max-width: 100%; }
img { border: 0; }

/* ============ 平板 / 窄屏 (<=1024px) ============ */
@media screen and (max-width: 1024px) {

  html, body { width: 100%; overflow-x: hidden; }

  /* --- 容器改流式 --- */
  .w1002, #cp, #ad1-in, #banner2 {
    width: 100% !important;
    max-width: 1002px;
    margin: 0 auto;
    padding-left: 12px;
    padding-right: 12px;
    box-sizing: border-box;
  }

  /* --- 解除所有固定最小宽度（关键！否则手机显示为缩小版桌面） --- */
  #nav, #banner, .fav, .fowf, #keyword-bg, .t_bg, .h_con, .s_bg {
    min-width: 0 !important; width: 100% !important;
  }

  /* --- 图片自适应 --- */
  .w1002 img, .main12 img, .news0 img, .particon img, .zj img {
    max-width: 100%; height: auto;
  }

  /* --- 顶部信息条 --- */
  .h_top { height: auto !important; line-height: 22px; padding: 6px 0; text-align: center; }
  .h_top i, .h_top h1, .h_top p { float: none !important; display: block; text-align: center; }
  .h_top p a { padding: 0 4px; }

  /* --- 头部 logo / 电话 --- */
  .h_con h1 { float: none !important; text-align: center; padding: 12px 0 8px; }
  .h_con h1 img { max-width: 72%; height: auto; }
  .h_pho { float: none !important; text-align: center; margin: 4px 0 10px; }
  .h_pho img { max-width: 60%; height: auto; }

  /* --- 导航：自动换行 --- */
  #nav { height: auto !important; line-height: normal !important; margin-bottom: 0; }
  #nav ul.f-cb { display: flex; flex-wrap: wrap; justify-content: center; }
  #nav li {
    width: auto !important; float: none !important;
    height: 40px; line-height: 40px; padding: 0 12px;
  }
  #nav li a { height: 40px; line-height: 40px; font-size: 14px; }
  #nav li.li-bg, #nav li.dotnav { display: none; }

  /* 二级菜单：小屏内联展开（hover / 聚焦均可） */
  #nav li .sub-nav {
    position: static !important; width: auto !important;
    display: none; background: #17539f; margin: 0 -12px;
  }
  #nav li:hover .sub-nav,
  #nav li:focus-within .sub-nav { display: block; }
  #nav li .sub-nav p { border: 0; border-top: 1px solid rgba(255,255,255,.15); }

  /* --- 轮播 Banner：按比例缩放，覆盖内联 height:500px --- */
  #banner { background: none !important; }
  #banner .item div {
    height: 46vw !important;
    min-height: 150px;
    background-size: contain !important;
    background-position: center center !important;
  }

  /* --- 搜索条 --- */
  .s_inp { float: none !important; display: block; margin: 8px auto; text-align: center; }
  .s_inp input { max-width: 100%; }

  /* --- 通用浮动改堆叠 --- */
  .main12 .fl, .main12 .fr,
  .news0 .fl, .news0 .fr,
  .particon .fl, .particon .fr,
  .zj .fl, .zj .fr { float: none !important; }

  .main12 > div, .news0 > div { width: auto !important; max-width: 100%; }

  /* --- 页脚 --- */
  .fowf .w1002, .fav .w1002 { padding: 10px 12px; }
  .fowf img { max-width: 100%; height: auto; }
}

/* ============ 手机 (<=768px) ============ */
@media screen and (max-width: 768px) {

  /* 字号整体略缩 */
  body { font-size: 14px; }
  .w1002 { padding-left: 10px; padding-right: 10px; }

  /* 导航每项占 1/3 宽，三列排布更整齐 */
  #nav li { flex: 0 0 33.3333%; padding: 0 4px; text-align: center; }
  #nav li a { font-size: 13px; }

  /* Banner 再矮一点 */
  #banner .item div { height: 52vw !important; min-height: 130px; }

  /* 顶栏联系方式逐行显示 */
  .h_top p { font-size: 12px; }

  /* table 类内容可横向滚动，避免撑破 */
  table { display: block; width: 100% !important; overflow-x: auto; }

  /* 内容区左右留白统一 */
  .main12, .news0, .particon, .zj { width: auto !important; }
}
@media screen and (max-width: 1024px) {
  .about,
  .about dl,
  .al,
  .ayu-wrp,
  .bvg,
  .cabnt,
  .cof,
  .dt_bg,
  .dvf,
  .fav,
  .fazs,
  .fcai,
  .fowf,
  .g13,
  .grid,
  .gzs,
  .gzsv,
  .h_ser,
  .kj,
  .link,
  .main12,
  .map_main,
  .pro,
  .qk2,
  .ryBox,
  .vq1,
  .w1002,
  .w2,
  .wg,
  .wt1,
  .you,
  #about-hover,
  #ad1-in,
  #ad3,
  #banner,
  #bg,
  #case-c,
  #case-c-c,
  #case-t,
  #cp,
  #fa,
  #fa-c,
  #fa-t,
  #keyword-bg,
  #m01,
  #m07,
  #main,
  #nav,
  #panter,
  #panter-c,
  #wx,
  #xw,
  #ys1,
  #ys2,
  #ys3,
  #zj {
    width: auto !important;
    min-width: 0 !important;
    max-width: 100% !important;
  }
}
/* ===== 页头纵向堆叠修复 ===== */
@media screen and (max-width: 1024px) {
  .h_con h1 { float: none !important; padding: 10px 0 6px !important; width: auto !important; text-align: center; }
  .h_con h1 img, .h_con h1 a img { float: none !important; display: inline-block !important; max-width: 78% !important; height: auto !important; }
  .h_con h1 p { float: none !important; display: block !important; width: auto !important; max-width: 100% !important;
                font-size: 13px !important; line-height: 1.45 !important; text-align: center; white-space: normal !important;
                overflow-wrap: break-word; word-wrap: break-word; }
  .h_con h1 p span { font-size: 12px !important; }
  .h_pho { float: none !important; background: none !important; padding: 0 !important;
           margin: 6px auto 10px !important; text-align: center !important; width: auto !important; }
  .h_pho q { width: auto !important; background: none !important; }
  .h_pho p { font-size: 26px !important; }
  .h_pho span { font-size: 15px !important; }
  .h_top { overflow: visible !important; }
  .h_top i, .h_top h1, .h_top p { width: auto !important; }
}
/* ===== 移除页头背景图（灰条来源） ===== */
@media screen and (max-width: 1024px) {
  .t_bg { background: #fff !important; background-image: none !important; }
}
/* ===== 轮播横幅：完整显示不裁切 ===== */
@media screen and (max-width: 1024px) {
  #banner .item div {
    background-size: contain !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    background-color: #1a82c4 !important;
  }
}
/* ===== 内页/首页横幅：完整显示 ===== */
@media screen and (max-width: 1024px) {
  .babg, #banner { background-color: #1a82c4 !important; }
  .babg > div, .babg div, #banner .item div {
    background-size: contain !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
  }
}
/* ===== 横幅高度按比例收紧 ===== */
@media screen and (max-width: 1024px) {
  .babg > div, .babg div { height: 30vw !important; min-height: 90px; }
  #banner .item div { height: 34vw !important; min-height: 110px; }
}
/* ===== logo 由 h1 改为 .h_logo 后的移动端适配 ===== */
@media screen and (max-width: 1024px) {
  .h_con .h_logo { float: none !important; padding: 10px 0 6px !important; width: auto !important; text-align: center; }
  .h_con .h_logo img, .h_con .h_logo a img { float: none !important; display: inline-block !important; max-width: 78% !important; height: auto !important; }
  .h_con .h_logo p { float: none !important; display: block !important; width: auto !important; max-width: 100% !important;
                     font-size: 13px !important; line-height: 1.45 !important; text-align: center; white-space: normal !important;
                     overflow-wrap: break-word; word-wrap: break-word; }
  .h_con .h_logo p span { font-size: 12px !important; }
  #main-r-t h1 { float: none !important; padding: 0 8px !important; font-size: 16px !important; }
  #main-r-t { height: auto !important; line-height: 1.6 !important; }
}

/* ===== English footer contact / WeChat QR mobile layout ===== */
@media screen and (max-width: 768px) {
  .fowf .company_msg,
  .fowf .cut_l,
  .fowf p,
  .fowf .ser_tel {
    float: none !important;
    width: auto !important;
    max-width: 100% !important;
    margin: 10px auto !important;
    padding: 0 !important;
  }
  .fowf .company_msg h6 {
    height: auto !important;
    margin-bottom: 8px !important;
    font-size: 18px !important;
    text-align: center;
  }
  .fowf .company_msg ul li {
    float: none !important;
    min-width: 0 !important;
    width: 100% !important;
    height: auto !important;
    line-height: 1.8 !important;
    text-align: center !important;
  }
  .fowf .cut_l { display: none !important; }
  .fowf p { max-width: 300px !important; }
  .fowf .ser_tel { text-align: center !important; }
  .fowf .ser_tel h2 { font-size: 16px !important; line-height: 1.5 !important; }
  .fowf .footer-qr-codes { float: none !important; width: auto !important; max-width: 100% !important; margin: 10px auto !important; padding: 0 !important; }
  .fowf .footer-qr-item { display: block !important; width: auto !important; max-width: 100% !important; margin: 12px auto !important; }
  .fowf .footer-qr-item img { width: 110px !important; margin: 0 auto 6px !important; }
}

/* ===== English product cards ===== */
@media screen and (max-width: 768px) {
  dl.pd_index_dl { float: none !important; width: 100% !important; margin: 0 auto 18px !important; }
  dl.pd_index_dl dt { height: auto !important; padding: 0 !important; text-align: center !important; overflow: visible !important; }
  dl.pd_index_dl dt img { width: 100% !important; max-width: 222px !important; height: auto !important; margin: 0 auto !important; }
  dl.pd_index_dl dd { height: auto !important; min-height: 40px !important; padding-left: 0 !important; }
}

/* ===== English inner pages: mobile single-column layout ===== */
@media screen and (max-width: 768px) {
  #main-out { padding: 15px 0 !important; }
  #main { width: auto !important; min-width: 0 !important; max-width: 100% !important; padding: 0 10px 20px !important; box-sizing: border-box !important; }
  #main-l, #main-r { float: none !important; width: auto !important; min-width: 0 !important; max-width: 100% !important; margin: 0 !important; box-sizing: border-box !important; }
  #main-l { margin-bottom: 16px !important; }
  #main-r-t { width: auto !important; max-width: 100% !important; margin: 0 0 12px !important; }
  #main-r-c, #main-r-c > div, #main-r-c .pro_main, #main-r-c .pro, #main-r-c .casee, #main-r-c .panter { width: 100% !important; max-width: 100% !important; margin-left: 0 !important; margin-right: 0 !important; box-sizing: border-box !important; }
  #main-l > div, #main-l #cp-l, #main-l #cp-l-c, #main-l #pro1, #main-l .pro1, #main-l #news0, #main-l .news0, #main-l .news0-c, #main-l .casee, #main-l .panter { float: none !important; width: 100% !important; max-width: 100% !important; box-sizing: border-box !important; }
  dl.pd_index_dl { width: 100% !important; max-width: 100% !important; }
  dl.pd_index_dl dt { width: auto !important; padding: 0 !important; text-align: center !important; }
  dl.pd_index_dl dt img { width: 100% !important; max-width: 222px !important; height: auto !important; margin: 0 auto !important; }
  dl.pd_index_dl dd { width: auto !important; padding-left: 0 !important; }
}

/* ===== English mobile width overrides ===== */
@media screen and (max-width: 768px) {
  #main-r-c .pro_main { width: 100% !important; max-width: 100% !important; box-sizing: border-box !important; }
  #main-r-c .diysr { width: auto !important; max-width: 100% !important; box-sizing: border-box !important; }
  #main-r-c .pd_index_dl { width: 100% !important; max-width: 100% !important; }
  .h_ser { padding-left: 10px !important; padding-right: 10px !important; box-sizing: border-box !important; }
  .h_ser p { width: auto !important; height: auto !important; white-space: normal !important; line-height: 1.8 !important; }
  .h_ser .s_inp { float: none !important; width: 100% !important; margin: 10px 0 0 !important; }
  .h_ser .s_inp form, .h_ser .s_inp input { width: 100% !important; box-sizing: border-box !important; }
  .link { width: auto !important; padding-left: 10px !important; padding-right: 10px !important; box-sizing: border-box !important; }
  .link p a { padding: 6px 8px !important; }
}

/* ===== English product detail mobile layout ===== */
@media screen and (max-width: 768px) {
  .detail-wrapper { width: 100% !important; padding: 0 10px !important; box-sizing: border-box !important; }
  .detail { height: auto !important; padding: 15px 0 !important; }
  .detail-l, .detail-r { float: none !important; width: 100% !important; height: auto !important; padding: 0 !important; box-sizing: border-box !important; }
  .dfi { width: 100% !important; max-width: 400px !important; height: auto !important; margin: 0 auto 12px !important; box-sizing: border-box !important; }
  .dfi img { display: block !important; width: 100% !important; max-width: 400px !important; height: auto !important; margin: 0 auto !important; }
  #dt, .spec-scroll { width: 100% !important; max-width: 100% !important; box-sizing: border-box !important; }
  .spec-scroll .items { width: 100% !important; height: auto !important; padding-top: 8px !important; box-sizing: border-box !important; }
  .spec-scroll .items ul, #images { position: static !important; width: auto !important; height: auto !important; display: flex !important; flex-wrap: wrap !important; justify-content: center !important; }
  .spec-scroll .items ul li { float: none !important; }
  #dt-l, #dt-r, .detail-l em { display: none !important; }
  .detail-r { padding: 12px 0 0 !important; }
  .detail-r h1, .detail-r h3 { font-size: 20px !important; line-height: 1.35 !important; }
  .detail-r p { font-size: 14px !important; line-height: 1.8 !important; }
}

/* ===== English content wrapper mobile width ===== */
@media screen and (max-width: 768px) {
  #main .content { width: 100% !important; max-width: 100% !important; padding-left: 0 !important; padding-right: 0 !important; box-sizing: border-box !important; }
  #main .detail-wrapper { width: 100% !important; max-width: 100% !important; }
}

/* ===== English contact table mobile layout ===== */
@media screen and (max-width: 768px) {
  #main-r-c table.tab { display: table !important; width: 100% !important; table-layout: fixed !important; overflow: visible !important; }
  #main-r-c table.tab td { padding: 6px !important; white-space: normal !important; word-break: break-word !important; overflow-wrap: anywhere !important; }
  #main-r-c table.tab td:first-child { width: 38% !important; white-space: normal !important; }
}
@media screen and (max-width: 768px) {
  #main-r-c { margin: 0 !important; width: 100% !important; max-width: 100% !important; }
}

/* ===== English mobile form controls ===== */
@media screen and (max-width: 768px) {
  html, body { max-width: 100% !important; overflow-x: hidden !important; }
  #main-r-c form, #main-r-c input, #main-r-c textarea, #main-r-c select { max-width: 100% !important; box-sizing: border-box !important; }
  #main-r-c img, #main-r-c iframe, #main-r-c table { max-width: 100% !important; }
}

/* ===== English mobile top category/search layout ===== */
@media screen and (max-width: 768px) {
  .h_ser { padding: 10px !important; }
  .h_ser p { font-size: 12px !important; line-height: 1.6 !important; }
  .h_ser p span { display: inline-block !important; margin: 2px 6px 2px 0 !important; }
  .h_ser .s_inp { margin-top: 8px !important; }
  .h_ser .s_inp form { display: flex !important; align-items: stretch !important; width: 100% !important; }
  .h_ser .s_inp input.inp01 { flex: 1 1 auto !important; width: auto !important; min-width: 0 !important; }
  .h_ser .s_inp input.ser-btn { flex: 0 0 64px !important; width: 64px !important; height: auto !important; }
}

/* ===== English homepage mobile carousel ===== */
@media screen and (max-width: 768px) {
  #banner { display: block !important; width: 100% !important; height: auto !important; min-width: 0 !important; background: none !important; }
  #banner .owl-wrapper-outer, #banner .owl-wrapper, #banner .owl-item, #banner .item, #banner .item a { height: auto !important; }
  #banner .item div {
    height: 50vw !important;
    min-height: 160px !important;
    background-size: contain !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    background-color: #1a82c4 !important;
  }
  #banner .owl-controls { display: block !important; position: relative !important; z-index: 5 !important; margin-top: -18px !important; }
  #banner .owl-pagination { display: block !important; }
  #banner .owl-page span { width: 22px !important; height: 6px !important; margin: 0 4px 12px !important; }
}

/* ===== English mobile partners grid ===== */
@media screen and (max-width: 768px) {
  .cof { width: 100% !important; padding: 0 10px !important; box-sizing: border-box !important; }
  .cof h2 { height: auto !important; min-height: 0 !important; padding: 12px 0 !important; font-size: 20px !important; line-height: 1.35 !important; }
  .cof h2 img { max-width: 34px !important; height: auto !important; margin: 0 4px !important; }
  .cof h2 i { display: block !important; margin-top: 6px !important; font-size: 10px !important; line-height: 1.4 !important; }
  .pn_n { padding: 10px !important; }
  .pn_n .index_hzhb_l, .pn_n .index_hzhb_r { display: none !important; }
  #index_hzhb { width: 100% !important; max-width: 100% !important; height: auto !important; overflow: visible !important; position: static !important; margin: 0 !important; padding: 0 !important; }
  #index_hzhb .owl-wrapper-outer { width: 100% !important; height: auto !important; overflow: visible !important; }
  #index_hzhb .owl-wrapper { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 10px !important; width: 100% !important; height: auto !important; position: static !important; transform: none !important; }
  #index_hzhb .owl-item { float: none !important; display: block !important; width: auto !important; }
  #index_hzhb .owl-item > li { float: none !important; width: 100% !important; padding: 0 !important; margin: 0 !important; }
  #index_hzhb .owl-item > li > a { display: block !important; width: 100% !important; text-align: center !important; }
  #index_hzhb .owl-item img { display: block !important; width: 100% !important; max-width: 150px !important; height: 82px !important; object-fit: contain !important; margin: 0 auto !important; }
  #index_hzhb .owl-item p { margin: 4px 0 0 !important; font-size: 12px !important; line-height: 1.4 !important; }
  #index_hzhb .owl-controls { display: none !important; }
}

/* ===== English mobile footer QR centering ===== */
@media screen and (max-width: 768px) {
  .fowf .footer-qr-codes { float: none !important; display: block !important; width: 100% !important; max-width: 100% !important; margin: 10px auto !important; padding: 0 !important; text-align: center !important; }
  .fowf .footer-qr-item { float: none !important; display: block !important; width: 100% !important; max-width: 280px !important; margin: 12px auto !important; padding: 0 !important; text-align: center !important; }
  .fowf .footer-qr-item img { display: block !important; width: 110px !important; max-width: 100% !important; height: auto !important; margin: 0 auto 6px !important; }
  .fowf .footer-qr-item p { display: block !important; width: 100% !important; margin: 0 !important; padding: 0 !important; text-align: center !important; }
}

/* ===== English inner page banner fill ===== */
@media screen and (max-width: 1024px) {
  .babg { background: transparent !important; }
  .babg > .cl { display: none !important; height: 0 !important; }
  .babg > div:first-child {
    height: 12.71vw !important;
    min-height: 0 !important;
    background-size: contain !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    background-color: transparent !important;
  }
}

/* ===== English mobile nav accordion ===== */
@media screen and (max-width: 768px) {
  #nav li .sub-nav { display: none !important; position: static !important; width: 100% !important; margin: 0 !important; padding: 0 !important; }
  #nav li:hover .sub-nav, #nav li:focus-within .sub-nav { display: none !important; }
  #nav li.mobile-nav-open { flex: 0 0 100% !important; width: 100% !important; height: auto !important; padding: 0 !important; }
  #nav li.mobile-nav-open .sub-nav { display: block !important; }
  #nav li.mobile-nav-open > a { background: #333399 !important; }
  #nav li .sub-nav p { margin: 0 !important; }
}

@media screen and (max-width: 768px) {
  #nav li.mobile-nav-open .sub-nav,
  #nav li.mobile-nav-open .sub-nav p,
  #nav li.mobile-nav-open .sub-nav p a { display: block !important; visibility: visible !important; }
}

/* ===== English homepage carousel final ratio ===== */
@media screen and (max-width: 768px) {
  #banner .item div {
    height: 26vw !important;
    min-height: 0 !important;
    background-size: contain !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    background-color: transparent !important;
  }
  #banner .owl-controls { margin-top: 0 !important; }
}

/* ===== mobile inner page banner hidden (English + Chinese) ===== */
@media screen and (max-width: 768px) {
  .babg { display: none !important; height: 0 !important; overflow: hidden !important; }
}

/* ===== English mobile left category menu ===== */
@media screen and (max-width: 768px) {
  #cp-l { width: 100% !important; max-width: 100% !important; }
  #cp-l-c { width: 100% !important; max-width: 100% !important; box-sizing: border-box !important; }
  #cp-l-c h6 { width: 100% !important; height: auto !important; min-height: 44px !important; margin: 0 !important; padding: 0 !important; }
  #cp-l-c h6 a {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    min-height: 44px !important;
    padding: 10px 12px 10px 38px !important;
    line-height: 1.45 !important;
    white-space: normal !important;
    word-break: break-word !important;
    box-sizing: border-box !important;
    background-position: 10px center !important;
  }
  #cp-l-c p { width: 100% !important; box-sizing: border-box !important; }
}

/* ===== Chinese mobile homepage fixes ===== */
@media screen and (max-width: 768px) {
  .h_pho { float: none !important; width: 100% !important; max-width: 100% !important; margin: 8px auto !important; padding: 0 !important; background: none !important; text-align: center !important; box-sizing: border-box !important; }
  .h_pho q, .h_pho p { float: none !important; width: auto !important; max-width: 100% !important; margin-left: auto !important; margin-right: auto !important; text-align: center !important; }
  .you { height: auto !important; min-width: 0 !important; max-width: 100% !important; background-size: cover !important; overflow: hidden !important; }
  #ys-t { height: auto !important; line-height: 1.45 !important; padding: 18px 10px 8px !important; font-size: 20px !important; box-sizing: border-box !important; }
  #ys-t img { width: 42px !important; height: 42px !important; }
  #ys-tel { width: auto !important; max-width: 92% !important; height: auto !important; line-height: 1.5 !important; padding: 6px 10px !important; font-size: 16px !important; box-sizing: border-box !important; }
  #ys-tel b { font-size: 18px !important; }
  .al, .al_c { width: 100% !important; height: auto !important; overflow: visible !important; box-sizing: border-box !important; }
  .al_c ul, #index_liyou { width: 100% !important; float: none !important; position: static !important; overflow: visible !important; }
  #index_liyou .owl-wrapper-outer { overflow: visible !important; width: 100% !important; }
  #index_liyou .owl-wrapper { display: grid !important; grid-template-columns: 1fr !important; gap: 12px !important; width: 100% !important; transform: none !important; position: static !important; }
  #index_liyou .owl-item { float: none !important; display: block !important; width: 100% !important; }
  #index_liyou .owl-item > li, .fv_list li { float: none !important; display: block !important; width: 100% !important; max-width: 100% !important; height: auto !important; margin: 0 auto 12px !important; padding-bottom: 10px !important; box-sizing: border-box !important; }
  #index_liyou .owl-item li img, .fv_list li img, .fv_list em img { max-width: 100% !important; height: auto !important; }
  #index_liyou .owl-item li > img { width: 100% !important; height: auto !important; }
  .index_liyou_l, .index_liyou_r, #case_prev, #case_next { display: none !important; }
}

/* ===== Chinese PC home search strip ===== */
@media screen and (min-width: 769px) {
  .cn-home-search .h_ser { display: flex !important; align-items: center !important; justify-content: center !important; min-height: 60px !important; }
  .cn-home-search .h_ser .s_inp { float: none !important; margin: 0 auto !important; }
  .cn-home-search .h_ser form { width: 420px !important; }
}

/* ===== Chinese footer QR mobile size ===== */
@media screen and (max-width: 768px) {
  .fowf p { background-size: 110px auto !important; background-position: center top !important; padding: 120px 0 10px !important; min-height: 0 !important; width: auto !important; }
}

/* ===== Chinese mobile reasons cards final ===== */
@media screen and (max-width: 768px) {
  .you { background: #fff !important; height: auto !important; padding-bottom: 16px !important; }
  #ys-t { background: #1d8ed4 !important; color: #fff !important; height: auto !important; padding: 16px 10px 8px !important; margin: 0 !important; font-size: 20px !important; line-height: 1.5 !important; }
  #ys-tel { background: #1d8ed4 !important; color: #fff !important; height: auto !important; padding: 7px 10px !important; margin: 8px auto 16px !important; }
  .al { background: #fff !important; padding: 0 10px !important; }
  .al_c { background: #fff !important; padding: 0 !important; }
  #index_liyou .owl-wrapper { display: grid !important; grid-template-columns: 1fr !important; gap: 14px !important; }
  #index_liyou .owl-item > li, .fv_list li { float: none !important; display: block !important; width: 100% !important; max-width: 100% !important; height: auto !important; margin: 0 auto 14px !important; padding: 0 0 12px !important; background: #fff !important; border: 1px solid #e4e4e4 !important; border-radius: 8px !important; overflow: hidden !important; box-sizing: border-box !important; }
  .fv_list li em { display: block !important; margin: 0 !important; padding: 10px 0 0 !important; }
  .fv_list li em img { display: block !important; width: auto !important; max-width: 120px !important; height: auto !important; margin: 0 auto !important; }
  .fv_list b { height: auto !important; line-height: 1.5 !important; padding: 8px 12px 4px !important; background: transparent !important; color: #333 !important; font-size: 16px !important; }
  .fv_list span { display: block !important; line-height: 1.65 !important; padding: 0 14px 10px !important; background: transparent !important; color: #666 !important; font-size: 13px !important; }
  #index_liyou .owl-item li > img { display: block !important; width: 100% !important; height: auto !important; max-height: 220px !important; object-fit: contain !important; margin: 0 auto 4px !important; }
}

/* ===== Chinese mobile homepage news section ===== */
@media screen and (max-width: 768px) {
  .dt_bg, .main12 { width: 100% !important; min-width: 0 !important; max-width: 100% !important; padding: 18px 10px !important; box-sizing: border-box !important; }
  #news0 { width: 100% !important; float: none !important; max-width: 100% !important; }
  #nn-t, #news0-t { height: auto !important; overflow: visible !important; background: none !important; border-bottom: 1px solid #ddd !important; }
  #nn-t ul, .tab-ul { display: flex !important; width: 100% !important; }
  #nn-t ul li, #news0-t ul li { float: none !important; flex: 1 1 0 !important; width: auto !important; height: auto !important; line-height: 1.4 !important; font-size: 14px !important; padding: 10px 4px !important; margin: 0 !important; }
  #nn-t ul li a { display: block !important; font-size: 14px !important; }
  .nn { display: flex !important; flex-direction: column !important; margin-top: 15px !important; margin-bottom: 12px !important; }
  .nn-l { width: 100% !important; float: none !important; text-align: center !important; margin: 0 0 10px !important; }
  .nn-l img { display: block !important; width: 100% !important; max-width: 360px !important; height: auto !important; margin: 0 auto !important; }
  .nn-r { width: 100% !important; float: none !important; }
  .nn-r h6 { font-size: 16px !important; line-height: 1.55 !important; margin: 0 0 8px !important; text-align: left !important; }
  .nn-r p { font-size: 13px !important; line-height: 1.7 !important; padding-top: 0 !important; }
  .news-c0 ul { display: grid !important; grid-template-columns: 1fr !important; gap: 0 !important; }
  .news-c0 ul li { float: none !important; display: block !important; width: 100% !important; line-height: 1.55 !important; padding: 8px 0 !important; background: none !important; border-bottom: 1px dotted #ccc !important; box-sizing: border-box !important; }
  .news-c0 ul li a { display: block !important; padding-left: 0 !important; font-size: 13px !important; line-height: 1.5 !important; }
  .news-c0 ul li span { float: none !important; display: block !important; padding: 0 !important; margin-top: 2px !important; font-size: 12px !important; color: #999 !important; }
}

/* ===== Chinese mobile news cards final ===== */
@media screen and (max-width: 768px) {
  .dt_bg { background: #f5f8fb !important; padding: 12px 0 !important; }
  .main12 { padding: 10px !important; }
  #news0 { background: #fff !important; border-radius: 10px !important; box-shadow: 0 4px 14px rgba(0,0,0,.06) !important; padding: 12px !important; box-sizing: border-box !important; }
  #nn-t { margin-bottom: 14px !important; border-bottom: 2px solid #e8e8e8 !important; }
  #nn-t ul li { position: relative !important; padding: 12px 4px 9px !important; border-radius: 6px 6px 0 0 !important; }
  #nn-t ul li.hover { background: #1d8ed4 !important; }
  #nn-t ul li.hover a { color: #fff !important; }
  .nn { background: #f8fbfd !important; border: 1px solid #e8eef3 !important; border-radius: 8px !important; padding: 12px !important; box-sizing: border-box !important; }
  .nn-l img { border-radius: 8px !important; box-shadow: 0 3px 10px rgba(0,0,0,.08) !important; }
  .nn-r h6 { font-size: 17px !important; margin-bottom: 8px !important; }
  .nn-r h6 a { color: #1f5f96 !important; font-weight: 600 !important; }
  .nn-r p { color: #555 !important; margin: 0 !important; }
  .nn-r p a { display: inline-block !important; margin-top: 6px !important; color: #e2571b !important; font-weight: 600 !important; }
  .news-c0 > ul { margin-top: 8px !important; }
  .news-c0 ul li { background: #fff !important; border: 1px solid #e8e8e8 !important; border-radius: 7px !important; box-shadow: 0 2px 7px rgba(0,0,0,.04) !important; padding: 11px 12px !important; margin-bottom: 9px !important; }
  .news-c0 ul li span { color: #999 !important; margin-bottom: 4px !important; }
  .news-c0 ul li a { color: #333 !important; font-weight: 600 !important; font-size: 14px !important; }
  .news-c0 ul li a:hover { color: #1d8ed4 !important; }
}

/* ===== Solution process mobile ===== */
@media screen and (max-width: 768px) {
  .solution-process { width:100% !important; max-width:100% !important; padding:20px 10px !important; box-sizing:border-box !important; }
  .solution-process h2 { font-size:20px !important; }
  .solution-steps { width:100% !important; grid-template-columns:repeat(2,minmax(0,1fr)) !important; gap:10px !important; margin-top:16px !important; }
  .solution-step { padding:12px 5px !important; border-radius:7px !important; }
  .solution-step span { width:30px !important; height:30px !important; line-height:30px !important; margin-bottom:7px !important; }
  .solution-step b { font-size:13px !important; line-height:1.45 !important; }
}

/* ===== Chinese mobile FAQ cards ===== */
@media screen and (max-width: 768px) {
  #faq { width: 100% !important; float: none !important; margin-top: 18px !important; }
  #faq-t { width: 100% !important; float: none !important; height: auto !important; line-height: 1.4 !important; background: none !important; border-bottom: 2px solid #1d8ed4 !important; padding: 0 0 8px !important; }
  #faq-t p { font-size: 18px !important; }
  #faq-c { width: 100% !important; }
  #faq-c .infoList { display: grid !important; grid-template-columns: 1fr !important; gap: 10px !important; height: auto !important; }
  #faq-c .wt { height: auto !important; padding: 12px !important; background: #fff !important; border: 1px solid #e8e8e8 !important; border-radius: 7px !important; box-shadow: 0 2px 7px rgba(0,0,0,.04) !important; box-sizing: border-box !important; }
  #faq-c .wt .w { font-size: 15px !important; font-weight: 600 !important; line-height: 1.55 !important; }
  #faq-c .wt .w a { color: #333 !important; }
  #faq-c .wt .t { margin-top: 6px !important; font-size: 13px !important; line-height: 1.7 !important; color: #666 !important; }
}

/* ===== Chinese homepage solution process final ===== */
.solution-process {
  width: 100% !important;
  max-width: 1002px !important;
  margin: 0 auto !important;
  padding: 28px 16px 34px !important;
  background: #f7f7f7 !important;
  text-align: center !important;
  box-sizing: border-box !important;
}
.solution-process h2 {
  margin: 0 !important;
  color: #333 !important;
  font-size: 24px !important;
  line-height: 1.4 !important;
  font-weight: bold !important;
}
.solution-process .solution-sub {
  margin: 5px 0 0 !important;
  color: #888 !important;
  font-size: 12px !important;
  letter-spacing: 1px !important;
}
.solution-steps {
  display: grid !important;
  grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
  gap: 16px !important;
  width: 100% !important;
  max-width: 920px !important;
  margin: 24px auto 0 !important;
  box-sizing: border-box !important;
}
.solution-step {
  background: #fff !important;
  border: 1px solid #e8e8e8 !important;
  border-radius: 8px !important;
  padding: 16px 8px !important;
  box-sizing: border-box !important;
}
.solution-step span {
  display: block !important;
  width: 34px !important;
  height: 34px !important;
  line-height: 34px !important;
  margin: 0 auto 9px !important;
  border-radius: 50% !important;
  background: #ff5a00 !important;
  color: #fff !important;
  font-weight: bold !important;
}
.solution-step b {
  display: block !important;
  color: #333 !important;
  font-size: 14px !important;
  line-height: 1.55 !important;
  font-weight: normal !important;
}
@media screen and (max-width: 768px) {
  .solution-process {
    padding: 20px 10px !important;
  }
  .solution-process h2 {
    font-size: 20px !important;
  }
  .solution-steps {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px !important;
    margin-top: 16px !important;
  }
  .solution-step {
    padding: 13px 7px !important;
    border-radius: 8px !important;
    box-shadow: 0 2px 8px rgba(0,0,0,.04) !important;
  }
  .solution-step span {
    width: 30px !important;
    height: 30px !important;
    line-height: 30px !important;
    margin-bottom: 7px !important;
  }
  .solution-step b {
    font-size: 13px !important;
    line-height: 1.45 !important;
  }
  #faq-c {
    height: auto !important;
    overflow: visible !important;
  }
  #faq-c .infoList {
    position: static !important;
    height: auto !important;
    overflow: visible !important;
  }
  #faq-c .infoList .wt {
    display: block !important;
    float: none !important;
    width: 100% !important;
  }
}

/* ===== Chinese footer copyright centering ===== */
html[lang^="zh"] .fowf .copyright {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  float: none !important;
  width: 100% !important;
  text-align: center !important;
  box-sizing: border-box !important;
}
html[lang^="zh"] .fowf .copyright .fl {
  float: none !important;
  display: inline-block !important;
  text-align: center !important;
}
@media screen and (max-width: 768px) {
  html[lang^="zh"] .fowf .copyright {
    height: auto !important;
    min-height: 44px !important;
    padding: 12px 10px !important;
    line-height: 1.6 !important;
  }
  html[lang^="zh"] .fowf .copyright .fl {
    width: 100% !important;
  }
}

/* ===== English click accordion on desktop ===== */
html[lang^="en"] #nav li .sub-nav { display: none !important; }
html[lang^="en"] #nav li:hover .sub-nav,
html[lang^="en"] #nav li:focus-within .sub-nav { display: none !important; }
html[lang^="en"] #nav li.mobile-nav-open .sub-nav { display: block !important; }
html[lang^="en"] #nav li.mobile-nav-open > a { background: #333399 !important; }

/* ===== Unified click accordion (mobile + English) ===== */
html.zsyhj-click-nav #nav li:hover .sub-nav,
html.zsyhj-click-nav #nav li:focus-within .sub-nav { display: none !important; }
html.zsyhj-click-nav #nav li.mobile-nav-open .sub-nav { display: block !important; visibility: visible !important; }
html.zsyhj-click-nav #nav li.mobile-nav-open > a { background: #333399 !important; }

/* ===== Chinese mobile header tagline centering ===== */
@media screen and (max-width: 1024px) {
  html[lang^="zh"] .h_con .h_logo span {
    float: none !important;
    display: block !important;
    width: 100% !important;
    margin: 8px auto 0 !important;
    text-align: center !important;
  }
  html[lang^="zh"] .h_con .h_logo span img {
    float: none !important;
    display: block !important;
    width: auto !important;
    max-width: 78% !important;
    height: auto !important;
    margin: 0 auto !important;
  }
}

/* ===== Chinese mobile header tagline hard center ===== */
@media screen and (max-width: 1024px) {
  html[lang^="zh"] .h_con .h_logo span {
    float: none !important;
    display: block !important;
    width: 100% !important;
    margin: 8px 0 0 !important;
    text-align: center !important;
  }
  html[lang^="zh"] .h_con .h_logo span img,
  html[lang^="zh"] .h_con img[src*="h_bt"] {
    float: none !important;
    display: block !important;
    position: relative !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    width: auto !important;
    max-width: 78% !important;
    height: auto !important;
    margin: 0 !important;
  }
}

/* ===== Chinese dynamic mobile header tagline center ===== */
@media screen and (max-width: 1024px) {
  html[lang^="zh"] .h_con h1 span {
    float: none !important;
    display: block !important;
    width: 100% !important;
    margin: 8px 0 0 !important;
    text-align: center !important;
  }
  html[lang^="zh"] .h_con h1 span img {
    float: none !important;
    display: block !important;
    position: relative !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    width: auto !important;
    max-width: 78% !important;
    height: auto !important;
    margin: 0 !important;
  }
}

/* ===== Chinese mobile header tagline final center ===== */
@media screen and (max-width: 1024px) {
  html[lang^="zh"] .h_con h1 span img,
  html[lang^="zh"] .h_con .h_logo span img,
  html[lang^="zh"] .h_con img[src*="h_bt"] {
    position: static !important;
    left: auto !important;
    transform: none !important;
    float: none !important;
    display: block !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
}

/* ===== Chinese mobile header tagline pixel center ===== */
@media screen and (max-width: 1024px) {
  html[lang^="zh"] .h_con h1 span img,
  html[lang^="zh"] .h_con .h_logo span img,
  html[lang^="zh"] .h_con img[src*="h_bt"] {
    margin-left: 50% !important;
    margin-right: 0 !important;
    transform: translateX(-50%) !important;
  }
}

/* ===== Chinese mobile header tagline final override ===== */
@media screen and (max-width: 1024px) {
  html[lang^="zh"] .h_con h1 span img,
  html[lang^="zh"] .h_con .h_logo span img,
  html[lang^="zh"] .h_con img[src*="h_bt"] {
    position: relative !important;
    left: 0 !important;
    margin-left: 50% !important;
    margin-right: 0 !important;
    transform: translateX(-50%) !important;
  }
}

/* ===== Chinese mobile header tagline remove side padding ===== */
@media screen and (max-width: 1024px) {
  html[lang^="zh"] .h_con h1 span,
  html[lang^="zh"] .h_con .h_logo span {
    padding-left: 0 !important;
    padding-right: 0 !important;
    text-indent: 0 !important;
    box-sizing: border-box !important;
  }
}