:root {
	/* color */
	/* size */
}

html,
body {
	margin: 0rem;
}

html ::-webkit-scrollbar, body ::-webkit-scrollbar {
		display: none;
	}

:root {
	/* 设计稿 375 */
	font-size: 26.6667vw;
}

:root div {
		box-sizing: border-box;
	}

:root a {
		-webkit-text-decoration: none;
		text-decoration: none;
		color: rgba(0, 0, 0, 1);
	}

.m-mg-b-4 {
	margin-bottom: 0.04rem;
}

.m-mg-b-16 {
	margin-bottom: 0.16rem;
}

.m-pd-b-16 {
	padding-bottom: 0.16rem;
}

.m-mg-t-24 {
	margin-top: 0.24rem;
}

.m-mg-t-48 {
	margin-top: 0.48rem;
}

.m-mg-t-16 {
	margin-top: 0.16rem;
}

html,
body {
  margin: 0px;
}

html a, body a {
    -webkit-text-decoration: none;
    text-decoration: none;
    color: rgba(0, 0, 0, 1);
  }

html,
body {
  font-family: PingFang SC;
  overflow-x: hidden;
}

/** pc 和 移动端布局不同，长度单位的分别定义 */

/* 行样式 */

.page-row {
  width: 1440px;
}

.page-row-content {
  width: 1200px;
}

/* 居中*/

.position-x-center {
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}

