html, body {
    position: relative;
    height: 100%;
}

.swiper-container {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}

@media (min-width: 480px) {
    .swiper-container {
        min-height: 320px;
    }
}

.zbt {
    font-size: 18px;
    color: #fff;
    font-weight: bold;
}

.fbt {
    font-size: 16px;
    color: #ffffff87;
    font-family: arial;
}

.swiper-container-wrapper {
    display: flex;
    flex-flow: column nowrap;
    height: 60vh;
    width: 100%;
}

@media (min-width: 480px) {
    .swiper-container-wrapper {
        flex-flow: row nowrap;
        position: relative;
        border: 1px solid #ffffff36;
    }
}

#c_banner_020-16631347903690 .swiper-button-prev {
    color: #fff!important;
    right: 160px!important;
    /* left: auto!important; */
    margin-top: 0!important;
    /* position: relative!important; */
    top: 20px!important;
    /* margin-right: 180px; */
}

#c_banner_020-16631347903690 .swiper-button-next {
    color: #fff!important;
    right: 160px!important;
    left: auto!important;
    margin-top: 10px!important;
    /* position: relative!important; */
    top: 40px;
}

.swiper-button-next {
    color: #fff!important;
    top: 85%!important;
    margin-top: 0!important;
    transform: rotate(90deg);
}

.swiper-button-prev {
    color: #fff!important;
    left: auto!important;
    top: 0!important;
    margin-top: 0!important;
    display: block!important;
    transform: rotate(90deg);
}

#c_banner_020-16631347903690 .swiper-slide-duplicate, #c_banner_020-16631347903690 .swiper-slide {
    text-align: left;
    background-size: cover;
    background-position: center;
    /* background-color: #fff; */
    /* Center slide text vertically */
    display: flex;
    flex-flow: column nowrap;
    justify-content: flex-end;
    align-items: center;
    /* Slide content */
    padding-bottom: 8%!important;
}

.bg1 {
    background: url(https://omo-oss-image.thefastimg.com/portal-saas/new2022072616064790836/cms/image/64d97501-9c32-4d02-8576-89f752c895b1.jpg?d=1663136812977) no-repeat 0 100%;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    -moz-background-size: cover;
}

.bg2 {
    background: url(https://omo-oss-image.thefastimg.com/portal-saas/new2022072616064790836/cms/image/df75f3a2-65aa-4351-becc-f4e270a60641.jpg?d=1663136874200) no-repeat 0 100%;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    -moz-background-size: cover;
}

.bg3 {
    background: url(https://omo-oss-image.thefastimg.com/portal-saas/new2022072616064790836/cms/image/0b573825-5533-479c-8856-28bdb7a409a8.jpg?d=1663136890567) no-repeat 0 100%;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    -moz-background-size: cover;
}

.bg4 {
    background: url(https://omo-oss-image.thefastimg.com/portal-saas/new2022072616064790836/cms/image/28960713-add4-495d-93c5-63ec40e1b9b0.jpg?d=1663136966719) no-repeat 0 100%;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    -moz-background-size: cover;
}

.bg5 {
    background: url(https://omo-oss-image.thefastimg.com/portal-saas/new2022072616064790836/cms/image/58d7be25-94a3-4ff6-bb9b-5e4174e3d96c.jpg?d=1663137023512) no-repeat 0 100%;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    -moz-background-size: cover;
}

.bg6 {
    background: url(https://omo-oss-image.thefastimg.com/portal-saas/new2022072616064790836/cms/image/3ba9c778-0f52-4c9d-9989-332b6c90d9a2.jpg?d=1663144918391) no-repeat 0 100%;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    -moz-background-size: cover;
}

.swiper-slide-duplicate .description, .swiper-slide-duplicate .title, .swiper-slide .description, .swiper-slide .title {
    display: block;
    opacity: 0;
    transition: 0.5s ease 0.5s;
    width: 90%;
}

.swiper-slide-duplicate-active .description, .swiper-slide-duplicate-active .title, .swiper-slide-active .description, .swiper-slide-active .title {
    opacity: 1;
}

.swiper-slide-duplicate-active .title, .swiper-slide-active .title {
    margin-bottom: 0.5rem;
    font-size: 36px;
    color: #fff;
    transition: opacity 0.5s ease 0.5s;
    font-weight: bold;
}

.swiper-slide-duplicate-active .description, .swiper-slide-active .description {
    font-size: 18px;
    color: #fff;
    transition: opacity 0.5s ease 0.75s;
}

.gallery-top {
    width: 100%;
    /* height: 75vh; */
}

@media (min-width: 480px) {
    .gallery-top {
        width: 76.5%;
        /* height: 100vh; */
        margin-right: 10px;
    }
}

.gallery-thumbs {
    width: 100%;
    height: 25vh;
    padding-top: 10px;
}

@media (min-width: 480px) {
    .gallery-thumbs {
        width: 23.5%;
        height: 100vh;
        padding: 0;
        height: 360px!important;
        margin-top: 90px;
        border-top: 1px solid #ffffff30;
        border-bottom: 1px solid #ffffff30;
    }
}

.gallery-thumbs .swiper-wrapper {
    flex-direction: row;
}

@media (min-width: 480px) {
    .gallery-thumbs .swiper-wrapper {
        flex-direction: column;
    }
}

.gallery-thumbs .swiper-slide {
    width: 25%;
    flex-flow: row nowrap;
    height: 100%;
    opacity: 1;
    cursor: pointer;
    border-bottom: 1px solid #ffffff24;
}

@media (min-width: 480px) {
    .gallery-thumbs .swiper-slide {
        flex-flow: column nowrap;
        width: 100%;
        margin-bottom: 0px!important;
        height: 120px!important;
        border-bottom: 1px solid #ffffff30;
    }
}

.gallery-thumbs .swiper-slide-thumb-active {
    opacity: 1;
    background: #00000047;
}

@media (max-width: 479px) {
    #c_banner_020-16631347903690 .swiper-slide-duplicate, #c_banner_020-16631347903690 .swiper-slide {
        text-align: left;
        background-size: cover;
        background-osition: center;
        display: flex;
        flex-flow: column nowrap;
        justify-content: flex-end;
        align-items: center;
        padding-bottom: 36%!important;
    padding-top: 23%;}
    .gallery-thumbs {
    width: 100%;
    height: 14vh;
    padding-top: 10px;
}
    #c_banner_020-16631347903690 {
    min-height: 300px;
    display-radio: 1;
    padding-bottom: 0px;
}
    .fbt {
    font-size: 16px;
    color: #ffffff87;
    font-family: arial;
        padding:0 20px;
        word-break:normal!important;word-wrap: normal!important;
}
    .bg01{
        width:50%!important;
    }
      .bg02{
        width:50%!important;
    }
       .bg03{
        width:50%!important;
    }
        .bg04{
        width:50%!important;
    }
         .bg05{
        width:50%!important;
    }
        .bg06{
        width:50%!important;
    }
    .swiper-container-wrapper {
    display: flex;
    flex-flow: column nowrap;
    height: 52vh;
    width: 100%;
}
    #c_banner_020-16631347903690 .swiper-button-next {
display:none;
}
}