.part{
  margin: 0 12vw;
}
@media screen and (min-width: 0) and (max-width: 640px) {
  .part{
    margin: 0 7.7778vw;
  }
} 

.kv .title{
	width: 100%;    text-shadow: 0 0 5px #838383;color: #ffffff;
}
.kv .title br{
	display:none
}
@media screen and (min-width: 0) and (max-width: 640px) {
	.kv .title br{
		display:inherit;
	}
} 

.part-case-introduction .transformation-demands{
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: center;
  align-items: center; padding-bottom: 4%;
}

.part-case-introduction{
  padding: 0;margin-bottom: 2vw;
}
.part-case-introduction .title{
  font-size: 2.3vw;
}
@media screen and (min-width: 0) and (max-width: 1024px) {
  .part-case-introduction .title{
    font-size: 6.7vw;margin-top: 8.7vw;
  }
}
.part-case-introduction .transformation-demands .pic img{
	    margin: auto;
}


.part-introduction{
  background-color: #eaedf5;border-radius: 2vw;    padding: 0;
}

.part-introduction > .title{
  position: absolute;
  left: 4%;
  top: 10%; 
} 
.part-introduction > .title > span{
  position: relative;    z-index: 2;
}
.part-introduction > .title:after,
.part-introduction > .title:before{
  content: "";
  position: absolute;
  background-color: #dadde5;
  width: 1.4vw;
  height: 4vw;
  transform: skewX(-14deg);
  left: -4%;
  z-index: 1;
}
.part-introduction > .title:after{
  left: 24%;
}
.part-introduction > .title:before{

}

  
  
  
.part-introduction .introduction .text-container .logo{
  font-size: 0;text-align: right;margin-bottom: 3vw;
}

.part-introduction .introduction{
    flex-direction: row-reverse; 
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 2rem; 
}
.part-introduction .introduction .text-container{
  margin-top: 4%;text-align: right;
   width: 56%;
    padding: 0 6vw;font-size: 1.3vw;
}
.part-introduction .introduction.qa .text-container {
	width: 100%;text-align: left;
}
.part-introduction .introduction .text-container .text{
  text-align: left;    margin-bottom: 3vw;
}    
.part-introduction .introduction .text-container .title{
  margin-bottom: 1.6vw;
}
.part-introduction .introduction.qa .text-container .title{
	width: auto;
}
.part-introduction .introduction .text-container .title:after{
  content: "";
  position: absolute;
  height: 2px;
  width: 62%;
  left: 70%;
  bottom: -5%;
  background-color: #000;
  z-index: 1;
} 
.part-introduction .introduction.qa .text-container .title:after{
	width:100%;left:0;transform: none;
}

.part-introduction .introduction .portrait{
  font-size: 1.2vw;    margin: 0 0 0 22%;
  display: flex;
  flex-direction: column;
  align-content: center;
  justify-content: center;
  align-items: center;
}
.part-introduction .introduction.qa .portrait{
	margin: 0 6% 0 15%;    width: 18%;
}
.part-introduction .introduction .portrait .portrait-img{
  width: 9vw;
  border-radius: 50%;margin-bottom: 9%;
}
@media screen and (min-width: 0) and (max-width: 1024px) {
    .part-introduction{
      margin: 0;border-radius:0;
    }
    .part-introduction > .title{ 
      left: 7.7778vw;         font-size: 6.6vw;   top: 9vw;
    } 
    .part-introduction > .title:after, .part-introduction > .title:before{
      width: 4.4vw;
      height: 14vw;left: 12%;
    }
    .part-introduction > .title:after{
      left: 40%;
    }
    .part-introduction .introduction .title{
      font-size: 4.4vw;
    }
    .part-introduction .introduction .text-container .title:after{
      left: -2%;
      bottom: -22%;
    }
    .part-introduction .introduction .text-container{
      text-align: left;    padding-top: 58vw;    padding-bottom: 39vw;   width: 100%;
    }
	.part-introduction .introduction.qa .text-container{
		padding-bottom: 10vw;
	}
    .part-introduction .introduction .text-container div.logo{
      position: absolute;
      bottom: 9vw;
      right: 10vw;
    }
    .part-introduction .introduction .portrait{
      position: absolute;
      right: 1%;
      top: 19vw;
      font-size: 4.2vw;
    }
    .part-introduction .introduction.qa .portrait{
		 margin: 0 0 0 22%;width: auto;
	}
    .part-introduction .introduction .portrait .portrait-img{
      width: 60%;
    }

}


@media screen and (min-width: 0) and (max-width: 1024px) {
    .part-case-introduction .transformation-demands { 
        padding-left: 0;
        padding-right: 0;
    flex-direction: column-reverse;
}
    .part-case-introduction .transformation-demands .text-container { 
        padding: 6vw 0 1vw 0;
    }
    .part-case-introduction .transformation-demands .text-container .text{
      display: flex;
      flex-direction: column-reverse;
      flex-wrap: nowrap;
      align-content: center;
      justify-content: flex-end;
    }
    .part-case-introduction .transformation-demands .text-container .text .intro{
      margin-top: 1rem;
    }
}


.part-refit-introduction{
  background-color: transparent;    margin: 0;
  padding-top: 3vw;
}

.part-refit-introduction .main-title{
  font-size: 2.3vw;
  text-align: center;    line-height: 2;    margin-bottom: 1vw;
}

.part-refit-introduction .main-title .sub-text{
  display: block;font-size: 1.2vw;
}

