/* PC端响应式适配 */
@media (max-width: 1440px) {
  .top-header-content,
  .nav-container,
  .accordion-container,
  .title-all,
  .xw-all,
  .px-container,
  .xm-container,
  .wp {
    width: 95%;
    max-width: 1400px;
  }

  .logo {
    width: 350px;
  }

  .search-box input {
    width: 220px;
  }
}

@media (max-width: 1200px) {
  .top-header-content,
  .nav-container,
  .accordion-container,
  .title-all,
  .xw-all,
  .px-container,
  .xm-container,
  .wp {
    width: 96%;
    margin: 0 auto;
  }

  /* 顶部栏调整 */
  .logo {
    width: 300px;
    height: 60px;
  }

  .top-links a {
    font-size: 13px;
    padding: 0 10px;
  }

  .search-box input {
    width: 180px;
    padding: 8px 40px 8px 15px;
  }

  /* 导航栏调整 */
  .nav-item > a {
    font-size: 15px;
    padding: 18px 0;
  }

  .dropdown {
    min-width: 400px;
  }

  /* 轮播图调整 */
  .dg-container,
  .dg-wrapper,
  .dg-wrapper a {
    width: 100%;
    height: 380px;
  }

  .banner {
    height: 400px;
  }

  /* 新闻动态区域 */
  .news-item {
    padding: 12px 0;
  }

  .news-item-title {
    font-size: 15px;
  }

  /* 手风琴调整 */
  .accordion-container {
    height: 380px;
  }

  .accordion-panel {
    flex: 0 0 100px;
  }

  .vertical-content {
    width: 100px;
    padding: 50px 0;
  }

  .panel-text {
    font-size: 22px;
  }

  /* 培训集锦调整 */
  .px-container .left-section {
    flex: 0 0 600px;
    height: 380px;
  }

  .px-container .left-section img {
    width: 550px;
    height: 330px;
  }

  .px-container .right-section {
    height: 330px;
  }

  .px-container .news-item {
    min-width: 200px;
    padding: 30px 25px;
  }

  /* 精品项目调整 */
  .top-image-wrapper {
    flex: 0 0 550px;
    height: 350px;
  }

  .top-image {
    width: 550px;
    height: 350px;
  }

  .top-section {
    min-height: 250px;
  }

  .xmcarousel-wrapper {
    width: calc(240px * 4 + 15px * 3);
  }

  .carousel-item {
    flex: 0 0 240px;
  }

  .carousel-item img {
    width: 240px;
    height: 150px;
  }

  .carousel-track {
    gap: 15px;
  }
}

@media (max-width: 1024px) {
  /* 顶部进一步压缩 */
  .top-header {
    height: 90px;
  }

  .logo {
    width: 250px;
    height: 50px;
  }

  .top-links {
    flex-wrap: wrap;
    gap: 5px;
  }

  .top-links a {
    font-size: 12px;
    padding: 0 8px;
  }

  /* 导航更紧凑 */
  .nav-item > a {
    font-size: 14px;
    padding: 15px 5px;
  }

  .dropdown {
    min-width: 350px;
  }

  .dropdown-links a {
    font-size: 14px;
    padding: 8px 15px;
  }

  /* 新闻动态改为单列 */
  .xw-all {
    flex-direction: column;
  }

  .xw-left,
  .xw-right {
    width: 100%;
  }

  .list-box {
    flex-direction: column;
  }

  .carousel-container {
    width: 100%;
  }

  .carousel-wrapper,
  .carousel-slide {
    width: 100%;
    height: auto;
    aspect-ratio: 604/398;
  }

  .news-list {
    padding: 20px;
  }

  /* 手风琴保持横向但更紧凑 */
  .accordion-container {
    height: 320px;
  }

  .accordion-panel {
    flex: 0 0 80px;
  }

  .vertical-content {
    width: 80px;
    padding: 40px 0;
  }

  .panel-text {
    font-size: 20px;
  }

  .top-icon {
    width: 45px;
    height: 45px;
  }

  /* 培训集锦改为单列 */
  .px-container {
    flex-direction: column;
  }

  .px-container .left-section {
    flex: none;
    width: 100%;
    height: 350px;
  }

  .px-container .left-section img {
    width: 90%;
    height: 300px;
  }

  .px-container .right-section {
    width: 100%;
    height: auto;
    gap: 15px;
  }

  /* 精品项目调整 */
  .top-section {
    flex-direction: column;
  }

  .top-text {
    width: 100%;
  }

  .top-image-wrapper {
    width: 100%;
    flex: none;
    height: 400px;
  }

  .top-image {
    width: 100%;
  }

  .xmcarousel-wrapper {
    width: calc(200px * 4 + 12px * 3);
  }

  .carousel-item {
    flex: 0 0 200px;
  }

  .carousel-item img {
    width: 200px;
    height: 130px;
  }

  .carousel-track {
    gap: 12px;
  }

  .carousel-item-title {
    font-size: 14px;
  }

  /* 底部调整 */
  .fix .ftl ul li {
    width: 23%;
    margin-right: 2%;
  }

  .fix .ftr {
    width: 100%;
    padding-top: 20px;
  }
}

/* 针对轮播图的特殊处理 */
@media (max-width: 1200px) {
  .carousel-slides {
    transition: transform 0.5s ease;
  }

  /* 重新计算currentSlide时使用百分比 */
  .carousel-slide {
    min-width: 100%;
  }
}