/* by Adon , CSS Document */


.news{ float:left; width:100%;}
.news ul li{ float:left; width:49%;margin-bottom:5%;font-size:16px;}
.news ul li.l{ margin-right:1%;}
.news ul li.r{ margin-left:1%;}
.news ul li span{ font-size:25px;padding-left:5%; padding-right:5%;font-weight:bold; height:70px; overflow:hidden; margin:5% 0}
.news ul li p{overflow:hidden;height:66px; margin:2.5% 0;padding-left:5%; padding-right:5%;color:#000}
.news ul li em{ color:#b50000; text-decoration:underline; font-style:normal;padding-left:5%; padding-right:5%;}
.news ul li:hover img{-webkit-transform: scale(1.1);transform: scale(1.1);}
.news ul li:hover p{ text-decoration:underline}
.news ul li:hover span{color:#b50000;}
.news ul li .thumb{ width:100%; max-height:380px; overflow:hidden; min-height:380px; position:relative;}
.news ul li .thumb img{ max-width:none; height:380px;}
.news-view { overflow:hidden; margin:10% auto 5% auto; max-width:960px;font-size:16px;}
.news-view .news-title{ font-size:35px; text-align:center; display:block; font-weight:bold}
.news-view .news-time{text-align:center; display:block; color:#b50000;margin:5% 0;font-weight:bold}
.news-view .news-content img{width: 100% !important;height: auto !important;}
.news-page{font-size:16px; padding:5% 0; overflow:hidden; color:#797979; border-top:solid 1px #dedede; line-height:25px;padding-top:20px; margin:5% 0 0 0;}
.news-page span{ width:70%; overflow:hidden;}
.news-page span a{ display:block;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.news-page span a font{ display: inline-block; font-weight:bold; margin-right:5px;}



@media (max-width:1024px){
}
@media (max-width:768px){
.news ul li .thumb img{ height:220px;}
.news ul li .thumb{ max-height:220px; min-height:220px;}
.news ul li span{ font-size:20px; height:84px;}
.news ul li{ font-size:15px;}
.news ul li p{ height:63px;}
.news-view .news-title{ font-size:30px;}
.news-view,.news-page{ font-size:14px;}
}
@media (max-width:640px){
.news ul li{ width:100%; margin-left:0 !important; margin-right:0 !important; margin-bottom:10%;}
.news ul li .thumb img{ height:auto; max-width:100%;}
.news ul li .thumb{ max-height:inherit; min-height:inherit;}
.news ul li p,.news ul li span{ height:auto;}
}
@media (max-width:480px){
.news ul li span{ font-size:16px;}
.news ul li{ font-size:13px;}
.news-view .news-title{ font-size:22px;}
.news-view .news-time{ margin:10% 0;}
.news-view,.news-page{ font-size:13px;}
}
@media (max-width:320px){
.news ul li span{ font-size:15px;}
.news ul li p{ font-size:12px;}
.news-view,.news-page{ font-size:12px;}
}