.service {
	
}
.service .container {
	padding: 2rem 0 4rem 0;
}
.service h2 {
	margin-top: 0;
}
.service .content {
	
}
.service_list {
	position: relative;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: 0 -15px;
}
.service_list .item {
	width: calc(33.33% - 50px);
	position: relative;
	display: flex;
    flex-wrap: wrap;
    justify-content: center;
    padding: 15px;
    background: #fff;
    margin: 10px;
    border-radius: 4px;
	text-align: center;
	overflow: hidden;
}

.service_list .item .preview {
	background-size: cover !important;
    height: 200px;
    width: 100%;
}
.service_list .item h3 {
	text-align: center;
}
.service_list .item .text {
	color: #909398;
    line-height: 24px;
    text-align: center;
}
.service_list .item .button {
	margin: 0;
    transition: 0.5s all;
    bottom: -100px;
    position: absolute;
}
.service_list .item:hover .button {
	transition: 0.5s all;
	bottom: 2rem;
}