.articlelist-liststyle20 .fix{font-family:"Hanken-Light",Verdana,Arial}
.articlelist-liststyle20 .fix li{padding:30px;margin-bottom:40px;position:relative;background:#fff;transition:all .5s;-webkit-transition:all .5s}
.articlelist-liststyle20 .fix li .pic{position:absolute;left:30px;top:30px;display:block;width:40%}
.articlelist-liststyle20 .fix li .pic img{width:100%;display:block;max-width:100%;margin:0 auto;height:275px}
.articlelist-liststyle20 .fix li .con{padding-left:50%;height:276px}
.articlelist-liststyle20 .fix li .tt{display:block;height:48px;line-height:24px;color:#1a1a1a;font-size:14px;font-family:"Hanken-Book";margin:20px 0 8px 0}
.articlelist-liststyle20 .article-column-links{overflow:hidden;text-decoration:none;color:#1a1a1a;font-size:16px}
.articlelist-liststyle20 .tt a:hover{color:#2868e9;transition:all .5s;-webkit-transition:all .5s}
.articlelist-liststyle20 .fix li .date{height:30px;line-height:30px;color:gray;font-size:12px}
.articlelist-liststyle20 .fix li .date .time{padding-right:42px}
.articlelist-liststyle20 .fix li .date .icon{margin:0 10px 0 0}
.articlelist-liststyle20 .con .text{line-height:24px;height:72px;margin:20px 0 25px 0}
.articlelist-liststyle20 a.more{display:block;color:#28429a;height:35px;font-family:"Hanken-Book";line-height:35px}
.articlelist-liststyle20 .fix li .more span{font-size:18px}
.articlelist-liststyle20 .fix li:nth-child(even) .pic{left:auto;right:30px;top:30px}
.articlelist-liststyle20 .fix li:nth-child(even) .con{padding:0 50% 0 0}
.articlelist-liststyle20 .fix li:hover{box-shadow:0 0 10px rgba(0,0,0,.2);transition:all .5s;-webkit-transition:all .5s}
.articlelist-liststyle20 .fix li:hover .more{-webkit-transform:translateX(5px);transform:translateX(5px);transition:all .5s;-webkit-transition:all .5s}
.articlelist-liststyle20 .clm3{-webkit-line-clamp:3}
.articlelist-liststyle20 .btnHover:hover{opacity:.9;transition:all .5s;-webkit-transition:all .5s}
.articlelist-liststyle20 .textOverClm{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3}
.articlelist-liststyle20 .fwnormal,.articlelist-liststyle20 .article-column-categorys-title{color:#1a1a1a;font-size:16px}
@media screen and (min-width:992px) and (max-width:1200px){.articlelist-liststyle20 .fix li:nth-child(even) .con{padding:0 50% 0 0}
.articlelist-liststyle20 .fix li .pic{width:40%}
.articlelist-liststyle20 .fix li .con{padding-left:50%}
}
@media screen and (min-width:768px) and (max-width:991px){.articlelist-liststyle20 .fix{padding:0 40px}
.articlelist-liststyle20 .fix li .pic{position:relative;top:auto;left:auto;right:auto;width:100%}
.articlelist-liststyle20 .fix li .con{padding:0}
.articlelist-liststyle20 .fix li:nth-child(even) .pic{top:auto;left:auto;right:auto}
.articlelist-liststyle20 .fix li:nth-child(even) .con{padding:0}
}
@media screen and (max-width:767px){.articlelist-liststyle20 .fix{padding:0 10px}
.articlelist-liststyle20 .fix li{padding:10px}
.articlelist-liststyle20 .fix li .pic{position:relative;top:auto;left:auto;right:auto;width:100%}
.articlelist-liststyle20 .fix li .pic img{height:auto !important}
.articlelist-liststyle20 .fix li .con{padding:0}
.articlelist-liststyle20 .fix li:nth-child(even) .pic{top:auto;left:auto;right:auto}
.articlelist-liststyle20 .fix li:nth-child(even) .con{top:auto;left:auto;right:auto;padding:0}
}