.fd::after {
  content: " ";
  display: block;
  clear: both;
}

.fd {
  zoom: 1;
}

.animated {
  animation-duration: 1s;
  animation-fill-mode: both;
}

.container, .wrap, .index-container, .foot-container, .drop-container {
  padding-right: 15px;
  padding-left: 15px;
  margin: 0 auto;
}

@media (min-width: 768px) {
  .container, .wrap, .index-container, .foot-container, .drop-container {
    padding-right: 0px;
    padding-left: 0px;
  }
  .wrap, .container, .foot-container {
    width: 750px;
  }
}

@media (min-width: 992px) {
  .index-container, .wrap, .container, .foot-container {
    width: 970px;
  }
}

@media (min-width: 1260px) {
  .index-container, .wrap, .container, .foot-container {
    width: 1100px;
  }
}

@media (min-width: 1460px) {
  .wrap {
    width: 1400px;
  }
  .container, .index-container, .foot-container {
    width: 1400px;
  }
}

@media (min-width: 1680px) {
  /*  首页内容区 */
  .container {
    width: 1440px;
  }
}