/* 内容上方导航 */
.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 .listimg{
     width: 900px;
     margin-bottom: 20px;
}
.article-list .list-r .listimg .item{
     width: 290px;
     height: 254px;
     margin-left: 10px;
     margin-bottom: 10px;
}
.article-list .list-r .listimg .item div{
     width: 290px;
     height: 218px;
     overflow: hidden;
}
.article-list .list-r .listimg .item img{
     width: 290px;
     height: 218px;
     transition:All 0.4s ease-in-out;
   -webkit-transition:All 0.4s ease-in-out;
    -moz-transition:All 0.4s ease-in-out;
    -o-transition:All 0.4s ease-in-out;

}
.article-list .list-r .listimg .item p{
     width: 290px;
     height: 36px;
     text-align: center;
     line-height: 36px;
     white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
color: #666;

}
.article-list .list-r .listimg .item:hover img{
     transform:scale(1.1);
   -webkit-transform:scale(1.1);
    -moz-transform:scale(1.1);
    -o-transform:scale(1.1);
    -ms-transform:scale(1.1);

}
.article-list .list-r .listimg .item:hover p{
     color: #01824a;
}
/* 翻页 */
.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 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;
}



/* 暂无信息 */
.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;
}