#artJ{
    position: relative;
    width: 1280px;
    margin: 0 auto;
    max-width: 100%;
}

#artJ .mmbox{
    display: flex;
    padding: 20px 0 20px;
    align-items: center;
    margin: 18px 0;
}
.mid-boxx{
    padding: 30px 10px;
    background: #f2f2f2;
}
#artJ .mmbox.sen02{
    border-top: #dbdbdb 2px dotted;
}
#artJ .mmbox .pooimg{
    display: flex;
    flex-direction: column;
    width: 40%;
}
#artJ .mmbox .pooimg img{
    height: 310px;
    object-fit: cover;
}
#artJ .mmbox .pooimg.long img{
    height: 390px;
}
#artJ .mmbox.sen02 .pooimg{
    order: 1;
}
#artJ .mmbox .pootext{
    display: flex;
    flex-direction: column;
    padding: 50px 20px;
    width: 55%;
}
#artJ .mmbox .pootext h2{
    font-size: 26px;
    font-weight: 600;
    color: #3764a7;
    margin-bottom: 10px;
}
#artJ .mmbox .pootext p{
    font-size: 18px;
    font-weight: 500;
}

@media only screen and (max-width: 980px){
   #artJ .mmbox{
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    #artJ .mmbox .pooimg img{
        width: 100%;
        height: auto;
    }
    #artJ .mmbox .pooimg{
        width: 90%;
    }
    #artJ .mmbox .pootext{
        width: 90%;
        padding: 20px 0;
    }
    #artJ .mmbox.sen02 .pooimg{
    order: 0;
}
}
@media only screen and (max-width: 480px){
    #sbanner a{
    background-position: 94% 50%;
    height: 249px;
}
}