.uc-w21-container .font-clear-sans {
  font-family: ClearSans;
}
.uc-w21-container .text1 {
  font-family: ClearSans-Bold;
  font-size: 3rem;
  font-weight: 700;
}
.uc-w21-container .text3 {
  font-family: ClearSans;
  font-size: 1.875rem;
  font-weight: 400;
}
.uc-w21-container .p1-text1 {
  font-family: ClearSans-Bold;
  font-size: 3.375rem;
  line-height: 4.25rem;
  font-weight: 700;
  width: 53.75rem;
}
.uc-w21-container .p1-text2 {
  opacity: 0.8;
  font-family: ClearSans-Bold;
  font-size: 1.875rem;
  font-weight: 700;
  margin: 2.5rem 0 1.875rem;
}
.uc-w21-container .p1-text3 {
  opacity: 0.8;
  width: 46.5rem;
  margin-bottom: 3.75rem;
}
.uc-w21-container .p1 {
  width: 100%;
  height: 62.375rem;
  position: relative;
  color: white;
}
.uc-w21-container .p1 img {
  width: 100%;
}
.uc-w21-container .p1.on {
  color: black;
}
.uc-w21-container .p1.on .p1-bg2 {
  opacity: 1;
}
.uc-w21-container .p1-text {
  padding: 18rem 0 0 13.5rem;
  position: absolute;
  top: 0;
  z-index: 3;
}
.uc-w21-container .p1-bg1,
.uc-w21-container .p1-bg2 {
  transition: opacity 1s;
  position: absolute;
  top: 0;
}
.uc-w21-container .p1-bg2 {
  opacity: 0;
}
.uc-w21-container .p1-link a {
  display: inline-block;
  padding: 0.25rem 1.75rem;
  background-image: linear-gradient(90deg, #408ede 0%, #26cad3 100%);
  border-radius: 1.875rem;
  font-family: PingFangSC-Regular;
  font-size: 1.25rem;
  font-weight: 400;
  color: white;
  margin-right: 2.5rem;
  transition: color 1s, background-image 1s;
}
.uc-w21-container .p1 a:hover {
  background-image: linear-gradient(90deg, #fff 0%, #fff 100%);
  color: black;
}
.uc-w21-container .flex {
  display: flex;
}
.uc-w21-container .flex-col {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.uc-w21-container .p2 {
  width: 100%;
  height: 82.875rem;
  text-align: center;
  overflow: hidden;
}
.uc-w21-container #v1 {
  /* width: 100%;
    height: 67.5rem; */
  width: 75rem;
  height: 51.25rem;
}
.uc-w21-container .p2 .text1 {
  margin: 4.75rem 0 2.75rem;
}
.uc-w21-container .p2 .text2 {
  width: 80rem;
  margin-bottom: 2.5rem;
}
.uc-w21-container .p3 {
  width: 100%;
  text-align: center;
}
.uc-w21-container .p3 .text1 {
  margin: 7.375rem 0 3rem;
}
.uc-w21-container .p3 .text2,
.uc-w21-container .p4 .text2,
.uc-w21-container .p5 .text2,
.uc-w21-container .p6 .text2 {
  width: 80rem;
}
.uc-w21-container .p3 .text3 {
  margin: 3rem 0 4.75rem;
}
.uc-w21-container #v2 {
  width: 100%;
  height: 37.5rem;
}
.uc-w21-container .p4 {
  width: 100%;
  height: 60.625rem;
  text-align: center;
}
.uc-w21-container .p4 .text1 {
  margin: 6.25rem 0 3.375rem;
}
.uc-w21-container .p4 .text3 {
  margin: 3.375rem 0 6.5rem;
}
.uc-w21-container .p4 video {
  margin: 0 3rem;
}
.uc-w21-container .p5 {
  width: 100%;
  height: 92.125rem;
  text-align: center;
}
.uc-w21-container .p5 .text1 {
  margin: 6.375rem 0 3.75rem;
}
.uc-w21-container .p5 .text3 {
  /* margin: 60px 0; */
  margin-top: 3.75rem;
}
.uc-w21-container #v5 {
  width: 120rem;
  height: 58.125rem;
}
.uc-w21-container .p6 {
  width: 100%;
  height: 65.375rem;
}
.uc-w21-container .p6 .text1 {
  margin-bottom: 2.875rem;
}
.uc-w21-container .p6 .text3 {
  margin: 2.875rem 0 4.125rem;
}
.uc-w21-container .p6 video {
  width: 62.5rem;
  height: 31.25rem;
  margin-bottom: 4.25rem;
}
.uc-w21-container #v3,
.uc-w21-container #v4 {
  width: 42rem;
}
.uc-w21-container .p6-item {
  margin: 0 2.625rem;
  opacity: 0.5;
  font-family: ClearSans-Light;
  font-size: 1rem;
  color: #000000;
  text-align: center;
  font-weight: 400;
  cursor: pointer;
}
.uc-w21-container .p6-bg {
  width: 9rem;
  height: 5.25rem;
  border: 0.125rem transparent solid;
  -o-border-image: linear-gradient(to bottom, #fff 100%, #fff 100%) 1 10;
     border-image: linear-gradient(to bottom, #fff 100%, #fff 100%) 1 10;
  margin-bottom: 1rem;
}
.uc-w21-container .p6-bg img {
  width: 100%;
}
.uc-w21-container .p6-item.on {
  opacity: 1;
}
.uc-w21-container .p6-item.on .p6-bg {
  -o-border-image: linear-gradient(to bottom, #3c86c6 100%, #2eb7c1 100%) 1 10;
     border-image: linear-gradient(to bottom, #3c86c6 100%, #2eb7c1 100%) 1 10;
}
.uc-w21-container .p7 {
  padding: 14.75rem 0 0 55.875rem;
  width: 100%;
  height: 56.625rem;
  background-size: cover;
  position: relative;
  overflow: hidden;
}
.uc-w21-container .p7 .text2 {
  width: 36.75rem;
  margin-top: 2.5rem;
}
.uc-w21-container .p8 {
  width: 100%;
  height: 69.375rem;
  text-align: center;
  position: relative;
  overflow: hidden;
}
.uc-w21-container .p8 .text1 {
  margin: 11.375rem 0 3.5rem;
}
.uc-w21-container .p8-text2 {
  font-family: ClearSans-Light;
  font-size: 1.375rem;
  font-weight: 400;
  width: 59.875rem;
}
.uc-w21-container .p8 img {
  position: absolute;
  transition: all 2s;
}
.uc-w21-container .p8-1 {
  width: 11.875rem;
  height: 25.75rem;
  left: 4.875rem;
  bottom: 0;
  transform: translateY(25.75rem);
}
.uc-w21-container .p8-2 {
  width: 6.5rem;
  height: 19.25rem;
  top: 29.125rem;
  left: 18.375rem;
  transform: translateY(40.125rem);
}
.uc-w21-container .p8-3 {
  width: 13.25rem;
  height: 28rem;
  bottom: 0;
  left: 21.125rem;
  transform: translateY(28rem);
}
.uc-w21-container .p8-4 {
  width: 9.125rem;
  height: 27.875rem;
  bottom: 10.25rem;
  left: 40.625rem;
  transform: translateY(38.125rem);
}
.uc-w21-container .p8-5 {
  width: 17.25rem;
  height: 33.75rem;
  bottom: 0;
  left: 55.875rem;
  transform: translateY(33.75rem);
}
.uc-w21-container .p8-6 {
  width: 5.75rem;
  height: 17rem;
  right: 38.625rem;
  bottom: 24.875rem;
  transform: translateY(40.125rem);
}
.uc-w21-container .p8-7 {
  width: 13.875rem;
  height: 28rem;
  right: 27.625rem;
  bottom: 0;
  transform: translateY(28rem);
}
.uc-w21-container .p8-8 {
  width: 20.125rem;
  height: 26.625rem;
  right: 0;
  bottom: 0;
  transform: translateY(26.625rem);
}
.uc-w21-container .p8.on img,
.uc-w21-container .p7.on .p7-img {
  transform: translateY(0);
}
.uc-w21-container .p7.on .p7-img {
  opacity: 1;
}
.uc-w21-container .p7-img {
  position: absolute;
  width: 14.25rem;
  height: 25.75rem;
  bottom: 6.9rem;
  left: 17rem;
  transform: translateY(15rem) translateX(-10rem);
  transition: all 2s linear;
  opacity: 0;
}
.uc-w21-mb-container {
  font-family: Roboto-Regular, ClearSans;
}
.uc-w21-mb-container .font-roboto-medium {
  font-family: Roboto-Medium;
}
.uc-w21-mb-container .font-open-sans {
  font-family: OpenSans;
}
.uc-w21-mb-container .font-open-sans-light {
  font-family: OpenSans-Light;
}
.uc-w21-mb-container .uc-w21-mb-product {
  height: 77.875rem;
}
.uc-w21-mb-container .uc-w21-mb-product .brochure-btn {
  background: #006ee6;
}
.uc-w21-mb-container .uc-w21-mb-product .specifications-btn {
  color: #006ee6;
  border: 0.125rem solid #006ee6;
}
.uc-w21-mb-container .mbp2 br {
  display: none;
}
.uc-w21-mb-container .w21-dfov-angle-mb-product .swiper-container .swiper-wrapper .swiper-slide .img-swiper img {
  transition: opacity 1.5s;
}
.uc-w21-mb-container .w21-dfov-angle-mb-product .swiper-container .swiper-wrapper .swiper-slide .img-swiper img.on {
  opacity: 1;
}
.uc-w21-mb-container .w21-dfov-angle-mb-product .swiper-container .swiper-wrapper .swiper-slide .linear {
  background: linear-gradient(to right, #697dff, #75c5f4);
  -webkit-background-clip: text;
}


.is-vertical .uc-w21-mb-container .swiper-pagination{bottom: 0;}

.body-wrap .uc-w21-mb-container .swiper-pagination .swiper-pagination-bullet{background: #75c5f4;}

.body-wrap .uc-w21-mb-container .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background: #196fd2;}