@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;

}
.certainly.mT0 .item:hover {

  margin-top: 10px;
}

@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;
  }

}



.xfuzz-Preferred .box .item {
  width: 292px;
  height: 250px;
  background: #FFFFFF;
  border-radius: 5px 5px 5px 5px;
  opacity: 1;
  filter: blur(undefinedpx);
  padding: 30px;
  position: relative;
  margin-top: 50px;
}

.xfuzz-Preferred .box .item>.title,
.xfuzz-Preferred .box .item .row .title {
  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;
  color: #3EA6E3;
  line-height: 40px;
  margin-bottom: 8px;
}

.xfuzz-Preferred .box .item>.introduce,
.xfuzz-Preferred .box .item .row .introduce {
  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: #333333;
  line-height: 24px;
}

.xfuzz-Preferred .box .item .bottomSignature {
  position: absolute;
  width: 100%;
  height: 52px;
  background: linear-gradient(179deg, #44DDFF 0%, #4DA1FF 100%);
  border-radius: 0px 0px 5px 5px;
  opacity: 1;
  filter: blur(undefinedpx);
  left: 0;
  bottom: 0;
  padding: 13px;
  text-align: right;
}





.xfuzz-VPA,
.xfuzz-application-scenarios,
.xfuzz-defect-type {
  width: 100%;
}

.xfuzz-defect-type .box {
  display: flex;
  justify-content: space-around;
  flex-wrap: wrap;
  align-items: center;
  margin-top: 20px;
}

.xfuzz-defect-type .box .item {
  width: 170px;
  height: 72px;
  background: #FFFFFF;
  border-radius: 5px;
  opacity: 1;
  border: 1px solid #F2F2F2;
  margin: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all 0.5s;
}

.xfuzz-defect-type .box .item:hover {
  background: #FFFFFF;
  box-shadow: 0px 0px 20px 1px rgba(62, 166, 227, 0.3);
  border-radius: 5px 5px 5px 5px;
  opacity: 1;
  border: 1px solid #F2F2F2;
}

.xfuzz-defect-type .box .item img {
  display: block;
  margin-right: 10px;
}

.certainly .item a {
  text-decoration: none;
}

.certainly .item .bg {
  height: 30px;
  position: absolute;
  top: 41%;
}

.qu .bg {
  top: 55% !important;
}

.certainly .item_base {
  width: 100%;
  height: 34px;
  position: absolute;
  background: url("../image/Vector\ 1\ \(1\).png") no-repeat;
  left: 0;
  bottom: -19px;
  display: none;
  background-size: contain;
}

@media screen and (max-width: 768px) {
  .xfuzz-defect-type .box .item {
    width: 43%;
  }

  .certainly .item .bg {
    height: 30px;
    position: absolute;
    top: 44%;
  }
}

.xfuzz-Preferred .col-md-5 {
  -ms-flex: 0 0 41.666667%;
  flex: 0 0 41%;
  max-width: 41%;
}

.xfuzz-Preferred .col-md-3 {
  max-width: 40%;
}

@media (min-width: 768px)  and (max-width:1168px) {
  .xfuzz-Preferred .col-md-5 {
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 50% !important;
    max-width: 50% !important;
  }

  .xfuzz-Preferred .col-md-3 {
    -ms-flex: 0 0 25% !important;
    flex: 0 0 46% !important;
    max-width: 46% !important;
  }
}