.x-top1 .list2 {
  width: 29.07%;
  margin-left: -8.5px;
  margin-right: -8.5px;
}
.x-top1 .list2 li {
  width: 25%;
  padding: 0 8.5px;
}

h2.bt {
  text-align: center;
  line-height: 1;
}
h2.bt b {
  display: block;
  font-size: 0.4rem;
  color: #333333;
}
@media (max-width: 780px) {
  h2.bt b {
    font-size: 24px;
  }
}
h2.bt p {
  font-size: 18px;
  color: #777777;
  margin-top: 14px;
  font-weight: 500;
  background: url(../images/h-1.png) no-repeat 50%;
}
@media (max-width: 780px) {
  h2.bt p {
    font-size: 16px;
  }
}
@media (max-width: 480px) {
  h2.bt p {
    font-size: 14px;
    line-height: 22px;
  }
}

.index-c1 {
  margin-top: 4.27vw;
  padding-bottom: 3.125vw;
}
@media (max-width: 780px) {
  .index-c1 {
    margin-top: 40px;
  }
}
.index-c1 .c1-con {
  margin-top: 0.36rem;
  display: flex;
  justify-content: space-between;
}
@media (max-width: 1200px) {
  .index-c1 .c1-con {
    flex-wrap: wrap;
  }
}

html {
  font-size: 100px;
  overflow-x: hidden;
}

@media screen and (max-width: 1440px) {
  html {
    font-size: 80px;
  }
}
@media screen and (max-width: 800px) {
  html {
    font-size: 70px;
  }
}
@media screen and (max-width: 600px) {
  html {
    font-size: 50px;
  }
}
.c1 {
  margin-top: 0.32rem;
}
.c1 .list2 {
  text-align: center;
}
.c1 .list2 li {
  float: left;
  margin: 0 10px;
  width: 279px;
}
.c1 .list2 li .img img {
  width: 100%;
}
.c1 .list2 li dd {
  font-size: 16px;
  color: #333333;
  margin-top: 19px;
}

.of {
  overflow: hidden;
}

/*# sourceMappingURL=index.css.map */