* {
	padding: 0;
	margin: 0;
}

body {
	background-color: gainsboro;
}

.one {
	width: 1200px;
	height: 800px;
	background-color: white;
	margin: auto;
	box-shadow: 0px 15px 10px -15px gray;
}

.one1 {
	width: 1000px;
	height: 563px;
	background-color: lightgreen;
	margin: auto;
	background-image: url(../img/a.jpg);
	background-size: 1000px;
	background-repeat: no-repeat;
	margin-top: 110px;
	position: relative;
	overflow: hidden;

}

.one2 {
	width: 1000px;
	height: 1px;
}

.one3 {
	width: 1000px;
	height: 200px;
	position: absolute;
	top: 563px;
	background-color: rgba(255, 255, 255, 0.3);
	transition: all 0.5s;
	font-size: 50px;
	text-align: center;
	font-family: "楷体";
	color: lightseagreen;
}

.one1:hover .one3 {
	top: 363px;
}

.one4 {
	width: 1000px;
	height: 200px;
	background-color: rgba(255, 255, 255, 0.3);
	position: absolute;
	top: -200px;
	transition: all 0.5s;
}

.one1:hover .one4 {
	top: 0px;
}