body .home {
  background: url(../images/nbg.png) no-repeat;
  background-size: 100% 100%;
  position: relative;
  overflow: hidden;
}
body .home .container .bg_sec {
  background: url(../images/1.png) no-repeat;
  background-size: cover;
}
body .home .container .sec1 {
  display: flex;
  justify-content: space-between;
  position: relative;
}
body .home .container .sec1 .bg1 {
  position: absolute;
  left: 0;
  bottom: 0;
}
body .home .container .sec1 .bg1 img {
  width: 62.5vw;
}
body .home .container .sec1 .lbox {
  padding: 7.96875vw 0 0 6.6666666667vw;
  position: relative;
  z-index: 2;
}
body .home .container .sec1 .lbox .nr {
  width: 29.2708333333vw;
}
body .home .container .sec1 .lbox .nr .en {
  color: rgba(0, 0, 0, 0.8);
  line-height: 1.5;
  text-transform: capitalize;
}
body .home .container .sec1 .lbox .nr .cn {
  font-weight: 500;
  line-height: 1;
  margin: 0.625vw 0 2.0833333333vw 0;
}
body .home .container .sec1 .lbox .nr .des {
  color: #222;
  font-weight: 300;
  line-height: 1.5;
}
body .home .container .sec1 .rbox {
  position: relative;
  z-index: 2;
  overflow: hidden;
}
body .home .container .sec1 .rbox img {
  width: 48.9583333333vw;
  height: 34.1666666667vw;
  object-fit: cover;
  transition: all 600ms;
}
body .home .container .sec1 .rbox:hover img {
  transform: scale(1.05);
}
body .home .container .sec2 {
  padding: 6.25vw;
}
body .home .container .sec2 .title .en {
  color: rgba(0, 0, 0, 0.8);
  line-height: 1.5;
}
body .home .container .sec2 .title .cn {
  font-weight: 500;
  line-height: 1;
  margin: 0.625vw 0 4.1666666667vw 0;
}
body .home .container .sec2 .content {
  display: flex;
  justify-content: space-between;
  gap: 1.25vw;
}
body .home .container .sec2 .content .lbox {
  width: 27.5vw;
}
body .home .container .sec2 .content .lbox .item {
  background: rgba(238, 234, 224, 0.3);
  padding: 1.25vw 1.5625vw;
  gap: 3.125vw;
  display: flex;
  justify-content: space-between;
  transition: all 600ms;
  cursor: pointer;
}
body .home .container .sec2 .content .lbox .item:not(:last-child) {
  margin-bottom: 0.8333333333vw;
}
body .home .container .sec2 .content .lbox .item .num {
  color: #070707;
  margin-top: 0.2604166667vw;
}
body .home .container .sec2 .content .lbox .item .info {
  width: 21.5625vw;
}
body .home .container .sec2 .content .lbox .item .info .p1 {
  color: #070707;
  line-height: 1.5;
  margin-bottom: 0.8333333333vw;
}
body .home .container .sec2 .content .lbox .item .info .des {
  color: #696969;
  line-height: 1.5;
  font-weight: 300;
}
body .home .container .sec2 .content .lbox .item:hover, body .home .container .sec2 .content .lbox .item.on {
  background: #EEEAE0;
}
body .home .container .sec2 .content .rbox {
  width: 58.75vw;
  background: url(../images/bg1.png) no-repeat;
  background-size: cover;
  padding: 5.2083333333vw 5.2083333333vw 14.6875vw 5.2083333333vw;
  line-height: 1.5;
}
body .home .container .sec2 .content .rbox .box {
  display: none;
}
body .home .container .sec2 .content .rbox .box.on {
  display: block;
}
body .home .container .sec3 {
  padding: 0.9375vw 6.25vw 7.2916666667vw 6.25vw;
  display: flex;
  justify-content: space-between;
}
body .home .container .sec3 .title .en {
  color: rgba(0, 0, 0, 0.8);
  line-height: 1.5;
}
body .home .container .sec3 .title .cn {
  font-weight: 500;
  line-height: 1;
  margin: 0.625vw 0 4.1666666667vw 0;
}
body .home .container .sec3 .rbox {
  display: flex;
  gap: 1.25vw;
}
body .home .container .sec3 .rbox .item {
  width: 18.4895833333vw;
  background: rgba(238, 234, 224, 0.6);
  padding: 2.0833333333vw 2.7083333333vw 1.6666666667vw 2.0833333333vw;
}
body .home .container .sec3 .rbox .item .icon img {
  width: 3.6458333333vw;
}
body .home .container .sec3 .rbox .item .pt {
  color: #070707;
  font-weight: 500;
  line-height: 1.5;
  margin: 0.625vw 0 0.3125vw 0;
}
body .home .container .sec3 .rbox .item .des {
  color: #696969;
  font-weight: 300;
  line-height: 1.5;
}
@media screen and (max-width: 768px) {
  body .home .container .sec1 {
    flex-direction: column;
  }
  body .home .container .sec1 .bg1 img {
    width: 100%;
  }
  body .home .container .sec1 .lbox {
    padding: 20px 5%;
    width: 100%;
  }
  body .home .container .sec1 .lbox .nr {
    width: 100%;
  }
  body .home .container .sec1 .lbox .nr .cn {
    margin: 6px 0 20px 0;
  }
  body .home .container .sec1 .lbox .nr .des {
    font-size: 14px;
  }
  body .home .container .sec1 .rbox {
    width: 100%;
  }
  body .home .container .sec1 .rbox img {
    width: 100%;
    height: auto;
  }
  body .home .container .sec2 {
    padding: 20px 5%;
  }
  body .home .container .sec2 .title .cn {
    margin: 6px 0 20px 0;
  }
  body .home .container .sec2 .content {
    flex-direction: column;
    gap: 15px;
  }
  body .home .container .sec2 .content .lbox {
    width: 100%;
  }
  body .home .container .sec2 .content .lbox .item {
    padding: 12px 15px;
    gap: 10px;
  }
  body .home .container .sec2 .content .lbox .item:not(:last-child) {
    margin-bottom: 15px;
  }
  body .home .container .sec2 .content .lbox .item .num {
    margin-top: 3px;
  }
  body .home .container .sec2 .content .lbox .item .info {
    width: 100%;
  }
  body .home .container .sec2 .content .lbox .item .info .p1 {
    margin-bottom: 6px;
  }
  body .home .container .sec2 .content .rbox {
    width: 100%;
    padding: 20px;
  }
  body .home .container .sec3 {
    padding: 20px 5% 60px 5%;
    flex-direction: column;
  }
  body .home .container .sec3 .title .cn {
    margin: 6px 0 20px 0;
  }
  body .home .container .sec3 .rbox {
    flex-direction: column;
    gap: 15px;
  }
  body .home .container .sec3 .rbox .item {
    width: 100%;
    padding: 20px;
  }
  body .home .container .sec3 .rbox .item .icon img {
    width: 30px;
  }
  body .home .container .sec3 .rbox .item .pt {
    margin: 6px 0 3px 0;
  }
}

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