@import "page.css";

 

#ppweb_pp{ width:100%; padding:80px 0;}
#ppweb_pp .list{ margin-top:50px;}
#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 #eee; 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:80px 0; background:#f8f8f8}
#ppweb_sj .list{ margin-top:50px}
#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:80px 0;}
#ppweb_yx .list{ margin-top:50px}
#ppweb_yx .list ul li{ float:left; width:calc((100% - 60px) / 3); margin-right:30px; border:1px solid #eee; padding:40px 30px; text-align:center}
#ppweb_yx .list ul li:last-child{ margin-right:0}
#ppweb_yx .list ul li big{ display:block; font-size:18px; margin-top:30px}
#ppweb_yx .list ul li 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:80px 0}
#ppweb_jg .list{ margin-top:50px}
#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: .23rem;
    line-height: .4rem;
}

.wrap { padding: 0 .3rem;}
	
	
	
	#ppweb_pp{ padding:.8rem 0;}
	#ppweb_pp .list{ margin-top:.2rem;}
	#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:.36rem; height:1.2rem}
	
	#ppweb_sj{padding:.8rem 0;}
	#ppweb_sj .list{ margin-top:.2rem}
	#ppweb_sj .list ul li{ float: inherit; width:100%; margin-right:0; margin-top:.3rem}
	#ppweb_sj .list ul li big{font-size:.28rem; margin-top:.2rem}
	#ppweb_sj .list ul li small{font-size:.23rem; margin-top:.1rem; line-height:.36rem; }
	
	#ppweb_yx{padding:.8rem 0;}
	#ppweb_yx .list{ margin-top:.2rem}
	#ppweb_yx .list ul li{ float: inherit; width:100%; margin-right:0; padding:.3rem; margin-top:.3rem}
	#ppweb_yx .list ul li big{ font-size:.28rem; margin-top:.3rem}
	#ppweb_yx .list ul li small{ font-size:.23rem; margin-top:.1rem}
	#ppweb_yx .list ul li .num{ font-size:.4rem; width:1rem; height:1rem; line-height:1rem;}

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