.banner{width:100%; height:calc(100vh - var(--top_height)); overflow:hidden; position:relative}
.banner .swiper-container{height:100%}
.banner .swiper-slide{height:100%; overflow:hidden; position:relative;}
.banner .swiper-slide img{position:absolute; top:0; left:0; width:100%; height:100%; object-fit:cover}
.swiper-slide-active img{
	transform:scale(1.1,1.1)!important;
	-webkit-transition:all 7s ease;
	-moz-transition:all 7s ease;
	-ms-transition:all 7s ease;
	-o-transition:all 7s ease;
	transition:all 7s ease;
}
.banner .swiper-slide video{position:absolute; left:0; top:0; width:100%; height:100%!important; object-fit:cover; z-index:2}


.banner .swiper-button-prev, .banner .swiper-button-next{
	position:absolute;
	top:50%;
	transform:translate(0,-50%);
	width:36px;
	height:64px;
	line-height:64px;
	background:rgba(0,0,0,.4);
	text-align:center;
	font-family:SimSun, sans-serif, NSimSun;
	font-size:40px;
	color:rgba(255,255,255,.8);
	z-index:999;
	outline:none;
	cursor:pointer;
	-moz-user-select:none;
    -webkit-user-select:none;
    -ms-user-select:none;
    -khtml-user-select:none;
    user-select:none;
	-webkit-transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
	transition:all 0.3s ease;
	}
.banner .swiper-button-prev{left:-60px}
.banner .swiper-button-next{right:-60px}
.banner:hover .swiper-button-prev{left:4%}
.banner:hover .swiper-button-next{right:4%}
.banner .swiper-button-prev:hover, .banner .swiper-button-next:hover{background:#005097}

.banner .swiper-container .pagination-all{
  position:absolute;
  bottom:40px;
  width:100%;
  left:0;
  z-index:100;
  text-align:center;
}

.banner .swiper-container .swiper-pagination {
  position: relative;
  display: inline-block;
  text-align: left;
}
.banner .swiper-container .swiper-pagination .swiper-pagination-bullet {
  width: 2rem;
  height: 4px;
  border-radius: 0;
  background: rgba(255, 255, 255, 0.7);
  opacity: 1;
  margin: 0 0.2rem;
  position: relative;
  transition: all 0.5s;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
}
.banner .swiper-container .swiper-pagination .swiper-pagination-bullet-active {
  background:var(--i_color);
}

@media screen and (max-width:1080px){
	.banner{height:auto}
	.banner .swiper-slide{height:0; padding-bottom:52%}
}
@media screen and (max-width:960px){
	.banner .swiper-button-prev, .banner .swiper-button-next{display:none!important}
}
@media screen and (max-width:768px){
	.banner .swiper-container .pagination-all{bottom:20px}
	.banner .swiper-container .swiper-pagination .swiper-pagination-bullet{width:14px; height:14px; margin:0 6px; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%;}
}
@media screen and (max-width:580px){
	.banner .swiper-container .pagination-all{}
	.banner .swiper-container .swiper-pagination .swiper-pagination-bullet{width:10px; height:10px; margin:0 5px}
}
@media screen and (max-width:425px){
	.banner .swiper-container .pagination-all{}
}