.boxContent[data-v-5bce6883] {
  width: 100%;
  padding: 4vw 0;
  background-image: url(../../static/img/caseBg.4ac17677.png);
  background-size: cover;
  display: flex;
  justify-content: flex-end;
}
@media screen and (min-width: 960px) {
.mainPart[data-v-5bce6883] {
    width: 88%;
    display: flex;
    justify-content: space-between;
}
.mainPart .left[data-v-5bce6883] {
    width: 50%;
}
.mainPart .left .glassPart[data-v-5bce6883] {
    background: rgba(31, 31, 31, 0.23);
    border-radius: 0.3125vw;
}
.mainPart .left .glassPart .top[data-v-5bce6883] {
    width: 96%;
    display: flex;
    justify-content: space-between;
    padding: 0 0 1vw;
    margin: 0 auto;
    border-bottom: 1px solid rgba(131, 131, 131, 0.75);
}
.mainPart .left .glassPart .top .singleRatio .showNum[data-v-5bce6883] {
    width: 100%;
    height: 60%;
    display: flex;
    align-items: flex-end;
    justify-content: center;
}
.mainPart .left .glassPart .top .singleRatio .title[data-v-5bce6883] {
    margin-top: 0.8vw;
    width: 100%;
    text-align: center;
    padding-bottom: 2vw;
}
.mainPart .left .glassPart .top .singleRatioFirst .showNum[data-v-5bce6883] {
    width: 100%;
    height: 60%;
    display: flex;
    align-items: flex-end;
    justify-content: center;
}
.mainPart .left .glassPart .top .singleRatioFirst .title[data-v-5bce6883] {
    margin-top: 0.8vw;
    width: 100%;
    padding-bottom: 2vw;
    text-align: left;
}
.mainPart .left .glassPart .top .singleRatioEnd .showNum[data-v-5bce6883] {
    width: 100%;
    height: 60%;
    display: flex;
    align-items: flex-end;
    justify-content: center;
}
.mainPart .left .glassPart .top .singleRatioEnd .title[data-v-5bce6883] {
    margin-top: 0.8vw;
    width: 100%;
    padding-bottom: 2vw;
    text-align: right;
}
.mainPart .left .glassPart .bottom[data-v-5bce6883] {
    width: 100%;
    padding: 0 1vw;
}
.mainPart .right[data-v-5bce6883] {
    width: 46%;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
}
.mainPart .right .swpier[data-v-5bce6883] {
    width: 100%;
}
.mainPart .right .indicator[data-v-5bce6883] {
    position: absolute;
    right: 4%;
    bottom: 0%;
    z-index: 999;
}
}
@media screen and (max-width: 959px) {
.mainPart[data-v-5bce6883] {
    width: 90%;
    margin: 0 auto;
}
.mainPart .left[data-v-5bce6883] {
    width: 100%;
}
.mainPart .left .glassPart[data-v-5bce6883] {
    background: rgba(31, 31, 31, 0.23);
    border-radius: 0.3125vw;
    padding: 2vw 0;
}
.mainPart .left .glassPart .top[data-v-5bce6883] {
    width: 96%;
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid rgba(131, 131, 131, 0.75);
    padding: 0 0 2vw;
    margin: 0 auto;
}
.mainPart .left .glassPart .top .singleRatio .showNum[data-v-5bce6883] {
    width: 100%;
    height: 60%;
    display: flex;
    align-items: flex-end;
    justify-content: center;
}
.mainPart .left .glassPart .top .singleRatio .title[data-v-5bce6883] {
    width: 100%;
    text-align: center;
    margin-top: 0.8vw;
}
.mainPart .left .glassPart .singleRatioFirst .showNum[data-v-5bce6883] {
    width: 100%;
    height: 60%;
    display: flex;
    align-items: flex-end;
    justify-content: flex-start;
}
.mainPart .left .glassPart .singleRatioFirst .title[data-v-5bce6883] {
    margin-top: 0.8vw;
    width: 100%;
    text-align: left;
}
.mainPart .left .glassPart .singleRatioEnd .showNum[data-v-5bce6883] {
    width: 100%;
    height: 60%;
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
}
.mainPart .left .glassPart .singleRatioEnd .title[data-v-5bce6883] {
    margin-top: 0.8vw;
    width: 100%;
    text-align: right;
}
.mainPart .left .glassPart .bottom[data-v-5bce6883] {
    margin-top: 1vw;
    width: 96%;
}
.mainPart .right[data-v-5bce6883] {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
}
.mainPart .right .swpier[data-v-5bce6883] {
    width: 100%;
}
.mainPart .right .indicator[data-v-5bce6883] {
    position: absolute;
    right: 4%;
    bottom: 0%;
    z-index: 999;
}
}
.arrowStyle[data-v-5bce6883] {
  background-color: rgba(0, 0, 0, 0.4);
  padding: 6px;
  font-weight: lighter;
  cursor: pointer;
}
[data-v-5bce6883] .swiper-button-next {
  display: none;
}
[data-v-5bce6883] .swiper-button-prev {
  display: none;
}
[data-v-5bce6883] .swiper-button-next:after {
  font-size: 1.0416666667vw;
  line-height: 2.0833333333vw;
}
[data-v-5bce6883] .swiper-button-prev:after {
  font-size: 1.0416666667vw;
  line-height: 2.0833333333vw;
}
[data-v-5bce6883] .swiper-scrollbar-drag {
  display: none;
}
[data-v-5bce6883] .swiper-scrollbar-horizontal {
  display: none;
}
@charset "UTF-8";
.solutionBox[data-v-6eee40a0] {
  width: 100%;
}
.gradient-text[data-v-6eee40a0] { /* Chrome, Safari */
  background: linear-gradient(rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0.02), rgba(255, 255, 255, 0)); /* 标准语法 */
  -webkit-background-clip: text; /* Chrome, Safari */
  background-clip: text;
  -webkit-text-fill-color: transparent; /* Chrome, Safari */
  color: transparent; /* 兼容不支持background-clip的浏览器 */
  font-weight: lighter;
}