@charset "utf-8";
/* CSS Document */


* { margin:0px; padding:0px; list-style-type: none; }
HTML { padding: 0px; margin: 0px; height: 100%; }
body { font-family:"微软雅黑","黑体",Tahoma,Helvetica,Arial,sans-serif; margin:0px auto; background:#ebf0fa; font-weight:300;display: flex; flex-direction: column;}
a{color:#333; text-decoration:none;}
a:link{ text-decoration:none;}
a img {border:0px; }
 img{
    -webkit-transition: all 1s; 
    -moz-transition: all 1s;
    transition: all 1s;
}
.button {text-align: center;padding: 0 40px; margin: 0; display: inline-block; appearance: none; cursor: pointer;}


border: { zoom:1; }
ul, li,  p { margin:0; padding:0; border:none; list-style-type:none;}
.clear {clear: both; }
.hr2,.hr4,.hr5,.hr6,.hr8,.hr10,.hr12,.hr15,.hr20{margin:0 auto; padding:0px; font-size:0;line-height:0;clear:both;}
.hr2{height:2px;}.hr4{height:4px;}.hr5{height:5px;}.hr6{height:6px;}.hr8{height:8px;}.hr9{height:9px;}.hr10{height:10px;}.hr12{height:12px;}.hr15{height:15px;}.hr20{height:20px;}
.dash {border-bottom:1px dashed #999;padding-top: 4px; text-align:center;}
.dis{ display:block;}
.undis{ display:none;}

.logo {width:280px; margin:20px 25px; float:left; }
.logo img{width:280px; box-shadow:none;}
.search{float:right; margin-top:45px; margin-right:20px;}


.input-group .form-control:not(:first-child):not(:last-child), .input-group-addon:not(:first-child):not(:last-child), .input-group-btn:not(:first-child):not(:last-child) {border-top-left-radius: 4px;border-bottom-left-radius: 4px;}
.btn{padding:8px 20px;}
.bg-danger{background-color:#b02a37 !important;}
.bg-black {--bs-bg-opacity: 0.3;}
.nav-tabs {--bs-nav-tabs-border-width: 3px;}

/* 1. PC端搜索框优化 - 靠右+同行显示 */
@media (min-width: 992px) {
  /* 移除联系电话（直接在HTML中删除，此处强化隐藏） */
  .col-lg-4.d-none.d-lg-block.text-end {
    display: none !important;
  }
  
  /* 搜索框容器靠右 + 固定宽度 */
  .col-lg-8.d-none.d-lg-block {
    display: flex !important;
    align-items: center;
    justify-content: flex-end;
  }
  
  .col-lg-8 .input-group {
    width: 350px !important; /* 固定搜索框宽度，确保同行显示 */
    margin-right: 2rem !important;
  }
  
  /* 输入框与按钮同行且无间隙 */
  .search-input {
	border-top-left-radius: 6px !important;
	border-bottom-left-radius: 6px !important;
    height: 42px;
    border-right: none !important; /* 移除输入框右侧边框 */
  }
  
  #searchBtn {
	border-top-right-radius: 6px !important;
	border-bottom-right-radius: 6px !important;
    height: 42px;
    border-left: none !important; /* 移除按钮左侧边框 */
  }
}

/* 2. 导航菜单均匀分布 - 占满导航条 */
.navbar-nav.w-100.d-flex.justify-content-around {
  width: 100% !important;
  margin: 0;
  padding: 0;
}

/* 导航项样式统一 */
.navbar-nav .nav-item {
  flex: 1; /* 每个导航项平均分配宽度 */
  text-align: center; /* 文字居中 */
}

.navbar-brand, .navbar-nav .nav-link {
  position: relative;
  padding: 0.6rem 1.32rem !important; /* 上下内边距，左右靠text-align:center */
  font-size: 1.2rem !important; /* 与首页字体大小一致 */
  font-weight: 300;
  color: #fff !important;
  transition: all 0.3s ease;
}

/* 悬停特效优化 */
.navbar-brand::after, .navbar-nav .nav-link::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 0;
  height: 2px;
  background-color: #ffdd00; /* 黄色下划线（与红色导航栏对比） */
  transition: width 0.3s ease;
}

.navbar-brand:hover, .navbar-nav .nav-link:hover {
  color: #fff !important; /* 悬停文字变黄 */
  transform: translateY(-2px);
}

.navbar-brand:hover::after, .navbar-nav .nav-link:hover::after {
  width: 70%; /* 下划线展开 */
}

/* 激活状态样式 */
.navbar-nav .nav-link.active {
  color: #fff !important;
}

.navbar-nav .nav-link.active::after {
  width: 70%;
}

/* 3. 移动端适配 */
@media (max-width: 991px) {
  /* 移动端导航项取消均匀分布，恢复默认堆叠 */
  .navbar-nav.w-100.d-flex.justify-content-around {
    flex-direction: column;
  }
  
  .navbar-nav .nav-item {
    text-align: left;
    margin: 0.3rem 0;
  }
  
  .navbar-nav .nav-link {
    padding: 0.5rem 1rem !important;
	text-align:center;
  }
  
  /* 移动端搜索框样式 */
  .d-lg-none .input-group {
    width: 100%;
  }
  
  .d-lg-none .form-control {
    border-right: none;
  }
  
  .d-lg-none .btn-outline-light {
    border-left: none;
  }
}

/* 4. 搜索框聚焦样式 */
.search-input:focus, .d-lg-none .form-control:focus {
  outline: none;
  box-shadow: none !important;
}



.fs-7 {font-size: 0.3rem !important;}

/* 轮播图样式优化 */
#newsCarousel {
  height: 100%;
}

#newsCarousel .carousel-indicators button {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  margin: 0 4px;
}

