
.widequick124 {width:100%; height:100%; float:left; text-align:center; overflow:hidden;}
	
.widequick124 .wqwrap {width:100%; float:left; position:relative;}
.widequick124 .wqwrap .bgbox {width:100%; height:100%; box-sizing:border-box; float:left; position:absolute; top:0; left:0; }
.widequick124 .wqwrap .bgbox img {width:100%; height:auto; min-height:100%;}
.widequick124 .wqwrap .txtbox {width:100%; float:left; text-align:center; background:rgba(26,42,67,0.9); position:relative; padding:85px 0 95px; box-sizing:border-box;}

/* titbox */
.widequick124 .wqwrap .titbox {}
.widequick124 .wqwrap .titbox h3 {font-size:23px; letter-spacing:-1px; line-height:150%; padding:0 0 15px; color:#fff; float:left; display:block; box-sizing:border-box; width:100%;}
.widequick124 .wqwrap .titbox span {font-size:13.5px; color:#fff; line-height:190%; margin:15px 0 50px; float:left; width:100%; display:block; box-sizing:border-box; word-break:keep-all;}

/* quick box */
.widequick124 .wq124 {width:100%;padding: 0 15px;clear:both;display: inline-block;text-align:center;box-sizing:border-box;max-width:1300px;}
.widequick124 .wq124 .qbox {width:30.666%; margin-right:4%; display:inline-block; box-sizing:border-box; background:#fff; position:relative; margin-left:-4px; box-shadow:0px 0px 3px 2px rgba(0,0,0,0.1); overflow:hidden;} 
.widequick124 .wq124 .qbox:first-child,
.widequick124 .wq124 .qbox:nth-child(3n+1) {margin-left:0;}
.widequick124 .wq124 .qbox:nth-child(3n),
.widequick124 .wq124 .qbox:last-child {margin-right:0;}
.widequick124 .wq124 .qbox:nth-child(3) ~ div {margin-top:40px;}
.widequick124 .wq124 .qbox a {/* vertical-align:middle; *//* display:inline-block; *//* width:100%; */}
.widequick124 .wq124 .qbox a:after {/*content:"\f0a9";*/ content:"\f124"; font-family:FontAwesome; font-size:35px; position:absolute; top:100px; line-height:100px;
										   margin-left:-5px; display:inline-block; transform:rotate(-95deg); opacity:0; -webkit-transition:opacity 1s, top 0.5s; transition:opacity 1s, top 0.5s;}
.widequick124 .wq124 .qbox div.img {width:100%; overflow:hidden; height:100px; line-height:100px;}
.widequick124 .wq124 .qbox div.img img {width:auto; max-width:90%; height:auto; max-height:80%; display:inline-block; vertical-align:middle; -webkit-transition:opacity 0.5s; transition:opacity 0.5s}

.widequick124 .wq124 .qbox:hover div.img img {opacity:0.1;}
.widequick124 .wq124 .qbox:hover a:after {opacity:1; top:0;}
	

	.widequick124 .wq124 .qbox:nth-of-type(3n+1) {animation:quick003motion0 1s linear 0s 1 normal forwards;}
	.widequick124 .wq124 .qbox:nth-of-type(3n+2) {animation:quick003motion0 1s linear 0s 1 normal forwards;animation-delay:0.3s;}
	.widequick124 .wq124 .qbox:nth-of-type(3n) {animation:quick003motion0 1s linear 0s 1 normal forwards; animation-delay:0.6s;}
	@keyframes quick003motion0 {
	  0% {opacity:1;}
      50% {opacity:0.8;}
      100% {opacity:1;}
    }


	@media (min-width:800px){}

	

	@media (min-width:800px) and (max-width:990px){
		.widequick124 .wq124 .qbox div.img {height:90px; line-height:90px;}
		.widequick124 .wq124 .qbox a:after {line-height:90px; font-size:30px;}
	}



	@media (max-width:799px){
		.widequick124 .wqwrap .txtbox {padding:40px 0;}
		.widequick124 .wqwrap .titbox h3 {padding-bottom:0;}
		.widequick124 .wq124 .qbox div.img {height:70px; line-height:70px;}
		.widequick124 .wq124 .qbox a:after {line-height:70px; font-size:20px;}
	}

	@media (min-width:600px) and (max-width:799px){
		.widequick124 .wqwrap .titbox h3 {font-size:19px;}
	}	
	@media (max-width:599px){
		.widequick124 .wqwrap .titbox h3 {font-size:17px;}
	}	

		




