@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Barlow+Semi+Condensed:wght@500;600;700&display=swap");

/* ============================================================
   v3.css — 2026-10 视觉改版覆盖层（加载于 common.css 之后）
   原则：只改样式层。DOM 结构与 PHP 数据查询保持不变。
   命名：新页头/页脚用 v3-* 前缀；首页板块沿用原 class 在
   .mainbox 作用域内覆盖，不影响列表/详情页。
   ============================================================ */

:root{
  --v3-blue:#1659AC;
  --v3-blue-deep:#0E3D7C;
  --v3-navy:#0B2C57;
  --v3-paper:#F5F7FA;
  --v3-ink:#17222E;
  --v3-mut:#5E6E7E;
  --v3-line:#DCE3EB;
  --v3-orange:#F07F13;
  --v3-num:"Barlow Semi Condensed","Inter",sans-serif;
}

/* ---------- 基底 ---------- */
body{
  background:var(--v3-paper);
  color:var(--v3-ink);
  font-family:"Inter","PingFang SC","Microsoft YaHei","Helvetica Neue",Arial,sans-serif;
  font-size:15px;
  line-height:1.65;
  padding-top:0 !important;
}
a{ transition:color .15s ease; }
.wp{ width:min(1200px,92%); margin:0 auto; }

/* ============================================================
   新页头（head.php .v3-* 结构）
   ============================================================ */
.v3-util{ background:var(--v3-navy); color:#AFC3DC; font-size:12.5px; }
.v3-util .wrap{ width:min(1200px,92%); margin:0 auto; display:flex; justify-content:space-between; align-items:center; height:36px; }
.v3-util a{ color:#AFC3DC; margin-left:18px; font-size:12.5px; }
.v3-util a:hover{ color:#fff; }

.v3-hd{
  position:sticky; top:0; z-index:9998;
  background:#fff; border-bottom:1px solid var(--v3-line);
  box-shadow:0 2px 10px rgba(15,40,70,.06);
}
.v3-hd .wrap{ width:min(1330px,96%); margin:0 auto; display:flex; align-items:center; height:78px; gap:16px; }
.v3-hd .v3-logo img{ height:38px; display:block; }
.v3-hd .v3-logo .en{ font-size:11px; color:var(--v3-mut); letter-spacing:.2px; margin-top:3px; white-space:nowrap; }

/* 导航（沿用 #pcnav 数据循环，纯 CSS 下拉） */
.v3-hd nav.main{ display:flex; gap:0; margin-left:auto; }
.v3-hd #pcnav{ display:flex; align-items:center; width:auto; height:auto; line-height:1.5; text-align:left; }
.v3-hd #pcnav ul.erji{ height:auto; line-height:1.5; }
.v3-hd #pcnav li.yiji{ padding:0; background:none; }
.v3-hd #pcnav li.yiji{ position:relative; }
.v3-hd #pcnav li.yiji > a{
  display:inline-block; padding:27px 7px; font-size:13px; font-weight:500;
  color:var(--v3-ink); border-bottom:3px solid transparent; white-space:nowrap;
  background:none; height:auto; line-height:1.4;
}
.v3-hd #pcnav li.yiji > a.xuanzhong,
.v3-hd #pcnav li.yiji:hover > a{ color:var(--v3-blue); border-bottom-color:var(--v3-blue); }
.v3-hd #pcnav ul.erji{
  position:absolute; top:100%; left:0; display:block; width:auto; min-width:230px; height:auto;
  background:#fff;
  background:#fff; border:1px solid var(--v3-line); border-top:3px solid var(--v3-blue);
  border-radius:0 0 8px 8px; box-shadow:0 10px 26px rgba(15,40,70,.14);
  padding:6px 0; display:block; width:auto;
  opacity:0; visibility:hidden; transform:translateY(8px);
  transition:opacity .18s ease, transform .18s ease, visibility .18s;
}
.v3-hd #pcnav ul.erji.wide{ width:440px; column-count:2; column-gap:0; }
.v3-hd #pcnav ul.erji li{ float:none; display:block; width:auto; height:auto; line-height:1.5; background:#fff; }
.v3-hd #pcnav ul.erji li{ float:none; width:auto; padding:0; }
.v3-hd #pcnav ul.erji li a{
  display:block; padding:8px 18px; font-size:13.5px; color:var(--v3-ink);
  border-left:3px solid transparent; border-bottom:none; white-space:nowrap;
  break-inside:avoid; background:none; height:auto; line-height:1.5; width:auto; text-align:left;
}
.v3-hd #pcnav ul.erji li a:hover{ color:var(--v3-blue); background:var(--v3-paper); border-left-color:var(--v3-blue); }
.v3-hd #pcnav li.yiji:hover ul.erji{
  opacity:1; visibility:visible; transform:none; display:block;
}