.position-xy-center {
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.mg-center {
  margin: 0px auto;
}

/* font-size */

.fs-0 {
  font-size: 0px;
}

/* flex */

.flex-dir-c {
  display: flex;
  flex-direction: column;
}

.flex-center {
  display: flex;
  align-items: center;
  justify-content: center;
}

.flex-sb {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.flex-start {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

.flex-r-reverse {
  display: flex;
  flex-direction: row-reverse;
}

.flex-ai-end {
  align-items: end;
}

.flex-dir-rv {
  display: flex;
  flex-direction: revert;
  align-items: center;
}

/* 背景图 */

.cover-centger-bg {
  background-size: cover;
  background-pisition: center;
}

/* margin */

.mg-l-80 {
  margin-left: 80px;
}

.mg-b-32 {
  margin-bottom: 32px;
}

.mg-b-64 {
  margin-bottom: 64px;
}

.mg-r-24 {
  margin-right: 24px;
}

.mg-t-24 {
  margin-top: 24px;
}

.mg-t-48 {
  margin-top: 48px;
}

.mg-t-16 {
  margin-top: 16px;
}

.clean-margin {
  margin: 0px !important;
}

.padding-tb-18 {
  padding: 18px 0px;
}

.padding-tb-28 {
  padding: 28px 0px;
}

/* button */

.button-white-bg {
  background: #f7f8fa;
  border-radius: 3px;
  color: #000000;
  text-align: center;
  font-weight: 500;
  font-size: 20px;
  cursor: pointer;
  -webkit-user-select: none;
          user-select: none;
}

.header {
  position: fixed;
  top: 0rem;
  left: 0rem;
  height: 0.44rem;
  width: 100%;
  padding: 0rem 0.16rem 0rem 0.24rem;
  z-index: 99999;
}

.header .logo,
  .header .logo img {
    display: block;
    width: 0.88rem;
    height: 0.16rem;
  }

.header .menu {
    position: absolute;
    right: 0.16rem;
    top: 0.12rem;
    width: 0.2rem;
    height: 0.2rem;
  }

.header-bg-dark {
  background: rgba(0, 0, 0, 0.7);
  box-shadow: 0rem 0.01rem 0rem 0rem rgba(255, 255, 255, 0.1);
  -webkit-backdrop-filter: blur(10rem);
          backdrop-filter: blur(10rem);
}

.header-bg {
  background: rgba(255, 255, 255, 0.75);
  box-shadow: 0rem 0.01rem 0rem 0rem rgba(0, 0, 0, 0.1);
  -webkit-backdrop-filter: blur(0.1rem);
          backdrop-filter: blur(0.1rem);
}

.footer {
  color: rgba(0, 0, 0, 1);
  font-size: 0.12rem;
  line-height: 0.2rem;
  /* padding: 0.16rem 0.22rem 0.16rem 0.24rem; */
  padding: 0.16rem 0.12rem 0.16rem 0.12rem;
}

.footer .link-row {
    padding: 0.16rem 0.12rem;
  }

.footer .link-row .name {
      font-size: 0.14rem;
      font-weight: 400;
      line-height: 0.2rem;
    }

.footer .link-row .arrow-right {
      width: 0.12rem;
      height: 0.12rem;
    }

.footer .hotline {
    padding: 0rem 0.12rem;
    margin-top: 0.16rem;
    margin-bottom: 0.24rem;
  }

.footer .hotline .title {
      font-size: 0.12rem;
      font-weight: 400;
      line-height: 0.2rem;
      color: rgba(0, 0, 0, 0.6);
    }

.footer .hotline .phoneNo {
      font-size: 0.18rem;
      font-weight: 500;
      line-height: 0.26rem;
    }

.footer .divider {
    height: 0.01rem;
    border: 0.01rem solid rgba(0, 0, 0, 0.08);
    margin-bottom: 0.23rem;
  }

.footer .serverAndPrivate {
    font-size: 0.12rem;
    font-weight: 400;
    line-height: 0.2rem;
  }

.footer .serverAndPrivate a {
      color: rgba(0, 0, 0, 0.6);
    }

.footer .serverAndPrivate .divider-v {
      width: 0.01rem;
      height: 0.12rem;
      border: 0.01rem solid rgba(0, 0, 0, 0.2);
      margin: 0rem 0.09rem 0rem 0.1rem;
    }

.footer .serverAndPrivate,
  .footer .recordNo {
    margin-bottom: 0.04rem;
  }

.footer .serverAndPrivate a, .footer .recordNo a {
      color: rgba(0, 0, 0, 0.6);
    }

.footer .serverAndPrivate {
    padding-left: 0.12rem;
    color: rgba(0, 0, 0, 0.6);
  }

.footer .recordNo {
    padding-left: 0.12rem;
    color: rgba(0, 0, 0, 0.6);
  }

.footer .copyright {
    padding-left: 0.12rem;
    color: rgba(0, 0, 0, 0.6);
  }

.footer .gongan {
    color: rgba(0, 0, 0, 0.6);
    padding-left: 0.12rem;
  }

.footer .gongan img {
      width: 0.12rem;
      height: 0.12rem;
      margin-right: 0.06rem;
    }

.mask-box {
  position: fixed;
  top: 0rem;
  left: 0rem;
  overflow: hidden;
  height: 0vh;
  z-index: 2;
  transition: height 0.5s;
  transition-timing-function: curve(0.25, 0.1, 0.25, 1);
}

.mask {
  width: 100vw;
  height: 100vh;
  background: rgba(0, 0, 0, 0.9);
  -webkit-backdrop-filter: blur(30rem);
          backdrop-filter: blur(30rem);
}

.mask .mask-item {
    opacity: 0;
    transition-property: opacity transfrom;
    transition-duration: 0.2s;
    transition-timing-function: cubic-bezier(0.42, 0, 1, 1);
  }

.mask .mask-item-0 {
    transition-delay: 0s;
  }

.mask .mask-item-1 {
    transition-delay: 0.15s;
  }

.mask .mask-item-2 {
    transition-delay: 0.23s;
  }

.mask .mask-item-3 {
    transition-delay: 0.31s;
  }

.mask .mask-item-4 {
    transition-delay: 0.39s;
  }

.mask a {
    -webkit-text-decoration: none;
    text-decoration: none;
  }

.mask .close {
    position: absolute;
    top: 0.12rem;
    right: 0.16rem;
    width: 0.198rem;
    height: 0.198rem;
  }

.mask .enheylig-pic {
    position: absolute;
    top: 0.76rem;
    left: 0.56rem;
    width: 0.72rem;
    height: 0.15rem;
  }

.mask .server {
    color: #ffffff;
    font-size: 0.16rem;
    font-weight: 500;
    line-height: 0.24rem;
    position: absolute;
    left: 0.56rem;
  }

.mask .developer {
    color: #ffffff;
    font-size: 0.16rem;
    font-weight: 500;
    line-height: 0.24rem;
    position: absolute;
    left: 0.56rem;
  }

.mask .download {
    color: #ffffff;
    font-size: 0.16rem;
    font-weight: 500;
    line-height: 0.24rem;
    position: absolute;
    left: 0.56rem;
  }

.mask .about {
    color: #ffffff;
    font-size: 0.16rem;
    font-weight: 500;
    line-height: 0.24rem;
    position: absolute;
    left: 0.56rem;
  }

.mask .server {
    top: 1.39rem;
  }

.mask .server a {
    display: block;
    margin-top: 0.16rem;
    color: #666666;
    font-weight: 400;
    font-size: 0.14rem;
  }

.mask .server a:active {
    color: #00b386;
  }

.mask .server a.active {
    color: #00b386;
  }

/* .developer {
		top: 2.11rem;
	} */

/* .download {
		top: 2.83rem;
	}
	.about {
		top: 3.55rem;
	} */

.mask .download {
    top: 3.7rem;
  }

.mask .about {
    top: 4.4rem;
  }

.mask-white {
  background: rgba(255, 255, 255, 0.7);
}

.mask-white .server {
    color: rgba(0, 0, 0, 1);
    font-size: 0.16rem;
    font-weight: 500;
    line-height: 0.24rem;
    position: absolute;
    left: 0.56rem;
  }

.mask-white .developer {
    color: rgba(0, 0, 0, 1);
    font-size: 0.16rem;
    font-weight: 500;
    line-height: 0.24rem;
    position: absolute;
    left: 0.56rem;
  }

.mask-white .download {
    color: rgba(0, 0, 0, 1);
    font-size: 0.16rem;
    font-weight: 500;
    line-height: 0.24rem;
    position: absolute;
    left: 0.56rem;
  }

.mask-white .about {
    color: rgba(0, 0, 0, 1);
    font-size: 0.16rem;
    font-weight: 500;
    line-height: 0.24rem;
    position: absolute;
    left: 0.56rem;
  }

.banner {
  width: 3.75rem;
  height: 2.81rem;
  background-image: url("/images-m/platform-bg.png");
  background-size: cover;
  color: #ffffff;
  font-weight: 600;
  text-align: center;
  overflow: hidden;
}

.banner .title {
    font-size: 0.4rem;
    line-height: 0.48rem;
    margin: 1.25rem 0rem 0.04rem 0rem;
  }

.banner .subtitle {
    font-size: 0.24rem;
    line-height: 0.32rem;
  }

.superiority {
  overflow: hidden;
  background: linear-gradient(
    180deg,
    #fafafa 0%,
    #ffffff 100%
  );
}

.superiority .comment {
    position: relative;
    display: flex;
    margin: 0.24rem 0.32rem 0.27rem;
  }

.superiority .comment .quotation-left,
    .superiority .comment .quotation-right {
      width: 0.32rem;
      height: 0.32rem;
    }

.superiority .comment .quotation-left {
      left: -0.12rem !important;
    }

.superiority .comment .quotation-left {
      position: absolute;
    }

.superiority .comment .quotation-right {
      right: -0.12rem !important;
    }

.superiority .comment .quotation-right {
      position: absolute;
      top: 0.48rem;
    }

.superiority .comment .text {
      width: 2.81rem;
      height: 0.66rem;
      font-size: 0.14rem;
      font-weight: 400;
      color: #141414;
      line-height: 0.22rem;
      margin-top: 0.08rem;
      margin-left: 0.2rem;
    }

.superiority .content {
    background-color: #ffffff;
    width: 3.51rem;
    border-radius: 0.16rem;
    text-align: center;
    padding: 0rem 0.2rem;
    overflow: hidden;
    color: #141414;
    font-size: 0rem;
  }

.superiority .content .title {
      margin: 0.32rem 0rem 0.24rem 0rem;
      height: 0.32rem;
      font-size: 0.24rem;
      font-weight: 500;
      line-height: 0.32rem;
    }

.superiority .content .row {
      margin-bottom: 0.32rem;
    }

.superiority .content .row .pic {
        width: 3.11rem;
        height: 1.95rem;
        background: rgba(0, 0, 0, 0.04);
        border: none;
        outline: none;
      }

.superiority .content .row .subtitle {
        display: flex;
        margin: 0.1rem 0rem 0.06rem 0rem;
      }

.superiority .content .row .subtitle .icon {
          width: 0.2rem;
          height: 0.2rem;
          margin-right: 0.1rem;
        }

.superiority .content .row .subtitle .text {
          font-size: 0.14rem;
          line-height: 0.22rem;
          font-weight: 600;
        }

.superiority .content .row .text-body {
        color: #141414;
        opacity: 0.6;
        text-align: left;
        width: 3.11rem;
        font-size: 0.14rem;
        font-weight: 400;
        line-height: 0.22rem;
      }

.show-platform {
  background-image: url("/images-m/show-platform.png");
  background-size: cover;
  color: #141414;
}

.show-platform .tabs {
    position: relative;
    padding: 0.16rem 0.5rem;
    justify-content: space-evenly;
  }

.show-platform .tabs .tab-item {
      width: 1.38rem;
      font-size: 0.16rem;
      line-height: 0.24rem;
      text-align: center;
    }

.show-platform .tabs .tab-item-active {
      font-size: 0.2rem;
      font-weight: 600;
    }

.show-platform .tabs .tab-slider {
      left: 0rem;
      bottom: 0rem;
      position: absolute;
      width: 0.72rem;
      height: 0.04rem;
      background: rgba(0, 0, 0, 1);
      border-radius: 0.02rem 0.02rem 0rem 0rem;
      -webkit-transform: translateX(0.83rem);
              transform: translateX(0.83rem);
      transition: -webkit-transform 0.5s;
      transition: transform 0.5s;
      transition: transform 0.5s, -webkit-transform 0.5s;
    }

.show-platform .content {
    background: #ffffff;
    box-shadow: 0rem -0.02rem 0.2rem 0rem rgba(0, 81, 213, 0.08);
    border-radius: 0.2rem 0.2rem 0rem 0rem;
    margin: 0rem 0.12rem;
    padding: 0.24rem 0.2rem 0.32rem;
    font-size: 0rem;
  }

.show-platform .content .row {
      margin-bottom: 0.24rem;
    }

.show-platform .content .row .pic {
        width: 3.11rem;
        height: 1.95rem;
        background: rgba(0, 0, 0, 0.04);
        border: none;
        outline: none;
      }

.show-platform .content .row .text-body {
        text-align: left;
        width: 3.11rem;
        font-size: 0.14rem;
        font-weight: 400;
        line-height: 0.22rem;
        color: #141414;
        color: var(--color-141414);
        opacity: 0.6;
      }

.show-platform .content-intercom {
    background: #ffffff;
    box-shadow: 0rem -0.02rem 0.2rem 0rem rgba(0, 81, 213, 0.08);
    border-radius: 0.2rem 0.2rem 0rem 0rem;
    margin: 0rem 0.12rem;
    padding: 0.24rem 0.2rem 0.32rem;
    font-size: 0rem;
  }

.show-platform .content-intercom .row {
      margin-bottom: 0.24rem;
    }

.show-platform .content-intercom .row .pic {
        width: 3.11rem;
        height: 1.95rem;
        background: rgba(0, 0, 0, 0.04);
        border: none;
        outline: none;
      }

.show-platform .content-intercom .row .text-body {
        text-align: left;
        width: 3.11rem;
        font-size: 0.14rem;
        font-weight: 400;
        line-height: 0.22rem;
        color: #141414;
        color: var(--color-141414);
        opacity: 0.6;
      }

.show-platform .content-open {
    background: #ffffff;
    box-shadow: 0rem -0.02rem 0.2rem 0rem rgba(0, 81, 213, 0.08);
    border-radius: 0.2rem 0.2rem 0rem 0rem;
    margin: 0rem 0.12rem;
    padding: 0.24rem 0.2rem 0.32rem;
    font-size: 0rem;
  }

.show-platform .content-open .row {
      margin-bottom: 0.24rem;
    }

.show-platform .content-open .row .pic {
        width: 3.11rem;
        height: 1.95rem;
        background: rgba(0, 0, 0, 0.04);
        border: none;
        outline: none;
      }

.show-platform .content-open .row .text-body {
        text-align: left;
        width: 3.11rem;
        font-size: 0.14rem;
        font-weight: 400;
        line-height: 0.22rem;
        color: #141414;
        color: var(--color-141414);
        opacity: 0.6;
      }

.show-platform .content .row .subtitle {
        display: flex;
        margin: 0.12rem 0rem 0.08rem 0rem;
      }

.show-platform .content .row .subtitle .text {
          font-size: 0.14rem;
          line-height: 0.22rem;
          font-weight: 600;
        }

.show-platform .content-intercom {
    display: none;
  }

.show-platform .content-intercom .card {
      width: 3.11rem;
      height: 1.8rem;
      background-size: cover;
      overflow: hidden;
      margin-bottom: 0.32rem;
    }

.show-platform .content-intercom .card .icon {
        width: 0.48rem;
        height: 0.48rem;
        margin: 0.38rem 0rem 0rem 0.12rem;
      }

.show-platform .content-intercom .card .text-body {
        top: 0.98rem;
        left: 0.12rem;
        margin: 0.12rem 0rem 0rem 0.12rem;
        text-align: left;
        width: 2.87rem;
        font-size: 0.14rem;
        font-weight: 400;
        line-height: 0.22rem;
        color: #141414;
        opacity: 0.6;
      }

.show-platform .content-intercom .card-bg-1 {
      background-image: url("/images-m/dj-bg-1-m.png");
    }

.show-platform .content-intercom .card-bg-2 {
      background-image: url("/images-m/dj-bg-2-m.png");
    }

.show-platform .content-intercom .card-bg-3 {
      background-image: url("/images-m/dj-bg-3-m.png");
    }

.show-platform .content-intercom .card-bg-4 {
      background-image: url("/images-m/dj-bg-4-m.png");
    }

.show-platform .content-intercom .card-bg-5 {
      background-image: url("/images-m/dj-bg-5-m.png");
    }

.show-platform .content-open {
    display: none;
    padding: 0.32rem 0.2rem;
  }

.show-platform .content-open .main {
      overflow: hidden;
      height: 4.42rem;
      background-color: rgba(0, 0, 0, 0.04);
    }

.show-platform .content-open .main .text-body {
        text-align: left;
        color: #141414;
        opacity: 0.6;
        width: 2.63rem;
        height: 0.88rem;
        font-size: 0.14rem;
        font-weight: 400;
        line-height: 0.22rem;
        margin: 3.38rem 0.24rem 0.16rem;
      }

/* 新增功能列表样式 */

.feature-list {
  padding: 0.32rem 0.12rem;
  background: #ffffff;
}

.feature-item {
  display: flex;
  flex-direction: column;
  align-items: left;
  text-align: left;
  padding: 0.24rem;
  margin-bottom: 0.16rem;
  background: #ffffff;
  border-radius: 0.12rem;
  box-shadow: 0 0.04rem 0.12rem rgba(0, 0, 0, 0.04);
  background: #ffffff url("/images/fusion/features_bg.png") no-repeat;
  background-size: cover;
}

.feature-icon {
  width: 0.36rem;
  height: 0.36rem;
  margin-bottom: 0.16rem;
}

.feature-content {
  width: 100%;
}

.feature-title {
  font-size: 0.16rem;
  line-height: 0.24rem;
  font-weight: 500;
  color: #141414;
  margin-bottom: 0.08rem;
}

.feature-desc {
  font-size: 0.1rem;
  line-height: 0.2rem;
  color: rgba(20, 20, 20, 0.6);
}

/* 平台能力样式 */

.platform-ability {
  padding: 0.32rem 0.12rem;
  background: #ffffff;
  text-align: center;
}

.ability-image {
  width: 100%;
  height: auto;
  margin-bottom: 0.24rem;
}

/* 应用场景样式 */

.application-scenes {
  padding: 0.32rem 0.12rem;
  background: #ffffff;
}

.scenes-header {
  text-align: center;
  margin-bottom: 0.24rem;
}

.scenes-title {
  font-size: 0.2rem;
  line-height: 0.28rem;
  font-weight: 500;
  color: #141414;
}

.scenes-grid {
  display: grid;
  grid-template-columns: repeat(2, 1.75rem);
  grid-gap: 0.12rem;
  gap: 0.12rem;
  justify-content: center;
}

.scene-item {
  box-sizing: border-box;
  position: relative;
  width: 1.75rem;
  height: 2.25rem;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.scene-image {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.scene-content {
  position: absolute;
  left: 0;
  bottom: -0.04rem;
  width: 100%;
  padding: 0.12rem;
  color: #ffffff;
  font-size: 0.14rem;
  line-height: 1;
}

.scene-content .scene-title {
  font-size: 0.1rem;
  font-weight: 500;
}

.scene-content .scene-desc {
  font-size: 0.08rem;
}

/* 全量融合能力模块样式 */

#fusionAbilityList {
  position: relative;
  color: #ffffff;
}

.fusion-ability {
  padding: 0.32rem 0rem;
  background: #ffffff;
}

.fusion-ability-header {
  text-align: center;
  margin-bottom: 0.24rem;
}

.fusion-ability-title {
  font-size: 0.2rem;
  line-height: 0.28rem;
  font-weight: 500;
  color: #141414;
  margin-bottom: 0.08rem;
}

.fusion-ability-desc {
  padding: 0 0.1rem;
  font-size: 0.1rem;
  line-height: 0.2rem;
  color: rgba(20, 20, 20, 0.6);
}

.fusion-ability-image {
  width: 100%;
  height: auto;
}

.fusion-ability-detail-list {
  position: absolute;
  display: flex;
  flex-direction: column;
  gap: 0.24rem;
  top: 1rem;
  padding: 0 0.52rem;
}

.fusion-detail-item {
  display: flex;
  align-items: flex-start;
  margin-bottom: 0.1rem;
}

.fusion-detail-icon {
  width: 0.27rem;
  height: 0.22rem;
  margin-right: 0.12rem;
}

.fusion-detail-content {
  flex: 1;
}

.fusion-detail-title {
  font-size: 0.16rem;
  font-weight: 600;
  line-height: 0.22rem;
  margin-bottom: 0.04rem;
}

.fusion-detail-desc {
  font-size: 0.1rem;
  font-weight: 400;
  line-height: 0.14rem;
  opacity: 0.6;
}

.platform-services {
  margin-bottom: 0.16rem;
}

.platform-services .link-row {
  padding: 0.16rem;
  border-bottom: 1px solid rgba(0, 0, 0, 0.06);
}

.platform-services .sub-menu {
  padding: 0.12rem 0;
}

.platform-services .sub-menu-item {
  display: block;
  padding: 0.12rem 0.32rem;
  color: #141414;
  font-size: 0.14rem;
  line-height: 0.22rem;
  -webkit-text-decoration: none;
  text-decoration: none;
}

.platform-services .sub-menu-item .name.active {
  color: undefined;
}

/* 产品列表样式 */

.product-section {
  padding: 0.32rem 0.12rem;
  background: #ffffff;
}

.product-header {
  margin-bottom: 0.24rem;
}

.product-title {
  font-size: 0.24rem;
  font-weight: 500;
  line-height: 0.32rem;
  color: #141414;
  text-align: center;
}

.product-list {
  display: flex;
  flex-direction: column;
  gap: 0.24rem;
}

.product-item {
  display: flex;
  flex-direction: column;
  padding: 0.16rem;
  border-radius: 0.08rem;
  align-items: left;
  background: #ffffff;
  border-radius: 12px;
  border: 1px solid #e0e0e0;
}

.product-image {
  width: 0.96rem;
  height: 0.8rem;
  flex-shrink: 0;
  margin-bottom: 0.1rem;
}

.product-info-title {
  font-size: 0.16rem;
  font-weight: 500;
  line-height: 0.24rem;
  color: #141414;
  margin-bottom: 0.16rem;
  text-align: left;
}

.product-info-desc {
  font-size: 0.14rem;
  font-weight: 400;
  line-height: 0.22rem;
  color: #141414;
  opacity: 0.6;
}