.header {
  height: 520px;
  position: relative;
}
.header .banner .list {
  width: 100%;
  height: 520px;
}
.header .banner .list > li {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 50%;
  width: 100%;
  height: 520px;
  position: absolute;
  opacity: 0;
  transition: all 1s;
}
.header .banner li.active {
  opacity: 1;
}
.header .banner li:first-child {
  background-image: url(../image/index/banner1.png);
}
.header .banner li:nth-child(2) {
  background-image: url(../image/index/banner2.png);
}
.header .banner li:last-child {
  background-image: url(../image/index/banner3.png);
}
.header .banner ol {
  width: 100%;
  display: flex;
  position: absolute;
  bottom: 35px;
  justify-content: center;
}
.header .banner ol .circle {
  width: 12px;
  height: 12px;
  border-radius: 12px;
  background: #ffffff;
  opacity: 0.6;
  cursor: pointer;
  margin-right: 16px;
}
.header .banner ol .circle:last-child {
  margin-right: 0;
}
.header .banner ol .circle.active {
  width: 20px;
  opacity: 1;
}
.header .banner .text {
  position: absolute;
  font-size: 56px;
  text-align: center;
  line-height: 520px;
  color: #fff;
  z-index: 10;
  width: 100%;
}

/* 功能介绍 */
.function .title .classa {
  margin-top: 80px;
  font-size: 36px;
  color: #1e2023;
  text-align: center;
}
.function .title .classb {
  margin-top: 8px;
  font-size: 32px;
  color: #e00068;
  text-align: center;
}
.function .content .line {
  margin-top: 40px;
  display: flex;
  justify-content: space-between;
}
.function .content .line .item {
  height: 375px;
  background-size: cover;
  cursor: pointer;
  color: #fff;
  padding-bottom: 42px;
  padding-left: 40px;
  display: flex;
  justify-content: flex-end;
  flex-direction: column;
}
.function .content .line .item div {
  font-size: 32px;
}
.function .content .line .item p {
  display: none;
  margin-top: 16px;
}
.function .content .line .item:hover p {
  display: block;
}
.function .content .one {
  width: 840px;
}
.function .content .two {
  width: 620px;
}
.function .content .three {
  width: 400px;
}

.function .content .oneline .left {
  background-image: url(../image/index/img01.png);
}
.function .content .oneline .right {
  background-image: url(../image/index/img02.png);
}
.function .content .twoline .left {
  background-image: url(../image/index/img03.png);
}
.function .content .twoline .right {
  background-image: url(../image/index/img04.png);
}
.function .content .threeline .left {
  background-image: url(../image/index/img05.png);
}
.function .content .threeline .right {
  background-image: url(../image/index/img06.png);
}
.function .content .fourline .left {
  background-image: url(../image/index/img07.png);
}
.function .content .fourline .middle {
  background-image: url(../image/index/img08.png);
}
.function .content .fourline .right {
  background-image: url(../image/index/img09.png);
}
/* 功能介绍    --- end */

/* 质量方针    ---  start */
.direction {
  position: relative;
  margin-bottom: 180px;
  margin-top: 80px;
}
.direction .bg {
  background-image: url(../image/index/footer.png);
  z-index: 9;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 50%;
  width: 100%;
  height: 520px;
}
.direction .content {
  position: absolute;
  top: 200px;
  height: 420px;
  left: 50%;
  margin-left: -640px;
  background: linear-gradient(
    180deg,
    rgba(255, 255, 255, 0.52) 0%,
    #f1f1f1 100%
  );
}
.direction .title .classa {
  margin-top: 80px;
  font-size: 36px;
  color: #1e2023;
  text-align: center;
}
.direction .title .classb {
  margin-top: 8px;
  font-size: 32px;
  color: #e00068;
  text-align: center;
}
.direction .ul {
  margin-top: 60px;
  display: flex;
  padding: 0 190px;
  justify-content: space-between;
}
.direction .ul li {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.direction .ul li div {
  width: 60px;
  height: 60px;
  background-repeat: no-repeat;
}
.direction .ul .one div {
  background-image: url(../image/index/icon1.png);
}
.direction .ul .two div {
  background-image: url(../image/index/icon2.png);
}
.direction .ul .three div {
  background-image: url(../image/index/icon3.png);
}
.direction .ul .four div {
  background-image: url(../image/index/icon4.png);
}

/* 质量方针    ---   end */