@charset "utf-8";

* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

body {
  position: relative;
  min-width: 1360px;
  min-height: 100%;
  font-family: "PingFang SC", "XHW-pzh", "Lantinghei SC", "Helvetica Neue",
    Helvetica, Arial, "Microsoft YaHei", "微软雅黑", STHeitiSC-Light, simsun,
    "宋体", "WenQuanYi Zen Hei", "WenQuanYi Micro Hei", sans-serif;
}

li {
  list-style: none;
}

a {
  color: #000000;
  outline: 0;
  text-decoration: none;
  cursor: pointer;
}

a:hover {
  color:  #3300ff !important;
}

img {
    border: 0;
  width: 100%;
  vertical-align: top;
}

.content{
    width: 100%;
}

/* 顶部 */
.content-top {
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: column;
  align-items: center;
}
  
  .top-main-title {
    padding-top: 1px;
      }
  
  .top-main-title img {
    width: 100%;
    height: auto;
    align-items:center
  }
  
  .top-unit {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    font-size: 20px;
    color:  #14095d;
    padding-top: 76px;
  }

  .top-text{
    padding: 16px 10px 20px 10px;
    left: 0;
    right: 0;
    margin: auto;
    bottom: 30px;
    width: 1200px;
    height: 170px; 
    font-family: "PingFang SC";
  }
  
  .top-text .text{
    font-weight: 400;
    font-size: 26px;
    color: #313131;
    line-height: 40px;
    text-indent:52px;

  }

  .top-unit-zcdw {
    padding-top: 12px;
  }

  .content-list {
    width: 100%;
    min-height: 300px;
    padding-top: 15px;
    
    background-color: #ffffff; 
    padding-bottom: 15px;
  }
  
  /* 专题内容区域：限制最大宽度并居中 */
  .content-list-content {
    width: 100%;
    max-width: 1000px;
    margin: 0 auto; /* 核心：让整个列表在页面居中 */
    padding: 0 8px;
  }
  
  /* 单个内容项：设置为白色卡片 */
  .content-list-item {
    display: flex;
    flex-direction: column;
    padding: 30px;
    background-color: #ffffff; /* 卡片背景色 */
    border-radius: 12px;       /* 卡片圆角 */
    margin-bottom: 5px;       /* 卡片之间的间距 */
    
  }
  
  /* 标题*/
  .new-title {
    width: 100%;
    padding: 0 0 12px 0;
    margin: 0;
    font-size: 28px;
    line-height: 1.5;
    color: #283732;
    font-weight: bold;
    font-family: "PingFang SC";
    order: 1; /* 保证标题在最上方 */
    text-align: left; /* 内部文字左对齐 */
  }
  
  /* 图片容器 */
  .title-image {
    width: 100%;
    max-width: 1000px;
    height: 562px;
    margin: 0 0 12px 0;
    padding: 0;
    border-radius: 20px; /* 图片圆角 */
    overflow: hidden;
    display: block;
    order: 2; /* 图片在中间 */
  }
  
  .title-image img {
    width: 100%;
    height: 100%; /* 确保图片填满容器高度 */
    object-fit: cover;
    display: block;    
  }
  
  /* 底部信息（来源+时间）：注意原代码里的拼写错误 new-info -> news-info */
  .news-info {
    width: 100%;
    padding: 0;
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: flex-start; /* 靠左对齐 */
    font-size: 21px; 
    color: #a9a9a9;
    order: 3; /* 保证信息在最下方 */
  }
  
  .news-info .source {
    margin-right: 16px; /* 来源和时间之间的间距 */
  }
  
  .date {
    font-size: 21px;
    color: #a9a9a9;
  }

  .content-footer {
    width: 100%;
    height: 160px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  
  .content-footer-text {
    font-weight: 400;
    font-size: 16px;
    color: #000000;
    line-height: 30px;
  }