.hxtd{ width:100%; margin:0 auto;  box-sizing:border-box; position:relative; overflow:hidden}

.gallery-top { width: 100%; }
.gallery-top .swiper-slide{ position:relative;padding:0 100px; box-sizing:border-box }
.gallery-top .swiper-slide i{ display:block; width:25%; padding-bottom:45%; position:relative;  overflow:hidden}
.gallery-top .swiper-slide i img{ position:absolute; height:100%; width:auto; min-width:100%; top:0; left:50%; transform:translateX(-50%)}

.gallery-top .swiper-slide .rwjs{ position:absolute; width:55%; left:35%; top:0px}
.gallery-top .swiper-slide .rwjs h3{ font-size:20px; color:#fff; line-height:30px}
.gallery-top .swiper-slide .rwjs h3 em{ display:block; font-style:normal; color:#696969; font-size:14px}
.gallery-top .swiper-slide .rwjs p{ display:block;color:#696969; font-size:14px; line-height:25px; margin:20px 0;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow:hidden}
.gallery-top .swiper-slide .rwjs span a{ font-size:14px; color:#696969}


   .gallery-thumbs {
 		width:60%;
        box-sizing: border-box;
        padding: 10px 0;
		position:absolute; right:5%; bottom:0;
		text-align:left;
		z-index:9999
		
    }
 .gallery-thumbs .swiper-slide {
        width: 100%;
        height: 100%;
      
	
    }
    .gallery-thumbs .swiper-slide-active {
        border:#f8ba05 3px solid; box-sizing:border-box
    }

.gallery-thumbs .swiper-slide i{ display:block; width:100%; padding-bottom:200%; position:relative; overflow:hidden}
.gallery-thumbs .swiper-slide img{ position:absolute; height:100%; width:auto; min-width:100%; top:0; left:50%; transform:translateX(-50%)}




.gallery-top .swiper-button-next{ top:auto; bottom:45%; left:auto; right:50px;}
.gallery-top .swiper-button-prev{ top:auto; bottom:45%; left:auto; left:50px}





@media only screen and (max-width: 1024px){	
.gallery-thumbs { position:inherit; width:96%; margin:0 auto; right:0}		
		
		

}

@media only screen and (max-width: 768px){	
.gallery-thumbs{ display:none}

.gallery-top .swiper-slide i{ display:block; float:none; margin:0 auto; width:50%; padding-bottom:0; height:auto; position:relative;  overflow:hidden}
.gallery-top .swiper-slide i img{ position:relative; width:100%; height:auto}
.gallery-top .swiper-slide{ position:relative;padding:0 50px; box-sizing:border-box }
.gallery-top .swiper-slide .rwjs{ position:inherit; width:100%; left:0; top:0px; margin-left:0; float:none; text-align:center}
.gallery-top .swiper-button-next{ top:auto; bottom:65%; left:auto; right:5%;}
.gallery-top .swiper-button-prev{ top:auto; bottom:65%; right:auto; left:5%}
.gallery-top:after{ content:"";  width:0px; height:20px; background:#5e5e5e; position:absolute; right:128px; bottom:0px}
	
.gallery-top { padding-bottom:30px}
	
}