/* ============================================================
   lists-article-v1.css
   新闻中心列表页 ｜ 1:1 静态照抄 https://www.digitalchina.com/aboutus/news.html
   PC docW=2062 基准，所有尺寸/字号/间距 1:1 compute value
   注：activity-swiper-title-bg-on.webp / activity-swiper-title-bg.webp 本地缺失
       → 第 260-320 行用 CSS linear-gradient 近似替代，可随时替换为真实图
   ============================================================ */

/* ------------------------------------------------------------
   通用公共 & clearfix / animate / js-m 滚动入场
   ------------------------------------------------------------ */
.clearfix{display:block;}
.clearfix::after{content:'';display:block;clear:both;}
.js-m{opacity:0;visibility:hidden;-webkit-transform:translateY(30px);-ms-transform:translateY(30px);transform:translateY(30px);-webkit-transition:opacity .8s ease,-webkit-transform .8s ease;transition:opacity .8s ease,transform .8s ease;}
.js-m.animate{opacity:1;visibility:visible;-webkit-transform:none;-ms-transform:none;transform:none;}
.delay1{-webkit-transition-delay:.08s;transition-delay:.08s;}
.delay2{-webkit-transition-delay:.22s;transition-delay:.22s;}
.delay3{-webkit-transition-delay:.38s;transition-delay:.38s;}
.hidden-xs{display:block !important;}
.visible-xs{display:none !important;}
body{margin:0;padding:0;background:#ffffff none;}
*,*::before,*::after{-webkit-box-sizing:border-box;box-sizing:border-box;}
a{color:inherit;text-decoration:none;}
img{max-width:100%;vertical-align:middle;border:0;}
ul,ol{list-style:none;margin:0;padding:0;}

/* ------------------------------------------------------------
   容器通用：edit-container 1623 居中（原版 news.html 没有 .news-container）
   ------------------------------------------------------------ */
.edit-container{
  width:100%;
  max-width:1623px;
  margin:0 auto;
  padding:0;
  display:block;
  box-sizing:border-box;
}

/* ------------------------------------------------------------
   SECTION 1 / BANNER 关于狗子28 w=2062 h=896
   1:1 compute:
   .product-banner.about-banner
   banner-inner absolute top=447.844
   title h=65 fs=43.2 lh=64.8 fw=700
   cont h=39 fs=21.6 lh=38.88
   banner-nav absolute bottom=86.4
   9 li 固定宽: 130 / 86 / 86 / 40 / 86 / 108.active / 86 / 86 / 86
   ------------------------------------------------------------ */
.product-banner.about-banner{
  width:100%;
  min-width:1200px;
  height:auto;
  min-height:620px;
  position:relative;
  overflow:hidden;
  background:#10233f;
  display:block;
}
.product-banner.about-banner video{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
  object-position:center top;
  position:absolute;
  inset:0;
  z-index:0;
}
.product-banner.about-banner > img.visible-xs{
  width:100%;
  height:auto;
  display:none;
}
.product-banner.about-banner .video-play{
  position:absolute;
  right:60px;
  bottom:60px;
  width:60px;
  height:60px;
  border-radius:50%;
  background:transparent;
  background-color:rgba(0,0,0,.42);
  z-index:9;
  cursor:pointer;
  opacity:.9;
}
.product-banner.about-banner .banner-inner{
  position:absolute;
  left:0;
  top:310px;
  width:100%;
  z-index:3;
}
.product-banner.about-banner .banner-inner .edit-container{
  width:100%;
  max-width:1200px;
  margin:0 auto;
  padding:0;
  text-align:left;
  height:114px;
}
.product-banner.about-banner .banner-inner .title{
  width:100%;
  height:64px;
  font-size:42px;
  line-height:64px;
  font-weight:700;
  color:#ffffff;
  margin:0;
  padding:0;
}
.product-banner.about-banner .banner-inner .cont{
  width:auto;
  max-width:980px;
  height:38px;
  font-size:20px;
  line-height:38px;
  font-weight:400;
  color:rgba(255,255,255,.92);
  margin:10px 0 0;
  padding:0;
}
.product-banner.about-banner .banner-nav{
  position:absolute;
  left:0;
  bottom:58px;
  width:100%;
  z-index:4;
}
.product-banner.about-banner .banner-nav .edit-container{
  width:100%;
  max-width:1200px;
  margin:0 auto;
  padding:0;
  height:64px;
}
.product-banner.about-banner .banner-nav ul.clearfix{
  width:100%;
  height:64px;
  margin:0;
  padding:0;
  list-style:none;
  display:block;
}
.product-banner.about-banner .banner-nav ul.clearfix::after{content:'';display:block;clear:both;}
.product-banner.about-banner .banner-nav ul.clearfix li{
  float:left;
  height:64px;
  padding:0;
  margin:0 0 0 0;
  box-sizing:border-box;
  text-align:center;
  line-height:64px;
}
/* 9 li 宽度 1:1 原版 offsetWidth (ul w1200) */
.product-banner.about-banner .banner-nav ul.clearfix li:nth-child(1){width:110px;}
.product-banner.about-banner .banner-nav ul.clearfix li:nth-child(2){width:72px;}
.product-banner.about-banner .banner-nav ul.clearfix li:nth-child(3){width:72px;}
.product-banner.about-banner .banner-nav ul.clearfix li:nth-child(4){width:34px;}
.product-banner.about-banner .banner-nav ul.clearfix li:nth-child(5){width:72px;}
.product-banner.about-banner .banner-nav ul.clearfix li:nth-child(6){width:92px;}
.product-banner.about-banner .banner-nav ul.clearfix li:nth-child(7){width:72px;}
.product-banner.about-banner .banner-nav ul.clearfix li:nth-child(8){width:72px;}
.product-banner.about-banner .banner-nav ul.clearfix li:nth-child(9){width:72px;}

.product-banner.about-banner .banner-nav ul.clearfix li a{
  display:inline-block;
  vertical-align:middle;
  width:auto;
  height:auto;
  line-height:64px;
  text-align:center;
  font-size:20px;
  font-weight:400;
  color:rgba(255,255,255,.9);
  background:transparent;
  border-radius:0;
  -webkit-transition:all .3s ease;
  transition:all .3s ease;
  position:relative;
  padding:0;
  box-sizing:border-box;
  white-space:nowrap;
  overflow:visible;
  text-overflow:clip;
}
.product-banner.about-banner .banner-nav ul.clearfix li a:hover,
.product-banner.about-banner .banner-nav ul.clearfix li.active a{
  color:#ffffff;
  background:transparent;
  font-weight:500;
}
.product-banner.about-banner .banner-nav ul.clearfix li.active a::after{
  content:'';
  position:absolute;
  left:50%;
  bottom:0;
  -webkit-transform:translateX(-50%);
      -ms-transform:translateX(-50%);
          transform:translateX(-50%);
  height:3px;
  width:48px;
  background:#ffd43b;
  display:block;
}

/* ------------------------------------------------------------
   SECTION 2 / 最新活动 activity-section h=1174
   1:1 compute:
   pad=135.005 / 113.404 bg=rgb(235,239,241)
   sub-title-box h=65 fs=43.2 fw=700 color=#000
   activity-inner margin-top=48.6 h=627
   activity-swiper: w1623 h627 bg#fff border-radius=21.6 shadow
     swiper-container relative
       swiper-wrapper 1623 627
         swiper-slide 1623 627 clearfix
           div.img float:left 941 627 < img
           div.cont-right float:right 682 617 padding=54
             div.time: day(fs49.64 fw700 h50) + date(fs25.92 h26)
             div.title(fs32.4 lh48.6 fw700 h97)
             div.cont(fs25.92 lh46.656 h93)
             div.more-btn > a bg tdec22d2e_home-banner-btn-bg.webp w333 h65 lh64.8
       swiper-pagination absolute w48 h32 left=1536.72 bot=37.8 fs=21.6
     swiper-arrow-prev / next absolute w43 h43 top=313.594
   activity-title-box margin-top=27 h=158
     ul.clearfix w1649 margin=±12.96
       4× li w412 h158 padding=12.96
         .block-box w386 h158 padding=27 (T/L/R)
   ------------------------------------------------------------ */
.activity-section{
  width:100%;
  min-width:1200px;
  height:auto;
  min-height:0;
  padding:80px 0;
  background:#ebeff1 none;
  overflow:visible;
  position:relative;
}
.activity-section .sub-title-box{
  width:100%;
  max-width:1200px;
  margin:0 0 0;
  text-align:left;
  padding:0;
  height:50px;
}
.activity-section .sub-title-box .title{
  width:100%;
  height:50px;
  font-size:32px;
  line-height:48px;
  font-weight:700;
  color:#000000;
  text-align:left;
  display:block;
  margin:0;
  padding:0;
}
.activity-section .activity-inner{
  width:100%;
  max-width:1200px;
  margin:36px auto 0;
  display:block;
  padding:0;
  position:relative;
  height:460px;
}
.activity-section .activity-swiper{
  width:100%;
  height:460px;
  position:relative;
  overflow:hidden;
  background:#ffffff none;
  border-radius:16px;
  box-shadow:rgba(87,87,91,.20) 0 0 36px 0;
}
/* swiper-container / swiper-wrapper / swiper-slide 静态化 1:1 */
.activity-section .activity-swiper .swiper-container{
  position:relative;
  width:100%;
  height:100%;
  overflow:hidden;
}
.activity-section .activity-swiper .swiper-wrapper{
  width:100%;
  height:100%;
  position:relative;
  display:block;
}
.activity-section .activity-swiper .swiper-slide{
  width:100%;
  height:460px;
  display:block;
  position:relative;
  float:left;
}
.activity-section .activity-swiper .swiper-slide::after{content:'';display:block;clear:both;}
.activity-section .activity-swiper .swiper-slide > div.img{
  float:left;
  width:690px;
  height:460px;
  overflow:hidden;
  background:#dfe6ee;
}
.activity-section .activity-swiper .swiper-slide > div.img img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center center;
  display:block;
}
.activity-section .activity-swiper .swiper-slide > div.cont-right{
  float:right;
  width:510px;
  min-height:450px;
  padding:40px;
  box-sizing:border-box;
}
.activity-section .activity-swiper .swiper-slide > div.cont-right > div.time{
  width:100%;
  height:64px;
  padding:0;
  margin:0 0 0;
}
.activity-section .activity-swiper .swiper-slide > div.cont-right > div.time > div.day{
  width:100%;
  height:36px;
  font-size:36px;
  line-height:36px;
  font-weight:700;
  color:#000000;
  margin:0 0 0;
  padding:0;
}
.activity-section .activity-swiper .swiper-slide > div.cont-right > div.time > div.date{
  width:100%;
  height:20px;
  font-size:18px;
  line-height:20px;
  font-weight:400;
  color:#000000;
  margin:8px 0 0;
  padding:0;
}
.activity-section .activity-swiper .swiper-slide > div.cont-right > div.title{
  width:100%;
  max-height:72px;
  overflow:hidden;
  font-size:24px;
  line-height:36px;
  font-weight:700;
  color:#000000;
  margin:8px 0 0;
  padding:0;
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
  line-clamp:2;
  word-break:break-all;
}
.activity-section .activity-swiper .swiper-slide > div.cont-right > div.cont{
  width:100%;
  max-height:70px;
  overflow:hidden;
  font-size:18px;
  line-height:34px;
  font-weight:400;
  color:#000000;
  margin:16px 0 0;
  padding:0;
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
  line-clamp:2;
  word-break:break-all;
}
.activity-section .activity-swiper .swiper-slide > div.cont-right > div.more-btn{
  width:100%;
  height:50px;
  margin:20px 0 0;
  padding:0;
}
.activity-section .activity-swiper .swiper-slide > div.cont-right > div.more-btn a{
  display:inline-block;
  width:260px;
  height:50px;
  line-height:50px;
  padding:0 0 0 68px;
  box-sizing:border-box;
  font-size:15px;
  font-weight:400;
  color:#ffffff;
  background:transparent url(../picture/tdec22d2e_home-banner-btn-bg.webp) no-repeat 0 0 / 260px 50px;
  white-space:nowrap;
  cursor:pointer;
  margin:0;
}
/* swiper-pagination / swiper-arrow */
.activity-section .activity-swiper .swiper-pagination{
  position:absolute;
  right:40px;
  left:auto;
  bottom:28px;
  width:40px;
  height:24px;
  line-height:24px;
  font-size:16px;
  font-weight:400;
  color:#000000;
  text-align:center;
  z-index:15;
}
.activity-section .activity-swiper .swiper-arrow{
  position:absolute;
  top:230px;
  width:32px;
  height:32px;
  z-index:14;
  cursor:pointer;
  background-repeat:no-repeat;
  background-position:50% 50%;
  background-size:contain;
}
.activity-section .activity-swiper .swiper-arrow-prev{
  left:-58px;
  background-image:url(../picture/tde1dc95a_icon-swiper-arrow-prev.webp);
}
.activity-section .activity-swiper .swiper-arrow-next{
  right:-58px;
  background-image:url(../picture/tdeea46a0_icon-swiper-arrow-next.webp);
}

