@media screen and (max-width: 768px) {
  .about .article_list {
    width: 95% !important;
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 1.75rem !important;
    margin-bottom: 13.125rem !important;
  }
  .about .article_list .article_item {
    height: 73.875rem !important;
  }
  .about .article_list .article_item .article_info .article_title {
    font-size: 4.125rem !important;
    height: auto !important;
  }
  .about .article_list .article_item .article_info .article_summary {
    padding: 1.75rem !important;
  }
  .about .article_list .article_item .article_info .article_summary p {
    font-size: 2.875rem !important;
  }
  .about .article_list .article_item .article_info .article_time {
    font-size: 2.875rem !important;
  }
  .about .pagination .page-item {
    width: 8rem !important;
    height: 8rem !important;
  }
  .about .pagination .page-item .page-link {
    font-size: 3rem !important;
  }
  .about .go_to_page span,
  .about .go_to_page input {
    font-size: 3.5rem;
  }
}