html, body {
  min-width: 100%;
}

.header-top {
  height: 310px;
  background-size: cover;
  background-position: center top;
  /*    img{
          width: 100%;
          height: 100%;
          object-fit: cover;
          display: none;
      }*/
}

@media screen and (max-width: 1200px) {
  .header {
    min-height: initial;
  }
  .nav, .container, .foot {
    width: 1024px;
  }
  .nav-warp {
    min-height: 70px;
    height: auto;
  }
  .main-nav {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
  }
  .footer {
    height: auto;
    background-size: cover;
    box-sizing: border-box;
    padding-bottom: 20px;
  }
}
@media screen and (max-width: 1024px) {
  .nav, .container, .foot {
    width: 768px;
  }
  .header-top {
    height: 270px;
  }
  .yqlj-box {
    float: none;
    display: flex;
    justify-content: space-around;
    margin: 0 auto;
  }
  .dh-xx {
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 768px) {
  .nav, .container, .foot {
    width: 616px;
  }
  .header-top {
    height: 180px;
  }
  .curr-position {
    height: auto;
  }
  .ff14 {
    font-size: 20px;
  }
  .f18 {
    font-size: 20px;
  }
}