/* 御艾首页/全站移动端 v5 —— 只在手机生效 */
html { -webkit-text-size-adjust: 100%; text-size-adjust: 100%; }
#yuai-m-bar, #yuai-m-nav, #yuai-m-mask, #yuai-m-float { display: none; }

@media screen and (max-width: 992px) {
  html, body {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    overflow-x: hidden !important;
  }

  /* ========== 总框架 ========== */
  #mBody1, #mBody2, #mOuterBox, #mMain, #mTop, #mTopMiddle, #mMax, #mSlide,
  #mOuterBox .ct, #mMain .ct, #mOuterBox .mf, #mMain .mf,
  [id^="tmf"], [id^="mfid"], [id^="_ctl"],
  .wrap, .w_footer, .w_footer_center, .w_footer_left, .w_footer_right {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    left: auto !important;
    right: auto !important;
    box-sizing: border-box !important;
    float: none !important;
  }
  #mOuterBox, #mMain, #mTop { overflow: visible !important; }

  /* 背景区块去掉 PC 定高（不要动视频区 #tmf3/#tmf7） */
  .ct[style*="height"]:not(#tmf3):not(#tmf7),
  .mf[style*="height"]:not(#tmf7),
  [id^="mfid"][style*="height"],
  [id^="tmf"][style*="height"]:not(#tmf3):not(#tmf7) {
    height: auto !important;
    min-height: 0 !important;
    background-size: cover !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .ct[style*="width"],
  .mf[style*="width"],
  [id^="mfid"][style*="width"],
  [id^="tmf"][style*="width"] {
    width: 100% !important;
    max-width: 100% !important;
  }

  /* ========== 顶栏：只藏 PC 标语/语言/Logo/导航，保留视频区 ========== */
  #tmf0, #tmf1, #tmf2, #tmf4, #tmf11,
  .wzdb, .yyqh, .logo-dw, [class^="box185"] {
    display: none !important;
  }
  #mTop, #mTopMiddle {
    display: block !important;
    height: auto !important;
    min-height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    overflow: visible !important;
    background: transparent !important;
    width: 100% !important;
  }

  /* 视频下方四项数据：必须显示，取消 PC 的 -200px 上移 */
  #tmf5, #tmf8, #tmf5 .box7 {
    position: relative !important;
    display: block !important;
    visibility: visible !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    height: auto !important;
    float: none !important;
    overflow: visible !important;
  }
  .sjdw {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    position: relative !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin: 12px 0 16px 0 !important;
    margin-top: 12px !important;
    left: auto !important;
    right: auto !important;
    top: auto !important;
    height: auto !important;
    background: transparent !important;
    padding: 0 12px !important;
    box-sizing: border-box !important;
    float: none !important;
    z-index: 5 !important;
    overflow: visible !important;
  }
  .sjdw .about-company {
    width: 100% !important;
    max-width: 100% !important;
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: space-between !important;
    gap: 0 !important;
    overflow: visible !important;
  }
  .sjdw .our-data,
  .sjdw .about-company > .our-data {
    width: 48% !important;
    max-width: 48% !important;
    min-width: 0 !important;
    flex: 0 0 48% !important;
    float: none !important;
    display: block !important;
    margin: 0 0 10px 0 !important;
    padding: 12px 10px !important;
    box-sizing: border-box !important;
    background: #2a2f33 !important;
    border-radius: 8px !important;
    text-align: left !important;
    color: #fff !important;
  }
  .sjdw .our-data h3,
  .about-company .our-data h3 {
    font-size: 28px !important;
    line-height: 1.2 !important;
    color: #fff !important;
  }
  .sjdw .our-data span,
  .about-company .our-data span {
    display: block !important;
    width: 100% !important;
    font-size: 13px !important;
    line-height: 1.5 !important;
    padding-top: 6px !important;
    color: #fff !important;
  }
  .sjdw .our-data img,
  .about-company .our-data img {
    float: none !important;
    display: inline-block !important;
    width: 32px !important;
    max-width: 32px !important;
    height: 32px !important;
    object-fit: contain !important;
    margin: 0 0 0 6px !important;
    padding: 0 !important;
    vertical-align: middle !important;
  }
  .sjdw div[style*="width:1px"],
  .sjdw div[style*="width: 1px"] {
    display: none !important;
  }

  /* ========== 1. 首页视频：固定高度，避免被 height:auto 压扁 ========== */
  #tmf3, #tmf7 {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    min-height: 56.25vw !important;
    max-height: none !important;
    padding: 0 !important;
    margin: 0 !important;
    overflow: hidden !important;
    background: #111 !important;
  }
  #VideoBox {
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    height: 56.25vw !important;
    min-height: 200px !important;
    max-height: 420px !important;
    overflow: hidden !important;
    position: relative !important;
    background: #111 !important;
  }
  #VideoBox .video_bk {
    display: none !important; /* 底图路径无效，不占位 */
  }
  #VideoBox .Video {
    position: absolute !important;
    left: 0 !important;
    top: 0 !important;
    width: 100% !important;
    height: 100% !important;
    z-index: 1 !important;
  }
  #VideoBox .Video video,
  #VideoBox video,
  #banner-video {
    position: absolute !important;
    left: 0 !important;
    top: 0 !important;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    max-height: none !important;
    object-fit: cover !important;
    display: block !important;
  }

  /* ========== 2. 关于我们：只留文字；图一两个装饰模块隐藏 ========== */
  #mfid0 {
    height: auto !important;
    min-height: 0 !important;
    background-image: none !important;
    padding: 16px 12px !important;
    margin: 12px 0 0 !important;
    box-sizing: border-box !important;
  }
  #mfid1, #mfid2, #mfid0 .box7 {
    width: 100% !important;
    height: auto !important;
    max-width: 100% !important;
    background: transparent !important;
    position: relative !important;
    z-index: 1 !important;
  }
  #mfid2 [style*="590"],
  #mfid2 [style*="width"] {
    width: 100% !important;
    max-width: 100% !important;
    background: transparent !important;
    padding: 0 4px 8px !important;
    box-sizing: border-box !important;
  }
  /* 认证条 + 创始人寄语（图一） */
  #mfid4 {
    display: none !important;
  }

  /* ========== 3. 产品分类爆品 .cpfl ========== */
  .cpfl, .cpfl_1, .comFrame {
    width: 100% !important;
    margin: 0 auto !important;
    padding: 0 12px !important;
    box-sizing: border-box !important;
  }
  .comFrame ul {
    width: 100% !important;
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: space-between !important;
    overflow: visible !important;
  }
  .comFrame ul > a {
    display: block !important;
    width: 48% !important;
    max-width: 48% !important;
    margin: 0 0 10px 0 !important;
    box-sizing: border-box !important;
  }
  .comFrame ul li {
    width: 100% !important;
    height: auto !important;
    min-height: 72px !important;
    float: none !important;
    margin: 0 !important;
    display: flex !important;
    align-items: center !important;
    position: relative !important;
    padding: 8px !important;
    box-sizing: border-box !important;
  }
  .comFrame ul li .img,
  .comFrame ul li [class^="li_"] {
    position: static !important;
    left: auto !important;
    top: auto !important;
    margin: 0 !important;
    transform: none !important;
    flex: 0 0 44px !important;
    width: 44px !important;
    height: 44px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
  }
  .comFrame ul li img {
    width: 44px !important;
    height: 44px !important;
    max-width: 44px !important;
    max-height: 44px !important;
    object-fit: contain !important;
    display: block !important;
  }
  .comFrame ul li p,
  .comFrame ul li [class^="p"],
  .comFrame ul li .p1,
  .comFrame ul li .p2,
  .comFrame ul li .p3,
  .comFrame ul li .p4,
  .comFrame ul li .p5,
  .comFrame ul li .p6,
  .comFrame ul li .p7,
  .comFrame ul li .p8,
  .comFrame ul li .p9,
  .comFrame ul li .p10,
  .comFrame ul li .p11,
  .comFrame ul li .p12 {
    margin: 0 0 0 6px !important;
    padding: 0 !important;
    line-height: 1.35 !important;
    font-size: 13px !important;
    flex: 1 !important;
    width: auto !important;
    white-space: normal !important;
    word-break: break-all !important;
  }

  /* ========== 4. 产品系列：两个一行 ========== */
  .index-ywfw,
  .index-ywfw .ywfw-content {
    width: 100% !important;
    height: auto !important;
    margin: 0 auto !important;
    padding: 0 12px !important;
    box-sizing: border-box !important;
    overflow: visible !important;
  }
  .index-ywfw .ywfw-content > ul {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: space-between !important;
    width: 100% !important;
  }
  .index-ywfw .ywfw-content .list-yw {
    width: 48% !important;
    max-width: 48% !important;
    height: auto !important;
    float: none !important;
    margin: 0 0 14px 0 !important;
    display: block !important;
    box-sizing: border-box !important;
  }
  .ywfw-content .list-yw .list-title h2 { font-size: 15px !important; }
  .ywfw-content .list-yw .list-title p {
    width: 100% !important;
    height: auto !important;
    font-size: 12px !important;
    line-height: 1.4 !important;
  }
  .ywfw-content .list-yw .list-title ul li {
    float: none !important;
    width: auto !important;
    display: inline-block !important;
    margin: 4px 4px !important;
  }
  .ywfw-content .list-yw .list-title .bon {
    width: 90% !important;
    margin: 12px auto 14px !important;
    font-size: 12px !important;
  }
  .img-yw img { width: 100% !important; height: auto !important; }

  /* ========== 5. 品质中心：手机 2 个一行 ========== */
  .ys, .ys-fr, .ys-fr2 {
    width: 100% !important;
    display: block !important;
    padding: 0 12px !important;
    box-sizing: border-box !important;
  }
  .ys-fl { width: 100% !important; margin-bottom: 12px !important; }
  .ys-fr, .ys-fr2 {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: space-between !important;
    gap: 10px !important;
  }
  .ys-fr li, .ys-fr2 li {
    width: calc(50% - 5px) !important;
    height: auto !important;
    min-height: 150px !important;
    float: none !important;
    position: relative !important;
    overflow: hidden !important;
    background-size: cover !important;
    background-position: center !important;
    margin: 0 !important;
    box-sizing: border-box !important;
  }
  .ys-fr li img, .ys-fr2 li img { width: 100% !important; height: auto !important; display: block !important; }
  .ys-fr li .txt, .ys-fr2 li .txt {
    position: static !important;
    transform: none !important;
    translate: none !important;
    bottom: auto !important;
    padding: 10px 8px !important;
    background: rgba(0,156,235,.9) !important;
    color: #fff !important;
  }
  .ys-fr li .txt h3, .ys-fr2 li .txt h3 { font-size: 14px !important; text-align: center !important; }
  .ys-fr li .txt p, .ys-fr2 li .txt p { font-size: 12px !important; line-height: 1.4 !important; }
  .ys-fr li:before, .ys-fr2 li:before { display: none !important; }

  /* ========== 6. 智造中心 .zzzx ========== */
  .zzzx {
    width: 100% !important;
    height: auto !important;
    padding: 0 12px !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
  }
  .zzzx ul { width: 100% !important; }
  .zzzx li,
  .zzzx ul li,
  .zzzx li[style] {
    width: 100% !important;
    height: auto !important;
    float: none !important;
    margin: 0 0 14px 0 !important;
    display: block !important;
    position: relative !important;
  }
  .zzzx li img,
  .zzzx li .pic1 img {
    width: 100% !important;
    height: auto !important;
    display: block !important;
  }
  .zzzx li .con {
    position: absolute !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    width: 100% !important;
  }

  /* ========== 7. 国际原料地图 ========== */
  .ws_box, #index_HZ, #index_HZ .Box {
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    background-size: contain !important;
    background-position: center top !important;
    position: relative !important;
    padding: 12px !important;
    box-sizing: border-box !important;
  }
  #index_HZ .Box .text,
  #index_HZ .Box [class*="point"],
  .wb-zc-lxmod-internal-globalize-map,
  .wb-zc-lxmod-internal-globalize-map .module-wrap,
  .wb-zc-lxmod-internal-globalize-map .inner-wrap,
  .wb-zc-lxmod-internal-globalize-map .point-area,
  .wb-zc-lxmod-internal-globalize-map .point-dot {
    position: static !important;
    left: auto !important;
    top: auto !important;
    right: auto !important;
    bottom: auto !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 0 12px 0 !important;
    height: auto !important;
    transform: none !important;
  }
  .wb-zc-lxmod-internal-globalize-map .map-wrap {
    height: auto !important;
    min-height: 0 !important;
    background: none !important;
    position: relative !important;
  }
  .wb-zc-lxmod-internal-globalize-map .point,
  .wb-zc-lxmod-internal-globalize-map .point-1,
  .wb-zc-lxmod-internal-globalize-map .point-2 {
    display: none !important;
  }
  .wb-zc-lxmod-internal-globalize-map .point-dot .area {
    position: static !important;
    display: block !important;
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    left: auto !important;
    right: auto !important;
    top: auto !important;
    margin: 0 0 8px 0 !important;
    text-align: left !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    color: #009ceb !important;
  }
  .wb-zc-lxmod-internal-globalize-map .point-dot .window {
    display: block !important;
    position: static !important;
    width: 100% !important;
    padding: 0 !important;
    background: #fff !important;
    box-shadow: none !important;
  }
  .wb-zc-lxmod-internal-globalize-map .point-dot .window .con,
  .wb-zc-lxmod-internal-globalize-map .point-dot .window .item,
  .wb-zc-lxmod-internal-globalize-map .point-dot .window .item dl {
    width: 100% !important;
    position: static !important;
    background: #f7f7f7 !important;
    padding: 10px 12px !important;
    margin: 0 0 8px 0 !important;
  }
  .wb-zc-lxmod-internal-globalize-map .point-dot .window .con .lb,
  .wb-zc-lxmod-internal-globalize-map .point-dot .window .con .lt,
  .wb-zc-lxmod-internal-globalize-map .point-dot .window .con .rb,
  .wb-zc-lxmod-internal-globalize-map .point-dot .window .con .rt,
  .wb-zc-lxmod-internal-globalize-map .point-dot .window .bg {
    display: none !important;
  }
  .wb-zc-lxmod-internal-globalize-map h1,
  .wb-zc-lxmod-internal-globalize-map .inner-wrap > p {
    position: static !important;
    width: 100% !important;
    margin: 0 0 10px 0 !important;
    left: auto !important;
    height: auto !important;
    font-size: 20px !important;
    line-height: 1.4 !important;
    color: #333 !important;
  }

  /* ========== 8. 合作模式：品字形（上一、下二） ========== */
  .m-product {
    width: 100% !important;
    padding: 0 12px !important;
    box-sizing: border-box !important;
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: space-between !important;
    gap: 10px !important;
  }
  .m-product .pro-item {
    float: none !important;
    display: block !important;
    margin: 0 !important;
    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    border-radius: 8px !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
  }
  .m-product .pro-item:nth-child(1) {
    width: 100% !important;
    flex: 0 0 100% !important;
    height: 160px !important;
  }
  .m-product .pro-item:nth-child(2),
  .m-product .pro-item:nth-child(3) {
    width: calc(50% - 5px) !important;
    flex: 0 0 calc(50% - 5px) !important;
    height: 140px !important;
  }
  .m-product .pro-item .mask,
  .m-product .pro-item .mask-link {
    height: 100% !important;
  }
  .m-product .pro-item .mask-link p {
    left: 50% !important;
    top: 50% !important;
    transform: translate(-50%, -50%) !important;
    padding: 8px 16px !important;
    font-size: 14px !important;
    white-space: nowrap !important;
  }
  .m-product .pro-item .mask-icon { display: none !important; }

  /* ========== 9. 专业团队：表格单元格改成 2 列 ========== */
  [class^="box216"] { width: 100% !important; padding: 0 12px !important; box-sizing: border-box !important; }
  [class^="box216"] .nkRight,
  [class^="box216"] .wtl,
  [class^="box216"] .wtr,
  [class^="box216"] .nkLeft {
    width: 100% !important;
    background: none !important;
  }
  [class^="box216"] .nkRight > table,
  [class^="box216"] .nkRight > table > tbody,
  [class^="box216"] .nkRight > table > tbody > tr,
  [class^="box216"] .nkRight > table > tr {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: space-between !important;
    width: 100% !important;
    height: auto !important;
  }
  [class^="box216"] .nkRight > table > tbody > tr > td,
  [class^="box216"] .nkRight > table > tr > td {
    display: block !important;
    width: 48% !important;
    max-width: 48% !important;
    flex: 0 0 48% !important;
    float: none !important;
    margin: 0 0 16px 0 !important;
    box-sizing: border-box !important;
    vertical-align: top !important;
  }
  [class^="box216"] .pro_mia,
  [class^="box216"] .pro_mia tbody,
  [class^="box216"] .pro_mia tr,
  [class^="box216"] .pro_mia td,
  [class^="box216"] .pro_info {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    white-space: normal !important;
    word-break: break-all !important;
    box-sizing: border-box !important;
  }
  [class^="box216"] .pro_info {
    padding: 6px 2px 0 !important;
    font-size: 12px !important;
    line-height: 1.45 !important;
    text-align: left !important;
  }
  [class^="box216"] img { width: 100% !important; max-width: 100% !important; height: auto !important; }
  /* 专业团队空操作列隐藏 */
  [class^="box216"] td.pro_miaAn,
  [class^="box216"] .pro_miaAn {
    display: none !important;
    width: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
  }

  /* ========== 10a. 各区块标题两侧橙线：统一左右留白，不贴边、不贴字 ========== */
  #mfid6, #mfid9, #mfid13, #mfid18, #mfid22, #mfid26, #mfid29, #mfid33, #mfid34 {
    background-image:
      linear-gradient(#ff8a34, #ff8a34),
      linear-gradient(#ff8a34, #ff8a34) !important;
    background-repeat: no-repeat !important;
    background-size: 48px 2px, 48px 2px !important;
    background-position: 18px 30px, calc(100% - 18px) 30px !important;
    background-origin: padding-box !important;
    box-sizing: border-box !important;
    overflow: visible !important;
    min-height: 0 !important;
    height: auto !important;
  }
  /* 带额外上内边距的标题，橙线跟着下移 */
  #mfid26 {
    background-position: 18px 52px, calc(100% - 18px) 52px !important;
  }
  #mfid6 span[style*="font-size"],
  #mfid9 span[style*="font-size"],
  #mfid13 span[style*="font-size"],
  #mfid18 span[style*="font-size"],
  #mfid22 span[style*="font-size"],
  #mfid26 span[style*="font-size"],
  #mfid29 span[style*="font-size"],
  #mfid33 span[style*="font-size"],
  #mfid34 span[style*="font-size"] {
    font-size: 20px !important;
    line-height: 1.45 !important;
  }

  /* ========== 10b. 合作客户：上边距 + 整图等比 ========== */
  #mfid27 {
    height: auto !important;
    min-height: 0 !important;
    overflow: visible !important;
    margin-top: 28px !important;
    padding-top: 12px !important;
    box-sizing: border-box !important;
  }
  #mfid34 {
    margin-top: 20px !important;
    margin-bottom: 8px !important;
    padding-top: 4px !important;
  }
  #mfid37 {
    height: auto !important;
    min-height: 0 !important;
    overflow: visible !important;
  }
  #mfid37, #mfid37 .box7, #mfid37 > div {
    width: 100% !important;
    max-width: 100% !important;
    overflow: visible !important;
    padding: 0 12px 20px !important;
    box-sizing: border-box !important;
    text-align: center !important;
  }
  #mfid37 img {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    margin: 0 auto !important;
    display: block !important;
    object-fit: contain !important;
  }

  /* ========== 11. 新闻双栏 ========== */
  [class^="box20030"],
  #mfid30, #mfid31, #mfid28 {
    width: 100% !important;
    float: none !important;
    display: block !important;
    margin: 0 0 20px 0 !important;
    padding: 0 12px !important;
    box-sizing: border-box !important;
    height: auto !important;
  }
  #mfid30, #mfid31 {
    width: 100% !important;
    float: none !important;
  }
  [class^="box20030"] .img-box {
    width: 100% !important;
    height: auto !important;
  }
  [class^="box20030"] .img-box img {
    width: 100% !important;
    height: auto !important;
  }
  [class^="box20030"] .news-item {
    height: auto !important;
    min-height: 44px !important;
    line-height: 1.5 !important;
    white-space: normal !important;
    padding: 10px 0 10px 16px !important;
  }
  [class^="box20030"] .news-item .date {
    float: none !important;
    display: block !important;
    font-size: 12px !important;
    color: #999 !important;
  }

  /* ========== 通用（视频单独排除，避免 height:auto 压扁） ========== */
  img:not(.video_bk), iframe { max-width: 100% !important; height: auto !important; }
  #VideoBox img.video_bk,
  #VideoBox video { max-width: none !important; }
  form, input, select, textarea, button { max-width: 100% !important; box-sizing: border-box !important; }
  input, select, textarea { font-size: 16px !important; }
  table { display: block !important; width: 100% !important; overflow-x: auto !important; }

  [style*="font-size:30px"], [style*="font-size: 30px"] { font-size: 22px !important; }
  [style*="font-size:18px"], [style*="font-size: 18px"] { font-size: 15px !important; }

  /* ========== 页脚：只留一层内边距，底部不再撑高 ========== */
  #mBottom, #mBottomMiddle {
    width: 100% !important;
    min-width: 0 !important;
    height: auto !important;
    min-height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    float: none !important;
    background: #373d41 !important;
  }
  .w_footer {
    width: 100% !important;
    min-width: 0 !important;
    float: none !important;
    height: auto !important;
    min-height: 0 !important;
    padding: 20px 16px 16px !important;
    margin: 0 !important;
    box-sizing: border-box !important;
    background: #373d41 !important;
    text-align: center !important;
  }
  .w_footer_left,
  .w_footer_center,
  .w_footer_right {
    width: 100% !important;
    float: none !important;
    padding: 0 0 20px 0 !important;
    margin: 0 !important;
    border: 0 !important;
    height: auto !important;
    text-align: center !important;
  }
  .w_footer_left p.lx_phone {
    font-size: 24px !important;
    line-height: 1.3 !important;
    margin: 0 0 6px 0 !important;
  }
  .w_footer_left p.lx_phone_dec {
    font-size: 13px !important;
    margin: 0 0 12px 0 !important;
  }
  .zxly {
    width: 160px !important;
    height: 36px !important;
    margin: 0 auto !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
  }
  .zxly img { margin: 0 6px 0 0 !important; }
  .bottom_nav {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    margin: 0 0 16px 0 !important;
  }
  .bottom_nav li {
    float: none !important;
    width: 33.33% !important;
    margin: 0 0 10px 0 !important;
  }
  .bottom_nav li a {
    padding: 6px 4px !important;
    font-size: 13px !important;
    color: #ccc !important;
  }
  .w_footer_center p {
    font-size: 12px !important;
    line-height: 1.7 !important;
    padding: 0 8px !important;
    margin: 0 0 4px 0 !important;
    color: rgba(153,153,153,.85) !important;
  }
  .w_footer_right {
    display: flex !important;
    justify-content: center !important;
    gap: 24px !important;
  }
  .footer_right_p {
    float: none !important;
    width: auto !important;
  }
  .footer_right_hidden { display: none !important; }

  /* ========== 子页通用：banner / 正文 / 产品网格 / 表单 ========== */
  #banner, .banner-box, .bands {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    overflow: hidden !important;
  }
  .banner-list, .banner-list li {
    width: 100% !important;
    max-width: 100% !important;
    height: 160px !important;
    background-size: cover !important;
    background-position: center !important;
  }
  .banner-btns { display: none !important; }

  .nrmk, .nrmk h1, .nrmk .box7,
  #mMain > .mf, #mMain .mf {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 12px !important;
    padding-right: 12px !important;
    box-sizing: border-box !important;
    float: none !important;
  }
  .nrmk h1 { font-size: 20px !important; padding: 12px 0 8px !important; }
  .nrmk img { max-width: 100% !important; height: auto !important; }

  .list_box,
  .list_box ul {
    width: 100% !important;
    float: none !important;
    margin: 0 !important;
    padding: 0 10px !important;
    box-sizing: border-box !important;
  }
  .list_box ul {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: space-between !important;
  }
  .list_box .pic_li,
  .pic_li {
    width: 48% !important;
    max-width: 48% !important;
    float: none !important;
    margin: 0 0 16px 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
    height: auto !important;
  }
  .pic_list, .pic_list a, .pic_list img {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    display: block !important;
  }
  .pic_list_tit {
    width: 100% !important;
    height: auto !important;
    font-size: 13px !important;
    line-height: 1.4 !important;
    white-space: normal !important;
    overflow: visible !important;
    padding: 6px 2px !important;
    box-sizing: border-box !important;
  }
  .pic_pay_gm, .list_page select { display: none !important; }
  .list_page {
    width: 100% !important;
    text-align: center !important;
    padding: 12px !important;
    float: none !important;
  }

  .form-wrap {
    width: 100% !important;
    max-width: 100% !important;
    float: none !important;
    padding: 12px !important;
    box-sizing: border-box !important;
  }
  .form-wrap .list {
    width: 100% !important;
    float: none !important;
    margin: 0 0 12px 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
  }
  .form-wrap .form-control,
  .form-wrap input,
  .form-wrap textarea {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }
  .form-wrap .u-btn {
    display: flex !important;
    gap: 10px !important;
    justify-content: center !important;
  }

  .nkLeft, .nkRight, .nk_bLeft, .nk_bRight {
    width: 100% !important;
    float: none !important;
    margin: 0 0 12px 0 !important;
  }

  #yuai-cms-products,
  #yuai-cms-news {
    width: 100% !important;
    max-width: 100% !important;
    margin: 12px auto !important;
    padding: 0 12px !important;
    box-sizing: border-box !important;
  }
  #yuai-cms-products li,
  #yuai-cms-news li {
    width: 48% !important;
    margin: 0 1% 14px !important;
    box-sizing: border-box !important;
  }

  /* CMS 正文注入位（后台有内容时显示） */
  .yuai-cms-body {
    width: 100% !important;
    max-width: 100% !important;
    padding: 12px !important;
    box-sizing: border-box !important;
    line-height: 1.7 !important;
  }
  .yuai-cms-body img { max-width: 100% !important; height: auto !important; }

  /* 联系我们：数字图标缩小，不压文字 */
  .contactus ul {
    width: 100% !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 12px !important;
    box-sizing: border-box !important;
  }
  .contactus ul li {
    float: none !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 44px !important;
    line-height: 1.5 !important;
    margin: 0 0 10px 0 !important;
    padding: 12px 8px 12px 56px !important;
    background-repeat: no-repeat !important;
    background-position: 10px center !important;
    background-size: 32px auto !important;
    box-sizing: border-box !important;
    word-break: break-all !important;
  }
  .yuai-rich .dt,
  .yuai-rich iframe,
  .contactus + .dt {
    width: 100% !important;
    max-width: 100% !important;
    height: 280px !important;
    box-sizing: border-box !important;
  }

  /* ========== 悬浮客服：联系 / 电话 ========== */
  #yuai-m-float {
    display: flex !important;
    flex-direction: column;
    gap: 10px;
    position: fixed;
    right: 12px;
    bottom: 88px;
    z-index: 10080;
  }
  #yuai-m-float a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    border-radius: 50%;
    color: #fff;
    text-decoration: none;
    font-size: 12px;
    font-weight: 700;
    box-shadow: 0 4px 12px rgba(0,0,0,.22);
  }
  #yuai-m-float a.yuai-f-contact {
    background: linear-gradient(135deg, #009ceb, #0077b8);
  }
  #yuai-m-float a.yuai-f-phone {
    background: linear-gradient(135deg, #ff8a34, #e36a12);
  }

  /* ========== 手机导航 ========== */
  #yuai-m-bar {
    display: flex !important;
    align-items: center; justify-content: space-between;
    position: sticky; top: 0; z-index: 10050;
    background: #fff; border-bottom: 1px solid #e8e8e8;
    padding: 10px 12px; box-shadow: 0 1px 4px rgba(0,0,0,.06);
    width: 100% !important; max-width: 100% !important; min-width: 0 !important;
    box-sizing: border-box !important;
    overflow: visible !important;
  }
  #yuai-m-bar .yuai-m-brand {
    font-size: 15px; font-weight: 700; color: #0093dd; text-decoration: none;
    max-width: 42%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;
    flex: 0 1 auto; min-width: 0;
  }
  #yuai-m-bar .yuai-m-brand-logo {
    display: flex; align-items: center; height: 40px;
  }
  #yuai-m-bar .yuai-m-brand-logo img {
    max-height: 36px; max-width: 140px; width: auto; height: auto;
    display: block; object-fit: contain;
  }
  #yuai-m-bar .yuai-m-lang {
    display: flex !important;
    align-items: center;
    gap: 4px;
    flex: 0 0 auto;
    margin-left: 8px;
    margin-right: 8px;
    white-space: nowrap;
  }
  #yuai-m-bar .yuai-m-lang a {
    color: #0093dd !important;
    font-size: 13px !important;
    font-weight: 600;
    text-decoration: none !important;
    padding: 4px 2px !important;
    line-height: 1.2 !important;
  }
  #yuai-m-bar .yuai-m-lang span { color: #ccc; font-size: 12px; }
  /* CMS 产品列表 / 详情 */
  .yuai-product-layout {
    display: block !important;
    padding: 0 12px !important;
    box-sizing: border-box !important;
  }
  /* 当前分类名（列表 / 详情） */
  .yuai-pcat-current {
    display: block !important;
    margin: 0 0 8px 0 !important;
    padding: 2px 2px 4px !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    line-height: 1.3 !important;
    color: #1a1a1a !important;
  }
  /* 产品列表 / 详情：手机折叠条，默认收起 */
  .yuai-product-layout > .yuai-pdetail-side,
  .yuai-pdetail > .yuai-pdetail-side {
    display: block !important;
    visibility: visible !important;
    height: auto !important;
    float: none !important;
    width: 100% !important;
    flex: none !important;
    margin: 0 0 10px 0 !important;
    padding: 0 !important;
    border: 1px solid #dce8f3 !important;
    border-radius: 6px !important;
    overflow: hidden !important;
    background: #fff !important;
  }
  .yuai-product-layout > .yuai-pdetail-side > .yuai-pdetail-side-title,
  .yuai-pdetail > .yuai-pdetail-side > .yuai-pdetail-side-title {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    padding: 9px 12px !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    line-height: 1.2 !important;
    text-align: left !important;
    color: #fff !important;
    background: #009ceb !important;
    border: 0 !important;
    cursor: pointer !important;
    box-sizing: border-box !important;
  }
  .yuai-product-layout > .yuai-pdetail-side > .yuai-pdetail-side-title > span,
  .yuai-pdetail > .yuai-pdetail-side > .yuai-pdetail-side-title > span {
    flex: 1 1 auto;
    text-align: left;
  }
  .yuai-product-layout > .yuai-pdetail-side .yuai-pdetail-side-caret,
  .yuai-pdetail > .yuai-pdetail-side .yuai-pdetail-side-caret {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    width: 18px;
    height: 18px;
    flex: 0 0 18px;
    margin-left: 8px;
  }
  .yuai-product-layout > .yuai-pdetail-side .yuai-pdetail-side-caret:after,
  .yuai-pdetail > .yuai-pdetail-side .yuai-pdetail-side-caret:after {
    content: "";
    display: block;
    width: 6px;
    height: 6px;
    border-right: 1.5px solid #fff;
    border-bottom: 1.5px solid #fff;
    transform: rotate(45deg);
    margin-top: -3px;
    transition: transform .2s ease;
  }
  .yuai-product-layout > .yuai-pdetail-side.is-open .yuai-pdetail-side-caret:after,
  .yuai-pdetail > .yuai-pdetail-side.is-open .yuai-pdetail-side-caret:after {
    transform: rotate(-135deg);
    margin-top: 2px;
  }
  .yuai-product-layout > .yuai-pdetail-side > ul,
  .yuai-product-layout > .yuai-pdetail-side > .yuai-pdetail-side-list,
  .yuai-pdetail > .yuai-pdetail-side > ul,
  .yuai-pdetail > .yuai-pdetail-side > .yuai-pdetail-side-list {
    display: none !important;
    margin: 0 !important;
    padding: 0 !important;
    background: #fff !important;
  }
  .yuai-product-layout > .yuai-pdetail-side.is-open > ul,
  .yuai-product-layout > .yuai-pdetail-side.is-open > .yuai-pdetail-side-list,
  .yuai-pdetail > .yuai-pdetail-side.is-open > ul,
  .yuai-pdetail > .yuai-pdetail-side.is-open > .yuai-pdetail-side-list {
    display: block !important;
  }
  .yuai-product-layout > .yuai-pdetail-side > ul > li,
  .yuai-product-layout > .yuai-pdetail-side > .yuai-pdetail-side-list > li,
  .yuai-pdetail > .yuai-pdetail-side > ul > li,
  .yuai-pdetail > .yuai-pdetail-side > .yuai-pdetail-side-list > li {
    margin: 0 !important;
  }
  .yuai-product-layout > .yuai-pdetail-side > ul > li > a,
  .yuai-product-layout > .yuai-pdetail-side > .yuai-pdetail-side-list > li > a,
  .yuai-pdetail > .yuai-pdetail-side > ul > li > a,
  .yuai-pdetail > .yuai-pdetail-side > .yuai-pdetail-side-list > li > a {
    height: auto !important;
    line-height: 1.35 !important;
    padding: 8px 12px !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    border-bottom: 1px solid #eef3f8 !important;
  }
  .yuai-product-layout > .yuai-pdetail-side > ul > li > a.on,
  .yuai-product-layout > .yuai-pdetail-side > ul > li > a:hover,
  .yuai-product-layout > .yuai-pdetail-side > .yuai-pdetail-side-list > li > a.on,
  .yuai-product-layout > .yuai-pdetail-side > .yuai-pdetail-side-list > li > a:hover,
  .yuai-pdetail > .yuai-pdetail-side > ul > li > a.on,
  .yuai-pdetail > .yuai-pdetail-side > ul > li > a:hover,
  .yuai-pdetail > .yuai-pdetail-side > .yuai-pdetail-side-list > li > a.on,
  .yuai-pdetail > .yuai-pdetail-side > .yuai-pdetail-side-list > li > a:hover {
    color: #fff !important;
    background: #ff8a34 !important;
    border: 0 !important;
    border-bottom: 1px solid #ff8a34 !important;
  }
  .yuai-product-layout > .yuai-pdetail-side .sub,
  .yuai-pdetail > .yuai-pdetail-side .sub {
    padding: 0 !important;
    background: #f7fafc !important;
  }
  .yuai-product-layout > .yuai-pdetail-side .sub a,
  .yuai-pdetail > .yuai-pdetail-side .sub a {
    padding: 6px 12px 6px 20px !important;
    font-size: 12px !important;
    line-height: 1.35 !important;
  }
  .yuai-product-main { width: 100% !important; }
  .yuai-product-grid {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 10px !important;
    width: 100% !important;
  }
  .yuai-product-grid .yuai-p-item {
    width: calc(50% - 5px) !important;
    min-width: 0 !important;
    margin: 0 !important;
    box-sizing: border-box !important;
  }
  .yuai-product-grid .yuai-p-item img {
    width: 100% !important; height: auto !important;
  }
  .yuai-pdetail {
    width: 100% !important;
    margin: 12px auto !important;
    padding: 0 12px !important;
    box-sizing: border-box !important;
  }
  .yuai-pdetail-side,
  .yuai-pdetail-main {
    float: none !important;
    width: 100% !important;
    margin: 0 0 14px 0 !important;
  }
  .yuai-pdetail > .yuai-pdetail-main {
    width: 100% !important;
    margin: 0 !important;
  }
  .yuai-slide-stage { height: auto !important; min-height: 220px !important; }
  .yuai-slide-stage img { max-height: 280px !important; }
  #yuai-m-bar .yuai-m-toggle {
    width: 42px; height: 42px; border: 1px solid #ddd; border-radius: 6px;
    background: #fff; display: inline-flex; align-items: center; justify-content: center;
    flex: 0 0 42px; margin: 0 0 0 auto; padding: 0; box-sizing: border-box;
  }
  #yuai-m-bar .yuai-m-toggle span {
    display: block; width: 18px; height: 2px; background: #333; position: relative;
  }
  #yuai-m-bar .yuai-m-toggle span:before,
  #yuai-m-bar .yuai-m-toggle span:after {
    content: ""; position: absolute; left: 0; width: 18px; height: 2px; background: #333;
  }
  #yuai-m-bar .yuai-m-toggle span:before { top: -6px; }
  #yuai-m-bar .yuai-m-toggle span:after { top: 6px; }
  #yuai-m-mask { display: none; position: fixed; inset: 0; background: rgba(0,0,0,.45); z-index: 10060; }
  #yuai-m-nav {
    display: block !important; position: fixed; top: 0; right: 0;
    width: 80% !important; max-width: 320px !important; height: 100% !important;
    background: #fff; z-index: 10070; transform: translateX(105%);
    transition: transform .25s ease; overflow-y: auto; margin: 0 !important; float: none !important;
  }
  body.yuai-nav-open #yuai-m-nav { transform: translateX(0); }
  body.yuai-nav-open #yuai-m-mask { display: block; }
  body.yuai-nav-open { overflow: hidden !important; }
  #yuai-m-nav .yuai-m-nav-hd {
    display: flex; align-items: center; justify-content: space-between;
    padding: 14px 16px; border-bottom: 1px solid #eee; font-weight: 700;
  }
  #yuai-m-nav .yuai-m-close { border: 0; background: transparent; font-size: 24px; color: #666; }
  #yuai-m-nav ul { list-style: none !important; margin: 0 !important; padding: 8px 0 40px !important; width: 100% !important; }
  #yuai-m-nav li { float: none !important; width: 100% !important; position: static !important; border-bottom: 1px solid #f2f2f2; margin: 0 !important; height: auto !important; display: block !important; }
  #yuai-m-nav li ul { display: block !important; position: static !important; background: #f7f7f7; }
  #yuai-m-nav a {
    display: block !important; width: auto !important; height: auto !important;
    line-height: 1.4 !important; padding: 14px 18px !important;
    color: #333 !important; background: transparent !important; font-size: 15px !important; text-align: left !important;
  }
  #yuai-m-nav li ul a { font-weight: 400 !important; font-size: 14px !important; padding-left: 28px !important; }

  /* 留言/联系页左侧：去掉大蓝条和热线，改成小横排切换 */
  #mSlide {
    float: none !important;
    width: auto !important;
    max-width: none !important;
    margin: 10px 16px 8px !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    overflow: visible !important;
    background: transparent !important;
    box-sizing: border-box !important;
  }
  #mSlide > .mf,
  #mSlide [id^="smf"],
  #mSlide [id^="_ctl"],
  #mSlide [class^="box201"] {
    width: 100% !important;
    float: none !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
  }
  /* 大标题、热线、空内容层直接隐藏 */
  #mSlide [class^="box201"] .zTitle,
  #mSlide [class^="box201"] .cont,
  #mSlide [class^="box201"] .wbCl,
  #mSlide [class^="box201"] .wbCr,
  #mSlide [class^="box201"] .tuIcon,
  #mSlide .dphonePro,
  #mSlide #smf1 {
    display: none !important;
  }
  /* 打平嵌套，两个入口横排 */
  #mSlide [class^="box201"] .wtl,
  #mSlide [class^="box201"] .wtr,
  #mSlide [class^="box201"] .wkCl,
  #mSlide [class^="box201"] .wkCr,
  #mSlide [class^="box201"] .title,
  #mSlide [class^="box201"] div[level="0"] {
    display: contents !important;
  }
  #mSlide [class^="box201"] {
    display: flex !important;
    flex-wrap: nowrap !important;
    gap: 8px !important;
    align-items: stretch !important;
  }
  #mSlide [class^="box201"] .titleR {
    display: block !important;
    flex: 1 1 0 !important;
    width: auto !important;
    max-width: none !important;
    height: auto !important;
    line-height: 1.2 !important;
    margin: 0 !important;
  }
  #mSlide [class^="box201"] .titleR h1 {
    margin: 0 !important;
    padding: 0 !important;
    font-size: inherit !important;
    font-weight: inherit !important;
  }
  #mSlide [class^="box201"] .titleR h1 a,
  #mSlide [class^="box201"] .titleR h1.selected1 a {
    display: block !important;
    height: auto !important;
    line-height: 1.2 !important;
    padding: 8px 10px !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    text-align: center !important;
    color: #333 !important;
    background: #f3f7fb !important;
    border: 1px solid #e2ebf3 !important;
    border-radius: 6px !important;
    box-sizing: border-box !important;
  }
  #mSlide [class^="box201"] .titleR h1.selected1 a {
    color: #009ceb !important;
    background: #eaf6fd !important;
    border-color: #b7ddf5 !important;
  }
  #mMain {
    margin-left: 0 !important;
    padding: 0 16px 24px !important;
    box-sizing: border-box !important;
  }
  #mMain .form-wrap {
    padding: 0 !important;
  }
}

@media screen and (max-width: 480px) {
  .m-product .pro-item:nth-child(1) { height: 140px !important; }
  .m-product .pro-item:nth-child(2),
  .m-product .pro-item:nth-child(3) { height: 120px !important; }
}