.rongyu_ma {
    margin: 3.125vw 0 0;
    padding-bottom: 6.25vw;
}

.rongyu1 {
    display: flex;
    flex-wrap: wrap;
}

.rongyu1 a img {
    width: 14.0625vw;
height: 20vw;
}

.rongyu1 a {
    position: relative;
    display: block;
    margin-right: .9375vw;
    margin-bottom: 2.08333vw;
    box-sizing: border-box;
    border: solid .41667vw rgba(204, 204, 204, 1);
}

.rongyu1 a:nth-child(4n) {
    margin-right: 0;
}

.rongyu1 a:hover {
    border-color: #783f95;
}

.rongyu1 a:hover .msgbox {
    transition: all .6s;
    opacity: 1;
}

.rongyu1 a .msgbox {
    transition: all .6s;
    opacity: 0;
    width: 9.89583vw;
    height: 9.89583vw;
    display: flex;
    align-items: center;
    justify-content: center;
    background: url(../images/rybg.png) no-repeat;
    background-size: 100% 100%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.rongyu1 a .msgbox h1 {
    color: #fff;
    font-size: .9375vw;
}

@media screen and (max-width:1200px) {
    .rongyu1 a {
        width: 49%;
        margin-right: 2%;
        margin-bottom: 2%;
        border: 6px solid rgba(204, 204, 204, 1);
    }

    .rongyu1 a:nth-child(2n) {
        margin-right: 0;
    }

    .rongyu1 a img {
        width: 100%;
        height: 62vw;
    }

    .rongyu1 a .msgbox {
        width: 30vw;
        height: 30vw;
    }

    .rongyu1 a .msgbox h1 {
        font-size: 14px;
    }
}