html,
body {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
}

.vg-banner61-container {
    background: #fff;
    position: relative;
    width: 100%;
    height: 600px;
    margin: 0 auto;
    overflow: hidden;
    box-sizing: border-box;
}

/* ---------------------------------  */

.vg-banner61-bg {
    width: 100%;
    height: 100%;

    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;

    transition: 0.3s;
}

.vg-banner61-bg img {
    width: 100%;
    max-width: 100%;
    position: absolute;
    top: 0;
    left: 50%;

    transform: translateX(-50%);
}

/* ---------------------------------  */

.vg-banner61-t {
    position: absolute;

    width: 27.66%;
    height: 53.85%;

    position: absolute;
    top: 24.4%;
    left: 50%;

    transform: translateX(-104.3%);
    transition: 0.3s;
}

.vg-banner61-t img {
    width: 100%;

    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
}

/* ---------------------------------  */

.vg-banner61-pic {
    position: absolute;

    width: 28.75%;
    height: 86.7%;

    position: absolute;
    top: 0;
    left: 50%;

    transform: translateX(5%);
    transition: 0.3s;
}

.vg-banner61-pic img {
    width: 100%;

    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
}

/* ---------------------------------  */

.vg-banner61-logo1 {
    position: absolute;

    width: 12.92%;
    height: 10.34%;

    position: absolute;
    top: 12.34%;
    left: 50%;

    transform: translateX(-29%);

    transition: 0.3s;
}

.vg-banner61-logo1 img {
    width: 100%;

    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
}

/* ---------------------------------  */

.vg-banner61-logo2 {
    position: absolute;

    width: 7%;
    height: 18.7%;

    position: absolute;
    top: 8%;
    left: 50%;

    transform: translateX(447.7%);
    transition: 0.3s;
}

.vg-banner61-logo2 img {
    width: 100%;

    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
}

@media (max-width: 768px) {
    .vg-banner61-pic {
        display: none;
    }

    .vg-banner61-logo1 {
        display: none;
    }


    .vg-banner61-logo2 {
        display: none;
    }

    .vg-banner61-t {
        position: absolute;
    
        width: 54.42%;
        height: 86.37%;
    
        position: absolute;
        top: 4.4%;
        left: 50%;
        
        transform: translateX(-50%);
        transition: 0.3s;
    }

    


}