/* 内容上方导航 */
.daohang{
	width: 1200px;
	margin: 30px auto;
	font-size: 14px;
}
.daohang span{
	margin-right: 10px;
}
.daohang a{
	margin-right: 5px;
}
.daohang a:hover{
	color: #01824a;
}
/* 列表内容 */
.article-list{
	width: 1200px;
	margin: 0 auto;
}
.article-list .list-l{
     width: 288px;
}
.article-list .list-r{
     width: 900px;
}
.article-list .list-l .list1{
     margin-bottom: 20px;
}
.article-list .list-l .tit{
     width: 288px;
     height: 50px;
     line-height: 50px;
     background-color: #01824a;
     position: relative;
     border: 1px solid #eee;
     border: 1px solid #01824a;
    
}
.article-list .list-l .tit strong{
     display: block;
     position: absolute;
     top: 0;
     left: 0;
     font-size: 60px;
     color:rgba(255, 255, 255, 0.1);
}
.article-list .list-l .tit b{
     font-size: 20px;
     color: #fff;
     margin: 0 15px;
}
.article-list .list-l .tit span{
     font-size: 18px;
     color:rgba(255, 255, 255, 0.8);
}
.article-list .list-l .list1 .content{
     border-left: 1px solid #eee;
     border-right: 1px solid #eee;
     border-bottom: 1px solid #eee;
     width: 288px;
     padding:10px 15px;
     box-sizing: border-box;
     color: #555;
     font-size: 16px;
}
.article-list .list-l .list1 .content a{
     width: 236px;
     display: inline-block;
     white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;

}
.article-list .list-l .list1 .content:hover{
     border: 1px solid #01824a;
}
.article-list .list-l .list1 .content:hover a{
     color: #01824a !important;
}
.article-list .list-l .list2{
     margin-bottom: 20px;
}
.article-list .list-l .list2 .content{
     border-left: 1px solid #eee;
     border-right: 1px solid #eee;
     border-bottom: 1px solid #eee;
     width: 288px;
     padding:10px 15px;
     box-sizing: border-box;
     color: #555;
     font-size: 14px;
}
.article-list .list-l .list2 .content a{
     width: 100%;
     display: inline-block;
     white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;

}
.article-list .list-l .list2 .content:hover{
     border: 1px solid #01824a;
}
.article-list .list-l .list2 .content:hover a{
     color: #01824a !important;
}
.article-list .list-l .list3{
     margin-bottom: 20px;
}
.article-list .list-l .list3 .content{
     border-left: 1px solid #eee;
     border-right: 1px solid #eee;
     border-bottom: 1px solid #eee;
     width: 288px;
     padding:10px 15px;
     box-sizing: border-box;
     color: #555;
     font-size: 15px;
}
.article-list .list-l .list4{
     margin-bottom: 20px;
     width: 288px;
     height: 100Px;
     border: 1px solid #eee;
     background: url(../../../../../front/public/image/phoneme.png) no-repeat;
     background-size: 100%;
     overflow: hidden;
     color: #fff;
     font-size: 20px;
     cursor: pointer;
}
/* 新闻列表 */
.article-list .list-r .listnews{
     width: 900px;
     margin-bottom: 20px;
}
.article-list .list-r .listnews li{
     width: 880px;
     margin-left: 20px;
     box-sizing: border-box;
     padding: 25px;
     border: 1px solid #ccc;
     margin-bottom: 15px;
}
.article-list .list-r .listnews li:hover{
     box-shadow: 0 0 18px #eee;
}
.article-list .list-r .listnews li h6{
     font-size: 18px;
     color: #666;
     font-weight: 400;
     width: 600px;
     white-space:nowrap;
     overflow:hidden;
     text-overflow:ellipsis;
}
.article-list .list-r .listnews li:hover h6{
     color: #01824a;
}
.article-list .list-r .listnews li span{
     font-size: 14px;
     color: #999;
}
.article-list .list-r .listnews li p{
     border-top: 1px solid #ccc;
     margin-top: 15px;
     padding-top: 10px;
     word-break: break-all;
text-overflow: ellipsis;
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
color: #999;
line-height: 30px;

}
.article-list .list-r .listnews li .more{
     display: block;
     width: 128px;
     height: 36px;
     line-height: 36px;
     text-align: center;
     border: 1px solid #ddd;
     margin-top: 15px;
}
.article-list .list-r .listnews li:hover .more{
     background-color: #01824a;
     color: #fff;
}
















/* 翻页 */
.article-list .list-r .page{
     width: 100%;
     height: 30px;
     font-size: 13px;
     color: #999;
}
.article-list .list-r .page div{
     width: 60px;
     height: 27px;
     border: 1px solid #999;
     text-align: center;
     line-height: 27px;
     margin: 0 3px;
}
.article-list .list-r .page div:hover{
     border: 1px solid #01824a;
     background-color: #01824a;
     color: #fff;
}
.article-list .list-r .page div:hover a{
   
     color: #fff !important;
}
.article-list .list-r .page p{
     width: 27px;
     height: 27px;
     border: 1px solid #999;
     text-align: center;
     line-height: 27px;
     margin: 0 3px;
}
.article-list .list-r .page p:hover{
     border: 1px solid #01824a;
     background-color: #01824a;
     color: #fff;
}
.article-list .list-r .page p:hover a{
     color: #fff !important;
}

/* 暂无信息 */
.nomsg{
     width: 100%;
     height: 100%;
     text-align: center;
}
.nomsg p{
     color: #999;
     margin-top: 30px;
     margin-bottom: 50px;
}
.nomsg a{
     display: block;
     width: 160px;
     height: 40px;
     line-height: 40px;
     border: 1px solid #01824a;
     color: #01824a;
     margin: auto;
}
.nomsg a:hover{
     background-color: #01824a;
     color: #fff;
}