.part-refit-introduction .button-prev, .part-refit-introduction .button-next{
  bottom: auto ; top: 64%;
}
.part-refit-introduction .button-prev{
  transform: translateX(-870%) rotate(270deg);    left: 45%;
}
.part-refit-introduction .button-next{
  transform: translateX(870%) rotate(90deg);  left:auto;  right: 45%;
}

.part-refit-product-list{
  padding: 0 3vw;
}
.part-refit-product-list .title{
  margin: 1vw 0;
}


.part-refit-product-list .swiper-refit-product-list {
  padding-bottom: 5vw;padding-top: 1vw;    padding-left: 0.8vw;
    padding-right: 0.8vw;
}
.part-refit-product-list .swiper-refit-product-list  .swiper-slide{
  position: relative;
}
.part-refit-product-list .swiper-refit-product-list .container{
  display: flex;
  flex-direction: column;
  align-content: center;
  justify-content: flex-start;
  align-items: center;
}    
.part-refit-product-list .swiper-refit-product-list .container .pic{
  box-shadow: 0px 0px 14px #575757;    width: 100%;
}
.part-refit-product-list .swiper-refit-product-list .backdrop{
  width: 100%;height: 100%;position: absolute;left: 0;top: 0;
}


.part-refit-product-list .swiper-refit-product-list .text{
  text-align: center;display: block;
}
.part-refit-product-list .swiper-refit-product-list .swiper-scrollbar{
  bottom: 5%;
  width: 48%;
  left: 50%;
  margin: auto;
  transform: translateX(-50%);    height: 0.61vw;    border: 1px #e1e0e6 solid;    
  background-color: #f5f5f5;    box-shadow: 0px 0px 5px #575757;
}

@media screen and (min-width: 0) and (max-width: 1024px) {
  .part-refit-product-list{
    padding: 0;margin:0;
  }
  .part-refit-introduction .main-title {
    font-size: 6.7vw;
  }
  .part-refit-introduction .main-title .sub-text{
    font-size: 4.2vw;
  }
  .part-refit-product-list .swiper-refit-product-list{
    padding-bottom: 7vw;
  }
  .part-refit-product-list .swiper-refit-product-list .swiper-scrollbar{
    height: 2.61vw;    width: 65%;bottom: 3%;
  }
  .part-refit-product-list .swiper-refit-product-list .container .pic{
    box-shadow: 0px 0px 3px #575757;
  }
}


.part-refit-goto-detail{
  padding: 0;margin-top: 3vw;
}
.part-refit-goto-detail .link-list{
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
  align-content: center;

}

.part-refit-goto-detail .link-list .link{
  width: 32%;
  border: 1px solid #3252a3;
  border-radius: 12vw;
  height: 6vw;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-content: center;
  justify-content:  flex-start;
  align-items: center; font-size: 1vw;padding-left: 8%;
  position: relative;
} 
.part-refit-goto-detail .link-list .link:after{
  content: "";
  width: 3vw;
  height: 3vw;
  position: absolute;
  background-repeat: no-repeat;
  background-size: contain;
  left: 10%;
}
.part-refit-goto-detail .link-list .link.pdf:after{
  background-image: url(/global_common/common/images/refit/ub/icon_pdf.png);
}
.part-refit-goto-detail .link-list .link.pdf:before ,
.part-refit-goto-detail .link-list .link.wechat:before{ 
  content: "点击下载";
  width: 10vw;
  height: 6vw;
  position: absolute;
  border-radius: 11vw;
  right: 0;
  display: flex;
  color: #fff; font-size: 1.5vw;
  background-color: #3252a3;
  flex-direction: row;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: center;
  align-items: center;
}

.part-refit-goto-detail .link-list .link.wechat:after{
  background-image: url(/global_common/common/images/refit/ub/icon_wechat.png);
} 
.part-refit-goto-detail .link-list .link.wechat:before{
  content: "点击关注";
}
.part-refit-goto-detail .link-list .link.wechat .qrcodes
{
position: absolute;
  right: 3%;
  bottom:100%;
  display:none;
}
.part-refit-goto-detail .link-list .link.wechat:hover .qrcodes
{
  display:block;
}
.part-refit-goto-detail .link-list .link.wechat:hover .qrcodes img
{
 opacity:1 !important;
}

.part-refit-goto-detail .link-list .link.hotline{
  text-align: center;    padding-left: 12%;
}
.part-refit-goto-detail .link-list .link.hotline:after{
  background-image: url(/global_common/common/images/refit/ub/icon_hotline.png);
}


@media screen and (min-width: 0) and (max-width: 1024px) {
  .part-refit-goto-detail{
    margin-top: 9vw;
  }
  .part-refit-goto-detail .link-list{ 
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: flex-start;     gap: 8vw;
  }
  .part-refit-goto-detail .link-list .link{
    width: 76%;height: 14.604vw;    font-size: 3vw;    padding-left: 25%;
  }
  .part-refit-goto-detail .link-list .link:after{
    width: 10vw;
    height: 10vw;
  }
	.part-refit-goto-detail .link-list .link.wechat:hover .qrcodes
	{
	  display:none;
	}
  .part-refit-goto-detail .link-list .link.hotline{
    padding-left: 22%;
  }
  .part-refit-goto-detail .link-list .link.pdf:before, .part-refit-goto-detail .link-list .link.wechat:before{
    width: 20.604vw;
    height: 14.604vw;    font-size: 3.6vw;
  }
  .part-case-introduction .transformation-demands .pic {
    width: 120%; margin-top: 1vw;
  }
}