/* 轮播图样式开始 */
.banner{
    width: 100%;
    /*height: 210px;*/
    aspect-ratio: 16/9;
    position: relative;
}
.banner .swiper-wrapper{}
.banner .swiper-wrapper .swiper-slide{}
.banner .swiper-wrapper .swiper-slide .item-wrapper{
    display: block;
    height: 100%;
}
.banner .swiper-wrapper .swiper-slide .item-wrapper .item {
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center center;
}
.banner .swiper-pagination .swiper-pagination-bullet {
    width: 7vw;
    height: 0.5vw;
    border-radius: 0 0;
    background-color: #ffffff;
    outline: 0;
}
.banner .swiper-pagination .swiper-pagination-bullet-active {
    background-color: #ffffff;
    height: 1vw;
    outline: 0;
}
/* 轮播图样式结束 */

@media screen and (max-width: 768px) {
    .banner{
        width: 100%;
        min-height: 210px;
    }
}
@media screen and (min-width: 769px) {
    .banner{
        width: 100%;
        height: 420px;
    }
}