@charset "utf-8";

/* quick002 */
  #quick002 {width:100%; float:left; text-align:center; background:#fff;}
  #quick002 .innerbox {width:100%;padding: 15px 5px;border:1px solid #e6e6e6;float:left;box-sizing:border-box;position:relative;}
  #quick002 h2,.layout_height_L #quick002 .title, #quick002 .bEtcTxt {font-size: 18px;margin: 18px 0;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;padding: 0 15px;box-sizing: border-box;width: 100%;}

	#quick002 .innerbox p {/* font-size:14px; */letter-spacing:-1px;}
	#quick002 .innerbox > .mainBanner7 > p {line-height:20px; min-height:22px; overflow:hidden; white-space:nowrap; width:97%; text-overflow:ellipsis; overflow:hidden;}
	#quick002 .innerbox > div.mainBanner7 {float:left; width:100%; clear:both; margin-bottom:20px;}
	#quick002 .innerbox > .mainBanner7 > .small_co {font-size:12px; float:left; width:100%; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}

	#quick002 .product_3 {width:100%;height: 100%;box-sizing:border-box;position: relative;}
	#quick002 .product_3 .product00 {width: 33%;/* float:left; */height: 100%;display: inline-block;margin-left: -4px;text-align: center;vertical-align: top;overflow:hidden;box-sizing: border-box;/* margin-bottom: 20px; */}
	#quick002 .product_3 .product00:first-child {margin-left:0;}

	#quick002 .product_3 .product00 .icon {width: 80px;height: 80px;line-height: 80px;vertical-align:middle;background-color: #27436c;margin: 0 auto 15px;border-radius:5px;text-align: center;position: relative;}
	#quick002 .product_3 .product00 .icon:after {content: " "; margin-left:-0.6em; white-space: pre;}
	#quick002 .product_3 .product00 .icon img {vertical-align:middle;max-width: 75%;max-height: 75%;display: inline-block;position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);}

  #quick002 .innerbox .product00 > a {display: block;height: 100%;padding: 7px 0;box-sizing: border-box;}
	#quick002 .innerbox .product00 > a:focus {outline: auto;}
	#quick002 .innerbox .product00 p {/* font-size: 17px; *//* line-height: 150%; */padding-bottom: 5px;}
	#quick002 .innerbox .product00 p .bTitle {font-size: 17px;line-height: 150%;-webkit-box-orient: vertical;display: -webkit-box;word-break: keep-all;white-space: normal;-webkit-line-clamp: 2;/* height: 50px; */overflow: hidden;}
	#quick002 .innerbox .product00 p span.bSubTitle {width: 100%; -webkit-box-orient: vertical; display: -webkit-box; word-break: keep-all; white-space: normal; -webkit-line-clamp: 2; box-sizing: border-box; overflow: hidden;
    height: 44px; line-height: 22px; font-size: 14px; font-weight: 600; padding: 0 5px;}
	#quick002 .innerbox .product00 p span.bSubTitle strong {display:block;font-weight:600;/* margin-top:10px; */font-size: 14px;overflow: hidden;text-overflow: ellipsis;/* position: absolute; */-webkit-box-orient: vertical;display: -webkit-box;word-break: keep-all;white-space: normal;-webkit-line-clamp: 2;box-sizing: border-box;width: 100%;height: 44px;}
	#quick002 .innerbox .product00 p span.bContent { display: block;
												    -webkit-box-orient: vertical;
												    display: -webkit-box;
												    word-break: keep-all;
												    white-space: normal;
												    -webkit-line-clamp: 2;
												    box-sizing: border-box;
												    margin-top: 5px;
												    width: 100%;
												    line-height: 150%;
												    overflow: hidden;
												    padding: 0 5px;
												    }
	#quick002 .product_3 .product00 .more_btn {padding: 10px 5px;border: 1px solid rgba(0,0,0,0.15);border-radius: 3px;display: inline-block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;box-sizing: border-box;min-width: 50%;line-height: 130%;max-width: 90%;}
	#quick002 .product_3 .product00 .more_btn:after {/* content:"\276d"; *//* padding-left:15px; */}


		/*layer height - different styling */
		.layout_height_H #quick002 .innerbox {height: 293px;}
			.layout_height_H #quick002 .innerbox .product00 p {height: 103px;}

		.layout_height_M #quick002 .innerbox {height: 191px;}
			.layout_height_M #quick002 .innerbox > .mainBanner7 > p,
			.layout_height_M #quick002 .innerbox > .mainBanner7 > .small_co,
			.layout_height_M #quick002 .innerbox > div.mainBanner7 {display:none;}
			.layout_height_M #quick002 .innerbox .product00 p .bTitle {white-space: nowrap;overflow: hidden;text-overflow: ellipsis;display: inline-block;-webkit-line-clamp: 1;height: auto;white-space: nowrap;text-overflow: ellipsis;width: 100%;}
			.layout_height_M #quick002 .innerbox .product00 p span.bContent { display:none; }
			.layout_height_M #quick002 .product00 .icon {width:65px; height:60px; line-height:60px; }

		.layout_height_L #quick002 .innerbox {height: 109px;vertical-align:middle;line-height:81px;padding: 10px;}
			.layout_height_L #quick002 h2,.layout_height_L #quick002 .title, .layout_height_L #quick002 .bEtcTxt {margin:10px 0;}
			.layout_height_L #quick002 .innerbox > .mainBanner7 > p,
			.layout_height_L #quick002 .innerbox > .mainBanner7 > .small_co,
			.layout_height_L #quick002 .innerbox > div.mainBanner7 {display:none;}
			.layout_height_L #quick002 .innerbox .product00 {vertical-align:middle;}
			.layout_height_L #quick002 .innerbox .product00 p,
			.layout_height_L #quick002 .product00 p span {display: none !important;}
			.layout_height_L #quick002 .product00 .icon {width: 72px;height: 72px;line-height:80px;margin-bottom:0;}
			.layout_height_L .product00 .more_btn {display:none !important;}


			.layout_04.layout_height_H #quick002 .product00 .icon {width:65px; height:60px; line-height:60px;}
			.layout_04.layout_height_H #quick002 .innerbox .product00 p {height: 132px;}
			.layout_04.layout_height_H #quick002 .product00 p span {padding:0 5px;max-height:47px;overflow:hidden;display:block;}


			.layout_01 #quick002 .innerbox {padding-bottom:0;}
			.layout_01 #quick002 .product_3 .product00 {margin-bottom:30px;}


