.news-page{background:#f5f8fb;color:#263544}
.news-main-wrap{padding:72px 0 110px}
.news-main .mod-title{margin-bottom:36px}
.news-main .mod-title__name{position:relative;display:inline-block;padding-bottom:14px}
.news-main .mod-title__name:after{content:'';position:absolute;left:50%;bottom:0;width:42px;height:3px;background:#ee7b2d;transform:translateX(-50%)}
.news-main .mod-title__desc{max-width:720px;margin:16px auto 0;line-height:1.8}
.news-list{display:grid;gap:14px}
.news-list__item a{display:grid;grid-template-columns:132px minmax(0,1fr);min-height:148px;background:#fff;border:1px solid #e8eef4;border-radius:6px;box-shadow:0 10px 24px rgba(20,43,67,.04);overflow:hidden;transition:transform .3s,box-shadow .3s,border-color .3s}
.news-list__item a:hover{transform:translateY(-4px);border-color:#d5e6f8;box-shadow:0 16px 32px rgba(26,112,218,.1)}
.news-list__date{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px 12px;background:#f7fafd;border-right:1px solid #eef3f8;color:var(--color-main)}
.news-list__date b{font-size:42px;font-weight:700;line-height:1;letter-spacing:-.04em}
.news-list__date span{margin-top:8px;color:#8a97a4;font-size:13px;letter-spacing:.06em}
.news-list__item a:hover .news-list__date{background:var(--color-main);color:#fff}
.news-list__item a:hover .news-list__date span{color:rgba(255,255,255,.82)}
.news-list__body{display:flex;flex-direction:column;justify-content:center;min-width:0;padding:26px 32px 26px 28px}
.news-list__tag{width:max-content;margin-bottom:8px;color:#ee7b2d;font-size:12px;font-weight:700;letter-spacing:.08em;font-style:normal}
.news-list__body h3{color:#142b43;font-size:20px;font-weight:700;line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.news-list__body p{margin-top:8px;color:#7b8794;line-height:1.8;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.news-list__more{display:inline-flex;align-items:center;margin-top:12px;color:#315d91;font-size:13px}
.news-list__more:after{content:'';width:14px;height:14px;margin-left:4px;background:var(--svg-right) center/14px no-repeat;opacity:.7;transition:transform .25s,opacity .25s}
.news-list__item a:hover .news-list__body h3{color:var(--color-main)}
.news-list__item a:hover .news-list__more{color:var(--color-main)}
.news-list__item a:hover .news-list__more:after{opacity:1;transform:translateX(3px)}
@media (max-width:1024px){
.news-main-wrap{padding:56px 0 80px}
.news-list__item a{grid-template-columns:108px minmax(0,1fr);min-height:132px}
.news-list__date b{font-size:34px}
.news-list__body{padding:22px 22px 22px 20px}
.news-list__body h3{font-size:18px}
}
@media (max-width:768px){
.news-main .mod-title{margin-bottom:24px}
.news-list{gap:12px}
.news-list__item a{grid-template-columns:78px minmax(0,1fr);min-height:0}
.news-list__date{padding:18px 8px}
.news-list__date b{font-size:28px}
.news-list__date span{margin-top:6px;font-size:12px}
.news-list__body{padding:18px 16px}
.news-list__body h3{font-size:16px}
.news-list__body p{-webkit-line-clamp:2}
.news-list__more{margin-top:10px}
}
@media (max-width:360px){
.news-list__item a{grid-template-columns:1fr}
.news-list__date{flex-direction:row;justify-content:flex-start;gap:8px;padding:12px 16px 0;border-right:0;background:transparent}
.news-list__date b{font-size:22px}
.news-list__date span{margin-top:0}
.news-list__body{padding:8px 16px 16px}
}