* {
		margin: 0px;
		padding: 0px;
	}
	.wrap {
		width: 100%;
		height: 600px;
	}
	.box {
		width: 100%;
		height: 0px;
		/* 16:9padding-bottom:52.25%，4:3padding-bottom:75% */
		padding-bottom: 52.25%;
		position: relative;
		background: black;
	}
	.box p {
		width: 100%;
		height: 100%;
		position: absolute;
		color: #000000;
	}

	@media (min-width: 768px) and (max-width: 991px) {
		.wrap{
			height: 400px;
		}
	}
	@media (max-width: 768px)  {
		.wrap{
			height: 360px;
		}
	}