.swiperDefault {
  width: 100vw;
  height: 100vh;
  overflow: hidden;
}

.swiperDefault > .swiper-wrapper > .swiper-slide {
  width: 100%;
  height: 100vh;
}
.swiperDefault > .swiper-wrapper > .swiper-slide:last-child {
  height: 6.2rem;
}

.swiperDefault > .swiper-wrapper > .swiper-slide:nth-child(3) {
  position: relative;
  z-index: 10;
}

/* banner */
.defaultBanner {
  width: 100%;
  height: 100vh;
  background-image: url(../images/home/banner.png);
  background-size: cover;
}
.bannerTxt {
  width: 100%;
  padding-top: 2.5rem;
}
.bannerTitle {
  width: 4.56rem;
  margin: 0 auto;
}
.bannerTitle > img {
  width: 100%;
}
.bannerT1 {
  width: 100%;
  text-align: center;
  font-family: "sys-bold";
  font-weight: bold;
  font-size: 0.55rem;
  letter-spacing: 0.1rem;
  color: #ffffff;
}
.bannerT2 {
  width: 12.93rem;
  margin: 0.13rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 0.13rem auto 0;
}
.bannerLine {
  width: 2.59rem;
  display: flex;
  align-items: center;
}

.cir {
  width: 0.08rem;
  height: 0.08rem;
  border: 0.01rem solid #ffffff;
  border-radius: 50%;
  opacity: 0.5;
}
.line {
  width: 2.44rem;
  border: 0.01rem solid #ffffff;
  opacity: 0.3;
}

.bannerT2 > p {
  font-family: "sys-bold";
  font-weight: bold;
  font-size: 0.35rem;
  color: #ffffff;
  letter-spacing: 0.05rem;
}

