@charset "utf-8";
@media (min-width: 992px) {
	.service {
		margin-top: 60px;
	}
}
@media (min-width: 1200px) {
	.service {
		margin-top: 100px;
	}
}
h3 {
    text-align: center;
    font-size: 16px;
}
p {
    color: #AEB5BA;
    text-align: center;
}
.service-item {
	height: 180px;
}
.service-item-bg {
	height: 100%;
	background-image: url(../../assest/images/service-item-bg.png);
	background-repeat: no-repeat;
	background-size: 100% 100%;
}
.service-item-bg .icon {
	width: 100%;
    height: 100%;
	margin:0 auto;
}
.service-item-bg .mainframe {
    background: url(../../assest/images/mainframe.png) no-repeat 50% 50%;
}
.service-item-bg .application {
    background: url(../../assest/images/application.png) no-repeat 50% 50%;
}
.service-item-bg .mobile {
    background: url(../../assest/images/mobile.png) no-repeat 50% 50%;
}
.service-item-bg .solution {
    background: url(../../assest/images/solution.png) no-repeat 50% 50%;
}
.service-item-bg .training {
    background: url(../../assest/images/training.png) no-repeat 50% 50%;
}
.service-item-bg .dispatch {
    background: url(../../assest/images/dispatch.png) no-repeat 50% 50%;
}
@media (min-width: 992px) {
	.service-item {
		height: 210px;
	}
}
@media (min-width: 1200px) {
	.service-item {
		height: 180px;
	}
}