﻿@charset "utf-8";
.news_list{list-style:none;}
.news_list li{padding:20px 5px;}
.news_list li a{display:block; position:relative; background:#fff;
	box-shadow:0 0 5px #ccc; -moz-box-shadow:0 0 5px #ccc; -webkit-box-shadow:0 0 5px #ccc;
	box-shadow:0 0 5px rgba(0,0,0,.2); -moz-box-shadow:0 0 5px rgba(0,0,0,.2); -webkit-box-shadow:0 0 5px rgba(0,0,0,.3);
}
.news_list li a i{float:left; width:38%; height:100%; text-align:left;}
.news_list li a .info{display:block; float:right; width:62%; padding:30px; box-sizing:border-box; font-size:1rem;}
.news_list li a .info strong{display:block; padding:10px 0; color:#08a; font-size:20px; font-weight:normal; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.news_list li a .info u{text-decoration:none; display:block; line-height:2; color:#777;}
.news_list li a .info s{text-decoration:none; display:block; color:#08a; padding:5px 15px; margin-top:10px; position:relative;}
.news_list li a .info s:before{content:" "; display:inline-block; width:7px; height:7px; border:solid #08a; border-width:2px 2px 0 0; position:absolute; left:0; top:12px; transform:rotate(45deg); -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); 
transition:all 0.3s linear 0s;-webkit-transition:all 0.3s linear 0s;}
.news_list li a em{font-style:normal; display:block; position:absolute; bottom:20px; right:30px; font-size:12px;}
.news_list li a em span{padding-left:20px; color:#999;}
.news_list li a em span:before{content:" "; display:inline-block; width:16px; height:14px; vertical-align:middle; margin-right:5px; background:url(../../Images/icos.png) no-repeat 0 -1px;}
.news_list li a em span.read:before{background-position:0 -18px;}

/*手机版*/
@media(max-width:1024px){
	.news_list li a .info{font-size:14px;}
	.news_list li a .info u{line-height:1.5;}
}
@media(max-width:900px){
	.news_list li a .info{padding:20px 20px 20px 30px;}
	.news_list li a em{bottom:10px; right:20px;}
}
@media(max-width:600px){
	.news_list li a i, .news_list li a .info{float:none; width:100%;}
	.news_list li a i{text-align:center;}
	.news_list li a .info{padding:10px 20px 20px 20px;}
}
