swiper居中且左右不留白

swiper在不循环的情况下居中，同时左右不留白

主要适用于有多个swiper需要切换，如发展历程中每个年份对应不同swiper，点击年份需要切换对应swiper

<div class="brand01-top" data-aos="fade-up">
	<div class="swiper-container brand01-topswiper">
		<div class="swiper-wrapper">
			<div class="swiper-slide">
				<h3>2020</h3>
				<strong></strong>
			</div>
			<div class="swiper-slide">
				<h3>2022</h3>
				<strong></strong>
			</div>
			<div class="swiper-slide">
				<h3>2020</h3>
				<strong></strong>
			</div>
			<div class="swiper-slide">
				<h3>2020</h3>
				<strong></strong>
			</div>
			<div class="swiper-slide">
				<h3>2020</h3>
				<strong></strong>
			</div>
			<div class="swiper-slide">
				<h3>2020</h3>
				<strong></strong>
			</div>
		</div>
	</div>
	
</div>
<ul class="brand01-bot"  data-aos="fade-up">
	<li>
		<div class="swiper-container brand0101-botswiper">
			<div class="swiper-wrapper">
				<a href="javascript:;" class="swiper-slide">
					<div class="imgbox"><img src="images/brtand01.jpg"/></div>
				</a>
				<a href="javascript:;" class="swiper-slide">
					<div class="imgbox"><img src="images/brtand01.jpg"/></div>
				</a>
			</div>
		</div>
		<script>
			var brand0101botSwiper = new Swiper('.brand0101-botswiper', {
				observer: true,
				observeParents: true,
				loop:true,
				speed: 1000,
				slidesPerView:2,
				spaceBetween:50,
				autoplay: {
					delay:3000,
					stopOnLastSlide: false,
					disableOnInteraction: false,
				},
			});
		</script>
	</li>
	<li>
		<div class="swiper-container brand0102-botswiper">
			<div class="swiper-wrapper">
				<a href="javascript:;" class="swiper-slide">
					<div class="imgbox"><img src="images/brtand01.jpg"/></div>
				</a>
				<a href="javascript:;" class="swiper-slide">
					<div class="imgbox"><img src="images/brtand01.jpg"/></div>
				</a>
			</div>
		</div>
		<script>
			var brand0102botSwiper = new Swiper('.brand0102-botswiper', {
				observer: true,
				observeParents: true,
				loop:true,
				speed: 1000,
				slidesPerView:2,
				spaceBetween:50,
				autoplay: {
					delay:3000,
					stopOnLastSlide: false,
					disableOnInteraction: false,
				},
			});
		</script>
	</li>
</ul>

<script>
	var brand01topSwiper = new Swiper('.brand01-topswiper', {
		observer: true,
		observeParents: true,
		speed: 1000,
		spaceBetween:100,
		slideToClickedSlide: true,
		slidesPerView : 5,
		centeredSlides : true,
		 on: {
			init() {
				// 初始化设置为第一个
				this.setTranslate(0)
			},
			transitionStart() {
				// 如果是第一张或者第二张就不居中
				if (this.activeIndex == 0 || this.activeIndex == 1) {
					this.setTranslate(0)
				}
				// 最后一张或者两张不动
				if (this.activeIndex == this.slides.length - 2 || this.activeIndex == this.slides.length - 1) {
					let slideW = (this.width / 5).toFixed(5) //每个轮播的宽度
					let keepW = slideW * (this.slides.length - 5) //需要设置的setTranslate的宽度
					this.setTranslate(-keepW)
				}
			}
		},
	});
	$(".brand01-top .swiper-slide").click(function(){
		var index = $(this).index();
		$(".brand01-bot li").eq(index).fadeIn().siblings().hide();
	})
</script>