@charset "utf-8";
@import "page.css";
#xcx_ys{width:100%;padding:60px 0;}
#xcx_ys .list{margin-top:30px;}
#xcx_ys .list ul li{float:left;width:25%;border:1px solid #e8edf2;border-right:0;padding:30px 30px;}
#xcx_ys .list ul li:last-child{border-right:1px solid #e8edf2;}
#xcx_ys .list ul li .img{overflow:hidden;}
#xcx_ys .list ul li .img img{width:100%;}
#xcx_ys .list ul li .num{font-size:36px;margin-top:20px;font-family:"din";}
#xcx_ys .list ul li big{display:block;font-size:18px;margin-top:20px;}
#xcx_ys .list ul li small{display:block;font-size:14px;line-height:26px;color:#878B99;margin-top:10px;padding-right:15%;}

#xcx_yx{width:100%;padding:60px 0;background:#f8f8f8;}
#xcx_yx .wrap{overflow:inherit;}
#xcx_yx .list ul li{float:left;width:calc((100% - 90px) / 4);margin-right:30px;background:#fff;text-align:center;padding:50px 30px;margin-top:30px;}
#xcx_yx .list ul li:nth-child(4n){margin-right:0;}
#xcx_yx .list ul li .icon{;}
#xcx_yx .list ul li .icon i{font-size:34px;color:#fff;width:74px;height:74px;text-align:center;line-height:74px;border-radius:100%;}
#xcx_yx .list ul li:nth-child(1) .icon i{background:#46b1d9;}
#xcx_yx .list ul li:nth-child(2) .icon i{background:#e2b233;}
#xcx_yx .list ul li:nth-child(3) .icon i{background:#e771b1;}
#xcx_yx .list ul li:nth-child(4) .icon i{background:#ae82e3;}
#xcx_yx .list ul li:nth-child(5) .icon i{background:#e87676;}
#xcx_yx .list ul li:nth-child(6) .icon i{background:#e17ae2;}
#xcx_yx .list ul li:nth-child(7) .icon i{background:#4fc9e2;}
#xcx_yx .list ul li:nth-child(8) .icon i{background:#97d25c;}
#xcx_yx .list ul li big{display:block;font-size:18px;margin-top:20px;}
#xcx_yx .list ul li small{display:block;font-size:14px;line-height:26px;margin-top:10px;color:#878B99;}
#xcx_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);}

#xcx_ly{width:100%;padding:60px 0;}
#xcx_ly .list{margin-top:30px;}
#xcx_ly .list ul li{float:left;width:calc((100% - 90px) / 4);margin-right:30px;text-align:center;}
#xcx_ly .list ul li:last-child{margin-right:0;}
#xcx_ly .list ul li .img{overflow:hidden;}
#xcx_ly .list ul li .img img{width:100%;}
#xcx_ly .list ul li big{display:block;margin-top:20px;font-size:18px;}
#xcx_ly .list ul li small{display:block;margin-top:10px;font-size:14px;color:#878B99;line-height:26px;padding:0 20%;}
#xcx_ly .list ul li:hover{-webkit-transform:translatey(-10px);-ms-transform:translatey(-10px);-o-transform:translatey(-10px);transform:translatey(-10px);}
@media (max-width:1200px){
	#xcx_ys .list ul li{padding:30px 20px;}
	#xcx_ly .list ul li small{padding:0 0;}
}
@media (max-width:1000px){
	#xcx_ys .list ul li small{height:78px;padding-right:0;}
}
@media (max-width:800px){
	body,html{font-size:.21rem;line-height:.34rem;}
	
	#xcx_ys{padding:.6rem 0;}
	#xcx_ys .list{margin-top:0;}
	#xcx_ys .list ul li{width:100%;border:1px solid #e8edf2;padding:.3rem;margin-top:.3rem;}
	#xcx_ys .list ul li .num{font-size:.4rem;margin-top:.2rem;}
	#xcx_ys .list ul li big{font-size:.26rem;margin-top:.2rem;}
	#xcx_ys .list ul li small{font-size:.21rem;line-height:.34rem;margin-top:.1rem;padding-right:0;height:auto;}
	
	#xcx_yx{padding:.6rem 0;}
	#xcx_yx .list{margin-top:0;}
	#xcx_yx .list ul li{float:left;width:48%;margin-right:0;padding:.3rem;margin-top:.3rem;}
	#xcx_yx .list ul li:nth-child(2n){float:right;}
	#xcx_yx .list ul li .icon i{font-size:.4rem;width:1rem;height:1rem;line-height:1rem;}
	#xcx_yx .list ul li big{font-size:.26rem;margin-top:.2rem;}
	#xcx_yx .list ul li small{font-size:.21rem;line-height:.34rem;margin-top:.1rem;height:1.4rem;}
	
	#xcx_ly{padding:.6rem 0;}
	#xcx_ly .list{margin-top:0;}
	#xcx_ly .list ul li{float:left;width:48%;margin-right:0;margin-top:.3rem;}
	#xcx_ly .list ul li:nth-child(2n){float:right;}
	#xcx_ly .list ul li big{margin-top:.2rem;font-size:.26rem;}
	#xcx_ly .list ul li small{margin-top:.1rem;font-size:.21rem;line-height:.34rem;padding:0;height:1.1rem;}
}