
/* quick003_1 */
.quick003_1 {width:100%; height:100%; float:left; text-align:center; padding:15px; box-sizing:border-box; background:#fff;}

	.quick003_1 > p.p {width:100%; font-size:13px; color:#333; box-sizing:border-box;}
	.quick003_1 > h2.h2 {width:100%;margin:3px 0 30px;font-size: 23px;color:#333;box-sizing:border-box;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}

	.quick003_1 .qlink_3 {width:100%; float:left; margin-bottom:30px;}
	.quick003_1 .qlink_3 .qlink00 {float:left;width:33.333%;position:relative;text-align: center;} 
	.quick003_1 .qlink_3 .qlink00 p {position:absolute;width: 100%;margin: 0 auto;display: block;margin-top:-35px;letter-spacing:-1px;color:white;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;padding: 0 30%;box-sizing: border-box;}
	.quick003_1 .qlink_3 .qlink00 p span {font-size:13px; letter-spacing:0.5px; width:100%;}
	.quick003_1 .qlink_3 .qlink00 .icon {width:100px; height:100px; line-height:65px; vertical-align:middle; margin:0 auto;
					 					border-radius:50%;}
	.quick003_1 .qlink00 .icon:after {content: " "; margin-left:-0.6em; white-space: pre;}
	.quick003_1 .qlink00 .icon img {vertical-align:middle; width:30px; height:36px;}

		.quick003_1 .qlink01 .icon {background-color:#7abadd; animation:quick003motion1 5s linear 0s 1 normal forwards; -webkit-transition:background-color 1s; transition:background-color 1s;}
		.quick003_1 .qlink02 .icon {background-color:#7ac9dd; animation:quick003motion2 5s linear 0s 1 normal forwards; -webkit-transition:background-color 1s; transition:background-color 1s;}
		.quick003_1 .qlink03 .icon {background-color:#65ccd5; animation:quick003motion3 5s linear 0s 1 normal forwards; -webkit-transition:background-color 1s; transition:background-color 1s;}

	    @keyframes quick003motion1 {
	      0% {opacity: 0;}
	      22.22% {opacity: 1;}
	      33.33% {opacity: 0.5;}
	      55.56% {opacity: 1;}
	      77.78% {opacity: 1;}
	      100% {opacity: 1;}
	    }
	     @keyframes quick003motion2 {
	      0% {opacity: 0;}
	      22.22% {opacity: 0;}
	      33.33% {opacity: 1;}
	      55.56% {opacity: 0.7;}
	      77.78% {opacity: 0.8;}
	      100% {opacity: 1;}
	    }  
	    @keyframes quick003motion3 {
	      0% {opacity: 0;}
	      22.22% {opacity: 0;}
	      33.33% {opacity: 0;}
	      55.56% {opacity: 1;}
	      77.78% {opacity: 0.5;}
	      100% {opacity: 1;}
	    }

	.quick003_1 > p.quick_conp {float:left;width:100%;line-height: 22px;font-size: 13px;color:#797979;-webkit-line-clamp: 3;-webkit-box-orient:vertical;display:-webkit-box;white-space:normal;word-break:keep-all;max-height: 66px;overflow: hidden;}



	/*layer height - different styling */
		.layout_height_H .quick003_1 > h2.h2 {margin:3px 0 40px;}
		.layout_height_M .quick003_1 > p.p {margin-bottom:8px; }

		.layout_height_M .quick003_1 > h2.h2 {margin:0 0 15px;}
		.layout_height_M .quick003_1 .qlink_3 {margin-bottom:10px;}
		.layout_height_M .quick003_1 > p.quick_conp {max-height:40px; overflow:hidden; -webkit-line-clamp:2;}



@media (min-width:1300px){
		.layout_height_H .quick003_1 > p.p {margin-bottom:10px; line-height:20px;}

		.layout_04 .quick003_1 {padding:30px 15px;}
		.layout_04 .quick003_1 .qlink_3 .qlink00 .icon {width:80px; height:85px; line-height:55px;}
		.layout_04 .quick003_1 .qlink_3 .qlink00 p {margin-top:-30px; padding:0 11px; box-sizing:border-box; overflow:hidden; max-height:17px;}
}
@media (min-width:1051px) and (max-width:1299px){
		.layout_04 .quick003_1 {padding:30px 15px;}
		.layout_04 .quick003_1 .qlink_3 .qlink00 .icon {width:65px; height:85px; line-height:50px; border-radius:50%;}
		.layout_04 .quick003_1 .qlink_3 .qlink00 p {margin-top:-35px; padding:0 11px; box-sizing:border-box; overflow:hidden; max-height:34px;}
		.layout_04 .quick003_1 .qlink_3 .qlink00 p span {font-size:12px;}

		.layout_03 .quick003_1 {padding:30px 15px;}
		.layout_03 .quick003_1 .qlink_3 .qlink00 .icon {width:85px; height:85px; line-height:50px; border-radius:50%;}
		.layout_03 .quick003_1 .qlink_3 .qlink00 p {margin-top:-35px; padding:0 11px; box-sizing:border-box; overflow:hidden; max-height:34px;}
		.layout_03 .quick003_1 .qlink_3 .qlink00 p span {font-size:12px;}
}
@media (min-width:991px) and (max-width:1050px){
		.layout_block4 .layout_04 .quick003_1 {padding:30px 15px;}
		.layout_block4 .layout_04 .quick003_1 .qlink_3 .qlink00 .icon {width:60px; height:85px; line-height:50px; border-radius:45%;}
		.layout_block4 .layout_04 .quick003_1 .qlink_3 .qlink00 p {margin-top:-35px; padding:0 11px; box-sizing:border-box; overflow:hidden; max-height:34px;}
		.layout_block4 .layout_04 .quick003_1 .qlink_3 .qlink00 p span {font-size:12px;}
}
@media (min-width:800px) and (max-width:1050px){
		.layout_03 .quick003_1 {padding:30px 15px;}
		.layout_03 .quick003_1 .qlink_3 .qlink00 .icon {width:65px; height:85px; line-height:50px; border-radius:50%;}
		.layout_03 .quick003_1 .qlink_3 .qlink00 p {margin-top:-35px; padding:0 11px; box-sizing:border-box; overflow:hidden; max-height:34px;}
		.layout_03 .quick003_1 .qlink_3 .qlink00 p span {font-size:12px;}
}
@media (min-width:800px) and (max-width:860px){
		.layout_block2 .layout_02 .quick003_1 .qlink_3 .qlink00 .icon {width:85px; height:85px; line-height:50px;}
		.layout_block2 .layout_02 .quick003_1 .qlink_3 .qlink00 p {margin-top:-35px; padding:0 11px; box-sizing:border-box; overflow:hidden; max-height:34px;}
		.layout_block2 .layout_02 .quick003_1 .qlink_3 .qlink00 p span {font-size:12px;}
}

@media (max-width:990px){
	.quick003_1 > p.p { float:left;}
	.quick003_1 > h2.h2 {font-size:20px; float:left; clear:both;}
	.quick003_1 .quick_conp {letter-spacing:-1px;}
}
@media (max-width:799px){
	.quick003_1 > h2.h2 {font-size:18px; margin-bottom:20px !important;}
	.quick003_1 .qlink_3 {padding:0 15px; box-sizing:border-box; margin-bottom:20px;}

	.layout_height_M .quick003_1 > p.p {margin-top:0;}
}
@media (min-width:600px) and (max-width:799px){
	.quick003_1 {padding:20px 15px;}

		.layout_block4 .layout_04 .quick003_1 .qlink_3 {padding:0;}
		.layout_block4 .layout_04 .quick003_1 .qlink_3 .qlink00 .icon {width:70px; height:75px; line-height:50px; border-radius:45%; margin-top:10px;}
		.layout_block4 .layout_04 .quick003_1 .qlink_3 .qlink00 p {margin-top:-28px; padding:0 5px; box-sizing:border-box; overflow:hidden; max-height:34px;}
		.layout_block4 .layout_04 .quick003_1 .qlink_3 .qlink00 p span {font-size:12px;}

		.layout_block4 .layout_04.layout_height_M  .quick003_1 > h2.h2 {margin-bottom:5px !important;}
		.layout_block4 .layout_04.layout_height_M .quick003_1 > p.p {display:none;}
		.layout_block4 .layout_04.layout_height_M .quick003_1 > p.quick_conp {line-height:15px; max-height:45px;}
}
@media (max-width:599px){
	.quick003_1 {height:auto; padding:20px 15px;}
	.quick003_1 > p.p {width:100%;/* text-align:left; */padding-left:0;font-size:11px;}
	.quick003_1 > h2.h2 {width:100%;/* text-align:left; */font-size:17px;padding-left:0;margin-bottom:20px !important;}
	.quick003_1 .qlink_3 {width:100%; padding:0 15px; margin-bottom:10px;}
	.quick003_1 .quick_conp {width:100%; padding-left:0; margin-top:0; text-align:left;}
}
@media (max-width:450px){
	.quick003_1 .qlink_3 {padding:0;}
	.quick003_1 .qlink_3 .qlink00 .icon {width:85px; height:85px; line-height:55px;}
	.quick003_1 .qlink_3 .qlink00 p {font-size:12px; margin-top:-30px;}
}


