/* 第一步：全局盒模型，解决 padding/border 撑宽问题 */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box !important;
}

/* 第二步：彻底锁死视口，禁止任何横向溢出 */
/*html, body {*/
/*  width: 100% !important;*/
/*  height: 100% !important;*/
/*  overflow-x: hidden !important;*/
/*  -webkit-overflow-scrolling: touch;*/
  /*position: relative;*/
/*}*/


/* 强化移动端容器的溢出控制 */
#mobile-content {
  width: 100% !important;
  height: auto;
  min-height: 100vh !important;
  overflow-x: hidden !important;
  overflow-y: auto !important; /* 纵向允许滚动，横向彻底禁止 */
  position: relative;
}
#pc-content, #mobile-content {
    display: none;
}
/* 手机端样式：当屏幕宽度小于 768px 时 */
@media (max-width: 767px) {
  #pc-content { display: none !important; }
  #mobile-content { display: block !important;background: #fff;}
  .move-cover{
      display:none !important;
  }
  
  html, body {
    /* 强制重置，防止被外部 CSS 的 min-width 撑开 */
    min-width: 100% !important;
    width: 100% !important;
    overflow-x: hidden !important;
    position: relative;
  }
}

/* PC端样式：当屏幕宽度大于等于 768px 时 */
@media (min-width: 768px) {
  #pc-content { display: block !important; }
  #mobile-content { display: none !important; }
}
#mobile-content {
  overflow: hidden;
}
.pd-top {
  box-sizing: border-box;
  width: 100%;
  height: 90px;
  position: fixed;
  padding: 10px;
  background-color: #fff;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  display: flex;
  align-items: center;
  justify-content: space-between;
  z-index: 9999;
}
.pd-top img {
  /*max-width: 200px;*/
  height: auto;
}

.pd-top-btn {
  width: 38px;
  height: 36px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;

  cursor: pointer;
  padding: 5px;
  z-index: 9999;
}

.pd-top-btn img {
  width: 30px;
  height: 30px;
}
/* 导航菜单样式 */
.pd-nav {
  position: fixed;
  top: 0;
  right: -280px;
  /* 初始位置在右侧外部 */
  width: 260px;
  height: 100vh;
  background-color: #fff;
  box-shadow: -2px 0 10px rgba(0, 0, 0, 0.1);
  transition: right 0.3s ease;
  z-index: 9999;
  overflow-y: auto;
}

/* 导航菜单激活状态 */
.pd-nav.active {
  right: 0;
  /* 激活时滑入视图 */
}
.pd-nav h2 {
  font-size: 20px;
  font-weight: bold;
  color: #3075bb;
  padding: 20px 0;
  border-bottom: 1px solid #f0f0f0;
  text-align: center;

  height: 90px;
  box-sizing: border-box;
  line-height: 50px;
}
/* 导航菜单列表样式 */
.pd-nav ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.pd-nav li {
  padding: 0; /* 移除原来的 padding，由 a 标签撑开 */
  border-bottom: 1px solid #f0f0f0;
  display: block; /* 改为块级，防止 flex 布局干扰子菜单 */
}

.pd-nav li a{
    color: #333;
    font-size: 15px;
}

/* 一级菜单链接样式 */
.pd-nav > ul > li > a {
    padding: 15px 20px;
    display: flex;
    justify-content: flex-start; /* 默认依然居中 */
    align-items: center;
    position: relative;
    transition: all 0.2s;

}

/* --- 关键：当 li 包含 ul (二级菜单) 时的样式修正 --- */

/* 1. 如果有二级菜单，将文字左对齐，并留出箭头空间 */
.pd-nav li:has(ul) > a {
    justify-content: flex-start; /* 有子菜单时建议左对齐，视觉更自然 */
    /*padding-left: 25px;*/
}

/* 2. 增加伪元素箭头（仅在有二级菜单时显示） */
.pd-nav li:has(ul) > a::after {
    content: '';
    position: absolute;
    right: 20px;
    width: 6px;
    height: 6px;
    border-right: 2px solid #ccc;
    border-bottom: 2px solid #ccc;
    transform: rotate(45deg);
    transition: transform 0.3s;
}

/* 3. 当菜单展开时，箭头旋转 */
.pd-nav li.open > a::after {
    transform: rotate(-135deg);
    border-color: #3075bb;
}

/* --- 二级菜单容器样式 --- */
.pd-nav li ul {
    display: none; /* 默认隐藏 */
    background-color: #f8f9fa;
    border-top: 1px solid #eee;
}

.pd-nav li.open ul {
    display: block; /* 展开状态 */
}

/* 二级菜单项样式 */
.pd-nav li ul li {
    border-bottom: 1px solid #eee;
}

.pd-nav li ul li a {
    padding: 12px 20px 12px 40px; /* 增加左缩进 */
    font-size: 14px;
    color: #666;
    justify-content: flex-start; /* 二级菜单固定左对齐 */
}

.pd-nav li ul li:last-child {
    border-bottom: none;
}

