.home-news { padding: 70px 0 45px; background: #f5f7fa; }
.home-news-carousel { position: relative; padding: 0 52px; }
.home-news-list { display: flex; justify-content: center; margin: 0; padding: 0; list-style: none; }
.home-news-list .home-news-card { box-sizing: border-box; width: 33.333333%; padding: 12px; float: none; }
.home-news-list .item { height: 100%; background: #fff; box-shadow: 0 4px 18px rgba(39,62,138,.08); }
.home-news-list .Img a { display: block; }
.home-news-list .Img img { display: block; width: 100%; height: 220px; object-fit: cover; }
.home-news-list .Txt { padding: 24px; }
.home-news-list .tagDateBox { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; margin-bottom: 16px; font-size: 13px; }
.home-news-list .newIcon { padding: 4px 10px; color: #fff; background: #273e8a; }
.home-news-list .date { color: #666; }
.home-news-list h3 { margin: 0 0 14px; font-size: 20px; line-height: 1.6; }
.home-news-list h3 a { color: #222; }
.home-news-list p { margin: 0 0 20px; color: #555; font-size: 15px; line-height: 1.8; }
.home-news-list .more a { color: #273e8a; font-size: 14px; }
.home-news-list.slick-initialized { display: block; }
.home-news-list .slick-track { display: flex; }
.home-news-list .slick-slide { height: auto; }
.home-news-list .slick-slide > div { height: 100%; }
.home-news-arrow { position: absolute; top: 50%; z-index: 2; transform: translateY(-50%); width: 42px; height: 42px; padding: 9px; border: 1px solid #273e8a; border-radius: 50%; background: #fff; color: #273e8a; cursor: pointer; }
.home-news-prev { left: -48px; }
.home-news-next { right: -48px; }
.home-news-arrow svg { display: block; width: 100%; height: 100%; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
.home-news-arrow:hover { background: #273e8a; color: #fff; }
.home-news-arrow:focus-visible { outline: 3px solid #6886df; outline-offset: 3px; }
.home-news-arrow.slick-hidden { display: none; }
.home-news-all { margin-top: 24px; }
@media (max-width: 767px) {
  .home-news { padding: 45px 0 30px; }
  .home-news .titleBox h2 { font-size: 30px; }
  .home-news-carousel { padding: 0 34px; }
  .home-news-list .home-news-card { width: 100%; padding: 8px; }
  .home-news-list:not(.slick-initialized) { flex-direction: column; }
  .home-news-list .Txt { padding: 20px; }
  .home-news-list .Img img { height: 190px; }
  .home-news-arrow { width: 32px; height: 32px; padding: 6px; }
  .home-news-prev { left: -32px; }
  .home-news-next { right: -32px; }
}

