ab-index-sec02 { padding:1em 0px 9.375em; }
.ab-index-sec02 .page-content {  position:relative; margin-top:4.625em!important; margin-bottom:4.625em!important;}
.ab-index-sec02 .bg_container { height:100%;  }
.ab-index-sec02 .swiper-slide { width:19.79%; overflow:hidden; }
.ab-index-sec02 .page-img { overflow:hidden; height:100%; }
.ab-index-sec02 dl { position:absolute; left:0px; bottom:0px; width:100%; color:#fff; padding:2em 3em; }
.ab-index-sec02 dl dd { display:none; line-height:1.875; margin-top:0.4375em; }
.ab-index-sec02 .swiper-slide-active { width:35.41%; }
.ab-index-sec02 .swiper-slide-active .bg_container { }
.ab-index-sec02 .swiper-slide-active  dl dd { display:block; }

.ab-index-sec02 .swiper-slide { transform-origin:center top; -webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);filter: grayscale(100%);filter: gray; }
.ab-index-sec02 .swiper-slide.swiper-slide-active  { transform:scale(1)!important; -moz-filter: grayscale(0%);-ms-filter: grayscale(0%);-o-filter: grayscale(0%);filter: grayscale(0%);filter:none; }

.ab-index-sec02 .page-con img { max-width:100%; height:auto; }

@media only screen and (max-width:767px){
.ab-index-sec02 { padding:0px; }
.ab-index-sec02 .page-content { margin-top:2em!important; margin-bottom:2em!important; }
.ab-index-sec02 dl { padding:2em 1.5em 1em; }
.ab-index-sec02 .swiper-slide-active  dl dd { /*display:none;*/ }

}