@charset "utf-8";
/* ============================================================
   恒雨科技企业站 - 响应式适配样式
   断点设计：1240px 以下流体化 / 1100px 平板 / 980px 平板 /
            767px 手机 / 360px 极窄屏
   桌面端（>=1241px）保持原固定宽度布局不变
   ============================================================ */
html,body{overflow-x:hidden;}

/* 移动端导航开关（桌面端隐藏） */
.navToggle{display:none;}

/* ---------- 中等屏（<=1240px）：容器流体化 ---------- */
@media (max-width:1240px){
  .grWidth{width:auto;margin:0 15px;}

  /* 首页通栏轮播图（保留 SuperSlide 的 inline 宽度让 tempWrap 裁切，
     避免强制 .bd 宽度后多个 li 被挤到竖排导致容器过高） */
  .banner,.banner .tempWrap{width:100% !important;height:auto !important;left:auto;margin-left:0;}
  .banner .bd{height:auto !important;}
  /* 让每张轮播图按视口宽度整体缩放（覆盖 SuperSlide 注入的 1920px 内联宽）
     同时覆盖桌面端的 400px 裁剪规则（li 固定高 + img 上移 100px），手机端恢复自然高度 */
  .banner .bd li{width:100vw !important;height:auto !important;overflow:visible;}
  .banner .bd img,.banner .bd li img{width:100% !important;height:auto !important;margin-top:0 !important;}
  .banner_ctr{display:none;}
  .banner .hd{left:50%;margin-left:-50px;}

  /* 内页通栏图 */
  .listBanner{width:100%;left:auto;margin-left:0;height:auto;}
  .listBanner img{width:100% !important;height:auto !important;}

  /* 产品区（首页） */
  .proMain .grWidth{height:auto;}
  /* overflow:hidden 让容器包含浮动卡片，防止后续 BFC（如 .proMain）被浮动元素挤窄 */
  .proBox{width:100%;height:auto;overflow:hidden;}
  .proBox li{position:static !important;width:30%;margin:1.5% 1.5% 10px;height:auto;padding:10px;}
  .proBox li img{width:100%;height:auto;float:none;max-height:170px;object-fit:cover;}
  .proBox li.p1,.proBox li.p3{width:30%;height:auto;text-align:center;}
  .proBox li.p1 img,.proBox li.p3 img{width:100%;height:auto;max-height:170px;}
  .proBox li h4{white-space:normal;height:auto;font-size:14px;line-height:20px;padding-top:8px;}
  .proBox li p{height:auto;margin-bottom:5px;}

  /* 新闻中心（首页） */
  .newsMain ul{width:100%;}
  .newsMain li{width:46%;margin:0 2% 30px 0;}

  /* 推荐资讯 */
  .gr-rec-news{width:100%;}
  .gr-rec-news ul{width:100%;}
  .gr-rec-news ul li{width:46%;margin-right:2%;}

  /* 产品列表 */
  .proList{width:100%;}
  .proList ul{width:100%;}
  .proList li{width:22%;margin:0 1.5% 25px;}
  .proList li .pImg{width:100%;}
  .proList li img{width:100%;height:auto;}

  /* 相关产品 */
  .related-product ul{width:100%;}
  .related-product li{width:22%;margin:0 1.5% 20px;}
  .related-product li a{width:100%;}
  .related-product li img{width:100%;height:auto;padding:3px;box-sizing:border-box;}
}

