@-webkit-keyframes start-data-v-2720d356 {
0% {
    -webkit-transform: translate(0, -10px);
            transform: translate(0, -10px);
}
50% {
    -webkit-transform: translate(0, 15px);
            transform: translate(0, 15px);
}
100% {
    -webkit-transform: translate(0, -10px);
            transform: translate(0, -10px);
}
}
@keyframes start-data-v-2720d356 {
0% {
    -webkit-transform: translate(0, -10px);
            transform: translate(0, -10px);
}
50% {
    -webkit-transform: translate(0, 15px);
            transform: translate(0, 15px);
}
100% {
    -webkit-transform: translate(0, -10px);
            transform: translate(0, -10px);
}
}
.pre-wrap[data-v-2720d356] {
  position: relative;
  width: .44rem;
  -webkit-animation: start-data-v-2720d356 1s ease-in-out infinite;
  animation: start-data-v-2720d356 1s ease-in-out infinite;
}
.img-pic-box[data-v-2720d356] {
  position: fixed;
  bottom: 30px;
  width: 21px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  z-index: 999;
}
.img-pic-box img[data-v-2720d356] {
    width: 100%;
}
.footer-txt[data-v-2720d356] {
  font-size: 12px;
  line-height: 17px;
  color: #fff;
  text-align: center;
  position: absolute;
  width: 80%;
  bottom: 20px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
.footer-txt a[data-v-2720d356] {
    color: #fff;
}
.footer-txt a[data-v-2720d356]:hover {
      color: #fff;
}
.solution[data-v-2720d356] .swiper-nav-box .swiper-pagination-bullet {
  width: 30px;
  height: 2px;
  background-color: rgba(255, 255, 255, 0.2);
  border-radius: 0;
  opacity: 1;
}
.solution[data-v-2720d356] .swiper-nav-box .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background-color: #fff;
}
.swiper[data-v-2720d356] {
  height: 100vh;
}
.swiper .swiper-pagination-nav[data-v-2720d356] {
    right: 30px;
}
.swiper .swiper-pagination-nav[data-v-2720d356] .swiper-pagination-bullet {
      width: 60px;
      height: 50px;
      border-radius: 0;
      font-size: 15px;
      line-height: 20px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      color: #fff;
      padding: 0 7px;
      background: url(data:image/png;base64,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) no-repeat left;
      background-size: 100% 100%;
      opacity: 0.8;
}
.swiper .swiper-pagination-nav[data-v-2720d356] .swiper-pagination-bullet.swiper-pagination-bullet-active {
        background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAAyCAMAAAA3KEgwAAAARVBMVEUAgP8Fgv8Viv8ej/8Zjf8Nh/8JhP8RiP8kkf8hkP8mk/8qlf8slv8vl/8ymP86nP9Dof/5/P/r9f/P5/+n0/97vP/////cCEmxAAAAFnRSTlPm5ujo6Ofm5+np6enq6urr7P78+fXxEKYsEQAAAjRJREFUSMello1yrCAMhYWEhKCr3rbX93/UJruysLTUVnfmjKzmm8QjPxm22zAMk2pUAQ1D8DqIjXwYBgKL2qONSh1YKlBqOL3CGUwNnNXCJXt8hTHDYNpByDDuUanA6ziOS0ppiTHOKUoaBeQGAE8JwJhE0k0j7pFpHNdpmtZhy1ljzsyWrRHnzLEqPXZgrNXCscCpMhXdD7CzgVTZRTM755IqqpCcC2yDRhycIxvEPdoozbyIwGy+IGICRADvfdwl+1VvIkSNUActWhZR80rZoPJaNgUbNAqkZedvKKXs++WPcE53DHMLQ4FnRJwQfbJX88wemRlDCJUY7YGaYVEWjebSPGzZaVB5UlODDVRcKdgDv0fJw3FSt7NZqGIrm2xQKajIymaLqid9Bw6NyH0PSwM7yoCphsNXeBYAsyBmw7yaZGIiYtKr/b87qRE2Ucb7Uotxfs0ccuZGJbPfI5uy/R/gnG77cB3YmQ7g7R0c7IvHYOrDGlF/a1B4e1ttdgkzezMnkP5c+ZEj0pvmIjOwmvaYZTAZvP373ym7qFP2RfhtwdPw+/xYUd13pv47f5B7us2HbmPl9sEkOfjOJ6bnRfi3qyp0V5XE+dp6Pt5J+tvQpT3s4u45w9G+zf19+/pxc+qgg4un5CIinfO5COxBep7Psp/PlzqD0tCc6En63RDswh9aqSn3dWf6sHV66QBjGkXaDlDuHeD82gHeVu16v+s9xdTpPdvGdTrb9R73291m/RM5VCQ8pdgrEwAAAABJRU5ErkJggg==) no-repeat left;
}
.solution[data-v-2720d356] {
  background: url(../image/solution_bj_3.acc971f6.png) no-repeat center top;
  background-size: cover;
}
.solution-swiper[data-v-2720d356] {
  height: 100%;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
}
.solution-swiper .swiper-content-box[data-v-2720d356] {
    width: 1200px;
    text-align: center;
    color: #fff;
    position: relative;
}
.solution-swiper .swiper-content-box .title[data-v-2720d356] {
      font-size: 32px;
      line-height: 44px;
      padding-bottom: 12px;
}
.solution-swiper .swiper-content-box .description[data-v-2720d356] {
      color: #879BA5;
      font-size: 16px;
      line-height: 22px;
      padding-bottom: 27px;
      text-transform: uppercase;
}
.solution-swiper-1[data-v-2720d356] {
  background: url(../image/p1-banner.8721ac93.png) no-repeat center top;
  background-size: cover;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.solution-swiper-1 .solution-swiper[data-v-2720d356] {
    height: auto;
}
.solution-swiper-1 .list[data-v-2720d356] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 74px;
}
.solution-swiper-1 .list-item[data-v-2720d356] {
    width: 260px;
    height: 400px;
    background: url(../image/p1-1.7ddb224a.png) no-repeat center top;
    background-size: cover;
    margin-right: 53px;
}
.solution-swiper-1 .list-item[data-v-2720d356]:last-child {
      margin-right: 0;
}
.solution-swiper-1 .description-title[data-v-2720d356] {
    margin-top: 74px;
    font-size: 28px;
}
.solution-swiper-1 .description-image[data-v-2720d356] {
    display: block;
    margin: 37px auto;
}
.solution-swiper-1 .description-content[data-v-2720d356] {
    padding: 0 30px;
    font-size: 18px;
}
.solution-swiper-2[data-v-2720d356] {
  background: url(../image/p2-banner.47f3f22f.png) no-repeat center top;
  background-size: cover;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.solution-swiper-2 .solution-swiper[data-v-2720d356] {
    width: 495px;
    height: 480px;
    color: #FFF;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    text-align: center;
}
.solution-swiper-2 .solution-swiper .title[data-v-2720d356] {
      font-size: 40px;
}
.solution-swiper-2 .solution-swiper .sub-title[data-v-2720d356] {
      font-size: 28px;
      color: #4191F1;
      margin: 30px 0;
}
.solution-swiper-2 .solution-swiper .content[data-v-2720d356] {
      font-size: 20px;
}
.solution-swiper-3[data-v-2720d356] {
  background: url(../image/p3-banner.3aa1e371.png) no-repeat center top;
  background-size: cover;
}
.solution-swiper-3 .solution-swiper[data-v-2720d356] {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.solution-swiper-3 .swiper-container[data-v-2720d356] {
    width: 1200px;
    color: #FFF;
}
.solution-swiper-3 .description[data-v-2720d356] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.solution-swiper-3 .description .description-item[data-v-2720d356] {
      -webkit-box-flex: 1;
          -ms-flex: 1;
              flex: 1;
      text-align: center;
}
.solution-swiper-3 .description .description-item h3[data-v-2720d356] {
        font-size: 40px;
}
.solution-swiper-3 .description .description-item p[data-v-2720d356] {
        font-size: 20px;
        padding: 0 100px;
        margin: 15px 0 53px;
}
.solution-swiper-3 .list[data-v-2720d356] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-bottom: 20px;
}
.solution-swiper-3 .list .list-item[data-v-2720d356] {
      -webkit-box-flex: 1;
          -ms-flex: 1;
              flex: 1;
      height: 140px;
      background-size: cover;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      margin-right: 20px;
      position: relative;
      overflow: hidden;
      border-radius: 8px;
}
.solution-swiper-3 .list .list-item img[data-v-2720d356] {
        position: absolute;
        top: 0;
        left: 0;
        display: block;
        width: 100%;
        z-index: -1;
        -webkit-transition: all 0.4s;
        transition: all 0.4s;
}
.solution-swiper-3 .list .list-item:hover img[data-v-2720d356] {
        -webkit-transform: scale(1.2);
                transform: scale(1.2);
}
.solution-swiper-3 .list .list-item[data-v-2720d356]:last-child {
        margin-right: 0;
}
@media screen and (max-width: 1500px) {
.swiper-content-box[data-v-2720d356] {
    zoom: 0.78;
}
.solution-swiper-2 .solution-swiper[data-v-2720d356] {
    zoom: 0.78;
}
.solution-swiper-3 .swiper-container[data-v-2720d356] {
    zoom: 0.78;
}
}