
.index_case_con{width:100%; display:none;}
.index_case_con li{float:left; width:280px; margin-right:26px;}
.index_case_con li:last-of-type{margin-right:0;}
.index_case_con li div{padding:0; float:left; width:280px; height:180px; overflow:hidden; margin-bottom:8px; cursor:pointer; position:relative;}
.index_case_con li div img{width:100%;}
.index_case_con li span{font-size:16px;}
.index_case_con li div a{opacity:0; filter:alpha(opacity=0); height:80%; display:block; background:url(transparent.png); position:absolute; left:0; top:0; width:92%; padding:20% 4% 0; color:#fff; text-align:center; font-size:15px; -webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s;}
.index_case_con li div a p{width:80px; margin:10px auto 0; padding:6px 8px; border-radius:3px; background:#97c740;}
.index_case_con li:hover a{opacity:1; filter:alpha(opacity=100);}

#index_con{ width:100%; padding:50px 0; background:#03092B;}
#index_con .index_box{ width:1200px; margin:auto; overflow:hidden;}

.index_news{
	width:580px;
	float:left;
	margin-right:20px;
}
.index_news .title_t{
	width:585px;
	height:28px;
	line-height:28px;
}
.index_news .title_t h2{ float:left; color:#000; font-size:28px;}
/*.index_news .title_t a{ float:right; color:#0585ea;}*/
.index_news ul{
	margin-top:30px;
	width:100%;
	height:200px;
	overflow:hidden;
}
.index_news ul li{
	width:100%;
	position:relative;
	height:30px;
	margin-bottom:0px;
	float:left;
}
.index_news ul li a{width:70%; float:left; line-height:22px; font-size:14px; color:#fff; padding-left:13px;}
.index_news ul li:after{content:''; position:absolute; left:0; top:8px; width:6px; height:6px; background:#208eeb; border-radius:50%;}
.index_news ul li a:hover{color:#208eeb;}
.index_news ul li span{
	float:right;
	font-size:10px;
	margin-top:4px;
	height:15px;
	line-height:10px;
	background:#e5e5e5;
	border-radius:8px;
	padding-top: 3px;
	padding-right: 5px;
	padding-bottom: 3px;
	padding-left: 5px;
}


