@charset "utf-8"; 
/** @latest 2019.07.19 -ssj*/

/* roll_img126 */
.roll_img126 {width:100%; height:100%; /* float:left; */box-sizing:border-box; }
.roll_img126 .swiper-container {width:100% !important; height:100%; }
.roll_img126 .swiper-container .swiper-wrapper {box-sizing:border-box;}
.roll_img126 .swiper-container .swiper-wrapper .swiper-slide {}
.roll_img126 .imgbox {width:100%; height:100%; text-align:center; box-sizing:border-box; position:relative; vertical-align:middle;}
.roll_img126 .imgbox img {width:100%; height:auto; min-height:100%; /* opacity:0.95; */display:inline-block; vertical-align:top;}

.roll_img126 .txtbox {position:absolute; bottom:0; left:0; width:100%; padding:0 130px 0 15px; box-sizing:border-box; text-align:left; 
					  background:rgba(0,0,0,0.7); opacity:1; -webkit-transition:background 1s; transition:background 1s;}
.roll_img126 .txtbox .tit {font-size:15px; line-height:40px; color:#fff; font-weight:400; width:100%; box-sizing:border-box; 
							position:relative; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; word-break:keep-all;}


.roll_img126 .swiper-container .swiper-wrapper .swiper-slide:hover .txtbox {background:rgba(0,0,0,0.9);}



/*slide btn*/
.roll_img126 .swiper-pagination {display:none;}

.roll_img126 .swiper-button-next,
.roll_img126 .swiper-button-prev {position:absolute; top:auto; bottom:0; background-image:none; margin-top:-40px; text-align:center; vertical-align:middle; box-sizing:border-box;}
.roll_img126 .swiper-button-next {right:10px;}
.roll_img126 .swiper-button-prev {left:auto !important; right:55px;}
.roll_img126 .swiper-button-next:before {content:">"; font-family:serif; font-size:20px; line-height:normal; display:inline-block; vertical-align:middle;}
.roll_img126 .swiper-button-prev:before {content:"<"; font-family:serif; font-size:20px; line-height:normal; display:inline-block; vertical-align:middle;}
.roll_img126 .swiper-button-next.swiper-button-disabled, 
.roll_img126 .swiper-button-prev.swiper-button-disabled {opacity:1;}


.roll_img126 div.bnrindicator_number {float:left; color:#fff; letter-spacing:-0.5px; font-size:12px; box-sizing:border-box; 
								  position:absolute; bottom:0; right:85px; z-index:1; opacity:0.7;}
.roll_img126 div.bnrindicator_number span {}
.roll_img126 div.bnrindicator_number span:first-child {font-weight:600;}


.roll_img126 div.banner-indicator {z-index:10; display:inline-block; position:absolute; right:30px; bottom:0; width:30px; height:40px;}
.roll_img126 div.banner-indicator button {border:0; outline:none; cursor:pointer;}
.roll_img126 div.banner-indicator button.play {position:absolute;  right:0;  bottom:0; width:30px;  height:40px;
										 	  font-size:0; color:#fff; line-height:40px;  text-align:center;}
.roll_img126 div.banner-indicator button.stop {position:absolute; right:0; bottom:0; width:25px; height:40px;
											  font-size:0; color:#fff; line-height:45px; text-align:center;}
.roll_img126 div.banner-indicator button.play:before {content:"\f04b"; font-family:FontAwesome; font-size:12px; line-height:35px;}
.roll_img126 div.banner-indicator button.stop:before {content:"||"; font-size:13px; font-weight:400; line-height:35px; letter-spacing:1px;}





	@media (min-width:600px){
		.roll_img126 div.bnrindicator_number {width:auto; height:40px; line-height:40px;}
	}




	@media (min-width:800px){
		.roll_img126 {height:auto;}

		.roll_img126 .swiper-button-next,
		.roll_img126 .swiper-button-prev {width:20px; height:40px; line-height:40px; color:#fff;}


		.layout_height_H .roll_img126 {height:350px;}
		.layout_height_M .roll_img126 {height:250px;}
		.layout_height_L .roll_img126 {height:150px;}
	}


	@media (max-width:799px){
		.roll_img126 {height:auto;/* max-width:calc(100% - 60px); */}
		.roll_img126 .swiper-container {width:100%; overflow:hidden; position:initial;}
		.roll_img126 .swiper-container .swiper-wrapper .swiper-slide {box-shadow:none;width: 100% !important;}
		.roll_img126 .swiper-container .swiper-wrapper .swiper-slide > a {width:100%; float:left; height:100%; position:relative;}

		.roll_img126 .txtbox .tit {font-size:16px;}
		.roll_img126 .swiper-button-next,
		.roll_img126 .swiper-button-prev {width:20px; height:40px; line-height:40px; color:#fff;}
	}

	@media (min-width:600px) and (max-width:799px){
	}

	@media (max-width:599px){
		.roll_img126 div.bnrindicator_number {width:30px; height:40px; line-height:40px; margin-left:0px;}
	}