@charset "utf-8";
/* CSS Document */
.index_pro {	
	width: 100%;height: 100%;
}
.index_pro_container{position: relative;}
.index_pro_container img{display: block;margin: 0 auto;max-width: 100%;height: auto;}

.swiper-container {
  width: 100%;
  height: 300px;
  margin-left: auto;
  margin-right: auto;
}

.swiper-slide {
  background-size: cover;
  background-position: center;cursor: pointer;position: relative;
}
.swiper-slide .wz{position: absolute;z-index: 100;bottom:0;height: 270px;width: 1280px;background:rgba(0,0,0,0.2);color: #ffffff;left: 50%;margin-left: -640px;}
.swiper-slide .wz strong{padding-left: 30px; font-size: 28px;line-height:100px;font-weight: 500;}
.swiper-slide .wz p{padding-left: 30px; font-size: 18px;line-height: 36px;}

.swiper-button-next,.swiper-button-prev{background:rgba(218,34,52,1);top:75px;}
.swiper-button-prev{left: 50%;margin-left: -680px;}
.swiper-button-next{right: 50%;margin-right: -680px; }
.swiper-button-next:after,.swiper-button-prev:after{font-size: 20px;}

@media only screen and (max-width: 1280px) {
	.swiper-slide .wz{position: absolute;z-index: 100;bottom:0;height: 270px;width:90%;background:rgba(0,0,0,0.2);color: #ffffff;left: 50%;margin-left: -45%;}
}

.gallery-top {
  height: 80%;
  width: 100%;
}

.gallery-thumbs {
  height: 20%;
  box-sizing: border-box;
  padding: 20px 0;width: 1280px;margin: 0 auto;
}

.gallery-thumbs .swiper-slide {
  height: 100%;
 text-align: center;color:#333;width: 14%;
}

.gallery-thumbs .swiper-slide-thumb-active {
  opacity: 1;color:#e50111;
}