/* ============================================================
   responsive.css — 手机/平板自适应（纯增量）
   断点：≤1260px 大屏微调 / ≤1024px 平板 / ≤768px 手机 / ≤480px 小屏手机
   ≥1261px 桌面端完全不受本文件影响
   ============================================================ */

/* ---------------- ≤1260px：容器流式化 ---------------- */
@media screen and (max-width:1260px) {
  .area { width: 96%; max-width: 1200px; }
  .top .top-in { width: 96%; max-width: 1200px; box-sizing: border-box; }
  .main-right { width: calc(100% - 245px); }
  .n_info_con, .n_info_con2 { width: auto; max-width: 100%; }
  .tj_box { width: calc(100% - 245px); }
  .hotproduct_list { width: 100%; max-width: 1200px; }
  .hotproduct_list li { width: 15.2%; margin-right: 0; }
  .hotproduct_list li:nth-child(6) { margin-right: 0; }
  .bannerbox { width: calc(100% - 228px); }
  .searchBox { left: auto; right: 10px; margin-left: 0; }
  .pro_cr { width: 30%; min-width: 300px; }
  .pro_cl { width: calc(70% - 320px); max-width: calc(100% - 320px); }
  .pcontent img, .neidiv img { max-width: 100%; height: auto; }
  .pcontent table { max-width: 100%; }
}