/* 报头搜索（沿用 id=keyword 与 go_search） */
.v3-hd .v3-search{ display:flex; flex:0 1 175px; min-width:96px; margin-left:4px; border:1.5px solid var(--v3-line); border-radius:6px; overflow:hidden; background:#fff; transition:border-color .15s, box-shadow .15s; }
.v3-hd .v3-search:focus-within{ border-color:var(--v3-blue); box-shadow:0 0 0 3px rgba(22,89,172,.12); }
.v3-hd .v3-search input{ border:none; outline:none; padding:9px 8px; width:100%; min-width:0; font:13px "Inter","PingFang SC",sans-serif; color:var(--v3-ink); }
.v3-hd .v3-search button{ border:none; background:var(--v3-blue); color:#fff; padding:0 14px; font:600 13px "Inter","PingFang SC",sans-serif; cursor:pointer; }
.v3-hd .v3-search button:hover{ background:var(--v3-blue-deep); }
.v3-hd .v3-cta{
  margin-left:2px; background:var(--v3-orange); color:#fff !important;
  padding:9px 14px; font-size:13px; font-weight:600; border-radius:6px; white-space:nowrap;
}
.v3-hd .v3-cta:hover{ background:#D96F0A; color:#fff; }

/* 窄桌面分级收紧（防搜索框被挤） */
@media (max-width:1420px){
  .v3-hd #pcnav li.yiji > a{ padding:27px 6px; }
  .v3-hd .v3-search input{ padding:9px 6px; }
}
@media (max-width:1260px){
  .v3-hd #pcnav li.yiji > a{ font-size:12.5px; padding:26px 4px; }
  .v3-hd .v3-cta{ padding:9px 12px; }
}

/* 移动端仍用原 m_header；窄屏隐藏新页头 */
@media (max-width:1100px){
  .v3-util,.v3-hd{ display:none; }
  .v3-msearch{ display:flex; }
  .m_header_box{ height:auto !important; margin-top:0 !important; }
  .m_header_box header{ top:0 !important; }
}
@media (min-width:1101px){
  .m_header_box, #m_nav, .topa, .topb{ display:none !important; }
  .v3-msearch{ display:none !important; }
  body{ padding-top:0 !important; }
}

/* 移动搜索栏 */
.v3-msearch{ display:none; }
@media (max-width:1100px){
  .v3-msearch{
    position:fixed; top:80px; left:0; right:0; z-index:99;
    display:flex; gap:8px; padding:7px 10px;
    background:#fff; border-bottom:1px solid var(--v3-line); box-sizing:border-box;
  }
  .v3-msearch input{ flex:1; min-width:0; border:1px solid var(--v3-line); border-radius:6px;
    padding:8px 10px; font:13.5px "Inter","PingFang SC","Microsoft YaHei",sans-serif; outline:none; }
  .v3-msearch input:focus{ border-color:var(--v3-blue); }
  .v3-msearch button{ border:none; background:var(--v3-blue); color:#fff; padding:0 18px;
    border-radius:6px; font:600 13.5px "Inter","PingFang SC",sans-serif; cursor:pointer; }
}

/* ============================================================
   首页板块覆盖（.mainbox 作用域，不影响列表/详情页）
   ============================================================ */

/* --- 区块标题（.menu 重绘为工程标题栏） --- */
.mainbox .section1 .menu,
.mainbox .section2 .menu{
  height:auto; margin-bottom:18px; padding:0 0 10px;
  border-bottom:1px solid var(--v3-line); position:relative; background:none;
}
.mainbox .section1 .menu::before,
.mainbox .section2 .menu::before{
  content:""; position:absolute; left:0; bottom:-1px; width:64px; height:3px; background:var(--v3-blue);
}
.mainbox .section1 .menu span,
.mainbox .section2 .menu span{
  position:static; display:inline-block; background:none; color:var(--v3-ink);
  padding:0 0 0 20px; line-height:1.3; font-weight:700; font-size:20px; letter-spacing:.5px;
}
.mainbox .section1 .menu span::before,
.mainbox .section2 .menu span::before{
  content:""; display:inline-block; width:11px; height:11px; background:var(--v3-blue);
  margin-right:10px; vertical-align:1px;
}
.mainbox .section1 .menu a,
.mainbox .section2 .menu a{
  position:absolute; right:0; top:-2px; width:auto; height:auto; line-height:1.5;
  font-size:12.5px; color:var(--v3-mut); border:1px solid var(--v3-line);
  padding:4px 16px; border-radius:6px; transition:.15s;
}
.mainbox .section1 .menu a:hover,
.mainbox .section2 .menu a:hover{ color:#fff; background:var(--v3-blue); border-color:var(--v3-blue); }

/* --- 业界动态：浅底 + 左图右列等高 --- */
.mainbox .section1{ background:var(--v3-paper); padding:34px 0 6px; }
.mainbox .section1 .wp{ display:grid; grid-template-columns:46fr 54fr; gap:26px; }
.mainbox .section1 .xw-pic,
.mainbox .section1 .xw-list{ float:none; width:auto; min-width:0; }
.mainbox .section1 .xw-pic{ align-self:end; }
.mainbox .section1 .swiper2{ min-width:0; }
.mainbox .section1 .xw-pic{ height:500px; }
.mainbox .section1 .swiper2,
.mainbox .section1 .swiper2 .swiper-wrapper,
.mainbox .section1 .swiper2 .swiper-slide,
.mainbox .section1 .swiper2 .pic,
.mainbox .section1 .swiper2 .pic a{ height:100%; }
.mainbox .section1 .swiper2 .pic a{
  border-radius:8px; overflow:hidden;
  background-color:#FFFFFF; background-size:contain; background-position:center;
  background-repeat:no-repeat;
}
.mainbox .section1 .xw-list .ul-list1{
  height:500px; display:flex; flex-direction:column;
  background:#fff; border:1px solid var(--v3-line); border-radius:8px; padding:2px 16px;
  box-sizing:border-box; overflow:hidden;
}
.mainbox .section1 .ul-list1 li{ flex:1; display:flex; min-height:0; border-bottom:1px solid var(--v3-line); }
.mainbox .section1 .ul-list1 li:last-child{ border-bottom:none; }
.mainbox .section1 .ul-list1 li a{
  display:flex; gap:14px; align-items:center; width:100%; padding:4px 0;
}
.mainbox .section1 .ul-list1 li a:hover .name{ color:var(--v3-blue); }
.mainbox .section1 .ul-list1 .time{
  float:none; width:50px; flex:none; text-align:center; display:block;
  border:1px solid var(--v3-line); border-radius:6px; padding:2px 0 4px; background:#fff;
  transition:border-color .15s;
}
.mainbox .section1 .ul-list1 .time b{
  display:block; font-family:var(--v3-num); font-size:20px; font-weight:600;
  line-height:1.15; color:var(--v3-blue); float:none;
}
.mainbox .section1 .ul-list1 .time em{
  display:block; font-family:var(--v3-num); font-style:normal; font-size:10px;
  letter-spacing:.5px; color:var(--v3-mut); border-top:1px solid var(--v3-line); margin-top:2px; padding-top:1px; float:none;
}
.mainbox .section1 .ul-list1 li a:hover .time{ border-color:var(--v3-blue); }
.mainbox .section1 .ul-list1 .name{
  float:none; width:auto; flex:1; font-size:14px; line-height:1.5; color:var(--v3-ink); text-align:left;
  display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;
}
.mainbox .section1 .ul-list1 .clear{ display:none; }

/* --- 四栏文章流（grid：一排两个、同行等高、横幅整行） --- */
.mainbox .section2{ background:var(--v3-paper); padding:28px 0 6px; }
.mainbox .section2 .wp{ display:grid; grid-template-columns:1fr 1fr; gap:24px; align-items:stretch; }
.mainbox .section2 .wp .clear{ display:none; }
.mainbox .section2 .s2-item{ float:none; width:auto; margin:0; display:flex; flex-direction:column; background:#fff; border:1px solid var(--v3-line); border-top:3px solid transparent; border-radius:8px; padding:14px 18px 6px; box-sizing:border-box; transition:border-color .18s, box-shadow .18s; }
.mainbox .section2 .s2-item .inner{ flex:1; display:flex; flex-direction:column; }
.mainbox .section2 .s2-item .ul-list2{ flex:1; }
.mainbox .section2 .wrapbanner{ grid-column:1/-1; margin:4px 0; }
.mainbox .section2 .s2-item:hover{ border-top-color:var(--v3-blue); box-shadow:0 6px 18px rgba(15,40,70,.07); }
.mainbox .section2 .s2-item .menu{ border-bottom:2px solid var(--v3-ink); margin-bottom:2px; }
.mainbox .section2 .s2-item .menu::before{ display:none; }
.mainbox .section2 .s2-item .menu span{ padding:0; font-size:16px; }
.mainbox .section2 .s2-item .menu span::before{ display:none; }
.mainbox .section2 .s2-item .menu a{ top:2px; border:none; font-size:12.5px; }
.mainbox .section2 .s2-item .menu a:hover{ background:none; color:var(--v3-blue); }
.mainbox .section2 .ul-list2 .bb{ border-bottom:1px dashed var(--v3-line); }
.mainbox .section2 .ul-list2 .bb:last-child{ border-bottom:none; }
.mainbox .section2 .ul-list2 .bb a{ display:flex; gap:14px; align-items:baseline; padding:9px 0; }
.mainbox .section2 .ul-list2 .bb .name{
  float:none; flex:1; font-size:13.5px; line-height:1.55; color:var(--v3-ink);
  display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;
}
.mainbox .section2 .ul-list2 .bb .name img{ margin-right:4px; }
.mainbox .section2 .ul-list2 .bb a:hover .name{ color:var(--v3-blue); }
.mainbox .section2 .ul-list2 .bb .time{
  float:none; font-family:var(--v3-num); font-size:12px; color:var(--v3-mut); white-space:nowrap;
}

/* --- 中部横幅 --- */
.mainbox .wrapbanner{ margin:30px 0 0; border-radius:8px; overflow:hidden; }
.mainbox .wrapbanner .swiper1{ height:300px; }
.mainbox .wrapbanner .swiper1 img{ width:100%; height:300px; object-fit:cover; display:block; }
.mainbox .wrapbanner .swiper-pagination1 .swiper-pagination-bullet-active{ background:var(--v3-orange); }

/* ============================================================
   新页脚（bottom.php .v3-ft 结构）
   ============================================================ */
.v3-ft{ background:var(--v3-navy); color:#9FB4CE; margin-top:28px; }
.v3-ft .wrap{ width:min(1200px,92%); margin:0 auto; display:grid; grid-template-columns:1.5fr 1fr 1.3fr; gap:34px; padding:40px 0 30px; }
.v3-ft h5{ color:#fff; font-size:14.5px; font-weight:600; margin:0 0 12px; }
.v3-ft p, .v3-ft li{ font-size:13px; line-height:2; list-style:none; margin:0; }
.v3-ft a{ color:#9FB4CE; font-size:13px; }
.v3-ft a:hover{ color:#fff; }
.v3-ft .v3-logo img{ height:36px; display:block; }
.v3-ft .v3-logo .en{ color:#9FB4CE; font-size:11px; margin-top:3px; }
.v3-ftbar{ border-top:1px solid rgba(255,255,255,.12); }
.v3-ftbar .wrap{ display:flex; justify-content:space-between; align-items:center; height:48px; font-size:12.5px; color:#7E97B8; padding:0; }
.v3-ftbar a{ font-size:12.5px; color:#7E97B8; }

/* 窄屏页脚单列 */
@media (max-width:760px){
  .v3-ft .wrap{ grid-template-columns:1fr; gap:18px; }
  .v3-util .wrap .tagline{ display:none; }
}

/* 窄屏首页板块回退为单列 */
@media (max-width:1024px){
  .mainbox .section1 .wp{ grid-template-columns:1fr; }
  .mainbox .section1 .xw-pic{ height:300px; }
  .mainbox .section1 .xw-list .ul-list1{ height:auto; }
  .mainbox .section1 .ul-list1 li{ min-height:52px; }
}

/* --- 修复：栏目文章列表旧固定高度/旧圆点导致的裁剪与错位 --- */
.mainbox .section2 .ul-list2{ height:auto; overflow:visible; min-height:0; }
.mainbox .section2 .ul-list2 .bb a{ height:auto; position:relative; padding:9px 0 9px 14px; }
.mainbox .section2 .ul-list2 .bb a::before{
  content:""; position:absolute; left:2px; top:19px;
  width:5px; height:5px; background:var(--v3-blue); border-radius:1px;
}
.mainbox .section2 .ul-list2 .bb a:has(img)::before{ display:none; }
.mainbox .section2 .ul-list2 .name{
  height:auto; line-height:1.55; white-space:normal; text-indent:0;
  background:none; overflow:hidden; min-width:0;
}
.mainbox .section2 .ul-list2 .time{ height:auto; line-height:1.5; }
/* 同一行卡片视觉等高：内容不足时空白留在卡内 */
.mainbox .section2 .s2-item .inner{ min-height:0; }
.mainbox .section2 .ul-list2{ min-height:196px; }

/* --- 详情/子页文字协调：面包屑与子页链接降字号 --- */
.lujing, .lujing a{ font-size:14px !important; color:var(--v3-mut); }
.sub_con a{ font-size:15px; }
.sub_con .title, .sub_con h1{ letter-spacing:.3px; }

/* --- 移动端新闻列表溢出修复 --- */
@media (max-width:1024px){
  .mainbox .section1 .xw-pic,
  .mainbox .section1 .xw-list,
  .mainbox .section1 .ul-list1,
  .mainbox .section1 .ul-list1 li,
  .mainbox .section1 .ul-list1 li a,
  .mainbox .section1 .ul-list1 .name{ max-width:100%; min-width:0; }
  .mainbox .section2 .wp{ grid-template-columns:1fr; }
  .mainbox .section2 .s2-item{ margin:0 0 20px; }
}