/* ==================== 响应式设计 ==================== */
@media screen and (max-width: 1024px) {

}

/* 响应式设计 */
@media (max-width: 768px) {
  /* 768px以下显示768px图片 */
  .header-bg .img-1920 {
    display: none;
  }

  .header-bg .img-768 {
    display: block;
  }

  section {
    padding: 30px 0;
  }

  section ul {
    padding: 0 15px;
  }

  section li {
    flex-direction: column;
    margin-bottom: 30px;
  }

  .content-imgbox {
    width: 100%;
    height: 200px;
    border-radius: 8px 8px 0 0;
  }

  section li > div:last-child {
    width: 100%;
    padding: 24px;
    box-sizing: border-box;
    border-radius: 0 0 8px 8px;
  }

  section h3 {
    font-size: 18px;
  }

  section p {
    font-size: 13px;
  }

  .pagination {
    gap: 8px;
  }

  .pagination button {
    padding: 8px 12px;
    font-size: 13px;
  }
  #displaypagenum center{
    gap: 4px;
  }
  #displaypagenum a{
    padding: 6px 12px;
  }
  #displaypagenum .current{
    padding: 6px 12px;
  }
}

@media screen and (max-width: 480px) {

}