@charset "utf-8";
/*
 * assets/mobile.css —— 响应式覆盖层(不改动桌面样式,仅在窄屏重排)
 * 全站原为固定 1200px 桌面布局,本文件用媒体查询把容器改为流式、
 * 浮动改堆叠、图片改自适应。加载顺序必须在 style.css 之后。
 */

/* 汉堡按钮:桌面默认隐藏,仅手机端显示 */
.nav-toggle { display: none; }

/* ============ 平板 (≤992px) ============ */
@media screen and (max-width: 992px) {

  .container, .footer, .lr, .nav, .link22,
  .topdh > div, .top > div, .menu > div {
    width: auto !important;
    max-width: 100%;
    padding-left: 12px;
    padding-right: 12px;
    box-sizing: border-box;
  }

  /* 左右两栏改为上下堆叠 */
  .left, .right {
    float: none !important;
    width: auto !important;
  }
  .left { margin-bottom: 14px; }

  /* 关于我们:图文由并排改堆叠 */
  .about .container { height: auto !important; background: none !important; }
  .about .conleft, .about .conright {
    float: none !important;
    width: auto !important;
    height: auto !important;
    margin: 0 auto 18px;
  }
  .about .conleft img { width: 100%; height: auto; display: block; }
  .about .conright .abo_p1 { height: auto !important; }

  /* 首页新闻三栏改两栏 */
  .news .newsCon {
    float: none !important;
    width: auto !important;
    margin: 0 0 1px !important;
    box-sizing: border-box;
  }
}

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

  html, body { width: 100%; overflow-x: hidden; }
  body { font-size: 14px; line-height: 1.7; }

  /* 顶部欢迎条、电话横幅图、侧边客服悬浮栏:窄屏隐藏 */
  .topdh { display: none !important; }
  .top { height: auto !important; }
  .top img { width: 100%; height: auto; display: block; }
  .scrollsidebar, .show_btn { display: none !important; }

  /* 导航:手机端改为汉堡折叠菜单,☰ 放到顶标右侧(公名同一行),盖掉图里的电话 */
  .menu { position: static; border: none !important; background: transparent !important; }
  .top { position: relative; }
  .top::after { content: ""; position: absolute; right: 0; top: 0; width: 42%; height: 100%; background: #fff; }
  .nav-toggle {
    position: absolute !important;
    right: 12px !important;
    top: 50% !important;
    transform: translateY(-50%);
    display: inline-flex !important;
    width: auto !important;
    margin: 0 !important;
    padding: 6px !important;
    background: transparent !important;
    border: none !important;
    z-index: 20;
    cursor: pointer;
  }
  .nav-toggle-ico { display: flex; flex-direction: column; justify-content: space-between; width: 26px; height: 20px; }
  .nav-toggle-ico i { display: block; height: 3px; background: #034371; border-radius: 2px; }
  .nav-toggle-txt { display: none; }
  .nav { width: 100% !important; height: auto !important; padding: 0 !important; }
  #nav { display: none !important; }
  .menu.nav-open #nav { display: block !important; }
  #nav li.one {
    float: none !important;
    width: 100% !important;
    box-sizing: border-box;
    line-height: 48px !important;
    font-size: 15px !important;
    text-align: left;
    padding-left: 16px;
    border-bottom: 1px solid #eee;
    background: #fff;
  }
  #nav li.one a { color: #333; display: block; }
  #nav li.one.on, #nav li.one.on a { background: #034371; color: #fff; }
  /* 下拉子菜单:移动端按需求整体隐藏,只保留一级导航 */
  #nav li ul { display: none !important; }

  /* 需求:隐藏首页左侧"产品分类"与"联系方式"两块(内容与顶部导航/页脚重复) */
  .home-left { display: none !important; }

  /* banner 轮播:手机端固定比例,object-fit 裁切避免不同图高度跳动 */
  .banner .swiper-container { width: 100% !important; height: 46vw !important; max-height: 220px; }
  .swiper-slide { height: 100% !important; }
  .swiper-slide a { display: block; height: 100%; }
  .swiper-slide img { width: 100% !important; height: 100% !important; object-fit: cover; }

  /* 通用:所有图片不超出屏幕 */
  img { max-width: 100% !important; height: auto !important; }
  table { max-width: 100%; }

  /* 列表标题、面包屑换行 */
  .product_title, .list_title { height: auto !important; line-height: 1.6 !important; padding: 10px 0; }
  .product_title h2 { font-size: 18px !important; padding-left: 10px; }
  .product_title span { float: none !important; display: block; padding-left: 10px; }

  /* 产品 / 厂房设备 / 荣誉 / 案例 / 客户 网格:两列 */
  .wu_product ul li,
  .wu_cfsb_nner ul li,
  .wu_honor_nner ul li,
  .wu_case_nner ul li,
  .wu_hzkh_nner ul li {
    float: left !important;
    width: 46% !important;
    margin: 0 2% 12px !important;
    box-sizing: border-box;
  }
  .wu_product ul { display: flex; flex-wrap: wrap; }
  .wu_product ul li { float: none !important; display: flex; flex-direction: column; align-items: center; }
  .wu_product ul li img { width: 100% !important; height: 150px !important; object-fit: cover; }

  /* 厂房设备图库网格:两列 */
  .eq-grid a { width: calc(50% - 8px) !important; }
  .eq-grid img { height: auto !important; }

  /* 左右滚动产品条:隐藏 JS 滚动,改自动换行网格 */
  .scroll { width: 100% !important; padding: 0 !important; }
  .scroll a.bx-prev, .scroll a.bx-next { display: none !important; }
  .scroll li { width: 33.33% !important; }

  /* 新闻列表(图文并排)改堆叠 */
  .wu_newlist .newpic, .wu_newlist .news_text {
    float: none !important;
    width: auto !important;
  }
  .wu_newlist .newpic img { width: 100%; height: auto; }

  /* 客户见证 dl 布局堆叠 */
  .wu_khjz_nner dl, .wu_khjz_nner2 dl, .wu_khjz dl { float: none !important; }
  .wu_khjz_nner dt, .wu_khjz_nner dd,
  .wu_khjz_nner2 dt, .wu_khjz_nner2 dd,
  .wu_khjz dt, .wu_khjz dd {
    float: none !important;
    width: auto !important;
    padding-left: 0 !important;
  }

  /* 首页关于我们按钮行 */
  .about .conright .abo_p2 a { margin-bottom: 8px; }

  /* 友情链接 */
  .yqlj .yqlj_con .yqlj_p2 { width: 100% !important; }
  .yqlj .yqlj_con .yqlj_p2 a { border-left: none; }

  /* 在线留言表单:自适应 */
  .gb-form { max-width: 100% !important; padding: 0 4px; }
  .gb-form .gb-row { max-width: 100% !important; }
  .gb-form .gb-col { flex: 1 1 auto !important; }
  .gb-form .btn { min-width: 0; width: 100%; }

  /* 正文内容里的固定宽表格/图片 */
  .product_con, .product_con2 { padding-left: 8px !important; padding-right: 8px !important; }
  .product_con img, .product_con2 img, .list_con img { height: auto !important; }

  /* 厂房设备横向滚动带:取消左右箭头,改两列网格(滚动 JS 已在手机端停用) */
  .jc01, .jc03 { display: none !important; }
  .jc02 { float: none !important; width: 100% !important; padding: 0 !important; }
  .jc02 ul li { width: 46% !important; float: left !important; margin: 0 2% 12px !important; }
  .jc02 ul li img { width: 100% !important; height: auto; }

  /* 页脚:三个链接列并排三列,联系方式块移到下方 */
  .footer { height: auto !important; padding-top: 24px; }
  .wrap-footer { height: auto !important; background-size: cover; }
  .footer .f_ul1 {
    float: left !important;
    width: 33.33% !important;
    margin-left: 0 !important;
    padding-left: 0 !important;
  }
  .footer .f_ul1 li { height: auto; line-height: 26px; font-size: 12px; }
  .footer .f_ul1 li:first-child { font-size: 14px; padding-left: 0; left: 0; background: none !important; margin-bottom: 8px; }
  .footer::after { content: ""; display: block; clear: both; }
  .footer .f_d1 { clear: both; float: none !important; width: auto !important; margin-top: 16px; }
  .footer .f_tel { background-position: left center; }
  .footer .f_tel .p2 { font-size: 22px; }
  .wrap-footer .f_icp { padding: 0 12px; line-height: 22px; }
}

/* ============ 小屏手机 (≤420px) ============ */
@media screen and (max-width: 420px) {
  .wu_product ul li,
  .wu_cfsb_nner ul li,
  .wu_honor_nner ul li,
  .wu_case_nner ul li,
  .wu_hzkh_nner ul li { width: 48% !important; }
  .eq-grid a { width: 100% !important; }
}