/*文章列表*/
.articlelistbox .articlelist{width:880px; margin-left: -20px; display: none;}
.articlelistbox .articlelist.on{display: block;}
.articlelistbox .articlelist li{display: block; padding: 20px; transition: all .3s;}
.articlelistbox .articlelist li .articlelistleft{width: 260px; height: 156px; background: #eeeeee  center center no-repeat; background-size: 80% auto; border-radius: 3px; overflow: hidden;}
.articlelistbox .articlelist li .articlelistleft a{display: block; width: 100%; height: 100%;}
.articlelistbox .articlelist li .articlelistleft img{display: block; width: 100%; height: 100%; transition: all .5s;}
.articlelistbox .articlelist li:hover .articlelistleft img{transform: scale(1.1);}
.articlelistbox .articlelist li .articlelistright{width:550px; padding-left: 30px; max-height: 156px; overflow: hidden;}
.articlelistbox .articlelist li .articlelistright a h3{font-weight: bold; font-size: 20px; color: #1f2022; line-height: 30px; max-height: 60px; margin-bottom: 15px; margin-top: 3px;}
.articlelistbox .articlelist li .articlelistright a:hover h3{color: #e22c29;}
.articlelistbox .articlelist li .articlelistright a p{font-size: 14px; color: #666666; line-height: 24px; max-height: 48px; margin-bottom: 6px;}
.flowbar{font-size: 12px; color: #8a8a8a; line-height: 24px; overflow: hidden; height: 24px;}
.flowbar span{margin-right: 15px;}
.flowbar a{display: inline-block; zoom: 1; *display: inline; color: #8a8a8a; line-height: 24px; padding: 0 5px; border-radius: 3px; background: #f9f9f9; margin-right: 15px;}
.flowbar a:hover{color: #e22c29; background: #fbf1f1;}
.articlelistbox .articlelist li:hover{box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);}
.encycloplistbox .articlelist li.encycloplistallfont .articlelistright { max-height: 100%; padding-left: 0; width: 100%;}
.articlelistbox .articlelist li.encycloplistallfont .articlelistright { max-height: 100%; padding-left: 0; width: 100%;}