.bannerSwiper {
    --swiper-navigation-size:2rem;
    color: white;
    --swiper-theme-color:white;

}
.bannerSwiper .swiper-wrapper{
    position: relative;

}
.bannerSwiper .swiper-slide{
    position: relative;
}
.bannerSwiper .swiper-slide img{
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    -o-object-fit: cover;
}
.bannerSwiper .txt{
    position: absolute;
    bottom: 0;
    width: 100%;
    left: 0;
    z-index: 2;
    background: rgba(0,0,0,0.6);
    color: white;
}
.bannerSwiper .txt>div{
    padding: 40px 90px;
}
.bannerSwiper .txt>div h2{
    font-weight: lighter;
}
.bannerSwiper .txt>div p{
    font-size: 0.75rem;
}
.bannerSwiper .txt>div a{
    font-size: 0.75rem;
    background: white;
    border-radius: 2px;
	text-transform: uppercase;
}
.bannerSwiper .swiper-button-prev{
    left: 13.5%;
    top: 40%;
    padding:2rem 1.5rem;
    background: rgba(0,0,0,0.5);
}
.bannerSwiper .swiper-button-next{
    right: 13.5%;
    top: 40%;
    padding:2rem 1.5rem;
    background: rgba(0,0,0,0.5);
}



/*lg*/
@media (max-width: 992px) {

    .bannerSwiper{
        --swiper-navigation-size:1rem;
    }
	.bannerSwiper .swiper-slide .pic{
		overflow: hidden;
		width: 100%;
		height: 40vh;
	}
	
    .bannerSwiper .swiper-button-prev,.bannerSwiper .swiper-button-next{
        display: none;
    }
	.bannerSwiper .txt{
		position: relative;
		background: #222;
		padding-bottom: 1rem;
	}
    .bannerSwiper .txt>div{
        padding:2rem  1rem;
        font-size: 0.875rem;
    }
    .bannerSwiper .txt>div h2{
        font-size: 1.25rem;
		margin-bottom: 1rem;
    }
	
	.bannerSwiper .txt>div a{
		width: 100%;
		height: 2.75rem;
		padding: 0;
		line-height: 2.75rem;
	}

}


@media (max-width: 768px) {
    .bannerSwiper .swiper-slide .pic{
        overflow: hidden;
        width: 100%;
        height: 24vh;
    }
    .bannerSwiper .swiper-slide p{
        min-height: 18px;
    }
}