.service{
	margin: 50px 0;
}

.service-main{
	width: 1640px;
	margin: 0 auto;
}
.service-left,.service-right{
	width: 24%;
}
.service-left a,.service-right a,.service-center a{
	margin-bottom: 2%;
	display: block;
	position: relative;
	
}
.service-left a span,.service-right a span,.service-center a span,.service-bottom a span{
	font-size: 26px;
	color: #FFFFFF;
	position: absolute;
	left: 20px;
	bottom: 10px;
	
}
.service-left img,.service-right img,.service-center img,.service-bottom img{
	width: 100%;
}
.service-center{
	
	width: 50%;
	margin: 0 1%;
}
.service-bottom a{
	float: left;
	width: 49%;
	margin-right: 2%;
	position: relative;
}
.service-bottom a:last-child{
	margin-right: 0;
}


@media (max-width: 1640px) {
	.service-main {
		width: 1340px;
	}
}

@media (max-width: 1430px) {
	.service-main {
		width: 1170px;
	}
	.service-left a span,.service-right a span,.service-center a span,.service-bottom a span{
		font-size: 22px;
	}
}

@media (max-width: 1200px) {
	.service-main {
		width: 970px;
	}
	.service-left a span,.service-right a span,.service-center a span,.service-bottom a span{
		font-size: 18px;
	}
}

@media (max-width: 992px) {
	.service-main {
		width: 750px;
	}
}

@media (max-width: 768px) {
	.service-main { 
		width: 90%;
	}
	.service-left a span,.service-right a span,.service-center a span,.service-bottom a span{
		font-size: 0.3rem;
	}
	.service-left,.service-center,.service-right,.service-bottom a{
		width: 100%;
		margin: 0;
	}
	.service-bottom a,.service-left a,.service-right a,.service-center a{
		margin-bottom: 20px;
	}
}