.m-content1{
	width:100%;
	min-width:1200px;
	height:315px;
	background:url(../img/media/media_1.png) no-repeat center;
}
.m-content2{
	width:100%;
	height:auto;
	background:#f7f9fa;
	min-width:1200px;
}
.m-content2 .content{
	padding:70px 0;
	margin:0 auto;
	width:1200px;
}
.m-content2 .content ul li{
	width:370px;
	text-align: center;
	border-radius:10px;
	overflow: hidden;
	background:#fff;
	margin-right:45px;
	margin-bottom: 40px;
	height:400px;
	float: left;
	box-shadow:0px 0px 1px 1px #eaeaea;
    box-shadow:0px 0px 9px 5px #eee;
}
.m-content2 .content ul li img{
	width:370px;
	height:320px;
	overflow: hidden;
}
.m-content2 .content ul li p{
	padding:20px 0;
	margin:0 auto;
	font-size: 20px;
}
.m-content2 .content ul li p a{
	padding:20px 0;
	margin:0 auto;
	font-size: 20px;
}
.m-content2 .content ul li .line-short{
	display: none;
}
.m-content2 .content ul li .p{
	display:none;
}
.m-content2 .content ul li:hover .active{
	padding:0px 20px;
	width:330px;
	height: 200px;
	text-align: center;
	top: -85px;
	position: relative;
	color:#fff;
	background: #D40000;
}
.m-content2 .content ul li:hover .active p{
	padding:20px 0 10px;
	margin:0 auto;
	font-size: 20px;
}
.m-content2 .content ul li:hover .active p a{
	cursor: pointer;
	font-size: 20px;
	color: #fff;
}
.m-content2 .content ul li:hover .active .line-short{
	display: block;
	margin:0 auto;
	width:45px;
	height:0;
	border-bottom:2px solid #fff;
}
.m-content2 .content ul li:hover .active .p{
	margin-top:20px;
	display: block;
	color:#eee;
	font-size: 14px;
}
.m-content2 .content ul li:hover .active .p p{
	color:#eee;
	font-size: 14px;
}