/* wq127 */
.wq127 {width:100%; height:100%; float:left; box-sizing:border-box; position:relative;}
.wq127 .swiper-container {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 h2.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 h2.tit:empty {display:none;}
.wq127 .rol119_wrap .txtBox span.co {width:100%; color:#333; font-size:13px; line-height:22px; margin-top:10px; word-break:keep-all; display:block; text-overflow:ellipsis;
									overflow:hidden; /* padding:0 5%; */ 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: auto !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;}



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

	@media (max-width:599px){
		.wq127 {width:95%; margin:20px 2.5% 30px; border-radius:5px; overflow:hidden;}
		.wq127 .swiper-wrapper {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% - 4px); border-radius:0 0 5px 5px;
    								margin: 50% 2px 5px; box-shadow:0px 1px 3px 1px rgba(0,0,0,0.1);}

	}




	@media (min-width:800px){
		.wq127 .swiper-slide {width:30% !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) {margin-right:1%;}
		.wq127 .swiper-slide:nth-child(3n+2) {margin-right:2%; margin-left:2%;}
		.wq127 .swiper-slide:nth-child(3n) {margin-left:1%;}

		.wq127 .swiper-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 {/*width:32% !important; margin-top:12px; margin-bottom:20px;*/ margin-top:15px; margin-bottom:35px;}
		.wq127 .swiper-slide:hover:after {opacity:1;}


		/*.wq127 .swiper-slide:nth-child(3n+1):hover {margin-right:0%;}
		.wq127 .swiper-slide:nth-child(3n+2):hover {margin-right:1.5%; margin-left:1.5%;}
		.wq127 .swiper-slide:nth-child(3n):hover {margin-left:0%;}*/
	}

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

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