/* banner */
.banner {
	width: 100%;
	height: 45vw;
  overflow: hidden;
}
#swiper1 .swiper-wrapper .swiper-button-prev,
#swiper1 .swiper-wrapper .swiper-button-next {
	background: none;
	font-size: 60px;
	font-family: simsun;
	color: #fff;
	opacity: 0.6;
	display: block;
	position: absolute;
	top: 50%;
	margin-top: -30px;
	width: auto;
	height: auto;
}

#swiper1 .swiper-wrapper .swiper-button-prev {
	left: 8%;
}

#swiper1 .swiper-wrapper .swiper-button-next {
	right: 8%;
}

#swiper1 .swiper-wrapper .swiper-button-prev:hover,
#swiper1 .swiper-wrapper .swiper-button-next:hover {
	opacity: 1;
	color: #e2b723;
}
.banner .swiper-container {
	width: 100%;
	height: 100%;
}
.banner .swiper-container .swiper-wrapper {
	width: 100%;
	height: 100%;
}
.banner .swiper-container .swiper-wrapper .swiper-slide {
	width: 100%;
	height: 100%;
}
#swiper1 .swiper-wrapper .swiper-slide .bg {
	/* min-height: 100%;
	height: 100%; */
  min-width: 100%;
  width: 100%;
	position: absolute;
	left: 50%;
	top: 50%;
	transition: 1s linear 2s;
	transform: translate(-50%,-50%) scale(1.1, 1.1);
}

#swiper1 .swiper-wrapper .swiper-slide-active .bg {
	transition: 5s linear;
	transform: translate(-50%,-50%) scale(1, 1);
}

#swiper1 .swiper-slide {
	position: relative;
}

#swiper1 .swiper-slide #banner {
	position: absolute;
	opacity: 0;
	-webkit-transition: all 1.5s;
	-moz-transition: all 1.5s;
	-ms-transition: all 1.5s;
	transition: all 1.5s;
}
.ban11 {
	/* width: 2.05%; */
	top: 30%;
	right: 17%;
	transform: translate(0,50px) scale(1.5);
	transition-delay: 0.5s!important;
}
.ban12 {
	/* width: 6.84%; */
	right: calc(18% + 100px);
	top: 30%;
	transform: translate(0,200px) scale(1);
	transition-delay: 1s!important;
}
.ban21 {
	/* width: 2.05%; */
	top: 30%;
	left: 20%;
	transform: translate(200px,0) scale(1);
	transition-delay: 0.5s!important;
}
.ban22 {
	/* width: 6.736%; */
	left: calc(20% + 100px);
	top: 26%;
	transform: translate(200px,0) scale(1);
	transition-delay: 1s!important;
}
.ban31 {
	/* width: 2.05%; */
	top: 30%;
	left: 21%;
	transform: translate(200px,0) scale(1);
	transition-delay: 0.5s!important;
}
.ban32 {
	/* width: 24.84%; */
	top: 26%;
	left: calc(21% + 100px);
	transform: translate(200px,0) scale(1);
	transition-delay: 1s!important;
}

#swiper1 .swiper-slide-active #banner {
	transform: translate(0, 0) scale(1, 1);
	opacity: 1;
}
#swiper1 .swiper-pagination {
	
}
#swiper1 .swiper-pagination span {
	opacity: 1;
	border-radius: 0;
	width: 30px;
	height: 5px;
	background: #BB1C21;
}
#swiper1 .swiper-pagination .swiper-pagination-bullet-active {
	background: #F8AE31;
	width: 40px;
}