/* 文章资讯追加区：沿用原首页的宽度、标题栏和蓝黄配色。 */
#articleNews { width:1237px; margin:0 auto 44px auto; scroll-margin-top:80px; }
#articleNews .article-tabs { float:left; width:100%; color:#27344a; background-color:#f4cf00; border-bottom:3px solid #0248c4; display:flex; overflow-x:auto; box-sizing:border-box; scrollbar-width:thin; }
#articleNews .article-tabs li { float:none; width:210px; flex:0 0 210px; }
#articleNews .article-tabs a { height:56px; line-height:56px; text-align:center; font-size:20px; color:inherit; text-decoration:none; display:block; }
#articleNews .article-tabs li.change a { font-size:24px; font-weight:bold; color:#fff; background-color:#0248c4; }
#articleNews .article-tabs a:hover { color:#0248c4; }
#articleNews .article-tabs li.change a:hover { color:#fff; }
#articleNews .article-tabs a { padding:0 12px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; letter-spacing:0; }
#articleNews .article-tabs a:focus-visible { outline:2px solid #222; outline-offset:-4px; }
#articleNews .article-list-empty { margin:0; padding:64px 16px; color:#777; text-align:center; font-size:14px; }
#articleNews .article-list { min-height:296px; }
#articleNews .article-content { clear:both; padding:18px 12px 8px; background-color:#f2f2f2; border:1px solid #e0e0e0; border-top:0; }
#articleNews .article-list { background:#fff; border:1px solid #e0e0e0; }
#articleNews .article-card { min-width:0; border-bottom:1px solid #e7e7e7; transition:background-color .2s; }
#articleNews .article-card:last-child { border-bottom:0; }
#articleNews .article-card:hover { background:#f8fbff; }
#articleNews .article-card a { text-decoration:none; }
#articleNews .article-info { position:relative; padding:12px 18px 13px; }
#articleNews .article-info h3 { height:24px; line-height:24px; overflow:hidden; margin:0 150px 4px 0; font-size:17px; font-weight:normal; color:#333; text-overflow:ellipsis; white-space:nowrap; }
#articleNews .article-card:hover h3 { color:#0248c4; }
#articleNews .article-info p { height:21px; line-height:21px; overflow:hidden; margin:0 150px 0 0; color:#777; font-size:13px; text-overflow:ellipsis; white-space:nowrap; }
#articleNews .article-meta { position:absolute; top:14px; right:18px; display:flex; gap:18px; align-items:center; color:#aaa; font-size:12px; }
#articleNews .article-more { color:#0248c4; }
#articleNews .article-list-more { display:block; width:140px; height:36px; line-height:36px; margin:14px auto 8px; color:#0248c4; text-align:center; font-size:14px; text-decoration:none; }
#articleNews .article-list-more:hover { color:#fff; background:#0248c4; }
@media (max-width:1400px) and (min-width:701px) { #articleNews .article-meta { right:190px; } #articleNews .article-tabs { padding-right:175px; } #articleNews .article-tabs li { flex-basis:20%; width:20%; min-width:140px; } #articleNews .article-info h3,#articleNews .article-info p { margin-right:340px; } }
@media (max-width:1270px) { #articleNews { width:calc(100% - 30px); } }
@media (max-width:700px) {
  #articleNews { width:calc(100% - 20px); margin-bottom:28px; }
  #articleNews .article-tabs li { width:140px; flex-basis:140px; }
  #articleNews .article-tabs a { height:48px; line-height:48px; font-size:17px; }
  #articleNews .article-tabs li.change a { font-size:20px; }
  #articleNews .article-info h3 { margin-right:0; }
  #articleNews .article-info p { margin-right:0; }
  #articleNews .article-meta { position:static; justify-content:space-between; margin-top:5px; }
}