@import "root.css";

.slideshow .carousel,
.slideshow .carousel-item .carousel-item-image {
  background-repeat: no-repeat;
  background-image: url("../image/banner/background/productBannerBg-1.png"),url("../image/banner/background/productBannerBg-0.png");
  background-size: contain,100% 100%;
  background-position: 100%  25px,center;
}
.slideshow .carousel-caption {
  text-align: left !important;
  top: 200px;
  right: 9%;
}
.slideshow .carousel-caption h5 {
  font-size: 50px;
  font-family: -apple-system, "Helvetica Neue", Helvetica, "Nimbus Sans L", Arial, "Liberation Sans", "Microsoft YaHei", "PingFang SC", "Hiragino Sans GB", "Source Han Sans CN", "Source Han Sans SC", "Wenquanyi Micro Hei", "WenQuanYi Zen Hei", "ST Heiti", SimHei, "WenQuanYi Zen Hei Sharp", sans-serif;
  font-weight: 600;
  color: #FFFFFF;
  letter-spacing: 1px;
  margin-bottom: 40px;
}
.slideshow .carousel-caption p {
  height: 50px;
  font-size: 40px;
  font-weight: bold;
  color: #FFFFFF;
  line-height: 50px;
  letter-spacing: 1px;

}
.performanceIndex .box .item {
  width: 363px;
  height: auto;
  background: #ffffff;
  border-radius: 5px 5px 5px 5px;
  opacity: 1;
  filter: blur(undefinedpx);
  padding: 10px;
  box-sizing: border-box;
  overflow: hidden;
}


.performanceIndex .box .item img {
  width: 153px;
  height: 184px;
}

.performanceIndex .row {
  justify-content: space-around;
}

.performanceIndex .col-md-6,
.col-xl-6 {
  -ms-flex: 0 0 48%;
  flex: 0 0 48%;
  max-width: 48%;
}

.performanceIndex .box .item h3 {
  height: 40px;
  font-size: 40px;
  font-family: -apple-system, "Helvetica Neue", Helvetica, "Nimbus Sans L", Arial, "Liberation Sans", "Microsoft YaHei", "PingFang SC", "Hiragino Sans GB", "Source Han Sans CN", "Source Han Sans SC", "Wenquanyi Micro Hei", "WenQuanYi Zen Hei", "ST Heiti", SimHei, "WenQuanYi Zen Hei Sharp", sans-serif;
  font-weight: bold;
  line-height: 40px;
  /* margin-top: 50px; */
}

.performanceIndex .box .item .bgble h3 {
  color: #3ea6e3;
}

.performanceIndex .box .item .bgble h3~p {
  font-size: 14px;
  font-family: -apple-system, "Helvetica Neue", Helvetica, "Nimbus Sans L", Arial, "Liberation Sans", "Microsoft YaHei", "PingFang SC", "Hiragino Sans GB", "Source Han Sans CN", "Source Han Sans SC", "Wenquanyi Micro Hei", "WenQuanYi Zen Hei", "ST Heiti", SimHei, "WenQuanYi Zen Hei Sharp", sans-serif;
  font-weight: 400;
  color: #3ea6e3;
  line-height: 20px;
}

@media screen and (max-width: 768px) {
  .performanceIndex .col-xl-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }

  .performanceIndex .box .item {
    height: 100%;
    margin-top: 50px;
  }

  .performanceIndex .box .item img {
    margin: 20px 0;
  }

  .PARTNERS p {
    margin: 80px auto;
  }
}



@media screen and (max-width: 768px) {
  .slideshow .carousel,
.slideshow .carousel-item .carousel-item-image {
  background-repeat: no-repeat;
  background-image: url("../image/banner/background/productBannerBg-1.png"),url("../image/banner/background/productBannerBg-0.png");
  background-size: contain,100% 100%;
  background-position: 100%  center,center;
}
  .slideshow .carousel-caption {
    left: 0 !important;
    right: 0 !important;
    top: 0;
    text-align: center;
    height: 100%;
    padding-top: 10px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }

  .slideshow .carousel-caption h5 {
    height: 40px;
    font-size: 30px;
    font-family: -apple-system, "Helvetica Neue", Helvetica, "Nimbus Sans L", Arial, "Liberation Sans", "Microsoft YaHei", "PingFang SC", "Hiragino Sans GB", "Source Han Sans CN", "Source Han Sans SC", "Wenquanyi Micro Hei", "WenQuanYi Zen Hei", "ST Heiti", SimHei, "WenQuanYi Zen Hei Sharp", sans-serif;
    font-weight: 600;
    color: #ffffff;
    line-height: 40px;
    letter-spacing: 1px;
    text-align: center;

  }

  .slideshow .carousel-caption p {
    height: 50px;
    font-size: 20px;
    font-weight: bold;
    color: #ffffff;
    line-height: 50px;
    letter-spacing: 1px;
    text-align: center;

  }
}

