/* ======================================================
   responsive.css — 自适应补丁
   适用范围：weishi-sz.com 全站

   原理：
     桌面端(>1024px)：保持 index.css 原始样式不变
     移动端(≤1024px)：通过 CSS 隐藏/显示元素切换导航模式
       - .nav-toggle 显示（汉堡按钮）
       - nav ul 隐藏（桌面导航菜单）
       - nav ul.open 显示（点击汉堡后弹出的移动菜单）
====================================================== */

/* ---------- 全局基础 ---------- */
img { max-width: 100%; height: auto; }
* { box-sizing: border-box; }
table { max-width: 100%; }
video { max-width: 100%; height: auto; }

/* ======================== ≤1400px ======================== */
@media screen and (max-width: 1400px) {
  .container,
  .container15,
  .container16 { width: 100%;  }
  .container12 { width: 100%;  }
  .container13 { width: 100%;   }
  .container14 { width: 100%;  }

  .indexFive .container { width: 100%;  }
  .inFiSwiper { width: 100%; }

  .ny-right { width: calc(100% - 330px); }
}

/* ======================== ≤1200px ======================== */
@media screen and (max-width: 1200px) {
  .heBox { height: 90px; }
  .heLe .logo .logoCon p span { font-size: 20px; }
  .heLe .logo .logoCon em { font-size: 14px; }
  .heRe span { font-size: 20px; }

  nav { top: 90px; }
  .heZwys { height: 153px; }
  nav ul { width: 80%; }
  nav ul li > a { font-size: 14px; }

  .indexFour ul li { width: calc(100% / 2); }

  footer .foterTop form { grid-template-columns: repeat(2, auto); }
  footer .foterTop form .sub { width: 140px; }
}

