/* 默认横幅 */
.page-header{
  background-image: url("http://szshequ.org.cn/img/0/847/847562/1556650.jpg");
  height: 580px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}

.page-header-title {
  display: flex;
  justify-content: center;
  margin-top: -32px;
}
.page-header-title img {
  margin: 13px 0 0 0;
  width: 372px;
  height: 101px;
  user-select: none;
}
.page-header-logo {
  display: flex;
  justify-content: center;
  padding-top: 105px;
  /* height: 113px; */
}

/* 平板设备适配 (max-width: 1024px) */
@media screen and (max-width: 1024px) {
  .page-header {
    height: 50vh; /* 使用视口高度单位 */
    min-height: 400px; /* 设置最小高度 */
  }
  
  .page-header-title img {
    width: 320px;
    height: 87px;
  }
  
  .page-header-logo {
    padding-top: 80px;
  }
}

/* 小型平板设备适配 (max-width: 768px) */
@media screen and (max-width: 768px) {
  .page-header {
    height: 45vh;
    min-height: 350px;
  }
  
  .page-header-title {
    margin-top: -25px;
  }
  
  .page-header-title img {
    width: 280px;
    height: 76px;
    margin: 10px 0 0 0;
  }
  
  .page-header-logo {
    padding-top: 70px;
  }
}

/* 手机设备适配 (max-width: 480px) */
@media screen and (max-width: 480px) {
  .page-header {
    height: 40vh;
    min-height: 300px;
  }
  
  .page-header-title {
    margin-top: -20px;
  }
  
  .page-header-title img {
    width: 220px;
    height: 60px;
    margin: 8px 0 0 0;
  }
  
  .page-header-logo {
    padding-top: 60px;
  }
}

/* 小屏手机适配 (max-width: 360px) */
@media screen and (max-width: 360px) {
  .page-header {
    height: 35vh;
    min-height: 250px;
  }
  
  .page-header-title img {
    width: 180px;
    height: 49px;
  }
  
  .page-header-logo {
    display: none !important;
    padding-top: 50px;
  }
}

/* 横屏模式适配 */
@media screen and (orientation: landscape) and (max-height: 500px) {
  .page-header {
    height: 100vh;
    min-height: auto;
  }
  
  .page-header-logo {
    padding-top: 40px;
  }
}

@media (max-width: 767px) {
  .page-header-search--wrap {
    width: 90%;
    max-width: 400px;
  }
  
  .page-header-search-btn {
    width: 70px;
    font-size: 14px;
  }
}

@media (max-width: 480px) {
  .page-header-title img {
    width: 200px;
    height: auto;
  }
  
  .page-header-logo {
    padding-top: 40px;
  }
  
  .page-header-search--wrap input {
    font-size: 14px;
  }
  
  .page-header-search--wrap input::placeholder {
    font-size: 14px;
  }
}
/* 移动端适配 */
@media (max-width: 767px) {
  /* 隐藏logo */
  .page-header-logo {
    display: none !important;
  }
  
  /* 调整header背景图高度 */
  .page-header {
    background-image: url("http://szshequ.org.cn/img/0/847/847562/1556650.jpg");
    background-size: auto 120px; /* 减小背景图高度 */
    background-repeat: no-repeat;
    background-position: center top;
    min-height: 120px; /* 减小最小高度 */
    padding-bottom: 15px;
  }
  
  .page-header-title {
    padding-top: 20px; /* 调整标题上边距 */
  }
  
  .page-header-title img {
    max-height: 40px; /* 减小logo高度 */
  }
  
  .page-header-search--wrap {
    margin-top: 10px; /* 调整搜索框上边距 */
  }
}

/* 超小屏幕适配 */
@media (max-width: 480px) {
/* 隐藏logo */
  .page-header-logo {
    display: none !important;
  }

  .page-header {
    background-size: auto 100px;
    min-height: 100px;
  }
  
  .page-header-title {
    padding-top: 15px;
  }
  
  .page-header-title img {
    max-height: 70px;
    max-width: 70% !important;
  }
}