.PageBanner{
    background-image: url('../img/banner/honor.jpg');
}
.Box1 {
    margin-top: 100px;
    margin-bottom: 50px;
}
.Box1 .type {
    display: flex;
    justify-content: center; 
}
.Box1 .type ul {
    display: flex; 
    flex-wrap: wrap; /* 允许 flex 子项换行 */
    gap: 10px; /* 可选：设置 li 之间的间距 */
    padding: 0;
    justify-content: center;
    max-width: 100%; /* 限制最大宽度，防止溢出 */
}
.Box1 .type ul li a {
    color: #000;
    padding: 10px 20px;
    border: 1px solid #aaa;
    border-radius: 999px;
    transition: 0.3s;
    white-space: nowrap; /* 保持 a 标签内的文本不换行 */
}
.Box1 .type ul li a.active{
    background-color: #E6212A;
    color: white;
    border: none;
}
.Box1 .type ul li a:hover{
    background-color: #E6212A;
    color: white;
    border: 1px solid #E6212A;
}
.Box1 .type ul li:not(:last-child){
    margin-right: 20px;
} 
.Box1 .center{
    margin-top: 50px;
}
.Box1 .center .box {
    margin-bottom: 20px;

}
.Box1 .center .imgs{
    /* border: 1px solid #e6e6e6; */
    box-shadow: 0 0 5px rgba(0,0,0,0.2);
    padding-top: 390px; 
    position: relative;
    border-radius: 10px;
    overflow: hidden;
}
.Box1 .center .imgs img{
    width: 95%; 
    height: 95%;
    object-fit: contain;
    position:absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    transition: 0.3s;
}
.Box1 .center .box:hover .imgs img{
    transform:  translate(-50%,-50%) scale(1.05);
}
.Box1 .center .text{ 
    padding: 10px 20px;
}
.Box1 .center .text .title{
    display: block;
    white-space: nowrap;      
    overflow: hidden;       
    text-overflow: ellipsis;  
    max-width: 95%;
    font-size: 17px; 
    transition: 0.3s;
}
.Box1 .center .box:hover .title{
    color: #E6212A;
}
.Box1 .center .text .dow{
    font-size: 16px;
    padding-left:30px;
    position: relative;
    color: #646464;
}
.Box1 .center .text .dow:hover{
    color: #E6212A;
}
.Box1 .center .text .dow::before{
    left: 0;
    position: absolute;
    font-size: 20px;
}
@media screen and (max-width:576px) {
    .Box1 .center .imgs{
        padding-top: 0;
        width: fit-content;
        height: fit-content;
       
    }
    .Box1 .center .imgs img{
        position: relative;
        left: 0 ;
        top: 0;
        transform:none  ;
    }
    .Box1 .center .box:hover .imgs img{
        transform: scale(1.05);
    }
    .Box1 .center .text .title{
        font-size: 16px;
    }
    .Box1 .center .text .dow{
        font-size: 14px;
    }
    .Box1 .center .text .dow::before{
        font-size: 16px;
    }
}