.zhuzi {
  display: flex !important;
  align-items: flex-end;
  margin-bottom: 50px;
  position: relative;
}

.zhuzi .z1 {
  width: 33%;
  margin: 0 5px;
  height: 97px;
  background: linear-gradient(179deg, #44ddff 0%, #4da1ff 100%);
  border-radius: 0px 0px 0px 0px;
  opacity: 1;
}

.zhuzi .z2 {
  width: 33%;
  height: 185px;
  background: linear-gradient(179deg, #44ddff 0%, #4da1ff 100%);
  border-radius: 0px 0px 0px 0px;
  opacity: 1;
  margin: 0 5px;
  position: relative;
}

.zhuzi .z2::after {
  position: absolute;
  content: "同类工具";
  bottom: -30px;
  left: -47px;
  height: 21px;
  font-size: 20px;
  font-family: -apple-system, "Helvetica Neue", Helvetica, "Nimbus Sans L", Arial, "Liberation Sans", "Microsoft YaHei", "PingFang SC", "Hiragino Sans GB", "Source Han Sans CN", "Source Han Sans SC", "Wenquanyi Micro Hei", "WenQuanYi Zen Hei", "ST Heiti", SimHei, "WenQuanYi Zen Hei Sharp", sans-serif;
  font-weight: 400;
  color: #000000;
  line-height: 30px;
}

.zhuzi .z3 {
  width: 33%;
  height: 315px;
  background: linear-gradient(180deg, #FFBA6A 2%, #FF8000 98%);
  border-radius: 0px 0px 0px 0px;
  opacity: 1;
  margin: 0 5px;
  position: relative;
}

.zhuzi .z3::after {
  position: absolute;
  content: "WINGFUZZ";
  bottom: -30px;
  left: -15px;
  height: 21px;
  font-size: 20px;
  font-family: -apple-system, "Helvetica Neue", Helvetica, "Nimbus Sans L", Arial, "Liberation Sans", "Microsoft YaHei", "PingFang SC", "Hiragino Sans GB", "Source Han Sans CN", "Source Han Sans SC", "Wenquanyi Micro Hei", "WenQuanYi Zen Hei", "ST Heiti", SimHei, "WenQuanYi Zen Hei Sharp", sans-serif;
  font-weight: 400;
  color: #000000;
  line-height: 30px;
}




@media screen and (max-width: 768px) {

  .zhuzi {
    display: flex !important;
    align-items: flex-end;
    margin-bottom: 50px;
    position: relative;
  }

  .zhuzi .z1 {
    width: 33%;
    margin: 0 5;
    height: 97px;
    background: linear-gradient(179deg, #44ddff 0%, #4da1ff 100%);
    border-radius: 0px 0px 0px 0px;
    opacity: 1;
  }

  .zhuzi .z2 {
    width: 33%;
    height: 185px;
    background: linear-gradient(179deg, #44ddff 0%, #4da1ff 100%);
    border-radius: 0px 0px 0px 0px;
    opacity: 1;
    margin: 0 5;
    position: relative;
  }

  .zhuzi .z2::after {
    position: absolute;
    content: "同类工具";
    bottom: -30px;
    left: -47px;
    height: 21px;
    font-size: 20px;
    font-family: -apple-system, "Helvetica Neue", Helvetica, "Nimbus Sans L", Arial, "Liberation Sans", "Microsoft YaHei", "PingFang SC", "Hiragino Sans GB", "Source Han Sans CN", "Source Han Sans SC", "Wenquanyi Micro Hei", "WenQuanYi Zen Hei", "ST Heiti", SimHei, "WenQuanYi Zen Hei Sharp", sans-serif;
    font-weight: 400;
    color: #000000;
    line-height: 30px;
  }

  .zhuzi .z3 {
    width: 33%;
    height: 315px;
    background: linear-gradient(180deg, #FFBA6A 2%, #FF8000 98%);
    border-radius: 0px 0px 0px 0px;
    opacity: 1;
    margin: 0 5;
    position: relative;
  }

  .zhuzi .z3::after {
    position: absolute;
    content: "WINGFUZZ";
    bottom: -30px;
    left: 0px;
    height: 21px;
    font-size: 20px;
    font-family: -apple-system, "Helvetica Neue", Helvetica, "Nimbus Sans L", Arial, "Liberation Sans", "Microsoft YaHei", "PingFang SC", "Hiragino Sans GB", "Source Han Sans CN", "Source Han Sans SC", "Wenquanyi Micro Hei", "WenQuanYi Zen Hei", "ST Heiti", SimHei, "WenQuanYi Zen Hei Sharp", sans-serif;
    font-weight: 400;
    color: #000000;
    line-height: 30px;
  }
}

.performanceIndex .box .item img {
  width: 100%;
  height: 100%;
}

@media screen and (max-width: 768px) {

  .performanceIndex .box .item img {
    width: 100%;
    height: 100%;
  }
}