#ai-slider {
  width: 100%;
  position: relative;
  overflow: hidden; }
  #ai-slider .slider-containter {
    width: 100%;
    text-align: center; }
    #ai-slider .slider-containter .banner-img {
      width: 100%;
      position: relative; }
      #ai-slider .slider-containter .banner-img img {
        width: 100%;
        height: auto;
        vertical-align: middle; }
      #ai-slider .slider-containter .banner-img .img-mobile {
        display: none; }
      #ai-slider .slider-containter .banner-img .btn {
        position: absolute;
        top: 70%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%); }
        #ai-slider .slider-containter .banner-img .btn span.link-btn {
          display: block;
          width: 0.84082rem;
          height: .241736rem;
          border: solid 1px #e7efff;
          font-size: 0.14714rem;
          line-height: 0.24174rem;
          color: #fff;
          cursor: pointer; }
          #ai-slider .slider-containter .banner-img .btn span.link-btn:hover {
            border-color: rgba(0, 134, 199, 0.8); }
  #ai-slider .aislider-pagination {
    position: absolute;
    bottom: 0.45194rem !important;
    text-align: center;
    z-index: 99; }
    #ai-slider .aislider-pagination .swiper-pagination-bullet {
      background: #f3f3f3;
      opacity: 1; }
      #ai-slider .aislider-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
        background: #007aff; }

#product-banner {
  width: 100%;
  position: relative;
  overflow: hidden; }
  #product-banner .slider-containter {
    width: 100%;
    text-align: center; }
    #product-banner .slider-containter .banner-img {
      width: 100%;
      position: relative; }
      #product-banner .slider-containter .banner-img img {
        width: 100%;
        height: auto;
        vertical-align: middle; }
      #product-banner .slider-containter .banner-img .img-mobile {
        display: none; }
      #product-banner .slider-containter .banner-img .btn {
        position: absolute;
        top: 70%;
        left: 50%;
        transform: translate(-50%, -50%); }
        #product-banner .slider-containter .banner-img .btn a.link-btn {
          display: block;
          width: 1.05103rem;
          height: .241736rem;
          border: solid 1px #fff;
          font-size: 0.14714rem;
          line-height: 0.24174rem;
          color: #fff;
          cursor: pointer; }
          #product-banner .slider-containter .banner-img .btn a.link-btn:hover {
            border-color: rgba(75, 171, 253, 0.8); }
  #product-banner .aislider-pagination {
    position: absolute;
    bottom: 0.45194rem !important;
    text-align: center;
    z-index: 99; }
    #product-banner .aislider-pagination .swiper-pagination-bullet {
      background: #f3f3f3;
      opacity: 1; }
      #product-banner .aislider-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
        background: #007aff; }

.scrm p, .scrm h1, .scrm h2, .scrm h3, .scrm h4, .scrm h5 {
  padding: 0;
  margin: 0; }

