.banner3,.cp-pp {
 	background: #f7f7f7
 }
 
 .banner3 .swiper {
	width:100%;
	margin:0 auto;
	position:relative;
}
.current-swiper {
	width:calc(100% - 234px);
	height:570px;
	border-radius:20px;
	margin:0 auto;
	box-shadow:0 0 20px rgba(0,0,0,0.05);
	position:relative;
	z-index:99;
}
.left-swiper {
	position:absolute;
	left:-117px;
	top:0px;
	z-index:1;
}
.right-swiper {
	position:absolute;
	right:-117px;
	left:auto;
	top:0px;
	z-index:1;
}
.nocurrent-swiper {
	width:479px;
	height:540px;
	margin-top: 15px;
	border-radius:8px;
	box-shadow:0 0 20px rgba(0,0,0,0.05);
}
.nocurrent-swiper:before {
	content:'';
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:rgb(0 0 0 / 60%);
	z-index:99;
}
.slide1 {
	background:url(../images/hr-1.jpg) no-repeat right 50%/auto 100% #fff;
	background-position: center;
	background-size: cover;
}
.slide2 {
	background:url(../images/hr-2.jpg) no-repeat right 50%/auto 100% #fff;
	background-position: center;
	background-size: cover;
}
.slide3 {
	background:url(../images/hr-3.jpg) no-repeat right 50%/auto 100% #fff;
	background-position: center;
	background-size: cover;
}
 .swiper-button-next, .swiper-button-prev {
	margin-top: -120px;
	opacity: .5;
	-webkit-transition:all 0.3s ease;
	transition:all 0.3s ease; 
}
.swiper-button-next:hover, .swiper-button-prev:hover {
 
	opacity: 1;
}
.swiper-button-prev {
	width:126px;
	height:228px;
	background:url(../images/curr_prev.png) no-repeat center center;
	background-size: 50px;
}
.swiper-button-next {
	width:126px;
	height:228px;
	background-size:auto;
	background-image:url(../images/curr_next.png);
	background-size: 50px;
}