

/* 外层容器：全宽，背景色横屏铺满 */
.he-wrap {
  width: 100%;
  /* 让顶部栏与导航条以整页为参照做粘性定位 */
  display: contents;
}
/* 内容容器：1200px 居中（与页面内容 .container 对齐） */
.he-inner {
  max-width: 1200px;
  margin: 0 auto;
  width: 100%;
}
/* 顶部深蓝色栏（背景全宽，内容由 .he-inner 居中） */
.he-top-band {
  background-color: #003478;
  /* 滚动时固定在页面顶部 */
  position: sticky;
  top: 0;
  z-index: 1000;
}
.he-top-bar {
  color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 20px;
  height: 36px;
}
.he-top-bar .he-left {
  display: flex;
  align-items: center;
  gap: 14px;
  font-size: 14px;
}
/* Bau圆形标识改为图片 */
.he-bau-img {
  width: 30px;
  height: 30px;
  display: block;
  object-fit: contain;
}
.he-top-bar .he-right a {
  color: #ffffff;
  text-decoration: none;
  font-size: 14px;
  margin-left: 18px;
}
.he-top-bar .he-right a:hover {
  text-decoration: underline;
}
/* 金色分隔线 */
.he-gold-line {
  height: 2px;
  background-color: #d4af37;
  /* 滚动悬浮时保留顶栏与导航条之间的金色分隔线 */
  position: sticky;
  top: 36px;
  z-index: 998;
}
/* Logo区域（背景全宽，内容由 .he-inner 居中） */
.he-logo-band {
  background: #ffffff;
  /* 提升层级，确保搜索区内的语言下拉不被主导航遮挡 */
  position: relative;
  z-index: 1000;
}
.he-logo-section {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 18px 20px;
}
.he-logo-left {
  display: flex;
  align-items: center;
}
.he-logo-left img {
  height: 48px;
  display: block;
}
/* Logo 右侧两行小字（中文名 + 英文名） */
.he-logo-text {
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-left: 12px;
  line-height: 1.4;
}
.he-logo-text .he-logo-text-cn {
  font-size: 15px;
  font-weight: 600;
  color: #003478;
  white-space: nowrap;
}
.he-logo-text .he-logo-text-en {
  font-size: 11px;
  color: #666666;
  letter-spacing: 0.04em;
  white-space: nowrap;
}
/* 搜索区域 */
.he-search-area {
  display: flex;
  align-items: center;
  gap: 10px;
}
.he-search-area input {
  width: 280px;
  height: 36px;
  border: 1px solid #999999;
  border-radius: 4px;
  padding: 0 14px;
  font-size: 16px;
  outline: none;
}
.he-search-area button {
  height: 36px;
  padding: 0 22px;
  background-color: #003478;
  color: #ffffff;
  border: none;
  border-radius: 4px;
  font-size: 16px;
  cursor: pointer;
}
.he-search-area button:hover {
  background-color: #00285e;
}
/* ========== 语言下拉组件 ========== */
.he-lang-wrap {
  position: relative;
}
.he-lang-btn {
  height: 36px;
  padding: 0 24px;
  border: 1px solid #999;
  border-radius: 4px;
  background: #fff;
  font-size: 16px;
  color: #333;
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 6px;
}
.he-lang-btn::after {
  content: "";
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 6px solid #666;
}
.he-lang-dropdown {
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  margin-top: 2px;
  background: #fff;
  border:1px solid #999;
  border-radius:4px;
  list-style:none;
  display:none;
  z-index:1001;
}
.he-lang-dropdown li a {
  display:block;
  padding:8px 12px;
  color:#333;
  text-decoration:none;
}
.he-lang-dropdown li a:hover {
  background:#f0f0f0;
}
.he-lang-wrap:hover .he-lang-dropdown,
.he-lang-wrap.he-open .he-lang-dropdown {
  display:block;
}
/* 主导航 */
.he-main-nav {
  background-color: #003478;
  /* 底部金色细线：移到导航条下方 */
  border-bottom: 2px solid #d4af37;
  /* 滚动时固定在顶栏 + 金色分隔线下方（36px + 2px） */
  position: sticky;
  top: 38px;
  z-index: 999;
  /* 吸附悬浮时的立体阴影（滚动后由 JS 加 is-stuck） */
  transition: box-shadow 0.35s ease;
}
.he-main-nav.is-stuck {
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.10), 0 10px 24px rgba(0, 0, 0, 0.24), 0 2px 6px rgba(0, 0, 0, 0.14);
}
.he-nav-list {
  list-style: none;
  display: flex;
  /* 左邊距離90px */
/*  padding-left: 90px;*/
}
.he-nav-list > li {
  position: relative;
}
.he-nav-list > li > a {
  display: block;
  padding: 14px 24px;
  color: #ffffff;
  text-decoration: none;
  font-size: 16px;
}
.active{
  background-color: #004396;
}
.he-nav-list > li > a:hover {
  background-color: #004396;
}
/* 二级下拉菜单 */
.he-submenu {
  position: absolute;
  top: 100%;
  left: 0;
  background: #ffffff;
  min-width: 220px;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15);
  display: none;
  z-index: 999;
  list-style: none;
}
.he-submenu li a {
  display: block;
  padding: 14px 18px;
  color: #003478;
  text-decoration: none;
  font-size: 16px;
  border-bottom: 1px solid #f1f1f1;
}
.he-submenu li a:hover {
  background-color: #eef4fc;
}
.he-nav-list > li:hover .he-submenu {
  display: block;
}

