/*各种列表页*/
/*列表页带栏目 start*/
.list_wrap {
  width: 100%;
  height: auto;
  overflow: hidden;
  clear: both;
}
.left_content {
  width: 290px;
  float: left;
}
.right_content {
  width: 838px;
  float: right;
}
.left_content h2 {
  width: 100%;
  height: 58px;
  line-height: 58px;
  color: #fff;
  background: #721B28;
  font-weight: 700;
  display: block;
  font-size: 22px;
  text-indent: 24px;
}
.left_content ul {
  border: 1px solid #e8e8e8;
  border-top: none;
  border-bottom: none;
}
.left_content ul li {
  border-bottom: 1px solid #e8e8e8;
  background: #f9f9f9;
  width: 100%;
  height: 50px;
  line-height: 50px;
  text-align: center;
  position: relative;
}
.left_content ul li:after {
  content: ">";
  position: absolute;
  right: 15px;
  top: 0px;
  color: #D6D6D6;
}
.left_content ul li:hover:after,
.left_content ul li.cur:after {
  color: #721B28;
}
.left_content ul li a {
  width: 100%;
  display: inline-block;
  color: #333;
}
.left_content ul li a:hover,
.left_content ul li.cur a {
  font-weight: 700;
  color: #721B28;
}
/*列表页带栏目 end*/
/*文字列表 start*/
.text_content .list li {
  position: relative;
  padding: 10px 0px;
}
.text_content .list li:not(:last-child):nth-child(5n) {
  border-bottom: 1px solid #D6D6D6;
}
.text_content .list li:before {
  display: block;
  content: "";
  width: 4px;
  height: 4px;
  border-radius: 100%;
  background: #721B28;
  position: absolute;
  left: 0;
  top: 20px;
}
.text_content .list .title {
  font-size: 14px;
  color: #333;
  display: inline-block;
  text-indent: 15px;
  height: 24px;
  line-height: 24px;
  width: 90%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.text_content .list .title:hover {
  font-weight: 700;
  color: #721B28;
}
.text_content .list .date {
  font-size: 14px;
  color: #333;
  float: right;
}
/*文字列表 end*/
/*图片列表 start*/
/* 设置整体样式 */
.img_content {
  width: 100%;
}
/* 列表使用 flex 布局 */

.img_content .list3 {
  display: flex;
  flex-wrap: wrap;
  /* 允许换行 */
  margin: 0;
  padding: 0;
  list-style: none;
}
/* 每 3 个 1 行平均分布 */
.img_content .list3 li {
  width: 33%;
  /* 4 个一行，每个占 25% */
  box-sizing: border-box;
  padding: 10px;
  /* 可选，增加间距 */
  display: flex;
  flex-direction: column;
  /* 垂直排列图片和标题框 */
}
/* 列表使用 flex 布局 */
.img_content .list {
  display: flex;
  flex-wrap: wrap;
  /* 允许换行 */
  margin: 0;
  padding: 0;
  list-style: none;
}
/* 每 4 个 1 行平均分布 */
.img_content .list li {
  width: 25%;
  /* 4 个一行，每个占 25% */
  box-sizing: border-box;
  padding: 10px;
  /* 可选，增加间距 */
  display: flex;
  flex-direction: column;
  /* 垂直排列图片和标题框 */
}
/*带栏目的3个一行*/
.right_content .img_content .list li {
  width: 33.3%;
}
/* 图片容器样式 */
.img_content .img_box {
  display: block;
  text-decoration: none;
  overflow: hidden;
  /* 防止图片溢出 */
}
/* 图片约束大小 */
.img_content .img {
  width: 100%;
  height: auto;
  max-width: 100%;
  /* 确保最大宽度不超过容器 */
  display: block;
}
/* 标题框样式 */
.img_content .title_box {
  background-color: #7C2B33;
  color: #fff;
  font-size: 14px;
  height: 44px;
  display: flex;
  align-items: center;
  /* 垂直居中 */
  justify-content: center;
  /* 水平居中 */
  text-align: center;
  padding: 0 10px;
  margin-top: -5px;
  /* 可选，调整与图片的间距 */
}
/* 标题文本样式 */
.img_content .title_box .text {
  color: #fff;
  line-height: 1.2;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.img_content .img_box:hover img {
  transform: scale(1.05);
  transition: transform 0.3s ease;
}
.img_content .title_box:hover {
  background-color: #5a1f26;
  /* 悬停时颜色变深 */
  transition: background-color 0.3s ease;
}
/*图片列表 end*/
.text_content .dochtmlcon {
  padding-top: 24px;
}
.dtext_content .dochtmlcon img {
  max-width: 100%;
}
.text_content .dochtmlcon p {
  text-indent: 2em;
  line-height: 2;
}