* {	padding: 0;	margin: 0;}
.clearfix:after {visibility: hidden;display: block;content: "";	height: 0;line-height: 0;clear: both;}
.clearfix {zoom: 1;}
body {font-family: Helvetica Neue, Helvetica, Arial, sans-serif;font-size: 14px;color: #000;margin: 0;padding: 0;}

.gallery-top-box {display:block;position: relative;margin: 0 auto;width:100%;height:auto;max-width: 800px;border-bottom: 1px #eee solid; overflow: hidden;}
.gallery-top-box .swiper-container {display:block;width:100%;height:500px;margin-left: auto;margin-right: auto;}
.gallery-top-box .gallery-top {padding-bottom: 8px;width: 100%;}
.gallery-top-box .gallery-top .swiper-slide {width: 100%;max-width: 100%;height: 100%;overflow: hidden;opacity: 0.5;}
.gallery-top-box .gallery-top .swiper-slide img {width:100%;max-width: 100%;height: 100%;object-fit: contain;}
.gallery-top-box .gallery-top .swiper-slide-active {opacity: 1;}
.gallery-top-box .swiper-button-prev {background-image: url(../images/left-lg.png);width: 18px;background-size: 18px 38px;left: 10px;margin-top: 0;top: 50%;outline: none;transform: translate(0, -50%)}
.gallery-top-box .swiper-button-next {background-image: url(../images/next-lg.png);width: 18px;background-size: 18px 38px;right: 10px;margin-top: 0;top: 50%;outline: none;transform: translate(0, -50%)}

.gallery-thumbs-box {position: relative;margin: 0 auto;width:100%;max-width: 800px;height: 65px;}
.gallery-thumbs-box .swiper-container {margin-left: auto;margin-right: auto;}
.gallery-thumbs-box .gallery-thumbs {height: 65px;box-sizing: border-box;padding-top: 2px;}
.gallery-thumbs-box .gallery-thumbs .swiper-slide {max-width: 100%;max-height: 100%;width: auto;height: 100%;overflow: hidden;}
.gallery-thumbs-box .gallery-thumbs .swiper-slide img {max-width: 100%;height: 100%;object-fit: cover;}
.gallery-thumbs-box .swiper-button-prev {background-image: url(../images/left-small.png);width: 10px;height: 65px;background-size: 10px 18px;left: 10px;margin-top: 0;top: 0;outline: none;}
.gallery-thumbs-box .swiper-button-next {background-image: url(../images/next-small.png);width: 10px;height: 65px;background-size: 10px 18px;right: 10px;margin-top: 0;top: 0;outline: none;}

.control-autoplay {position: absolute;width:100px;height:32px;text-align: center;left:50%;margin-left:-50px;bottom:30px;z-index: 1;overflow:hidden;}
.control-autoplay .slideshow {margin-top: 15px;display: inline-block;background-repeat: no-repeat;background-position: center right;background-image: url("../images/play.png");cursor: pointer;padding-right: 15px;color: #999;transition: all 0.3s ease}
.control-autoplay .pauseed {background-image: url("../images/pause.png");}
@media screen and (max-width: 768px) {
	.gallery-top-box .swiper-container{height:450px;}
}
@media screen and (max-width: 540px) {
	.gallery-top-box .swiper-container{height:300px;}
}
@media screen and (max-width: 320px) {
	.gallery-top-box .swiper-container{height:200px;}
}