.product-service-container {
  padding-left: 0;
  padding-right: 0; }
  .product-service-container.sticky header {
    position: fixed;
    width: 100%;
    left: 0;
    top: 0;
    z-index: 999; }
    .product-service-container.sticky header nav {
      box-shadow: rgba(0, 0, 0, 0.3) 0px 0.01rem 0.01rem 0px; }
  .product-service-container.sticky .product-service-content {
    margin-top: 72px; }
  .product-service-container header nav {
    margin-bottom: .2rem;
    background-color: #fff;
    -webkit-transition: .2s;
    transition: .2s; }
    .product-service-container header nav ul {
      display: -webkit-box;
      display: flex;
      -webkit-box-align: center;
              align-items: center;
      list-style: none;
      margin: 0;
      padding: 0;
      overflow-x: scroll; }
      .product-service-container header nav ul li {
        color: #ccc;
        font-size: .16rem;
        font-weight: bold;
        white-space: nowrap;
        margin: 0;
        padding: .15rem .2rem; }
        .product-service-container header nav ul li:first-child {
          padding-left: .3rem; }
        .product-service-container header nav ul li:last-child {
          padding-right: .3rem; }
        .product-service-container header nav ul li.current {
          color: #333; }
  .product-service-container .product-service-content {
    padding-left: .3rem;
    padding-right: .3rem; }
    .product-service-container .product-service-content ul {
      display: none;
      list-style: none;
      margin: 0;
      padding: 0; }
      .product-service-container .product-service-content ul.current {
        display: block; }
      .product-service-container .product-service-content ul.smart-management li:first-child .product-service-cover figure:before，
      .product-service-container .product-service-content ul.short-video li .product-service-cover figure:before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.5);
        pointer-events: none;
        z-index: 2; }
      .product-service-container .product-service-content ul.smart-management li:first-child .product-service-cover figure:after,
      .product-service-container .product-service-content ul.short-video li .product-service-cover figure:after {
        content: "";
        position: absolute;
        border-width: 15px 0 15px 30px;
        top: 50%;
        left: 50%;
        border-style: solid;
        margin-left: -10px;
        margin-top: -15px;
        border-color: transparent transparent transparent #fff;
        pointer-events: none;
        z-index: 3; }
        .product-service-container .product-service-content ul.smart-management li .product-service-cover figure:before,
        .product-service-container .product-service-content ul.short-video li .product-service-cover figure:before {
          content: "";
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%;
          background-color: rgba(0, 0, 0, .5);
          z-index: 2; }
      .product-service-container .product-service-content ul li {
        margin: 0; }
        .product-service-container .product-service-content ul li .product-service-cover {
          position: relative;
          margin: 0 0 .1rem;
          border-radius: .1rem;
          overflow: hidden; }
          .product-service-container .product-service-content ul li .product-service-cover:before, .product-service-container .product-service-content ul li .product-service-cover:after {
            content: "";
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            z-index: 1; }
          .product-service-container .product-service-content ul li .product-service-cover:before {
            background-color: rgba(0, 0, 0, 0.05); }
          .product-service-container .product-service-content ul li .product-service-cover:after {
            border-radius: .1rem;
            box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.1);
            z-index: 3; }
          .product-service-container .product-service-content ul li .product-service-cover figure {
            position: relative;
            margin: 0;
            padding-bottom: 100%;
            overflow: hidden;
            z-index: 2; }
            .product-service-container .product-service-content ul li .product-service-cover figure img {
              display: block;
              position: absolute;
              top: 0;
              left: 0;
              width: 100%;
              height: 100%;
              -o-object-fit: cover;
                 object-fit: cover;
              -o-object-position: center;
                 object-position: center; }
        .product-service-container .product-service-content ul li .caption {
          margin: 0 0 .4rem; }
          .product-service-container .product-service-content ul li .caption h3 {
            font-size: .15rem;
            font-weight: bold;
            margin: 0 0 .05rem; }
          .product-service-container .product-service-content ul li .caption p {
            font-size: .12rem;
            font-weight: normal;
            margin: 0 0 .1rem;
            opacity: .5; }
          .product-service-container .product-service-content ul li .caption .link {
            display: block;
            color: #333;
            font-size: .14rem;
            font-weight: normal;
            text-align: center;
            padding: .1rem .5rem;
            border: 1px solid #DCDCDC;
            border-radius: 1rem; }