.unionList{
    margin: 0 -.2rem .6rem;
}
.unionList li{
    width: 33.33%;
    padding: 0 .2rem;
    margin-top: .6rem;
}
.unionImg{
    padding-bottom: 57.82%;
}
.unionText{
    line-height: 1.4;
    padding: .2rem;
    background-color: #F7F7F7;
}
.unionTit{
    font-size: 16px;
    line-height: 1.4;
    transition: all .5s linear;
}
.unionLink:hover .imgBg{
    transform: scale(1.05);
}
.unionLink:hover .unionTit{
    color: var(--baseColor);
}

@media (max-width:1600px){

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

}
@media (max-width:1200px){
    .unionList{
        margin: .4rem -.1rem .6rem;
    }
    .unionList li{
        padding: 0 .1rem;
        margin-top: .2rem;
    }
    .unionText{
        padding: .15rem;
    }
}
@media (max-width:991px){
    .unionList li{
        width: 50%;
    }

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

}
@media (max-width:640px){
    .unionTit{
        font-size: 14px;
    }
    .unionTime {
        font-size: 12px;
    }

}
@media (max-width:460px){
    .unionList li{
        width: 100%;
    }
}