@charset "utf-8";
@import "page.css";
#ppweb_pp{width:100%;padding:60px 0;}
#ppweb_pp .list{margin-top:30px;}
#ppweb_pp .list ul li{float:left;width:calc((100% - 120px) / 5);margin-right:30px;text-align:center;}
#ppweb_pp .list ul li:last-child{margin-right:0;}
#ppweb_pp .list ul li .icon i{font-size:40px;width:120px;height:120px;text-align:center;line-height:120px;border:2px solid #e8edf2;border-radius:100%;}
#ppweb_pp .list ul li .t{margin-top:30px;padding:0 30px;}
#ppweb_pp .list ul li:nth-child(1) .icon i{color:#e771b1;border:2px solid #e771b1;}
#ppweb_pp .list ul li:nth-child(2) .icon i{color:#ae82e3;border:2px solid #ae82e3;}
#ppweb_pp .list ul li:nth-child(3) .icon i{color:#e87676;border:2px solid #e87676;}
#ppweb_pp .list ul li:nth-child(4) .icon i{color:#e17ae2;border:2px solid #e17ae2;}
#ppweb_pp .list ul li:nth-child(5) .icon i{color:#4fc9e2;border:2px solid #4fc9e2;}
#ppweb_pp .list ul li:nth-child(6) .icon i{color:#97d25c;border:2px solid #97d25c;}

#ppweb_sj{width:100%;padding:60px 0;background:#f8f8f8;}
#ppweb_sj .list{margin-top:30px;}
#ppweb_sj .list ul li{float:left;width:calc((100% - 60px) / 3);margin-right:30px;}
#ppweb_sj .list ul li:last-child{margin-right:0;}
#ppweb_sj .list ul li .img{overflow:hidden;}
#ppweb_sj .list ul li .img img{width:100%;}
#ppweb_sj .list ul li big{display:block;font-size:18px;margin-top:20px;}
#ppweb_sj .list ul li small{display:block;font-size:14px;margin-top:10px;line-height:24px;color:#878B99;}
	
#ppweb_yx{width:100%;padding:60px 0;}
#ppweb_yx .list{margin-top:30px;}
#ppweb_yx .list ul li{float:left;width:calc((100% - 60px) / 3);margin-right:30px;border:1px solid #e8edf2;padding:40px 30px;text-align:center;}
#ppweb_yx .list ul li:last-child{margin-right:0;}
#ppweb_yx .list ul li .info big{display:block;font-size:18px;margin-top:30px;}
#ppweb_yx .list ul li .info small{display:block;font-size:14px;color:#878B99;margin-top:10px;}
#ppweb_yx .list ul li .num{font-size:36px;width:80px;height:80px;line-height:80px;color:#fff;border-radius:100%;margin:0 auto;display:block;overflow:hidden;}
#ppweb_yx .list ul li:nth-child(1) .num{background:#ffaa00;}
#ppweb_yx .list ul li:nth-child(2) .num{background:#4db849;}
#ppweb_yx .list ul li:nth-child(3) .num{background:#ff4c4c;}
#ppweb_yx .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);}

#ppweb_fg{width:100%;padding:150px 0;background:url("../images/ppweb_fg_bg.jpg") no-repeat center center;background-attachment:fixed;background-size:cover;text-align:center;}
#ppweb_fg big{display:block;color:#fff;font-size:36px;line-height:40px;font-weight:bold;}
#ppweb_fg small{display:block;color:#fff;font-size:24px;margin-top:20px;}
#ppweb_jg{width:100%;padding:60px 0;}
#ppweb_jg .list{margin-top:30px;}
#ppweb_jg .list ul li{float:left;width:calc((100% - 90px) / 4);margin-right:30px;text-align:center;}
#ppweb_jg .list ul li:last-child{margin-right:0;}
#ppweb_jg .list ul li .img{overflow:hidden;}
#ppweb_jg .list ul li .img img{width:100%;}
#ppweb_jg .list ul li .info big{display:block;font-size:18px;margin-top:30px;}
#ppweb_jg .list ul li .info small{display:block;font-size:14px;margin-top:10px;color:#878B99;}

@media (max-width:800px){
	body,html{font-size:.21rem;line-height:.34rem;}
	
	#ppweb_pp{padding:.6rem 0;}
	#ppweb_pp .list{margin-top:0;}
	#ppweb_pp .list ul li{width:48%;margin-right:0;margin-top:.3rem;}
	#ppweb_pp .list ul li:nth-child(2n){float:right;}
	#ppweb_pp .list ul li .icon i{font-size:.4rem;width:1rem;height:1rem;line-height:1rem;}
	#ppweb_pp .list ul li .t{margin-top:.3rem;padding:0 .3rem;line-height:.34rem;height:.68rem;}
	
	#ppweb_sj{padding:.6rem 0;}
	#ppweb_sj .list{margin-top:0;}
	#ppweb_sj .list ul li{float:inherit;width:100%;margin-right:0;margin-top:.3rem;}
	#ppweb_sj .list ul li big{font-size:.26rem;margin-top:.2rem;}
	#ppweb_sj .list ul li small{font-size:.21rem;margin-top:.1rem;line-height:.34rem;}
	
	#ppweb_yx{padding:.6rem 0;}
	#ppweb_yx .list{margin-top:0;}
	#ppweb_yx .list ul li{float:inherit;width:100%;margin-right:0;padding:.3rem;margin-top:.3rem;display:flex;justify-content:space-between;align-items:center;}
	#ppweb_yx .list ul li .info{width:calc(100% - 1.3rem);text-align:left;}
	#ppweb_yx .list ul li .info big{font-size:.26rem;margin-top:0;}
	#ppweb_yx .list ul li .info small{font-size:.21rem;margin-top:.1rem;}
	#ppweb_yx .list ul li .num{font-size:.4rem;width:1rem;height:1rem;line-height:1rem;text-align:center;margin-left:0;}

	#ppweb_fg{padding:1.5rem 0;}
	#ppweb_fg big{font-size:.4rem;line-height:.4rem;}
	#ppweb_fg small{font-size:.21rem;margin-top:.2rem;}
	
	#ppweb_jg{padding:.6rem 0;}
	#ppweb_jg .list{margin-top:0;}
	#ppweb_jg .list ul li{float:inherit;width:100%;margin-right:0;margin-top:.3rem;}
	#ppweb_jg .list ul li .info big{font-size:.26rem;margin-top:.3rem;}
	#ppweb_jg .list ul li .info small{font-size:.21rem;margin-top:.1rem;}
}