@charset "utf-8";
/* CSS Document */
.newsCenterBox{ width:80%; margin:0 auto; overflow:hidden;}
.newsCenterBox ul .newsItem{ margin-bottom:15px;list-style-type:none;overflow:hidden;}
.newsCenterBox ul .newsItem .newsTime{ width:109px;margin:0 22px 0;padding: 26px 0;color: #fff; background:#217fc4;text-align: center; float:left; overflow:hidden;}
.newsCenterBox ul .newsItem .newsTime .day{height:50px;line-height:30px;font-size: 35px;}
.newsCenterBox ul .newsItem .newsTime .yearMonth{ height: 18px;line-height: 18px;font-size: 18px;font-weight: normal;}
.newsCenterBox ul .newsItem .newsConte{width:78%;padding: 16px 15px;background:#FFF;float:left;overflow:hidden; }
.newsCenterBox ul .newsItem .newsConte .contL{ width:92%; float:left; overflow:hidden;}
.newsCenterBox ul .newsItem .newsConte .contL .newsTit{height:35px;line-height: 36px; font-weight: 600; font-size: 16px;overflow: hidden;}
.newsCenterBox ul .newsItem .newsConte .contL .newsCon{height:50px;line-height:18px;font-size: 12px; text-align:justify; color:#737373;overflow: hidden;}
.newsCenterBox ul .newsItem .newsConte .contR{ margin-top: 30px; float:right;}
.paging{ width:74%; margin:0 auto 30px; display:block; overflow:hidden;}
.paging .page{ display:inline-block; width:80px; height:30px; line-height:30px; text-align:center; background:#FFFFFF; color:#000; cursor:pointer; overflow:hidden;}
.paging .pageOne{ background-color:#217fc4; color:#fff;}
.paging .pageNum{width:30px; height:30px;}
@media screen and (min-width:510px) and (max-width:980px){
.newsCenterBox ul .newsItem .newsTime{margin:0 0 22px 0;padding:12px 0;}
.newsCenterBox ul .newsItem .newsConte{width:71%;padding: 9px 15px;}
.newsCenterBox ul .newsItem .newsConte .contL{ width:84%;}
.newsCenterBox ul .newsItem .newsConte .contL .newsCon{height:38px;}
.newsCenterBox ul .newsItem .newsConte .contR{ margin-top: 21px;}
}
@media screen  and (max-width:510px){
.newsCenterBox{ width:100%;}
.newsCenterBox ul .newsItem .newsTime{width:85px;margin:0 0 22px 0;padding:12px 0;}
.newsCenterBox ul .newsItem .newsConte{width:71%;padding: 9px 15px;}
.newsCenterBox ul .newsItem .newsConte .contL{ width:80%;}
.newsCenterBox ul .newsItem .newsConte .contL .newsCon{height:38px;}
.newsCenterBox ul .newsItem .newsConte .contR{ margin-top: 21px;}
.paging{ display:none;}
}
@media screen  and (max-width:414px){
.newsCenterBox ul .newsItem .newsTime .day{height:52px;line-height:42px;font-size: 30px;}
.newsCenterBox ul .newsItem .newsTime .yearMonth{ height:15px;line-height:12px;font-size: 16px;}
.newsCenterBox ul .newsItem .newsConte{width:76%;}
.newsCenterBox ul .newsItem .newsConte .contL .newsTit{ font-size:14px;line-height:20px;
 overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-break: break-all;
}
.newsCenterBox ul .newsItem .newsConte .contL .newsCon{font-size:.75rem; line-height:20px;
 overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-break: break-all;
}

}
@media screen  and (max-width:390px){
.newsCenterBox ul .newsItem .newsConte{width:69%;padding:0 10px;}
.newsCenterBox ul .newsItem .newsConte .contL{ width:75%;}
}