@media screen and (min-width:1000px) {
  .swiper-container[data-v-97eae39e] {
    position: relative
  }
  .swiper-container .el-carousel__item a[data-v-97eae39e] {
    position: relative;
    display: block
  }
  .swiper-container .el-carousel__item a .txt[data-v-97eae39e] {
    width: 45%;
    padding-left: 180px;
    padding-right: 20px;
    position: absolute;
    left: 4%;
    top: 45%
  }
  .swiper-container .el-carousel__item a .txt .freebtn[data-v-97eae39e] {
    position: absolute;
    width: 6.51316vw;
    height: 2.17105vw;
    bottom: -33%;
    left: 54%;
    background-repeat: no-repeat;
    background-image: url(../image/65ea4bd.png);
    background-size: contain
  }
  .swiper-container .el-carousel__item a .txt .freebtn[data-v-97eae39e]:hover {
    background-image: url(../image/2065159.png)
  }
  .swiper-container .el-carousel__item a .introductionimg[data-v-97eae39e] {
    position: absolute;
    max-width: 1200px;
    width: 1100px;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%)
  }
  .swiper-container .el-carousel__item a .introductionimg > img[data-v-97eae39e], .swiper-container .el-carousel__item a img[data-v-97eae39e] {
    width: 100%
  }
}
@media screen and (min-width:751px) and (max-width:999px) {
  .swiper-container[data-v-97eae39e] {
    position: relative
  }
  .swiper-container .el-carousel__item a[data-v-97eae39e] {
    position: relative;
    display: block
  }
  .swiper-container .el-carousel__item a .txt[data-v-97eae39e] {
    width: 45%;
    padding-left: 180px;
    padding-right: 20px;
    position: absolute;
    left: 4%;
    top: 45%
  }
  .swiper-container .el-carousel__item a .txt .freebtn[data-v-97eae39e] {
    position: absolute;
    width: 99px;
    height: 33px;
    bottom: -33%;
    left: 54%;
    background-repeat: no-repeat;
    background-image: url(../image/65ea4bd.png);
    background-size: contain
  }
  .swiper-container .el-carousel__item a .txt .freebtn[data-v-97eae39e]:hover {
    background-image: url(../image/2065159.png)
  }
  .swiper-container .el-carousel__item a .introductionimg[data-v-97eae39e] {
    position: absolute;
    max-width: 1100px;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%)
  }
  .swiper-container .el-carousel__item a .introductionimg > img[data-v-97eae39e], .swiper-container .el-carousel__item a img[data-v-97eae39e] {
    width: 100%
  }
}
@media screen and (max-width:750px) {
  .swiper-container[data-v-97eae39e] {
    height: auto;
    position: relative
  }
  .swiper-container .el-carousel__item a[data-v-97eae39e] {
    position: relative;
    display: block
  }
  .swiper-container .el-carousel__item a .txt[data-v-97eae39e] {
    width: 45%;
    padding-left: 1.8rem;
    padding-right: 20px;
    position: absolute;
    left: 4%;
    top: 45%
  }
  .swiper-container .el-carousel__item a .txt .freebtn[data-v-97eae39e] {
    position: absolute;
    width: .99rem;
    height: .22rem;
    bottom: -.33rem;
    left: 54%;
    background-repeat: no-repeat;
    background-image: url(../image/65ea4bd.png);
    background-size: contain
  }
  .swiper-container .el-carousel__item a .txt .freebtn[data-v-97eae39e]:hover {
    background-image: url(../image/2065159.png)
  }
  .swiper-container .el-carousel__item a .introductionimg[data-v-97eae39e] {
    position: absolute;
    max-width: 11rem;
    width: 10rem;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%)
  }
  .swiper-container .el-carousel__item a .introductionimg > img[data-v-97eae39e] {
    width: 100%
  }
  .swiper-container .el-carousel__item a img[data-v-97eae39e] {
    width: 100%;
    display: block
  }
}
.swiper-container .el-carousel__item a .ogictxt[data-v-97eae39e] {
  width: 38%;
  left: 8%;
  top: 40%
}
.swiper-container .el-carousel__item a .ogictxt .freebtn[data-v-97eae39e] {
  position: absolute;
  width: 7.89474vw;
  height: 2.30263vw;
  bottom: -36%;
  left: 53%;
  background-image: url(../image/7678c5b.png)
}
.swiper-container .el-carousel__item a .ogictxt .freebtn[data-v-97eae39e]:hover {
  box-shadow: 2px 2px 10px 1px rgba(61, 216, 210, .4);
  background-image: url(../image/7678c5b.png)
}
.swiper-container .el-carousel__item a .imgbtn[data-v-97eae39e] {
  position: absolute;
  width: 6.25vw;
  height: 2.30263vw;
  top: 60%;
  left: 16%;
  background-repeat: no-repeat;
  background-size: contain
}
.swiper-container .el-carousel__item a .hoverbtn[data-v-97eae39e] {
  position: absolute;
  width: 8.61842vw;
  height: 2.56579vw;
  top: 68%;
  left: 18%;
  background-repeat: no-repeat;
  background-size: cover
}
.swiper-container .el-carousel__item a .hoverbtn[data-v-97eae39e]:hover {
  box-shadow: 2px 2px 10px 1px rgba(61, 216, 210, .4)
}
.swiper-container .el-carousel__item a .hostbtn[data-v-97eae39e] {
  left: 19.5%;
  width: 8.88158vw;
  height: 2.30263vw;
  background-image: url(../image/e0b3911.png)
}
.swiper-container .el-carousel__item a .homebtn[data-v-97eae39e] {
  width: 9.21053vw;
  height: 2.63158vw;
  background-image: url(../image/d036f05.png)
}
.swiper-container .el-carousel__item a .homebtn[data-v-97eae39e]:hover {
  background-image: url(../image/ad3fd66.png)
}
.swiper-container .el-carousel__item a .ecbtn[data-v-97eae39e] {
  left: 41%;
  background-image: url(../image/043a2e4.png)
}
.swiper-container .el-carousel__item a .ecbtn[data-v-97eae39e]:hover {
  background-image: url(../image/ee300a1.png)
}
.swiper-container .el-carousel__item a .homeogicbtn[data-v-97eae39e] {
  top: 66%;
  left: 28%;
  width: 8.68421vw;
  height: 2.63158vw;
  background-image: url(../image/96ce971.png)
}
.swiper-container .el-carousel__item a .phobtn[data-v-97eae39e] {
  top: 60%;
  width: 6.25vw;
  height: 2.30263vw;
  background-size: 6.25vw 2.30263vw;
  left: 30%;
  background-image: url(../image/823f7f4.png)
}
.swiper-container .el-carousel__item a .sdwanbtn[data-v-97eae39e] {
  background-image: url(../image/96ce971.png)
}
.swiper-container .el-carousel__item a .multibtn[data-v-97eae39e] {
  top: 70%;
  left: 30%;
  background-image: url(../image/86d4804.png)
}
.swiper-container .el-carousel__item a .ogicbtn[data-v-97eae39e] {
  top: 70%;
  left: 30%;
  background-image: url(../image/96ce971.png)
}
.swiper-container .el-carousel__item a .ptpbtn[data-v-97eae39e] {
  width: 14.47368vw;
  height: 3.02632vw;
  left: 20%;
  background-image: url(../image/f19dd66.png)
}
.swiper-container .el-carousel__item a .clobtn[data-v-97eae39e] {
  width: 8.02632vw;
  height: 2.43421vw;
  left: 22%;
  background-image: url(../image/9a7d839.png)
}