@charset "utf-8";

/* wq127 */
.wq127 {width:100%; height:100%; float:left; box-sizing:border-box; position:relative;}
.wq127 .swiper-container, .wq127 .wzwg-slide-info {height:100%;}
.wq127 .rol119_wrap {width:100%; text-align:center; box-sizing:border-box; position:relative;}
.wq127 .rol119_wrap img {width:100%; min-height:100%; display:block;}

.wq127 .rol119_wrap .txtBox {width:100%;text-align:center;padding: 30px 15px;box-sizing:border-box; float: left;}
.wq127 .rol119_wrap .txtBox .tit {width:100%; color: #333; font-size:18px; font-weight:600; line-height:150%; display:inline-block; text-overflow:ellipsis;
									 overflow:hidden; box-sizing:border-box; word-break:keep-all;}
.wq127 .rol119_wrap .txtBox .tit:empty {display:none;}
.wq127 .rol119_wrap .txtBox span.co {width:100%; color:#333; line-height: 140%; margin-top:10px; word-break:keep-all; display:block; text-overflow:ellipsis; overflow:hidden;
									box-sizing:border-box; word-break:keep-all;}
.wq127 .rol119_wrap .txtBox span.co:empty {display:none;}

.wq127 .rol119_wrap .txtBox a.linkbtn {padding: 13px 10px; max-width: 85%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
   									   box-sizing:border-box; text-align:left; line-height:normal; font-size:14px; margin:40px auto 0;
   									   border:1px solid rgba(0,0,0,0.1); display:inline-block;}

.wq127 .swiper-pagination {left:50% !important; bottom:0px !important; right:0; width: 100% !important; text-align: center; height:auto;
							-ms-transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); transform:translate(-50%, -50%); -webkit-transition:opacity 1s; transition:opacity 1s;}
.wq127 .swiper-pagination-bullet {width:8px; height: 8px; opacity:0.5 !important; display:inline-block; margin:0px 5px!important; box-sizing:border-box;
								background: #333; border:1px solid rgba(0,0,0,.9);clear:both;}
.wq127 .swiper-pagination-bullet-active {width:8px; height:8px; background:white; border:1px solid rgba(0,0,0,0.8); margin:0 4px 0 6px !important;}


/*slide button*/
.wq127 .slick-arrow {display: none !important;}

.wq127 .slick-dots {width:100%;text-align: center;}
.wq127 .slick-dots li {display:inline-block; margin:0 3px;}
.wq127 .slick-dots li button {width:8px; height:8px; background:#ccc; border-radius:100%; overflow:hidden; text-indent:-999px;}
.wq127 .slick-dots li.slick-active button {background:#333;}

.wq127 .wzwg-slide-info .swiper-pagination {display:none !important;}


/* layout */
.border-radius .wq127 .swiper-slide, 
.border-radius .wq127 .slick-slide {border-radius:10px; overflow:hidden;}
.border-radius .wq127 .rol119_wrap .txtBox a.linkbtn {border-radius:5px;}


	@media (min-width:991px){}
	@media (min-width:800px){
		.layout_01 .wq127 {height:auto;}
		.layout_01 .wq127 .rol119_wrap {height:auto;}

		.wq127 .slick-dots {display:none !important;}
	}

	@media (max-width:599px){
		.wq127 {width:95%;margin:20px 2.5% 30px;border-radius:5px;overflow:hidden;}
		.wq127 .swiper-wrapper,
		.wq127 .slick-slider {padding-bottom:30px;}
		.wq127 .rol119_wrap {height:0; padding-bottom:50%;}
		.wq127 .rol119_wrap img {position:absolute;margin:auto;top:-999px;bottom:-999px;right:-999px;left:-999px; width:99.3%;}
    	.wq127 .rol119_wrap .txtBox {position:relative; margin-top:50%; background:#fff; width: calc(100% - 3px); border-radius:0 0 5px 5px; margin: 50% 1px 5px; box-shadow: 0px 1px 3px 1px rgba(0,0,0,0.1);}
	}




	@media (min-width:800px){
		.wq127 .swiper-slide, 
		.wq127 .slick-slide {width: 31% !important;pointer-events:auto !important;-webkit-transition:margin 1s !important;transition:margin 1s !important;transition-property:all !important;}
		.wq127 .swiper-slide:nth-child(3n+1), 
		.wq127 .slick-slide:nth-child(3n+1) {margin-right: 1%;margin-left: 0.2%;clear: both;/* float: none !important; */}
		.wq127 .swiper-slide:nth-child(3n+2), 
		.wq127 .slick-slide:nth-child(3n+2) {margin-right:2%; margin-left:2%;}
		.wq127 .swiper-slide:nth-child(3n), 
		.wq127 .slick-slide:nth-child(3n) {margin-left: 1%;}

		.wq127 .swiper-slide::after, 
		.wq127 .slick-slide::after {content:''; position:absolute; z-index:-1; width:100%; /*height:98.5%;*/ top:0; left:0; opacity:0;
									 box-shadow:0px 9px 3px 3px rgba(0,0,0,0.07); transition:opacity 1s ease-in-out;}
		.wq127 .swiper-slide:hover, 
		.wq127 .slick-slide:hover {margin-top:15px; margin-bottom:35px;}
		.wq127 .swiper-slide:hover:after, 
		.wq127 .slick-slide:hover:after {opacity:1;}
	}

	@media (min-width:600px) and (max-width:799px){
		.wq127 .swiper-slide, 
		.wq127 .slick-slide {width:45% !important; margin-right:3%;}
		.wq127 .swiper-slide:nth-child(2n), 
		.wq127 .slick-slide:nth-child(2n) {margin-right:0;}
		.wq127 .swiper-slide:nth-child(2n+1), 
		.wq127 .slick-slide:nth-child(2n+1) {margin-right:3%;}
		.wq127 .swiper-slide:last-child, 
		.wq127 .slick-slide:last-child {margin-right:0;}
	}

	@media (min-width:600px){
		.wq127 .swiper-slide, 
		.wq127 .slick-slide {transition:none; vertical-align:top; display:inline-block; margin-left:-4px; transform:none !important; opacity: 1 !important; margin:20px 0 30px;
							box-shadow: 0px 1px 3px 1px rgba(0,0,0,0.1); background: #fff; float: none;}
		.wq127 .swiper-wrapper,
		.wq127 .slick-slider {transform:none !important;float:left;display:inline-block !important;text-align:center;width: 100% !important;}
		.wq127 .slick-slider>div>div {width:100% !important;text-align: center;}
		.wq127 .swiper-pagination {display:none;}

		 /*slide renewal*/
		.wq127 .slick-slide {left: auto !important;z-index: 1 !important;}
    }