/* 导航行：左侧菜单 + 右侧 gov-bar 两端对齐 */
.he-nav-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: transparent;
}
.he-nav-list {
  margin: 0;
}

/* 导航右侧 gov-bar（时间 + 無障礙瀏覽 / 收藏本站） */
.gov-bar {
  display: flex;
  align-items: center;
  gap: 24px;
  color: #ffffff;
  font-size: 14px;
  white-space: nowrap;
  background: transparent;
}
.gov-bar-left .time-display {
  color: #ffffff;
  font-variant-numeric: tabular-nums;
}
.gov-bar-right {
  display: flex;
  align-items: center;
  gap: 10px;
}
.gov-bar-right a {
  color: #ffffff;
  text-decoration: none;
}
.gov-bar-right a:hover {
  text-decoration: underline;
}
.gov-bar-right span {
  color: rgba(255, 255, 255, 0.5);
}

/* ========== 底部 Footer ========== */
.fot-wrap {
  width: 100%;
  background-color: #0a2240;
  color: #ffffff;
}
.fot-inner {
  max-width: 1200px;
  margin: 0 auto;
  width: 100%;
  padding: 36px 20px 30px;
}
.fot-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 30px;
  align-items: start;
  text-align: center;
}
.fot-title {
  font-size: 18px;
  font-weight: 700;
  color: #ffffff;
  margin: 0 0 16px;
  padding-bottom: 10px;
  position: relative;
}
.fot-title::after {
  content: "";
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 0;
  width: 32px;
  height: 2px;
  background: #d4af37;
}
.fot-links {
  list-style: none;
  margin: 0;
  padding: 0;
}
.fot-links li {
  margin-bottom: 9px;
}
.fot-links a {
  color: #9db4d4;
  text-decoration: none;
  font-size: 14px;
  transition: color .2s, padding-left .2s;
}
.fot-links a:hover {
  color: #ffffff;
  padding-left: 6px;
}
.fot-contact {
  list-style: none;
  margin: 0;
  padding: 0;
}
.fot-contact li {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  margin-bottom: 10px;
  color: #cdd9ec;
  font-size: 14px;
}
.fot-ico {
  width: 18px;
  height: 18px;
  flex-shrink: 0;
  color: #d4af37;
}
.fot-qr-col {
  display: flex;
  align-items: flex-start;
  justify-content: center;
}
.fot-qr {
  text-align: center;
}
.fot-qr img {
  width: 100px;
  height: 100px;
  background: #ffffff;
  padding: 6px;
  border-radius: 4px;
  display: block;
  margin: 0 auto;
}
.fot-qr p {
  margin: 10px 0 0;
  color: #ffffff;
  font-size: 14px;
}

/* 响应式 */
@media (max-width: 992px) {
  .fot-grid {
    grid-template-columns: 1fr 1fr;
  }
}
@media (max-width: 576px) {
  .fot-grid {
    grid-template-columns: 1fr;
  }
  .fot-qr-col {
    justify-content: center;
  }
}

/* 底部版权栏 */
.fot-bottom {
  background: #081a33;
  border-top: 1px solid rgba(255, 255, 255, 0.08);
}
.fot-bottom-inner {
  padding: 14px 20px;
  text-align: center;
}
.fot-bottom p {
  margin: 0;
  color: #8aa0c0;
  font-size: 14px;
  line-height: 1.8;
}
.fot-bottom p a {
  color: #8aa0c0;
  text-decoration: none;
}
.fot-bottom p a:hover {
  color: #ffffff;
}

