@charset "utf-8";
/* ============================================================
   企乐采商城 - 首页及全站响应式适配（平板 / 不同分辨率显示器 / 窗口缩放）
   原则：仅调整宽度与布局使其流式自适应，不改变业务逻辑、不隐藏功能。
   广告区结构：hero-cate(左分类) | hero-center(上大图/下3小广告横排) | hero-notice(右公告)
   断点：1280 / 1024 / 860 / 768 / 480
   ============================================================ */

img,video{max-width:100%;}

/* ===== <=1280（平板横屏 / 缩小的桌面窗口）===== */
@media (max-width:1280px){
  .container,.yx_wrap,.yx_content,.grid_c1,.m_new,.main,.menu,.menu .container,.page_tuan,.hy-zx-box,#container.main{
    width:100% !important;max-width:100% !important;margin-left:auto !important;margin-right:auto !important;box-sizing:border-box !important;}
  .yx_wrap{padding-left:8px !important;padding-right:8px !important;}
  .topbanner img,.boomtad img,.sy_mod_glide_img li img,.grid_c1 > img{max-width:100% !important;height:auto !important;}

  .ickey-stage{gap:8px;height:480px;}
  .hero-cate{flex:0 0 170px !important;width:170px !important;height:480px;}
  .hero-cate .menu-class-body{height:440px !important;width:170px;}
  .hero-cate .menuclass-content{min-height:440px !important;}
  .hero-notice{flex:0 0 190px !important;width:190px !important;height:100%;}
  .hero-center{flex:1 1 auto;}

  .m_new{display:flex;flex-wrap:wrap;align-items:flex-start;}
  .m_new .m_l{width:210px !important;flex:0 0 210px;}
  .m_new .m_c,.tab1,.m_menudiv{width:auto !important;flex:1 1 0;min-width:0;}
  .sy_mod_f_bd{overflow-x:auto;}
  .grid_s{width:200px !important;flex:0 0 200px;}
  .grid_e{width:220px !important;flex:0 0 220px;}
  .grid_m{flex:1 1 auto !important;width:auto !important;min-width:0;}
}

/* ===== <=1024（iPad 横屏 / 小平板）===== */
@media (max-width:1024px){
  .ickey-stage{gap:6px;height:440px;}
  .hero-cate{flex:0 0 150px !important;width:150px !important;height:440px;}
  .hero-cate .menu-class-body{height:400px !important;width:150px;}
  .hero-cate .menuclass-content{min-height:400px !important;}
  .hero-notice{flex:0 0 168px !important;width:168px !important;}
  .menu-class-body li a{font-size:12px;}
  .hy-zx-box{overflow-x:auto;}
}

/* ===== <=860（平板竖屏）：隐藏右侧公告栏，中间广告区占满 ===== */
@media (max-width:860px){
  .ickey-stage{height:430px;}
  .hero-cate{flex:0 0 140px !important;width:140px !important;height:430px;}
  .hero-cate .menu-class-body{height:390px !important;width:140px;}
  .hero-cate .menuclass-content{min-height:390px !important;}
  .hero-notice{display:none !important;}
  .menu-main-left{overflow-x:auto;}
  .menu-main .nav-tel{flex:1 1 200px !important;min-width:160px;}
}

/* ===== <=768（小平板）：广告区横向滚动兜底，各列保持最小宽度不挤压变形 ===== */
@media (max-width:768px){
  .ickey-stage{flex-wrap:nowrap !important;overflow-x:auto;height:420px;}
  .hero-cate{flex:0 0 140px !important;width:140px !important;height:420px;}
  .hero-cate .menu-class-body{height:380px !important;}
  .hero-cate .menuclass-content{min-height:380px !important;}
  .hero-center{flex:0 0 560px !important;width:560px !important;height:420px;}
  .m_new .m_l{width:160px !important;flex:0 0 160px;}
}

/* ===== <=480（手机）===== */
@media (max-width:480px){
  .ickey-stage{height:360px;}
  .hero-cate{height:360px;}
  .hero-center{flex:0 0 340px !important;width:340px !important;height:360px;}
  .menu-main .nav-tel{display:none !important;}
}