.banner-guanxiang {position:relative;z-index:2;}
.banner-guanxiang .swiper-slide img {width:100%;}

.banner-guanxiang .mouse {display:inline-block;margin-right:18px;-webkit-animation:bounce-down 1s linear infinite;animation:bounce-down 1s linear infinite;}
.banner-guanxiang .banner-bottom {position:absolute;right:0;bottom:0;width:34.2%;height:118px;padding:28px 0 0 60px;background: rgb(44 42 80 / 60%);z-index:9;cursor:pointer;}
.banner-guanxiang .banner-bottom p {display:inline-block;color:#fff;font-size:16px;font-weight:500;}

.banner-guanxiang .swiper-pagination{bottom:50px;}
.banner-guanxiang .swiper-pagination span {display:inline-block;width:12px;height:12px;margin-right:20px;background:#fff;border-radius:20px;cursor:pointer;-webkit-transition:.5s all;-moz-transition:.5s all;-ms-transition:.5s all;transition:.5s all;opacity:1;border: 1px solid var(--color-primary);}
.banner-guanxiang .swiper-pagination span.swiper-pagination-bullet-active {background:var(--color-primary);width:28px;}


@keyframes bounce-down {
25% {transform:translateY(-3px);}
50% {transform:translateY(0);}
75% {transform:translateY(3px);}
100% {transform:translateY(0);}
}

@media screen and (min-width:1921px) {
.banner-guanxiang .banner-bottom {width:40%;}
}
@media screen and (max-width:1700px) {

}
@media screen and (max-width:1580px) {

.banner-guanxiang .banner-bottom {height:92px;}
.banner-guanxiang .swiper-pagination {bottom:36px;}
}

@media screen and (max-width:1400px) {
}

@media screen and (max-width:1280px) {
}

@media screen and (max-width:768px) {
.banner-guanxiang .banner-bottom{display:none;}
.banner-guanxiang .swiper-pagination{bottom:15px;}
}
@media screen and (max-width:600px) {

}