/* activity-title-box 4 条日期+标题卡（原版 activity-swiper-title-bg*.webp 缺失，用 CSS 渐变替代） */
.activity-section .activity-title-box{
  width:100%;
  max-width:1200px;
  margin:20px auto 0;
  padding:0;
  height:109px;
}
.activity-section .activity-title-box ul.clearfix{
  width:calc(100% + 20px);
  height:109px;
  margin:0 -10px;
  padding:0;
  display:block;
}
.activity-section .activity-title-box ul.clearfix::after{content:'';display:block;clear:both;}
.activity-section .activity-title-box ul.clearfix li{
  float:left;
  width:25%;
  height:109px;
  padding:0;
  box-sizing:border-box;
  margin:0 0 0 0;
}
.activity-section .activity-title-box ul.clearfix li .block-box{
  width:calc(100% - 20px);
  margin:0 10px;
  height:109px;
  padding:18px 20px;
  box-sizing:border-box;
  font-size:13px;
  line-height:20px;
  font-weight:400;
  color:#2a2a2a;
  overflow:hidden;
  word-break:break-all;
  /* 原版 activity-swiper-title-bg.webp → 近似米黄-浅棕 渐变 替代 */
  background:linear-gradient(135deg,#eef1f3 0%,#e1e6eb 100%) none;
  border-radius:3px;
}
.activity-section .activity-title-box ul.clearfix li.active .block-box{
  color:#ffffff;
  /* 原版 activity-swiper-title-bg-on.webp → 近似深棕-卡其 渐变 替代 */
  background:linear-gradient(135deg,#4a2e22 0%,#a56c3d 100%) none;
  border-radius:3.2px;
}

/* ------------------------------------------------------------
   SECTION 3 / 新闻中心 news-section h=2744
   bg=rgb(235,239,241) / pad=108/108
   1:1 news.html
   ------------------------------------------------------------ */
/* ------------------------------------------------------------
   SECTION 3 / 新闻资讯 news-section h=2744
   1:1 news.html (docW=2062 PC档)
   bg=rgb(235,239,241) / pad=108/108
   - news-top-box 左：DIV.title-left(直接文字「新闻资讯」 NO 红竖条！)
   - news-top-box 右：DIV.year-switch > DIV.title > A (bg=tde913ead_icon-year-arrow.webp 右侧定位 pad-right19.2) + DIV.hidden-box > UL 2026-2018 9年
   - news-list 3 列 ul.clearfix (li pad=±32.4 垂直 48.6)
   - base-page h=22 居中；prev/next 22×22 swiper-arrow 适配 page arrow 尺寸
   ------------------------------------------------------------ */
.news-section{
  width:100%;
  min-width:1200px;
  height:auto;
  min-height:0;
  padding:75px 0;
  background:#ebeff1 none;
  overflow:visible;
  position:relative;
}
.news-section .news-top-box{
  width:100%;
  max-width:1200px;
  margin:0 auto 48px;
  min-height:43px;
  padding:0;
  box-sizing:border-box;
  position:relative;
}
.news-section .news-top-box::after{content:'';display:block;clear:both;}
/* 左：标题「新闻资讯」 1:1 原版 直接 DIV.title-left (NO 红竖条，NO .nl-title 嵌套) */
.news-section .news-top-box .title-left{
  float:left;
  width:auto;
  height:42px;
  line-height:41.6px;
  padding:0;
  margin:0;
  font-size:19.2px;
  font-weight:400;
  color:#000000;
  text-align:left;
  white-space:nowrap;
  background:transparent;
  position:relative;
}
/* NO 红竖条（原版 news.html 没有左红竖条，是 survey V2 的旧样式；完全移除） */
.news-section .news-top-box .title-left::before{display:none !important;content:none;}
.news-section .news-top-box .title-left .nl-title{display:none;content:none;}

/* 右：按年份选择 year-switch 1:1 DOM：DIV.year-switch > DIV.title > A bg */
.news-section .news-top-box .year-switch{
  float:right;
  width:102px;
  height:42px;
  line-height:41.6px;
  padding:0;
  box-sizing:border-box;
  position:relative;
  z-index:5;
}
.news-section .news-top-box .year-switch .title{
  width:102px;
  height:42px;
  padding:0;
  margin:0;
  display:block;
}
.news-section .news-top-box .year-switch .title a{
  display:block;
  width:102px;
  height:42px;
  line-height:41.6px;
  padding:0 19.2px 0 0;
  margin:0;
  box-sizing:border-box;
  font-size:15.36px;
  font-weight:400;
  color:#000000;
  text-align:right;
  background:transparent url(../picture/tde913ead_icon-year-arrow.webp) no-repeat right 0 center / 13px 8px;
  cursor:pointer;
  white-space:nowrap;
}
/* 旧版 yl-label/yl-cur/yl-arrow DOM 已移除 → hide 避免 selector 命中 */
.news-section .news-top-box .year-switch .yl-label,
.news-section .news-top-box .year-switch .yl-cur,
.news-section .news-top-box .year-switch .yl-arrow{display:none !important;content:none;}
/* 下拉 hidden-box + ul (9 年 li) */
.news-section .news-top-box .year-switch .hidden-box{
  width:102px;
  max-height:0;
  height:0;
  overflow:hidden;
  position:absolute;
  right:0;
  top:42px;
  background:#ffffff none;
  z-index:10;
  -webkit-transition:max-height .25s ease;
  transition:max-height .25s ease;
}
.news-section .news-top-box .year-switch:hover .hidden-box,
.news-section .news-top-box .year-switch:focus-within .hidden-box{
  max-height:420px;
  height:auto;
  box-shadow:0 4px 14px rgba(0,0,0,.08);
}
.news-section .news-top-box .year-switch .hidden-box ul.clearfix{
  width:102px;
  margin:0;
  padding:4px 0;
  display:block;
}
.news-section .news-top-box .year-switch .hidden-box ul.clearfix li{
  width:102px;
  height:41.6px;
  padding:0;
  margin:0;
  float:none;
  display:block;
  line-height:41.6px;
}
.news-section .news-top-box .year-switch .hidden-box ul.clearfix li a{
  display:block;
  width:102px;
  height:41.6px;
  line-height:41.6px;
  padding:0 16px 0 14px;
  box-sizing:border-box;
  font-size:12.8px;
  font-weight:400;
  color:#000000;
  background:transparent;
  -webkit-transition:background-color .18s ease,color .18s ease;
  transition:background-color .18s ease,color .18s ease;
}
.news-section .news-top-box .year-switch .hidden-box ul.clearfix li a:hover{
  background:#f5f7fa;
  color:#d5021d;
}

/* --- 新闻列表 3 列 --- 原版：card border-radius=0 / NO shadow */
.news-section .news-list{
  width:100%;
  max-width:1200px;
  margin:0 auto;
  padding:0;
  display:block;
}
.news-section .news-list ul.clearfix{
  width:calc(100% + 36px);
  margin:0 -18px 0;
  padding:0;
  display:block;
}
.news-section .news-list ul.clearfix::after{content:'';display:block;clear:both;}
.news-section .news-list ul.clearfix li{
  float:left;
  width:33.3333%;
  padding:0 18px 36px;
  box-sizing:border-box;
  display:list-item;
  position:relative;
}
.news-section .news-list .nl-card{
  display:block;
  width:100%;
  height:100%;
  position:relative;
  background:#ffffff none;
  border-radius:0;            /* 原版 borderR=0，NO 圆角 */
  overflow:hidden;
  box-shadow:none;            /* 原版 NO shadow */
  -webkit-transition:-webkit-transform .35s ease;
  transition:transform .35s ease;
}
.news-section .news-list .nl-card:hover{
  -webkit-transform:translateY(-4px);
      -ms-transform:translateY(-4px);
          transform:translateY(-4px);
  box-shadow:none;
}
.news-section .news-list .nl-cover{
  width:100%;
  height:236px;
  overflow:hidden;
  background:#e9eff5;
  display:block;
}
.news-section .news-list .nl-cover img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center center;
  -webkit-transition:opacity .5s ease,-webkit-transform .6s ease;
  transition:opacity .5s ease,transform .6s ease;
  display:block;
}
.news-section .news-list .nl-card:hover .nl-cover img{
  -webkit-transform:scale(1.03);
      -ms-transform:scale(1.03);
          transform:scale(1.03);
}
.news-section .news-list .nl-info{
  width:100%;
  min-height:110px;
  padding:14px 18px 18px;
  box-sizing:border-box;
  background:#fff;
  position:relative;
}
.news-section .news-list .nl-info .nl-date{
  font-size:15px;
  line-height:20px;
  color:#6e8095;
  margin:0 0 10px;
  padding:0;
  font-weight:400;
}
.news-section .news-list .nl-info .nl-title-line{
  margin:0;
  padding:0;
  font-size:24px;
  line-height:36px;
  font-weight:600;
  color:#000000;
  max-height:108px;
  overflow:hidden;
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:3;
  line-clamp:3;
  word-break:break-all;
}

/* --- 分页 base-page 1:1 news.html --- */
.news-section .news-list .base-page{
  width:100%;
  max-width:1200px;
  height:26px;
  line-height:26px;
  margin:0 auto;
  padding:0;
  text-align:center;
  clear:both;
  font-size:0;
  display:block;
}
.news-section .news-list .base-page::after{content:'';display:block;clear:both;}
/* 2026-10-06 PC FIX：Eyou {eyou:pagelist listitem='pre,pageno,next'} 在某些 Eyous CMS 版本/模板下直接吐 <li>…</li>，不包 <ul>/<ol>（= li 裸挂在 div.base-page 下），
   li 默认 display:list-item width:100% 独占一行=竖排显示 bug。兼容两种 DOM 结构：直接子 li / ul 下子 li，全部强制 inline-block 横排。
   所有规则不加 !important，避免覆盖 @≤520 档移动端强样式（优先级 media 内 > 全局 PC 档） */
.news-section .news-list .base-page li,
.news-section .news-list .base-page > li{
  display:inline-block !important;
  width:auto !important;
  min-width:14px !important;
  max-width:none !important;
  height:26px !important;
  line-height:26px !important;
  padding:0 2px !important;
  margin:0 !important;
  float:none !important;
  vertical-align:middle !important;
  list-style:none !important;
  box-sizing:border-box !important;
}
/* 当前页 Eyous 原生 li.thisclass / span.active 双重兼容（旧版 Eyous 只有 thisclass 没 span.active） */
.news-section .news-list .base-page li.thisclass,
.news-section .news-list .base-page li.thisclass a,
.news-section .news-list .base-page li.thisclass span{
  color:#d5021d !important;
  line-height:25px !important;
  border-bottom:1px solid #d5021d !important;
  font-weight:700 !important;
  background:transparent !important;
}
.news-section .news-list .base-page a,
.news-section .news-list .base-page span{
  display:inline-block;
  vertical-align:middle;
  min-width:18px;
  height:26px;
  line-height:26px;
  padding:0 0;
  margin:0 4px;
  font-size:13.5px;
  font-weight:400;
  color:#000000;
  background:transparent;
  border:none;
  border-radius:0;
  -webkit-transition:all .2s ease;
  transition:all .2s ease;
  box-sizing:border-box;
  cursor:pointer;
  text-align:center;
  overflow:visible;
}
.news-section .news-list .base-page a:hover{
  color:#d5021d;
  background:transparent;
  border:none;
}
.news-section .news-list .base-page span.active{
  color:#d5021d;      /* 原版：#d7031d 大红 */
  background:transparent;
  border:none;
  border-bottom:1px solid #d5021d;
  font-weight:700;
  cursor:default;
}
/* prev / next 箭头：26×26，原版 icon-page-arrow-left/right.webp 本地缺失 → 复用 swiper-arrow 26×26 适配（CSS 精确 bg-size 26×26 即可） */
.news-section .news-list .base-page a.prev,
.news-section .news-list .base-page a.next{
  background:transparent url(../picture/tde1dc95a_icon-swiper-arrow-prev.webp) no-repeat 50% 50% / auto 16px;
  color:transparent;
  text-indent:-99999px;
  padding:0;
  width:26px;
  min-width:26px;
  height:26px;
  line-height:26px;
  margin:0 3px;
  border:none;
  -webkit-transition:-webkit-filter .2s ease;
  transition:filter .2s ease;
}
.news-section .news-list .base-page a.next{
  background:transparent url(../picture/tdeea46a0_icon-swiper-arrow-next.webp) no-repeat 50% 50% / auto 16px;
}
.news-section .news-list .base-page a.prev:hover,
.news-section .news-list .base-page a.next:hover{
  background-color:transparent;
  border:none;
  -webkit-filter:drop-shadow(0 0 0 #d5021d) brightness(.6) sepia(1) hue-rotate(-25deg) saturate(7);
          filter:drop-shadow(0 0 0 #d5021d) brightness(.6) sepia(1) hue-rotate(-25deg) saturate(7);
}

/* 响应式档同步清理旧 .nl-title / 红竖条 / .yl- 样式避免命中 */

/* ============================================================
   RESPONSIVE
   1. ≥ 1281（PC，上方默认）
   2. ≤ 1280（兼容 -ms-flexbox / prefix）保持 3 列
   3. ≤ 992 （平板）：banner 640h；3列→2列；activity 简化
   4. ≤ 520 （移动端）：banner ≤520 改 420h mobile图；2列→1列；所有字号 down
   ============================================================ */

/* --- 2. ≤ 1280 prefix 兼容档 --- */
@media (max-width: 1280px){
  .product-banner.about-banner{min-width:993px;height:896px;}
  .product-banner.about-banner .banner-inner{top:260px;}
  .product-banner.about-banner .banner-inner .edit-container{max-width:100%;padding:0 36px;}
  .product-banner.about-banner .banner-inner .cont{width:auto;}
  .product-banner.about-banner .banner-nav ul.clearfix{
    display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;
    -webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;
    -webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;
    height:auto;
  }
  .product-banner.about-banner .banner-nav ul.clearfix li{width:20%;padding:0 6px 12px;float:none;}
  .product-banner.about-banner .banner-nav ul.clearfix li:nth-child(1),
  .product-banner.about-banner .banner-nav ul.clearfix li:nth-child(2),
  .product-banner.about-banner .banner-nav ul.clearfix li:nth-child(3),
  .product-banner.about-banner .banner-nav ul.clearfix li:nth-child(4),
  .product-banner.about-banner .banner-nav ul.clearfix li:nth-child(5),
  .product-banner.about-banner .banner-nav ul.clearfix li:nth-child(6),
  .product-banner.about-banner .banner-nav ul.clearfix li:nth-child(7),
  .product-banner.about-banner .banner-nav ul.clearfix li:nth-child(8),
  .product-banner.about-banner .banner-nav ul.clearfix li:nth-child(9){width:20%;}
  .product-banner.about-banner .banner-nav .edit-container{padding:0 30px;max-width:100%;}
  .activity-section{min-width:993px;padding:80px 0 72px;min-height:auto;}
  .edit-container,
  .activity-section .sub-title-box,
  .activity-section .activity-inner,
  .activity-section .activity-title-box,
  .news-section .news-top-box,
  .news-section .news-list,
  .news-section .news-list .base-page{max-width:100%;padding:0 36px;}
  .news-section{min-width:993px;padding:72px 0;min-height:auto;}
  .activity-section .activity-inner{padding:0;margin-top:36px;}
  .activity-section .activity-swiper{height:auto;min-height:520px;}
  .activity-section .activity-swiper .swiper-slide{height:auto;min-height:520px;}
  .activity-section .activity-swiper .swiper-slide > div.img{width:54%;height:520px;}
  .activity-section .activity-swiper .swiper-slide > div.cont-right{width:46%;min-height:520px;padding:36px 36px 36px 36px;}
  .activity-section .activity-swiper .swiper-slide > div.cont-right > div.time,
  .activity-section .activity-swiper .swiper-slide > div.cont-right > div.title,
  .activity-section .activity-swiper .swiper-slide > div.cont-right > div.cont,
  .activity-section .activity-swiper .swiper-slide > div.cont-right > div.more-btn{width:100%;}
  .activity-section .activity-swiper .swiper-slide > div.cont-right > div.title{font-size:26px;line-height:38px;max-height:114px;margin-top:10px;}
  .activity-section .activity-swiper .swiper-slide > div.cont-right > div.cont{font-size:18px;line-height:30px;margin-top:18px;}
  .activity-section .activity-swiper .swiper-slide > div.cont-right > div.time{height:auto;}
  .activity-section .activity-swiper .swiper-slide > div.cont-right > div.time > div.day{font-size:40px;line-height:1.1;height:auto;}
  .activity-section .activity-swiper .swiper-slide > div.cont-right > div.time > div.date{font-size:20px;line-height:1.2;margin-top:6px;height:auto;}
  .activity-section .activity-swiper .swiper-arrow-prev{left:-36px;}
  .activity-section .activity-swiper .swiper-arrow-next{right:-36px;}
  .activity-section .activity-swiper .swiper-pagination{left:auto;right:36px;}
  .activity-section .activity-title-box{padding:0;margin-top:24px;height:auto;}
  .activity-section .activity-title-box ul.clearfix{width:calc(100% + 24px);margin:0 -12px;}
  .activity-section .activity-title-box ul.clearfix li{width:50%;height:auto;padding:12px;}
  .activity-section .activity-title-box ul.clearfix li .block-box{height:auto;min-height:130px;}
  .news-section .news-list{padding:0;}
  .news-section .news-list ul.clearfix{width:calc(100% + 48px);margin:0 -24px;}
  .news-section .news-list ul.clearfix li{width:33.3333%;padding:0 24px 36px;}
  .news-section .news-list .nl-cover{height:280px;}
  .news-section .news-list .nl-info .nl-title-line{font-size:22px;line-height:32px;max-height:96px;}
  /* --- news-section @≤1280 重写覆盖 旧继承 （news-top-box / year-switch / nl-card / base-page） 1:1 news.html --- */
  .news-section .news-top-box{min-height:42px;margin:0 0 42px;padding:0 36px;}
  .news-section .news-top-box .title-left{height:42px;line-height:38px;float:left;font-size:18px;}
  .news-section .news-top-box .title-left::before{display:none !important;content:none;}
  .news-section .news-top-box .title-left .nl-title{display:none;content:none;}
  .news-section .news-top-box .year-switch{float:right;width:102px;height:42px;line-height:40px;padding:0;margin-top:0;}
  .news-section .news-top-box .year-switch .yl-label,
  .news-section .news-top-box .year-switch .yl-cur,
  .news-section .news-top-box .year-switch .yl-arrow{display:none !important;content:none;}
  .news-section .news-top-box .year-switch .title{width:102px;height:42px;padding:0;margin:0;}
  .news-section .news-top-box .year-switch .title a{
    width:102px;height:42px;line-height:40px;padding:0 18px 0 0;
    font-size:14px;background-size:12px 8px;
  }
  .news-section .news-top-box .year-switch .hidden-box{width:102px;top:42px;}
  .news-section .news-top-box .year-switch .hidden-box ul.clearfix{width:102px;margin:0;padding:4px 0;}
  .news-section .news-top-box .year-switch .hidden-box ul.clearfix li{width:102px;height:40px;line-height:40px;padding:0;margin:0;float:none;}
  .news-section .news-top-box .year-switch .hidden-box ul.clearfix li a{width:102px;height:40px;line-height:40px;padding:0 14px;font-size:13px;}
  .news-section .news-list .nl-card{border-radius:0;box-shadow:none;}
  .news-section .news-list .base-page{padding:0;height:22px;line-height:22px;}
  .news-section .news-list .base-page li,
  .news-section .news-list .base-page > li{
    display:inline-block !important;width:auto !important;min-width:14px !important;
    height:22px !important;line-height:22px !important;
    padding:0 2px !important;margin:0 !important;float:none !important;
    vertical-align:middle !important;list-style:none !important;box-sizing:border-box !important;
  }
  .news-section .news-list .base-page a,
  .news-section .news-list .base-page span{
    min-width:15px;height:22px;line-height:22px;padding:0;margin:0 2px;
    font-size:11.52px;background:transparent;border:none;
  }
  .news-section .news-list .base-page a.prev,
  .news-section .news-list .base-page a.next{width:22px;height:22px;min-width:22px;line-height:22px;margin:0 2px;}
  .news-section .news-list .base-page span.active{border-bottom:1px solid #d5021d;font-weight:700;}
}

/* --- 3. ≤ 992 平板 --- */
@media (max-width: 992px){
  html{width:100%;min-width:0;max-width:100%;overflow-x:hidden;}
  body{width:100% !important;min-width:0 !important;max-width:100% !important;overflow-x:hidden !important;}
  .hidden-xs{display:none !important;}
  .visible-xs{display:block !important;}
  .product-banner.about-banner{
    min-width:0;
    width:100%;
    height:auto;
    min-height:540px;
    background:linear-gradient(180deg,#14274a 0%,#213d6a 100%);
  }
  .product-banner.about-banner video{display:none;}
  .product-banner.about-banner > img.visible-xs{display:block;height:540px;object-fit:cover;width:100%;}
  .product-banner.about-banner .video-play{display:none;}
  .product-banner.about-banner .banner-inner{top:130px;}
  .product-banner.about-banner .banner-inner .edit-container{padding:0 28px;max-width:100%;}
  .product-banner.about-banner .banner-inner .title{font-size:44px;line-height:58px;height:auto;}
  .product-banner.about-banner .banner-inner .cont{font-size:20px;line-height:32px;width:auto;height:auto;margin-top:10px;}
  .product-banner.about-banner .banner-nav{bottom:24px;}
  .product-banner.about-banner .banner-nav .edit-container{padding:0 24px;max-width:100%;}
  .product-banner.about-banner .banner-nav ul.clearfix li{width:33.3333%;padding:0 6px 10px;height:auto;line-height:46px;}
  .product-banner.about-banner .banner-nav ul.clearfix li a{height:46px;line-height:46px;font-size:15px;}
  .product-banner.about-banner .banner-nav ul.clearfix li:nth-child(1),
  .product-banner.about-banner .banner-nav ul.clearfix li:nth-child(2),
  .product-banner.about-banner .banner-nav ul.clearfix li:nth-child(3),
  .product-banner.about-banner .banner-nav ul.clearfix li:nth-child(4),
  .product-banner.about-banner .banner-nav ul.clearfix li:nth-child(5),
  .product-banner.about-banner .banner-nav ul.clearfix li:nth-child(6),
  .product-banner.about-banner .banner-nav ul.clearfix li:nth-child(7),
  .product-banner.about-banner .banner-nav ul.clearfix li:nth-child(8),
  .product-banner.about-banner .banner-nav ul.clearfix li:nth-child(9){width:33.3333%;}
  .activity-section{min-width:0 !important;max-width:100% !important;width:100% !important;padding:40px 0 36px !important;}
  .edit-container,
  .activity-section .sub-title-box,
  .activity-section .activity-inner,
  .activity-section .activity-title-box,
  .news-section,
  .news-section .news-top-box,
  .news-section .news-list,
  .news-section .news-list .base-page{min-width:0 !important;max-width:100% !important;width:100% !important;}
  .edit-container,
  .activity-section .sub-title-box,
  .news-section .news-top-box,
  .news-section .news-list .base-page{max-width:100%;padding:0 24px;}
  .activity-section .sub-title-box{margin:0 0 0;}
  .activity-section .sub-title-box .title{font-size:30px;line-height:44px;height:auto;}
  .activity-section .activity-inner{padding:0;margin-top:28px;min-width:0;}
  .activity-section .activity-swiper{height:auto;min-height:0;box-shadow:none;border-radius:0;overflow:visible !important;}
  .activity-section .activity-swiper .swiper-container,
  .activity-section .activity-swiper .swiper-wrapper,
  .activity-section .activity-swiper .swiper-slide{height:auto;min-height:0;overflow:visible !important;}
  .activity-section .activity-swiper .swiper-slide{
    display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;
    -webkit-box-orient:vertical;-webkit-box-direction:normal;
    -webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;
  }
  .activity-section .activity-swiper .swiper-slide > div.img{
    position:relative;
    width:100%;
    height:360px;
    float:none;
    left:auto;top:auto;
    overflow:visible !important;
  }
  .activity-section .activity-swiper .swiper-slide > div.cont-right{
    position:relative;
    width:100%;
    float:none;
    min-height:0;
    left:auto;right:auto;top:auto;bottom:auto;
    padding:24px 24px 24px;
  }
  .activity-section .activity-swiper .swiper-slide > div.cont-right > div.time{height:auto;margin-bottom:0;}
  .activity-section .activity-swiper .swiper-slide > div.cont-right > div.time > div.day{font-size:36px;height:auto;}
  .activity-section .activity-swiper .swiper-slide > div.cont-right > div.time > div.date{font-size:18px;height:auto;margin-top:4px;}
  .activity-section .activity-swiper .swiper-slide > div.cont-right > div.title{padding:0;font-size:22px;line-height:32px;max-height:96px;margin-top:10px;}
  .activity-section .activity-swiper .swiper-slide > div.cont-right > div.cont{padding:0;font-size:16px;line-height:26px;margin-top:12px;}
  .activity-section .activity-swiper .swiper-slide > div.cont-right > div.more-btn{margin-top:18px;}
  .activity-section .activity-swiper .swiper-arrow{display:none;}
  .activity-section .activity-swiper .swiper-pagination{position:relative;left:auto;right:auto;bottom:auto;margin:14px auto 0;text-align:center;}
  .activity-section .activity-title-box{padding:0 24px !important;margin:28px 0 0 !important;clear:both;}
  .activity-section .activity-title-box ul.clearfix li{width:50%;}
  .news-section{min-width:0;padding:32px 0;}
  .news-section .news-top-box{min-height:auto;margin:0 0 22px;padding:0;}
  .news-section .news-top-box .title-left{height:auto;float:none;font-size:18px;line-height:30px;}
  .news-section .news-top-box .title-left::before{display:none !important;}
  .news-section .news-top-box .title-left .nl-title{display:none;}
  .news-section .news-top-box .year-switch{float:none;height:auto;width:102px;margin-top:10px;padding:0;line-height:1;}
  .news-section .news-top-box .year-switch .yl-label,
  .news-section .news-top-box .year-switch .yl-cur{display:none !important;}
  .news-section .news-top-box .year-switch .title a{
    width:102px;height:40px;line-height:40px;padding:0 18px 0 0;
    font-size:14px;background-size:12px 8px;
  }
  .news-section .news-top-box .year-switch .hidden-box{width:102px;top:40px;}
  .news-section .news-top-box .year-switch .hidden-box ul.clearfix{width:102px;}
  .news-section .news-top-box .year-switch .hidden-box ul.clearfix li{width:102px;height:40px;line-height:40px;}
  .news-section .news-top-box .year-switch .hidden-box ul.clearfix li a{width:102px;height:40px;line-height:40px;font-size:13px;}
  .news-section .news-list{padding:0;}
  .news-section .news-list ul.clearfix{width:calc(100% + 32px);margin:0 -16px;}
  .news-section .news-list ul.clearfix li{width:50%;padding:0 16px 26px;}
  .news-section .news-list .nl-card{border-radius:0;box-shadow:none;}
  .news-section .news-list .nl-cover{height:220px;}
  .news-section .news-list .nl-info{padding:14px 16px 18px;min-height:130px;}
  .news-section .news-list .nl-info .nl-date{font-size:14px;line-height:18px;margin-bottom:8px;}
  .news-section .news-list .nl-info .nl-title-line{font-size:18px;line-height:28px;max-height:84px;}
  .news-section .news-list .base-page{padding:0;height:22px;line-height:22px;margin:14px auto 0;}
  .news-section .news-list .base-page li,
  .news-section .news-list .base-page > li{
    display:inline-block !important;width:auto !important;min-width:14px !important;
    height:22px !important;line-height:22px !important;
    padding:0 2px !important;margin:0 !important;float:none !important;
    vertical-align:middle !important;list-style:none !important;box-sizing:border-box !important;
  }
  .news-section .news-list .base-page a,
  .news-section .news-list .base-page span{
    min-width:15px;height:22px;line-height:22px;padding:0;font-size:12px;margin:0 2px;
    background:transparent;border:none;
  }
  .news-section .news-list .base-page a.prev,
  .news-section .news-list .base-page a.next{width:22px;height:22px;min-width:22px;line-height:22px;margin:0 2px;}
}

/* --- 4. ≤ 520 移动端 --- */
@media (max-width: 520px){
  /* 硬约束 0：common.css 全局 body{min-width:1200px} → 必须强制重置为 0，否则 body 撑到 1200w 横向溢出 840px =「移动端没有自适应」 */
  html{width:100%;min-width:0;max-width:100%;overflow-x:hidden;}
  body{
    width:100% !important;
    min-width:0 !important;
    max-width:100% !important;
    overflow-x:hidden !important;
    padding-top:40px !important;
  }
  .edit-container,
  .product-banner.about-banner,
  .activity-section,
  .activity-section .sub-title-box,
  .activity-section .activity-inner,
  .activity-section .activity-title-box,
  .news-section,
  .news-section .news-top-box,
  .news-section .news-list,
  .news-section .news-list .base-page,
  .banner-nav,
  .banner-nav .edit-container{min-width:0 !important;max-width:100% !important;width:100%;}
  .product-banner.about-banner{
    width:100%;
    min-height:520px;
    aspect-ratio:4 / 5;
    -webkit-aspect-ratio:4 / 5;
    background:linear-gradient(180deg,#14274a 0%,#213d6a 100%);
  }
  .product-banner.about-banner video{display:none;}
  .product-banner.about-banner > img.visible-xs{
    display:block;
    width:100%;
    height:100%;
    min-height:520px;
    aspect-ratio:4 / 5;
    -webkit-aspect-ratio:4 / 5;
    object-fit:cover;
  }
  .product-banner.about-banner .video-play{display:none;}
  .product-banner.about-banner .banner-inner{top:74px;}
  .product-banner.about-banner .banner-inner .edit-container{padding:0 16px;max-width:100%;}
  /* 硬约束 3：移动端标题 20-22px */
  .product-banner.about-banner .banner-inner .title{font-size:22px;line-height:32px;height:auto;margin-bottom:0;}
  /* 硬约束 3：移动端正文 14-15px */
  .product-banner.about-banner .banner-inner .cont{font-size:15px;line-height:24px;width:auto;height:auto;margin-top:8px;}
  .product-banner.about-banner .banner-nav{position:static;padding:20px 16px 22px;background:#14274a;}
  .product-banner.about-banner .banner-nav .edit-container{padding:0;}
  .product-banner.about-banner .banner-nav ul.clearfix{width:calc(100% + 12px);margin:0 -6px;}
  .product-banner.about-banner .banner-nav ul.clearfix li{width:50%;padding:0 6px 10px;height:auto;float:left;-webkit-box-sizing:border-box;box-sizing:border-box;}
  .product-banner.about-banner .banner-nav ul.clearfix li:nth-child(1),
  .product-banner.about-banner .banner-nav ul.clearfix li:nth-child(2),
  .product-banner.about-banner .banner-nav ul.clearfix li:nth-child(3),
  .product-banner.about-banner .banner-nav ul.clearfix li:nth-child(4),
  .product-banner.about-banner .banner-nav ul.clearfix li:nth-child(5),
  .product-banner.about-banner .banner-nav ul.clearfix li:nth-child(6),
  .product-banner.about-banner .banner-nav ul.clearfix li:nth-child(7),
  .product-banner.about-banner .banner-nav ul.clearfix li:nth-child(8),
  .product-banner.about-banner .banner-nav ul.clearfix li:nth-child(9){width:50%;float:left;}
  .product-banner.about-banner .banner-nav ul.clearfix li a{
    display:block !important;
    width:100% !important;
    height:40px;
    line-height:40px;
    font-size:14px;
    text-align:center;
    padding:0 8px;
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
  }
  /* 栏目头 Header 移动端适配：logo 区字号缩小 + 汉堡按钮 28×40 保证不溢出 */
  header .menu-layer,
  header .menu-bottom,
  header .menu-inner{min-width:0 !important;max-width:100% !important;}
  header .menu-logo{min-width:0;max-width:60%;padding-right:8px;}
  header .menu-logo img{max-width:100%;height:auto;max-height:22px;}
  header .menu-logo-text{font-size:13px !important;line-height:18px !important;}
  header .menu-logo-text .zh{font-size:13px !important;}
  header .menu-logo-text .en{font-size:10px !important;letter-spacing:0.5px;}
  header .menu-toggle{min-width:28px;min-height:40px;}
  .edit-container,
  .activity-section .sub-title-box,
  .news-section .news-top-box,
  .news-section .news-list .base-page{padding:0 16px;}
  /* 硬约束 2：Section 间隙 28px 统一 */
  .activity-section{min-width:0;padding:28px 0;}
  .activity-section + .news-section,
  body > .product-banner + .activity-section{margin-top:0;padding-top:28px;}
  .activity-section .sub-title-box{margin:0;}
  .activity-section .sub-title-box .title{font-size:20px;line-height:30px;}
  .activity-section .activity-inner{padding:0;margin-top:20px;min-width:0;}
  .activity-section .activity-swiper{height:auto;min-height:0;box-shadow:none;border-radius:0;overflow:visible !important;}
  .activity-section .activity-swiper .swiper-container,
  .activity-section .activity-swiper .swiper-wrapper,
  .activity-section .activity-swiper .swiper-slide{height:auto;min-height:0;overflow:visible !important;}
  .activity-section .activity-swiper .swiper-slide{
    display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;
    -webkit-box-orient:vertical;-webkit-box-direction:normal;
    -webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;
  }
  .activity-section .activity-swiper .swiper-slide > div.img{
    position:relative;
    width:100%;
    height:auto;
    min-height:220px;
    aspect-ratio:16 / 10;
    -webkit-aspect-ratio:16 / 10;
    float:none;
    left:auto;top:auto;
  }
  .activity-section .activity-swiper .swiper-slide > div.img img{width:100%;height:100%;object-fit:cover;display:block;}
  .activity-section .activity-swiper .swiper-slide > div.cont-right{
    position:relative;
    width:100%;
    float:none;
    min-height:0;
    left:auto;right:auto;top:auto;bottom:auto;
    padding:16px 16px 16px;
  }
  .activity-section .activity-swiper .swiper-slide > div.cont-right > div.time{height:auto;margin-bottom:0;}
  .activity-section .activity-swiper .swiper-slide > div.cont-right > div.time > div.day{font-size:28px;height:auto;line-height:1.1;}
  .activity-section .activity-swiper .swiper-slide > div.cont-right > div.time > div.date{font-size:15px;height:auto;margin-top:4px;line-height:1.2;}
  .activity-section .activity-swiper .swiper-slide > div.cont-right > div.title{padding:0;font-size:18px;line-height:26px;max-height:78px;margin-top:8px;}
  .activity-section .activity-swiper .swiper-slide > div.cont-right > div.cont{padding:0;font-size:14px;line-height:22px;margin-top:10px;}
  .activity-section .activity-swiper .swiper-slide > div.cont-right > div.more-btn{margin-top:16px;}
  .activity-section .activity-swiper .swiper-arrow{display:none;}
  .activity-section .activity-swiper .swiper-pagination{position:relative;left:auto;right:auto;bottom:auto;margin:14px auto 0;text-align:center;}
  .activity-section .activity-title-box{padding:0 16px !important;margin:26px 0 0 !important;clear:both;}
  .activity-section .activity-title-box ul.clearfix{width:100%;margin:0;}
  .activity-section .activity-title-box ul.clearfix li{width:100%;padding:0 0 12px;float:none;}
  .activity-section .activity-title-box ul.clearfix li .block-box{min-height:80px;height:auto;padding:14px 16px;font-size:14px;line-height:22px;}
  /* 硬约束 2：news Section 顶部距 activity=28px（统一 padding:28px 0） */
  .news-section{min-width:0;padding:28px 0;}
  .news-section .news-top-box{margin-bottom:16px;padding:0;}
  /* 移动端标题 16-18px */
  .news-section .news-top-box .title-left{font-size:18px;line-height:28px;height:auto;float:none;display:block;width:100%;}
  .news-section .news-top-box .title-left::before{display:none !important;}
  .news-section .news-top-box .title-left .nl-title{display:none;}
  .news-section .news-top-box .year-switch{float:none;width:96px;height:auto;margin-top:10px;padding:0;}
  .news-section .news-top-box .year-switch .yl-label,
  .news-section .news-top-box .year-switch .yl-cur{display:none !important;}
  .news-section .news-top-box .year-switch .title a{
    width:96px;height:36px;line-height:36px;padding:0 16px 0 0;
    font-size:13px;background-size:11px 7px;
  }
  .news-section .news-top-box .year-switch .hidden-box{width:96px;top:36px;}
  .news-section .news-top-box .year-switch .hidden-box ul.clearfix{width:96px;margin:0;padding:4px 0;}
  .news-section .news-top-box .year-switch .hidden-box ul.clearfix li{width:96px;height:36px;line-height:36px;padding:0;margin:0;float:none;}
  .news-section .news-top-box .year-switch .hidden-box ul.clearfix li a{width:96px;height:36px;line-height:36px;font-size:12px;padding:0 14px;}
  .news-section .news-list{padding:0;}
  .news-section .news-list ul.clearfix{width:100%;margin:0;}
  .news-section .news-list ul.clearfix li{width:100%;padding:0 0 22px;float:none;}
  .news-section .news-list .nl-card{border-radius:0;box-shadow:none;}
  .news-section .news-list .nl-cover{
    height:auto;
    min-height:210px;
    aspect-ratio:16 / 10;
    -webkit-aspect-ratio:16 / 10;
  }
  .news-section .news-list .nl-cover img{width:100%;height:100%;object-fit:cover;display:block;}
  .news-section .news-list .nl-info{min-height:90px;height:auto;padding:12px 14px 16px;}
  .news-section .news-list .nl-info .nl-date{font-size:13px;line-height:17px;margin-bottom:6px;}
  /* 移动端正文 14px（用户实测 fs=16 撑大 h=129=5.5 行占满半屏 → 缩 14px 行高 22）*/
  .news-section .news-list .nl-info{font-size:14px !important;line-height:22px !important;}
  .news-section .news-list .nl-info .nl-title-line{font-size:17px;line-height:26px;max-height:78px;}
  /* Bug Fix：Eyou pagelist 输出 <li> 每个默认 block → w=326 独占1行→8行=176h！应 inline-block 排在 h=22 行 */
  .news-section .news-list .base-page{margin-top:8px;padding:0;height:22px;line-height:22px;font-size:0;white-space:nowrap;text-align:center;overflow:hidden;}
  .news-section .news-list .base-page ul,
  .news-section .news-list .base-page ol,
  .news-section .news-list .base-page > ul,
  .news-section .news-list .base-page > ol,
  .news-section .news-list .base-page{list-style:none;margin:0;padding:0;}
  .news-section .news-list .base-page li{
    display:inline-block !important;
    width:auto !important;
    min-width:14px !important;
    height:22px !important;line-height:22px !important;
    padding:0 2px !important;
    margin:0 !important;
    float:none !important;
    vertical-align:middle !important;
    list-style:none !important;
    box-sizing:border-box !important;
  }
  .news-section .news-list .base-page li a,
  .news-section .news-list .base-page li span{
    display:inline-block !important;
    min-width:14px !important;height:22px !important;line-height:22px !important;padding:0 4px;
    font-size:11px !important;
    margin:0 1px;
    background:transparent;border:none;
    vertical-align:middle;
    text-align:center;
  }
  .news-section .news-list .base-page li.thisclass a,
  .news-section .news-list .base-page li.thisclass span,
  .news-section .news-list .base-page li.thisclass{
    color:#c00 !important;
    border-bottom:1px solid #c00 !important;
    line-height:21px !important;
  }
  .news-section .news-list .base-page a.prev,
  .news-section .news-list .base-page li a.prev,
  .news-section .news-list .base-page a.next,
  .news-section .news-list .base-page li a.next{
    display:inline-block !important;
    width:22px !important;height:22px !important;min-width:22px !important;line-height:22px !important;
    padding:0 !important;margin:0 1px !important;
  }
  /* Footer @≤520 移动端自适应：h=705(1.9屏) → 缩到 ≤420；核心修 logo IMG 高108→48；brands-grid 单列→2列紧凑；copy-inner 缩行高 */
  footer,
  footer .footer-main,
  footer .footer-mid,
  footer .footer-copy{min-width:0 !important;max-width:100% !important;width:100% !important;height:auto !important;}
  footer .footer-inner,
  footer .footer-mid-inner,
  footer .footer-copy-inner{
    min-width:0 !important;max-width:100% !important;width:100% !important;height:auto !important;
    display:block !important;float:none !important;
    padding:10px 16px !important;margin:0 !important;
  }
  footer .footer-inner > *,
  footer .footer-mid-inner > *,
  footer .footer-copy-inner > *{
    display:block !important;width:100% !important;float:none !important;min-width:0 !important;max-width:100% !important;
    padding:0 !important;margin:0 0 8px 0 !important;
  }
  footer, footer *{font-size:12px !important;line-height:18px !important;}
  footer .footer-main{padding-top:10px !important;}
  footer .footer-mid{padding-top:0 !important;}
  footer .footer-copy{padding:4px 0 10px !important;}
  /* ① Brand Logo IMG 从 108h 砍到 ≤48h（省 60h！） */
  footer .footer-brand > a,
  footer .footer-brand > a:first-child{height:auto;display:block;}
  footer .footer-brand img{max-height:44px !important;height:auto !important;width:auto !important;max-width:65% !important;}
  footer .footer-brand .brand-text{font-size:12px !important;line-height:16px !important;height:auto !important;}
  footer .footer-brand .stock-line{font-size:11px !important;line-height:18px !important;margin-top:2px !important;}
  /* ② brands-grid：原 7 个 block 单列 h=112 → 2 列 float:left 紧凑，h 缩到 ~56 */
  footer .footer-brands-grid{width:calc(100% + 8px);margin:0 -4px !important;font-size:0;}
  footer .footer-brands-grid a{
    display:inline-block !important;
    width:calc(50% - 8px) !important;
    height:24px !important;line-height:24px !important;
    padding:0 4px !important;margin:0 4px 4px 4px !important;
    font-size:11px !important;float:left !important;
    overflow:hidden;white-space:nowrap;text-overflow:ellipsis;
  }
  /* ③ contact btn 从 40h→28h */
  footer .footer-contact{margin-top:4px !important;}
  footer .footer-contact .footer-contact-btn{height:28px !important;line-height:28px !important;padding:0 14px !important;font-size:11px !important;}
  /* ④ footer-links-row 字号更小 避免最后一行换行到 34h */
  footer .footer-links-row a{font-size:11px !important;line-height:18px !important;padding:0 6px 0 0;margin-right:0;}
  footer .footer-links-row{height:auto;margin-bottom:0 !important;}
  footer .footer-socials a{width:24px !important;height:24px !important;margin-right:4px !important;}
  /* ⑤ footer-copy-inner 36+18=54h 正常，不要给多余 padding */
  footer .footer-copy-inner .left-col,
  footer .footer-copy-inner .right-col{margin-bottom:2px !important;font-size:11px !important;line-height:16px !important;}
  footer img{max-width:100%;height:auto;}
}


/* d1642d */
html {
    line-break: strict;
}
::selection {
    will-change: transform;
}
html {
    line-break: strict;
}
:root {
    text-rendering: optimizeLegibility;
}