.c-hui {
	color: #eee;
}
.public-title {
	max-width: 1400px;
	margin: 0 auto;
	margin-bottom: 10px;
}
.event-list-box {
	max-width: 1400px;
	margin: 0 auto;
	margin-top: 30px;
}
.container-top {
	max-width: 1400px;
	margin: 0 auto;
	margin-bottom: 40px;
}
.container-event {
	max-width: 1400px;
	margin: 0 auto;
}
.event-box {
	margin: 0;
}
.bg-9 > div {
	max-width: 1400px;
}
.bg-9 .title {
	margin: 0 auto;
}
.video-i {
	display: flex;
	flex: 1;
}
.video-pic {
	flex: 1;
	margin-right: 15px;
	padding-right: 15px;
}
.video-i .fruit-list:first-child {
	margin-right: 15px;
}
.video-i .fruit-list:last-child {
	margin-left: 15px;
}
.video-pic .vdo {
	height: 100%;
}
.bg-9 {
	background: #d8d8d8;
	padding: 50px 0 100px 0;
}
.bg-9 .public-title {
	border-color: #A2A2A0;
}
.bg-9 > .video-list {
	max-width: 1430px;
	margin: 0 auto;
	display: flex;
	/*margin: 0 -15px;*/
}
.video-list .fruit-list {
	padding: 0 15px;
	flex: 1;
}
.container-video-box {
	max-width: 1400px;
	margin: 0 auto;
	margin-top: 20px;
	margin-bottom: 30px;
	padding: 0;
}
@media only screen and (max-width:1480px){
	.container-event,.container-top {
		padding-left: 15px;
		padding-right: 15px;
	}
	.container-video-box {
		padding: 0 15px;
	}
	.video-list .fruit-list {
		padding: 0 15px;
	}
	.video-list {
		margin: 0;
		padding: 0;
	}
	.bg-9 > .video-list {
		max-width: 1400px;
	}
	.bg-9 .title {
		padding: 0 15px;
	}
}
@media only screen and (max-width:1050px) {
	.container-video-box {
		flex-direction: column;
	}
	.video-pic {
		margin-right: 0;
		padding-right: 0;
		margin-bottom: 30px;
	}
}
@media only screen and (max-width:1024px) {
	.video-list {
		flex-wrap: wrap;
	}
	.video-list .fruit-list {
		width: 50%;
		flex: initial;
		margin-bottom: 30px;
	}
	.event-time {
		display: none;
	}
}
@media only screen and (max-width:800px) {
	.container-video-box {
		flex-direction: column;
		margin-bottom: 0;
	}
	.video-i {
		display: block;
	}
	.video-i .fruit-list {
		margin: 0;
		margin-bottom: 30px;
	}
	.video-i .fruit-list:first-child {
		margin-right: 0;
	}
	.video-i .fruit-list:last-child {
		margin-left: 0;
	}
	.video-pic {
		margin-right: 0px;
		padding-right: 0px;
		margin-bottom: 30px;
	}
	.video-list {
		display: block;
	}
	.video-list .fruit-list {
		width: 100%;
		margin-bottom: 30px;
	}
	.list-box {
		display: block;
	}
	.news-list {
		width: 100%;
		margin-top: 30px;
		margin-left: 0px;
		padding: 0px;
	}
	.left-box {
		width: 100%;
		margin-right: 0px;
	}
	.left-box img {
		width: 100%;
	}
	ul li {
		padding-left: 0px;
	}
}
@media only screen and (max-width:400px) {
	.inform-list ul li > span {
		display: none;
	}
}