@charset "utf-8";

/* CSS Document */

.content {

	max-width: 1360px;

	position: relative;

	font-size: 0px;

	margin-bottom: 30px;

	overflow: hidden;

}

.content ul {

	display: block;

	margin: 0 -40px;

	overflow: hidden;

}

.content li {

	width: 33.3333%;

	list-style: none;

	float:left;

	padding: 0 40px;

	position: relative;

	margin-bottom:30px;

}

.content li:after {

	content:'';

	display:block;

	position: absolute;

	right:0px;

	top:0px;

	width:1px;

	height:205px;

	background:#BBBBBB;

}

.content .list:hover .name {

	color: #B20000;

}

.content .list:hover .more {

	color:#FFF;

	background:#344190;

}

.content .list {

	position: relative;

	vertical-align: top;

}

.content .list .name {

	height:49px;

	line-height:1.2;

	vertical-align: middle;

	font-weight: bold;

	text-decoration:none;

	color:#333333;

	font-size: 20px;

	font-weight: bold;

	overflow:hidden;

	position: relative;

	margin-bottom:10px;

}

.content .list .date{

	color:#344190;

	font-size: 13px;

	font-weight: bold;

	line-height:2.5;

	position: relative;

}

.content .list .con{

	color:#777777;

	font-size: 13px;

	margin-bottom:15px;

	line-height:1.4;

	height:50px;

	overflow:hidden;

}

.content .list .more{

	width: 100px;

	background:#FFF;

	color:#666666;

	font-size: 13px;

	line-height:35px;

	height:35px;

	text-align:center;

	-webkit-transition: all .3s ease;

	-moz-transition: all .3s ease;

	-o-transition: all .3s ease;

	transition: all .3s ease;

	-webkit-box-shadow: 0 0 5px 0 rgba(0,0,0,0.2);

	box-shadow: 0 0 5px 0 rgba(0,0,0,0.2);

	margin:2px;

}



@media all and (max-width: 770px) {

.content li {

	width: 50%;

}

}

/**************************************************************/



.content_in{

	margin:0 auto;

	margin-bottom:30px;

}

.content_in .name{

	color:#333333;

	font-size: 22px;

	line-height: 1.2;

	font-weight: bold;

	text-align:center;

	padding: 0 10px;

	text-decoration: none;

	position: relative;

	margin-bottom:20px;

}

.content_in .top{

	padding: 10px 20px 10px 45px;

	margin-bottom: 15px;

	font-size: 16px;

	color:#444444;

	float:left;

	font-weight: bold;

	border:#0381A5 1px solid;

	margin-right:20px;

}

.content_in .top li:before{

	content:'';

	font-weight: bold;

	color:#2B72B9;

	overflow:hidden;

	-webkit-border-radius: 1px;

	-moz-border-radius: 1px;

	border-radius: 1px;

}

.content_in .date{

	font-size:13px;

	color:#344190;

	text-align:center;

	text-decoration:none;

	margin-bottom:40px;

	position: relative;

	padding-top:15px;

}

.content_in .date:before{

	content:'';

	border-bottom:#344190 1px solid;

	width:90px;

	left:50%;

	margin-left:-45px;

	top:0px;

	position: absolute;

	display:block;

}

.content_in .con{

	color:#666666;

	font-size:13px;

	line-height:22px;

	margin:0 auto;

}

.content_in .con img{

	max-width:100%;

	height:auto !important;

}