.banner .banner-image { width: 100%; height: auto; object-fit: cover; max-height: 500px; min-height: 400px; }

.news-item { display: flex; align-items: center; padding: 36px 0; border-bottom: 1px solid #ddd; }

.news-item .news-item-cover { width: 326px; height: 200px; object-fit: cover; border-radius: 10px; margin-right: 30px; }

.news-item .news-item-content { flex: 1; overflow: hidden; color: #565656; }

.news-item .news-item-content .news-item-name { font-size: 18px; font-weight: bold; }

.news-item .news-item-content .news-item-desc { font-size: 12px; height: 40px; margin: 16px 0; line-height: 1.6; }

.news-item .news-item-content .news-item-footer { display: flex; align-items: center; }

.news-item .news-item-content .news-item-footer .news-item-more { font-family: Arial; width: 140px; height: 36px; border-radius: 4px; }

.news-item .news-item-content .news-item-footer .news-item-footer-item { display: flex; align-items: center; margin-left: 20px; color: #4a4a4a; font-size: 12px; }

.news-item .news-item-content .news-item-footer .news-item-footer-item .news-item-icon { margin-right: 10px; height: 18px; }

@media (max-width: 768px) { .banner .banner-image { height: 200px; min-height: 200px; }
  .news-item { display: block; padding: 20px 0; }
  .news-item .news-item-cover { width: 100%; height: auto; margin-right: 0; margin-bottom: 20px; }
  .news-item .news-item-content .news-item-name { font-size: 16px; }
  .news-item .news-item-content .news-item-desc { margin: 10px 0; }
  .news-item .news-item-content .news-item-footer { padding-bottom: 50px; position: relative; }
  .news-item .news-item-content .news-item-footer .news-item-footer-item { margin-left: 0; margin-right: 16px; }
  .news-item .news-item-content .news-item-footer .news-item-more { position: absolute; right: 0; bottom: 0; } }