/* home */
.home {
  /* height: calc( 100vh - 1.02rem ); */
  /* background-image: url('./../img/home/home.png'); */
  background: white;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  width: 100vw;
  padding-top: 1.50rem;
  padding-bottom: 0.66rem;
}

.home-universal {
  text-align: center;
  position: relative;
}

.home-universal .title {
  font-size: 0.48rem;
  font-weight: bold;
  color: #1E1E1E;
  line-height: 0.66rem;
}

.home-universal .slogan {
  font-size: 0.24rem;
  font-weight: 400;
  color: #1A1A1A;
}
.home-universal .details {
  width: 2.68rem;
  height: 0.80rem;
  border-radius: 0.40rem;
  border: 1px solid #35B7AD;
  font-size: 0.32rem;
  font-weight: 500;
  color: #35B7AD;
  line-height: 0.80rem;
  margin: 0 auto;
  display: inline-block;
}
.home-universal .describe {
  font-size: 0.24rem;
  font-weight: 400;
  color: #1A1A1A;
  line-height: 0.32rem;
}

.home-universal .arrow {
  width: 0.70rem;
  height: 0.70rem;
  position: absolute;
  bottom: 0.40rem;
  left: 3.40rem;
}
.home .title {
  font-size: 0.66rem;
  color: #2BA69D;
  line-height: 0.66rem;
}
.home-company {
  width: 5.55rem;
  height: 3.74rem;
  margin: 0.8rem 1.20rem 0 0.75rem;
}
.home .slogan {
  margin-top: 0.40rem;
  font-size: 0.36rem;
  line-height: 0.42rem;
}
.home .slogan > p {
  font-family: 'SourceHanSansCN-Normal';
}
.home .details {
  margin: 0.24rem auto 0;
}
.home .line {
  width: 0.6rem;
  height: 0.04rem;
  background: linear-gradient(90deg,#C8EFFF 0%, #3EE2D6 50%, #C8EFFF 100%);
  border-radius: 0.08rem;
  margin: 0.24rem auto;
}
.home .describe {
  margin-top: 0.2rem;
  font-size: 0.24rem;
  line-height: 0.32rem;
  font-weight: 400;
  color: #5F8887;
}
.home .describe > p {
  font-family: 'SourceHanSansCN-Normal';
}

.technology {
  background: linear-gradient(180deg, #fff 0%,#FCFDFE 20%, #fff);
  width: 100vw;
  padding-top: 1.12rem;
  background: white;
}
.technology .technology-img {
  width: 7.50rem;
  height: 7.26rem;
  margin: 0 auto 0;
}
.technology .title {
  margin-bottom: 0.33rem;
  letter-spacing: 0.04rem;
}
.technology .line {
  width: 1rem;
  height: 0.04rem;
  background: linear-gradient(90deg,#C8EFFF 0%, #3EE2D6 50%, #C8EFFF 100%);
  border-radius: 0.08rem;
  margin: 0.40rem auto 0;
}
.technology .subtitle {
  font-size: 0.28rem;
  font-weight: 500;
  color: #888889;
  letter-spacing: 0.03rem;
  color: #2BA69D;
  letter-spacing: 0.05rem;
}
.technology .technology-arrow {
  margin-bottom: 0.8rem;
}

.product {
  /* height: 100vh; */
  width: 100vw;
  /* padding-top: 1.63rem; */
  background: url('./../img/home/product-background.png');
  background-size: 100% 100%;
  background-repeat: no-repeat;
}

.product .title {
  font-size: 0.48rem;
  font-weight: 500;
  color: #1A1A1A;
  margin-bottom: 0.14rem;
  letter-spacing: 0.02rem;
}

.product .subtitle {
  font-size: 0.26rem;
  font-weight: 500;
  color: #8282A7;
}

.product .machine-name {
  display: inline-block;
  height: 0.46rem;
  background: #D4F0FC;
  border-radius: 0.23rem;
  font-size: 0.30rem;
  font-weight: 500;
  color: #005C6A;
  line-height: 0.46rem;
  letter-spacing: 0.02rem;
  margin: 0.29rem auto 0;
  padding:  0 0.36rem;
}

.product .product-columba {
  width: 5.08rem;
  height: 4.18rem;
  margin-left: 1.25rem;
}
.product .product-swan {
  width: 4.66rem;
  height: 3.94rem;
  margin: 0.46rem 1.41rem 0 1.43rem;
}
.product .product-nebula {
  width: 4.54rem;
  height: 2.66rem;
  margin: 1.0rem auto 0.60rem;
}
.product .special {
  width: 5.58rem;
  height: 1.60rem;
  margin: 0.14rem auto 0;
}

.product .special > div {
  width: 2.66rem;
  height: 1.60rem;
  background: transparent;
  /* box-shadow: 0px 5px 16px 0px rgba(0,0,0,0.08); */
  border-radius: 0.20rem;
  text-align: center;
  /* padding: 15rem 0; */
}

.product .special > div > img {
  width: 2.66rem;
  height: 1.60rem;
}

.product .special .special-point {
  font-size: 0.40rem;
  font-weight: 500;
  color: #35B7AD;
  margin-bottom: 0.13rem;
}

.product .describe {
  font-size: 0.26rem;
  font-weight: 500;
  color: #1A1A1A;
  margin-top: 0.25rem;
  line-height: 0.40rem;
  letter-spacing: 0.01rem;
}

.product .nebula-text {
  padding-left: 0.80rem;
  box-sizing: border-box;
  text-align: left;
}
.product .nebula-text > p:nth-child(4),.product .nebula-text > p:nth-child(5) {
  position: relative;
  top: -0.08rem;
}
.product .nebula-text .point {
  width: 0.08rem;
  height: 0.08rem;
  background: #2BA69D;
  display: inline-block;
  border-radius: 50%;
  margin-bottom: 0.05rem;
}
.product .nebula-text .transparent {
  background: transparent;
}

.product  .describe > p > span {
  color: #35B7AD;
}

.product  .details {
  background: linear-gradient(360deg, #2AAAA0 0%, #4CD6D2 100%);
  border-radius: 0.40rem;
  color: white;
  line-height: 0.74rem;
  margin-top: 0.72rem;
  display: inline-block;
}

.product .nebula-details {
  margin-top: 0.48rem;
}