#newsCarousel .carousel-caption {
  left: 0;
  right: 0;
  bottom: 0;
  padding: 0.75rem;
  border-radius: 0;
}

#newsCarousel .carousel-caption h5 {
  font-size: 1rem;
  font-weight: 500;
}

/* 选项卡样式优化 */
#newsTabs .nav-link {color: #333;font-weight: 500;transition: all 0.5s ease;border: none;padding: 1rem 0;   background-color: #f5f8ff; /* 选项卡标题添加淡淡背景色 */
  padding: 0.75rem 1.5rem; /* 增加内边距让背景更明显 */
  margin-right: 4px; /* 增加选项卡之间的间距 */}
#newsTabs .nav-link.active {color: #dc3545; /* 红色激活态 */background-color: transparent;border-bottom: 3px solid #dc3545 !important;}
#newsTabs .nav-link:hover:not(.active) {color: #dc3545;}
#newsTabs .nav-link i {color: #dc3545 !important;}
/* 移除可能导致间距过大的默认样式 */
#newsTabs .nav {margin-bottom: 0.5rem !important;}
.tab-content {margin-top: 0.5rem !important;}
.tab-content .list-unstyled li a {font-size: 1.2rem; transition: all 0.3s ease; }
.tab-content .list-unstyled li a:hover {color: #dc3545 !important;transform: translateX(5px); }
.text-truncate {display: inline-block;}

/* 响应式适配 */
@media (max-width: 991px) {
  /* 移动端轮播图比例调整 */
  #newsCarousel img {aspect-ratio: 4/3 !important;
}

/* 移动端选项卡字体缩小 */
#newsTabs .nav-link {font-size: 1.1rem;}
  
/* 移动端新闻列表字体调整 */
.tab-content .list-unstyled li a {font-size: 1.1rem;}
  
/* 移动端移除选项卡图标，节省空间 */
#newsTabs .nav-link i {display: none;}}

@media (max-width: 575px) {
  /* 小屏轮播图比例更紧凑 */
  #newsCarousel img {
    aspect-ratio: 16/9 !important;
  }
  
  /* 小屏新闻列表内边距调整 */
  .col-12.col-lg-5 {
    padding: 1rem !important;
  }
}

/* Banner图容器样式 */
.banner-container {
  position: relative;
  width: 100%;
  overflow: hidden;
}
.banner-container:hover {
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.12) !important;
}


/* 链主经济专辑样式优化 */
.news-item {
  font-size: 1.2rem; /* 增大新闻字体 */
  transition: all 0.3s ease;
}

.news-item:hover {
  color: #dc3545 !important;
  transform: translateX(5px); /* 悬停时轻微右移效果 */
}

/* 图片专辑标题样式 */
.col-6.col-md-4.col-lg-3 h3 a {
  font-weight: 500;
}