.scrm .com-title {
  line-height: 0.19707rem;
  margin: 0 auto 0.09985rem;
  padding: 0;
  font-size: 0.16816rem;
  color: #2b2b2b;
  text-align: center; }
  .scrm .com-title.white {
    color: #fff; }

.scrm .introduce-wrap {
  width: 100%;
  margin: 0.65164rem auto 0.78827rem;
  text-align: center; }
  .scrm .introduce-wrap .title {
    position: relative;
    display: inline-block;
    vertical-align: top;
    margin: 0 0 0.48347rem;
    padding: 0 0 0.06832rem;
    line-height: 0.18918rem;
    font-size: 0.16816rem;
    color: #2b2b2b;
    text-align: center;
    border-bottom: 1px solid #c8c8c8; }
    .scrm .introduce-wrap .title::after {
      content: '';
      display: inline-block;
      position: absolute;
      bottom: 0;
      left: 50%;
      height: 2px;
      width: 0.31531rem;
      background-color: #0086c7;
      -webkit-transform: translate(-50%, 50%);
      -ms-transform: translate(-50%, 50%);
      transform: translate(-50%, 50%); }
  .scrm .introduce-wrap .introduce-content {
    width: 6.30616rem;
    margin: 0 auto; }
    .scrm .introduce-wrap .introduce-content .item-wrap {
      width: 100%;
      padding-bottom: 0.17868rem;
      margin-bottom: 0.15765rem;
      font-size: 0; }
      .scrm .introduce-wrap .introduce-content .item-wrap.left {
        text-align: left; }
      .scrm .introduce-wrap .introduce-content .item-wrap.right {
        text-align: right; }
      .scrm .introduce-wrap .introduce-content .item-wrap:last-child {
        padding-bottom: 0;
        margin-bottom: 0;
        border-bottom: none; }
      .scrm .introduce-wrap .introduce-content .item-wrap .item-content {
        display: inline-block;
        vertical-align: top;
        text-align: center; }
        .scrm .introduce-wrap .introduce-content .item-wrap .item-content .img-wrap {
          display: inline-block;
          vertical-align: middle;
          width: 1.97068rem;
          height: 1.0773rem; }
          .scrm .introduce-wrap .introduce-content .item-wrap .item-content .img-wrap .img {
            width: auto;
            height: 100%;
            vertical-align: middle; }
        .scrm .introduce-wrap .introduce-content .item-wrap .item-content .item-desc {
          display: inline-block;
          vertical-align: middle;
          width: 3.12681rem;
          text-align: center; }
          .scrm .introduce-wrap .introduce-content .item-wrap .item-content .item-desc.right {
            margin-left: 0.84082rem; }
          .scrm .introduce-wrap .introduce-content .item-wrap .item-content .item-desc.left {
            margin-right: 0.6096rem; }
          .scrm .introduce-wrap .introduce-content .item-wrap .item-content .item-desc.mobile {
            display: none; }
          .scrm .introduce-wrap .introduce-content .item-wrap .item-content .item-desc .desc-title {
            margin: 0 auto 0.12087rem;
            padding: 0;
            line-height: 0.15765rem;
            font-size: 0.12612rem;
            color: #454545; }
          .scrm .introduce-wrap .introduce-content .item-wrap .item-content .item-desc .desc-text {
            margin: 0;
            padding: 0;
            line-height: 0.12612rem;
            font-size: 0.08408rem;
            color: #777; }

.scrm .feature-wrap {
  width: 100%;
  height: 4.30921rem;
  background-color: #088bdd;
  background-image: url("/templates/website/res/img/scrm/feature-bg.jpg");
  background-size: cover;
  background-position: center; }
  .scrm .feature-wrap .com-title {
    padding-top: 0.26276rem; }
  .scrm .feature-wrap .feature-content {
    width: 6.30616rem;
    margin: 0.31531rem auto 0;
    text-align: justify;
    font-size: 0; }
    .scrm .feature-wrap .feature-content::after {
      display: inline-block;
      content: '';
      width: 100%;
      height: 0;
      overflow: hidden; }
    .scrm .feature-wrap .feature-content .feature-item {
      position: relative;
      display: inline-block;
      vertical-align: top;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      width: 1.49771rem;
      height: 0.94593rem;
      margin-bottom: 0.1051rem;
      padding: 0 0.0473rem;
      border: solid 1px #fff;
      color: #fff; }
      .scrm .feature-wrap .feature-content .feature-item.empty {
        border: none; }
      .scrm .feature-wrap .feature-content .feature-item .item-title {
        padding-top: 0.14714rem;
        padding-bottom: 0.0473rem;
        margin-bottom: 0.1051rem;
        line-height: 0.1051rem;
        font-size: 0.09459rem;
        text-align: center; }
        .scrm .feature-wrap .feature-content .feature-item .item-title .name {
          padding-bottom: 0.0473rem;
          -webkit-box-sizing: border-box;
          box-sizing: border-box;
          border-bottom: 1px solid #c1eaff; }
      .scrm .feature-wrap .feature-content .feature-item .item-desc {
        line-height: 0.1051rem;
        font-size: 0.07357rem; }

.scrm .example-wrap {
  width: 100%;
  margin: 0.63062rem 0 0.52551rem;
  text-align: center; }
  .scrm .example-wrap .big-title {
    line-height: 0.27327rem;
    font-size: 0.25225rem;
    color: #444;
    text-align: center; }
  .scrm .example-wrap .title {
    position: relative;
    display: inline-block;
    vertical-align: top;
    margin-top: 0.26276rem;
    padding: 0 0 0.06832rem;
    line-height: 0.18918rem;
    font-size: 0.16816rem;
    color: #444;
    text-align: center;
    font-weight: normal; }
  .scrm .example-wrap .title-desc {
    position: relative;
    margin-top: 0.11561rem;
    line-height: 0.12612rem;
    font-size: 0.1051rem;
    color: #444;
    text-align: center; }
    .scrm .example-wrap .title-desc::before {
      position: absolute;
      content: '';
      display: block;
      top: -0.05781rem;
      left: 50%;
      width: 2.78522rem;
      height: 1px;
      background-color: #ddd;
      transform: translateX(-50%); }
  .scrm .example-wrap .example-content {
    width: 6.30616rem;
    margin: 0.28378rem auto 0; }
    .scrm .example-wrap .example-content img {
      width: 100%;
      height: auto;
      vertical-align: middle; }
    .scrm .example-wrap .example-content .line-vertical {
      margin-top: -0.15765rem;
      height: 0.47296rem;
      text-align: center; }
      .scrm .example-wrap .example-content .line-vertical .line-img {
        height: 100%;
        width: auto;
        vertical-align: middle; }
        .scrm .example-wrap .example-content .line-vertical .line-img + .line-img {
          margin-left: 3.66809rem; }
    .scrm .example-wrap .example-content.exp-1 {
      margin-bottom: 0.15765rem; }
      .scrm .example-wrap .example-content.exp-1 .exp-img-wrap-2 {
        margin-top: -0.07883rem; }
    .scrm .example-wrap .example-content.exp-2 .exp-img-wrap + .exp-img-wrap {
      margin-top: 0.81455rem; }

.scrm .btn-wrap {
  width: 100%;
  font-size: 0;
  text-align: center;
  margin: 0.42041rem 0 0.42041rem; }
  .scrm .btn-wrap .link-btn {
    display: inline-block;
    width: 0.9375rem;
    text-align: center;
    line-height: 0.26042rem;
    font-size: 0.125rem;
    letter-spacing: 2.4px;
    color: #fff;
    background-color: #007bc0;
    border-radius: 6px;
    cursor: pointer; }
    .scrm .btn-wrap .link-btn:hover {
      background-color: rgba(0, 123, 192, 0.8); }

@media screen and (max-width: 1300px) {
  .scrm .introduce-wrap .introduce-content .item-wrap .item-content .item-desc .desc-text {
    line-height: 0.15135rem; }
  .scrm .feature-wrap {
    height: 4.74013rem; }
    .scrm .feature-wrap .feature-content {
      width: 75%; }
      .scrm .feature-wrap .feature-content .feature-item {
        width: 1.72237rem;
        height: 1.04052rem;
        margin-bottom: 0.12612rem;
        padding: 0 0.07094rem; }
        .scrm .feature-wrap .feature-content .feature-item .item-title {
          margin-bottom: 0.12612rem; }
        .scrm .feature-wrap .feature-content .feature-item .item-desc {
          line-height: 0.13663rem; }
  .scrm .example-wrap .example-content {
    width: 75%; } }

@media screen and (max-width: 990px) {
  .scrm .com-title {
    line-height: 0.22072rem;
    font-size: 0.1997rem; }
  .scrm .introduce-wrap .title {
    line-height: 0.22072rem;
    font-size: 0.1997rem; }
  .scrm .introduce-wrap .introduce-content {
    width: 85%; }
    .scrm .introduce-wrap .introduce-content .item-wrap {
      padding-bottom: 0.42041rem;
      margin-bottom: 0.35735rem; }
      .scrm .introduce-wrap .introduce-content .item-wrap .item-content .img-wrap {
        width: 3.15308rem;
        height: 1.72368rem; }
      .scrm .introduce-wrap .introduce-content .item-wrap .item-content .item-desc {
        width: 3.36329rem; }
        .scrm .introduce-wrap .introduce-content .item-wrap .item-content .item-desc .desc-title {
          line-height: 0.22072rem;
          font-size: 0.17657rem; }
        .scrm .introduce-wrap .introduce-content .item-wrap .item-content .item-desc .desc-text {
          line-height: 0.18918rem;
          font-size: 0.11771rem; }
  .scrm .feature-wrap {
    height: 5.60198rem; }
    .scrm .feature-wrap .feature-content {
      width: 85%; }
      .scrm .feature-wrap .feature-content .feature-item {
        width: 1.94703rem;
        height: 1.2297rem;
        margin-bottom: 0.13663rem;
        padding: 0 0.09459rem; }
        .scrm .feature-wrap .feature-content .feature-item .item-title {
          margin-bottom: 0.13663rem; }
        .scrm .feature-wrap .feature-content .feature-item .item-desc {
          line-height: 0.18919rem; }
  .scrm .example-wrap .title {
    line-height: 0.22072rem;
    font-size: 0.1997rem; }
  .scrm .example-wrap .title-desc {
    margin-top: 0.13874rem; }
    .scrm .example-wrap .title-desc::before {
      top: -0.06937rem; }
  .scrm .example-wrap .example-content {
    width: 85%; }
  .scrm .btn-wrap .link-btn {
    line-height: 0.4099rem;
    padding: 0 0.23123rem;
    font-size: 0.19654rem; } }

@media screen and (max-width: 768px) {
  #ai-slider .slider-containter .banner-img .img {
    display: none; }
  #ai-slider .slider-containter .banner-img .img-mobile {
    display: inline; }
  #ai-slider .slider-containter .banner-img .btn span.link-btn {
    display: block;
    width: 2.10206rem;
    height: 0.60434rem;
    line-height: 0.60434rem;
    font-size: 0.36786rem; }
  #product-banner .slider-containter .banner-img .img {
    display: none; }
  #product-banner .slider-containter .banner-img .img-mobile {
    display: inline; }
  #product-banner .slider-containter .banner-img .btn a.link-btn {
    display: block;
    width: 2.10206rem;
    height: 0.60434rem;
    line-height: 0.60434rem;
    font-size: 0.36786rem; }
  .scrm .com-title {
    line-height: 0.44669rem;
    font-size: 0.42041rem; }
  .scrm .introduce-wrap {
    margin: 1.05103rem auto; }
    .scrm .introduce-wrap .title {
      margin-bottom: 0.78827rem;
      padding-bottom: 0.15766rem;
      line-height: 0.47296rem;
      font-size: 0.42041rem; }
      .scrm .introduce-wrap .title::after {
        width: 0.78827rem; }
    .scrm .introduce-wrap .introduce-content {
      width: 100%; }
      .scrm .introduce-wrap .introduce-content .item-wrap {
        padding-bottom: 0.52551rem;
        margin-bottom: 0.52551rem;
        border-bottom: none; }
        .scrm .introduce-wrap .introduce-content .item-wrap.left {
          text-align: center; }
        .scrm .introduce-wrap .introduce-content .item-wrap.right {
          text-align: center; }
        .scrm .introduce-wrap .introduce-content .item-wrap .item-content .img-wrap {
          display: block;
          width: 100%;
          height: 3.41584rem; }
        .scrm .introduce-wrap .introduce-content .item-wrap .item-content .item-desc {
          display: block;
          margin-top: 0.52551rem;
          width: 100%; }
          .scrm .introduce-wrap .introduce-content .item-wrap .item-content .item-desc.right {
            margin-left: 0;
            margin-right: 0; }
          .scrm .introduce-wrap .introduce-content .item-wrap .item-content .item-desc.left {
            display: none; }
          .scrm .introduce-wrap .introduce-content .item-wrap .item-content .item-desc.mobile {
            display: block; }
          .scrm .introduce-wrap .introduce-content .item-wrap .item-content .item-desc .desc-title {
            line-height: 0.44669rem;
            margin-bottom: 0.28903rem;
            font-size: 0.36786rem; }
          .scrm .introduce-wrap .introduce-content .item-wrap .item-content .item-desc .desc-text {
            padding: 0 0.34159rem;
            line-height: 0.47296rem;
            font-size: 0.31531rem; }
  .scrm .feature-wrap {
    min-height: 18.49808rem;
    background-image: url("/templates/website/res/img/scrm/feature-bg-m.jpg"); }
    .scrm .feature-wrap .com-title {
      padding-top: 0.78827rem; }
    .scrm .feature-wrap .feature-content {
      width: 9.11766rem;
      margin-top: 0.49924rem;
      padding-bottom: 0.85396rem; }
      .scrm .feature-wrap .feature-content .feature-item {
        width: 2.89033rem;
        height: 3.53145rem;
        padding: 0 0.11824rem;
        margin-bottom: 0.28903rem; }
        .scrm .feature-wrap .feature-content .feature-item:nth-child(3n+1):nth-last-child(-n+3),
        .scrm .feature-wrap .feature-content .feature-item:nth-child(3n+1):nth-last-child(-n+3) ~ .feature-item {
          margin-bottom: 0; }
        .scrm .feature-wrap .feature-content .feature-item .item-title {
          padding-top: 0.19707rem;
          padding-bottom: 0.06569rem;
          margin-bottom: 0.18393rem;
          line-height: 0.34159rem;
          font-size: 0.28903rem; }
          .scrm .feature-wrap .feature-content .feature-item .item-title .name {
            display: inline-block;
            max-width: 100%;
            padding-bottom: 0.06569rem;
            border-bottom-color: #fff;
            -o-text-overflow: ellipsis;
            text-overflow: ellipsis;
            overflow: hidden;
            white-space: nowrap; }
        .scrm .feature-wrap .feature-content .feature-item .item-desc {
          line-height: 0.4099rem;
          font-size: 0.23648rem;
          overflow: hidden;
          -o-text-overflow: ellipsis;
          text-overflow: ellipsis;
          display: -webkit-box;
          -webkit-box-orient: vertical;
          -webkit-line-clamp: 5; }
  .scrm .example-wrap {
    margin: 1.05103rem 0; }
    .scrm .example-wrap .big-title {
      line-height: 0.68317rem;
      font-size: 0.55494rem; }
    .scrm .example-wrap .title {
      margin-top: 0.39413rem;
      padding-bottom: 0.15766rem;
      line-height: 0.47296rem;
      font-size: 0.36996rem; }
    .scrm .example-wrap .title-desc {
      padding: 0 0.26276rem;
      margin-top: 0.28903rem;
      line-height: 0.44143rem;
      font-size: 0.23123rem; }
      .scrm .example-wrap .title-desc::before {
        top: -0.14452rem;
        width: 6.96306rem; }
    .scrm .example-wrap .example-content {
      width: 90%;
      margin-top: 0.78827rem; }
  .scrm .btn-wrap {
    top: 72%; }
    .scrm .btn-wrap .link-btn {
      width: 4.55729rem;
      height: 1.17188rem;
      line-height: 1.17188rem;
      font-size: 0.52083rem; } }