/* 小屏幕（手机）*/
@media (max-width: 800px) {
  .container {
    width: 100%;
    min-height: 100vh;
    overflow: hidden;
    position: relative;
    padding-bottom: 3.3rem;
  }
  .title .chinese-title {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.27rem;
    margin-bottom: 0.1rem;
  }
  .title .chinese-title .hung {
    width: 0.67rem;
    height: 0.01rem;
    background-color: #fff;
  }
  .title .chinese-title .info {
    display: flex;
    align-items: center;
  }
  .title .chinese-title .info span {
    font-weight: bold;
    font-size: 0.53rem;
    color: #ffffff;
  }
  .title .chinese-title .info .yellow {
    color: #e5a81d;
  }
  .title .english-title {
    font-size: 0.29rem;
    color: rgba(255, 255, 255, 0.45);
    text-align: center;
    font-weight: bold;
  }
  .small-title .chinese-title .info span {
    font-size: 0.43rem;
    color: #fff;
  }
  .small-title .english-title {
    color: rgba(255, 255, 255, 0.16);
    transform: translate(0, -0.15rem);
  }
  .bg-white-title .chinese-title .hung {
    background-color: #000;
  }
  .bg-white-title .chinese-title .info span {
    color: #000;
  }
  .bg-white-title .english-title {
    /* 创建一个从上到下的线性渐变背景 */
    background: linear-gradient(to bottom, rgba(167, 162, 162, 0), rgba(126, 119, 119, 0.3));
    /* 将背景裁剪为文本形状，仅显示文本部分的渐变 */
    -webkit-background-clip: text;
    /* 设置文本填充颜色为透明，以便显示背景渐变 */
    -webkit-text-fill-color: transparent;
    /* 对于不支持-webkit-background-clip: text的浏览器，将文本颜色也设置为透明 */
  }
  .hide-mobile {
    display: none !important;
  }
  .intro-banner {
    position: relative;
  }
  .mobile-header {
    width: 100%;
    padding-top: 0.7rem;
    position: absolute;
    z-index: 1;
    background: rgba(1, 86, 55, 0);
    transition: all 0.3s;
    /* .fold {
      display: grid;
      grid-template-rows: 0fr;
      overflow: hidden;
    } */
  }
  .mobile-header .head {
    display: flex;
    padding: 0 0.32rem;
    justify-content: space-between;
  }
  .mobile-header .head .logo {
    display: flex;
    gap: 0.1rem;
    align-items: center;
  }
  .mobile-header .head .logo .icon {
    width: 0.65rem;
  }
  .mobile-header .head .logo .icon img {
    width: 100%;
  }
  .mobile-header .head .logo .company-name {
    font-size: 0.32rem;
    color: #ffffff;
  }
  .mobile-header .head .menu .menu-icon {
    width: 0.56rem;
  }
  .mobile-header .head .menu .menu-icon img {
    width: 100%;
  }
  .mobile-header .nav {
    /* height: 1.65rem; */
    height: 0rem;
    width: 100%;
    /* background: #015637; */
    justify-content: space-between;
    display: flex;
    overflow: hidden;
  }
  .mobile-header .nav a {
    font-size: 0.35rem;
    color: #aacbbf;
  }
  .mobile-header .nav .active {
    color: #ffffff;
  }
  .mobile-header .nav-active {
    height: 1.65rem;
    padding: 0.69rem 0.32rem 0;
  }
  footer {
    width: 100%;
    /* height: 3.49rem; */
    position: absolute;
    bottom: 0;
    left: 0;
    background: #4b4f4d;
    padding: 0.27rem 0.32rem;
    font-size: 0.29rem;
    color: #ffffff;
  }
  footer a {
    font-size: 0.29rem;
    color: #ffffff;
  }
  footer .info-top {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    row-gap: 0.13rem;
  }
  footer .info-top div:nth-child(2n) {
    width: 5.76rem;
  }
  footer .hung {
    width: 9.36rem;
    height: 0.01rem;
    background-color: #fff;
    margin: 0.27rem 0;
  }
  footer .links {
    margin-top: 0.23rem;
    display: flex;
    flex-direction: column;
    gap: 0.13rem;
  }
  footer .police {
    display: flex;
    align-items: center;
    gap: 0.13rem;
  }
}
@media (min-width: 801px) {
  .hide-pc {
    display: none !important;
  }
}
/* 中等屏幕（平板电脑）*/
/* 大屏幕（台式电脑）*/
/* 超大屏幕（大型显示器）*/