﻿.c-hui {
	color: rgb(238, 238, 238);
}
.public-title {
	margin: 0px auto 10px; max-width: 1400px;
}
.event-list-box {
	margin: 30px auto 0px; max-width: 1400px;
}
.container-top {
	margin: 0 auto; max-width: 1500px;
}
.container-event {
	margin: 0px auto; max-width: 1500px;
}
.event-box {
	margin: 0px;
}
.bg-9 > div {
	max-width: 100%;
}
.bg-9 .title {
	margin: 0px auto;
}
.video-i {
	flex:1 1 0px; display: flex;
}
.video-pic {
	flex:1 1 0px; padding-right: 15px; margin-right: 15px;
}
.video-i :first-child.fruit-list {
	margin-right: 15px;
}
.video-i :last-child.fruit-list {
	margin-left: 15px;
}
.video-pic .vdo {
	height: 100%;
}
.bg-9 {
	background: rgb(216, 216, 216); padding: 50px 0px 40px;
}
.bg-9 .public-title {
	border-color: rgb(162, 162, 160);
}
.bg-9 > .video-list {
	margin: 0px auto; display: flex; max-width: 1430px;
}
.video-list .fruit-list {
	padding: 0px 15px; flex:1 1 0px;
}
.container-video-box {
	margin: 20px auto 30px; padding: 0px; max-width: 1400px;
}
@media only screen and (max-width:1480px)
{
.container-event {
	padding-right: 15px; padding-left: 15px;
}
.container-top {
	padding-right: 15px; padding-left: 15px;
}
.container-video-box {
	padding: 0px 15px;
}
.video-list .fruit-list {
	padding: 0px 15px;
}
.video-list {
	margin: 0px; padding: 0px;
}
.bg-9 > .video-list {
	max-width: 1400px;
}
.bg-9 .title {
	padding: 0px 15px;
}
}
@media only screen and (max-width:1050px)
{
.container-video-box {
	flex-direction: column;
}
.video-pic {
	padding-right: 0px; margin-right: 0px; margin-bottom: 30px;
}
}
@media only screen and (max-width:1024px)
{
.video-list {
	flex-wrap: wrap;
}
.video-list .fruit-list {
	width: 50%; margin-bottom: 30px;
}
.event-time {
	display: none;
}
}
@media only screen and (max-width:800px)
{
.container-video-box {
	margin-bottom: 0px; flex-direction: column;
}
.video-i {
	display: block;
}
.video-i .fruit-list {
	margin: 0px 0px 30px;
}
.video-i :first-child.fruit-list {
	margin-right: 0px;
}
.video-i :last-child.fruit-list {
	margin-left: 0px;
}
.video-pic {
	padding-right: 0px; margin-right: 0px; margin-bottom: 30px;
}
.video-list {
	display: block;
}
.video-list .fruit-list {
	width: 100%; margin-bottom: 30px;
}
.list-box {
	display: block;
}
.news-list {
	padding: 0px; width: 100%; margin-top: 30px; margin-left: 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;
}
}