@charset "utf-8";
@import "page.css";

#zq_zn{ width:100%; padding:80px 0}
#zq_zn .list{ margin-top:50px}
#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:#005bd4; 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:80px 0; background:#f8f8f8}
#zq_ys .list{ margin-top:20px}
#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:#005bd4;}
#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:80px 0; background:url(/static/images/zq_price.jpg) no-repeat center center; background-size:cover;}
#zq_price .list{ margin-top:50px}
#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 #eee}
#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 #eee}
#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:80px 0}
#zq_gn .list{ margin-top:20px}
#zq_gn .list ul li{ float:left; width:calc((100% - 90px) / 4); margin-right:30px; border:1px solid #eee; 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){
	#zq_zn{padding:.8rem 0}
	#zq_zn .list{ margin-top:.2rem}
	#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:.28rem}
	#zq_zn .list ul li .info small{font-size:.24rem; line-height:.34rem; margin-top:.1rem;}

	#zq_ys{ padding:.8rem 0;}
	#zq_ys .list{ margin-top:.2rem}
	#zq_ys .list ul li{ float: inherit; width:100%; margin-right:0;  padding:.3rem; margin-top:.3rem;}
	#zq_ys .list ul li .icon i{ font-size:.48rem;}
	#zq_ys .list ul li .info{ margin-top:.1rem}
	#zq_ys .list ul li .info big{ font-size:.28rem}
	#zq_ys .list ul li .info small{font-size:.24rem; margin-top:.1rem;line-height:.34rem; min-height: inherit}

	#zq_price{ padding:.8rem 0; }
	#zq_price .list{ margin-top:.2rem}
	#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:.28rem}
	#zq_price .list ul li .tit small{font-size:.24rem;}
	#zq_price .list ul li .info{ padding:.2rem 0}
	#zq_price .list ul li .price{ padding:.2rem 0 0;}
	#zq_price .list ul li .price {font-size:.24rem;}
	#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:.22rem}

	#zq_gn{padding:.8rem 0}
	#zq_gn .list{ margin-top:.2rem}
	#zq_gn .list ul li{ float: inherit; width:100%; margin-right:0px;padding:.3rem; margin-top:.3rem}
	#zq_gn .list ul li .icon i{ font-size:.48rem}
	#zq_gn .list ul li .info{ margin-top:.1rem}
	#zq_gn .list ul li .info big{ font-size:.28rem}
	#zq_gn .list ul li .info small{font-size:.24rem; line-height:.34rem; margin-top:.1rem;height: auto;}
}