/*.pd-nav a {*/
/*  text-decoration: none;*/
/*  color: #333;*/
/*  font-size: 15px;*/
/*  display: block;*/
/*}*/

/*.pd-nav a:hover {*/
/*  color: #d30d0a;*/
/*}*/

/* 遮罩层样式 */
.pd-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 9998;
  display: none;
  transition: opacity 0.3s ease;
}

.pd-overlay.active {
  display: block;
}

.pd-content {
  display: flex;
  flex-direction: column;
  padding: 0 20px;
  box-sizing: border-box;
  padding-top: 100px;
}

/* 选项卡容器布局 */
.pd-tab-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid #eee;
  margin-bottom: 10px;
}

.pd-tab-header {
  display: flex;
  gap: 20px;
}

.pd-tab-item {
  font-size: 15px;
  color: #666;
  padding: 10px 0;
  position: relative;
  cursor: pointer;
}



/* 激活状态的下划线效果 */
.pd-tab-item.active {
  color: #3075bb;
  font-weight: bold;
}

.pd-tab-item.active::after {
  content: '';
  position: absolute;
  bottom: -1px;
  left: 0;
  width: 100%;
  height: 2px;
  background-color: #3075bb;
}

.pd-tab-more {
  font-size: 13px;
  color: #999;
  text-decoration: none;
}

/* 内容面板控制 */
.pd-tab-pane {
  display: none; /* 默认隐藏 */
}

.pd-tab-pane.active {
  display: block; /* 激活后显示 */
  animation: fadeIn 0.3s ease;
}

