/* ============================================================
   mobile.css — 移动端适配层
   全部规则仅在 max-width:1024px 生效，桌面端（>1024px）零影响
   原 style.css 不做任何修改
   ============================================================ */
@media only screen and (max-width:1024px){

  html{-webkit-text-size-adjust:100%;}

  /* ---------- 容器 ---------- */
  .w1000,.w1200{width:100%!important;padding:0 14px!important;box-sizing:border-box;}
  .fl,.fr{float:none!important;}

  /* ---------- 头部与导航 ---------- */
  #header{height:auto!important;background-size:cover!important;padding-bottom:6px;}
  #header .w1000{display:flex;flex-direction:column;align-items:center;}
  #logo{float:none!important;margin:12px auto 4px!important;display:block;}
  #nav{float:none!important;margin:0!important;width:100%!important;display:flex;flex-wrap:wrap;justify-content:center;border-top:1px solid rgba(0,0,0,.07);}
  #nav > li{float:none!important;position:static!important;}
  #nav > li > a{width:auto!important;height:auto!important;padding:11px 13px!important;font-size:14px!important;line-height:1!important;}
  #nav > li > a:hover,#nav a.active{background:none!important;color:#d9271d!important;}
  #nav ul{display:none!important;}   /* 二级菜单在移动端收起，产品子类可从 PRODUCTS 页左侧导航进入 */

  /* ---------- 轮播图 ---------- */
  .advertise{height:190px!important;margin:0!important;display:block!important;overflow:hidden!important;}
  .advertise.min{height:150px!important;}
  .size{height:190px!important;}
  .min .size{height:150px!important;}
  .rslides{height:auto!important;}
  .rslides li{height:190px!important;}
  .min .rslides li{height:150px!important;}
  .rslides li a{height:190px!important;background-size:cover!important;background-position:center center!important;}
  .min .rslides li a{height:150px!important;}
  .rslides_tabs{bottom:6px!important;}
  .rslides_tabs a{width:26px!important;height:6px!important;margin-right:6px!important;}

  /* ---------- 首页三栏 ---------- */
  .page_link{margin-top:24px!important;}
  .company,.case,.contact{width:100%!important;margin:0 0 22px!important;float:none!important;}
  .company img{width:100%!important;height:auto!important;}
  .case ul{width:100%!important;}
  .case li{width:31.5%!important;height:auto!important;margin:0 2.75% 10px 0!important;}
  .case li:nth-child(3n){margin-right:0!important;}
  .case li img{width:100%!important;height:auto!important;}
  .contact img{max-width:100%!important;}

  /* ---------- 内页左右布局 ---------- */
  .mt20{margin-top:14px!important;}
  #aside{width:100%!important;float:none!important;margin-bottom:18px;}
  #aside h2{width:100%!important;height:auto!important;padding:12px 16px!important;font-size:18px!important;background-size:100% 100%!important;box-sizing:border-box;}
  #aside .news{width:100%!important;}
  #aside .news .switch_bar li{width:100%!important;}
  #aside .news .list li{width:100%!important;box-sizing:border-box;}
  #aside .leftimg{display:none!important;}
  /* ---------- 分类菜单：修复背景图被移出可视区（上一版 background-size 拉伸导致） ---------- */
  #menu > li > a{
    background:#9ccecf!important;background-image:none!important;
    color:#0e4d49!important;
    border-radius:3px;
    font-weight:normal!important;
  }
  #menu > li.on > a,#menu > li.active > a,#menu > li > a:hover{
    background:#66cc99!important;
    color:#0a4433!important;
    font-weight:bold!important;
  }

  #menu{display:flex;flex-wrap:wrap;justify-content:space-between;}
  #menu > li{width:49%!important;margin-bottom:8px;}
  #menu > li > a{width:100%!important;margin-top:0!important;box-sizing:border-box;text-indent:16px!important;background-size:100% 100%!important;}
  #content{width:100%!important;float:none!important;border:0!important;}

  /* ---------- 面包屑 ---------- */
  .bread_nav{height:auto!important;padding:10px 12px!important;}
  .bread_nav li{float:none!important;display:inline!important;font-size:12px!important;line-height:1.7!important;}

  /* ---------- 产品列表 ---------- */
  #photo_list{width:100%!important;overflow:visible!important;}
  #photo_list ul{width:100%!important;}
  #photo_list li{width:31.5%!important;height:auto!important;float:left!important;margin:8px 2.75% 8px 0!important;}
  #photo_list li:nth-child(3n){margin-right:0!important;}
  #photo_list li img{width:100%!important;height:auto!important;}
  #photo_list li p{width:100%!important;height:auto!important;font-size:12px!important;line-height:1.5!important;}

  /* ---------- 产品详情 ---------- */
  .chanpin{padding:8px!important;}
  .chanpin1 img{width:100%!important;height:auto!important;float:none!important;display:block;margin:0 auto 12px!important;}
  .chanpin1R{width:100%!important;float:none!important;}
  .chanpin1R h1,.chanpin1R h3{font-size:19px!important;line-height:1.4!important;}
  .chanpin2{width:100%!important;overflow-x:auto;}
  .chanpin2 table{width:100%!important;}

  /* ---------- 新闻详情 ---------- */
  #news_detail{width:100%!important;padding:16px 12px!important;box-sizing:border-box;}
  #news_detail h1,#news_detail h2{font-size:17px!important;line-height:1.5!important;}
  #news_detail .text{padding:16px 0!important;}

  /* ---------- 富文本正文 ---------- */
  .editBox{padding:16px 12px!important;font-size:14px!important;line-height:1.8!important;}

  /* ---------- 图片 / 表格 / 视频 ---------- */
  img{max-width:100%!important;height:auto!important;}
  table{max-width:100%!important;}
  iframe,video{max-width:100%!important;}

  /* ---------- 页脚 ---------- */
  #footer{margin-top:30px!important;padding:14px 0!important;}
  #botNav{float:none!important;text-align:center;}
  #botNav li{display:inline-block!important;padding:4px 8px!important;}
  .cr{float:none!important;text-align:center;margin-top:8px!important;}

  /* ---------- 浮动留言框：移动端会遮挡正文 ---------- */
  .short_msg{display:none!important;}

  /* ---------- 表单控件 ---------- */
  input[type=text],input[type=email],input[type=tel],textarea{max-width:100%!important;box-sizing:border-box;}

  /* ============================================================
     侧栏 NEWS 模块 —— 移动端移到正文下方 + 标题完整显示
     桌面端（>1024px）不受任何影响
     ============================================================ */

  /* 1) 内页容器改成纵向 flex，让 #aside 的子元素可参与排序 */
  .w1000.clr{display:flex!important;flex-direction:column!important;}
  .w1000.clr::after{display:none!important;}          /* 去掉 clearfix 伪元素占位 */
  .w1000.clr.page_link{display:block!important;}      /* 首页三栏：还原为 block */
  .w1000.clr.page_link::after{display:block!important;}/* 首页三栏：还原 clearfix */

  /* 2) #aside 自身不再参与布局，其子元素提升为容器的直接子项 */
  #aside{display:contents!important;}

  /* 3) 排序：栏目名 → 分类菜单 → 正文 → NEWS */
  #aside h2{order:0!important;}
  #menu{order:1!important;}
  #content{order:2!important;}
  #aside .news{order:3!important;margin:26px 0 0!important;width:100%!important;}

  /* 4) NEWS 标题条：原图固定 215px 宽，移动端铺满并改为纯色 */
  #aside .news .switch_bar{display:block!important;}
  #aside .news .switch_bar li{
    float:none!important;
    width:100%!important;height:auto!important;
    padding:12px 0!important;margin:0!important;
    background:#f1d106!important;background-image:none!important;
    border-radius:4px 4px 0 0;
    font-size:15px!important;letter-spacing:2px!important;
    box-sizing:border-box;
  }
  #aside .news .list{padding:6px 12px!important;box-sizing:border-box;border-radius:0 0 4px 4px;}

  /* 5) 新闻标题：取消 33px 单行硬切，改为完整换行显示 */
  #aside .news .list li{
    float:none!important;
    width:100%!important;height:auto!important;min-height:0!important;
    overflow:visible!important;
    font:13px/1.55 Verdana!important;
    padding:9px 0 9px 16px!important;
    list-style:none!important;
    position:relative;
    box-sizing:border-box;
    white-space:normal!important;
    word-break:break-word;
    border-bottom:1px dashed #dcdcdc;
  }
  #aside .news .list li:last-child{border-bottom:0!important;}
  #aside .news .list li::before{
    content:"›";
    position:absolute;left:2px;top:9px;
    color:#016eb8;font-weight:bold;font-size:13px;line-height:1.55;
  }
  #aside .news .list li a{display:inline!important;line-height:1.55!important;}

}

/* ============================================================
   桌面端：模板里硬编码在标题后的 "..." 已移除（移动端要完整显示），
   这里用伪元素在桌面端原样补回 —— 桌面端视觉与改动前完全一致
   ============================================================ */
#aside .news .list li a::after{content:"...";}
@media only screen and (max-width:1024px){
  #aside .news .list li a::after{content:none!important;}
}