* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: "Microsoft Yahei", sans-serif;
}

body {
  padding: 0;
  margin: 0;
}
.pagebox{
	position: relative;
	max-width: 1920px;
	overflow: hidden;
}
/* 页面容器 - 铺满宽度 */
.container {
  width: 1280px;
  max-width: 100%;
  padding: 40px 5%;
  margin: 0 auto;
  
}
.pagebox::after{
	position: absolute;
	content: '';
	background: #F7F7F7;
	height: 592px;
	width: 100%;
	top: 73%;
	z-index: -1;
	left: 30%;
}
.new_tits{
	position: absolute;
	bottom: 0px;
	z-index: 1;
	color: #fff;
	background: rgba(193, 63, 47, 0.61);
	height: 50px;
	line-height: 50px;
	width: 100%;
	padding: 0 10px;
	
}
.new_tits>div{
	width: 400px;
	overflow: hidden;    
	text-overflow: ellipsis;    
	white-space: nowrap;
}
/* 顶部标题栏 */
.page_header {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  margin-bottom: 20px; 
  width: 100%;
  gap: 20px;
}

.page_header h2 {
  font-size: 24px;
  color: #333;
  margin-right: 20px;
}

.page_header .sub-title {
  font-size: 16px;
  color: #333;
  margin-right: 10px;
  white-space: nowrap;
  font-weight: bold;
}

.page_header .tab-active-tag {
  background-color: #0052d9;
  color: #fff;
  padding: 4px 12px;
  border-radius: 4px;
  font-size: 14px;
  white-space: nowrap;
}

/* 活动列表容器 - 铺满宽度，取消网格布局 */
.activity-list {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 20px; /* 取消间距，让列表无缝铺满 */
}

/* 单个活动项 - 左文右图布局 */
.activity-item {
  display: flex;
  width: 100%;
  height: 270px; /* 固定行高，匹配设计图视觉 */
  border-bottom: none; /* 取消底部边框，让列表连贯 */
  background-color: #eaedef;
}
.activity-item:hover .activity-text{
	background-color: #0052d9;
	color: #fff;
}
.activity-item:hover .activity-text p{ 
	color: #fff;
}
.activity-item:hover .activity-text>h3{ 
	color: #fff;
}
.activity-item:hover .activity-text .detail-btn{ 
	color: #fff;
}
.activity-item:hover .activity-text .detail-btn::after{ 
	 content: "";
	 width: 20px;
	 height: 20px;
	 margin-left: 5px;
	 font-size: 12px;
	 background: url("../img/btn2_2.png") no-repeat;
	 background-size: contain;
}
/* 最后一项补全底部边框 */
.activity-item:last-child {
  border-bottom: 1px solid #eee;
}

