/* CSS Document */


#flashContain {
	width: 100%;
	display: flex;
	justify-content: center;
}


.itemTitle {
	padding: 40px 0px 20px;
	visibility: hidden;
}

.serviceItems {
	/* text-align: center; */
}

.serviceItems li {
	box-sizing: border-box;
	padding: 0px 10px;
	display: inline-block;
	width: 33.3%;
}

.serviceItems li {
	opacity: 1;
	transform: translateY(0);
	/* 初始位置 */
	transition: transform 0.4s ease-out;
}

.serviceItems li:hover {
	transform: translateY(-10px);
	/* 鼠标移上时向上移动 10px */
}

.serviceItems li.first {
	float: left;
}

.serviceItems li.last {
	float: right;
}

.serviceItems li div {
	display: block;
	zoom: 1;
}

.serviceItems li img {
	width: 100%;
}

/* .serviceItems p {
	font-size: 24px;
	margin-top: -20%;
	margin-bottom: 20%;
	color: #fff;
} */


.serviceItem {
	width: 100%;
	position: relative;
}

.titleinfo {
	position: absolute;
	bottom: 0;
	background: #fff;
	-webkit-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s;
	width: 100%;
}

.titleinfo h2 {
	padding: 0;
	margin: 0;
	background: #fff;
	-webkit-clip-path: polygon(0 0, 73% 0, 100% 100%, 0% 100%);
	clip-path: polygon(0 0, 73% 0, 100% 100%, 0% 100%);
	margin-top: -25px;
	width: 55%;
	font-size: 22px;
	padding-left: 15px;
	padding: 15px;
	letter-spacing: 1px;
	color: #1b1b1b;
}

.titleinfo p {
	padding: 0px 15px;
	color: #1b1b1b;
}


.readMore {
	margin: 0px auto;
	padding: 40px 0px;
}