.home-news .swiper {padding:50px 0}
.home-news .newslist {display:flex;}
.home-news .newslist .newsitem {height:auto;overflow:hidden;margin-right:2%;width:23.5%;border-radius:var(--border);transition:all .2s ease;transform:translateY(0);display:flex;flex-direction:column}
.home-news .newslist .newsitem .img {position:relative;display:inline-block;width:100%;border:1px solid #dedee5}
.home-news .newslist .newsitem .img::before {position:absolute;top:0px;left:0px;display:inline-block;width:100%;height:100%;background-color:rgba(0,0,0,0);content:"";transition:all .2s ease}
.home-news .newslist .newsitem .info {flex:1;position:relative;border:1px solid #dedee5;border-top:none;border-bottom-right-radius:var(--border);border-bottom-left-radius:var(--border);background-color:#FFF}
.home-news .newslist .newsitem .info .inter {position:relative;display:flex;box-sizing:border-box;padding:14px 10px;background-color:#fafafb;align-items:center;justify-content:flex-end}
.home-news .newslist .newsitem .info .inter .date {position:absolute;bottom:0px;left:-1px;display:flex;width:68px;height:78px;background-color:var(--color);color:#FFF;align-items:center;justify-content:center;flex-direction:column}
.home-news .newslist .newsitem .info .inter .date .day {font-weight:var(--fontbold5);font-size:26px;line-height:1}
.home-news .newslist .newsitem .info .inter .date::before {position:absolute;top:-11px;right:-11px;border:11px solid transparent;border-bottom:11px solid var(--color);content:"";opacity:.8}
.home-news .newslist .newsitem .info .inter .btn {display:inline-flex;width:110px;height:40px;border:1px solid transparent;border-radius:var(--border);transition:all .2s ease;align-items:center;justify-content:center}
.home-news .newslist .newsitem .info .text {padding:30px 20px}
.home-news .newslist .newsitem .info .text p {display:-webkit-box;overflow:hidden;opacity:.6;-webkit-box-orient:vertical;-webkit-line-clamp:3}
.home-news .newslist .newsitem .info .title {display:inline-block;display:-webkit-box;overflow:hidden;margin-bottom:10px;font-weight:var(--fontbold5);font-size:18px;line-height:30px;transition:all .2s ease;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.home-news .newslist .newsitem:hover {transform:translateY(-10px)}
.home-news .newslist .newsitem:hover .img::before {background-color:rgba(0,0,0,.5)}
.home-news .newslist .newsitem:hover .info .inter .btn {border:1px solid var(--color);color:var(--color)}
.home-news .newslist .newsitem:hover .info .title {color:var(--color)}
.home-news .swiper-pagination {bottom:2px;display:flex;align-items:center;justify-content:center}
.home-news .swiper-pagination .swiper-pagination-bullet {display:inline-flex;width:14px;height:14px;border:1px solid #000;border-radius:0;background-color:transparent;align-items:center;justify-content:center}
.home-news .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active::before {display:inline-block;width:4px;height:4px;background-color:var(--color);content:""}
@media (max-width:500px){.home-news .newslist .newsitem {margin-right:0}
.home-news .newslist .newsitem .info .text {padding:20px 15px}
.home-news .newslist .newsitem .info .title {line-height:1.2;-webkit-line-clamp:3}
.home-news .swiper {padding-top:30px}}