/*展览内容滚动效果,和艺传样式冲突单独css*/
.swiper {width: 1200px;height: 100%;  }
.swiper-slide {text-align: center;font-size: 18px;background: #f7f7f7;display: flex;justify-content: center; align-items: center; }
.swiper-slide img {display: block;object-fit: cover;cursor: pointer;height: 100%;width:auto; max-width:100%;}
.swiper {width: 100%;height: 300px;margin-left: auto; margin-right: auto;}
.swiper-slide {background-size: cover; background-position: center;}
.mySwiper2 { height:600px; width:1200px;}
.mySwiper {height: 30%;box-sizing: border-box; padding: 10px 0;width:1200px;}
.mySwiper .swiper-slide { width: 25%;height: 100%; /*opacity: 0.4;*/background-color:rgba(0, 0, 0, 0.6);}
.mySwiper .swiper-slide-thumb-active {opacity: 1;}
.swiper-slide .h4 {position: absolute;left:0;bottom:0;text-align:center;height:45px;line-height: 45px;padding-left:22%;font-size: 16px;color: #fff;
width: 100%;font-weight: normal;background-color: rgba(0, 0, 0, 0.5); filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=1, StartColorStr='#60000000', EndColorStr='#60000000');}
.swiper-slide .h4 h2{ float:left; margin:0 10px;}
.swiper-slide .h4 p{ float:left; font-size:14px; margin:0 10px;}

.mySwiper .swiper-slide img{width:100%;height:200px;opacity: 0.4;}
.mySwiper .swiper-slide-thumb-active img{opacity: 1;}
.zlcontent_xx{position: relative;}
.zlcontent_xx .text{ padding:40px 10px; line-height:30px; font-size:100%;}
.swiper-button-next, .swiper-button-prev{top: var(--swiper-navigation-top-offset, 20%);}

@media screen and (max-width:750px) {
	.mySwiper,.mySwiper2{width:100%;}
	.mySwiper2{height:200px;}
	.mySwiper .swiper-slide img{height:60px;}
	.swiper-slide .h4{padding-left: 0;}
	.swiper-button-next, .swiper-button-prev{display: none;}
	.gbcon_lysj{padding-bottom: 0;text-align:left;}
	.zlcontent_xx .text{padding-top: 0;}
	.gbcon_lysj span{margin-right: 0;display: block;line-height: 30px;}
}