/* ---------- 大平板/窄屏（<=1100px） ---------- */
@media (max-width:1100px){
  /* 首页四大产品分类：overflow:hidden 包含浮动 li，
     避免其溢出与后续 .proMain（BFC）重叠导致宽度塌缩 */
  .proTop{height:auto;border-left:none;overflow:hidden;}
  .proTop li{width:48%;padding-right:0;border-right:none;height:auto;padding-top:20px;}
  .proTop li.on{height:auto;margin-bottom:0;}

  /* 优势模块：同样包含浮动 li，防止 support（overflow:hidden）被挤窄 */
  .oddsMain{overflow:hidden;}
  .oddsMain li{width:48%;margin:0 2% 15px 0;}
  .oddsMain li .oImg{width:100%;height:auto;}
  .oddsMain li img{width:100%;height:auto;}

  /* 服务支持/关于 模块 */
  .supportMain .sImg{width:100%;height:auto;float:none !important;}
  .supportMain .sImg img{width:100%;margin-left:0 !important;}
  .supportMain .sFont{width:100%;float:none !important;padding:20px 10px 10px;}
  .supportMain .sFont .font{height:auto;}
  .about .sFont{padding:20px 10px 10px;}

  /* 荣誉/环境/视频等列表 */
  .caseList,.partnerList,.honorList,.settingList,.videoList,.relatedCase{width:100%;}
  .caseList ul,.partnerList ul,.honorList ul,.settingList ul,.videoList ul,.relatedCase ul{width:100%;}
  .honorList ul li,.settingList ul li,.videoList ul li{width:30%;margin:0 1.5% 20px;}
  .honorList ul li img,.settingList ul li img,.videoList ul li img{width:100%;height:auto;padding:2px;box-sizing:border-box;}
}

/* ---------- 平板（<=980px） ---------- */
@media (max-width:980px){
  /* 顶部导航收窄、隐藏电话 */
  .nav{margin-left:15px;}
  .nav li{width:70px;}
  .header .phone{display:none;}

  /* 内页左右栏改为上下排布 */
  .listLeft{width:100%;float:none;}
  .listRight{width:100%;float:none;padding-left:0;border-left:none;padding-top:30px;}
  .listBox{width:100%;}

  /* 产品详情页 */
  .product-show-pic{width:100%;height:auto;}
  .spec-preview{width:100%;height:auto;}
  .spec-preview .jqzoom img{width:100%;height:auto;max-width:100%;}
  .spec-scroll{width:100%;}
  .spec-scroll .items{width:78%;}
  .product-show-title{width:100%;float:none;height:auto;padding:15px;box-sizing:border-box;}
  .gr-description{height:auto;}

  /* 新闻详情 */
  .articleShow{width:100%;}
  .articleShow table,.articleShow .tableImg{max-width:100%;}
  .articleShow .tableImg img{max-width:100%;height:auto;}
  .relatedNews_font{width:100%;}
  .relatedNews_font ul{width:100%;}
  .relatedNews_font ul li{width:100%;padding-right:0;}
  .relatedNews_font ul li a{width:65%;}

  /* 采购表单 */
  .orderBox{width:100%;padding:15px;box-sizing:border-box;}
  .orderBox .table li{width:100%;height:auto;}
  .orderBox .table li .iptTxt{width:100%;float:none;box-sizing:border-box;}
  .orderBox .table li span{width:100%;float:none;}
  .orderBox .table li.areLi{width:100%;float:none;height:auto;}
  .orderBox .table li.areLi .txtContent{width:100%;box-sizing:border-box;height:120px;}
  .orderBox .table li .btn{width:100%;}

  /* 子菜单 */
  .listMenu .listMenu_sub{width:100%;}

  /* 站点地图 / 地图 */
  .yzh-map-main .sitemap_con{width:100%;}
  #dituContent{width:100%;float:none;}
}

