/* by Adon , CSS Document */

.page-title{ margin-bottom:0}
.news ul li{ float:left; background:#f7f7f7;width:48%; padding:2.5% 0; margin:1% 0;font-size:20px; font-weight:bold}
.news ul li.l{ margin-right:1%}
.news ul li.r{ margin-left:1%}
.news ul li:hover{background:#12547c;}
.news ul li:hover a,.news ul li:hover span p,.news ul li:hover span font,.news ul li:hover em{ color:#fff;}
.news ul li em{ float:left; width:25%; text-align: center; font-style:normal}
.news ul li em b{ display:block;font-size:60px;line-height:50px;}
.news ul li span{ width:75%; float:right; padding-right:5%;}
.news ul li span font{ display:block;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.news ul li span p{ font-size:13px; color:#737373; margin-top:10px; height:36px; overflow:hidden}
.news { float:left; width:100%; margin-bottom:5%;}
.news-view { overflow:hidden;font-size:16px; margin-bottom:7.5%;font-weight:bold;float:left; width:100%; position:relative;}
.news-view .container{ position:relative;}
.news-view .news-title{ font-size:35px;display:block;text-align:center;max-width:955px; margin:0 auto;}
.news-view .news-time { position:absolute; left:15px; top:0; font-size:20px;}
.news-view .news-time em{text-align: center; font-style:normal}
.news-view .news-time em b{ display:block;font-size:60px;line-height:50px;}
.news-view .news-content{margin:5% auto;max-width:955px;color:#737373;}
.news-view .news-content img{width: 100% !important;height: auto !important;}

@media (max-width:768px){
.news ul li{ width:100%; margin-left:0 !important; margin-right:0 !important}	
.news-view {font-size:15px;}
.news-view .news-title{ font-size:30px;}
.news-view .news-time { position:static;font-size:16px; margin-top:3%;}
.news-view .news-time em b{font-size:50px;line-height:50px;}
}
@media (max-width:640px){
.news ul li em b{ font-size:45px;}
.news ul li{ font-size:16px;}
.news-view .news-title{ font-size:26px;}
.news-view .news-time em b{font-size:45px;}
}
@media (max-width:480px){
.news ul li em b{ font-size:38px; line-height:35px;}
.news ul li{ font-size:15px; padding:5% 0;}
.news ul li span p{ height:auto; margin-top:5px;}
.news-view {font-size:14px; margin-bottom:10%;}
.news-view .news-title{ font-size:22px;}
.news-view .news-time {font-size:15px;}
.news-view .news-time em b{font-size:38px;line-height:35px;}
}
@media (max-width:320px){
.news ul li{ font-size:14px;}
.news-view .news-title{ font-size:20px;}
.news-view .news-time {font-size:13px;}
.news-view .news-time em b{font-size:37px;line-height:30px;}
}