/* ========== 联系页图标（Font Awesome） ========== */
/* 标题旁的图标（h1/h2 内） */
.c-icon {
  margin-right: 6px;
}
/* 段落行内小图标 */
.c-icon-inline {
  margin-right: 4px;
}
/* 卡片/信息项里的 FA 图标继承容器颜色和大小 */
.contact-icon,
.info-icon {
  display: flex;
  align-items: center;
  justify-content: center;
}
.contact-icon .fa,
.info-icon .fa {
  line-height: 1;
}
/* 顶部 4 张卡片圆形是深蓝渐变底，图标必须用白色 */
.contact-icon {
  width: 64px;
  height: 64px;
  margin: 0 auto 16px;
  background: linear-gradient(135deg, #003d7a 0%, #1565a0 100%);
  border-radius: 50%;
  color: #ffffff;
}
.contact-icon .fa {
  color: #ffffff;
  font-size: 28px;
}
.info-icon .fa {
  font-size: 18px;
}
/* 二维码图片铺满 box */
.qrcode-box img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  border-radius: 4px;
}

/* 地图占位：图片限宽限高，不溢出 */
.map-placeholder {
  width: 100%;
  max-height: 400px;
  overflow: hidden;
  border-radius: 8px;
}
.map-placeholder img {
  width: 100%;
  height: 400px;
  object-fit: cover;
  display: block;
}


