@charset 'utf-8';

.service{padding: 60px 0 0;}
.service .service_raw{margin: 50px 0 80px; padding: 30px; border: 1px solid #eee;}
.service .service_raw ul li{float: left; width: calc(25% - 20px); margin-right: 25px;}
.service .service_raw ul li:nth-child(4){margin-right: 0}
.service .service_raw ul li:hover .raw_img img{transform: scale(1.1); transition: 0.3s all;}
.service .service_raw ul li .raw_img{overflow: hidden; height: 220px;}
.service .service_raw ul li .raw_img img{width: 100%; height: 100%;}
.service .service_raw ul li .raw_txt{padding-top: 15px; text-align: center;}
.service .service_raw ul li .raw_txt p{color: #666;}
.service .service_raw ul li:hover .raw_txt h2{color: #6d09a3;}

.service_liuchen{background-color: #f5f5f5;padding: 80px 0;}

.service_liuchen .service_box {margin-top: 60px;}
.service_liuchen .service_box ul li{float: left;width: calc(25% - 85px);margin-right: 25px;border-radius: 10px;background-color: #fff;box-shadow: 0px -3px 10px 0px rgba(0, 0, 0, 0.05);padding: 30px;height: 176px;
margin-bottom: 45px; position: relative;
}
.service_liuchen .service_box ul li p{font-size: 16px; color: #666;}
.service_liuchen .service_box ul li:nth-child(4){margin-right: 0}

.service_liuchen .service_box ul li div{background-color: #6d09a3; color: #fff; font-size: 24px;position: absolute; top:-24px;left: -10px; width: 48px; height: 48px; border-radius: 100%; text-align: center; line-height: 48px;}





@media (max-width:960px) {
	.service .service_raw ul li{
	width: 100%;
    margin-right: 0;
	margin-bottom: 30px;
	}
	.service_liuchen .service_box ul li{
	float: none;
    width: 74%;
    margin: 50px auto;
    border-radius: 10px;
    background-color: #fff;
    box-shadow: 0px -3px 10px 0px rgba(0, 0, 0, 0.05);
    padding: 8%;
    height: 176px;
    position: relative;
	}
	.service_liuchen .service_box ul li:nth-child(4){margin-right: auto}
	.service_liuchen .service_box ul li p{font-size: 17px;}
}