.articlelist-liststyle21 dd{background:#fff;padding:10px;margin-bottom:20px;transition:all .5s;-webkit-transition:all .5s}
.articlelist-liststyle21 .date{float:left;width:100px;height:225px;color:#333;overflow:hidden;display:flex;display:-webkit-flex;justify-content:center;-webkit-justify-content:center;align-items:center;-webkit-align-items:center;flex-direction:column;-webkit-flex-direction:column}
.articlelist-liststyle21 dd .date_box1{font-size:18px}
.articlelist-liststyle21 dd .date_box1 .month{font-size:36px}
.articlelist-liststyle21 dd .date_box2{font-size:14px}
.articlelist-liststyle21 dd .date_box3{font-size:26px}
.articlelist-liststyle21 dd .pic{float:left;width:388px;height:225px;border:1px solid #f1f1f1;overflow:hidden}
.articlelist-liststyle21 dd .pic img{display:block;width:100%;transition:all .5s;-webkit-transition:all .5s}
.articlelist-liststyle21 dd .con{height:208px;padding:18px 12px 0 508px;transition:all .5s;-webkit-transition:all .5s}
.articlelist-liststyle21 .tt a,.articlelist-liststyle21 .tt{display:block;font-size:18px;line-height:26px;color:#333;font-weight:bold;transition:all .5s;-webkit-transition:all .5s}
.articlelist-liststyle21 .tt a{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.articlelist-liststyle21 dd .con .text{height:72px;font-size:14px;line-height:24px;margin:12px 0 25px;transition:all .5s;-webkit-transition:all .5s}
.articlelist-liststyle21 .more{display:inline-block;padding:5px 15px;text-align:center !important;color:#666;font-size:16px;font-family:"Futura LT Medium";border:1px solid #dcdcdc;border-radius:5px;transition:all .5s;-webkit-transition:all .5s}
.articlelist-liststyle21 dd:hover .pic img{transform:scale(1.02,1.02);-webkit-transform:scale(1.02,1.02);transition:all .5s;-webkit-transition:all .5s}
.articlelist-liststyle21 dd:hover .con .more{border:1px solid #fff;color:#fff}
.articlelist-liststyle21 .con a:hover{text-decoration:underline}
.articlelist-liststyle21 dd:hover{background:#008ee0;transition:all .5s;-webkit-transition:all .5s}
.articlelist-liststyle21 .clm3{-webkit-line-clamp:3}
.articlelist-liststyle21 .textOverClm{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3}
.articlelist-liststyle21 dd:hover .date,.articlelist-liststyle21 dd:hover .con .tt,.articlelist-liststyle21 dd:hover .con .tt a,.articlelist-liststyle21 dd:hover .con .text{color:#fff;transition:all .5s;-webkit-transition:all .5s}
@media screen and (max-width:767px){.articlelist-liststyle21 dd,.articlelist-liststyle21 dd .date,.articlelist-liststyle21 dd .pic,.articlelist-liststyle21 dd .con{height:auto}
.articlelist-liststyle21 dd,.articlelist-liststyle21 dd .date{padding-bottom:12px}
.articlelist-liststyle21 dd .date,.articlelist-liststyle21 dd .pic,.articlelist-liststyle21 dd .con{float:none;width:100%;text-align:center}
.articlelist-liststyle21 dd .con{padding:18px 10px;box-sizing:border-box}
.articlelist-liststyle21 dd .more{margin:0 auto}
.articlelist-liststyle21 .tt a{display:block}
}