.border-radius #quick002 .innerbox {border-radius:15px;}
.border-radius #quick002 .product_3 .product00 .more_btn {border-radius:10px;}
.border-radius #quick002 .product_3 .product00 .icon {border-radius:10px;}

.borderbox #quick002 .innerbox {border-width:1px 0;}


	@media (min-width:1050px){
		.layout_01 #quick002 .product_3 {float:left;}
		.layout_01 #quick002 .product_3 .product00 {padding:0 10px; max-width:300px; width:25%;}
		.layout_01 #quick002 .product_3 .product00:first-child:nth-last-child(5),
		.layout_01 #quick002 .product_3 .product00:nth-child(2):nth-last-child(4),
		.layout_01 #quick002 .product_3 .product00:nth-child(3):nth-last-child(3),
		.layout_01 #quick002 .product_3 .product00:nth-child(4):nth-last-child(2),
		.layout_01 #quick002 .product_3 .product00:nth-child(5):nth-last-child(1) {width:20%;}
		.layout_01 #quick002 .innerbox .product00 p {height:104px;}
	}
	@media (min-width:1050px) and (max-width:1299px){

	}
	@media (min-width:1050px) and (max-width:1200px){
		.layout_04.layout_height_H #quick002 .product00 .icon,
		.layout_04.layout_height_M #quick002 .product00 .icon,
		.layout_04.layout_height_L #quick002 .product00 .icon {width:55px; height:55px; line-height:55px;}
		.layout_04.layout_height_H #quick002 .innerbox .product00 p {height:154px;}
	}
	@media (min-width:800px) and (max-width:1049px){
		#quick002 .product_3 .product00 .more_btn:after {padding-left:5px;}

			.layout_height_H #quick002 .innerbox .product00 p {height: 123px;}
			.layout_height_M #quick002 .innerbox .product00 p {padding-bottom: 10px;}

			.layout_01 #quick002 .product_3 .product00 {width:33.333%;}
			.layout_03 #quick002 .innerbox {padding: 15px;}
			#quick002 .product_3 .product00 .icon {width:55px; height:55px; line-height:55px;}
			.layout_height_L #quick002 .product_3 .product00 .icon {height:70px; width:70px;}
	}

	@media (min-width:600px) and (max-width:799px){
		.layout_04.layout_height_H #quick002 .innerbox > div.mainBanner7 {margin-bottom:15px;}
	}
	@media (max-width:799px){
		.layout_01 #quick002 .product_3 .product00 {width:33.333%;}

		#quick002 .product_3 .product00 .more_btn {padding: 7px 5px;min-width: 40%;}
	}