.col1 {
  width: 100%;
  float: left;
}
.col2 {
  width: 50%;
  float: left;
}
.col3 {
  width: 33.33333333%;
  float: left;
}
.col4 {
  width: 25%;
  float: left;
}
.col5 {
  width: 20%;
  float: left;
}
.color-f {
  color: #fff;
}
.tac {
  text-align: center;
}
.tar {
  text-align: right;
}
.tal {
  -moz-text-align-last: left;
       text-align-last: left;
}
.fw6 {
  font-weight: 600;
}
.h2-title {
  padding-bottom: 30px;
  font-size: 36px;
  line-height: 1.33;
  text-align: center;
  color: #666;
}
.h5-title {
  color: #333;
  font-size: 16px;
}
.content {
  padding: 0;
}
.mobile-booth {
  display: none;
}
.digitalPlatform.navFixed {
  padding-top: 50px;
}
.digitalPlatform .section1 {
  padding-top: 60px;
}
.digitalPlatform .section2 {
  padding-top: 60px;
}
.digitalPlatform .section3 {
  padding-top: 60px;
}
.digitalPlatform .section4 {
  padding-top: 60px;
}
.digitalPlatform .section5 {
  padding-top: 60px;
}
.digitalPlatform .section6 {
  padding-top: 60px;
}
.digitalPlatform .section7 {
  padding-top: 60px;
}
.digitalPlatform .section8 {
  padding-top: 60px;
}
.digitalPlatform .section9 {
  padding-top: 60px;
}
.digitalPlatform .section10 {
  padding-top: 60px;
}
.digitalPlatform .section11 {
  padding-top: 60px;
}
.digitalPlatform .section12 {
  padding-top: 60px;
}
.digitalPlatform .section13 {
  padding-top: 60px;
}
.digitalPlatform .section14 {
  padding-top: 60px;
}
.digitalPlatform .section15 {
  padding-top: 60px;
}
@media (min-width: 1366px) {
  .digitalPlatform .storageBanner .cistern {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.digitalPlatform .hw-btn {
  border-radius: 5px;
}
.digitalPlatform .storageBanner .title {
  font-size: 46px;
}
@media screen and (max-width: 1600px) {
  .digitalPlatform .storageBanner .title {
    font-size: 30px;
  }
}
.digitalPlatform .storageBanner .hw-btn-warp {
  padding-top: 0;
}
.digitalPlatform .main {
  background: url("//e.huawei.com/topic/digital-platform/bg.jpg") no-repeat;
  background-size: cover;
  background-color: #f6f9fe;
  /*
    .section6 {
      .ul {
        .m_();

        .li {
          overflow: hidden;
          .p_();
          position: relative;

          .bg {
            position: relative;
            width: 100%;
            border-radius: 8px;
          }

          .box {
            position: absolute;
            top: 20%;
            left: 50%;
            transform: translateX(-50%);
            min-width: 60%;

            .img {
              max-width: 126px;
              width: 126px;
              margin: 0 auto;

              img {
                .transition(width, 0.4s);
                width: 100%;
                display: block;
                margin: 0 auto;
              }
            }

            .h5-title,
            .p,
            .linkA,
            .linkA .iconfont {
              color: @cf;
            }

            .text {
              .h5-title {
                .transition(padding, 0.4s);
                // font-size: 26px;
                font-size: @fz20;
                padding-top: 30px;
                padding-bottom: 10px;
              }

              .p {
                font-size: @fz14;
              }
            }

            .linkA {
              .transition(opacity, 0.4s);
              opacity: 0;
              display: block;
              font-size: @fz14;
              padding-top: 30px;

              .iconfont {
                font-size: @fz16;
                vertical-align: middle;
              }
            }
          }

          @media (min-width: 750px) {
            &:hover {
              .img {
                img {
                  width: 65%;
                }
              }

              .text {
                .h5-title {
                  padding-top: 20px;
                }
              }

              .linkA {
                opacity: 1;
              }
            }
          }
        }
      }
    }
  */
}
.digitalPlatform .main .section15 .cistern {
  max-width: 1140px;
}
.digitalPlatform .main .section15 .p-text {
  font-size: 18px;
  line-height: 1.5;
  color: #666;
}
.digitalPlatform .main .mudu-box {
  padding: 60px 0;
}
.digitalPlatform .main .mudu-box .p-text {
  font-size: 16px;
  color: #fff;
}
.digitalPlatform .main .mudu-box .box {
  background-color: #fff;
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 4px 2px 32px 0px #ebeef2;
}
.digitalPlatform .main .mudu-box .box .left,
.digitalPlatform .main .mudu-box .box .right {
  float: left;
  position: relative;
  padding-top: 43%;
}
.digitalPlatform .main .mudu-box .box .left {
  width: 76%;
}
.digitalPlatform .main .mudu-box .box .left .video-play {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  cursor: pointer;
}
.digitalPlatform .main .mudu-box .box .left .video-play:after {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 2;
  display: block;
  overflow: hidden;
  margin-top: -25px;
  margin-left: -25px;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background: url(/Assets/enp/v2/img/live/play-icon.png) center center no-repeat;
  content: "";
  pointer-events: none;
  -webkit-transition: all .3s;
  transition: all .3s;
}
.digitalPlatform .main .mudu-box .box .left .video-play.mudu-state-paused:after {
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1);
  -ms-transform: scale(1);
}
.digitalPlatform .main .mudu-box .box .left .video-play.mudu-state-playing:after {
  opacity: 0;
  -webkit-transform: scale(0.5);
  transform: scale(0.5);
  -ms-transform: scale(0.5);
}
.digitalPlatform .main .mudu-box .box .left .video-play .mudu-controller {
  z-index: 2;
}
.digitalPlatform .main .mudu-box .box .right {
  width: 24%;
}
.digitalPlatform .main .mudu-box .box .right .text {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  padding: 50px 40px;
}
.digitalPlatform .main .mudu-box .box .right .text .h4-title,
.digitalPlatform .main .mudu-box .box .right .text .p-text {
  padding-bottom: 30px;
}
.digitalPlatform .main .mudu-box .box .right .text .h4-title {
  font-size: 22px;
  color: #333;
  line-height: 1.3;
}
.digitalPlatform .main .mudu-box .box .right .text .p-text,
.digitalPlatform .main .mudu-box .box .right .text .p,
.digitalPlatform .main .mudu-box .box .right .text .a {
  color: #666;
}
.digitalPlatform .main .mudu-box .box .right .text .p-text {
  font-size: 16px;
  line-height: 1.625;
}
.digitalPlatform .main .mudu-box .box .right .text .p {
  font-size: 14px;
}
.digitalPlatform .main .mudu-box .box .right .text .a {
  font-size: 12px;
  border-bottom: 1px solid #666;
  position: absolute;
  bottom: 50px;
  left: 40px;
}
.digitalPlatform .main .mudu-box .mudu-state-idle .mudu-big-play-btn,
.digitalPlatform .main .mudu-box .mudu-bezel .mudu-bezel-icon {
  display: none;
}
.digitalPlatform .main .discourse .box {
  position: relative;
  font-size: 0;
}
.digitalPlatform .main .discourse .left {
  width: 30%;
  display: inline-block;
  vertical-align: bottom;
  text-align: right;
  padding-right: 3%;
}
.digitalPlatform .main .discourse .left .img {
  width: 100%;
  max-width: 316px;
}
.digitalPlatform .main .discourse .right {
  width: 70%;
  display: inline-block;
  vertical-align: bottom;
}
.digitalPlatform .main .discourse .right .text {
  padding: 80px 0;
}
@media (max-width: 1600px) {
  .digitalPlatform .main .discourse .right .text {
    padding: 60px 0;
  }
}
@media (max-width: 750px) {
  .digitalPlatform .main .discourse .right .text {
    padding: 0;
  }
}
.digitalPlatform .main .discourse .right .h4-title {
  font-size: 30px;
  line-height: 1.3;
  font-weight: 600;
  color: #333;
  padding-bottom: 30px;
}
.digitalPlatform .main .discourse .right .h4-title img {
  display: none;
}
.digitalPlatform .main .discourse .right .h4-title span {
  display: block;
}
.digitalPlatform .main .discourse .right .p-text {
  font-size: 16px;
  line-height: 1.75;
  color: #333;
  padding-bottom: 15px;
  position: relative;
}
.digitalPlatform .main .discourse .right .p-text:after {
  position: absolute;
  left: 0;
  top: 2px;
  font-size: 22px;
  line-height: 1;
  color: #666;
  font-style: italic;
  font-weight: 600;
}
.digitalPlatform .main .discourse .right .p-text.t1 {
  padding-left: 35px;
}
.digitalPlatform .main .discourse .right .p-text.t1:after {
  content: '1.';
}
.digitalPlatform .main .discourse .right .p-text.t2:after {
  content: '2.';
}
.digitalPlatform .main .discourse .right .p-text.t3:after {
  content: '3.';
}
.digitalPlatform .main .discourse .right .hw-btn {
  margin-top: 15px;
}
.digitalPlatform .main .section1 .li {
  border-left: 1px solid #eaecf3;
  padding-left: 30px;
  padding-right: 30px;
}
.digitalPlatform .main .section1 .li:first-child {
  border-left: none;
}
.digitalPlatform .main .section1 .li .h5-title {
  padding-bottom: 15px;
  font-weight: 600;
}
.digitalPlatform .main .section1 .li .left {
  width: 33.33%;
}
.digitalPlatform .main .section1 .li .left .num {
  font-size: 50px;
  line-height: 48px;
}
.digitalPlatform .main .section1 .li .left .span {
  font-size: 24px;
  vertical-align: bottom;
}
.digitalPlatform .main .section1 .li .right {
  width: 66.66%;
}
.digitalPlatform .main .section1 .li .right .p {
  font-size: 14px;
  line-height: 1.5;
  padding-top: 5px;
  color: #666;
}
.digitalPlatform .main .section1 .sources {
  color: #999;
  font-size: 12px;
  padding-top: 5px;
}
.digitalPlatform .main .section2 .boxes {
  border: 3px solid #f4840f;
  border-radius: 8px;
  padding: 30px 50px;
  position: relative;
}
.digitalPlatform .main .section2 .boxes .left .shu {
  padding-left: 3.5%;
  padding-right: 5.6%;
  width: 24%;
  position: absolute;
  bottom: 0;
  left: 50px;
}
.digitalPlatform .main .section2 .boxes .right {
  width: 76%;
  margin-left: 24%;
  padding-left: 20px;
}
.digitalPlatform .main .section2 .boxes .right .title {
  padding-bottom: 6px;
}
.digitalPlatform .main .section2 .boxes .right .title .shu {
  display: none;
}
.digitalPlatform .main .section2 .boxes .right .h5-title {
  font-size: 22px;
  line-height: 1.35;
  font-weight: 600;
}
.digitalPlatform .main .section2 .boxes .right .h5-title span {
  display: block;
}
.digitalPlatform .main .section2 .boxes .right .p-text {
  font-size: 16px;
  line-height: 1.5;
  color: #666;
}
.digitalPlatform .main .section2 .boxes .right .hw-btn .iconfont {
  font-size: 20px;
  vertical-align: middle;
  margin-right: 6px;
}
.digitalPlatform .main .section3 .ul {
  margin-left: -15px;
  margin-right: -15px;
}
.digitalPlatform .main .section3 .ul .li {
  padding-left: 15px;
  padding-right: 15px;
}
.digitalPlatform .main .section3 .ul .li .img {
  width: 40%;
  max-width: 190px;
}
.digitalPlatform .main .section3 .ul .li .p {
  font-size: 16px;
  line-height: 1.625;
  color: #666;
}
.digitalPlatform .main .section4 .ul {
  margin-left: -2px;
  margin-right: -2px;
}
.digitalPlatform .main .section4 .ul .li {
  padding-left: 2px;
  padding-right: 2px;
}
.digitalPlatform .main .section4 .ul .li .img {
  width: 100%;
  display: block;
  border-radius: 8px 8px 0 0;
}
.digitalPlatform .main .section4 .ul .li .box {
  background-color: #fff;
  padding: 30px;
  border-radius: 0 0 8px 8px;
}
.digitalPlatform .main .section4 .ul .li .box .h5-title {
  padding-bottom: 15px;
  line-height: 1.5;
  font-size: 20px;
  font-weight: 600;
}
.digitalPlatform .main .section4 .ul .li .box .text .p {
  font-size: 14px;
  line-height: 1.625;
  color: #666;
  padding-bottom: 8px;
}
.digitalPlatform .main .section4 .ul .li .box .text .p .a {
  font-size: 14px;
  line-height: 1.625;
  color: #e93b3b;
  border-bottom: 1px solid #e93b3b;
}
.digitalPlatform .main .section4 .ul .li .box .linkA {
  display: block;
  font-size: 16px;
  line-height: 1;
  color: #333;
}
.digitalPlatform .main .section4 .ul .li .box .linkA .iconfont {
  color: #e93b3b;
  margin-right: 4px;
  font-size: 20px;
  vertical-align: middle;
}
@media (min-width: 1025px) {
  .digitalPlatform .main .section4 .ul .li .box .linkA:hover {
    color: #e93b3b;
  }
}
.digitalPlatform .main .section5 .ul .li.video {
  cursor: pointer;
}
.digitalPlatform .main .section5 .ul .li .demo-gallery a .viewport {
  display: none;
}
.digitalPlatform .main .section5 .ul .li img {
  width: 100%;
  max-width: 681px;
}
.digitalPlatform .main .section6 .ul {
  margin-left: -15px;
  margin-right: -15px;
  margin-top: -15px;
  margin-bottom: -15px;
}
.digitalPlatform .main .section6 .ul .li {
  padding-left: 15px;
  padding-right: 15px;
  position: relative;
}
.digitalPlatform .main .section6 .ul .li .bg {
  position: relative;
  width: 100%;
  border-radius: 8px;
}
.digitalPlatform .main .section6 .ul .li .box {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  min-width: 60%;
}
.digitalPlatform .main .section6 .ul .li .box .img {
  display: none;
  max-width: 126px;
  width: 126px;
  margin: 0 auto;
}
.digitalPlatform .main .section6 .ul .li .box .img img {
  -webkit-transition: width 0.4s;
  transition: width 0.4s;
  width: 100%;
  display: block;
  margin: 0 auto;
}
.digitalPlatform .main .section6 .ul .li .box .h5-title,
.digitalPlatform .main .section6 .ul .li .box .p,
.digitalPlatform .main .section6 .ul .li .box .linkA,
.digitalPlatform .main .section6 .ul .li .box .linkA .iconfont {
  color: #fff;
}
.digitalPlatform .main .section6 .ul .li .box .text .p {
  font-size: 14px;
}
.digitalPlatform .main .section6 .ul .li .box .text .h5-title {
  -webkit-transition: padding 0.4s;
  transition: padding 0.4s;
  font-size: 20px;
  padding-top: 30px;
  padding-bottom: 10px;
}
.digitalPlatform .main .section6 .ul .li .linkA {
  -webkit-transition: .4s;
  transition: .4s;
  opacity: 0;
  display: block;
  font-size: 14px;
  padding-top: 30px;
}
.digitalPlatform .main .section6 .ul .li .linkA .iconfont {
  font-size: 16px;
  vertical-align: middle;
}
@media (min-width: 1025px) {
  .digitalPlatform .main .section6 .ul .li:hover .img img {
    width: 65%;
  }
  .digitalPlatform .main .section6 .ul .li:hover .box {
    top: 45%;
  }
  .digitalPlatform .main .section6 .ul .li:hover .text .h5-title {
    padding-top: 20px;
  }
  .digitalPlatform .main .section6 .ul .li:hover .linkA {
    opacity: 1;
  }
}
.digitalPlatform .main .section7 .carouselBox {
  position: relative;
}
.digitalPlatform .main .section7 .carouselBox .btnBox {
  position: absolute;
  top: 58%;
  left: 0px;
  height: 1px;
  width: 100%;
}
.digitalPlatform .main .section7 .carouselBox .btnBox div {
  background-image: none;
  width: auto;
  color: #999;
  -webkit-transition: color 0.4s;
  transition: color 0.4s;
}
.digitalPlatform .main .section7 .carouselBox .btnBox div:after {
  font-family: "iconfont";
  font-size: 50px;
}
.digitalPlatform .main .section7 .carouselBox .btnBox div.swiper-button-prev {
  left: -60px;
}
.digitalPlatform .main .section7 .carouselBox .btnBox div.swiper-button-prev:after {
  content: "\e624";
}
.digitalPlatform .main .section7 .carouselBox .btnBox div.swiper-button-next {
  right: -60px;
}
.digitalPlatform .main .section7 .carouselBox .btnBox div.swiper-button-next:after {
  content: "\e600";
}
.digitalPlatform .main .section7 .carouselBox .btnBox div:hover {
  color: #000;
}
.digitalPlatform .main .section7 .carouselBox .ul {
  text-align: center;
  padding-bottom: 30px;
}
.digitalPlatform .main .section7 .carouselBox .ul .li {
  padding-left: 40px;
  padding-right: 40px;
  font-weight: 600;
  font-size: 20px;
  line-height: 1;
  background-color: transparent;
  width: auto;
  height: auto;
  color: #666;
  border-radius: 0;
  border-left: 1px solid rgba(102, 102, 102, 0.5);
  opacity: 1;
  position: relative;
}
.digitalPlatform .main .section7 .carouselBox .ul .li:first-child {
  border-left: none;
}
.digitalPlatform .main .section7 .carouselBox .ul .li.swiper-pagination-bullet-active {
  color: #e93b3b;
}
.digitalPlatform .main .section7 .carouselBox .ul .li.swiper-pagination-bullet-active:after {
  font-family: "iconfont";
  content: "\e61a";
  position: absolute;
  left: 50%;
  margin-left: -10px;
  bottom: -100%;
  font-size: 20px;
}
@media (min-width: 1025px) {
  .digitalPlatform .main .section7 .carouselBox .ul .li:hover {
    color: #e93b3b;
  }
}
.digitalPlatform .main .section7 .carouselBox .carousel {
  border-radius: 8px;
  overflow: hidden;
  position: relative;
  box-shadow: 0 0 24px 0px rgba(102, 102, 102, 0.5);
  background-color: #fff;
}
.digitalPlatform .main .section7 .carouselBox .carousel .swiper-slide .left {
  width: 70%;
  padding: 50px 50px 0;
  color: #666;
}
.digitalPlatform .main .section7 .carouselBox .carousel .swiper-slide .left .h5-title {
  font-size: 18px;
  line-height: 1.5;
  padding-bottom: 20px;
  color: #666;
}
.digitalPlatform .main .section7 .carouselBox .carousel .swiper-slide .left .p {
  font-size: 14px;
  line-height: 1.5;
}
.digitalPlatform .main .section7 .carouselBox .carousel .swiper-slide .left .linkA {
  display: block;
  padding-top: 40px;
  font-size: 16px;
  color: #333;
}
.digitalPlatform .main .section7 .carouselBox .carousel .swiper-slide .left .linkA .iconfont {
  font-size: 20px;
  vertical-align: middle;
  color: #e93b3b;
  margin-right: 4px;
}
@media (min-width: 1025px) {
  .digitalPlatform .main .section7 .carouselBox .carousel .swiper-slide .left .linkA:hover {
    color: #e93b3b;
  }
}
.digitalPlatform .main .section7 .carouselBox .carousel .swiper-slide .right {
  width: 30%;
}
.digitalPlatform .main .section7 .carouselBox .carousel .swiper-slide .right img {
  width: 100%;
  display: block;
}
.digitalPlatform .main .section8 {
  padding-bottom: 60px;
  background: url("//e.huawei.com/topic/digital-platform/bg_b.png") bottom no-repeat;
  background-size: cover;
  background-color: #f6f9fe;
}
.digitalPlatform .main .section8 .ul .li {
  padding-left: 15px;
  padding-right: 15px;
}
.digitalPlatform .main .section8 .ul .li .numBox {
  padding-bottom: 10px;
  color: #333;
}
.digitalPlatform .main .section8 .ul .li .numBox .num {
  font-size: 50px;
  line-height: 48px;
}
.digitalPlatform .main .section8 .ul .li .numBox .span {
  font-size: 24px;
  vertical-align: bottom;
}
.digitalPlatform .main .section8 .ul .li .p {
  font-size: 16px;
  line-height: 1.625;
  color: #666;
}
.digitalPlatform .main .section9 .ul {
  margin-left: -3px;
  margin-right: -3px;
}
.digitalPlatform .main .section9 .ul .li {
  padding: 3px;
}
.digitalPlatform .main .section9 .ul .li .box {
  display: block;
  padding: 30px;
  background-color: rgba(255, 255, 255, 0.6);
  box-shadow: 0px 4px 32px 0px #ebeef2;
  border-radius: 10px;
  position: relative;
  -webkit-transition: color 0.4s;
  transition: color 0.4s;
  color: #666666;
}
.digitalPlatform .main .section9 .ul .li .box .iconImg {
  max-width: 50px;
  margin: 0 auto;
  width: 10%;
  height: 50px;
  position: absolute;
  left: 10.5%;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.digitalPlatform .main .section9 .ul .li .box .icon1 {
  background: url("//e.huawei.com/topic/digital-platform//icon1.png") no-repeat;
  background-size: contain;
}
.digitalPlatform .main .section9 .ul .li .box .icon2 {
  background: url("//e.huawei.com/topic/digital-platform//icon2.png") no-repeat;
  background-size: contain;
}
.digitalPlatform .main .section9 .ul .li .box .icon3 {
  background: url("//e.huawei.com/topic/digital-platform//icon3.png") no-repeat;
  background-size: contain;
}
.digitalPlatform .main .section9 .ul .li .box .icon4 {
  background: url("//e.huawei.com/topic/digital-platform//icon4.png") no-repeat;
  background-size: contain;
}
.digitalPlatform .main .section9 .ul .li .box .icon5 {
  background: url("//e.huawei.com/topic/digital-platform//icon5.png") no-repeat;
  background-size: contain;
}
.digitalPlatform .main .section9 .ul .li .box .icon6 {
  background: url("//e.huawei.com/topic/digital-platform//icon6.png") no-repeat;
  background-size: contain;
}
.digitalPlatform .main .section9 .ul .li .box .text {
  width: 80%;
  position: relative;
  margin-left: 21%;
}
.digitalPlatform .main .section9 .ul .li .box .text .h5-title {
  font-size: 16px;
  line-height: 1.2;
  font-weight: 600;
  padding-bottom: 10px;
}
.digitalPlatform .main .section9 .ul .li .box .text .h5-title span {
  border-bottom: 1px solid transparent;
}
.digitalPlatform .main .section9 .ul .li .box .text .p {
  font-size: 14px;
  color: #999;
}
@media (min-width: 1025px) {
  .digitalPlatform .main .section9 .ul .li .box:hover {
    background-color: #fff;
  }
  .digitalPlatform .main .section9 .ul .li .box:hover .icon1 {
    background: url("//e.huawei.com/topic/digital-platform//icon1-h.png") no-repeat;
    background-size: contain;
  }
  .digitalPlatform .main .section9 .ul .li .box:hover .icon2 {
    background: url("//e.huawei.com/topic/digital-platform//icon2-h.png") no-repeat;
    background-size: contain;
  }
  .digitalPlatform .main .section9 .ul .li .box:hover .icon3 {
    background: url("//e.huawei.com/topic/digital-platform//icon3-h.png") no-repeat;
    background-size: contain;
  }
  .digitalPlatform .main .section9 .ul .li .box:hover .icon4 {
    background: url("//e.huawei.com/topic/digital-platform//icon4-h.png") no-repeat;
    background-size: contain;
  }
  .digitalPlatform .main .section9 .ul .li .box:hover .icon5 {
    background: url("//e.huawei.com/topic/digital-platform//icon5-h.png") no-repeat;
    background-size: contain;
  }
  .digitalPlatform .main .section9 .ul .li .box:hover .icon6 {
    background: url("//e.huawei.com/topic/digital-platform//icon6-h.png") no-repeat;
    background-size: contain;
  }
  .digitalPlatform .main .section9 .ul .li .box:hover .text .h5-title {
    color: #000;
  }
  .digitalPlatform .main .section9 .ul .li .box:hover .text .h5-title span {
    border-bottom: 1px solid #333;
  }
  .digitalPlatform .main .section9 .ul .li .box:hover .text .p {
    color: #666;
  }
}
.digitalPlatform .main.page {
  background-position-y: 250%;
  padding-bottom: 90px;
}
.digitalPlatform .main .pageBanner {
  padding: 50px 0;
}
.digitalPlatform .main .pageBanner .hw-btn-warp {
  padding-top: 5px;
}
.digitalPlatform .main .pageBanner .banner-while {
  color: #fff;
}
.digitalPlatform .main .section10 {
  position: relative;
  background: -webkit-linear-gradient(#cbd7ff, #f6f9fe);
  background: linear-gradient(#cbd7ff, #f6f9fe);
}
.digitalPlatform .main .section10 .h2-title {
  padding-bottom: 50px;
}
.digitalPlatform .main .section10 .box {
  position: relative;
  top: 0;
  width: 100%;
  height: 100%;
}
.digitalPlatform .main .section10 .box .img {
  display: block;
  width: 100%;
}
.digitalPlatform .main .section10 .box .ul {
  position: absolute;
  width: 76%;
  height: 100%;
  top: 0;
  left: 12%;
}
.digitalPlatform .main .section10 .box .ul .li {
  position: absolute;
  width: 330px;
  left: 0;
  top: 0;
}
.digitalPlatform .main .section10 .box .ul .li .top {
  padding-left: 24.25%;
}
.digitalPlatform .main .section10 .box .ul .li .top .h5-title {
  font-size: 16px;
  background: -webkit-linear-gradient(left, #fff, transparent);
  background: linear-gradient(to right, #fff, transparent);
  padding: 12px 20px;
  font-weight: 600;
}
.digitalPlatform .main .section10 .box .ul .li .bottom {
  color: #333;
  font-size: 14px;
  padding-left: calc(24.25% + 20px);
  padding-top: 22px;
  padding-right: 20px;
  background: url("//e.huawei.com/topic/digital-platform/dian.png") no-repeat;
  background-size: contain;
}
.digitalPlatform .main .section10 .box .ul .li.list1 {
  top: 60%;
  left: 8%;
}
.digitalPlatform .main .section10 .box .ul .li.list2 {
  top: 60%;
  left: 70%;
}
.digitalPlatform .main .section10 .box .ul .li.list3 {
  top: 24%;
  left: 56%;
}
.digitalPlatform .main .section10 .box .ul .li.list4 {
  top: 28%;
  left: 20%;
}
.digitalPlatform .main .section10 .box .ul .li.list5 {
  top: -4%;
  left: 35%;
}
.digitalPlatform .main .section11 .box {
  background-color: #fff;
  border-radius: 8px;
  box-shadow: 0 0 24px 0px rgba(102, 102, 102, 0.5);
}
.digitalPlatform .main .section11 .box .img {
  width: 67%;
  border-right: 1px solid rgba(231, 231, 231, 0.6);
}
.digitalPlatform .main .section11 .box .img img {
  display: block;
  width: 100%;
}
.digitalPlatform .main .section11 .box .text {
  width: 33%;
  padding: 40px 50px 0 50px;
  line-height: 1.625;
}
.digitalPlatform .main .section11 .box .text .h4-title {
  font-size: 24px;
  color: #333;
  padding-bottom: 30px;
  font-weight: 600;
}
.digitalPlatform .main .section11 .box .text .li {
  padding-top: 40px;
}
.digitalPlatform .main .section11 .box .text .li:first-child {
  padding-top: 0;
}
.digitalPlatform .main .section11 .box .text .li .h5-title {
  font-size: 18px;
  padding-bottom: 5px;
  font-weight: 600;
}
.digitalPlatform .main .section11 .box .text .li .p {
  font-size: 16px;
  color: #666;
}
.digitalPlatform .main .section12 .sub-title {
  color: #666;
  line-height: 1.4;
  font-size: 20px;
  text-align: center;
  padding: 20px 0;
  position: relative;
}
.digitalPlatform .main .section12 .sub-title span {
  color: #ed6d00;
}
.digitalPlatform .main .section12 .sub-title:after,
.digitalPlatform .main .section12 .sub-title:before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
}
.digitalPlatform .main .section12 .sub-title:after {
  border-bottom: 2px solid #ed6d00;
  width: 56px;
  left: 50%;
  margin-left: -28px;
}
.digitalPlatform .main .section12 .sub-title:before {
  border-bottom: 1px solid #f1f1f3;
}
.digitalPlatform .main .section12 .section-con {
  background: #fff;
  border: 1px solid #f1f1f3;
  border-radius: 8px;
  box-shadow: 0 0 24px 0px rgba(102, 102, 102, 0.2);
  overflow: hidden;
}
.digitalPlatform .main .section12 h4 {
  color: #333;
  font-size: 20px;
  line-height: 1.4;
  padding-top: 30px;
}
.digitalPlatform .main .section12 .hw-btn-warp {
  text-align: center;
}
.digitalPlatform .main .section12 .block {
  display: block;
}
.digitalPlatform .main .section12 .box .li {
  position: relative;
  border-left: 1px solid #f1f1f3;
  width: 20%;
  float: left;
}
.digitalPlatform .main .section12 .box .li:first-child {
  border-left: none;
}
.digitalPlatform .main .section12 .box .li.list-small a {
  cursor: default;
}
.digitalPlatform .main .section12 .box .li.list-small .pic:after {
  padding-top: 49.29577465%;
}
.digitalPlatform .main .section12 .box .li .list {
  position: relative;
}
.digitalPlatform .main .section12 .box .li .list .con {
  padding: 40px;
  width: 100%;
  text-align: center;
}
.digitalPlatform .main .section12 .box .li .list .con img {
  width: auto;
  height: auto;
}
.digitalPlatform .main .section12 .box .li .list .con p {
  padding-top: 20px;
  font-size: 14px;
  line-height: 1.375;
  color: #666;
}
.digitalPlatform .main .section13 .sub-title {
  color: #666;
  line-height: 1.4;
  font-size: 20px;
  text-align: center;
  padding-bottom: 30px;
  margin-top: -20px;
}
.digitalPlatform .main .section13 .hw-btn-warp {
  text-align: center;
}
.digitalPlatform .main .section13 .block {
  display: block;
}
.digitalPlatform .main .section13 .box {
  overflow: hidden;
  box-shadow: 0 0 24px 0px rgba(102, 102, 102, 0.2);
  border-radius: 8px;
}
.digitalPlatform .main .section13 .box > .col2:nth-child(even) {
  border-left: 1px solid #eaebef;
}
.digitalPlatform .main .section13 .box .li {
  background: #fff;
  position: relative;
}
.digitalPlatform .main .section13 .box .li.list-big .pic {
  background-color: #e8ebf1;
}
.digitalPlatform .main .section13 .box .li.list-big .pic:after {
  padding-top: 55.29577465%;
}
.digitalPlatform .main .section13 .box .li.list-small a {
  cursor: default;
}
.digitalPlatform .main .section13 .box .li.list-small:first-child:after {
  content: "";
  z-index: 2;
  position: absolute;
  left: 0;
  bottom: 0;
  border-bottom: 1px solid #eaebef;
  width: 200%;
}
.digitalPlatform .main .section13 .box .li.list-small:first-child:before {
  content: "";
  z-index: 2;
  position: absolute;
  right: 0;
  top: 0;
  border-right: 1px solid #eaebef;
  height: 200%;
}
.digitalPlatform .main .section13 .box .li.list-small .pic:after {
  padding-top: 55.29577465%;
}
.digitalPlatform .main .section13 .box .li .list {
  position: relative;
  cursor: default;
}
.digitalPlatform .main .section13 .box .li .list .con {
  position: absolute;
  padding: 20px;
  left: 0;
  top: 50%;
  width: 100%;
  text-align: center;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.digitalPlatform .main .section13 .box .li .list .con img {
  width: auto;
  height: auto;
}
.digitalPlatform .main .section13 .box .li .list .con .title {
  font-weight: bold;
  color: #333;
}
.digitalPlatform .main .section13 .box .li .list .con p {
  font-size: 16px;
  line-height: 1.5;
  color: #666;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.digitalPlatform.park .pageBanner {
  background: -webkit-linear-gradient(left, #124093, #67a2a3);
  background: linear-gradient(to right, #124093, #67a2a3);
}
.digitalPlatform.city .pageBanner {
  background: -webkit-linear-gradient(left, #013b66, #8d297b);
  background: linear-gradient(to right, #013b66, #8d297b);
}
.digitalPlatform.city .main .section10 .box .ul .li.list1 {
  top: 12%;
  left: 52%;
}
.digitalPlatform.city .main .section10 .box .ul .li.list2 {
  top: 60%;
  left: 68%;
}
.digitalPlatform.city .main .section10 .box .ul .li.list3 {
  top: 45%;
  left: 34%;
}
.digitalPlatform.airport .pageBanner {
  background: -webkit-linear-gradient(left, #270a54, #1770a9);
  background: linear-gradient(to right, #270a54, #1770a9);
}
.digitalPlatform.airport .main .section10 .box .ul .li.list1 {
  top: 50%;
  left: 48%;
}
.digitalPlatform.airport .main .section10 .box .ul .li.list2 {
  top: 26%;
  left: 30%;
}
.digitalPlatform.airport .main .section10 .box .ul .li.list3 {
  top: 11%;
  left: 55%;
}
.LANG-cn .digitalPlatform .main .section6 .ul .li .box .text .h5-title {
  font-size: 26px;
}
.LANG-cn .digitalPlatform .main .section7 .carouselBox .carousel .swiper-slide .left .h5-title {
  font-size: 24px;
}
@media (max-width: 1600px) {
  .digitalPlatform .section1 {
    padding-top: 50px;
  }
  .digitalPlatform .section2 {
    padding-top: 50px;
  }
  .digitalPlatform .section3 {
    padding-top: 50px;
  }
  .digitalPlatform .section4 {
    padding-top: 50px;
  }
  .digitalPlatform .section5 {
    padding-top: 50px;
  }
  .digitalPlatform .section6 {
    padding-top: 50px;
  }
  .digitalPlatform .section7 {
    padding-top: 50px;
  }
  .digitalPlatform .section8 {
    padding-top: 50px;
  }
  .digitalPlatform .section9 {
    padding-top: 50px;
  }
  .digitalPlatform .section10 {
    padding-top: 50px;
  }
  .digitalPlatform .section11 {
    padding-top: 50px;
  }
  .digitalPlatform .section12 {
    padding-top: 50px;
  }
  .digitalPlatform .section13 {
    padding-top: 50px;
  }
  .digitalPlatform .section14 {
    padding-top: 50px;
  }
  .digitalPlatform .section15 {
    padding-top: 50px;
  }
  .digitalPlatform .main {
    /*
      .section6 {
        .ul {
          .li {
            .box {
              .img {
                width: 110px;
              }

              .text {
                .h5-title {
                  padding-top: 20px;
                  padding-bottom: 8px;
                }
              }

              .linkA {
                padding-top: 20px;
              }
            }
          }
        }
      }
    */
  }
  .digitalPlatform .main .mudu-box .box {
    border-radius: 0;
  }
  .digitalPlatform .main .mudu-box .box .right .text {
    padding: 30px;
  }
  .digitalPlatform .main .mudu-box .box .right .text .p-text,
  .digitalPlatform .main .mudu-box .box .right .text .h4-title {
    padding-bottom: 20px;
  }
  .digitalPlatform .main .mudu-box .box .right .text .a {
    left: 20px;
    bottom: 30px;
  }
  .digitalPlatform .main .section1 .li {
    padding-left: 15px;
    padding-right: 15px;
  }
  .digitalPlatform .main .section1 .li .left .num {
    font-size: 40px;
  }
  .digitalPlatform .main .section1 .li .left .span {
    font-size: 20px;
  }
  .digitalPlatform .main .section2 .boxes {
    padding: 30px;
  }
  .digitalPlatform .main .section2 .boxes .left .shu {
    left: 30px;
    padding-left: 3.5%;
    padding-right: 3.5%;
  }
  .digitalPlatform .main .section6 .ul .li .box .img {
    width: 110px;
  }
  .digitalPlatform .main .section6 .ul .li .box .text .h5-title {
    padding-top: 20px;
    padding-bottom: 8px;
  }
  .digitalPlatform .main .section6 .ul .li .box .linkA {
    padding-top: 20px;
  }
  .digitalPlatform .main .section7 .carouselBox .carousel .swiper-slide .left {
    padding: 40px 40px 0;
  }
  .digitalPlatform .main .section7 .carouselBox .carousel .swiper-slide .left .linkA {
    padding-top: 30px;
  }
  .digitalPlatform .main .section11 .box .text {
    padding: 30px;
  }
  .digitalPlatform .main .section11 .box .text .h4-title {
    font-size: 20px;
    padding-bottom: 20px;
  }
  .digitalPlatform .main .section11 .box .text .li {
    padding-top: 30px;
  }
  .digitalPlatform .main .section11 .box .text .li .p {
    font-size: 14px;
  }
}
@media (max-width: 1366px) {
  .digitalPlatform .main .mudu-bezel .box .right .text .p {
    font-size: 12px;
  }
  .digitalPlatform .main .section4 .ul .li .box {
    padding: 20px;
  }
  .digitalPlatform .main .section6 .ul .li .box {
    top: 50%;
  }
  .digitalPlatform .main .section7 .carouselBox .carousel .swiper-slide .left {
    padding: 30px 30px 0;
  }
  .digitalPlatform .main .section7 .carouselBox .btnBox {
    display: none;
  }
  .digitalPlatform .main .section10 .box .ul .li {
    width: 250px;
  }
  .digitalPlatform .main .section10 .box .ul .li .top .h5-title {
    font-size: 14px;
  }
  .digitalPlatform .main .section10 .box .ul .li .top .bottom {
    font-size: 12px;
  }
  .digitalPlatform .main .section11 .box .text {
    padding: 30px 30px 0 30px;
  }
  .digitalPlatform .main .section11 .box .text .h4-title {
    font-size: 22px;
  }
  .digitalPlatform .main .section11 .box .text .li {
    padding-top: 20px;
  }
  .digitalPlatform .main .section11 .box .text .li .h5-title {
    font-size: 16px;
  }
  .digitalPlatform .main .section11 .box .text .li .p {
    font-size: 14px;
  }
  .LANG-cn .digitalPlatform .main .section6 .ul .li .box .text .h5-title {
    font-size: 18px;
  }
  .LANG-cn .digitalPlatform .main .section7 .carouselBox .carousel .swiper-slide .left .h5-title {
    font-size: 24px;
  }
}
@media (max-width: 1200px) {
  .digitalPlatform .section1 {
    padding-top: 40px;
  }
  .digitalPlatform .section2 {
    padding-top: 40px;
  }
  .digitalPlatform .section3 {
    padding-top: 40px;
  }
  .digitalPlatform .section4 {
    padding-top: 40px;
  }
  .digitalPlatform .section5 {
    padding-top: 40px;
  }
  .digitalPlatform .section6 {
    padding-top: 40px;
  }
  .digitalPlatform .section7 {
    padding-top: 40px;
  }
  .digitalPlatform .section8 {
    padding-top: 40px;
  }
  .digitalPlatform .section9 {
    padding-top: 40px;
  }
  .digitalPlatform .section10 {
    padding-top: 40px;
  }
  .digitalPlatform .section11 {
    padding-top: 40px;
  }
  .digitalPlatform .section12 {
    padding-top: 40px;
  }
  .digitalPlatform .section13 {
    padding-top: 40px;
  }
  .digitalPlatform .section14 {
    padding-top: 40px;
  }
  .digitalPlatform .section15 {
    padding-top: 40px;
  }
  .digitalPlatform .main .pageBanner .title {
    font-size: 44px;
  }
  .digitalPlatform .main .pageBanner .sub-title {
    font-size: 20px;
    padding-top: 20px;
  }
  .digitalPlatform .main .section2 .boxes {
    padding: 20px;
  }
  .digitalPlatform .main .section2 .boxes .left .shu {
    left: 20px;
    padding-left: 3%;
    padding-right: 3%;
  }
  .digitalPlatform .main .section7 .carouselBox .btnBox {
    display: none;
  }
  .digitalPlatform .main .section7 .carouselBox .carousel .swiper-slide .left .h5-title {
    font-size: 22px;
  }
  .digitalPlatform .main .section7 .carouselBox .carousel .swiper-slide .left .linkA {
    padding-top: 30px;
  }
}
@media (max-width: 750px) {
  .i-large {
    position: relative;
  }
  .h2-title {
    font-size: 22px;
    width: 91%;
    margin: 0 auto;
  }
  .mobile-booth {
    display: block;
  }
  .mobile-booth img {
    width: 100%;
  }
  .pswp__scroll-wrap .pswp__img {
    background-color: #fff;
  }
  .digitalPlatform.navFixed {
    padding-top: 0;
  }
  .digitalPlatform .storageBanner .box {
    padding-bottom: 0;
  }
  .digitalPlatform .storageBanner .box .banner-text {
    margin-top: -60px;
  }
  .digitalPlatform .storageBanner .box .title {
    font-size: 26px;
    line-height: 1.2;
    font-weight: 600;
  }
  .digitalPlatform .storageBanner .box .hw-btn-warp {
    margin: 0 auto;
  }
  .digitalPlatform .storageBanner .box .sub-title {
    padding-top: 0;
    line-height: 1.2;
    font-size: 18px;
  }
  .digitalPlatform .main {
    /*.section6 {
        .ul {
          .m_(0);

          .li {
            .p_(0);

            .bg {
              // height: 140px;
              // object-fit: cover;
            }

            .box {
              padding: 20px;
              width: 100%;
              height: 100%;
              top: 0;
              left: 0;
              transform: none;
              display: flex;
              justify-content: start;
              align-items: center;

              .img {
                width: 18.4vw;
                float: left;
                margin-left: 0;
                margin-right: 6.4vw;
              }

              .text {
                text-align: left;
                // position: absolute;
                // left: 140px;
                // top: 50%;
                // transform: translateY(-50%);

                .h5-title {
                  padding-top: 0;
                  font-size: 18px;
                  .fw6;
                }
              }

              .linkA {
                display: none;
              }

              &:after {
                content: "\e712";
                font-size: 20px;
                font-family: "iconfont" !important;
                position: absolute;
                right: 8vw;
                left: auto;
                top: 0;
                bottom: 0;
                margin: auto;
                width: 20px;
                height: 20px;
                display: block;
                color: #fff;
              }
            }
          }
        }
      }*/
  }
  .digitalPlatform .main .hw-btn {
    font-size: 14px;
    padding: 7px 15px;
  }
  .digitalPlatform .main .col3,
  .digitalPlatform .main .col4 {
    width: 100%;
  }
  .digitalPlatform .main .pageBanner {
    padding: 30px 0;
  }
  .digitalPlatform .main .pageBanner .title {
    font-size: 26px;
  }
  .digitalPlatform .main .pageBanner .sub-title {
    padding-top: 10px;
    font-size: 18px;
  }
  .digitalPlatform .main .pageBanner .hw-btn {
    margin-top: 10px;
  }
  .digitalPlatform .main .mudu-box {
    padding: 0;
  }
  .digitalPlatform .main .mudu-box .cistern {
    padding: 0;
  }
  .digitalPlatform .main .mudu-box .box .left,
  .digitalPlatform .main .mudu-box .box .right {
    width: 100%;
  }
  .digitalPlatform .main .mudu-box .box .left {
    padding-top: 56%;
  }
  .digitalPlatform .main .mudu-box .box .right {
    padding-top: 0;
  }
  .digitalPlatform .main .mudu-box .box .right .text {
    position: relative;
    padding: 20px 20px 50px;
  }
  .digitalPlatform .main .mudu-box .box .right .text .h4-title {
    font-size: 20px;
  }
  .digitalPlatform .main .mudu-box .box .right .text .p-text {
    font-size: 14px;
  }
  .digitalPlatform .main .mudu-box .box .right .text .a {
    display: none;
  }
  .digitalPlatform .main .discourse .left {
    display: none;
  }
  .digitalPlatform .main .discourse .right {
    width: 100%;
    padding: 40px 0;
    position: relative;
    top: 0;
    left: 0;
  }
  .digitalPlatform .main .discourse .right .h4-title {
    font-size: 16px;
    position: relative;
    padding-bottom: 0;
    margin-bottom: 30px;
  }
  .digitalPlatform .main .discourse .right .h4-title img {
    display: inline-block;
    width: 80px;
    height: 80px;
  }
  .digitalPlatform .main .discourse .right .h4-title div {
    position: absolute;
    left: 100px;
    top: 50%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
  }
  .digitalPlatform .main .discourse .right .p-text {
    font-size: 16px;
    line-height: 1.5;
    padding-bottom: 30px;
  }
  .digitalPlatform .main .discourse .right .p-text:after {
    font-size: 24px;
    top: 0;
  }
  .digitalPlatform .main .section1 .li {
    padding: 20px 20px 20px 10px;
    border-left: none;
    border-bottom: 1px solid #e3e5ef;
  }
  .digitalPlatform .main .section1 .li:first-child {
    border-top: 1px solid #e3e5ef;
  }
  .digitalPlatform .main .section1 .li .h5-title {
    margin-left: 31.34%;
  }
  .digitalPlatform .main .section1 .li .left {
    width: 31.34%;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
  }
  .digitalPlatform .main .section1 .li .left .num {
    font-size: 50px;
    line-height: 1;
  }
  .digitalPlatform .main .section1 .li .left .span {
    font-size: 18px;
    vertical-align: bottom;
  }
  .digitalPlatform .main .section1 .li .right {
    width: 68.66%;
  }
  .digitalPlatform .main .section1 .li .right .p {
    padding-top: 0;
  }
  .digitalPlatform .main .section1 .sources {
    text-align: left;
  }
  .digitalPlatform .main .section2 .boxes {
    border: 0;
    padding: 0 20px;
  }
  .digitalPlatform .main .section2 .boxes .left {
    display: none;
  }
  .digitalPlatform .main .section2 .boxes .right {
    margin-left: 0;
    padding-left: 0;
    width: 100%;
  }
  .digitalPlatform .main .section2 .boxes .right .title .shu {
    display: block;
    width: 36%;
    padding-right: 20px;
  }
  .digitalPlatform .main .section2 .boxes .right .title .h5-title {
    font-size: 18px;
    width: 64%;
    border-bottom: 2px solid #e7ebf2;
    padding: 8vw 0 8vw;
  }
  .digitalPlatform .main .section2 .boxes .right .title .h5-title span {
    display: none;
  }
  .digitalPlatform .main .section2 .boxes .right .text .btnBox {
    text-align: center;
  }
  .digitalPlatform .main .section2 .boxes .right .text .btnBox .hw-btn.btn-solid-terminal-red.font-medium {
    width: 100%;
  }
  .digitalPlatform .main .section2 .boxes .right .text .p-text {
    font-size: 14px;
  }
  .digitalPlatform .main .section3 .ul {
    margin-left: 0;
    margin-right: 0;
  }
  .digitalPlatform .main .section3 .ul .li {
    text-align: left;
    position: relative;
    min-height: 100px;
  }
  .digitalPlatform .main .section3 .ul .li .img {
    width: 30%;
    position: relative;
  }
  .digitalPlatform .main .section3 .ul .li .p {
    width: 70%;
    padding-left: 20px;
    left: 30%;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    line-height: 1.2;
  }
  .digitalPlatform .main .section4 .ul {
    margin-left: 0;
    margin-right: 0;
  }
  .digitalPlatform .main .section4 .ul .li {
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 15px;
  }
  .digitalPlatform .main .section4 .ul .li .box {
    padding: 20px;
    margin-top: -20px;
    position: relative;
  }
  .digitalPlatform .main .section4 .ul .li .box .h5-title {
    font-size: 18px;
  }
  .digitalPlatform .main .section5 .col2 {
    width: 100%;
  }
  .digitalPlatform .main .section5 .ul .li .demo-gallery a {
    position: relative;
  }
  .digitalPlatform .main .section5 .ul .li .demo-gallery a .viewport {
    display: block;
    position: absolute;
    bottom: 0;
    right: 20px;
    background: #e93b3b;
    color: #fff;
    border-radius: 6px;
    font-size: 12px;
    padding: 4px 10px 2px;
  }
  .digitalPlatform .main .section5 .ul .li .demo-gallery a .viewport .iconfont {
    margin-left: 4px;
    font-size: 18px;
    display: inline-block;
    vertical-align: middle;
    margin-top: 2px;
  }
  .digitalPlatform .main .section6 .ul {
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
    margin-bottom: 0;
  }
  .digitalPlatform .main .section6 .ul .li {
    padding-left: 0;
    padding-right: 0;
  }
  .digitalPlatform .main .section6 .ul .li .box {
    padding: 20px;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    -webkit-transform: none;
        -ms-transform: none;
            transform: none;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
       -moz-box-pack: start;
        -ms-flex-pack: start;
            justify-content: start;
    -webkit-box-align: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .digitalPlatform .main .section6 .ul .li .box .img {
    width: 18.4vw;
    float: left;
    margin-left: 0;
    margin-right: 6.4vw;
  }
  .digitalPlatform .main .section6 .ul .li .box .text {
    width: 82.6vw;
    text-align: left;
  }
  .digitalPlatform .main .section6 .ul .li .box .text .h5-title {
    padding-top: 0;
    font-size: 18px;
    font-weight: 600;
  }
  .digitalPlatform .main .section6 .ul .li .box .text p.p {
    max-width: 80%;
  }
  .digitalPlatform .main .section6 .ul .li .box .linkA {
    display: none;
  }
  .digitalPlatform .main .section6 .ul .li .box:after {
    content: "\e712";
    font-size: 20px;
    font-family: "iconfont" !important;
    position: absolute;
    right: 8vw;
    left: auto;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 20px;
    height: 20px;
    display: block;
    color: #fff;
  }
  .digitalPlatform .main .section7 {
    padding-bottom: 30px;
  }
  .digitalPlatform .main .section7 .carouselBox .ul {
    position: absolute;
    bottom: -40px;
    left: 50%;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
    padding-bottom: 0;
  }
  .digitalPlatform .main .section7 .carouselBox .ul .li {
    width: 8px;
    height: 8px;
    border-radius: 5px;
    padding: 0;
    margin: 4px;
    background-color: #a8aec5;
    overflow: hidden;
    color: transparent;
  }
  .digitalPlatform .main .section7 .carouselBox .ul .li.swiper-pagination-bullet-active {
    background-color: #e93b3b;
    color: transparent;
  }
  .digitalPlatform .main .section7 .carouselBox .carousel .swiper-slide .right {
    width: 100%;
  }
  .digitalPlatform .main .section7 .carouselBox .carousel .swiper-slide .left {
    width: 100%;
    padding: 20px;
  }
  .digitalPlatform .main .section7 .carouselBox .carousel .swiper-slide .left .h5-title {
    font-size: 18px;
    line-height: 1.2;
  }
  .digitalPlatform .main .section8 .hw-btn {
    width: 100%;
    padding: 10px 30px;
  }
  .digitalPlatform .main .section8 .col5 {
    width: 50%;
  }
  .digitalPlatform .main .section8 .ul {
    margin-left: -10px;
    margin-right: -10px;
    border-top: 1px solid #e3e5ef;
    border-bottom: 1px solid #e3e5ef;
  }
  .digitalPlatform .main .section8 .ul .li {
    width: 50%;
    padding: 10px;
    text-align: left;
  }
  .digitalPlatform .main .section8 .ul .li .numBox {
    padding-bottom: 0;
  }
  .digitalPlatform .main .section8 .ul .li .numBox .num {
    font-size: 30px;
    line-height: 1;
    font-weight: 600;
  }
  .digitalPlatform .main .section8 .ul .li .numBox .span {
    font-size: 18px;
    vertical-align: bottom;
  }
  .digitalPlatform .main .section8 .ul .li .p {
    font-size: 14px;
  }
  .digitalPlatform .main .section9 .ul .li {
    margin-top: 10px;
  }
  .digitalPlatform .main .section9 .ul .li:first-child {
    margin-top: 0;
  }
  .digitalPlatform .main .section9 .ul .li .box {
    padding: 20px;
  }
  .digitalPlatform .main .section9 .ul .li .box .iconImg {
    left: 30px;
  }
  .digitalPlatform .main .section9 .ul .li .box .text {
    width: 56.64%;
  }
  .digitalPlatform .main .section9 .ul .li .box:after {
    content: "\e712";
    font-size: 20px;
    font-family: "iconfont" !important;
    position: absolute;
    right: 8vw;
    left: auto;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 20px;
    height: 20px;
    display: block;
  }
  .digitalPlatform .main.page {
    padding-bottom: 50px;
  }
  .digitalPlatform .main .section10 .h2-title {
    padding-bottom: 30px;
  }
  .digitalPlatform .main .section10 .box .img {
    display: none;
  }
  .digitalPlatform .main .section10 .box .ul {
    position: relative;
    width: 100%;
    left: 0;
    padding-left: 15px;
    padding-right: 15px;
  }
  .digitalPlatform .main .section10 .box .ul .li {
    position: initial;
    width: 100%;
  }
  .digitalPlatform .main .section10 .box .ul .li .top {
    padding-left: 0;
  }
  .digitalPlatform .main .section10 .box .ul .li .bottom {
    background-image: none;
    padding: 12px 20px;
  }
  .digitalPlatform .main .section11 .box .img {
    width: 100%;
    border-right: none;
    float: none;
    display: none;
  }
  .digitalPlatform .main .section11 .box .text {
    width: 100%;
    padding: 20px;
  }
  .digitalPlatform .main .section11 .box .text .h4-title {
    padding-bottom: 10px;
    font-size: 18px;
  }
  .digitalPlatform .main .section11 .box .text .li {
    padding-top: 15px;
  }
  .digitalPlatform .main .section11 .box .text .li .h5-title {
    font-size: 14px;
  }
  .digitalPlatform .main .section11 .box .text .li .p {
    font-size: 12px;
  }
  .digitalPlatform .main .section12 .section-con {
    background: transparent;
  }
  .digitalPlatform .main .section12 .sub-title {
    background: #fff;
    font-size: 16px;
    padding-left: 20px;
    padding-right: 20px;
  }
  .digitalPlatform .main .section12 a {
    cursor: default;
  }
  .digitalPlatform .main .section12 .box {
    box-shadow: 0 0 12px 0px rgba(102, 102, 102, 0.1);
  }
  .digitalPlatform .main .section12 .box .li {
    background: transparent;
    width: 100%;
    padding: 0;
    border-bottom: 1px solid #f1f1f3;
  }
  .digitalPlatform .main .section12 .box .li .list {
    background-color: #fff;
    overflow: hidden;
  }
  .digitalPlatform .main .section12 .box .li .list .con {
    text-align: left;
    position: relative;
    min-height: 71px;
    top: 0;
    -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
            transform: translateY(0);
    padding: 20px;
  }
  .digitalPlatform .main .section12 .box .li .list .con .img-wrap {
    position: absolute;
    width: 20%;
    top: 50%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
  }
  .digitalPlatform .main .section12 .box .li .list .con .img-wrap img {
    width: 100%;
    max-width: 50px;
  }
  .digitalPlatform .main .section12 .box .li .list .con .text-wrap {
    position: relative;
    width: 80%;
    padding-left: 20px;
    left: 20%;
  }
  .digitalPlatform .main .section12 .box .li .list .con .text-wrap h4 {
    padding-top: 0px;
    font-size: 16px;
  }
  .digitalPlatform .main .section12 .box .li .list .con .text-wrap p {
    padding-top: 10px;
  }
  .digitalPlatform .main .section12 .hw-btn {
    display: block;
  }
  .digitalPlatform .main .section13 .sub-title {
    font-size: 16px;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 20px;
    margin-top: -10px;
  }
  .digitalPlatform .main .section13 a {
    cursor: default;
  }
  .digitalPlatform .main .section13 .box {
    box-shadow: 0 0 12px 0px rgba(102, 102, 102, 0.1);
    margin: 0;
  }
  .digitalPlatform .main .section13 .box .li {
    background: transparent;
  }
  .digitalPlatform .main .section13 .box .col2,
  .digitalPlatform .main .section13 .box .col4 {
    width: 100%;
  }
  .digitalPlatform .main .section13 .box .list-big:after {
    padding-top: 49.29577465%;
  }
  .digitalPlatform .main .section13 .box .list-small {
    padding: 0;
    border-bottom: 1px solid transparent;
  }
  .digitalPlatform .main .section13 .box .list-small:first-child {
    border-top: 1px solid transparent;
  }
  .digitalPlatform .main .section13 .box .list-small:first-child:after,
  .digitalPlatform .main .section13 .box .list-small:first-child:before {
    display: none;
  }
  .digitalPlatform .main .section13 .box .list-small .list {
    background-color: #fff;
    overflow: hidden;
  }
  .digitalPlatform .main .section13 .box .list-small .list .pic {
    display: none;
  }
  .digitalPlatform .main .section13 .box .list-small .list .con {
    text-align: left;
    position: relative;
    min-height: 71px;
    top: 0;
    -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
            transform: translateY(0);
    padding: 10px 20px;
  }
  .digitalPlatform .main .section13 .box .list-small .list .con .img-wrap {
    width: 20%;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
  }
  .digitalPlatform .main .section13 .box .list-small .list .con .img-wrap img {
    width: 100%;
    max-width: 80px;
  }
  .digitalPlatform .main .section13 .box .list-small .list .con p {
    width: 80%;
    padding-left: 20px;
    left: 0%;
    margin-left: 20%;
    position: relative;
    font-size: 14px;
    line-height: 1.5;
  }
  .digitalPlatform .main .section13 .hw-btn {
    display: block;
  }
  .LANG-cn .digitalPlatform .main .section6 .ul .li .box .text .h5-title {
    font-size: 18px;
  }
  .LANG-cn .digitalPlatform .main .section7 .carouselBox .carousel .swiper-slide .left .h5-title {
    font-size: 16px;
    line-height: 1.5;
    padding-bottom: 10px;
  }
  body .share3-wap,
  body #top {
    display: none !important;
  }
}
@media (max-width: 750px) {
  .dn-wap {
    display: none!important;
  }
}
@media (min-width: 751px) {
  .dn-pc {
    display: none!important;
  }
}