/* widequick123 */
.widequick123 {width:100%; height:100%; /* height:500px; */float:left; text-align:center; box-sizing:border-box; background:white; overflow:hidden; position:relative;}

.widequick123 .bgbox {width:100%; height:100%; /* max-width:1300px; */margin:0 auto; box-sizing:border-box; float:left; position:absolute; top:0; left:0; /* z-index:-1; *//* opacity:0.3; */}
.widequick123 .bgbox img {position:absolute; top:-999px; left:-999px; width:100%; height:auto; min-height:100%; /* z-index:-1; */bottom:-999px; right:-999px; margin:auto;}

.widequick123 .wq123_cowrap {width:100%; height:100%; float:left; text-align:center; /* background:rgba(0,0,0,0.5); *//* z-index:1; */}
.widequick123 .wq123_innerbox {width:100%; margin:0; float:left; clear:both; text-align:center; background:rgba(0,0,0,0.7); position:relative; padding:85px 3% 95px; box-sizing:border-box;}
.widequick123 .wq123_innerbox > div {display:inline-block; position:relative; margin-right:2%; width:16.5%; max-width:205px; text-align:center; margin-left:-4px;}
.widequick123 .wq123_innerbox > div:first-child {margin-left:0;}
.widequick123 .wq123_innerbox .wq123_circle {width:90%; height:0; padding-bottom:90%; background:#d8d8d8; margin-left:-4px; margin-bottom:50px; box-sizing:border-box; box-shadow:1px 1px 10px 2px rgba(0,0,0,0.2);
											border-radius:100%; overflow:hidden; display:inline-block; position:relative; box-shadow:2px 2px 8px -2px #757575; text-align:center;} 
.widequick123 .wq123_innerbox .wq123_circle img {vertical-align:middle; position:absolute; top:-999px; bottom:-999px; right:-999px; left:-999px; margin:auto;}
.widequick123 .wq123_innerbox h3 {font-size:17px; color:#fff; position:absolute; top:90%; text-align:center; width:100%; line-height:150%; word-break:keep-all;
								 -webkit-line-clamp:2; max-height:46px; overflow:hidden; -webkit-box-orient:vertical; display:-webkit-box; white-space:normal;}

.widequick123 .wq123_innerbox > div:first-child, 
.widequick123 .wq123_innerbox > div:nth-child(5n+1) {clear:both;}
.widequick123 .wq123_innerbox > div:nth-child(5n),
.widequick123 .wq123_innerbox > div:last-child {margin-right:0;}
.widequick123 .wq123_innerbox > div:nth-child(5) ~ div {margin-top:40px;}
.widequick123 .wq123_innerbox .wq123_circle a {vertical-align:middle; display:inline-block; line-height:22px; width:100%;}
.widequick123 .wq123_innerbox .wq123_circle p {width:100%; position:relative; box-sizing:border-box; }
.widequick123 .wq123_innerbox p span.bTitle {font-size:16px; font-weight:600; color:#333; line-height:22px; width:90%; 
													 display:inline-block; margin-bottom:7px; vertical-align:middle; white-space:nowrap; text-overflow:ellipsis; word-break:break-all; overflow:hidden;}

/* animantion fx */
.widequick123 .wq123_innerbox .wq123_circle:first-child {animation:quick003motion0 2s linear 0s 1 normal forwards;}
.widequick123 .wq123_innerbox .wq123_circle:nth-child(2) {animation:quick003motion0 2s linear 0s 1 normal forwards; animation-delay:0.1s;}
.widequick123 .wq123_innerbox .wq123_circle:nth-child(3) {animation:quick003motion0 2s linear 0s 1 normal forwards; animation-delay:0.2s;}
.widequick123 .wq123_innerbox .wq123_circle:nth-child(4) {animation:quick003motion0 2s linear 0s 1 normal forwards; animation-delay:0.3s;}
.widequick123 .wq123_innerbox .wq123_circle:nth-child(5) {animation:quick003motion0 2s linear 0s 1 normal forwards; animation-delay:0.4s;}
.widequick123 .wq123_innerbox .wq123_circle:hover {box-shadow:1px 1px 10px 2px rgba(0,0,0,0.4); -webkit-transition:box-shadow 0.5s; transition:box-shadow 0.5s;}
@keyframes quick003motion0 {
  0%  {opacity:1; margin-top:0px;}
  35% {opacity:0.9; margin-top:-20px;}
  75% {opacity:0.9; margin-top:0px;}
  100% {opacity:1;}
}

	@media (min-width:800px){
		.widequick123 .wq123_innerbox .wq123_circle img {max-width:75px; max-height:75px;}
	}
	@media (min-width:1300px){
		.widequick123 .wq123_innerbox .wq123_circle img {max-width:105px; max-height:105px;}
	}

	@media (max-width:799px){
		.widequick123 .wq123_innerbox h3 {font-size:15px; font-weight:400; max-height:35px; line-height:18px;}
	}
	@media (min-width:600px) and (max-width:799px){
		.widequick123 .wq123_innerbox {padding:40px 3% 50px;}
		.widequick123 .wq123_innerbox .wq123_circle {margin-bottom:35px;}
		.widequick123 .wq123_innerbox .wq123_circle img {max-width:55px; max-height:55px;}
	}

	@media (max-width:599px){
		.widequick123 .wq123_innerbox {padding:40px 0 50px;}
		.widequick123 .wq123_innerbox .wq123_circle {margin-bottom:20px;}
		.widequick123 .wq123_innerbox .wq123_circle img {max-width:40px; max-height:40px;}
		.widequick123 .wq123_innerbox h3 {font-size:14px;}
	}	

	@media (max-width:450px){
		.widequick123 .wq123_innerbox .wq123_circle img {max-width:30px; max-height:30px;}
	}