@charset "utf-8";
@import "page.css";
#zt_xq{width:100%;padding:60px 0;}
#zt_xq .list{margin-top:30px;}
#zt_xq .list ul li{float:left;width:calc((100% - 60px) / 3);margin-right:30px;border:1px solid #e8edf2;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:60px 0;background:#f8f8f8;}
#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:60px 0;}
#zt_fa .list{margin-top:30px;}
#zt_fa .list ul li{float:left;width:calc((100% - 150px) / 6);margin-right:30px;text-align:center;padding:30px 20px;border:1px solid #e8edf2;}
#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 #e8edf2;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:#206ae4;border:1px solid #206ae4;}
#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){
	body,html{font-size:.21rem;line-height:.34rem;}
	
	#zt_xq{padding:.6rem 0;}
	#zt_xq .list{margin-top:0;}
	#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:.21rem;margin-top:.2rem;}
	
	#zt_lx{padding:.6rem 0;}
	#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:.21rem;}
	
	#zt_fa{padding:.6rem 0;}
	#zt_fa .list{margin-top:0;}
	#zt_fa .list ul li{float:inherit;width:100%;margin-right:0;padding:.3rem;margin-top:.3rem;display:flex;justify-content:space-between;align-items:center;text-align:left;}
	#zt_fa .list ul li .icon{width:1rem;}
	#zt_fa .list ul li .icon i{font-size:.4rem;width:1rem;height:1rem;line-height:1rem;text-align:center;}
	#zt_fa .list ul li p{width:calc(100% - 1.3rem);margin-top:0;line-height:.34rem;height:auto;}
}