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

.slideshow .carousel-caption p {
  height: 50px;
  font-size: 40px;
  font-weight: bold;
  color: #ffffff;
  line-height: 50px;
  letter-spacing: 1px;
}

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

/* 
    鐗圭偣
*/
.applicationTest_features {
  width: 100%;
}

.applicationTest_features .box {
  display: flex;
  justify-content: space-between;
  margin-top: 51px;
  padding-bottom: 51px;
  box-sizing: border-box;
}

.applicationTest_features .box .item {
  width: 363px;
  background: #ffffff;
  border-radius: 15px 15px 15px 15px;
  opacity: 1;
  filter: blur(undefinedpx);
  padding: 56px;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  justify-content: start;
  align-items: center;
  margin-top: 30px;
}

.applicationTest_features .box .item .title {
  width: 282px;
  height: 40px;
  font-size: 24px;
  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: 500;
  color: #3ea6e3;
  line-height: 40px;
  letter-spacing: 2px;
  margin-bottom: 64px;
  text-align: center;
}

.applicationTest_features .box .item .details {
  width: 363px;
  height: 72px;
  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;
  letter-spacing: 1px;
  padding: 20px;
}

.applicationTest_features .box .item .img {
  width: 200px;
  height: 200px;
  margin-top: 40px;
}

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

.applicationTest_features .col-11 {
  width: 564px;
  max-width: 564px;
}

@media screen and (max-width: 768px) {
  .applicationTest_features .col-11 {
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }

  .applicationTest_features {
    width: 100%;
    padding-top: 30px;
    box-sizing: border-box;
  }

  .applicationTest_features .box {
    justify-content: center;
    margin-top: 51px;
  }

  .applicationTest_features .box .item {
    margin-top: 50px;
  }

  .applicationTest_features .box .item .details {
    width: 100%;
    padding: 0;
  }

  .applicationTest_features .box .item .img {
    margin-top: 0;
  }
}

.applicationTest_experience {
  width: 100%;
}

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