/* 内容上方导航 */
.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;
}
/* 文章内容 */
.content-text{
	width: 900px;
	margin-bottom: 20px;
	box-sizing: border-box;
	padding-left: 20px;
}
.content-text img{
	margin: 10px auto;
	width: 880px;
	height: auto;
}
.content-text video{
	margin: 10px auto;
	width: 880px;
	height: auto;
}
.content-text .info{
	font-weight: 400;
	font-size: 16px;
	line-height: 36px;
	color: #999;
	text-indent: 2em;
	text-align: justify;
  text-justify: inter-ideograph;
  letter-spacing: 1.5px; /* 字母间距 */
}
/* 翻页 */
.article-list .list-r .page{
     width: 100%;
     height: 30px;
     font-size: 13px;
     color: #999;
}
.article-list .list-r .page div{
     width: 220px;
     height: 27px;
     border: 1px solid #999;
     text-align: center;
     line-height: 27px;
     margin: 0 3px;
     white-space: nowrap; /* 防止文本换行 */
     overflow: hidden; /* 隐藏溢出的内容 */
     text-overflow: ellipsis; /* 显示省略号 */
     box-sizing: border-box;
    padding-left: 5px;
    padding-right: 5px;
}
.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;
}