.content {
    width: 100%;  
    position: relative;  
    display: inline-flex;           
}
.des{position: absolute;top:10%;left: 16%; width: 78%;text-align: center;line-height: 28px;}
.img1{width: 100%;max-width: 863px;margin: 0 auto;}
.img2{width: 100%;max-width: 1057px;margin: 0 auto;}
.custitle{text-align: center;font-size: 8vw; padding-bottom: 20px;}
.step1{text-align: left;font-size: 46px;padding-left: 10%;width: 100%;background-color:#EAEAEA;display:inline-block;box-sizing: border-box;}
.step1sub{text-align: center;font-size: 36px;padding: 1%;width: 100%;background-color:#EAEAEA;display: inline-block;box-sizing: border-box;line-height: 56px;}
.step2{text-align: center;font-size: 46px; width: 100%;background-color:#f0f0f0;}
.radiusTop{border-top:solid 1px #EAEAEA;background-color: #EAEAEA;border-top-left-radius: 20px;border-top-right-radius: 20px;}
.radiusBottom{border-top:solid 1px #f0f0f0;background-color: #f0f0f0;border-bottom-left-radius: 20px;border-bottom-right-radius: 20px;}
.productNameFlex{display: flex;justify-content:center;flex-wrap: wrap;}
.productName{background-color:#d79ad7;color: white;font-size: 14px;padding: 10px;text-align: center;margin-right: 10px;width: 15vw;max-width: 90px;margin-top: 15px;}
.productName a{color: white;font-size: 22px;}
.iconTitle{background-color:#9e9e9e;color:black;font-size: 30px;padding: 10px;width: 200px;margin: 0 auto;text-align: center;}
.btnstyle{padding: 10px;background-color: #721C7D;width: 300px;height: 50px;line-height: 50px;font-size: 26px;border-radius:20px;border:solid 1px #721C7D ;color: white;}
.styleTitle{background-color:#9e9e9e;color:black;font-size: 30px;padding: 10px;width: 50%;margin: 0 auto;text-align: center;}
.styleli,.styleli li{list-style: none;padding: 0px;margin: 0px;}
.styleli{display: flex;flex-wrap: wrap;}
.styleli li{width: 48%;font-size: 22px;line-height: 48px;}
.ottext{font-size: 20px;line-height: 44px;}
.wdli{width: 240px;}
img.mobile {
    width: 100%;
    max-width: 1000px;
    height: auto;
    display: block;
    margin:  auto; /* 圖片水平置中 */
  margin-top:10px;
  }
  #tabcolor a{color:#721C7D;}
  #tabcolor a:hover{color: #d79ad7;}
  .colorimg{width: 100%;max-width: 1000px; height: auto;}
  .liubai{
    width: auto;
    max-width: 1000px;
    margin: 0 auto;
  }
  @media screen and (max-width:1000px) {
   .liubai{
    width: 95%;
    max-width: 1000px;
    margin: 0 auto;
  } 
  .styleTitle{font-size: 20px;}
  }
@media screen and (min-width:1200px) {
    .custitle{font-size: 60px;}
    .wdli{width: 49%;}
}
 @media screen and (max-width:980px) {
    .content {
    width: 100%;  
    display: inline-block;                           
    }
    .step1sub{font-size: 22px;}
}
@media screen and (max-width:1024px) {
    .des{top:7%;font-size: 12px;line-height: 18px;} 
}
@media screen and (max-width:820px) {
    .des{top:7%;font-size: 14px;line-height: 22px;} 
}
@media screen and (max-width:690px) {
    .des{top:7%;font-size: 12px;line-height: 22px;} 
    .productName a{color: white;font-size: 20px;}
    .styleli li{width: 48%;font-size: 18px;line-height: 36px;}
    
}
@media screen and (max-width:450px) {
    .productName a{color: white;font-size: 18px;}
    .ottext{font-size: 18px;line-height: 36px;}
    .styleTitle{font-size: 18px;}
    .wdli{width: 100%!important;}
}
#zzc{width: 100%;height: 100%;background-color: #cccccc;z-index: 99;display: none;position: absolute;left: 0px;top: 0px;opacity: 0.4;}
#search{position: absolute;top:30%;left: 35%;z-index: 2000;width: 30%;background-color: white;padding: 30px;display: none;}
@media screen and (max-width:980px) {
    #search{position: absolute;top:30%;left: 1%;z-index: 2000;width: 90%;background-color: white;padding: 30px;display: none;}
}
.swiper {
width: 100%;
height: 100%;
max-width: 1920px;
}

.swiper-slide {
text-align: center;
font-size: 18px;
background: #fff;
display: flex;
justify-content: center;
align-items: center;
}

.swiper-slide img {
display: block;
width: 100%;
height: 100%;
max-width: 1920px;
object-fit: cover;
}