#indexnews386 {}

.index-news { min-height:405px; border:#cccccc solid 2px; background-color:#ffffff; padding:11px 12px; position:relative;-webkit-transition: all 300ms; margin-bottom:15%; -o-transition: all 300ms; transition: all 300ms;}
.index-news .box-img{overflow:hidden;}
.index-news h3 {   color:#333333; line-height:1.5; margin:4% 0 2% 0;  } 


.index-news h3>a { color:#333; font-size:16px; }
.index-news p {font-size:14px;color:#999999; line-height:1.6;}
	.news-date { /*padding-left:10px;*/font-size:0.75em; margin-bottom:5px;}
	a.morebtn { color:#8a8a8a;font-size:0.8125em; position:absolute; bottom: 0px;right: 0px;}
	/* ͼƬ�ڰ� */
	.gray {     -webkit-filter: grayscale(100%);-moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%);  filter: grayscale(100%);  filter: gray;}
.index-news:hover {   cursor:pointer}
.box-title { padding-right:20px;-webkit-transition: all 300ms; -o-transition: all 300ms; transition: all 300ms;}


.newsbtm { position:absolute; bottom:14px; width: calc(100% - 22px); }
.newsbtm>span {font-size:12px}
.newsbtm a.more { float:right; width:92px; display:block;height:25px; line-height:22px; text-align:center;text-transform: uppercase; border:solid 1px #fff;border-radius: 25px;color:#999999;font-size:12px;}

.index-news:hover .newsbtm a.more
 {
	border:solid 1px #999999;
 }

.index-news:hover {  -webkit-transition: all 300ms; -o-transition: all 300ms; transition: all 300ms;}
.index-news:hover .box-img { filter:alpha(opacity=80);-moz-opacity:0.8;opacity:0.8;-webkit-transition: all 300ms; -o-transition: all 300ms; transition: all 300ms;}
 

#newsboxs {margin-top:25px;}

.index-news:hover a.link-more11 { background-color:#d95167;}


@media (max-width:1024px) { 

		.grid-space-40  .col-md-3 { padding-left:10px; padding-right:10px}
		.box-title { padding-right:5px;}
	
		.index-news .morebtn{ clear:both; }
		.index-news h3 { font-size:15px;}
		.index-news p {
			font-size: 12px;
			color: #000000;
			 
		}
			.index-news {   min-height: 420px;}
		 

}
@media (max-width:667px) { 

	.index-news .box-img { width:100%; background-color: #eee;text-align: center; }
	.index-news .box-img img { display: inline-block; }
.index-news {width:80%;min-width: 400px; margin:0px auto;margin-bottom:25px;}

}






@media (max-width: 480px)
{
.index-news {
    width: 100%;
    min-width: 100%;
    margin: 0px auto;
    margin-bottom: 25px;
}
}