/* ---------- 手机（<=767px） ---------- */
@media (max-width:767px){
  body{font-size:13px;line-height:22px;}
  .grWidth{margin:0 10px;}

  /* 头部：汉堡菜单 */
  .header{height:auto;line-height:normal;position:relative;padding:8px 0;z-index:1000;}
  .header .logo{float:none;display:block;height:auto;line-height:normal;}
  .header .logo img{height:38px;width:auto;vertical-align:middle;}
  .navToggle{display:block;position:absolute;top:10px;right:8px;width:40px;height:34px;z-index:20;cursor:pointer;}
  .navToggle span{display:block;width:24px;height:3px;background:#0072d3;margin:5px auto;border-radius:2px;transition:all .3s;}
  .header.open .navToggle span:nth-child(1){transform:translateY(8px) rotate(45deg);}
  .header.open .navToggle span:nth-child(2){opacity:0;}
  .header.open .navToggle span:nth-child(3){transform:translateY(-8px) rotate(-45deg);}
  .header .nav{display:none;position:absolute;top:100%;left:0;right:0;margin:0;background:#fff !important;z-index:999;box-shadow:0 6px 12px rgba(0,0,0,.12);}
  /* 展开时改为流式（占位向下推），而非浮层覆盖——从机制上杜绝文字遮挡观感 */
  .header.open .nav{display:block;position:relative;top:auto;left:auto;right:auto;z-index:auto;background:#fff !important;box-shadow:0 2px 8px rgba(0,0,0,.08);margin-top:8px;}
  .nav li{float:none;width:100%;height:auto;text-align:center;border-top:1px solid #eee;background:#fff;}
  .nav li a{display:block;height:44px;line-height:44px;}
  .nav li a:before{display:none;}
  .nav li a:hover,.nav li a.current{background:#1f80d3;color:#fff;}
  .header .phone{display:none;}

  /* 强制让 .product / .proTop（有 wow 动画→独立 stacking context）层级降到 1，
     让头部导航菜单（z-index:999）能盖住产品分类里的图标，避免视觉重叠 */
  .product,.proTop{position:relative;z-index:1;}

  /* 面包屑 / 子菜单 */
  .breadCrumb{height:auto;line-height:26px;padding:10px 0;}
  .breadCrumb .fr{float:none;padding-left:0;margin-top:4px;}
  .listMenu{height:auto;font-size:13px;}
  .listMenu li{float:none;display:inline-block;margin:0 12px 4px 0;line-height:30px;}
  .listMenu li a{line-height:30px;}
  .listMenu .listMenu_sub{position:static;display:block !important;width:100%;font-size:12px;padding:0 0 6px;}
  .listMenu .listMenu_sub a{margin-right:12px;line-height:24px;}

  /* 全局图片自适应 */
  img{max-width:100%;height:auto;}

  /* 首页产品分类 */
  .proTop li img{width:70px;height:70px;margin-right:8px;}
  .proTop li h4{font-size:15px;height:auto;line-height:20px;}
  .proTop li p{height:auto;margin-bottom:5px;}
  .proTop li .more{display:none;}
  .proTop li{width:100%;padding:12px 8px;box-sizing:border-box;}

  /* 产品（首页） */
  .proMain{padding:25px 0;}
  .proBox li,.proBox li.p1,.proBox li.p3{width:47%;margin:1.5% 1.5% 12px;padding:10px;box-sizing:border-box;}
  .proBox li img,.proBox li.p1 img,.proBox li.p3 img{max-height:130px;}

  /* 优势 */
  .odds{padding:30px 0 35px;}
  .oddsMain li p{height:auto;padding:18px 12px 12px;}
  .oddsMain li .oImg{height:auto;}

  /* 服务支持 */
  .support{padding:30px 0;}
  .supportMain .sFont{padding:15px 8px 5px;}

  /* 新闻（首页） */
  .news{padding:30px 0;}
  .newsTop{height:auto;padding:12px;margin-bottom:25px;}
  .newsTop .nImg{width:100%;height:auto;margin:0 0 10px;float:none;}
  .newsTop img{width:100%;height:auto;}
  .newsTop h4{white-space:normal;height:auto;padding-top:5px;}
  .newsTop p{height:auto;}
  .newsMain li{width:100%;margin:0 0 25px;float:none;}
  .newsMain li .nImg{width:100%;height:auto;margin:0 0 8px;float:none;}
  .newsMain li img{width:100%;height:auto;}
  .newsMain li h4{height:auto;white-space:normal;}

  /* 推荐资讯 */
  .gr-rec-news ul li{width:100%;margin:0 0 10px;}
  .gr-rec-news ul li a{width:72%;}

  /* 产品列表 */
  .proList li{width:46%;margin:0 2% 20px 0;}
  .proList li .btn a{width:50%;}

  /* 相关产品 */
  .related-product li{width:46%;margin:0 2% 15px 0;}

  /* 荣誉/环境/视频列表 */
  .honorList ul li,.settingList ul li,.videoList ul li{width:46%;margin:0 2% 15px 0;}
  .honorList ul li span,.settingList ul li span,.videoList ul li span{white-space:normal;height:auto;line-height:22px;padding:5px;}

  /* 新闻列表 */
  .newsList li{height:auto;padding:10px;box-sizing:border-box;}
  .newsList li img{width:42%;height:auto;margin-right:12px;}
  .newsList li h3{padding-top:5px;font-size:15px;}
  .newsList li .date{margin-bottom:5px;}

  /* 产品详情 */
  .spec-scroll .items{width:72%;}
  .product-show-title h2{font-size:16px;}
  .gr-tab-list .hd li{width:80px;}
  .prodcut-tel span{font-size:20px;}
  .related-product li span{height:auto;line-height:20px;padding:4px;white-space:normal;}

  /* 留言表单 */
  .pageContentBox .contactnr{width:100%;}
  .yzh-table-feedback .input-text{width:100%;box-sizing:border-box;}
  .yzh-table-feedback .input-textarea{width:100%;box-sizing:border-box;}
  #feedback_form textarea{width:100%;box-sizing:border-box;}
  #feedback_form input{max-width:100%;}

  /* 页脚 */
  .footer{padding:25px 0;}
  .footer .grWidth > div{float:none;width:100%;margin-bottom:20px;}
  .footLeft{width:100%;}
  /* 页脚「联系我们」模块：去背景小图标、行高撑开、数字独立成行并归位，避免文字折叠遮挡 */
  .footContact .phone{line-height:22px;padding:8px 0 0;background:none;}
  .footContact .phone span{display:block;margin:4px 0 0;font-size:22px;font-weight:bold;color:#0072d3;}
  .footMenu{width:50%;float:left;}
  .footCopy{width:100%;}
  .footWx{width:100%;text-align:center;margin-bottom:0 !important;}
  .footWx p{float:none !important;display:inline-block;vertical-align:top;margin:0 8px;}
  .footWx img{width:90px;height:90px;}
  .firendLink{height:auto;line-height:24px;padding:8px 0;}

  /* 分页 */
  .pagination a{padding:0 8px;}

  /* 在线客服在手机上隐藏 */
  .kefuBox{display:none !important;}

  /* 订单/采购表单按钮 */
  .listRight .feed .btn,.listRight .feed a{width:48%;}
  .rightPro_main{height:auto;}
  .rightPro li{height:auto;overflow:hidden;}
  .rightPro li img{width:90px;height:90px;margin-right:10px;}
  .recommend_pro li{width:46%;float:left;margin:1.5%;}
  .recommend_pro li img{width:100%;height:auto;box-sizing:border-box;}

  /* 新闻详情内容区 */
  .articleBox1 .title{font-size:17px;}
  .fontsizebox{font-size:14px;}
  .review{font-size:13px;}
}

/* ---------- 极窄屏（<=360px）：单列降级 ---------- */
@media (max-width:360px){
  .proBox li,.proBox li.p1,.proBox li.p3{width:100%;margin:0 0 12px;}
  .proList li{width:100%;margin:0 0 18px;}
  .related-product li{width:100%;margin:0 0 12px;}
  .honorList ul li,.settingList ul li,.videoList ul li{width:100%;margin:0 0 12px;}
  .newsList li img{width:100%;margin:0 0 8px;float:none;}
  .oddsMain li{width:100%;}
  .footWx p{width:42%;}
  .footWx img{width:80px;height:80px;}
  .spec-scroll .items{width:66%;}
}