.ztzl {
    padding-left: 10px;
    margin-top: 15px;}
.ztzl li {
    display: inline-block;
    width: 283px;
    margin: 0 1% 0 0;}
    .ztzl li:nth-child(4){
        margin: 0;}
.ztzl li img {
    width: 100%;
    height: 110px;}
.ztzl {
    width: 1200px;             
    display: flex;             
    flex-wrap: nowrap;         
    gap: 6.25px;              
    padding-left: 0;
    margin-top: 15px;
    list-style: none;}

.ztzl li {
    width: 235px;              
    margin: 0;}

.ztzl li img {
    width: 100%;
    height: 110px;
    display: block;}

.red-block-wrapper {
    width: 1200px;
    margin: 0 auto;            
    max-width: 100%;          
    overflow-x: auto;}


.color-block-group {
    display: flex;
    flex-wrap: nowrap;         
    justify-content: center;    
    align-items: center;
    gap: 50px;                
    width: 100%;
    padding: 20px 0;}

/* 单个红色长方形色块 */
.red-block {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 600px;              
    height: 60px;              
    background-color: #b9343a;
    text-decoration: none;
    font-size: 1.6rem;
    font-weight: 600;
    color: #fff;
    text-align: center;
    
    transition: transform 0.2s, box-shadow 0.2s;
    box-shadow: 0 8px 16px rgba(0,0,0,0.1);}


.red-block:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 24px rgba(0,0,0,0.2);
    background-color: #c8102e;}


@media (max-width: 1220px) {
    .red-block-wrapper {
        width: 100%;           
        padding: 0 20px;}
    .color-block-group {
        justify-content: flex-start;}
}