@charset "utf-8";
@import "page.css";
#zq_zn{width:100%;padding:60px 0;}
#zq_zn .list{margin-top:30px;}
#zq_zn .list ul li{float:left;width:calc(80% / 3);text-align:center;}
#zq_zn .list ul li:nth-child(2){margin:0 10%;}
#zq_zn .list ul li .icon{text-align:center;background:#f9f8fd;width:140px;height:140px;border-radius:140px;display:block;padding:30px;margin:0 auto;}
#zq_zn .list ul li .icon i{font-size:36px;background:#f1f1fb;color:#206ae4;width:80px;height:80px;text-align:center;line-height:80px;border-radius:100%;}
#zq_zn .list ul li .info{margin-top:20px;}
#zq_zn .list ul li .info big{display:block;font-size:18px;}
#zq_zn .list ul li .info small{display:block;font-size:14px;line-height:26px;margin-top:10px;color:#878B99;}

#zq_ys{width:100%;padding:60px 0;background:#f8f8f8;}
#zq_ys .list ul li{float:left;width:calc((100% - 60px) / 3);margin-right:30px;text-align:center;padding:50px;margin-top:30px;background:#fff;}
#zq_ys .list ul li:nth-child(3n){margin-right:0;}
#zq_ys .list ul li .icon i{font-size:40px;color:#206ae4;}
#zq_ys .list ul li .info{margin-top:10px;}
#zq_ys .list ul li .info big{display:block;font-size:18px;}
#zq_ys .list ul li .info small{display:block;font-size:14px;margin-top:10px;color:#878B99;line-height:26px;min-height:52px;}
#zq_ys .list ul li:hover{-webkit-transform:translatey(-10px);-ms-transform:translatey(-10px);-o-transform:translatey(-10px);transform:translatey(-10px);box-shadow:0px 0px 12px 0px rgba(0,0,0,0.06);}

#zq_price{width:100%;padding:60px 0;background:url("../images/seo/zq_price.jpg") no-repeat center center;background-size:cover;}
#zq_price .list{margin-top:30px;}
#zq_price .list ul li{float:left;width:30%;text-align:center;padding:30px 50px;background:#fff;border-radius:4px;}
#zq_price .list ul li:nth-child(2n){margin:0 5%;}
#zq_price .list ul li .tit{padding:10px 0;border-bottom:1px solid #e8edf2;}
#zq_price .list ul li .tit big{display:block;font-size:28px;}
#zq_price .list ul li .tit small{display:block;font-size:14px;color:#878B99;margin-top:10px;}
#zq_price .list ul li .info{padding:20px 0;}
#zq_price .list ul li .price{padding:20px 0 0;border-top:1px solid #e8edf2;}
#zq_price .list ul li .price{color:#FF5302;font-size:12px;overflow:hidden;}
#zq_price .list ul li .price span:nth-child(1){color:#FF5302;font-size:28px;margin-left:2px;margin-right:2px;}
#zq_price .list ul li .price span:nth-child(2){color:#333;}
#zq_price .list ul li .price span.z{font-size:16px;}
#zq_price .list ul li:hover{-webkit-transform:translatey(-10px);-ms-transform:translatey(-10px);-o-transform:translatey(-10px);transform:translatey(-10px);box-shadow:0px 0px 12px 0px rgba(0,0,0,0.06);}

#zq_gn{width:100%;padding:60px 0;}
#zq_gn .list ul li{float:left;width:calc((100% - 90px) / 4);margin-right:30px;border:1px solid #e8edf2;padding:30px;margin-top:30px;}
#zq_gn .list ul li:nth-child(4n){margin-right:0;}
#zq_gn .list ul li .icon i{font-size:36px;}
#zq_gn .list ul li:nth-child(1) .icon i{color:#46b1d9;}
#zq_gn .list ul li:nth-child(2) .icon i{color:#e2b233;}
#zq_gn .list ul li:nth-child(3) .icon i{color:#e771b1;}
#zq_gn .list ul li:nth-child(4) .icon i{color:#ae82e3;}
#zq_gn .list ul li:nth-child(5) .icon i{color:#e87676;}
#zq_gn .list ul li:nth-child(6) .icon i{color:#e17ae2;}
#zq_gn .list ul li:nth-child(7) .icon i{color:#4fc9e2;}
#zq_gn .list ul li:nth-child(8) .icon i{color:#97d25c;}
#zq_gn .list ul li .info{margin-top:10px;}
#zq_gn .list ul li .info big{display:block;font-size:18px;}
#zq_gn .list ul li .info small{display:block;font-size:14px;color:#878B99;line-height:26px;margin-top:10px;height:78px;}
#zq_gn .list ul li:hover{-webkit-transform:translatey(-10px);-ms-transform:translatey(-10px);-o-transform:translatey(-10px);transform:translatey(-10px);box-shadow:0px 0px 12px 0px rgba(0,0,0,0.06);}

