.ztzl{
    border: 2px solid #fbf8f2;
    border-radius: 5px;
    margin-top: 50px;
}
.section {
    background:url('/lsswszf/resource/images/ztzltitle.png') no-repeat center; /* 背景色 */

    border-radius: 10px;
    margin-top: 23px;
    text-align: center;
}

.section-title {
    color: #b20000;
    font-size: 3rem;
    font-weight: bold;
    display: inline-block;
    margin: 0 auto;
    background: #ffffff;
}
.ztzl-message,.history-topic{
    text-align: center;
}
.ztzl-message ul,.ztzl-message2 ul{
    margin: 50px auto;
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    gap: 45px 1%;
    margin-left: 1%;
}
.ztzl-message ul li,.ztzl-message2 ul li{
    font-size:1.8rem ;
    display: flex;
    flex-direction: column;
    text-align: center;
}
.ztzl-message ul li img,.ztzl-message2 ul li img{
 border-radius: 8px;
 width: 344px;
 height: 249px;
}

.ztzl-message ul li p,.ztzl-message2 ul li p{
    margin-top: 20px;
   
}
.ztzlmost{
    margin-bottom: 48px;
    display: block;
}
.lszt{
 position: relative;
}
.btn-detail {
    display: inline-block;
    background-color: #d30b15; /* 红色背景 */
    color: white; /* 白色文字 */
    padding: 7px 19px;
    border: none;
    border-radius: 10px; /* 圆角 */
    font-size: 18px;
    font-family: "Microsoft YaHei", sans-serif;
    cursor: pointer;
    text-decoration: none;
    position: absolute;
    right: 113px;
    top: 40px;
}

.btn-detail:hover {
    background-color: #b30000; /* 悬停变深一点 */
    color: white;
  
}

/*历史专题*/

.history-topic ul {
    max-width: 1350px;
    margin: 50px auto;
    padding: 0;
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    gap: 45px 48px;
  }

  .history-topic ul li {
    width: 415px;
    height: 145px;
    border: 1px solid #dacaa5;
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center;


    
    cursor: pointer;
    transition: all 0.3s;
    text-align: center;
  }
.history-topic ul li a{
    color: #cfbc90;
    font-weight: bold;
    font-size: 2.6rem;
    width: 100%;
    height: 100%;
    line-height: 140px;
}
  .history-topic ul li:hover {
    background-color: #f5f1e6;
  }
  .ztzl-message ul, .ztzl-message2 ul{

  }
  @media  (max-width: 630px) {

  }
@media  (max-width: 630px)  {
    .ztzl-message ul li img,.ztzl-message2 ul li img{
        box-sizing: border-box;
        width: 95%;
        height: auto;
    }

}