.wrap {
  width: 100%;
  height: 100vh;
  background-size: cover;
  position: relative;
}
/* 标准产品 */
.wrap.bg1 {
  background-image: url(../images/home/bg1.png);
}
.part1Top {
  width: 16rem;
  margin: 0 auto 0;
  padding-top: 1.3rem;
  display: flex;
  position: relative;
  justify-content: space-between;
  align-items: center;
}
.part1Title > p {
  font-family: "syh-bold";
  font-weight: bold;
  font-size: 0.4rem;
  color: #000000;
}
.part1Line {
  width: 1.8rem;
  height: 0.1rem;
  background: linear-gradient(90deg, #8300fa 0%, #fe0002 100%);
  border-radius: 0rem 0rem 0rem 0rem;
  margin-top: 0.1rem;
}
.part1Search {
  width: 3.12rem;
  height: 0.43rem;
  background: #ffffff;
  border-radius: 0.27rem 0.27rem 0.27rem 0.27rem;
  border: 0.02rem solid #b4b4b4;
  position: relative;
}

.part1Search > input {
  padding-left: 0.28rem;
  display: block;
  height: 100%;
}

.searchBtn {
  width: 0.32rem;
  height: 0.32rem;
  background-image: url(../images/home/search.png);
  background-size: 100% 100%;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0.1rem;
  filter: grayscale(100%);
  opacity: 0.5;
}

.part1Search.active {
  border: 0.02rem solid #c60000;
}
.part1Search.active > .searchBtn {
  filter: none;
  opacity: 1;
}

.part1Intro {
  font-family: "Montserrat-bold";
  font-weight: bold;
  font-size: 0.6rem;
  color: #000000;
  opacity: 0.03;
  position: absolute;
  left: 0.24rem;
}

.part1Middle {
  width: 17.54rem;
  display: flex;
  justify-content: space-between;
  margin: 0.3rem auto 0;
}

.part1Prev,
.part1Next {
  width: 0.36rem;
  height: 0.36rem;
  background: #ffffff;
  box-shadow: 0rem 0rem 0.15rem 0.01rem rgba(255, 64, 64, 0.13);
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  margin-top: 0.84rem;
  cursor: pointer;
}
.part1Prev > img {
  transform: rotateY(-180deg);
}
.part1Prev > img,
.part1Next > img {
  display: block;
  width: 0.11rem;
}

.part1Prev:hover,
.part1Next:hover {
  background-color: #c60000;
}

.part1Prev:hover > img,
.part1Next:hover > img {
  filter: brightness(0) invert(1);
}

.swiperMiddle {
  width: 16rem;
  overflow: hidden;
}

.swiperMiddle .swiper-slide {
  width: 2.37rem;
}
/* .activeBox{
  width: 2.37rem;
} */

.part1BgBox {
  width: 2.37rem;
  height: 2.37rem;
  /*  */
  border-radius: 0rem 0rem 0rem 0rem;
  border: 0.01rem solid rgba(255, 255, 255, 0.35);
  display: flex;
  justify-content: center;
  align-items: center;
}

.part1Pro {
  width: 2.27rem;
  height: 2.27rem;
  border-radius: 0rem 0rem 0rem 0rem;
  border: 0.01rem solid #d9d9d9;
  background-color: #fff;
}

.part1Pro > img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.part1T1 {
  text-align: center;
  margin-top: 0.23rem;
  font-family: "syh-re";
  font-weight: 400;
  font-size: 0.21rem;
  color: #000000;
}

.part1Jiao {
  width: 0.21rem;
  height: 0.14rem;
  margin: 0 auto;
  clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
  margin-top: 0.19rem;
  opacity: 0;
  background-color: #8300fa;
}
.part1Jiao.color1 {
  background-color: #8300fa;
}

.part1Jiao.color2 {
  background-color: #9f00c1;
}
.part1Jiao.color3 {
  background-color: #b40097;
}
.part1Jiao.color4 {
  background-color: #ca006c;
}
.part1Jiao.color5 {
  background-color: #dc0046;
}

.part1Jiao.color6 {
  background-color: #f2001a;
}

.activeBox.active .part1BgBox {
  background: linear-gradient(46deg, #9582d0 0%, #f97e82 100%);
}

.activeBox.active .part1T1 {
  color: #c60000;
}
.activeBox.active .part1Pro {
  border: none;
}
.activeBox.active .part1Jiao {
  opacity: 1;
}
.part1MiddleLine {
  width: 16rem;
  height: 0.08rem;
  background: linear-gradient(64deg, #8300fa 0%, #fe0002 100%);
  margin: 0rem auto 0;
}

.part1MiddleLineC{
    
}

.part1Bottom {
  width: 16rem;
  margin: 0.3rem auto 0;
  background: linear-gradient(
    to right,
    rgba(255, 255, 255, 0) 0%,
    rgba(255, 255, 255, 0) 20%,
    rgba(255, 255, 255, 1) 20%,
    rgba(255, 255, 255, 1) 100%
  );
  display: none;
  align-items: center;
  position: relative;
}

.part1Bottom.active {
  display: flex;
}

.part1ImgBox {
  width: 3.4rem;
  height: 3.4rem;
  position: relative;
}
.part1ImgLeft {
  width: 3.2rem;
  height: 3.2rem;
  background: linear-gradient(46deg, #9582d0 0%, #f97e82 100%);
  border: 0.01rem solid rgba(255, 255, 255, 0.35);
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  z-index: 10;
}
.part1ImgLeft > img {
  width: 3.05rem;
  height: 3.05rem;
}
.partImgRight {
  width: 3.11rem;
  height: 3.11rem;
  background: linear-gradient(225deg, #fb7e81 0%, #9583d0 100%);
  position: absolute;
  right: 0;
  bottom: 0;
}
.part1Introduce {
  margin-left: 0.74rem;
  width: 10.92rem;
}
.part1Title {
  font-family: "syh-bold";
  font-weight: bold;
  font-size: 0.3rem;
  color: #c60000;
}

.part1T2 {
  font-family: "syh-re";
  font-weight: 400;
  font-size: 0.18rem;
  color: #000000;
  line-height: 0.35rem;
  margin-top: 0.29rem;
}

.part1Btn {
  width: 1.6rem;
  height: 0.5rem;
  background: linear-gradient(90deg, #3a0899 0%, #f50008 100%);
  border-radius: 0.25rem 0.25rem 0.25rem 0.25rem;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 0.29rem;
  font-family: "syh-re";
  font-weight: 400;
  font-size: 0.16rem;
  color: #ffffff;
}

.part1Close {
  cursor: pointer;
  width: 0.21rem;
  height: 0.21rem;
  position: absolute;
  right: 0.44rem;
  top: 0.3rem;
}
.part1Close > img {
  width: 100%;
  display: block;
}

/* 客户化定制 */
.wrap.bg2 {
  background-image: url(../images/home/bg2.png);
}

.part2Title {
  text-align: center;
  padding-top: 1.5rem;
  font-family: "syh-bold";
  font-weight: bold;
  font-size: 0.4rem;
  color: #ffffff;
  position: relative;
}
.part2An{
  width: 100%;
  height: 100%;
  position: relative;
}
.part2Title > p {
  position: absolute;
  /* z-index: -1; */
  top: -0.05rem;
  left: 50%;
  transform: translateX(-50%);
  text-align: center;
  opacity: 0.03;
  font-family: "Montserrat-bold";
  font-weight: bold;
  font-size: 0.6rem;
  color: #ffffff;
}
.part2Dec {
  display: flex;
  justify-content: center;
  gap: 0.1rem;
  align-items: center;
  margin: 0.21rem auto 0;
}

.part2Dec > img {
  width: 1.54rem;
  display: block;
}

.part2Dec > p {
  font-family: "syh-re";
  font-weight: 400;
  font-size: 0.18rem;
  color: #ffffff;
}
.part2Dec > img:last-child {
  transform: rotateY(-180deg);
}

.part2Main {
  height: 56.4%;
  position: relative;
  margin: 0.2rem auto 0;
}
.part2Item {
  position: absolute;
  width: 25.3%;
  height: 50.15%;
  background-image: url(../images/home/kuang1.png);
  background-size: 100% 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.part2Item.item1 {
  left: 0;
  top: 25%;
}

.part2Item.item2 {
  left: 18.9%;
  top: 0;
}

.part2Item.item3 {
  left: 18.9%;
  bottom: 0;
}

.part2Item.item4 {
  left: 37.65%;
  top: 25%;
}
.part2Item.item4 +.part2Item.item4{
    display: none;
}
.part2Item.item5 {
  left: 56.4%;
  top: 0;
}
.part2Item.item6 {
  left: 56.4%;
  bottom: 0;
}
.part2Item.item7 {
  left: 75.3%;
  top: 25%;
}
.part2ItemC {
  width: 89%;
  height: 89%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
}

.part2ItemBg {
  background-image: url(../images/home/kuang2.png);
  background-size: 100% 100%;
  width: 100%;
  height: 100%;
  transform: rotate(90deg) scale(0);
  transition: all 0.6s;
  position: absolute;
  left: 0;
  top: 0;
}
.part2ItemC:hover .part2ItemBg {
  transform: rotate(0) scale(1);
}
.part2Icon {
  width: 0.84rem;
  height: 0.84rem;
  background-color: rgba(255, 255, 255, 0.2);
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  position: relative;
  z-index: 10;
}
.part2Icon > div {
  width: 0.66rem;
  height: 0.66rem;
  background: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
}
.part2Icon > div > img {
  width: 0.35rem;
  height: 0.35rem;
  object-fit: contain;
}
.part2T1 {
  font-family: "syh-bold";
  font-weight: bold;
  font-size: 0.25rem;
  color: #ffffff;
  line-height: 0.35rem;
  margin-top: 0.24rem;
  text-align: center;
  position: relative;
  z-index: 10;
}

.part2Center {
  width: 44%;
  /*height: 1.74rem;*/
  object-fit: contain;
  display: block;
}
.part2Contact {
  width: 16rem;
  height: 2rem;
  background-image: url(../images/home/bg3.png);
  background-size: 100% 100%;
  left: 50%;
  bottom: -1rem;
  transform: translateX(-50%);
  position: absolute;
  z-index: 10;
  padding: 0.52rem 0;
}

.part2ContactT1 {
  font-family: "syh-bold";
  font-weight: bold;
  font-size: 0.25rem;
  color: #ffffff;
  text-align: center;
}
.part2ContactBox {
  display: flex;
  justify-content: center;
  gap: 0.3rem;
  margin-top: 0.32rem;
  position: relative;
  transform: translateZ(0); /* 创建新的层叠上下文 */
}

.part2ContactBox > input {
  width: 3.5rem;
  height: 0.4rem;
  background: rgba(255, 255, 255, 0.33);
  border-radius: 0.05rem 0.05rem 0.05rem 0.05rem;
  border: 0.01rem solid rgba(255, 255, 255, 0.52);
  font-family: "syh-re";
  font-weight: 400;
  font-size: 0.16rem;
  color: #ffffff;
  padding-left: 0.12rem;
  position: relative;
  z-index: 10;
}
.part2ContactBox > input::placeholder {
  color: rgba(255, 255, 255, 0.7);
}

.part2ContactBox > button {
  width: 0.82rem;
  height: 0.4rem;
  background: rgba(255, 255, 255, 0.33);
  border-radius: 0.05rem 0.05rem 0.05rem 0.05rem;
  font-family: Source Han Sans SC, Source Han Sans SC;
  font-weight: 400;
  font-size: 0.16rem;
  color: rgba(255, 255, 255, 0.7);
}
.part2ContactBox > button:hover {
  color: #fff;
}

.bannerSwiper {
  width: 15.86rem;
  margin: 0.7rem auto 0;
  box-sizing: content-box;
  padding:0.2rem 0;
  overflow: hidden;
}

.bannerSwiper .swiper-slide {
  width: 5.48rem;
  height: 2.79rem;
  background: linear-gradient(
    180deg,
    rgba(255, 255, 255, 0) 0%,
    rgba(160, 162, 165, 0.6) 40%,
    #151a21 100%
  );
  border-radius: 0.2rem 0.2rem 0.2rem 0.2rem;
  overflow: hidden;
}
.bannerSwiper .swiper-slide > a{
    height: 100%;
    position: relative;
}
.bannerSwiper .swiper-slide > a::before{
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background: url(../images/product_bg.png) center;
    background-size: cover;
    left: 0;
    bottom: -1px;
}
.bannerSwiper .swiper-slide  img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.bannerMain {
  position: absolute;
  width: 100%;
  left: 0;
  bottom: 0.22rem;
  padding: 0 0.33rem;
}

.bannerT3 {
  font-family: "syh-bold";
  font-weight: bold;
  font-size: 0.26rem;
  color: #ffffff;
}

.bannerT4 {
  margin-top: 0.05rem;
  font-family: Source Han Sans SC, Source Han Sans SC;
  font-weight: 400;
  font-size: 0.18rem;
  color: #ffffff;
  line-height: 0.3rem;
}

@media screen and (max-width:1024px){
   .swiperDefault > .swiper-wrapper > .swiper-slide{
       height: auto;
   }
   .defaultBanner{
       height: auto;
   }
   .bannerTitle {
       width: 3rem;
   }
   .bannerT1{
       padding: 0 5%;
       font-size: .4rem;
   }
   .bannerT2{
       width: 100%;
       justify-content: center;
       gap: 3%;
   }
   .bannerLine{
       width: 15%;
   }
   .bannerSwiper{
       width: 100%;
   }
   .wrap.bg1{
       padding: 15px;
       height: auto;
   }
   .part1Middle{
       /*width: 94%;*/
       width: 100%;
       gap: 10px;
   }
   .part1Prev, .part1Next{
       flex-shrink: 0;
   }
   .swiperMiddle{
       width: 100%;
   }
   .swiperMiddle .swiper-slide{
       width: 3rem;
   }
   .part1T1{
       width: 2.37rem;
       font-size: 14px;
   }
   .part1Bottom{
       width: 100%;
   }
   .part1Title{
       font-size: 14px;
   }
   .part1T2{
       font-size: 12px;
   }
   .part1Btn{
       width: fit-content;
       font-size: 14px;
       padding: 0 10px;
   }
   .part2Main{
       width: 100%!important;
   }
   .part2Main {
       height: 3.5rem;
   }
   .wrap.bg2{
       height: 8rem;
   }
   .part2T1{
       font-size: 10px;
   }
   .part2Contact{
       width: 100%;
       padding:  15px;
   }
   .part2ContactBox > input{
       width: 1.7rem;
       font-size: 12px;
   }
   .part2ContactBox > button{
       font-size: 12px;
   }
   .swiperDefault > .swiper-wrapper > .swiper-slide:last-child{
      height: auto;
    }
    .part2Dec > p{
        font-size: 16px;
    }
   /*.wrap{*/
   /*    height: auto;*/
   /*}*/
   /*.wrap.bg2{*/
   /*    min-height: 80vh;*/
   /*}*/
}