@import url("reset.css");
@import url("base.css");

/* 成功案例 */
.successfulCases {
	text-align: center;
	margin-top: 60px;
	padding-bottom: 80px;
}

.layui-row {
	margin-top: 40px;
}

.itemBox {
	cursor: pointer;
	width: 380px;
	height: 260px;
	background: #FFFFFF;
	border-radius: 6px;
	box-shadow: 0 0 6px 4px rgba(0, 0, 0, 0.1);
	overflow: hidden;
}

.itemBox:hover {
	/* transform属性 */
	transform: translate(0, -20px)
	/* 第一个参数指定X轴的位移量,必填, 第二个参数指定Y轴的位移量,不必填 默认0*/
}

.itemBox a {
	display: block;
	width: 100%;
	height: 100%;
}

.itemBox img {
	margin: 20px 0;
	transition: all 0.8s;
	max-width: 100%;
	max-height: 70%;
}
.itemBox img:hover {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -transform: scale(1.1);
}
.itemBox p {
	font-size: 16px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	padding: 0 20px;
}
.layui-col-md4 {
	margin-bottom: 34px;
}