@charset "utf-8";
/* 2021.08.12 OSY */
/* 2022.03.14 YHY */



.widequick136 {position:relative; width:100%; height:auto; float:left; box-sizing:border-box;}
.widequick136 .wq136bg_wrap {position:absolute; top:0; left:0; width:100%; height:100%; box-sizing:border-box;}
.widequick136 .wq136bg_wrap > img {width:100%; height:100%;}
	
.widequick136 .wq136 {position:relative;width:100%;box-sizing:border-box;float:left;padding: 130px 0;}
.widequick136 .wq136 .innerbox {width:100%;max-width: 1330px;padding: 0 15px;box-sizing: border-box;margin:0 auto;height:auto;}
.widequick136 .wq136 .innerbox > div {float:left; width:32.30769230769%; height:260px; margin-right:1.53846153846%; margin-bottom:1.53846153846%; box-sizing:border-box;}
.widequick136 .wq136 .innerbox > div:nth-of-type(3n) {margin-right:0;}

.widequick136 .wq136 .titbox {color:#fff; overflow:hidden;}
.widequick136 .wq136 .titbox .qmTitle {font-size:54px; font-weight:100;}
.widequick136 .wq136 .titbox .qContent {display:block; font-size:18px; margin-top:50px;}

.widequick136 .wq136 .wq136link00 {position:relative; overflow:hidden; font-size:0; background:#fff; box-shadow:5px 5px 12px 0 rgba(0,0,0,0.6);}
.widequick136 .wq136 .wq136link00 a.thumbLink {position:absolute; width:100%; height:100%; box-sizing:border-box;}
.widequick136 .wq136 .wq136link00 a.thumbLink:focus {border:1px dashed #999; box-sizing:border-box;}
.widequick136 .wq136 .wq136link00 a.thumbLink:hover>.hoverLayer {/*display:block;*/opacity:1;}
.widequick136 .wq136 .wq136link00 a.thumbLink img {width:100%;}
.widequick136 .wq136 .wq136link00 a.thumbLink:hover img {transform:scale(1.15); transition:all 0.5s}
.widequick136 .wq136 .wq136link00 a.thumbLink span {position:absolute; left:50%; top:50%; transform:translateX(-50%) translateY(-50%); -webkit-transform:translateX(-50%) translateY(-50%); font-size:18px; padding:15px 30px; background:#fff;}


/* layout */
.border-radius .widequick136 .wq136 .wq136link00 {border-radius:10px;}
.border-radius .widequick136 .wq136 .wq136link00 a.thumbLink span {border-radius:25px;}


	@media (min-width:1300px){
		.widequick136 .wq136 .titbox .qmTitle {font-size:54px;}
	}
	
	@media (max-width:1300px){
		.widequick136 .wq136 .innerbox {width:95%;}
		.hoverLayer {position:absolute; top:0px; left:0; width:100%; height:100%; background:#f9f9f9; text-align:center; -webkit-transition:opacity 0.5s, background 0.5s; transition:opacity 0.5s, background 0.5s; opacity:0;}
		.hoverLayer.blck {background:rgba(0,0,0,0.65) !important;}
		.hoverLayer>div {width:100%; max-width:220px; text-align:center !important; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%);}
		div:hover>.hoverLayer {opacity:1;}
	}
	
	@media (min-width:991px) and (max-width:1299px){
		.widequick136 .wq136 .titbox .qmTitle {font-size:45px;}
		.widequick136 .wq136 .innerbox > div {float:left; width:32.30769230769%; height:240px;}
	}
	
	@media (max-width:990px){
		.widequick136 .wq136 {padding:50px 0 50px;}
		.widequick136 .wq136 .innerbox > div {width:48%; height:200px; margin-right:4%; margin-bottom:4%;}
		.widequick136 .wq136 .innerbox > div:nth-of-type(3n) {margin-right:4%;}
		.widequick136 .wq136 .innerbox > div:nth-of-type(odd) {margin-right:0;}
		.widequick136 .wq136 .titbox {width:100% !important; height:auto !important; text-align:center; margin-bottom:50px !important;}
		.widequick136 .wq136 .titbox .qContent {margin-top:20px;}
		.widequick136 .wq136 .wq136link00 a.thumbLink img {width:100.5%;}
		.widequick136 .wq136 .wq136link00 a.thumbLink span {font-size:12px; padding:10px 15px; border-radius:25px;}
	}

	@media (min-width:800px) and (max-width:990px){
		.widequick136 .wq136 .titbox .qmTitle {font-size:35px;}
		.widequick136 .wq136 .titbox .qContent {font-size:17px;}
	}
	
	@media (max-width:799px){
		.widequick136 .wq136 .titbox {margin-bottom:30px !important;}
	}

	@media (min-width:600px) and (max-width:799px){
		.widequick136 .wq136 .titbox .qmTitle {font-size:28px;}
		.widequick136 .wq136 .titbox .qContent {font-size:16px;}
	}

	@media (max-width:599px){
		.widequick136 .wq136 .innerbox > div {height:160px;}
		.widequick136 .wq136 .titbox .qmTitle {font-size:25px;}
		.widequick136 .wq136 .titbox .qContent {font-size:15px;}
	}
	
	@media (max-width:499px){
		.widequick136 .wq136 .innerbox > div {height:120px;}
	}