.banner_a{
    width:100%;
}

.banner_b{
    clip-path: polygon(26.6% 0, 100% 0, 100% 100%, 0% 100%);
    display:block;
    margin-right:0px;
    margin-left:auto;
    width:77.5%;
}

.banner_c{
    clip-path: polygon(20.8% 0, 100% 0, 100% 100%, 0% 100%);
    display:block;
    margin-right:0px;
    margin-left:auto;
    margin-top: 2.5%;
    width:100%;
}

.banner_a-div{
    display:inline-block;
    vertical-align: top;
    width:76%;
    clip-path: polygon(0 0, 100% 0, 77% 99%, 0% 100%);
    position:relative;
    z-index:3;
}

.banner_b-div{
    display:inline-block;
    vertical-align: top;
    width:calc(41% - 5px);
    margin-left:-16.7%;
    z-index:2;
    position:relative;
}

.red_bar_1{
    position: absolute;
    right:0px;
    bottom:54.9%;
    color:#FFF;
    background-color:rgba(233, 86, 56, 0.9);
    clip-path: polygon(6.6% 0, 100% 0, 100% 100%, 0% 100%);
    width:56%;
    min-height:45px;
    height:auto;
    font-size:28px;
    display:flex;
    padding-left:7.2%;
    align-items: center;
    font-weight:bold;
    white-space: break-spaces;
    padding-right:10px;
}

.red_bar_2{
    position: absolute;
    right:0px;
    bottom:4%;
    color:#FFF;
    background-color:rgba(233, 86, 56, 0.9);
    clip-path: polygon(6.6% 0, 100% 0, 100% 100%, 0% 100%);
    width:50%;
    min-height:45px;
    height:auto;
    font-size:28px;
    display:flex;
    padding-left:7.2%;
    align-items: center;
    font-weight:bold;
    white-space: break-spaces;
    padding-right:10px;
}


.swiper-pagination1{
    text-align:left;
}

.swiper-pagination2{
    text-align:center;
}

.swiper-container1>.swiper-pagination-bullets{
    bottom: 6%;
    left: 6%;
    width: 100%;
}

.swiper-container2>.swiper-pagination-bullets{
    bottom: 5%;
    left: 0;
    width: 100%;
}

.swiper-pagination-bullet{
    background: #D0D1D4;
    opacity:1;
    width: 10px;
    height: 10px;
}

.swiper-pagination-bullet-active{
    background:#E40012;
}

.swiper-container1>.swiper-pagination-bullets .swiper-pagination-bullet{
    margin: 0px 6px;
}

.swiper-common-container1{
    white-space: nowrap;
}

.banner1_a_t{
    width:100%;
}

.banner-container{
    display:none;
}

.banner-common-container{
    margin-bottom:48px;
}

.banner1_b_t{
    width:100%;
}

.banner1_b_t-div{
    position:relative;
}

.red_bar_3{
    background-color:rgba(233, 86, 56, 0.7);
    position: absolute;
    right:0px;
    bottom:6.5%;
    width:385px;
    min-height:72px;
    height:auto;
    padding-left:7.2%;
    display:flex;
    align-items: center;
    font-weight:bold;
    font-size:2em;
    color:#FFF;
    text-shadow: 2px 2px rgba(0,0,0,0.7);
    padding-right:10px;
}

.banner1_c_t{
    width:100%;
}

.banner1_c_t-div{
    position:relative;
}

.red_bar_4{
    background-color:rgba(233, 86, 56, 0.7);
    position: absolute;
    right:0px;
    bottom:6.5%;
    width:385px;
    min-height:72px;
    height:auto;
    padding-left:7.2%;
    display:flex;
    align-items: center;
    font-weight:bold;
    font-size:2em;
    color:#FFF;
    text-shadow: 2px 2px rgba(0,0,0,0.7);
    padding-right:10px;
}

@media only screen and (max-width: 1024px) {
    .swiper-main-container{
        display:none;
    }

    .banner-container{
        display:block;
    }

    .banner1_b_t-div{
        margin-bottom:48px;
    }
}

@media only screen and (max-width: 500px) {
    .red_bar_3 {
        font-size:1em;
        width:160px;
        min-height:35px;
    }

    .red_bar_4 {
        font-size:1em;
        width:160px;
        min-height:35px;
    }
}