@media (max-width:800px){
	body,html{font-size:.21rem;line-height:.34rem;}
	
	#zq_zn{padding:.6rem 0;}
	#zq_zn .list{margin-top:0;}
	#zq_zn .list ul li{float:inherit;width:100%;margin-top:.3rem;}
	#zq_zn .list ul li:nth-child(2){margin:0;margin-top:.3rem;}
	#zq_zn .list ul li .icon{width:1.4rem;height:1.4rem;border-radius:1.4rem;padding:.3rem;}
	#zq_zn .list ul li .icon i{font-size:.4rem;width:.8rem;height:.8rem;line-height:.8rem;}
	#zq_zn .list ul li .info{margin-top:.2rem;padding:0 .3rem;}
	#zq_zn .list ul li .info big{font-size:.26rem;}
	#zq_zn .list ul li .info small{font-size:.21rem;line-height:.34rem;margin-top:.1rem;}

	#zq_ys{padding:.6rem 0;}
	#zq_ys .list{margin-top:0;}
	#zq_ys .list ul li{float:inherit;width:100%;margin-right:0;padding:.3rem;margin-top:.3rem;display:flex;justify-content:space-between;align-items:center;}
	#zq_ys .list ul li .icon{width:1rem}
	#zq_ys .list ul li .icon i{font-size:.4rem;width:1rem;height:1rem;line-height:1rem;border-radius:100%;border:1px solid #e8edf2;text-align:center;}
	#zq_ys .list ul li .info{width:calc(100% - 1.3rem); text-align:left;margin-top:0}
	#zq_ys .list ul li .info big{font-size:.26rem;}
	#zq_ys .list ul li .info small{font-size:.21rem;margin-top:.1rem;line-height:.34rem;min-height:inherit;}

	#zq_price{padding:.6rem 0;}
	#zq_price .list{margin-top:0;}
	#zq_price .list ul li{float:inherit;width:100%;padding:.3rem;margin-top:.3rem;}
	#zq_price .list ul li:nth-child(2n){margin:0;margin-top:.3rem;}
	#zq_price .list ul li .tit{padding:.1rem 0;}
	#zq_price .list ul li .tit big{font-size:.26rem;}
	#zq_price .list ul li .tit small{font-size:.21rem;}
	#zq_price .list ul li .info{padding:.3rem 0;font-size:.21rem;line-height:.34rem;}
	#zq_price .list ul li .price{padding:.2rem 0 0;}
	#zq_price .list ul li .price{font-size:.21rem;}
	#zq_price .list ul li .price span:nth-child(1){font-size:.38rem;margin-left:.02rem;margin-right:.02rem;}
	#zq_price .list ul li .price span.z{font-size:.21rem;}

	#zq_gn{padding:.6rem 0;}
	#zq_gn .list ul li{float:inherit;width:100%;margin-right:0px;padding:.3rem;margin-top:.3rem;display:flex;justify-content:space-between;align-items:center;}
	#zq_gn .list ul li .icon{width:1rem}
	#zq_gn .list ul li .icon i{font-size:.4rem;width:1rem;height:1rem;line-height:1rem;border-radius:100%;border:1px solid #e8edf2;text-align:center;}
	#zq_gn .list ul li .info{width:calc(100% - 1.3rem); text-align:left;margin-top:0}
	#zq_gn .list ul li .info big{font-size:.26rem;}
	#zq_gn .list ul li .info small{font-size:.21rem;line-height:.34rem;margin-top:.1rem;height:auto;}
}