/* ---------------- ≤1024px：平板 ---------------- */
@media screen and (max-width:1024px) {
  /* 首页分类菜单（左侧红色块）在平板/手机上隐藏，改用导航进入栏目 */
  .leftdaohang, .leftdaohanghead { display: none !important; }
  /* 侧栏在平板上收起，内容区占满（覆盖 .hotpro .main-right 的 940px） */
  .main-left, .hotpro .main-left { display: none !important; }
  .main-right, .hotpro .main-right { width: 100% !important; float: none !important; }
  .n_info_con { padding-left: 0; padding-right: 0; }
  .top { height: auto; min-height: 90px; }
  .top-in { width: 96%; }
  .top-in img { max-height: 80px; width: auto; }
  .searchBox { position: static; float: right; margin: 25px 0 0 0; }
  .tel p { font-size: 18px; }

  .navwrap { height: auto; }
  .navwrap .area { width: 96%; }
  /* 原样式为桌面预留的左侧留白与最小宽度，在窄屏必须取消 */
  .navwrap ul.nav { height: auto; padding-left: 0 !important; display: flex; flex-wrap: wrap; }
  .navwrap ul.nav li a { min-width: 0 !important; }
  .navwrap ul.nav > li { float: none; width: 25%; box-sizing: border-box; }
  .navwrap ul.nav > li > a { width: 100%; display: block; }
  .navwrap ul.nav > li .submenu { display: none !important; }
  .navwrap ul.nav > li:hover .submenu { display: block !important; position: absolute; z-index: 99; background: #FFF; width: 200px; box-shadow: 0 2px 8px rgba(0,0,0,.15); }
  .navwrap .inmenu:link, .navwrap .inmenu:visited,
  .navwrap .inmenu_1:link, .navwrap .inmenu_1:visited { font-size: 14px; }

  /* 首页 banner 区：banner 与右侧新闻上下堆叠 */
  .bannerbox { width: 100%; float: none; margin-right: 0; }
  .rightnews { width: 100%; float: none; height: auto; margin-top: 10px; }
  .rightnewsul { height: auto; max-height: 240px; }
  .rightnews { padding-bottom: 10px; }

  /* 推荐产品：4 个一行 */
  .hotproduct_list li { width: 23.5%; }
  .hotproduct_list li:nth-child(6) { margin-right: 0; }

  /* 首页栏目区块：4 个一行 */
  .tj_box { width: calc(100% - 245px); }
  .tj_con { width: 21.5%; margin-right: 4.5%; }
  .tj_con:nth-child(5n) { margin-right: 4.5%; }
  .tj_con:nth-child(4n) { margin-right: 0; }
  .tj_pic { width: 100%; height: auto; max-height: 175px; overflow: hidden; }
  .tj_txt { width: 100%; }

  /* 产品详情：图集在上、信息在下 */
  .pro_cl { float: none; width: 100%; max-width: 100%; margin-bottom: 15px; }
  .pro_cr { float: none; width: 100%; min-width: 0; }
  .spec-scroll .items img { max-width: 60px; }

  /* 相关产品 2 列 */
  .rollPro1 li { width: 49%; margin-right: 2%; }
  .rollPro1 li:nth-of-type(3n) { margin-right: 2%; }
  .rollPro1 li:nth-of-type(2n) { margin-right: 0; }

  /* 新闻列表图文 */
  .new_ab li.nwmor .wmpic { width: 150px; height: 150px; }
  .new_ab li.nwmor .newstxt { padding-left: 170px; }

  /* 页脚 3 列 */
  .f_ul01, .f_ul02, .f_ul03, .f_ul04, .f_ul05, .f_ul06 { width: 31%; margin-right: 2%; }
}

/* ---------------- ≤768px：手机 ---------------- */
@media screen and (max-width:768px) {
  /* 防止任何固定宽度元素把手机页面撑宽 */
  html, body { max-width: 100%; overflow-x: hidden; }
  .tjpro, .pro_lb0 { width: 100% !important; max-width: 100%; }
  img { max-width: 100%; height: auto; }
  .top .top-in { width: 96%; float: none; height: auto; padding: 8px 0; text-align: center; }
  .top .top-in img { float: none; margin: 0 auto; display: inline-block; max-height: 64px; }
  /* 产品列表：两列卡片（图片在上、文字在下） */
  .pro_lb0 { display: flex; flex-wrap: wrap; gap: 10px; }
  .pro_lb0 > li { float: none !important; width: calc(50% - 5px) !important; box-sizing: border-box;
    border: 1px solid #EEE; padding: 8px; min-height: 0; height: auto; }
  .pro_lb0 > li > div { float: none !important; width: 100% !important; }
  .pro_lb0 .imgdiv img, .pro_lb0 .pimg img { max-width: 100%; height: auto; }
  .pro_lb0 .pinfo { display: block; max-height: 96px; overflow: hidden; }

  /* 产品详情图集自适应 */
  .pro_cl, .pro_cr, .pro_main { width: 100% !important; max-width: 100%; box-sizing: border-box; }
  .spec-preview { width: 100% !important; height: auto !important; }
  .spec-preview img { max-width: 100%; height: auto; }
  .spec-scroll { width: 100% !important; }
  .spec-scroll .items li { width: 60px; }

  /* 顶栏：只留 Logo 居中 */
  .top { min-height: 0; padding: 10px 0; text-align: center; }
  .top-in { float: none; width: 96%; }
  .top-in img { max-height: 60px; }
  .searchBox { display: none; }
  .tel { display: none; }

  /* 导航：自动换行铺满 */
  .navwrap { height: auto; }
  .navwrap .area { width: 100%; padding: 0; }
  .navwrap ul.nav { display: flex; flex-wrap: wrap; }
  .navwrap ul.nav > li { float: none; width: 33.333%; box-sizing: border-box; border-right: 1px solid #EEE; box-shadow: none; }
  .navwrap ul.nav > li:nth-child(3n) { border-right: none; }
  .navwrap ul.nav > li a { width: 100%; }
  .navwrap .inmenu:link, .navwrap .inmenu:visited,
  .navwrap .inmenu_1:link, .navwrap .inmenu_1:visited { line-height: 44px; height: 44px; display: block; }
  .navwrap ul.nav > li .submenu { display: none !important; position: static; width: 100%; background: #F5F5F5; opacity: 1; }
  .navwrap ul.nav > li:hover .submenu { display: block !important; }
  .navwrap ul.nav > li .submenu li { width: 100%; border-top: 1px solid #E5E5E5; }
  .navwrap ul.nav > li .submenu li a { line-height: 36px; height: 36px; display: block; font-size: 13px; }

  /* 首页轮播：原样式 .slider_img img 固定 height:425px（优先级高于 img{height:auto}），
     窄屏会把 762×425 的图压成 390×425 而严重变形，这里必须强制等比 */
  #banner, .bannerbox, .wmuSlider { height: auto !important; }
  .slider_img { height: auto !important; }
  .slider_img img { width: 100% !important; height: auto !important; max-width: 100%; }

  /* 内页 banner 高度压缩 */
  .inner-banner img { height: 120px; object-fit: cover; }

  /* 单栏布局：隐藏左侧栏目菜单 */
  .main-left, .hotpro .main-left { display: none; }
  .main-right, .hotpro .main-right { width: 100% !important; float: none !important; }
  .leftdaohangul { display: none; }
  .tj_box { width: 100%; float: none; }

  /* 面包屑 */
  .positon { margin-top: 6px; }
  .positon .nowin { font-size: 20px; height: auto; line-height: 1.4; padding: 8px 0 8px 12px; float: none; text-align: left; }
  .positon h1.nowin { font-size: 20px; }
  .bPosition { float: none; text-align: left; padding: 4px 12px 8px; line-height: 1.6; }
  .positon .clearfix { display: none; }

  /* 首页右侧新闻：标题换行，避免 nowrap 超宽 */
  .rightnews { width: 100% !important; float: none; height: auto; }
  .rightnewsul { height: auto; max-height: none; }
  .rightnewsul li { white-space: normal; height: auto; line-height: 1.6; padding: 6px 12px; }

  /* 推荐产品：2 个一行 */
  .hotproduct_list li { width: 48%; }
  .hotproduct_list li:nth-child(6) { margin-right: 0; }
  .hotproduct_list li img { max-width: 100%; height: auto; }
  .inimgdiv { width: 100%; height: auto; padding: 8px 0; }
  .inimgdiv img { max-height: 150px; }

  /* 首页栏目区块：2 个一行 */
  .tj_con { width: 48.5%; margin-right: 3%; margin-bottom: 12px; }
  .tj_con:nth-child(5n), .tj_con:nth-child(4n) { margin-right: 3%; }
  .tj_con:nth-child(2n) { margin-right: 0; }
  .tj_pic { max-height: 160px; }

  /* 栏目/新闻列表 */
  .new_ab li .indiv { width: 110px; height: 90px; line-height: 90px; }
  .new_ab li .indiv img { max-width: 100px; max-height: 85px; }
  .new_ab li .tp { width: auto; float: none; padding-left: 8px; }
  .new_ab li .sj { width: auto; float: none; height: auto; }
  .new_ab li.nwmor .wmpic { width: 110px; height: 110px; }
  .new_ab li.nwmor .newstxt { padding-left: 126px; }
  .new_ab li.nwmor .newstxt a { font-size: 16px; }
  .newslistt a { display: block; white-space: normal; }
  .newslistt span { float: none; display: block; }

  /* 单页正文 */
  .n_info_con { padding: 15px 10px 0; }
  .n_info_con h1 { font-size: 20px; }

  /* 产品详情 */
  .pro_cr h1 { font-size: 20px; }
  .pcontent { overflow-x: auto; }
  .pcontent img, .neidiv img { max-width: 100%; height: auto; }
  .pcontent table { width: 100%; }
  .pcontent td, .pcontent th { padding: 4px 6px; word-break: break-all; }

  /* 相关产品 2 列 */
  .rollPro1 li .pbox { height: auto; min-height: 130px; }
  .rollPro1 li .pbox img { max-height: 120px; }

  /* 询盘/留言表单 */
  .gadali-form input[type="text"], .gadali-form input[type="email"],
  .gadali-form input[type="tel"], .gadali-form textarea,
  .gadali-form select { width: 100% !important; box-sizing: border-box; }

  /* 分页 */
  .pages { padding: 10px 0 14px; }
  .pages a, .pages span { margin: 2px 3px; padding: 0 8px; min-width: 0; height: 28px; line-height: 28px; }

  /* 首页广告图 */
  .hezuobox_in img { max-width: 100%; height: auto; }

  /* 页脚堆叠 */
  .footWrap .area { width: 96%; }
  .f_ul01, .f_ul02, .f_ul03, .f_ul04, .f_ul05, .f_ul06 { width: 48%; margin-right: 2%; margin-top: 14px; }
  .f_ul01:nth-child(2n) { margin-right: 0; }
  .footer .copy { font-size: 12px; padding: 10px 0; }
}

/* ---------------- ≤480px：小屏手机 ---------------- */
@media screen and (max-width:480px) {
  /* 小屏保持三列，7 个栏目 3 行即可排完，比两列少占一屏高度 */
  .navwrap ul.nav > li { width: 33.333%; }
  .navwrap ul.nav > li:nth-child(2n) { border-right: 1px solid #EEE; }
  .navwrap ul.nav > li:nth-child(3n) { border-right: none; }
  .navwrap .inmenu:link, .navwrap .inmenu:visited,
  .navwrap .inmenu_1:link, .navwrap .inmenu_1:visited { font-size: 13px; line-height: 40px; height: 40px; }
  .inner-banner img { height: 90px; }
  .positon .nowin, .positon h1.nowin { font-size: 17px; }
  .hotproduct_list li { width: 48.5%; margin-right: 0; }
  .tj_con { width: 100%; margin-right: 0 !important; }
  .tj_pic { max-height: none; }
  .tj_txt { height: auto; padding-bottom: 8px; }
  .rollPro1 li { width: 100%; margin-right: 0; }
  .pro_cr h1 { font-size: 18px; }
  .f_ul01, .f_ul02, .f_ul03, .f_ul04, .f_ul05, .f_ul06 { width: 100%; margin-right: 0; }
  .new_ab li .tp { width: 100%; }
  .pcontent * { font-size: 14px; }
}

/* ---------------- ≤359px：超窄屏（iPhone SE 一代等） ---------------- */
@media screen and (max-width:359px) {
  .hotproduct_list li { width: 100%; }
  .pro_lb0 > li { width: 100% !important; }
}