@keyframes fadeIn {
  from { opacity: 0; transform: translateY(5px); }
  to { opacity: 1; transform: translateY(0); }
}
.pd-content-item-list li{
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    margin-top: 20px;
}
.pd-content-item-list a{
    color: #333;
    font-size: 14px;
    line-height: 24px;
    display: block;
    width: 70%;
    
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.pd-content-item-list span{
    color: #666;
    font-size: 14px;
    line-height: 24px;
}

.pd-bottom {
  width: 100%;
  height: 177px;
  margin-top: 30px;

  background-color: #1c497c;
  padding-bottom: 20px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.pd-bottom p {
  text-align: center;
  color: #ffffff;
  line-height: 28px;
  font-size: 14px;
}
/* 轮播图主体 */
.pd-banner {
    position: relative;
    width: 100%;
    height: 200px; /* 你可以根据需求调整高度 */
    overflow: hidden;
    border-radius: 8px;
    margin-bottom: 20px;
    background-color: #f0f0f0; /* 图片未加载时的占位色 */
}

/* 滑动轨道 */
.pd-swiper-wrapper {
    display: flex;
    width: 100%;
    height: 100%;
    transition: transform 0.5s cubic-bezier(0.25, 1, 0.5, 1);
}

/* 单个幻灯片 */
.pd-swiper-slide {
    flex: 0 0 100%;
    width: 100%;
    height: 100%;
    position: relative;
}

.pd-swiper-slide img {
    width: 100%;
    /*height: 100%;*/
    /*object-fit: cover;*/
    display: block;
    min-height: 200px;
    
}

/* 标题样式：半透明遮罩背景 */
.pd-swiper-title {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 10px 15px 10px 15px;
    background: linear-gradient(transparent, rgba(0, 0, 0, 0.7)); /* 渐变黑，更高级 */
    color: #fff;
    font-size: 14px;
    line-height: 1.4;
    box-sizing: border-box;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; /* 超出部分显示省略号 */
    z-index: 2;
}

/* 分页圆点容器 */
.pd-swiper-pagination {
    position: absolute;
    bottom: 12px;
    right: 15px; /* 圆点放在右侧，标题放在左侧，互不干扰 */
    display: flex;
    gap: 6px;
    z-index: 10;
}

.pd-dot {
    width: 6px;
    height: 6px;
    background: rgba(255, 255, 255, 0.4);
    border-radius: 50%;
    transition: all 0.3s;
}

.pd-dot.active {
    background: #fff;
    width: 15px; /* 激活时变为长条 */
    border-radius: 3px;
}

.pd-other{
    margin-top: 20px;
}
.pd-photo-scroll-container {
    width: 100%;
    overflow: hidden; /* 隐藏滚动条 */
    margin-top: 15px;
    position: relative;
}

.pd-photo-list-inner {
    display: flex;
    padding: 0;
    margin: 0;
    list-style: none;
    will-change: transform; /* 性能优化 */
}

.pd-photo-list-inner li {
    flex: 0 0 140px; /* 每张卡片固定宽度 */
    margin-right: 12px;
}

.pd-photo-box {
    width: 140px;
    height: 90px;
    border: 1px solid #eee;
    padding: 2px;
    background: #fff;
    border-radius: 4px;
    box-sizing: border-box;
}

.pd-photo-box img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.pd-photo-title {
    margin-top: 8px;
    font-size: 12px;
    color: #444;
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* 针对富文本内容的移动端优化 */
.pd-content-body {
    padding: 10px;
    line-height: 1.6;
    word-wrap: break-word; /* 强制长单词换行 */
    overflow-x: hidden;    /* 防止横向溢出 */
    
    color: #333 !important;
}

/* 关键：强制图片最大宽度为 100%，高度自动 */
.pd-content-body img {
    max-width: 100% !important;
    height: auto !important;
    display: block;
    margin: 10px auto;
}

/* 强制表格自适应，不再固定宽度 */
.pd-content-body table {
    width: 100% !important;
    display: block;        /* 将表格转为块级 */
    overflow-x: auto;      /* 如果表格太长，允许内部横滑而不撑破页面 */
    border-collapse: collapse;
}

/* 移除编辑器可能自带的固定内边距或边距 */
.pd-content-body p, .pd-content-body div {
    max-width: 100% !important;
    box-sizing: border-box;
}

/* 列表容器约束 */
.pd-list-container {
    width: 100%;
    box-sizing: border-box;
    padding: 15px;
    overflow-x: hidden; /* 彻底禁止横向滚动 */
}

/* 列表项样式优化 */
.pd-article-list {
    margin: 0;
    padding: 0;
    list-style: none;
}

.pd-article-list li {
    display: flex;
    justify-content: space-between; /* 标题居左，日期居右 */
    align-items: flex-start;
    padding: 12px 0;
    border-bottom: 1px solid #f2f2f2;
}

/* 标题样式：防止过长撑开页面 */
.pd-article-list li a {
    flex: 1; /* 占据剩余空间 */
    font-size: 15px;
    color: #333;
    text-decoration: none;
    line-height: 1.4;
    padding-right: 10px;
    /* 超过两行显示省略号 */
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
}

/* 日期样式：固定宽度防止挤压 */
.pd-date {
    font-size: 13px;
    color: #999;
    white-space: nowrap; /* 保证日期不换行 */
    margin-top: 2px;
}

/* --- 分页样式优化 (解决横向滚动的关键) --- */
.pd-pagination {
    margin-top: 25px;
    padding-bottom: 30px;
    text-align: center;
}

.pd-total {
    display: block;
    font-size: 12px;
    color: #888;
    margin-bottom: 15px;
}

.pd-page-links {
    display: flex;
    justify-content: center;
    flex-wrap: wrap; /* 如果页码太多，自动换行而不横向撑开 */
    gap: 8px;
}

.pd-page-links a {
    min-width: 20px;
    height: 32px;
    line-height: 32px;
    padding: 0 5px;
    border: 1px solid #eee;
    color: #666;
    text-decoration: none;
    font-size: 13px;
    border-radius: 4px;
    background: #fff;
    
     white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* 当前页码高亮 */
.pd-page-links a.active {
    background-color: #3075bb;
    color: #fff;
    border-color: #3075bb;
}

/* 隐藏移动端不需要的复杂翻页（如：首页、末页）提高简洁度 */
@media (max-width: 480px) {
    .pd-page-links a:nth-last-child(-n+2) {
        /* 如果页码过多，可以在此处隐藏部分或缩小间距 */
    }
}

/* 容器基础样式 */
.pd-article-container {
    padding: 15px;
    background: #fff;
    min-height: 100vh;
    box-sizing: border-box;
    overflow-x: hidden; /* 严防横向滚动 */
}

/* 标题样式 */
.pd-article-header h1 {
    font-size: 20px;
    line-height: 1.4;
    color: #333;
    margin-bottom: 12px;
    font-weight: bold;
    text-align: center;
}

/* 副标题/元信息样式 */
.pd-article-meta {
    font-size: 13px;
    color: #999;
    padding-bottom: 15px;
    border-bottom: 1px solid #eee;
    margin-bottom: 20px;
    text-align: center;
}

.pd-article-meta span {
    margin-right: 15px;
}

/* --- 富文本正文深度优化 --- */
.pd-article-content {
    font-size: 16px;
    line-height: 1.8;
    color: #444;
    word-wrap: break-word;
    word-break: break-all;
}

/* 核心修复：强制图片自适应宽度 */
.pd-article-content img {
    max-width: 100% !important; /* 覆盖后台设置的固定像素宽度 */
    height: auto !important;    /* 保持比例 */
    display: block;
    margin: 15px auto;
}

/* 修复富文本中的表格溢出 */
.pd-article-content table {
    width: 100% !important;
    border-collapse: collapse;
    display: block;
    overflow-x: auto; /* 超长表格允许横向滑动而非撑破页面 */
    margin: 15px 0;
}

/* 调整段落间距 */
.pd-article-content p {
    margin-bottom: 15px;
}

/* 如果有视频或 iframe 也要自适应 */
.pd-article-content iframe, 
.pd-article-content video {
    max-width: 100%;
    height: auto;
}

.pd-tab-item1 {
  font-size: 15px;
  color: #666;
  padding: 10px 0;
  position: relative;
  cursor: pointer;
}
.active1{
    color: #3075bb;
    font-weight: bold;
}
.active1::after{
        content: '';
    position: absolute;
    bottom: -1px;
    left: 0;
    width: 100%;
    height: 2px;
    background-color: #3075bb;
}