/* =========================================================
   阿尔泰科技 · news.css
   新闻中心页面专属样式（按 1920 设计稿 1:1 还原）
   设计稿关键数值（1920 宽）:
     内容区     790-2132 (白底)
     容器       1600 (左 161 / 右 1759)
     左列表     160-1237 (1077)  8 条，每条高 133，底部分隔线 #E6E6E6
     日期块     宽 94 居中: ym 14px #777 / day 34px 粗 #222
     标题       22px 粗 #222，激活/hover #005BAC
     摘要       16px #999 单行省略
     右侧栏     1362-1759 (398)，推荐新闻 20px 粗 + 卡片 398x224
     角标       左上 #DB0F0E 高 40，白字 16px
     分页       40x40 方框 x5，间距 12，激活蓝底，组中心 x699
     页脚       2132-2839 (707 高，同关于页)
   前缀: art-
   ========================================================= */

/* =========================================================
   一、新闻内容区（左列表 + 右推荐）
   ========================================================= */
.art-news { padding: 71px 0 111px; background-color: #fff;}
.art-news-container { display: -webkit-flex; display: flex; -webkit-align-items: flex-start; align-items: flex-start;}

/* 左侧新闻列表 */
.art-news_left { width: 67.3%; flex-shrink: 0;}
.art-news_list li { height: 133px; border-bottom: 1px solid #E6E6E6; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: border-color .3s; transition: border-color .3s;}
.art-news_list li>a { display: -webkit-flex; display: flex; -webkit-align-items: flex-start; align-items: flex-start; height: 100%; padding-top: 36px; -webkit-box-sizing: border-box; box-sizing: border-box;}
.art-news_date { width: 94px; flex-shrink: 0; text-align: center; padding-top: 4px;}
.art-news_date .ym { display: block; font-size: 14px; color: #777; line-height: 1;}
.art-news_date .day { display: block; font-size: 34px; font-weight: bold; color: #222; line-height: 1; margin-top: 7px;}
.art-news_txt { -webkit-flex: 1; flex: 1; min-width: 0; margin-left: 39px;}
.art-news_title { font-size: 22px; color: #222; font-weight: bold; line-height: 1.05; white-space: nowrap; overflow: hidden; -ms-text-overflow: ellipsis; text-overflow: ellipsis; -webkit-transition: color .3s; transition: color .3s;}
.art-news_desc { font-size: 16px; color: #999; line-height: 1.1; margin-top: 14px; white-space: nowrap; overflow: hidden; -ms-text-overflow: ellipsis; text-overflow: ellipsis;}
.art-news_list li.active .art-news_title, .art-news_list li:hover .art-news_title { color: #005BAC;}
.art-news_list li.active, .art-news_list li:hover { border-bottom-color: #005BAC;}

/* 分页 */
.art-news_pager { display: -webkit-flex; display: flex; -webkit-justify-content: center; justify-content: center; margin-top: 56px;}
.art-news_pager a { width: 40px; height: 40px; border: 1px solid #E6E6E6; border-radius: 4px; background-color: #fff; color: #666; font-size: 16px; display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; -webkit-justify-content: center; justify-content: center; margin-left: 12px; -webkit-transition: all .3s; transition: all .3s;}
.art-news_pager a:first-child { margin-left: 0;}
.art-news_pager a svg { width: 14px; height: 14px; fill: #666; -webkit-transition: fill .3s; transition: fill .3s;}
.art-news_pager a.active, .art-news_pager a:hover { background-color: #005BAC; border-color: #005BAC; color: #fff;}
.art-news_pager a.active svg, .art-news_pager a:hover svg { fill: #fff;}

/* 右侧推荐新闻 */
.art-news_right { width: 24.9%; margin-left: auto; margin-top: 27px; flex-shrink: 0;}
.art-news-side_title { font-size: 20px; color: #222; font-weight: bold; line-height: 1.05; display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center;}
.art-news-side_title svg { width: 18px; height: 18px; margin-right: 10px; fill: #222;}
.art-news-side_item { margin-top: 36px;}
.art-news-side_item + .art-news-side_item { margin-top: 33px;}
.art-news-side_img { position: relative; width: 100%; height: 224px; overflow: hidden;}
.art-news-side_img img { width: 100%; height: 100%; -webkit-object-fit: cover; object-fit: cover; display: block;}
.art-news-side_badge { position: absolute; left: 0; top: 0; height: 40px; line-height: 40px; padding: 0 15px; background-color: #DB0F0E; color: #fff; font-size: 16px; display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; border-radius: 0 0 8px 0; z-index: 2;}
.art-news-side_badge svg { width: 16px; height: 16px; margin-right: 8px; fill: #fff;}
.art-news-side_caption { font-size: 16px; color: #333; line-height: 1; text-align: center; margin-top: 14px; white-space: nowrap; overflow: hidden; -ms-text-overflow: ellipsis; text-overflow: ellipsis;}

/* =========================================================
   响应式（PC 优先，断点从大到小）
   ========================================================= */
@media screen and (max-width: 1440px) {
  .art-news { padding: 56px 0 90px;}
  .art-news_title { font-size: 20px;}
  .art-news-side_img { height: 190px;}
}

@media screen and (max-width: 1280px) {
  .art-news { padding: 46px 0 76px;}
  .art-news_left { width: 66%;}
  .art-news_right { width: 30%;}
  .art-news_list li { height: 118px; padding-top: 30px;}
  .art-news_date .day { font-size: 30px;}
  .art-news_title { font-size: 18px;}
  .art-news_desc { font-size: 14px; margin-top: 12px;}
  .art-news-side_img { height: 160px;}
  .art-news-side_badge { height: 34px; line-height: 34px; font-size: 14px;}
}

@media screen and (max-width: 1080px) {
  .art-news_left { width: 62%;}
  .art-news_right { width: 34%;}
  .art-news_txt { margin-left: 24px;}
  .art-news-side_img { height: 130px;}
}

@media screen and (max-width: 920px) {
  .art-news { padding: 36px 0 60px;}
  .art-news-container { -webkit-flex-wrap: wrap; flex-wrap: wrap;}
  .art-news_left, .art-news_right { width: 100%;}
  .art-news_right { margin-top: 40px;}
  .art-news_list li { height: auto; padding: 24px 0;}
  .art-news-side_img { height: auto; padding-bottom: 56.3%;}
  .art-news-side_img img { position: absolute; top: 0; left: 0;}
  .art-news_pager { margin-top: 36px;}
}

@media screen and (max-width: 767px) {
  .art-news_date { width: 64px;}
  .art-news_date .ym { font-size: 12px;}
  .art-news_date .day { font-size: 24px;}
  .art-news_txt { margin-left: 14px;}
  .art-news_title { font-size: 16px;}
  .art-news_desc { font-size: 13px;}
  .art-news_pager a { width: 34px; height: 34px; font-size: 14px; margin-left: 8px;}
}

/* ===== logo 高清版 + 双 logo 切换 ===== */
.art-header-logo img { width: auto; height: 50px;}
.art-header-logo_white { display: none;}
.art-header-logo_dark { display: block;}
.art-header-trans .art-header-logo_dark { display: none;}
.art-header-trans .art-header-logo_white { display: block;}
.art-header-trans.fxd .art-header-logo_dark { display: block;}
.art-header-trans.fxd .art-header-logo_white { display: none;}
.art-footer_logo img { display: block; width: auto; height: 50px;}