.content {
  min-width: 1400px; }
  .content .container {
    position: relative; }
    .content .container .container-header {
      position: relative; }
      .content .container .container-header .header-content {
        position: absolute;
        left: 50%;
        top: 50%;
        margin-top: -440px;
        margin-left: -513px;
        width: 1026px;
        font-size: 75px;
        font-family: AlibabaPuHuiTi;
        font-weight: bold;
        color: #ffffff;
        text-align: center; }
    .content .container .container_img {
      height: 640px;
      width: 100%; }
    .content .container .container_div {
      position: absolute;
      bottom: 5px;
      left: 0;
      width: 100%;
      height: 130px;
      z-index: 1;
      background: rgba(0, 0, 0, 0.4); }
      .content .container .container_div ul {
        width: 1400px;
        margin: 0 auto;
        display: flex;
        justify-content: space-between; }
        .content .container .container_div ul li {
          text-align: center;
          margin: 20px 0;
          cursor: pointer; }
          .content .container .container_div ul li .svg-icon {
            width: 51px;
            height: 51px;
            vertical-align: -0.15em;
            fill: currentColor;
            overflow: hidden; }
          .content .container .container_div ul li:hover .draw-svg {
            stroke-dasharray: 800;
            stroke-dashoffset: 0;
            -webkit-animation: draw 6s linear forwards;
            animation: draw 6s linear forwards; }
@-webkit-keyframes draw {
  from {
    stroke-dashoffset: 800; }
  to {
    stroke-dashoffset: 0; } }
@keyframes draw {
  from {
    stroke-dashoffset: 800; }
  to {
    stroke-dashoffset: 0; } }
          .content .container .container_div ul li p {
            margin-top: 18px;
            font-size: 16px;
            font-family: AlibabaPuHuiTi;
            font-weight: 400;
            color: #ffffff !important; }
  .content .popularSolutions {
    margin-top: 70px; }
    .content .popularSolutions .Solutions_top {
      color: #333333;
      font-size: 38px;
      font-weight: bold;
      font-family: AlibabaPuHuiTi;
      text-align: center; }
    .content .popularSolutions .Solutions_bottom {
      width: 90px;
      height: 6px;
      background-color: #c7000b;
      border-radius: 15px;
      margin: 15px auto 50px; }
  .content .solution-wrap {
    width: 1400px;
    margin: 0 auto; }
    .content .solution-wrap .hot-solution {
      overflow: hidden;
      display: flex;
      flex-wrap: wrap;
      padding-bottom: 50px; }
      .content .solution-wrap .hot-solution .left-box {
        width: 23.5%;
        height: 190px;
        overflow: hidden;
        position: relative;
        margin-right: 1.5%;
        margin-bottom: 22px;
        background: none;
        background-color: #f1f1f1; }
        .content .solution-wrap .hot-solution .left-box .img-box {
          transition: all 0.6s; }
        .content .solution-wrap .hot-solution .left-box:hover .img-box {
          -webkit-transform: scale(1.1);
          transform: scale(1.1); }
        .content .solution-wrap .hot-solution .left-box:hover .mask {
          padding-top: 25px; }
        .content .solution-wrap .hot-solution .left-box:hover .text-box .more .more-btn {
          background-color: #cc0000;
          border-color: #cc0000 !important; }
        .content .solution-wrap .hot-solution .left-box:first-child, .content .solution-wrap .hot-solution .left-box:last-child {
          width: 48.5%;
          height: 190px;
          overflow: hidden;
          position: relative; }
          .content .solution-wrap .hot-solution .left-box:first-child .mask, .content .solution-wrap .hot-solution .left-box:last-child .mask {
            background: rgba(0, 0, 0, 0.5); }
            .content .solution-wrap .hot-solution .left-box:first-child .mask .text-box h3, .content .solution-wrap .hot-solution .left-box:last-child .mask .text-box h3 {
              color: #fff; }
            .content .solution-wrap .hot-solution .left-box:first-child .mask .text-box p, .content .solution-wrap .hot-solution .left-box:last-child .mask .text-box p {
              width: 50%;
              color: #fff; }
            .content .solution-wrap .hot-solution .left-box:first-child .mask .text-box .more, .content .solution-wrap .hot-solution .left-box:last-child .mask .text-box .more {
              display: block; }
              .content .solution-wrap .hot-solution .left-box:first-child .mask .text-box .more .more-btn, .content .solution-wrap .hot-solution .left-box:last-child .mask .text-box .more .more-btn {
                border: 1px solid #fff; }
        .content .solution-wrap .hot-solution .left-box .mask {
          width: 100%;
          height: 100%;
          position: absolute;
          top: 0;
          left: 0;
          padding: 40px 30px 20px 30px;
          transition: all 0.3s; }
          .content .solution-wrap .hot-solution .left-box .mask .text-box .ellipsis {
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap; }
          .content .solution-wrap .hot-solution .left-box .mask .text-box h3 {
            font-size: 24px;
            line-height: 28px;
            color: #333; }
          .content .solution-wrap .hot-solution .left-box .mask .text-box p {
            font-size: 14px;
            line-height: 22px;
            height: 42px;
            overflow: hidden;
            margin-top: 40px;
            color: #333; }
          .content .solution-wrap .hot-solution .left-box .mask .text-box .more {
            font-size: 14px;
            line-height: 20px;
            position: absolute;
            right: 32px;
            bottom: 16px;
            display: none; }
            .content .solution-wrap .hot-solution .left-box .mask .text-box .more .more-btn {
              color: #fff;
              padding: 5px 16px;
              cursor: pointer;
              transition: all 0.3s;
              display: inline-block; }
  .content .service-capability {
    width: 100%;
    height: 720px;
    background: #000000;
    background-image: url("/img/supprot/jishufuwunengli.jpg");
    background-size: 100% 100%;
    background-repeat: no-repeat;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative; }
    .content .service-capability::before {
      content: '';
      position: absolute;
      bottom: 0;
      width: 100%;
      left: 0;
      height: 200px;
      background-image: url("/img/saifuCheng/scroll-bg.png");
      background-size: 100% 100%;
      opacity: .9;
      z-index: 1; }
    .content .service-capability .capability {
      width: 529px;
      height: 531px;
      font-size: 19px;
      font-family: AlibabaPuHuiTi;
      font-weight: 400;
      color: #ffffff;
      text-align: center;
      overflow-y: scroll; }
      .content .service-capability .capability::-webkit-scrollbar {
        display: none; }
      .content .service-capability .capability ul {
        height: auto; }
        .content .service-capability .capability ul li {
          margin-bottom: 30px; }

/*# sourceMappingURL=support.css.map */