@charset "utf-8";

.bna_container{width:1727px; margin:0 auto;}
.before_img_wrap,.after_img_wrap{position:relative;}
.img_ov{position:absolute;bottom:15px;right:15px;font-family: "Gothic A1", sans-serif;color:#fff;border:1px solid #fff; width:90px;height:36px;text-align:center;display:flex;justify-content:center;align-items:center;}
.img_ov span{padding-top:2px;}
.bna_container .swiper-container{width:100%;position:relative;}
.bna_container .swiper-container .bna_slide{width:100%;}
.bna_container .swiper-container .bna_slide .swiper-slide{display:flex;justify-content:space-between;}
.bna_container .swiper-container .bna_slide .swiper-slide a{display:flex;justify-content:space-between;width:100%;}
.bna_container .swiper-pagination{text-align:right;left:unset !important;bottom:unset !important;right:0;top:-25px;}
.bna_container .swiper-pagination-bullet{background:#d9d9d9;width:10px;height:10px;opacity:1 !important;}
.bna_container .swiper-pagination-bullet-active{background:#6e625f;}

.bna_container .swiper-slide .bna_tit_box{color:#6e625f;width:100%;display:flex;justify-content:center;align-items:center;margin-top:25px;opacity:0;transition:all .4s;}
.bna_container .swiper-slide-active .bna_tit_box{opacity:1;}
.bna_tit_box span{display:inline-block;font-weight:700;font-size:24px;}
.bna_tit_box b{display:inline-block;font-weight:400;font-size:23px;margin-left:8px;}


@media screen and (max-width:1800px){
.bna_container{width:90%;}
.before_img_wrap,.after_img_wrap{width:100%;}
.before_bna,.after_bna{width:49%;}
.before_bna img,.after_bna img{width:100%;}

}
@media screen and (max-width:1000px){
.bna_container{width:70%;}
.bna_container .swiper-container .bna_slide .swiper-slide a{flex-direction:column;}
.before_bna,.after_bna{width:100%;}
.before_bna{margin-bottom:10%;}
.img_ov{width:70px;height:28px;right:10px;bottom:10px;}
.bna_tit_box{margin-top:2.5%;}
.bna_tit_box span{font-size:20px;}
.bna_tit_box b{font-size:19px;margin-left:5px;}
.bna_container .swiper-pagination-bullet{width:8px;height:8px;margin:0 3px;}
}

@media screen and (max-width:640px){
.bna_tit_box span{font-size:18px;}
.bna_tit_box b{font-size:17px}
.img_ov{width:60px;height:24px;}
.img_ov span{font-size:12px;display:block;}
}

@media screen and (max-width:430px){
.bna_tit_box span{font-size:16px;}
.bna_tit_box b{font-size:15px}
}