html, body{
	font-family: simhei;
	margin: 0;
	padding: 0;
	border: 0;
}
.nav{
	background: url(../../images/nav1.png),
				url(../../images/nav2.png),
				url(../../images/nav3.png);
	animation:switchImage 7s infinite;
	animation-direction:alternate;
}
@keyframes switchImage{
	0% {
		width:100%;
		height: 600px;
		background: url(../../images/nav1.png);
		background-repeat: no-repeat;
		background-size: cover;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
	}
	50% {
		width:100%;
		height: 600px;
		background: url(../../images/nav2.png);
		background-repeat: no-repeat;
		background-size: cover;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
	}
	100%{
		width:100%;
		height: 600px;
		background: url(../../images/nav3.png);
		background-repeat: no-repeat;
		background-size: cover;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
	}
}
.nav_table{
	display: flex;
	flex-direction: row;
	position: fixed;
	top: 0px;
	right: 0px;
	left: 0px;
	padding-bottom: 1%;
	background-color: #4c4c4c;
	z-index: 10;
}
.nav_table span{
	color: white;
	margin: 3% 3% 0px 0px;
}
.nav_table_item:hover{
	color: #55e3ff;
	border-bottom: 2px solid #55e3ff;
	padding-bottom: 20px;
}
.nav_table_item:hover a{
	color: #55e3ff;
}
.current_nav{
	border-bottom: 2px solid #55e3ff;
}
.nav_menu{
	display: none;
}
.logo{
	width: 195px;
	height: 80px;
	margin: 5% 0% 0% 30%;
}
.theme{
	width: 100%;
	height: 400px;
	color: white;
	display:table-cell;
	vertical-align:middle;
	padding-left: 20%;
	padding-top: 13%;
	line-height:40px;
}
.theme_title{
	font-size: 40px;
}
.theme_detail{
	width: 18%;
	height: 40px;
	font-size: 15px;
	margin-top: 7%;
	background-color:transparent;
	border-style:none;
	color: #55e3ff;
	border: 1px solid #55e3ff;
	border-radius: 5px;
	padding: 1%;
}
.theme_detail a{
	color: #55e3ff;
}
.theme_detail:hover{
	background-color: white;
	border: 1px solid white;
	color: black;
}
.theme_detail:hover a{
	color: black;
}
.interview{
	width:100%;
	background-color: #2f2f48;
	padding-bottom: 3%;
	transition: all 0.6s;
	-ms-transition: all 0.8s;
}
.interview_table{
	display: flex;
	flex-direction: row;
}
.interview_summuy{
	margin: 2% 0px 0px 7%;
}
.cell{
	margin: 3% 0px 0px 7%;
	color: white;
	width: 25%;
	display: flex;
	flex-direction: row;
}
.cell:hover img{
	transform: scale(1.1);
	-ms-transform: scale(1.1);
}
.cell:hover .interview_summuy{
	margin: 2% 0px 0px 9%;
}
.message{
	background-color: white;
	width:100%;
	height: 85%;
	z-index: -10;
}
.message_title{
	margin: 3% 0px 0px 7%;
}
.message_content{
	margin: 3% 0px 0px 7%;
	display: flex;
	flex-direction: row;
}
.message_content img{
	cursor: pointer;
	transition: all 0.6s;
	-ms-transition: all 0.8s;
}
.message_other_image:hover img{
	transform: scale(1.1);
	-ms-transform: scale(1.1);
}
.message_other_image:hover .message_other_description{
	transform: scale(1.1);
	-ms-transform: scale(1.1);
	margin: 4% 5% 0px 6%;
	padding-left: 3%;
}
.message_first_title{
	cursor: pointer;
	color: #6f6f6f;
	font-size: 20px;
}
.message_first{
	margin-bottom: 3%;
	background-color: #e8e8e8;
}
.message_content a{
	color: #6f6f6f;
}
.message_first img{
	width: 100%;
	margin-bottom: 5%;
	overflow: hidden;
}
.message_first span{
	margin-left: 4%;
}
.message_first:hover img{
	transform: scale(1.1);
	-ms-transform: scale(1.1);
}
.message_first:hover .message_summuy{
	transform: scale(1.1);
	margin-left: 10%;
}
.message_summuy{
	cursor: pointer;
	margin: 6%;
	margin-left: 4%;
	transition: all 0.6s;
	-ms-transition: all 0.8s;
}
.message_other{
	margin-left: 20px;
}
.message_first_image{
	height: 70%;
	overflow: hidden;
}
.message_other_image{
	background-color: #e8e8e8;
	margin-bottom: 1%;
	height: 22%;
	width: 85%;
	display: flex;
	flex-direction: row;
}
.message_other_image img{
	margin: 16% 0px 0px 16%;
}
@media screen and (max-width: 1300px) {
	.message_other_image img{
		margin: 6%;
		margin-left: 12%;
	}
	.message_summuy{
		margin: 6%;
		margin-top: 0%;
	}
	.message_other_description{
		margin: 3% 5% 0px 6%;
		padding-left: 3%;
	}
}
.message_other_description{
	cursor: pointer;
	transition: all 0.6s;
	-ms-transition: all 0.8s;
	margin: 4% 5% 0px 4%;
	padding-left: 4%;
}
.message_other_summmuy{
	font-size: 15px; 
	color: #a2a2a2;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	display: -webkit-inline-box;
	overflow: hidden;
	text-overflow: ellipsis;
}
.message_other_title{
	font-size: 20px;
	color: #6f6f6f;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	display: -webkit-inline-box;
	overflow: hidden;
	text-overflow: ellipsis;
	cursor: pointer;
}
.partner{
	width:100%;
	background-color: #e8e8e8;
}
.partner_title{
	margin-left: 7%;
}
.partner_table{
	width: 80%;
	margin-left: 11%;
	line-height: 30px;
	margin-top: 2%;
}
.table_row{
	width: 100%;
	display: flex;
	flex-direction: row;
}
.table_td{
	width: 18%;
}
#page{
	height: 100%;
}
#footer{
	display: inline-block; 
	vertical-align: middle;
	text-align: center;
	line-height: 70px;
	font-size: 10px;
	color: #dedede;
	width:100%;
	height: 80px;
	background-color: #2f2f48;
}
a{
	text-decoration: none;
	color: white;
	width: 100%;
}