/* ======================== ≤1024px ======================== */
/*
  移动端核心方案（纯CSS，不修改HTML）：
  - header 原本已是 position:fixed（index.css中定义），保持不变
  - .heZwys 调整高度 = header(60px) + nav(50px) = 110px
  - nav 调整 top = 60px（紧跟header下方）
  - nav .box 变成汉堡栏（高度50px）
  - nav ul 默认隐藏，点击后以 fixed 覆盖层弹出
  - .nav-toggle 默认隐藏(见文件底部)，此断点显示
*/
@media screen and (max-width: 1024px) {

  /* ---- 占位 & header ---- */
  .heZwys { height: 60px; }
  .heBox { height: 60px; padding: 0 15px; }
  .heLe .logo .logoCon { display: none; }
  .heRe { display: none !important; }

  /* ---- nav 条 ---- */
  nav {
    top: 60px !important;
    border-top: 4px solid #282828;
    background: #fff;
    height: 0;
    overflow: visible;
  }
  nav .box {
    height: 0;
    overflow: visible;
    display: flex;
    align-items: center;
  }

  /* ---- 汉堡按钮（默认隐藏，此处显示） ---- */
  .nav-toggle {
    display: flex !important;
    flex-direction: column;
    justify-content: space-between;
    width: 28px; height: 20px;
    cursor: pointer;
    margin-left: auto;
    margin-right: 15px;
    flex-shrink: 0;
  }
  .nav-toggle span {
    display: block;
    width: 100%; height: 2px;
    background: #333;
    border-radius: 2px;
    transition: .3s;
  }
  .nav-toggle.active span:nth-child(1) { transform: rotate(45deg) translate(6px,6px); }
  .nav-toggle.active span:nth-child(2) { opacity: 0; }
  .nav-toggle.active span:nth-child(3) { transform: rotate(-45deg) translate(6px,-6px); }

  /* ---- 桌面导航菜单：默认隐藏 ---- */
  nav ul {
    display: none !important;
    flex-direction: column;
    width: 100%;
    background: #fff;
    position: fixed;
    top: 60px; left: 0;
    z-index: 150;
    box-shadow: 0 5px 15px rgba(0,0,0,.1);
    padding: 10px 0;
    max-height: calc(100vh - 110px);
    overflow-y: auto;
  }
  /* 点击汉堡后显示 */
  nav ul.open { display: flex !important; }
  nav ul li { line-height: 48px; border-bottom: 1px solid #f0f0f0;  }
  /* 移动端重置桌面 a::after 下划线 */
  nav ul li > a::after { display: none !important; }
  /* 有子菜单的 li：通过 .nav-open 类控制 dl 显示 */
  nav ul li dl {
    position: static;
    display: none !important;
    box-shadow: none;
    width: 100%;
    background: #f9f9f9;
    padding-left: 20px;
  }
  nav ul li.nav-open dl { display: block !important; }
  nav ul li dl dd a { border-bottom: none; }

  /* ---- 隐藏搜索 & 语言 ---- */
  nav .navSearch { display: none !important; }
  nav .luanage { display: none !important; }
  nav .cover { display: none !important; }

  /* ---- Banner ---- */
  .ny-banner .bannerSwiper { height: 300px; }

  /* ---- 内页两栏 ---- */
  .ny-main .container13 { flex-direction: column; }
  .ny-left { width: 100%; position: static; margin-bottom: 20px; display:none;}
  .ny-right { width: 100%;  }
  .ny-main .container13.c { display: block; }

  /* ---- 首页 indexOne ---- */
  .inOnSwiper .swiper-slide { }

  /* ---- 首页 indexTwo ---- */
  .inTwSwiper { overflow: hidden; }

  /* ---- 首页 indexSix ---- */
  .indexSix .box { flex-direction: column; }
  .indexSix .le, .indexSix .re { width: 100%; }
  .indexSix .re { height: auto; }
  .indexSix .le { padding: 30px 20px; }

  /* ---- 首页 indexSeven ---- */
  .indexSeven .box { flex-direction: column; }
  .indexSeven .le, .indexSeven .box .re { width: 100%; }

  /* ---- 底部 ---- */
  footer .foterTop { flex-direction: column; gap: 25px; padding-bottom: 35px; text-align: center; }
  footer .topLe { grid-template-columns: auto; gap: 15px; justify-content: center; }
  .foterNav .navCon { flex-wrap: wrap; gap: 20px; }
  .foterNav .navCon dl { min-width: 120px; }
  .foterCopy .container { flex-direction: column; align-items: center; gap: 6px; }

  /* ---- 产品详情 ---- */
  .proDetails .pro1 .pro-list-pic { width: 100%; float: left; margin-bottom: 20px; }
  .proDetails .pro1 .descript1 { width: 100%; float: left; }
  .proDetails .pro1 .descript1 p { width: 100%; }

  /* ---- 新闻列表图片宽度 ---- */
  .ny-news-list ul li .pic { width: 180px !important; }

  /* ---- 在线咨询侧边悬浮 ---- */
  .zx-service { right: 0; }
}

/* ======================== ≤768px ======================== */
@media screen and (max-width: 768px) {
  .hotSearch .box { flex-direction: column; height: auto; padding: 15px 0; gap: 10px; }
  .hotSearch .box .le { flex-wrap: wrap; }
  .hotSearch .box .re form { width: 100%; }

  .indexTle { padding: 40px 15px 30px; }
  .indexTle strong { font-size: 28px; }
  .indexTle p { font-size: 14px; }

  .indexFour ul li { width: 100%; height: auto; padding: 25px 20px; }
  .indexFour { background-attachment: scroll; }

  .indexSix .le ul { flex-wrap: wrap; }
  .indexSix .le ul li { width: calc(100% / 2); height: 110px; }

  .ny-product-list ul li { width: 48%; }
  .ny-solutions-list ul { display: flex; flex-wrap: wrap; gap: 15px; }
  .ny-solutions-list ul li { width: calc(50% - 8px); }

  .ny-video-list ul { display: flex; flex-wrap: wrap; gap: 15px; }
  .ny-video-list ul li { width: calc(50% - 8px); }

  .ny-news-list ul li { flex-direction: column; }
  .ny-news-list ul li .pic { width: 100% !important; height: auto !important; }
  .ny-news-list ul li .pic img { width: 100%; height: auto; }
  .ny-news-list ul li .info { padding-top: 10px; }
  .ny-news-title { flex-direction: column !important; }
  .ny-news-title em, .ny-news-title span { float: none !important; }

  .spec-scroll .items ul { overflow-x: auto; white-space: nowrap; }
  .spec-scroll .items ul li { display: inline-block; }
 .contactUs{width:100%;padding:10px;}
  .contactUs table { display: block; overflow-x: auto; }
  .contactUs table td { display: block; width: 100% !important; margin-bottom: 10px; }

  .search-page form { width: 95%; }

  footer .foterTop form { grid-template-columns: 1fr; }
  footer .foterTop form input, footer .foterTop form .sub { width: 100%; }
  .foterNav { padding: 30px 0 40px; }
  .foterNav .navCon .code img { width: 90px; }

  .fy { overflow-x: auto; white-space: nowrap; }

  .zx-service { display: none; }
}

/* ======================== ≤480px ======================== */
@media screen and (max-width: 480px) {
  .heLe .logo img { width: 50px; }

  .ny-banner .bannerSwiper { height: 180px; }
  .banner.ny-banner .bannerSwiper { height: 180px; }

  .indexTle strong { font-size: 22px; }
  .indexTle small { font-size: 14px !important; }

  .ny-product-list ul li { width: 100%; }
  .ny-solutions-list ul li { width: 100%; }
  .ny-video-list ul li { width: 100%; }
  .indexSix .le ul li { width: 100%; }

  .foterNav .navCon { flex-direction: column; }
  .foterNav .navCon dl { width: 100%; }
  .foterNav .navCon .code { display: none; }

  .ny-recommend .pro-recommend ul li { width: 50%; }
  .bdsharebuttonbox { display: none; }

  .indexSeven .boxCon .con { flex-direction: column; }
  .indexSeven .boxCon .con .imgBox { width: 100%; margin: 0 0 15px 0; }
  .indexSeven .boxCon .conTle { width: 100%; }
}

/* ======================== 汉堡按钮默认隐藏（桌面端） ======================== */
.nav-toggle { display: none; }