@charset "utf-8";
/* CSS Document */



.index_news01 .con01 {
	width: 832px;
}

.fl {
  float: left;
}

@media (min-width: 1500px){
.pic {
	width: 257px;
	text-align: center;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
	overflow: hidden;
	background: rgba(0, 0, 0, 0);
	transition: .5s;
	-ms-transition: .5s;
	-moz-transition: .5s;
	-webkit-transition: .5s;
	-o-transition: .5s;
	position: relative;
	height: 145px;
}
.pic img {
	width: 257px;
	height: 145px;
	margin-bottom: 10px;
	transition: .5s;
	-ms-transition: .5s;
	-moz-transition: .5s;
	-webkit-transition: .5s;
	-o-transition: .5s;
}
.title {
	padding: 0 20px;
	position: absolute;
	bottom: 0;
    width: 257px;
	height: 48px;
	line-height: 24px;
	background: rgba(0, 0, 0, .5);
	color: #fff;
	text-align: left;
}
}

@media (min-width:1400px) and (max-width:1499px){
.pic {
	width: 240px;
	text-align: center;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
	overflow: hidden;
	background: rgba(0, 0, 0, 0);
	transition: .5s;
	-ms-transition: .5s;
	-moz-transition: .5s;
	-webkit-transition: .5s;
	-o-transition: .5s;
	position: relative;
	height: 145px;
}
.pic img {
	width: 240px;
	height: 145px;
	margin-bottom: 10px;
	transition: .5s;
	-ms-transition: .5s;
	-moz-transition: .5s;
	-webkit-transition: .5s;
	-o-transition: .5s;
}
.title {
	padding: 0 20px;
	position: absolute;
	bottom: 0;
    width: 240px;
	height: 48px;
	line-height: 24px;
	background: rgba(0, 0, 0, .5);
	color: #fff;
	text-align: left;
}
}
@media (min-width:1200px) and (max-width:1399px){
.pic {
	width: 200px;
	text-align: center;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
	overflow: hidden;
	background: rgba(0, 0, 0, 0);
	transition: .5s;
	-ms-transition: .5s;
	-moz-transition: .5s;
	-webkit-transition: .5s;
	-o-transition: .5s;
	position: relative;
	height: 145px;
}
.pic img {
	width: 200px;
	height: 145px;
	margin-bottom: 10px;
	transition: .5s;
	-ms-transition: .5s;
	-moz-transition: .5s;
	-webkit-transition: .5s;
	-o-transition: .5s;
}
.title {
	padding: 0 20px;
	position: absolute;
	bottom: 0;
    width: 200px;
	height: 48px;
	line-height: 24px;
	background: rgba(0, 0, 0, .5);
	color: #fff;
	text-align: left;
}
}
@media (min-width:992px) and (max-width:1199px){
.pic {
	width: 168px;
	text-align: center;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
	overflow: hidden;
	background: rgba(0, 0, 0, 0);
	transition: .5s;
	-ms-transition: .5s;
	-moz-transition: .5s;
	-webkit-transition: .5s;
	-o-transition: .5s;
	position: relative;
	height: 145px;
}
.pic img {
	width: 168px;
	height: 145px;
	margin-bottom: 10px;
	transition: .5s;
	-ms-transition: .5s;
	-moz-transition: .5s;
	-webkit-transition: .5s;
	-o-transition: .5s;
}
.title {
	padding: 0 20px;
	position: absolute;
	bottom: 0;
    width: 168px;
	height: 48px;
	line-height: 24px;
	background: rgba(0, 0, 0, .5);
	color: #fff;
	text-align: left;
}
}
@media (min-width:768px) and (max-width:991px){
.pic {
	width: 43%;
	text-align: center;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
	overflow: hidden;
	background: rgba(0, 0, 0, 0);
	transition: .5s;
	-ms-transition: .5s;
	-moz-transition: .5s;
	-webkit-transition: .5s;
	-o-transition: .5s;
	position: relative;
	height: 95px;
}
.pic img {
	width: 100%;
	height: 95px;
	margin-bottom: 10px;
	transition: .5s;
	-ms-transition: .5s;
	-moz-transition: .5s;
	-webkit-transition: .5s;
	-o-transition: .5s;
}
.title {
	padding: 0 20px;
	position: absolute;
	bottom: 0;
    width: 168px;
	height: 48px;
	line-height: 24px;
	background: rgba(0, 0, 0, .5);
	color: #fff;
	text-align: left;
}
}


@media (max-width:767px) {
.pic {
	
	text-align: center;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
	overflow: hidden;
	background: rgba(0, 0, 0, 0);
	transition: .5s;
	-ms-transition: .5s;
	-moz-transition: .5s;
	-webkit-transition: .5s;
	-o-transition: .5s;
	position: relative;
	
}
.pic img {
	width: 100%;
	height: auto;
	
	transition: .5s;
	-ms-transition: .5s;
	-moz-transition: .5s;
	-webkit-transition: .5s;
	-o-transition: .5s;
}
.title {
	padding: 0 20px;
	position: absolute;
	bottom: 0;
    width: 100%;
	height: auto;
	line-height: 24px;
	background: rgba(0, 0, 0, .5);
	color: #fff;
	text-align: left;
}
}



 .pic:hover {
	background: rgba(0, 0, 0, .5);
	transition: .5s;
	-ms-transition: .5s;
	-moz-transition: .5s;
	-webkit-transition: .5s;
	-o-transition: .5s;
}

.pic:hover img {
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-o-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1);
}

 .pic a {
	color: #606060;
	font-size: 14px;
	line-height: 30px;
}

.pic a:hover {
	color: #fff;
}



.index_news01 .con02 {
	width: 367px;
}

.index_news01 .con02 .more {
	text-align: right;
}

.index_news01 .con02 .more a {
	color: #666666;
	line-height: 30px;
}

.index_news01 .con02 li {
	height: 49px;
	line-height: 49px;
	font-size: 14px;
	border-bottom: 1px dashed #ededed;
	padding: 0 5px;
}

.index_news01 .con02 li:hover {
	background: #ffffff;
}

.index_news01 .con02 li span {
	float: right;
	color: #626466;
}

.index_news01 .con02 li a {
	color: #626466;
	float: left;
	width: 280px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.index_news01 .con02 li a:hover {
	color: #0042c4;
}