

.gallery121 {width:100%; height:100%; float:left; position:relative; background:white; box-sizing:border-box; overflow:hidden;}
.gallery121swiper-container {width:100%; height:100%;}


.gallery121 .imgbox {width:100%; height:100%;
					float:left;
					background:url(/images/wzwg/site/mngr/no-img.png);
					background-size:contain;
					overflow:hidden;
					background-repeat:no-repeat;
					background-position:center;
					position:relative;
					box-sizing:border-box;
					height:0; padding-bottom:55%; 
					}
.gallery121 .imgbox img {position:absolute; top:-999px; bottom:-999px; left:-999px; right:-999px;
   						margin:auto; min-height:100%; min-width:100%; max-width:110%; -webkit-transition:transform 1s; transition:transform 1s;}
/*.gallery121:hover .imgbox img {transform:scale(1.1);}*/

.gallery121 .swiper-slide>a {position:absolute;
							width:100%;
							left: 0;
							bottom: 0;
							background: rgba(0,0,0,0.6);
							box-sizing: border-box;
							padding-bottom:40px;
							-webkit-transition:background 1s;
							transition:background 1s;
							}
.gallery121 .swiper-slide>a:focus .tit {text-decoration:underline;}
.gallery121 .txtbox {}
.gallery121 .tit {color:#fff;
				  font-weight:400;
				  line-height:130%;
				  letter-spacing:-0.5px;
				  overflow:hidden;
				  /* position:absolute; */
				  /* top:50%; */
				  width:100%;
				  padding:0 15px;
				  margin-bottom: 15px;
				  /* transform:translateY(-50%); */
				  text-align:center;
				  text-overflow:ellipsis;
				  box-sizing:border-box;
				  white-space:nowrap;
				  word-break:keep-all;
				  text-shadow:1px 1px 5px black;
				  }
.gallery121 .co {color: #fff;width: 100%;    -webkit-line-clamp:3;
    -webkit-box-orient: vertical;
    display: -webkit-box; overflow:hidden; text-overflow:ellipsis;
    white-space: normal;}			  
.gallery121 .swiper-slide>a:hover {background:rgba(0,0,0,0.8);}

.layout_height_L .gallery121 .co {white-space:nowrap; -webkit-line-clamp:1; display:block;}


/* btn */
.control-box {position:absolute; width: 90%; bottom:8px;left: 5%;text-align:center;z-index:1;border-radius: 3px;padding: 5px 0;
			 -webkit-transition: background 0.5s;transition: background 0.5s;}
.gallery121-pagination {display:inline-block; position:relative;}
.gallery121 .swiper-pagination-bullet {
									   width: 8px;
									   height: 8px;
									   margin-right: 5px;
									   background: rgba(255,255,255,0.5);
									   /* border:1px solid #333; */
									   box-sizing:border-box;
									   vertical-align:middle;
									   opacity:0.9;
									   }
.gallery121 .swiper-pagination-bullet-active {background: #dc6c1a;border-color: rgba(255,255,255,0.2);}

.gallery121-button-next, 
.gallery121-button-prev {display:none;}

.gallery121 .indicator {display:inline-block;margin-right: 0px;/* background: rgba(255,255,255,0.6); *//* border: 1px solid rgba(0,0,0,0.5); */box-sizing: border-box;border-radius: 100%;width: 15px;height: 15px;vertical-align: middle;}
.gallery121 .indicator button {display:inline-block;width:100%;height:100%;cursor:pointer;text-indent:-9999px;}
.gallery121 .indicator button.play {background: url(../img/arrow.png) no-repeat -78px -1px;margin-right:3px;}
.gallery121 .indicator button.stop {background: url(../img/arrow.png) no-repeat -25px -1px;background-size: 84px;}

.gallery121 .indicator button:focus,
.gallery121 .swiper-pagination-bullet:focus {outline:thin dotted;}

/* no-data */
.gallery121 .no_data {}
.gallery121 .no_data .tit {font-size:16px; color:#333;}





	@media (min-width:800px){
		.layout_height_H .gallery121 .imgbox,
		.layout_height_M .gallery121 .imgbox,
		.layout_height_L .gallery121 .imgbox {height:100%; padding-bottom:0;}
	}
	@media (max-width:799px){
		.layout_height_H .gallery121 .imgbox {height:0; padding-bottom:55%;}
		.layout_height_M .gallery121 .imgbox {height:0; padding-bottom:45%;}
		.layout_height_L .gallery121 .imgbox {height:0; padding-bottom:35%;}
	}

	@media (min-width:600px) and (max-width:799px){
		.layout_block4 .gallery121 .imgbox {height:100% !important; padding-bottom:0;}
	}

	@media (max-width:599px){
		.gallery121 .tit {font-size:18px;}
		.gallery121 .imgbox img {max-width:150%;}
		.gallery121 .co {font-size:15px; line-height:150%; height:66px; overflow:hidden;}
	}






