
.swiper-banner{display:block;margin:0 auto;width:100%;height:100%;background:#000;overflow:hidden !important;}
.swiper-banner .banner-wrapper {
  display:flex;
  flex-flow:column nowrap;
  margin:0 auto;
  width:100%;
  max-width:1920px;
  height:500px;
  background:#000;
  overflow:hidden !important;
}
@media (min-width:960px) {
  .swiper-banner .banner-wrapper {flex-flow:row nowrap;}
}
@media (max-width:960px) {
  .swiper-banner{margin:0 .2rem;width:auto;}
  .swiper-banner .banner-wrapper {height:300px;}
}
.swiper-container {
  width:100%;
  height:100%;
  margin-left:auto;
  margin-right:auto;
  position:relative;
}
/*
@media (min-width: 960px) {
  .swiper-container {min-height:320px;}
}
*/
.swiper-slide-duplicate,
.swiper-slide {
  text-align:left;
  background-size:cover;
  background-position:center;
  /*background-color:#000;*/
  /* Center slide text vertically */
  display:flex;
  flex-flow:column nowrap;
  justify-content:center;
  align-items:center;
  /* Slide content */
}

/*左侧-大图*/
.gallery-top {
  width:100%;
  height:100%;
  overflow:hidden !important;
}

.gallery-top .swiper-slide { position:relative;font-size:1em;}
.gallery-top .swiper-slide a:hover{font-size:100%;}
@media (max-width:960px) {
  .gallery-top .swiper-slide { font-size:.8em;}
}
.gallery-top .swiper-slide .img-big {display:block;text-align:center;height:100%;overflow:hidden;}
.gallery-top .swiper-slide .img-big img{display:block;margin:0 auto;width:100%;height:100%;object-fit:cover;}
.gallery-top .swiper-slide .con-big {
	width:100%;
	max-width:100%;
	position:absolute;
	left:0;
	bottom:0;
}
/*文字部分【背景】*/
.gallery-top .swiper-slide .con-big .txt {
	padding:30px 5% 15px 5%;
	background:rgba(0,0,0,0.75);
	color:#FFF;
}
/*标题*/
.gallery-top .swiper-slide .con-big .txt span {
	padding:10px 25px;
	font-weight:bold;
	line-height:30px;;
	background:#921D23;
}
/*描述*/
.gallery-top .swiper-slide .con-big .txt p {
	margin:10px 0 0;
	line-height:20px;
}
@media (max-width:960px) {
  .gallery-top .swiper-slide .con-big .txt {padding:10px 5% 5px 5%;}
  .gallery-top .swiper-slide .con-big .txt span {padding:10px 20px;}
  .gallery-top .swiper-slide .con-big .txt p {margin:5px 0 0;}
}

/*翻页箭头*/
.gallery-top .swiper-button-next,
.gallery-top .swiper-button-prev {position:absolute;background:none;top:auto;bottom:30px;color:#FFF;}
.gallery-top .swiper-button-prev {left:1%;}
.gallery-top .swiper-button-next {right:1%;}
@media (max-width:960px) {
	.gallery-top .swiper-button-next,
	.gallery-top .swiper-button-prev {bottom:45%;--swiper-navigation-size:45px;}
}

/*右侧-缩略图*/
.gallery-thumbs {
  width:20%;
  margin-right:5px;
  padding-bottom:20px;
  height:100%;
  zoom:1;
  position:relative;
  overflow:hidden !important;
}
.gallery-thumbs .swiper-wrapper {
  flex-direction:column;
  margin:3px 0 0 5px;
}
.gallery-thumbs .swiper-slide {
  width:100%;
  flex-flow:row nowrap;
  opacity:0.85;
  cursor:pointer;
  height:100%;
  padding-bottom:2px;
  background:#111;
  border-bottom:#222 1px solid;
  overflow:hidden !important;
}
.gallery-thumbs .swiper-slide-thumb-active { opacity:1;background:#921D23;}
.gallery-thumbs .swiper-slide .box-small {display:block;padding:5px 8px 5px 5px;}
.gallery-thumbs .swiper-slide .box-small .img-small{float:left;width:33%;height:80px;overflow: hidden !important;}
.gallery-thumbs .swiper-slide .box-small .img-small img{display:block;width:auto;height:100%;object-fit:cover;}
.gallery-thumbs .swiper-slide .box-small .con-small{float:right;width:63%;}
.gallery-thumbs .swiper-slide .box-small .con-small span{display:block;color:#FFF;line-height:25px;font-size:.9em;font-weight:600;}
.gallery-thumbs .swiper-slide .box-small .con-small p{display:block;color:#EEE;line-height:120%;font-size:.8em;}

.gallery-thumbs .swiper-slide-thumb-active .box-small .con-small span{color:#FFF;}
.gallery-thumbs .swiper-slide-thumb-active .box-small .con-small p{color:#EEE;}



@media (min-width:961px) {
  .gallery-top {width:80%;height:auto;}
  .gallery-thumbs { width:20%;height:auto;}
  .gallery-thumbs .swiper-wrapper {flex-direction:row;}
  .gallery-thumbs .swiper-slide {flex-flow:column nowrap;width:100%;}
}
@media (max-width:960px) {
	.gallery-thumbs {display: none;}
}

