.banner_div {
    width: calc(100% - 28px);
    margin: 30px auto !important;;
    overflow: hidden;
    text-align: center;
} 
.banner_div .banner_con { 
    position: absolute;
    bottom: 8px;
    right: 8px; 
    z-index: 1;
    background: rgba(0,0,0,.3);  
    overflow: hidden;
    padding: 5px 10px;
    min-width: 45px;
    text-align: center;
    border-radius: 25px;
}
.banner_div .swiper-slide img {
    width: 100%;
    max-width: 560px;
}
.banner_div .banner_con .swiper-pagination {
    width: 100%;
    right: 0;
    color: #cfcece;
    font-weight: 600;
    font-family: var(--main-fonts);
    font-size: 10px;
    z-index: 1;
    position: unset; 
}  
.banner_div .banner_con .swiper-pagination span {
    font-family: var(--main-fonts);
    font-weight: 600;
} 
.banner_div .banner_con .swiper-pagination-current {
    font-size: 10px;
    color: #fff;
} 
.banner_div .banner_con .swiper-pagination-total {
    font-weight: 500;
    font-size: 10px;
    color: #cfcece;
} 
.banner_div .swiper-button-prev { 
    background-image: url(/common/image/main/banner/arrow_l.png);
    background-size: 20px 27px;
    left: 8px;
    z-index: 2;
}
.banner_div .banner_con .swiper-button-next { 
    background-image: url(/common/image/main/banner/arrow_r.png);
    background-size: 20px 27px;
    right: 8px;
    z-index: 2;
}
.banner_div .swiper-pagination-fraction {
    bottom: 15px;
    left: -15px;
}