.page-hero {
            background: linear-gradient(135deg, #003d7a 0%, #1565a0 50%, #0d47a1 100%);
            padding: 60px 0;
            color: #fff;
            text-align: center;
        }
        
        .page-hero h1 {
            font-size: 32px;
            margin-bottom: 12px;
        }
        
        .page-hero p {
            font-size: 16px;
            opacity: 0.9;
        }
        
        .section-title {
            display: flex;
            align-items: center;
            justify-content: space-between;
            margin-bottom: 24px;
            padding-bottom: 12px;
            border-bottom: 2px solid #003d7a;
        }
        
        .section-title h2 {
            font-size: 20px;
            color: #003d7a;
            font-weight: 600;
        }
        
        /* 知识分类 */
        .knowledge-categories {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 24px;
            margin-bottom: 40px;
        }
        
        .category-card {
            background: #fff;
            border-radius: 8px;
            padding: 30px 24px;
            text-align: center;
            box-shadow: 0 2px 10px rgba(0,0,0,0.05);
            transition: all 0.3s;
            border: 1px solid #e8ecf1;
        }
        
        .category-card:hover {
            transform: translateY(-5px);
            box-shadow: 0 8px 25px rgba(0,61,122,0.12);
            border-color: #1565a0;
        }
        
        .category-icon {
            width: 64px;
            height: 64px;
            margin: 0 auto 16px;
            background: linear-gradient(135deg, #003d7a 0%, #1565a0 100%);
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 28px;
        }
        
        .category-card h3 {
            color: #003d7a;
            font-size: 18px;
            margin-bottom: 8px;
        }
        
        .category-card p {
            color: #666;
            font-size: 14px;
        }
        
        /* 文章列表 */
        .article-grid {
            display: grid;
            grid-template-columns: repeat(2, 1fr);
            gap: 20px;
        }
        
        .article-card {
            display: flex;
            background: #fff;
            border-radius: 8px;
            padding: 20px;
            box-shadow: 0 2px 10px rgba(0,0,0,0.05);
            transition: all 0.3s;
            border: 1px solid #e8ecf1;
        }
        
        .article-card:hover {
            box-shadow: 0 6px 20px rgba(0,61,122,0.1);
            border-color: #1565a0;
        }
        
        .article-thumb {
            width: 120px;
            height: 80px;
            background: linear-gradient(135deg, #003d7a 0%, #1565a0 100%);
            border-radius: 6px;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 32px;
            margin-right: 16px;
            flex-shrink: 0;
        }
        
        .article-content {
            flex: 1;
        }
        
        .article-title {
            font-size: 16px;
            color: #003d7a;
            font-weight: 600;
            margin-bottom: 8px;
            line-height: 1.4;
        }
        
        .article-title a {
            color: inherit;
        }
        
        .article-title a:hover {
            color: #1565a0;
        }
        
        .article-excerpt {
            font-size: 14px;
            color: #666;
            line-height: 1.6;
            display: -webkit-box;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
            overflow: hidden;
        }
        
        .article-meta {
            display: flex;
            gap: 15px;
            margin-top: 10px;
            font-size: 12px;
            color: #999;
        }
        
        /* FAQ列表 */
        .faq-list {
            display: flex;
            flex-direction: column;
            gap: 12px;
        }
        
        .faq-item {
            background: #f8f9fa;
            border-radius: 8px;
            overflow: hidden;
            border-left: 3px solid #003d7a;
        }
        
        .faq-question {
            padding: 16px 20px;
            font-size: 16px;
            color: #333;
            cursor: pointer;
            display: flex;
            justify-content: space-between;
            align-items: center;
        }
        
        .faq-question:hover {
            background: #e8ecf1;
        }
        
        .faq-toggle {
            font-size: 18px;
            color: #003d7a;
            transition: transform 0.3s;
        }
        
        .faq-item.open .faq-toggle {
            transform: rotate(45deg);
        }
        
        .faq-answer {
            display: none;
            padding: 0 20px 16px;
            font-size: 14px;
            color: #666;
            line-height: 1.8;
        }
        
        .faq-item.open .faq-answer {
            display: block;
        }
        
        /* 侧栏 */
        .side-form {
            background: #fff;
            border-radius: 8px;
            padding: 24px;
            box-shadow: 0 2px 10px rgba(0,0,0,0.05);
            margin-bottom: 20px;
        }
        
        .side-form h3 {
            font-size: 16px;
            color: #003d7a;
            margin-bottom: 16px;
            padding-bottom: 12px;
            border-bottom: 2px solid #003d7a;
        }
        
        .side-form .form-group {
            margin-bottom: 14px;
        }
        
        .side-form label {
            display: block;
            margin-bottom: 6px;
            font-size: 14px;
            color: #333;
        }
        
        .side-form input,
        .side-form select {
            width: 100%;
            padding: 10px 12px;
            border: 1px solid #d0d7de;
            border-radius: 4px;
            font-size: 14px;
        }
        
        .side-form input:focus,
        .side-form select:focus {
            outline: none;
            border-color: #1565a0;
        }
        
        .contact-box {
            background: linear-gradient(135deg, #003d7a 0%, #1565a0 100%);
            color: #fff;
            border-radius: 8px;
            padding: 24px;
        }
        
        .contact-box h3 {
            font-size: 16px;
            margin-bottom: 16px;
        }
        
        .contact-item {
            display: flex;
            align-items: center;
            gap: 12px;
            margin-bottom: 14px;
        }
        
        .contact-icon {
            width: 36px;
            height: 36px;
            background: rgba(255,255,255,0.15);
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 16px;
        }
        
        .contact-text {
            font-size: 14px;
        }
        
        .contact-text strong {
            display: block;
            font-size: 12px;
            opacity: 0.8;
        }
        
        @media (max-width: 1024px) {
            .knowledge-categories {
                grid-template-columns: repeat(2, 1fr);
            }
            .article-grid {
                grid-template-columns: 1fr;
            }
        }
        
        @media (max-width: 768px) {
            .knowledge-categories {
                grid-template-columns: 1fr;
            }
        }




        .new-hero {
            background: linear-gradient(135deg, #003d7a 0%, #1565a0 50%, #0d47a1 100%);
            padding: 60px 0;
            color: #fff;
            text-align: center;
        }
        .new-hero h1 {
            font-size: 32px;
            margin-bottom: 12px;
        }
        .new-hero h1 i {
            margin-right: 10px;
            color: #d4af37;
        }
        .new-hero p {
            font-size: 16px;
            opacity: 0.9;
        }

        .new-breadcrumb {
            background: #f5f7fa;
            padding: 12px 0;
            font-size: 14px;
            color: #666;
        }
        .new-breadcrumb .new-container {
            max-width: 1200px;
            margin: 0 auto;
            padding: 0 20px;
        }
        .new-breadcrumb a {
            color: #003d7a;
            text-decoration: none;
        }
        .new-breadcrumb a:hover {
            color: #d4af37;
        }

        .new-main {
            padding: 40px 0;
            background: #f5f7fa;
        }
        .new-container {
            max-width: 1200px;
            margin: 0 auto;
            padding: 0 20px;
        }

        /* 筛选栏 */
        .new-filter-bar {
            background: #fff;
            border-radius: 8px;
            padding: 20px 24px;
            margin-bottom: 24px;
            display: flex;
            justify-content: space-between;
            align-items: center;
            box-shadow: 0 2px 10px rgba(0,0,0,0.05);
        }
        .new-filter-tags {
            display: flex;
            gap: 10px;
            flex-wrap: wrap;
        }
        .new-filter-tag {
            padding: 8px 20px;
            border-radius: 20px;
            font-size: 14px;
            cursor: pointer;
            border: 1px solid #d0d7de;
            color: #666;
            background: #fff;
            transition: all 0.3s;
        }
        .new-filter-tag:hover {
            border-color: #003d7a;
            color: #003d7a;
        }
        .new-filter-tag.active {
            background: #003d7a;
            color: #fff;
            border-color: #003d7a;
        }
        .new-search-box {
            display: flex;
            gap: 8px;
        }
        .new-search-box input {
            padding: 8px 14px;
            border: 1px solid #d0d7de;
            border-radius: 4px;
            font-size: 14px;
            width: 200px;
            outline: none;
            transition: border 0.3s;
        }
        .new-search-box input:focus {
            border-color: #003d7a;
        }
        .new-search-box button {
            padding: 8px 18px;
            background: #003d7a;
            color: #fff;
            border: none;
            border-radius: 4px;
            cursor: pointer;
            font-size: 14px;
            transition: background 0.3s;
        }
        .new-search-box button:hover {
            background: #002a5c;
        }

        /* 新闻列表 */
        .new-list {
            display: flex;
            flex-direction: column;
            gap: 20px;
        }
        .new-item {
            background: #fff;
            border-radius: 8px;
            overflow: hidden;
            display: flex;
            box-shadow: 0 2px 10px rgba(0,0,0,0.05);
            transition: transform 0.3s, box-shadow 0.3s;
        }
        .new-item:hover {
            transform: translateY(-4px);
            box-shadow: 0 8px 25px rgba(0,61,122,0.15);
        }
        .new-item-img {
            width: 320px;
            min-width: 320px;
            height: 200px;
            overflow: hidden;
            position: relative;
        }
        .new-item-img img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            transition: transform 0.5s;
        }
        .new-item:hover .new-item-img img {
            transform: scale(1.08);
        }
        .new-item-img .new-tag {
            position: absolute;
            top: 12px;
            left: 12px;
            background: #d4af37;
            color: #fff;
            padding: 4px 12px;
            border-radius: 4px;
            font-size: 12px;
            font-weight: 600;
        }
        .new-item-body {
            padding: 24px 28px;
            flex: 1;
            display: flex;
            flex-direction: column;
        }
        .new-item-title {
            font-size: 18px;
            color: #333;
            font-weight: 600;
            margin-bottom: 10px;
            transition: color 0.3s;
            cursor: pointer;
        }
        .new-item:hover .new-item-title {
            color: #003d7a;
        }
        .new-item-meta {
            display: flex;
            gap: 20px;
            font-size: 14px;
            color: #999;
            margin-bottom: 12px;
        }
        .new-item-meta i {
            margin-right: 5px;
            color: #003d7a;
        }
        .new-item-desc {
            font-size: 14px;
            color: #666;
            line-height: 1.8;
            flex: 1;
        }
        .new-item-more {
            margin-top: 14px;
        }
        .new-item-more a {
            font-size: 14px;
            color: #003d7a;
            text-decoration: none;
            font-weight: 600;
            transition: color 0.3s;
        }
        .new-item-more a:hover {
            color: #d4af37;
        }
        .new-item-more a i {
            margin-left: 4px;
            transition: transform 0.3s;
        }
        .new-item:hover .new-item-more a i {
            transform: translateX(4px);
        }

        /* 分页 */
        .new-pagination {
            display: flex;
            justify-content: center;
            gap: 8px;
            margin-top: 40px;
        }
        .new-pagination a,
        .new-pagination span {
            width: 36px;
            height: 36px;
            display: flex;
            align-items: center;
            justify-content: center;
            border-radius: 4px;
            font-size: 14px;
            color: #666;
            text-decoration: none;
            border: 1px solid #d0d7de;
            background: #fff;
            transition: all 0.3s;
        }
        .new-pagination a:hover {
            border-color: #003d7a;
            color: #003d7a;
        }
        .new-pagination .new-active {
            background: #003d7a;
            color: #fff;
            border-color: #003d7a;
        }

        @media (max-width: 768px) {
            .new-item {
                flex-direction: column;
            }
            .new-item-img {
                width: 100%;
                min-width: 100%;
                height: 200px;
            }
            .new-filter-bar {
                flex-direction: column;
                gap: 12px;
                align-items: flex-start;
            }
        }



        .new-article-header {
            background: #fff;
            padding: 60px 20px 40px;
            text-align: center;
        }
        .new-article-header h1 {
            font-size: 28px;
            color: #003d7a;
            max-width: 800px;
            margin: 0 auto 20px;
            line-height: 1.5;
        }
        .new-article-meta {
            display: flex;
            justify-content: center;
            gap: 24px;
            font-size: 14px;
            color: #999;
            flex-wrap: wrap;
        }
        .new-article-meta i {
            margin-right: 5px;
            color: #d4af37;
        }

        .new-main {
            padding: 40px 0;
            background: #f5f7fa;
        }
        .new-container {
            max-width: 1200px;
            margin: 0 auto;
            padding: 0 20px;
        }
        .new-layout {
            display: grid;
            grid-template-columns: 1fr 320px;
            gap: 30px;
            align-items: flex-start;
        }

        /* 左侧文章 */
        .new-article {
            background: #fff;
            border-radius: 8px;
            padding: 40px;
            box-shadow: 0 2px 10px rgba(0,0,0,0.05);
        }
        .new-article-cover {
            width: 100%;
            border-radius: 8px;
            overflow: hidden;
            margin-bottom: 28px;
        }
        .new-article-cover img {
            width: 100%;
            display: block;
        }
        .new-article-body {
            font-size: 16px;
            color: #444;
            line-height: 2;
        }
        .new-article-body h2 {
            font-size: 20px;
            color: #003d7a;
            margin: 28px 0 14px;
            padding-left: 12px;
            border-left: 4px solid #d4af37;
        }
        .new-article-body p { margin-bottom: 16px; }
        .new-article-body strong { color: #003d7a; }
        .new-article-body blockquote {
            background: #f0f4f8;
            border-left: 4px solid #003d7a;
            padding: 16px 20px;
            margin: 20px 0;
            border-radius: 0 6px 6px 0;
            color: #555;
        }
        .new-article-body ul,
        .new-article-body ol {
            margin: 16px 0;
            padding-left: 24px;
        }
        .new-article-body li { margin-bottom: 8px; }

        /* 文章底部 */
        .new-article-footer {
            margin-top: 36px;
            padding-top: 24px;
            border-top: 1px solid #e8ecf1;
            display: flex;
            justify-content: space-between;
            align-items: center;
            flex-wrap: wrap;
            gap: 16px;
        }
        .new-tags { display: flex; gap: 8px; flex-wrap: wrap; }
        .new-tag-item {
            padding: 6px 14px;
            background: #f0f4f8;
            color: #003d7a;
            border-radius: 20px;
            font-size: 12px;
        }
        .new-share { display: flex; gap: 10px; align-items: center; }
        .new-share span { font-size: 14px; color: #666; }
        .new-share a {
            width: 34px; height: 34px;
            display: flex; align-items: center; justify-content: center;
            border-radius: 50%;
            background: #f0f4f8;
            color: #003d7a;
            font-size: 14px;
            transition: all 0.3s;
        }
        .new-share a:hover { background: #003d7a; color: #fff; }

        /* 上一篇/下一篇 */
        .new-post-nav {
            margin-top: 24px;
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 16px;
        }
        .new-post-nav a {
            background: #fff;
            border-radius: 8px;
            padding: 18px 20px;
            box-shadow: 0 2px 10px rgba(0,0,0,0.05);
            transition: all 0.3s;
        }
        .new-post-nav a:hover { transform: translateY(-2px); }
        .new-post-nav .new-next { text-align: right; }
        .new-post-nav .new-label { font-size: 12px; color: #999; margin-bottom: 6px; }
        .new-post-nav .new-title { font-size: 14px; font-weight: 600; color: #003d7a; }
        .new-post-nav i { color: #d4af37; margin: 0 4px; }

        /* 右侧边栏 */
        .new-sidebar { display: flex; flex-direction: column; gap: 20px; }
        .new-side-card {
            background: #fff;
            border-radius: 8px;
            padding: 24px;
            box-shadow: 0 2px 10px rgba(0,0,0,0.05);
        }
        .new-side-card h3 {
            font-size: 16px;
            color: #003d7a;
            margin-bottom: 18px;
            padding-bottom: 12px;
            border-bottom: 2px solid #003d7a;
        }
        .new-side-card h3 i { margin-right: 8px; color: #d4af37; }

        .new-hot-item {
            display: flex;
            gap: 12px;
            padding: 10px 0;
            border-bottom: 1px solid #f0f4f8;
        }
        .new-hot-item:last-child { border-bottom: none; }
        .new-hot-num {
            width: 24px; height: 24px; min-width: 24px;
            background: #003d7a;
            color: #fff;
            border-radius: 4px;
            display: flex; align-items: center; justify-content: center;
            font-size: 12px; font-weight: 600;
        }
        .new-hot-item:nth-child(-n+3) .new-hot-num { background: #d4af37; }
        .new-hot-info a { font-size: 14px; color: #333; line-height: 1.5; display: block; }
        .new-hot-info a:hover { color: #003d7a; }
        .new-hot-info span { font-size: 12px; color: #999; }

        .new-contact-card {
            background: linear-gradient(135deg, #003d7a 0%, #1565a0 100%);
            color: #fff;
            border-radius: 8px;
            padding: 24px;
        }
        .new-contact-card h3 {margin-bottom: 20px; color: #fff; border-bottom-color: rgba(255,255,255,0.2); }
        .new-contact-card h3 i { color: #d4af37; }
        .new-contact-item { display: flex; align-items: center; gap: 12px; margin-bottom: 14px; }
        .new-contact-icon {
            width: 38px; height: 38px; min-width: 38px;
            background: rgba(255,255,255,0.15);
            border-radius: 50%;
            display: flex; align-items: center; justify-content: center;
            font-size: 16px; color: #fff;
        }
        .new-contact-item strong { display: block; font-size: 12px; opacity: 0.85; }

        @media (max-width: 1024px) {
            .new-layout { grid-template-columns: 1fr; }
        }
        @media (max-width: 768px) {
            .new-article { padding: 24px; }
            .new-post-nav { grid-template-columns: 1fr; }
            .new-article-header h1 { font-size: 20px; }
        }

        /* ========== 文件类型攻略：营业执照（商务文件）模块 ========== */
        /* 面板出现时的淡入上移动画 */
        .rd-business-guide .panel-body {
            animation: rdGuideFadeUp 0.55s ease both;
        }
        @keyframes rdGuideFadeUp {
            from { opacity: 0; transform: translateY(16px); }
            to   { opacity: 1; transform: translateY(0); }
        }

        /* 顶部信息卡（适用场景 / 费用参考） */
        .rd-guide-info {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
            gap: 20px;
            margin-bottom: 26px;
        }
        .rd-info-card {
            position: relative;
            padding: 18px 20px;
            border-radius: 8px;
            text-align: center;
            overflow: hidden;
            border: 1px solid transparent;
            animation: rdGuideFadeUp 0.55s ease both;
            transition: transform 0.35s ease, box-shadow 0.35s ease, border-color 0.35s ease;
        }
        .rd-info-card:nth-child(1) { animation-delay: 0.06s; }
        .rd-info-card:nth-child(2) { animation-delay: 0.16s; }
        .rd-info-card:nth-child(3) { animation-delay: 0.26s; }
        .rd-info-card h4 {
            font-size: 16px;
            font-weight: 600;
            color: #003d7a;
            margin-bottom: 8px;
        }
        .rd-info-card p {
            font-size: 14px;
            color: #555;
            line-height: 1.7;
        }
        /* 悬停高光扫过 */
        .rd-info-card::after {
            content: "";
            position: absolute;
            top: 0;
            left: -70%;
            width: 45%;
            height: 100%;
            background: linear-gradient(120deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.65) 50%, rgba(255,255,255,0) 100%);
            transform: skewX(-20deg);
            transition: left 0.7s ease;
            pointer-events: none;
        }
        .rd-info-card:hover::after { left: 130%; }
        .rd-info-card:hover {
            transform: translateY(-5px);
            box-shadow: 0 10px 24px rgba(0,61,122,0.14);
        }
        .rd-info-card--scene { background: #e3f2fd; }
        .rd-info-card--scene:hover { border-color: #1565a0; }
        .rd-info-card--fee { background: #fff3e0; }
        .rd-info-card--fee:hover { border-color: #d4a017; }
        .rd-info-card--cycle { background: #e8f5e9; }
        .rd-info-card--cycle:hover { border-color: #43a047; }

        @media (max-width: 768px) {
            .rd-guide-info { grid-template-columns: 1fr; }
        }

        /* 文件类型攻略：所需材料 / 注意事项 列表样式 */
        .rd-guide-list {
            position: relative;
            background: #fff;
            border-left: 3px solid #e8a33d;
            border-radius: 4px;
            padding: 14px 18px 14px 20px;
            margin-bottom: 18px;
            box-shadow: 0 2px 8px rgba(0,0,0,0.04);
        }
        .rd-guide-list h4 {
            display: flex;
            align-items: center;
            gap: 8px;
            font-size: 16px;
            font-weight: 600;
            color: #003d7a;
            margin: 0 0 6px;
        }
        .rd-guide-list h4 i { color: #e8a33d; }
        .rd-guide-list ul {
            list-style: none;
            margin: 0;
            padding: 0;
            line-height: 2;
        }
        .rd-guide-list li {
            position: relative;
            padding-left: 18px;
            font-size: 14px;
            color: #333;
        }
        .rd-guide-list li::before {
            content: "";
            position: absolute;
            left: 0;
            top: 0.85em;
            width: 7px;
            height: 7px;
            border-radius: 50%;
            background: #1565a0;
        }

        /* ========== 全站 Font Awesome 图标彩色化 ========== */
        /* 深蓝横幅（page-hero）内的标题图标统一使用亮金色，保证对比度与彩色效果 */
        .page-hero h1 i.fa {
            color: #ffd54a;
        }
        /* 金色系 */
        .fa.fa-building,
        .fa.fa-money,
        .fa.fa-folder,
        .fa.fa-folder-open,
        .fa.fa-bolt,
        .fa.fa-clock-o,
        .fa.fa-pencil,
        .fa.fa-pencil-square-o,
        .fa.fa-truck,
        .fa.fa-question-circle {
            color: #f0a500;
        }
        /* 橙色系 */
        .fa.fa-book,
        .fa.fa-exclamation-circle,
        .fa.fa-exclamation-triangle {
            color: #e67e22;
        }
        /* 红色系 */
        .fa.fa-ban,
        .fa.fa-lock,
        .fa.fa-map-marker,
        .fa.fa-envelope-o,
        .fa.fa-fire {
            color: #e74c3c;
        }
        /* 绿色系 */
        .fa.fa-check,
        .fa.fa-globe,
        .fa.fa-shield,
        .fa.fa-download,
        .fa.fa-phone,
        .fa.fa-comments,
        .fa.fa-comments-o {
            color: #00a86b;
        }
        /* 紫色系 */
        .fa.fa-briefcase,
        .fa.fa-calculator,
        .fa.fa-cube,
        .fa.fa-graduation-cap,
        .fa.fa-eye {
            color: #8e44ad;
        }
        /* 粉色系 */
        .fa.fa-heart,
        .fa.fa-flag,
        .fa.fa-bullhorn {
            color: #e84393;
        }
        /* 蓝色系 */
        .fa.fa-file-o,
        .fa.fa-files-o,
        .fa.fa-list,
        .fa.fa-list-alt,
        .fa.fa-list-ol,
        .fa.fa-user,
        .fa.fa-user-o,
        .fa.fa-compass,
        .fa.fa-mobile,
        .fa.fa-link,
        .fa.fa-info-circle,
        .fa.fa-calendar,
        .fa.fa-train,
        .fa.fa-newspaper-o,
        .fa.fa-search {
            color: #2f80ed;
        }
        /* 其他单独配色 */
        .fa.fa-child { color: #ff7675; }
        .fa.fa-bus { color: #3498db; }
        .fa.fa-weixin { color: #07c160; }
        .fa.fa-weibo { color: #e6162d; }
        /* 方向指示类 */
        .fa.fa-angle-left,
        .fa.fa-angle-right,
        .fa.fa-arrow-right,
        .fa.fa-chevron-down {
            color: #1565a0;
        }

        /* 联系卡片/侧栏图标：强制显示彩色，不受容器 color:#fff 影响 */
        .contact-icon .fa.fa-phone,
        .contact-icon-1 .fa.fa-phone,
        .info-icon .fa.fa-phone { color: #00c853; }
        .contact-icon .fa.fa-envelope-o,
        .contact-icon-1 .fa.fa-envelope-o,
        .info-icon .fa.fa-envelope-o { color: #ff5252; }
        .contact-icon .fa.fa-comments-o,
        .contact-icon-1 .fa.fa-comments-o,
        .info-icon .fa.fa-comments-o { color: #3f51b5; }
        .contact-icon .fa.fa-clock-o,
        .contact-icon-1 .fa.fa-clock-o,
        .info-icon .fa.fa-clock-o { color: #ff9800; }




