@charset "utf-8";
@import "page.css";
#ysc_service{width:100%;padding:60px 0;}
#ysc_service.two{background:url("../images/ysc_bg.jpg") no-repeat center center #f8f8f8;background-size:cover;}
#ysc_service .list ul li{float:left;width:calc((100% - 120px) / 5);margin-right:30px;text-align:center;border:1px solid #e8edf2;padding:30px;margin-top:30px;background:#fff;}
#ysc_service .list ul li{-webkit-transition:all .3s;-moz-transition:all .3s;transition:all .3s;-ms-transition:all .3s;}
#ysc_service .list ul li:nth-child(5n){margin-right:0;}
#ysc_service .list ul li .icon{height:90px;}
#ysc_service .list ul li .icon i{font-size:50px;color:#206ae4;}
#ysc_service .list ul li .info big{display:block;font-size:18px;}
#ysc_service .list ul li .info .price{color:#FF5302;font-size:12px;margin-top:20px;height:40px;overflow:hidden;}
#ysc_service .list ul li .info .price span:nth-child(1){color:#FF5302;font-size:28px;margin-left:2px;margin-right:2px;}
#ysc_service .list ul li .info .price span:nth-child(2){color:#333;}
#ysc_service .list ul li .info .price span.z{font-size:16px;}
#ysc_service .list ul li .info small{display:block;font-size:14px;margin-top:15px;line-height:26px;height:52px;overflow:hidden;color:#878B99;}
#ysc_service .list ul li .info .tag{margin-top:10px;text-align:center;}
#ysc_service .list ul li .info .tag span{display:inline-block;border:1px solid #e8edf2;margin:0 5px;width:42%;color:#666;}
#ysc_service .list ul li:hover{transform:translateY(-10px);background:#206ae4;border:1px solid #206ae4;}
#ysc_service .list ul li:hover .icon i,
#ysc_service .list ul li:hover .info big,
#ysc_service .list ul li:hover .info small,
#ysc_service .list ul li:hover .info .tag,
#ysc_service .list ul li:hover .info .tag span,
#ysc_service .list ul li:hover .info .price,
#ysc_service .list ul li:hover .info .price span{color:#fff;}
@media (max-width:1200px){
	#ysc_service .list ul li{width:calc((100% - 40px) / 5);margin-right:10px;padding:20px 10px;}
}
@media (max-width:1000px){
	#ysc_service .list ul li{width:calc((100% - 30px) / 4);margin-right:10px;padding:20px;}
	#ysc_service .list ul li:nth-child(5n){margin-right:10px;}
	#ysc_service .list ul li:nth-child(4n){margin-right:0px;}
}
@media (max-width:800px){
	#ysc_service{padding:.5rem 0;}
	#ysc_service .list{margin-top:0;}
	#ysc_service .list ul li{float:left;width:48%;margin-right:0;padding:.3rem .2rem;margin-top:.3rem;}
	#ysc_service .list ul li:nth-child(2n){float:right;}
	#ysc_service .list ul li:nth-child(5n){margin-right:0px;}
	#ysc_service .list ul li .icon{height:.9rem;}
	#ysc_service .list ul li .icon img{width:.5rem;}
	#ysc_service .list ul li .icon i{font-size:.5rem;}
	#ysc_service .list ul li .info big{font-size:.28rem;}
	#ysc_service .list ul li .info .price{font-size:.2rem;margin-top:.2rem;height:.4rem;}
	#ysc_service .list ul li .info .price span:nth-child(1){font-size:.28rem;margin-left:.02rem;margin-right:.02rem;}
	#ysc_service .list ul li .info .price span.z{font-size:.28rem;}
	#ysc_service .list ul li .info small{font-size:.23rem;margin-top:.2rem;line-height:.36rem;height:.72rem;}
	#ysc_service .list ul li .info .tag{margin-top:.2rem;}
	#ysc_service .list ul li .info .tag span{border:1px solid #e8edf2;margin:0;width:50%;font-size:.2rem;}
	#ysc_service .list ul li:hover{transform:translateY(0px);background:#206ae4;border:1px solid #206ae4;}
}