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

#zt_xq{ width:100%; padding:80px 0}
#zt_xq .list { margin-top:50px}
#zt_xq .list ul li{ float:left; width:calc((100% - 60px) / 3); margin-right:30px; border:1px solid #eee; padding:30px}
#zt_xq .list ul li:last-child{ margin-right:0}
#zt_xq .list ul li .num{ font-size:40px; font-family:dinpro-bold}
#zt_xq .list ul li p{ font-size:16px; margin-top:20px}
#zt_xq .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);}

#zt_lx{ width:100%; padding:80px 0; background:#f8f8f8}
#zt_lx .list{ margin-top:20px}
#zt_lx .list ul li{ float:left; width:calc((100% - 90px) / 4); margin-right:30px; margin-top:30px}
#zt_lx .list ul li:nth-child(4n){ margin-right:0}
#zt_lx .list ul li .img{ overflow:hidden}
#zt_lx .list ul li .img img{ width:100%}
#zt_lx .list ul li p{ margin-top:20px; text-align:center; font-size:16px}

#zt_fa{ width:100%; padding:80px 0;}
#zt_fa .list{ margin-top:50px}
#zt_fa .list ul li{ float:left; width:calc((100% - 150px) / 6); margin-right:30px; text-align:center; padding:30px 20px; border:1px solid #eee}
#zt_fa .list ul li:last-child{ margin-right:0}
#zt_fa .list ul li .icon i{ font-size:36px; width:80px; height:80px; line-height:80px; border:1px solid #eee; border-radius:100%;}
#zt_fa .list ul li:nth-child(1) i{ color:#e771b1}
#zt_fa .list ul li:nth-child(2) i{ color:#ae82e3}
#zt_fa .list ul li:nth-child(3) i{ color:#e87676}
#zt_fa .list ul li:nth-child(4) i{ color:#e17ae2}
#zt_fa .list ul li:nth-child(5) i{ color:#4fc9e2}
#zt_fa .list ul li:nth-child(6) i{ color:#97d25c}
#zt_fa .list ul li p{ margin-top:20px; line-height:24px; height:72px}
#zt_fa .list ul li:hover{ background:#3c6ef0; border:1px solid #3c6ef0}
#zt_fa .list ul li:hover .icon i{ background:#fff; border:1px solid #fff}
#zt_fa .list ul li:hover p{ color:#fff}

@media (max-width:800px){
	#zt_xq{padding:.8rem 0}
	#zt_xq .list { margin-top:.2rem}
	#zt_xq .list ul li{ float: inherit; width:100%; margin-right:0;padding:.3rem; margin-top:.3rem}
	#zt_xq .list ul li .num{ font-size:.4rem;}
	#zt_xq .list ul li p{ font-size:.23rem; margin-top:.2rem;}
	
	#zt_lx{padding:.8rem 0;}
	#zt_lx .list{ margin-top:.2rem}
	#zt_lx .list ul li{ float: inherit; width:100%; margin-right:0; margin-top:.3rem}
	#zt_lx .list ul li p{ margin-top:.2rem; font-size:.23rem}
	
	#zt_fa{padding:.8rem 0;}
	#zt_fa .list{ margin-top:.2rem}
	#zt_fa .list ul li{ float: inherit; width:100%; margin-right:0; padding:.3rem; margin-top:.3rem}
	#zt_fa .list ul li .icon i{ font-size:.4rem; width:1rem; height:1rem; line-height:1rem;}
	#zt_fa .list ul li p{ margin-top:.2rem; line-height:.36rem; height: auto}
}