/* 响应式字体调整 */
@media (max-width: 768px) {
  .news-item {
    font-size: 1.1rem;
  }
	.py-3 {
    padding-top: 0.75rem!important;
    padding-bottom: 0.75rem!important;
	}
}

/* 链主经济板块样式优化 */

/* 1. 标题部分样式 */
.border-bottom {
  border-bottom:3px solid #f1f1f1 !important;
}

/* 专辑卡片样式 */
.album-card {
  height: 100%;
  display: flex;
  flex-direction: column;
  background-color: #fff;
  cursor: pointer;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.06);
  transition: all 0.3s ease;
}

/* 图片容器样式 */
.album-img-container {
  width: 100%;
  height: 200px; /* 固定高度 */
  overflow: hidden;
  position: relative;
}

/* 图片样式优化 */
.album-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transform: scale(1);
  transition: transform 0.5s ease; /* 稍慢的过渡效果 */
}

/* 悬停效果增强 */
.album-card:hover {
  /* 悬停时更强的阴影效果 */
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.12);
}

.album-card:hover .album-img {
  transform: scale(1.05); /* 适度放大 */
}

/* 标题样式优化 */
.album-title {
  font-size:1.1rem !important;
  font-weight:300;
  white-space: nowrap; /* 强制单行显示 */
  overflow: hidden;
  text-overflow: ellipsis; /* 超出部分省略号 */
}

/* 移动端适配 */
@media (max-width: 768px) {
  /* 确保移动端图片显示 */
  .album-img-container {
    height: 160px; /* 移动端适当减小高度 */
    display: block !important;
  }
  
  /* 移动端卡片间距调整 */
  .g-5 {
    --bs-gutter-y: 1rem !important;
  }
  
}

/* 小屏手机优化 */
@media (max-width: 575px) {
  .album-img-container {
    height: 140px;
  }
}

/* 智库专家专辑样式调整 */
.expert-album-img {
  height: 150px; /* 降低图片高度 */
}

.activity-album-img {
  height: 160px; /* 降低图片高度 */
}

.expert-album-title {
  font-size: 1rem !important; /* 减小标题字体 */
}

/* 响应式调整 */
@media (max-width: 768px) {
  .expert-album-img {
    height: 140px; /* 移动端进一步降低高度 */
  }
  
  .expert-album-title {
    font-size: 0.95rem !important; /* 移动端进一步减小字体 */
  }
}

@media (max-width: 575px) {
  .expert-album-img {
    height: 120px; /* 小屏手机再调整 */
  }
  .activity-album-img {
    height: 120px; /* 小屏手机再调整 */
  }  
}

/* 智库专家板块补充样式 */
@media (min-width: 992px) {
  /* PC端左侧新闻列表字体缩小 */
  .expert-news-list .news-item {
    font-size: 1.1rem !important;
  }
}