/* 左侧文字区域 */
.activity-text {
  flex: 1;
  padding: 25px 30px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

/* 第三项高亮样式 */
.activity-item.highlight .activity-text {
  background-color: #0052d9;
  color: #fff;
}

.activity-text h3 {
  font-size: 18px;
  color: #333;
  margin-bottom: 15px;
  font-weight: 600;
}

/* 高亮项文字颜色 */
.activity-item.highlight .activity-text h3,
.activity-item.highlight .activity-text p {
  color: #fff;
}

.activity-text h3 span {
  margin-right: 8px;
}

.activity-text p {
  font-size: 15px;
  color: #666;
  margin-bottom: 10px;
  line-height: 1.6;
}

.activity-text .detail-btn {
  margin-top: 10px;
  color: #666;
  font-size: 15px;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  width: fit-content;
}

/* 高亮项详情按钮颜色 */
.activity-item.highlight .activity-text .detail-btn {
  color: #fff;
}

.activity-text .detail-btn::after {
  content: "";
  width: 20px;
  height: 20px;
  margin-left: 5px;
  font-size: 12px;
  background: url("../img/btn2.png") no-repeat;
  background-size: contain;
}

/* 右侧图片区域 */
.activity-img {
  flex: 1.5; /* 图片区域宽度略大于文字 */
  height: 100%;
}

.activity-img img {
  width: 100%;
  height: 100%;
  object-fit: cover; /* 图片铺满容器，保持比例 */
  display: block;
}
/* 模块容器 */
.focus-media {
  width: 100%;
  max-width: 1200px;
  margin: 40px auto;
  padding-top: 40px;
}

/* 模块标题 */
.media-title {
  width: 260px;
  font-size: 34px;
  color: #000;
  font-weight: bold;
  margin-bottom: 20px;
  position: relative;
  padding-bottom: 8px;
  background: url("../img/p_tbg.png") no-repeat;
  background-size: 100% 100%;
  font-family: Microsoft YaHei;
}
.conts p{
	text-indent:unset!important;
	text-align:left!important;
}
.media-title small {
  display: block;
  font-size: 14px;
  color: #999;
  font-weight: normal;
  margin-top: 0px;
}

/* 核心布局：左图右新闻 */
.media-content {
  display: flex;
  gap: 20px;
  width: 100%;
}

/* 左侧大图区域 */
.media-left-img {
  flex: 1.2;
  height: 420px; /* 匹配设计图高度比例 */
  border-radius: 4px;
  overflow: hidden;
  min-width: 600px;
}

.media-left-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

/* 右侧新闻区域（分两列） */
.media-right-news {
  flex: 1;
  display: flex;
  gap: 15px;
  height: 420px;
}

/* 左列：2条重点新闻 */
.news-column-main {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 10px;
  cursor: pointer;
}

/* 重点新闻项样式 */
.news-item-main {
  flex: 1;
  background-color: #fff; 
  padding: 20px;
  border-radius: 4px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.news-item-main:hover{
	background-color: #0052d9;
	background-image:linear-gradient(to right,#305FC6,#0052d9); 
}
.news-item-main:hover .news-title{
	color: #fff;
}
.news-item-main:hover .news-meta{
	color: #fff;
}
.news-item-main .news-title {
  font-size: 16px;
  line-height: 1.5;
  margin-bottom: 15px;  
}
.news-line{
	width: 100%;
	height: 1px;
	background: -webkit-linear-gradient(
	  left,
	  #fff -4%,
	  #E3E3E3 50%,
	  #fff 100%
	); 
}
.p_st{
	width: 200px;    
	overflow: hidden;    
	text-overflow: ellipsis;    
	white-space: nowrap;
	font-weight: bold;
}
.p_des{
	font-size: 14px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	text-overflow: ellipsis;
	overflow: hidden;
	padding-top: 10px;
}
.news-item-main .news-meta { 
  justify-content: space-between;
  align-items: center;
  color: #555555;
  padding-top: 16px;
  position: relative;
}
.news-item-main .news-meta::after{
	position: absolute;
	content: '';
	width: 20px;
	height: 20px;
	bottom: 14px;
	    right: 0;
	background: url('../img/btn2.png') no-repeat;
	background-size: contain;
}
.news-item-main .news-date {
  font-size: 14px; 
}

.news-item-main .news-num {
  font-size: 24px;
}

/* 右列：3条普通新闻 */
.news-column-normal {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

/* 普通新闻项样式 */
.news-item-normal {
  flex: 1;
  background-color: #fff;
  padding: 15px;
  border-radius: 4px;
  display: flex;
  flex-direction: column;
  justify-content: center; 
  cursor: pointer;
}
.pt_flex{
	display: flex;
	flex-direction:unset;
	align-items: center;
}
.news-item-normal:hover{
	background-color: #0052d9;
}
.news-item-normal:hover .news-title{
	color: #fff;
}
.news-item-normal:hover .news-meta{
	color: #fff;
}
.news-item-normal:hover .news-meta::after{
	position: absolute;
	content: '';
	width: 20px;
	height: 20px;
	bottom: 14px;
	right: 0;
	background: url('../img/btn2_2.png') no-repeat;
	background-size: contain;
}
.news-item-normal .news-title {
  font-size: 14px;
  color: #333;
  line-height: 1.4;
  margin-bottom: 8px;
  padding-left: 20px;
  text-align: justify;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  text-overflow: ellipsis;
  overflow: hidden;
}

.news-item-normal .news-meta {
  min-width: 70px;
  border-right: 1px solid #eee;
      color: #555555;
}

.news-item-normal .news-date {
  font-size: 14px; 
}
.mores{
	padding-left: 20px;
}
.news-item-normal .news-num {
  font-size: 24px; 
  font-weight: 500;
}
.swiper-container{
	height: 300px;
}
.swiper-pagination{
	text-align: right!important;
	padding-right: 20px;
	bottom: 16px!important;
}
.swiper-pagination-bullet-active{
	background: #fff!important;
}
/* 响应式适配 */
@media (max-width: 992px) {
  .media-content {
    flex-direction: column;
  }

  .media-left-img {
    height: 280px;
  }

  .media-right-news {
    height: auto;
  }
}

@media (max-width: 576px) {
  .media-right-news {
    flex-direction: column;
  }

  .news-item-main,
  .news-item-normal {
    padding: 15px;
  }

  .media-left-img {
    height: 220px;
  }
}

/* 响应式适配 - 移动端图文堆叠 */
@media (max-width: 992px) {
  .activity-item {
    flex-direction: column;
    height: auto;
  }

  .activity-text {
    flex: none;
    padding: 20px;
  }

  .activity-img {
    flex: none;
    height: 220px;
  }

  .header {
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
  }

  .header .sub-title {
    margin-right: 0;
    margin-bottom: 5px;
  }
}
.copyright{
    width: 100%;
    min-width: 1200px;
    height: 155px;
    background: #285685;
    padding-top: 65px;
}

.copyright p{
    margin-bottom: 5px;
    font-size: 12px;
    text-align: center;
	color: #fff;
}