/* 确保响应式布局下的间距合理性 */
@media (max-width: 991px) {
  .col-12.col-lg-8.pe-lg-5,
  .col-12.col-lg-4.ps-lg-5 {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  
  .col-12.col-lg-4.ps-lg-5 {
    border-start: none !important;
    margin-top: 1rem;
    padding-top: 1rem !important;
    border-top: 1px solid #f1f1f1 !important;
  }
}

/* 智库专家专辑标题样式 - 两行显示，超出省略 */
.expert-title {
  font-size: 1.1rem !important;
  font-weight: 300;
  display: -webkit-box;
  -webkit-line-clamp: 2; /* 限制显示2行 */
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 1.4; /* 优化行高 */
  transition: color 0.3s ease; /* 颜色过渡动画 */
}

/* 政策解读板块样式优化 */
.policy-section {
  font-size: 1.1rem; /* 与智库专家新闻列表字体一致 */
}

@media (min-width: 992px) {
  /* PC端政策解读行间距 */
  .policy-section .py-3 {
    padding-top: 0.75rem !important;
    padding-bottom: 0.75rem !important;
  }
}

/* 统一专家新闻列表行高 */
.expert-news-list .news-item {
  line-height: 1.5;
}

/* 活动专题标题样式 - 单行显示+悬停变色 */
.activity-title {
  font-size: 1rem !important;
  font-weight: 300;
  white-space: nowrap; /* 强制单行 */
  overflow: hidden;
  text-overflow: ellipsis; /* 超出部分省略号 */
  line-height: 1.4;
  margin-bottom: 0;
  text-align:center;
  transition: color 0.3s ease; /* 颜色过渡动画 */
}

/* 悬停变色（与新闻标题一致的红色） */
.group:hover .expert-title {
  color: #dc3545 !important; /* 复用新闻标题悬停红色 */
 }
 
/* 活动专题右侧小板块样式优化 */
.activity-sidebar {
  position: relative;
  overflow: hidden;
  border-radius: 4px;
}

/* 活动专题图片样式 */
.activity-sidebar-img {
  width: 100%;
  transition: all 0.5s ease;
}

/* PC端调整图片高度，优化比例 */
@media (min-width: 992px) {
  .activity-sidebar-img {
    height: 180px; /* 提高PC端图片高度 */
    object-fit: cover;
  }
}

/* 移动端保持合适比例 */
@media (max-width: 991px) {
  .activity-sidebar-img {
    height: 140px;
    object-fit: cover;
  }
}

/* 活动专题标题叠加样式 */
.activity-sidebar-title {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 0.75rem;
  margin: 0;
  background: linear-gradient(transparent, rgba(0, 0, 0, 0.7));
  color: #fff !important;
  font-size: 1rem !important;
  font-weight: 400 !important;
  transition: all 0.3s ease;
  line-height: 1.4;
  /* 标题两行显示 */
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

/* 悬停效果 */
.activity-sidebar:hover .activity-sidebar-title {
  background: linear-gradient(transparent, rgba(176, 42, 55, 0.8));
}

.activity-sidebar:hover .activity-sidebar-img {
  transform: scale(1.05);
}

/* 统一卡片过渡效果 */
.transition-all {
  transition: all ease;
}

.duration-300 {
  transition-duration: 300ms;
}

.duration-500 {
  transition-duration: 500ms;
}

/* 悬停变换效果 */
.hover\:shadow-lg:hover {
  box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04) !important;
}

.hover\:-translate-y-1:hover {
  transform: translateY(-4px) !important;
}

/* 图片缩放效果 */
.group-hover\:scale-110 {
  transform: scale(1.1);
}

/* 响应式调整 */
@media (max-width: 991px) {
  .album-card {
    max-width: 100% !important;
  }
}

@media (max-width: 575px) {
  /* 小屏优化悬停效果 */
  .album-card:hover {
    transform: translateY(-2px) !important;
  }
  
  .group-hover\:scale-110 {
    transform: scale(1.05);
  }
}

/* 底部样式补充 - 原生CSS实现，不依赖框架 */
footer {
	margin-top: auto !important;
  font-size: 1rem;
  background-color: #b02a37 !important;
  color: #fff !important;
}

/* 导航链接样式 */
.footer-nav a {
  color: #fff !important;
  transition: color 0.3s ease;
}

.footer-nav a:hover {
  color: #ccc !important;
  text-decoration: underline !important;
}




/* 二维码样式 - 精确控制大小 */
.qrcode-img {
  width: 6rem; /* 移动端基础大小（96px） */
  height: 6rem;
  object-fit: contain; /* 保持图片比例，不拉伸 */
}

/* 二维码文字样式 */
.qrcode-text {
  font-size: 0.9rem;
  color: #fff !important;
}

/* PC端（≥768px）优化 */
@media (min-width: 768px) {
  .qrcode-img {
    width: 8rem; /* PC端放大（128px） */
    height: 8rem;
  }
  
  .footer-qrcode {
    gap: 2rem; /* PC端增大二维码间距 */
  }
}

/* 移动端（≤767px）优化 */
@media (max-width: 767px) {
  footer .col-md-7,
  footer .col-md-5 {
    flex: 0 0 100%;
    max-width: 100%;
    text-align: center;
  }
  
  .footer-nav a {
    display: inline-block;
    margin: 0 0.5rem 0.5rem; /* 移动端链接换行显示，增加上下间距 */
  }
  
  .footer-qrcode {
    gap: 1.5rem; /* 移动端减小二维码间距 */
    margin-top: 1rem;
  }
}


/* 栏目目录导航样式 */
.breadcrumb-nav {
  font-size: 1rem;
  color: #999;
}

.breadcrumb-nav a {
  text-decoration: none;
  transition: color 0.3s ease;
  color: #999;
}

.breadcrumb-nav a:hover {
  color: #b02a37 !important;
}

/* 新闻列表样式优化 */
.news-list {list-style: none;padding: 0;margin: 0;font-size:1.2rem !important;}
.news-list li a {color: #333; text-decoration: none; transition: all 0.3s ease;}
.news-list li a:hover { color: #b02a37 !important; padding-left: 5px;}
.news-list .text-muted {color:#999 !important; font-size:1rem; white-space: nowrap;}

/* 分组间距：每组新闻底部间距 */
.list {font-size:1.1rem !important; transition: all 0.3s ease;}
.list:hover { color: #b02a37 !important; transform: translateX(5px); /* 悬停时轻微右移效果 */}
  


/* 分页样式优化 */
.pagination-custom .page-link {
  border-left: 1px solid #dee2e6;
  border-right: 1px solid #dee2e6;
  border-radius: 0 !important;
  padding: 0.375rem 0.75rem;
  color:#333;
}


.pagination-custom .page-item:first-child .page-link {
  border-left: 1px solid #dee2e6;
  border-radius: 4px 0 0 4px !important;
}

.pagination-custom .page-item:last-child .page-link {
  border-right: 1px solid #dee2e6;
  border-radius: 0 4px 4px 0 !important;
}

.pagination-custom .page-item.active .page-link {
	color: #fff;
  background-color: #b02a37;
  border-color: #b02a37;
}

.pagination-custom .page-link:hover {
  color: #fff;
  background-color: #b02a37;
  border-color: #b02a37;
}

/* 左右板块样式优化：减少内边距，避免溢出 */
.main-left, .main-right {
  overflow: hidden; /* 防止内部元素溢出边框 */
}


/* 修复PC端左右布局：确保不换行，间距合理 */
@media (min-width: 992px) {
  .col-lg-9 {
    flex: 0 0 calc(75% - 0.75rem); /* 计算间距后的实际宽度，避免超宽 */
    max-width: calc(75% - 0.75rem);
  }
  
  .col-lg-3 {
    flex: 0 0 calc(25% - 0.75rem);
    max-width: calc(25% - 0.75rem);
  }
}

/* 确保图片自适应 */
.banner-image {
  width: 100%;
  height: auto;
  object-fit: cover;
}

/* 优化左右分块布局 */
@media (min-width: 992px) {
  /* 调整行容器的最大宽度限制 */
  .row.g-3 {
    margin-left: 0;
    margin-right: 0;
    width: 100%;
    box-sizing: border-box;
  }
  
  /* 左侧主体区域宽度调整 */
  .main-left {
    flex: 1;
    max-width: calc(100% - 370px); /* 确保右侧有足够空间 */
    margin-right: 1rem !important;
  }
  
  /* 右侧边栏区域宽度调整 */
  .main-right {
    flex: 0 0 350px; /* 固定右侧最小宽度 */
    max-width: 350px;
    margin-left: 1rem !important;
  }

}

/* 移动端自适应 */
@media (max-width: 991px) {
  .main-left, .main-right {
    max-width: 100% !important;
    flex: 0 0 100% !important;
  }
  
  .main-right {
    margin-top: 1.5rem;
  }
  .news-list{font-size:1.1rem !important;}
  .news-list .text-muted {font-size: 0.9rem;!important;}
}


.article-content h1{line-height: 1.8;}
.article-content .txt{color:#999; border-bottom:1px dashed #999;}
.article-content img{max-width: 750px; width:100%; height:100%; border-radius: 0.3rem !important; box-shadow: 0 10px 20px rgba(0, 0, 0, 0.12);}


/* 段落样式强化 */
.article-content p {padding:0.5rem 0 !important;
  letter-spacing: 0.5px; /* 字间距优化 */
  word-break: break-word; /* 防止长单词溢出 */
  text-align: justify; /* 文本两端对齐 */
}

/* 响应式字体调整 */
@media (max-width: 768px) {
  .article-content p {
    font-size: 1rem !important;
    line-height: 1.8 !important;
  }
  h1 {
    font-size: 1.75rem !important;
  }
}

@media (min-width: 769px) and (max-width: 992px) {
  .article-content p {
    font-size: 1.1rem !important;
    line-height: 1.9 !important;
  }
  h1 {
    font-size: 2rem !important;
  }
}

@media (min-width: 993px) {
  .article-content p {
    font-size: 1.2rem !important;
    line-height: 2 !important;
  }
}