/* ------------ adv & function ------------ */
/* adv */
.function-module {
  padding: 1rem 0;
}

.module-adv {
  width: calc(100% - 0.16rem);
  margin-left: 0.08rem;
  background: #fff;
  border-radius: 0.08rem;
  box-shadow: 0 0 0.2rem rgba(102, 169, 252, 0.2);
  position: relative;
  top: -0.9rem;
  padding: 0.3rem 0.5rem;
  text-align: center;
}

.module-adv .module-title {
  line-height: 0.32rem;
}

.module-adv .module-title i {
  color: #6c67ba;
}

.module-adv-inner > p {
  margin-top: 0.16rem;
}

.module-adv .ad-number {
  font-size: 0.26rem;
  font-weight: bolder;
}

.module-adv .ad-number i {
  font-size: 0.2rem;
  position: relative;
  bottom: 0.015rem;
}

.module-adv .ad-ins {
  position: relative;
  top: -0.06rem;
  width: 0.15rem;
  margin-left: 0.02rem;
}

.module-adv .ad-desc {
  font-size: 0.16rem;
  color: #999;
  display: inline-block;
  margin-top: 0.04rem;
}

@media screen and (max-width: 400px) {
  .module-adv .ad-desc {
    font-size: 0.15rem;
  }
}

.icon1 {
  width: 0.07rem;
  height: 0.12rem;
  display: inline-block;
  border-left: solid 0.03rem #6c67ba;
  border-top: solid 0.03rem #6c67ba;
  position: relative;
  top: -0.03rem;
  margin-right: 0.02rem;
}

.icon2 {
  width: 0.07rem;
  height: 0.12rem;
  display: inline-block;
  border-right: solid 0.03rem #6c67ba;
  border-bottom: solid 0.03rem #6c67ba;
  position: relative;
  top: 0;
  margin-left: 0.02rem;
  margin-right: 0.04rem;
}

/* function */
.module-adv + div {
  margin-top: -0.2rem;
}

.function-inner {
  padding: 0.24rem 0.4rem 0;
  position: relative;
}

.leftOl {
  /*width: 1.5rem;*/
  width: 37%;
  position: absolute;
  height: 100%;
}

.RightWrap {
  /*width: calc(100% - 1.5rem);*/
  /*padding-left: 1rem;*/
  width: 63%;
}

.RightWrap .item img {
  border-radius: 0.08rem;
  border: 1px solid #cfcfcf;
  opacity: 0.9;
}

/* 自定义轮播按钮 --亮点 */
.function-module .function-inner .carousel-indicators {
  position: static;
  width: 100%;
  margin-left: 0;
  text-align: left;
  border-left: 1px solid #bdc4ce;
  display: inline-flex;
  flex-direction: column;
  padding-top: 0.3rem;
  padding-bottom: 0.3rem;
  padding-left: 0.2rem;
}

.function-module .function-inner .carousel-indicators li,
.function-module .function-inner .carousel-indicators li.active {
  width: auto;
  text-indent: 0;
  margin: 0;
  height: 0.2rem;
  line-height: 0.2rem;
  /*margin-top: calc((100% - 1.2rem) / 6);*/
  margin-top: 0.6rem;
}

.function-module .function-inner .carousel-indicators li:nth-child(1) {
  margin-top: 0 !important;
}

.function-module .function-inner .carousel-indicators li.active {
  position: relative;
  color: #3286ed;
  font-weight: bolder;
}

.function-module .function-inner .carousel-indicators li.active:before {
  content: "";
  width: 0.04rem;
  background: #3286ed;
  height: 0.14rem;
  border-radius: 0.02rem;
  left: -0.23rem;
  top: calc((100% - 0.14rem) / 2);
  position: absolute;
}

/* 轮播内容 */
.function-item-dec {
  margin-top: 0.14rem;
  margin-bottom: 0.08rem;
}

.advTitle {
  color: #3286ed;
  font-size: var(--md-font-size);
  line-height: 0.3rem;
  font-weight: bolder;
  padding: 0;
}

.tagWrap {
  padding: 0;
}

.tagWrap span {
  display: inline-block;
  height: 0.3rem;
  border-radius: 0.15rem;
  line-height: 0.29rem;
  font-size: 0.14rem;
  padding: 0 0.18rem;
}

.tagWrap span:nth-child(1) {
  color: #f2a46e;
  background: #fdf1e8;
  border: 1px solid #f2a46e;
}

.tagWrap span:nth-child(2) {
  margin-left: 0.24rem;
  color: #70ad47;
  background: #effae8;
  border: 1px solid #70ad47;
}

.function-inner .desc {
  font-size: 0.16rem;
  line-height: 0.26rem;
  height: 1.04rem;
}

/* ------------ solutions ------------ */
.solution-module {
  padding-top: 0.6rem;
  padding-bottom: 0.6rem;
  background-color: #fafbfd;
}
.solution-module.second {
  background: url("../IMG/Index/bg02.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
}

.solution-module .carousel {
  margin-top: 0.14rem;
  padding-right: 0.2rem;
}

.solution-module .carousel-inner {
  width: calc(100% + 0.2rem);
}

.solution-module .imgWrap {
  padding-right: 0;
  padding-left: 0;
  width: 60%;
  background: url(../IMG/Common/bgbg.png);
  background-repeat: no-repeat;
  /* background-size: 80% 80%; */
  background-position: top right;
}

.solution-module .item-inner {
  display: flex;
  justify-content: space-between;
  height: 100%;
  margin-top: 0.2rem;
  margin-right: 0.2rem;
  border-radius: 0.08rem;
  overflow: hidden;
  flex-wrap: wrap;
}

.solution-module .item-content {
  position: relative;
}

.solution-module .item-content :not(.top-right-bg-icon) {
  z-index: 2;
}

.solution-module .item-inner .top-right-bg-icon {
  height: 2rem;
  width: 2rem;
  font-size: 2rem;
  opacity: 0.04;
  position: absolute;
  top: -0.3rem;
  right: 0;
}

.solution-module .item-inner > div {
  width: 40%;
  padding: 0 0.15rem 0 0.6rem;
  display: flex;
  flex-direction: column;
  justify-items: center;
  justify-content: center;
  background-repeat: no-repeat;
  background-position: top right;
}

.solution-module .function-list li {
  margin-left: 0.3rem;
  position: relative;
  color: #666;
}

.solution-module .function-list li .fa-check {
  position: absolute;
  left: -0.3rem;
  top: 0.05rem;
  color: #00d26a;
}

.solution-module .function-name {
  display: inline-flex;
  align-items: center;
  font-size: var(--lg-font-size);
  font-weight: bolder;
}

.solution-module .function-subname {
  display: inline-flex;
  align-items: center;
  font-size: var(--sm-font-size);
  color: #000;
  margin-bottom: 0.12rem;
}

.solution-module .function-name .fa {
  margin-right: 0.12rem;
}

.solution-module hr {
  width: 1.1rem;
  margin-left: 0;
  border-top: 1px solid #333;
  margin-top: 0.1rem;
  margin-bottom: 0.14rem;
}

.solution-module ul {
  font-size: var(--sm-font-size);
  line-height: 1.6em;
}

.solution-module .item .function-name {
  margin-bottom: 0.26rem;
}

.solution-module .item:nth-child(1) .function-name {
  color: #6f77ec;
}

.solution-module .item:nth-child(2) .function-name {
  color: #427bff;
}

.solution-module .item:nth-child(3) .function-name {
  color: #f66462;
}

.solution-module .item:nth-child(4) .function-name {
  color: #ff8800;
}

.solution-module .item:nth-child(5) .function-name {
  color: #00d6b9;
}

.solution-module .item:nth-child(6) .function-name {
  color: #4752e6;
}

.solution-module .item .function-name img {
  margin-top: -0.02rem;
}

.solution-module .item:nth-child(1) .function-name img,
.solution-module .item:nth-child(4) .function-name img {
  width: 0.19rem;
}

/* 自定义轮播按钮 --解决方案 */
.solution-module .carousel-indicators {
  position: static;
  width: 100%;
  margin-left: 0;
  display: flex;
  justify-content: center;
  padding-top: 0.2rem;
  padding-left: 0;
  margin-bottom: 0.28rem;
}

.solution-module .carousel-indicators li,
.solution-module .carousel-indicators li.active {
  width: calc((100% - 0.5rem * 3) / 12);
  text-indent: 0;
  margin: 0;
  height: 0.84rem;
  margin-left: 0.3rem;
  display: flex;
  align-items: center;
  border-radius: 0.08rem;
  font-size: var(--sm-font-size);
  color: #000;
  border: none;
  transition: all 0.2s;
}

.solution-module .carousel-indicators li p {
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  width: 100%;
}

.solution-module .carousel-indicators li p span {
  font-size: 0.14rem;
}

.solution-module .carousel-indicators li p img {
  width: 0.32rem;
  margin-bottom: 0.12rem;
}

.solution-module .carousel-indicators li .icon-active {
  display: none;
}

.solution-module .carousel-indicators li.active .icon-default {
  display: none;
}

.solution-module .carousel-indicators li.active .icon-active {
  display: inline-block;
}

.solution-module .carousel-indicators li.active {
  font-weight: bolder;
  color: #fff;
}

.solution-module .carousel-indicators li:first-child {
  margin-left: 0 !important;
}

.solution-module .carousel-indicators li.active {
  background: linear-gradient(90deg, #61bffc 0%, #2553dc 100%);
}

.solution-module .carousel-inner div.item {
  border-radius: 0.5rem;
  height: 6rem;
  border: 2px solid #ffffff;
  width: 100%;
}

.solution-module .carousel-inner div.item:nth-child(1) {
  background: #edf1fe;
}

.solution-module .carousel-inner div.item:nth-child(2) {
  background: #f4f7ff;
}

.solution-module .carousel-inner div.item:nth-child(3) {
  background: #fff5f5;
}

.solution-module .carousel-inner div.item:nth-child(4) {
  background: #fff6eb;
}

.solution-module .carousel-inner div.item:nth-child(5) {
  background: #f3fbfa;
}

.solution-module .carousel-inner div.item:nth-child(6) {
  background: #f6f7ff;
}

/* ready to */
.ready-module {
  padding-top: 0.6rem;
  padding-bottom: 0.6rem;
  background: url(../IMG/Index/readyBg.png) no-repeat 100%;
  background-position: center center;
  background-size: 100% 100%;
}
.ready-module .module-title {
  color: #fff;
}
.ready-module .bannerServiceBtn {
  background-color: #fff;
  color: #160a4c;
  font-weight: bold;
}

/* Price界面 --price模块 */
/* 返回首页 */
.goHome {
  color: #666;
  height: 0.42rem;
  padding: 0.15rem;
  font-size: 0.15rem;
  background-color: #f2f3f4;
  border-radius: 0.05rem;
  display: inline-flex;
  align-items: center;
  margin-left: 0.28rem;
}

.goHome img {
  margin-right: 0.08rem;
  height: 0.19rem;
  margin-top: -0.02rem;
}

a.goHome,
a.goHome:link,
a.goHome:hover,
a.goHome:focus,
a.goHome:active,
a.goHome:visited {
  color: #666 !important;
  text-decoration: none;
}

@media (max-width: 319px) {
  .goHome {
    margin-left: 0.16rem;
  }
}

.price-module {
  position: relative;
  padding-top: 1.6rem;
  padding-bottom: 1.2rem;
  background: #fff url(../IMG/Price/price_bg.png) no-repeat;
  background-size: cover;
}

.price-module .module-title {
  font-size: 0.28rem;
  line-height: 0.52rem;
  margin-bottom: 0.16rem;
}

.price-module .module-title .high-light {
  color: #3489ee;
}

.price-module .titleBg:before {
  width: 0.25rem;
  height: 0.25rem;
  top: -0.34rem;
  left: -0.1rem;
}

.price-inner .item {
  float: left;
  width: calc((100% - 0.76rem * 2) / 4);
  margin-left: 0.4rem;
  border-radius: 0.12rem;
  color: #666;
  font-size: 0.14rem;
  position: relative;
  margin-top: 0.42rem;
  min-height: 5.5rem;
  background: #fff;
}

.price-inner .item:first-child {
  margin-left: 0;
}

.price-inner .item .bottom {
  width: 100%;
  background: #fff url(../IMG/Price/bottom.png) no-repeat 100%;
  background-position: bottom center;
  background-size: 100% auto;
  border-radius: 0 0 0.12rem 0.12rem;
  position: absolute;
  bottom: 0;
  right: 0;
  padding: 0 0.18rem 0;
}

.price-inner .item .bottom ul {
  height: 211.06px;
  border-radius: 12px;
  border: 1px solid #ffffff;
  background: linear-gradient(
    180deg,
    rgba(233, 237, 249, 0.3) 0%,
    #ffffff 100%
  );
  margin-bottom: 0.26rem;
  padding: 0.14rem;
}
.price-inner .item .bottom ul li {
  font-size: 0.14rem;
  display: flex;
  justify-content: flex-start;
  margin-bottom: 0.09rem;
}
.price-inner .item .bottom ul li .high-light {
  font-size: 0.15rem;
  line-height: 0.24rem;
  height: calc(0.24rem * 5);
  color: #3489ee;
  font-weight: 600;
}
.price-inner .item .bottom ul li .word {
  text-align: left;
  color: #666666;
}
.price-inner .item .bottom ul li .mark {
  font-size: 0.16rem;
  color: #556da6;
  background: none;
  padding: 0;
  font-weight: bold;
}

.price-inner .item .top {
  background-position: top center;
  background-size: 100% auto;
  padding: 0.5rem 0.18rem 0;
  border-radius: 0.12rem 0.12rem 0 0;
}

.price-inner .item:hover .top {
  background: #fff url(../IMG/Price/top_bg.png) no-repeat 100% -1%;
}

.price-inner .item .top img {
  margin-bottom: 0.2rem;
}

.price-inner .item:hover {
  box-shadow: 0px 0px 155px 0px rgba(39, 110, 205, 0.24);
}

.price-inner .item:hover .bottom {
  background: #fff url(../IMG/Price/bottom_bg.png) no-repeat 100%;
  background-position: bottom center;
  background-size: 100% auto;
}
.price-inner .item:hover .bottom ul li .mark {
  color: #7e55ee;
}

.price-inner .item:hover .withMargin {
  background: #2e7fed;
  color: #fff;
}

.price-inner .mainTitle {
  font-size: 0.2rem;
  color: #333;
  font-weight: bold;
  line-height: 0.24rem;
  padding: 0 0 0.1rem;
}

.price-inner .secondTitle {
  color: #2e7fed;
  font-size: 0.14rem;
  font-weight: bold;
  margin-top: 0.02rem;
  margin-bottom: 0.28rem;
}

.price-inner hr {
  margin-top: 0.3rem;
  margin-bottom: 0.3rem;
  border-top: 1px solid #dedede;
}

.price-inner .bottom .withMargin {
  margin-bottom: 0.6rem;
  font-size: 0.18rem;
  font-weight: bold;
  color: #2e7fed;
  width: 100%;
  height: 0.44rem;
  line-height: 0.44rem;
  text-align: center;
  background: #f2f8ff;
  border: 1px solid #3081ed;
  border-radius: 4px;
  cursor: pointer;
}

.price-inner .way {
  font-size: 0.16rem;
  font-weight: bolder;
  color: #cfa980;
}

.price-inner .way span {
  height: 0.36rem;
  line-height: 0.36rem;
  background: #3489ee;
  box-shadow: 0 0.04rem 0.08rem 0 rgba(52, 137, 238, 0.16);
  border-radius: 0.05rem;
  display: inline-block;
  color: #fff;
  margin-top: 0.13rem;
  margin-bottom: 0.13rem;
  font-size: 0.15rem;
  padding: 0 0.1rem;
  cursor: pointer;
}

/* 适配调整 */
/* banner */
@media screen and (max-width: 820px) {
  #nav a,
  #nav a:link {
    line-height: 31px;
  }
  /* 首页banner移动端 */
  /* 新-适配 去除732上一行背景图 */
  .banner-module {
    background-size: 68% auto;
  }
  .banner-module .bannerMain {
    font-size: var(--xl-font-size);
  }
  .banner-module .bannerSecond {
    font-size: var(--sm-font-size);
  }
  .bannerServiceBtn {
    width: auto;
    padding: 0 0.1rem;
    margin-right: 0.01rem;
  }

  .module-title {
    line-height: 0.34rem;
  }
  .fistBanner .bannerInner .container > div {
    top: 1rem;
    padding-bottom: 0.4rem;
  }
  .bannerServiceBtn.bannerServiceBtn1.sp,
  .bannerServiceBtn.bannerServiceBtn2.sp {
    margin-top: 2.6rem;
  }

  .unlimited-integrations img {
    height: 3rem !important;
  }
}

@media screen and (max-width: 702px) {
  .banner-module > img {
    height: 3.9rem;
  }
}

@media screen and (max-width: 624px) {
  .banner-module > img {
    height: 3.6rem;
  }

  .bannerServiceBtn2,
  .bannerServiceBtn2:visited,
  .bannerServiceBtn2:hover {
    margin-left: 0;
    margin-top: 0.2rem;
  }

  .col-xs-9.text-left {
    width: 100%;
  }

  .solution-module .carousel-indicators li,
  .solution-module .carousel-indicators li.active {
    margin-left: 0.24rem;
    width: calc(100% / 10) !important;
  }
}

/* adv & function */
@media screen and (max-width: 1300px) {
  .function-module .carousel-indicators li,
  .function-module .carousel-indicators li.active {
    margin-top: 0.5rem;
  }
}

@media screen and (max-width: 820px) {
  .module-adv {
    width: calc(100% - 0.16rem);
    margin-left: 0.08rem;
    top: -0.4rem;
    padding: 0.2rem 0.4rem;
  }
  .module-adv + div {
    margin-top: 0.3rem;
  }
  .leftOl {
    width: 30%;
  }
  .RightWrap {
    width: 70%;
  }
  .function-module .carousel-indicators {
    padding-left: 0.14rem;
  }
  .function-module .carousel-indicators li,
  .function-module .carousel-indicators li.active {
    margin-top: 0.4rem;
  }
  .function-module .carousel-indicators li.active:before {
    left: -0.18rem;
  }

  .introduce .learn-more {
    margin-bottom: 0.4rem;
  }

  .advantage-list {
    flex-flow: column wrap;
    align-items: center;
  }

  .advantage-list .advantage-item {
    width: 80% !important;
  }
}

@media (max-width: 991px) {
  .module-adv .ad-number {
    font-size: 0.16rem;
  }
  .tagWrap span {
    margin-right: 0.09rem;
  }
  .tagWrap span:nth-child(2) {
    margin-left: 0;
    margin-top: 0.05rem;
  }
  .solution-module {
    padding-top: 0.2rem;
  }
  .solution-module .imgWrap img {
    border-radius: 0.08rem 0.08rem 0 0;
  }
  .solution-module .item-inner > div {
    width: 100%;
    padding: 0.3rem 0.2rem;
    border-radius: 0 0 0.08rem 0.08rem;
  }
  .solution-module .item .item-inner > div {
    box-shadow: none !important;
    /* 新-适配 */
    padding-top: 0;
    padding-right: 0;
  }
  .solution-module .item .function-name {
    margin-bottom: 0.1rem;
    /* 新-适配 */
  }
  .solution-module .item-inner {
    padding-left: 0.2rem;
  }
  .solution-module .item-inner .imgWrap {
    width: 100%;
  }
  .solution-module .carousel-indicators {
    padding-left: 0.2rem;
  }
  .solution-module .carousel-indicators {
    flex-wrap: wrap;
    padding-top: 0;
  }
  .solution-module .imgWrap img {
    width: 100%;
  }
  /* 新-适配 */
  .solution-module .carousel-indicators li {
    width: calc(100% / 12) !important;
  }

  .solution-module .item-inner img {
    display: none;
  }
  .solution-module p.imgWrap {
    display: none;
  }

  .solution-module .carousel-inner div.item {
    height: 3.2rem;
  }

  .solution-module .item-inner .top-right-bg-icon {
    display: none;
  }
  /* 新-适配 */
  .solution-module .item .item-inner > div {
    background-image: none !important;
  }
}

/*  price */
@media (max-width: 1200px) {
  .price-inner .secondTitle {
    height: 0.4rem;
  }
}

@media (max-width: 991px) {
  .price-inner .item {
    width: calc((100% - 0.28rem * 2) / 3);
  }

  .price-inner .item:nth-child(2n + 1) {
    margin-left: 0;
  }
}

@media (max-width: 527px) {
  .price-inner .item {
    width: calc(100% - 0.8rem);
    margin-left: 0.35rem !important;
    min-height: auto;
  }

  .price-inner .item:nth-child(3n + 1),
  .price-inner .item:nth-child(2n + 1) {
    margin-left: 0.35rem !important;
  }
}

@media (max-width: 400px) {
  .price-inner .item {
    width: calc(100% - 0.6rem);
    margin-left: 0.3rem !important;
    min-height: 5.5rem;
  }

  .price-module {
    background: #fff url(../IMG/Price/price_bg.png);
    background-size: cover;
  }

  .price-inner .item:nth-child(3n + 1),
  .price-inner .item:nth-child(2n + 1) {
    margin-left: 0.3rem !important;
  }
}

/* 首页适配移动端 */
@media (max-width: 800px) {
  .disp-module
    .container
    .new-container
    .disp-module-img
    .common-content
    .title {
    font-size: 0.24rem;
  }
  .disp-module .container .new-container {
    flex-direction: column;
  }
  .FontYaHei .disp-module .container .new-container .disp-module-img {
    width: 100%;
    padding: 0 0.1rem;
  }
  .FontYaHei
    .disp-module
    .container
    .new-container
    .disp-module-img
    .common-content,
  .FontYaHei
    .disp-module
    .container
    .new-container
    .disp-module-img.second-module {
    width: 100%;
  }
  .FontYaHei
    .disp-module
    .container
    .new-container
    .disp-module-img
    .common-content2 {
    width: 100%;
    margin-left: 0;
    margin-top: 0.3rem;
  }
  .FontYaHei .disp-module .new-container .common-content .subtitle {
    font-size: 0.18rem;
  }
  .FontYaHei .for-title-ul li {
    border-radius: 0.09rem !important;
  }
  .FontYaHei .for-title-ul li.active {
    border-radius: 0.09rem;
  }
  .FontYaHei .disp-module .module-title.robot-title {
    font-size: 0.24rem;
  }
  .FontYaHei .disp-module .module-title.last-VEE-title {
    padding: 0 0.39rem;
    bottom: -1.6rem;
    font-size: 0.24rem;
  }
  .FontYaHei .common-content .title {
    font-size: 0.18rem;
  }
  .FontYaHei .common-content .subtitle {
    font-size: 0.18rem;
  }
  .FontYaHei .VEE-robot .subsidiary-con {
    display: none;
  }
  .FontYaHei .VEE-robot .robot-top {
    top: 70%;
    width: 82%;
  }
  .FontYaHei .VEE-robot .robot-last {
    bottom: -3%;
  }
  .FontYaHei .VEE-con.VEE-con1 {
    width: 60px;
    font-size: 0.09rem;
  }
}

/* 亮点 --20221020-new */
.function-new {
  padding: 0 0.2rem;
}

.function-inner1-title,
.function-inner1-content {
  display: flex;
}

.function-inner1-title > .LfWrap,
.function-inner1-content > .LfWrap {
  width: 50%;
  margin-top: -0.1rem;
}

.function-inner1-title > .RtWrap,
.function-inner1-content > .RtWrap {
  width: 63%;
  box-shadow: 0px 6px 27px 0px rgba(17, 104, 255, 0.1);
}

/* 标签tab */
.for-title-ul {
  font-size: 0;
  display: flex;
  border-radius: 0.21rem 0.21rem 0 0;
}
.for-title-ul li:first-child {
  border-radius: 0.09rem 0 0 0;
}

.for-title-ul li:last-child {
  border-radius: 0 0.09rem 0 0;
}

.for-title-ul li {
  display: flex;
  align-items: center;
  justify-items: center;
  width: 33.33%;
  font-size: 0.16rem;
  background: #ffffff;
  border: 1px solid #ededed;
  text-align: center;
  transition: all 0.3s;
  cursor: pointer;
  line-height: 1.2em;
  z-index: 1;
  padding: 0.07rem 0.14rem;
}

.for-title-ul li i {
  width: 100%;
}

.for-title-ul li.active {
  background-color: #2e87ee;
  box-shadow: 0 0.04rem 0.08rem 0 rgba(52, 137, 238, 0.16);
  border-color: rgba(52, 137, 238, 0.16);
  color: #fff;
  position: relative;
}

.for-title-ul li.active:after {
  background: url(../IMG/Common/arrow1.png) no-repeat 100%;
  background-position: top center;
  background-size: 100% auto;
  position: absolute;
  content: "";
  width: 0.2rem;
  bottom: -0.1rem;
  height: 0.1rem;
  left: calc(50% - 0.08rem);
}

/* 左侧文字部分 */
.function-new .item-words {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-items: center;
  justify-content: center;
  padding-right: 0.8rem;
}

.function-new .category-item:first-child .item-words {
  display: none;
}

.function-new .category-item:first-child .item-words.active {
  display: flex;
}

.function-new .advTitle {
  margin-bottom: 0.16rem;
}

.function-new .desc {
  width: 104%;
  font-size: var(--sm-font-size);
  line-height: 0.24rem;
  height: calc(0.24rem * 5);
}
.desc .high-light {
  line-height: 0.24rem;
  height: calc(0.24rem * 5);
  color: #3489ee;
  font-weight: 600;
}

.function-new .tagWrap {
  margin-top: 0.4rem;
  margin-bottom: 0.1rem;
}

/* 右侧 */
.function-inner1-img {
  padding: 0.1rem 0.2rem;
  position: relative;
}

.slideBtn {
  position: absolute;
  width: 0.32rem;
  height: 0.32rem;
  line-height: 0.32rem;
  color: #fff;
  background: #65abfd;
  border-radius: 50%;
  top: calc(50% - 0.16rem);
  font-size: 0.24rem;
  text-align: center;
  z-index: 1;
  cursor: pointer;
}

.slideLf {
  left: 0.04rem;
}

.slideRt {
  right: 0.04rem;
}

.function-new .carousel-inner,
.function-new .category-item:nth-child(2) .item,
.function-new .category-item:nth-child(3) .item {
  border: 1px solid rgba(204, 204, 204, 0.42);
  border-radius: 0.08rem;
}

.function-new .category-item:nth-child(2) img,
.function-new .category-item:nth-child(3) img {
  border-radius: 0.08rem;
}

.category-item {
  display: none;
}

.category-item.active {
  display: flex;
}

/* 
自定义弹框 20230926
*/
.maskSelf .modal {
  display: none;
  position: fixed;
  z-index: 100;
  padding-top: 300px;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgb(0, 0, 0);
  background-color: rgba(0, 0, 0, 0.4);
}
.maskSelf h4 {
  margin-bottom: 30px;
  color: #3489ee;
  font-weight: bold;
}
.maskSelf .con {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
}
.maskSelf .con p {
  width: 200px;
  height: 56px;
  line-height: 56px;
  cursor: pointer;
  background-color: rgba(255, 255, 255, 0.6);
  border: 1px solid #65abfd;
  margin: 12px;
  text-align: center;
  border-radius: 6px;
  font-weight: 600;
}
.maskSelf .modal-content {
  background-color: #fefefe;
  margin: auto;
  padding-bottom: 30px;
  padding-top: 30px;
  padding-left: 40px;
  border: 1px solid #888;
  width: 584px;
}
.maskSelf .close {
  float: right;
  font-size: 28px;
  font-weight: bold;
  position: absolute;
  right: 20px;
  top: 12px;
  color: #000;
}
.maskSelf .close:hover,
.maskSelf .close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}

@media (max-width: 800px) {
  .maskSelf .modal-content {
    width: 340px;
    padding-left: 0px;
  }
  .maskSelf h4 {
    padding-left: 26px;
  }
}
/* 
自定义弹框结束
*/
@media (max-width: 1200px) {
  .function-new .item-words {
    padding-right: 0.4rem;
  }
}

@media (max-width: 991px) {
  .function-new {
    padding: 0 0 0 0.1rem;
  }

  .function-inner1-content .item-words {
    padding-right: 0.3rem;
  }

  .function-new .desc {
    height: calc(0.24rem * 6);
  }

  .function-new .advTitle {
    margin-bottom: 0.1rem;
  }

  .function-new .tagWrap {
    margin-top: 0.2rem;
    margin-bottom: 0.05rem;
  }
}

@media (max-width: 767px) {
  .function-new {
    padding: 0 0.3rem;
    margin-top: 0.4rem;
  }

  .category-item .LfWrap {
    width: 100%;
    margin-top: 0;
    padding: 0.2rem 0.2rem 0.1rem;
  }

  .category-item .RtWrap {
    width: 100%;
  }

  .category-item .item-words {
    padding-right: 0;
  }

  .function-new .desc {
    height: auto;
  }

  .active.function-inner1-content,
  .active .function-inner1-content {
    display: inline-block;
  }

  .function-inner1-title > .LfWrap {
    padding-left: 0.2rem;
  }

  .function-inner1-content .item-words.active {
    padding-right: 0;
  }

  .function-new .tagWrap {
    margin-top: 0.1rem;
  }

  .category-item .LfWrap {
    padding-bottom: 0.1rem;
  }
}

@media (max-width: 711px) {
  .function-inner1-title {
    display: block;
  }

  .function-inner1-title > .LfWrap,
  .function-inner1-title > .RtWrap {
    width: 100%;
  }

  .function-inner1-title > .LfWrap {
    text-align: center;
  }

  .function-inner1-title > .RtWrap {
    margin-top: 0.3rem;
  }
}

@media (max-width: 500px) {
  .function-new {
    padding: 0 0.1rem;
  }
}

.introduce-feature {
  display: flex;
  flex-wrap: wrap;
}

.introduce-feature .feature-item {
  width: 49%;
}

.introduce-feature .fa-check {
  color: #00d26a;
}

.introduce .learn-more {
  border: 1px solid #597ef7;
  color: #597ef7;
  background-color: transparent;
  padding: 0.08rem 0.16rem;
  border-radius: 0.2rem;
  font-size: var(--sm-font-size);
  margin-top: 0.2rem;
  cursor: pointer;
}

.introduce .fa-arrow-right {
  margin-left: 0.04rem;
}

.advantage-list {
  display: flex;
  flex-wrap: nowrap;
  justify-content: center;
}

.advantage-list .advantage-item {
  position: relative;
  width: 6rem;
  margin: 0.2rem;
  margin-top: 0.4rem;
  padding: 0.3rem;
  padding-top: 0.6rem;
  border-radius: 0.2rem;
  background-color: #f2f8ff;
  cursor: default;
}

.advantage-item .advantage-item-img {
  position: absolute;
  width: 0.8rem;
  height: 0.8rem;
  border-radius: 0.2rem;
  left: 50%;
  top: -0.4rem;
  margin-left: -0.4rem;
  /* background-color: #168cdb; */
  z-index: 1;
}

.advantage-item .advantage-item-title {
  text-align: center;
  margin-bottom: 0.2rem;
}

.advantage-item .advantage-item-content {
  font-size: var(--sm-font-size);
  line-height: 1.6em;
}

.unlimited-integrations {
  background-color: #fafbfd !important;
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
  align-items: center;
  padding-bottom: 0.4rem;
}

.unlimited-integrations img {
  margin-top: 0.4rem;
  height: 5rem;
  object-fit: contain;
}

.sm-reveal-banner {
  opacity: 0;
  transform: translateX(120px);
  transition: all 0.3s ease-in-out;
}

.sm-reveal-banner.visible {
  opacity: 1;
  transform: none;
}

.sm-reveal-solution {
  opacity: 0;
  transform: scale(1.1);
  transition: all 0.3s ease-in-out;
}

.sm-reveal-solution.visible {
  opacity: 1;
  transform: none;
}

.sm-reveal-disp-from-left {
  opacity: 0;
  transform: translateX(-40px);
  transition: all 0.3s ease-in-out;
}

.sm-reveal-disp-from-left.visible {
  opacity: 1;
  transform: none;
}

.sm-reveal-disp-from-right {
  opacity: 0;
  transform: translateX(40px);
  transition: all 0.3s ease-in-out;
}

.sm-reveal-disp-from-right.visible {
  opacity: 1;
  transform: none;
}

.sm-reveal-advantage-from-lefttop {
  opacity: 0;
  transform: translate(-40px, -40px) scale(1.1);
  transition: all 0.3s ease-in-out;
}

.sm-reveal-advantage-from-lefttop.visible {
  opacity: 1;
  transform: none;
}

.sm-reveal-advantage-from-top {
  opacity: 0;
  transform: translate(0px, -40px) scale(1.1);
  transition: all 0.3s ease-in-out;
}

.sm-reveal-advantage-from-top.visible {
  opacity: 1;
  transform: none;
}

.sm-reveal-advantage-from-righttop {
  opacity: 0;
  transform: translate(40px, -40px) scale(1.1);
  transition: all 0.3s ease-in-out;
}

.sm-reveal-advantage-from-righttop.visible {
  opacity: 1;
  transform: none;
}

.sm-reveal-advantage-from-leftbottom {
  opacity: 0;
  transform: translate(-40px, 40px) scale(1.1);
  transition: all 0.3s ease-in-out;
}

.sm-reveal-advantage-from-leftbottom.visible {
  opacity: 1;
  transform: none;
}

.sm-reveal-advantage-from-bottom {
  opacity: 0;
  transform: translate(0px, 40px) scale(1.1);
  transition: all 0.3s ease-in-out;
}

.sm-reveal-advantage-from-bottom.visible {
  opacity: 1;
  transform: none;
}

.sm-reveal-advantage-from-rightbottom {
  opacity: 0;
  transform: translate(40px, 40px) scale(1.1);
  transition: all 0.3s ease-in-out;
}

.sm-reveal-advantage-from-rightbottom.visible {
  opacity: 1;
  transform: none;
}

.sm-unlimited-integrations {
  opacity: 0;
  transform: scale(0.9) rotate(10deg);
  transition: all 0.6s ease-in-out;
}

.sm-unlimited-integrations.visible {
  opacity: 1;
  transform: none;
}

/* function */
.function-module.third {
  background: url(../IMG/Index/bg03.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
.function-module .carousel {
  margin-top: 0.3rem;
}
.function-module .carousel-indicators {
  float: left;
  width: 2.4rem;
  position: static;
  margin-left: 0;
  display: flex;
  flex-direction: column;
}
.function-module .carousel-slide-wrap {
  float: right;
  width: calc(100% - 2.4rem - 1rem);
  background: url(../IMG/Index/slideBg.png);
  background-size: 95% 42%;
  background-repeat: no-repeat;
  background-position: 50% calc(50% - 0.3rem);
}
.function-module .carousel-indicators li {
  width: 100%;
  height: 1.4rem;
  margin-top: 0.2rem;
  box-shadow: 0 0 0.3rem 0 rgba(1, 33, 105, 0.2);
  background-color: rgba(255, 255, 255, 1);
  border-radius: 0.12rem;
  transition: all 0.2s;
  border: none;
}
.function-module .carousel-indicators li:first-child {
  margin-top: 0;
}
.function-module .carousel-indicators li p {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 100%;
  width: 100%;
  font-size: 0.14rem;
  color: #000;
}
.function-module .carousel-indicators li p span {
  text-indent: 0;
  transition: all 0.2s;
}
.function-module .carousel-indicators li p img {
  height: 0.5rem;
  width: auto;
  margin-bottom: 0.12rem;
}
.function-module .carousel-indicators li .icon-active {
  display: none;
}
.function-module .carousel-indicators li.active {
  background: linear-gradient(90deg, #61bffc 0%, #2553dc 100%);
}
.function-module .carousel-indicators li span:first-of-type {
  font-weight: bolder;
  color: #378fee;
}
.function-module .carousel-indicators li.active span {
  color: #fff;
}
.function-module .carousel-indicators li.active .icon-active {
  display: inline-block;
}
.function-module .carousel-indicators li.active .icon-default {
  display: none;
}
.function-module .carousel-inner-1 {
  /*width: 83%;*/
  /*margin-left: 10%;*/
  margin-top: 0.5rem;
}
.function-module .carousel-inner-1 img {
  width: 100%;
  height: 100%;
}
.function-module .carousel-inner-1 .item-content {
  padding: 0.5rem 15%;
}
.function-module .carousel-inner-1 p.img {
  width: 100%;
  height: 100%;
  border-radius: 0.2rem;
  border: 0.2rem solid rgb(242, 246, 255);
  box-shadow: 0 0 0.3rem 0 rgba(1, 33, 105, 0.2),
    inset 0 0 0.1rem rgba(0, 0, 0, 1);
  position: relative;
}
.function-module .carousel-inner-1 p.img span {
  position: absolute;
  color: #fff;
  height: 0.45rem;
  line-height: 0.45rem;
  font-size: 0.15rem;
  padding: 0 0.3rem;
  border-radius: 0.4rem;
}
.function-module .carousel-inner-1 p.img span:nth-of-type(2n) {
  background-color: #000;
}
.function-module .carousel-inner-1 p.img span:nth-of-type(2n-1) {
  background-color: rgb(11 182 139);
}
.function-module .carousel-inner-1 p.img span:nth-of-type(1) {
  top: 62%;
  left: -1.2rem;
  opacity: 0;
  animation: spanFromLeft 0.45s linear;
  animation-delay: 0.4s;
  animation-fill-mode: forwards;
}
.function-module .carousel-inner-1 p.img span:nth-of-type(2) {
  top: 88%;
  left: -0.6rem;
  opacity: 0;
  animation: spanFromLeft 0.45s linear;
  animation-delay: 0.6s;
  animation-fill-mode: forwards;
}
.function-module .carousel-inner-1 p.img span:nth-of-type(3) {
  top: 50%;
  right: -1.2rem;
  opacity: 0;
  animation: spanFromRight 0.45s linear;
  animation-delay: 0.5s;
  animation-fill-mode: forwards;
}
.function-module .carousel-inner-1 p.img span:nth-of-type(4) {
  top: 21%;
  right: -0.6rem;
  opacity: 0;
  animation: spanFromRight 0.45s linear;
  animation-delay: 0.7s;
  animation-fill-mode: forwards;
}
@keyframes spanFromLeft {
  from {
    opacity: 0;
    transform: translateX(-180%);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
@keyframes spanFromRight {
  from {
    opacity: 0;
    transform: translateX(180%);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
.function-module p.item-desc {
  width: 6.71rem;
  margin-left: calc((100% - 6.71rem) / 2);
  height: 0.52rem;
  line-height: 0.52rem;
  font-size: 0.22rem;
  font-weight: bolder;
  color: #333;
  text-align: center;
  background: url(../IMG/Index/descBg.png);
  background-size: 100% 0.52rem;
  background-repeat: no-repeat;
  background-position: center;
  margin-top: 0.8rem;
}
.function-module .item-desc span {
  color: #3489ee;
}

/**/
.adv0705 {
  background: url(../IMG/Index/advbg.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  padding: 1rem 0;
}
.adv0705_inner {
  margin-top: 0.3rem;
}
.t-well {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}
.t-well .t-well-item {
  width: 33.3333333%;
  height: 2.4rem;
  position: relative;
  float: left;
}
/* 新-适配 */
@media (max-width: 991px) {
  .t-well .t-well-item {
    height: 3.4rem;
  }
}
/* 新-适配 */
.t-well .t-well-item {
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
.t-well .t-well-item:nth-child(1) {
  background-image: url(../IMG/Index/adv1.png);
}
.t-well .t-well-item:nth-child(2) {
  background-image: url(../IMG/Index/adv2.png);
}
.t-well .t-well-item:nth-child(3) {
  background-image: url(../IMG/Index/adv3.png);
}
.t-well .t-well-item:nth-child(4) {
  background-image: url(../IMG/Index/adv4.png);
}
.t-well .t-well-item:nth-child(5) {
  background-image: url(../IMG/Index/adv5.png);
}
.t-well .t-well-item:nth-child(6) {
  background-image: url(../IMG/Index/adv6.png);
}
.t-well .t-well-item .correct,
.t-well .t-well-item .opposite {
  width: 100%;
  height: 100%;
}
.t-well .t-well-item .correct {
  position: absolute;
}
.t-well .t-well-item .correct div {
  background-color: rgba(71, 86, 137, 0.9);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 100%;
  width: 100%;
  font-size: 0.15rem;
  color: #000;
}
.t-well .t-well-item .correct img {
  height: 0.5rem;
  width: auto;
  margin-bottom: 0.12rem;
}
.t-well .t-well-item .correct span {
  padding: 0 0.2rem;
  color: #fff;
  font-size: 0.14rem;
}
.t-well .t-well-item .correct span:first-of-type {
  font-size: 0.2rem;
  font-weight: bold;
  margin-bottom: 0.1rem;
}
.t-well .t-well-item .opposite {
  padding: 0.15rem;
}
.t-well .t-well-item .opposite div {
  position: relative;
  display: flex;
  justify-content: center;
  flex-direction: column;
  padding: 0.2rem;
  width: 100%;
  height: 100%;
  background-image: linear-gradient(
    135deg,
    rgba(37, 65, 235, 0.9) 0,
    rgba(37, 65, 235, 0.9) 0,
    rgba(102, 139, 240, 0.9) 49.414062%,
    rgba(205, 211, 248, 0.9) 100%,
    rgba(205, 211, 248, 0.9) 100%
  );
  font-size: 0.15rem;
  color: #fff;
}
.t-well .t-well-item .opposite div span:first-of-type {
  font-size: 0.2rem;
  font-weight: bold;
  margin-bottom: 0.1rem;
}
.t-well .t-well-item .opposite div span:last-of-type {
  margin-top: 0.1rem;
  color: rgba(166, 243, 255, 1);
}
.t-well .t-well-item .opposite div img {
  position: absolute;
  height: 0.5rem;
  width: auto;
  top: 0.2rem;
  right: 0.2rem;
}
/*.t-well .t-well-item:nth-child(2n) .test2{*/
/*  animation-delay: 0.5s;*/
/*}*/
/*.t-well .t-well-item:nth-child(2n) .test{*/
/*  animation-delay: 0.5s;*/
/*}*/

/**/
.integration0705 {
  background: url(../IMG/Index/integrationbg.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  padding: 1rem 0;
}
.integration0705 .i-wrap {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.2rem 0 0.1rem;
  /*width: 80%;*/
  /*margin-left: 10%;*/
  width: calc(100% - 1rem - 1rem);
  margin-left: 1.18rem;
}
.integration0705 .i-inner {
  width: 100%;
  position: relative;
  /*display: inline-flex;*/
  /*!*width: 80%;*!*/
  /*align-items: center;*/
  /*justify-content: center;*/
}
.integration0705 .i-inner > img {
  width: 100%;
  max-width: none;
}
.integration0705 .i-line {
  text-align: center;
}
.integration0705 .i-center {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.integration0705 .i-center img {
  width: 3rem;
  height: auto;
}
.integration0705 .i-item {
  position: absolute;
  height: 0.7rem;
  line-height: 0.68rem;
  box-shadow: 0 0 0.2rem 0 rgba(120, 80, 191, 0.23);
  background-image: linear-gradient(
    0deg,
    rgba(255, 255, 255, 0) 0%,
    rgba(255, 255, 255, 0.2) 100%
  );
  border-radius: 0.6rem;
  font-weight: bold;
  display: flex;
  align-items: center;
  justify-content: space-between;
  cursor: pointer;
}
.integration0705 .i-item:before {
  content: "";
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  position: absolute;
  border-radius: 0.6rem;
  z-index: 0;
  opacity: 0;
  transition: all 0.2s ease-out;
}
.integration0705 .i-item.l:before {
  background-image: linear-gradient(
    90deg,
    rgba(216, 199, 247, 1) 0,
    rgba(216, 199, 247, 1) 0,
    rgba(255, 255, 255, 1) 100%,
    rgba(255, 255, 255, 1) 100%
  );
}
.integration0705 .i-item.r:before {
  background-image: linear-gradient(
    -90deg,
    rgba(216, 199, 247, 1) 0,
    rgba(216, 199, 247, 1) 0,
    rgba(255, 255, 255, 1) 100%,
    rgba(255, 255, 255, 1) 100%
  );
}
.integration0705 .i-item:hover:before {
  opacity: 1;
}
.integration0705 .i-item span {
  position: relative;
  transition: all 0.2s ease-out;
}
.integration0705 .i-item.l:hover span {
  transform: translateX(-0.12rem);
}
.integration0705 .i-item.r:hover span {
  transform: translateX(0.12rem);
}

.integration0705 .i-item img {
  width: 0.55rem;
  height: auto;
  position: relative;
}
.integration0705 .i-item.l {
  padding: 0 0.06rem 0 0.36rem;
}
.integration0705 .i-item.l span {
  padding-right: 0.15rem;
}
.integration0705 .i-item.r {
  padding: 0 0.3rem 0 0.06rem;
}
.integration0705 .i-item.r span {
  padding-left: 0.15rem;
}
.integration0705 .i-item:nth-child(3) {
  top: calc(2% - 0.35rem);
  right: 95.4%;
  min-width: 1.8rem;
}
.integration0705 .i-item:nth-child(4) {
  top: calc(25% - 0.35rem);
  right: 86%;
  min-width: 2.2rem;
}
.integration0705 .i-item:nth-child(5) {
  top: calc(50% - 0.35rem);
  right: 93.5%;
  min-width: 1.58rem;
}
.integration0705 .i-item:nth-child(6) {
  top: calc(74.1% - 0.35rem);
  right: 82.15%;
  min-width: 1.59rem;
}
.integration0705 .i-item:nth-child(7) {
  bottom: calc(3.2% - 0.35rem);
  right: 95%;
  min-width: 1.68rem;
}
.integration0705 .i-item:nth-child(8) {
  top: calc(2% - 0.35rem);
  left: 95.4%;
  min-width: 1.42rem;
}
.integration0705 .i-item:nth-child(9) {
  top: calc(25% - 0.35rem);
  left: 83.5%;
  min-width: 2.05rem;
}
.integration0705 .i-item:nth-child(10) {
  top: calc(50% - 0.35rem);
  left: 93.5%;
  min-width: 1.68rem;
}
.integration0705 .i-item:nth-child(11) {
  top: calc(71% - 0.35rem);
  left: 81.6%;
  min-width: 2.3rem;
}
.integration0705 .i-item:nth-child(12) {
  bottom: calc(2.8% - 0.35rem);
  left: 95%;
  min-width: 1.42rem;
}
.module-title-desc {
  color: rgba(102, 102, 102, 0.8);
}
/* 新-适配 */
@media (max-width: 991px) {
  .integration0705 .i-item {
    height: 0.4rem;
  }
  .integration0705 .i-wrap {
    margin-top: 0.36rem;
  }
  .integration0705 .i-item.r {
    padding-left: 0;
  }
  .integration0705 .i-item.l {
    padding-right: 0;
  }
  .integration0705 .i-item:nth-child(3) {
    top: calc(2% - 0.2rem);
  }
  .integration0705 .i-item:nth-child(4) {
    top: calc(25% - 0.2rem);
  }
  .integration0705 .i-item:nth-child(5) {
    top: calc(50% - 0.2rem);
  }
  .integration0705 .i-item:nth-child(6) {
    top: calc(74.1% - 0.2rem);
  }
  .integration0705 .i-item:nth-child(7) {
    bottom: calc(3.2% - 0.2rem);
  }
  .integration0705 .i-item:nth-child(8) {
    top: calc(2% - 0.2rem);
  }
  .integration0705 .i-item:nth-child(9) {
    top: calc(25% - 0.2rem);
  }
  .integration0705 .i-item:nth-child(10) {
    top: calc(50% - 0.2rem);
  }
  .integration0705 .i-item:nth-child(11) {
    top: calc(71% - 0.2rem);
  }
  .integration0705 .i-item:nth-child(12) {
    bottom: calc(2.8% - 0.2rem);
  }
  .function-module .carousel-indicators {
    width: 1.4rem;
  }
  .function-module .carousel-slide-wrap {
    width: calc(100% - 1.4rem - 1rem);
  }
  .function-module .carousel-inner-1 .item-content {
    padding: 0;
  }
}
/* 新-适配 */
@media (max-width: 1586px) {
  .integration0705 .i-wrap {
    transform: scale(0.98);
  }
}
@media (min-width: 1366px) {
  .solution-module.second {
    margin-top: -2.2rem;
  }
}
@media (min-width: 1366px) {
  .solution-module.second {
    margin-top: -2.5rem;
  }
  .video-show-inner img {
    height: 453px !important;
  }
}
@media (min-width: 1899px) {
  .solution-module.second {
    margin-top: -3.6rem;
  }
  .video-show-inner img {
    height: 521.95px !important;
  }
}

/*chatX -banner*/
.chatX .banner-module .bannerMain {
  font-size: 0.28rem;
  margin-top: -0.15rem;
}
.chatX .banner-module .bannerMain .top-title {
  margin-bottom: 0;
  font-size: 0.54rem;
  background-image: linear-gradient(
    90deg,
    rgba(133, 75, 212, 1) 0,
    rgba(133, 75, 212, 1) 0,
    rgba(248, 78, 252, 1) 100%,
    rgba(248, 78, 252, 1) 100%
  );
}
.chatX .banner-module .bannerMain i {
  color: rgba(167, 79, 219, 1);
  font-size: 0.54rem;
}
.chatX .module-title-desc {
  margin-top: 0.15rem;
  font-size: 0.17rem;
}
.chatX .fistBanner .bannerInner .container > div {
  top: 50%;
  transform: translateY(-80%);
}
/* chatX-screen2-function */
.screen2 {
  padding: 1rem 0;
}
.screen2-inner {
  position: relative;
}
.screen2-item {
  position: relative;
  padding-left: 1rem;
  border-radius: 0.4rem;
  z-index: 3;
  transition: transform 0.8s ease-out, opacity 0.4s ease;
  transform-origin: bottom;
}
.screen2-item.active {
  transform: scale(1);
}

.screen2-item-1 {
  background: linear-gradient(0deg, #4498ff 0%, #31cdb0 100%);
}
.screen2-item-2 {
  background: linear-gradient(0deg, #e1afcc 0%, #7530e3 100%);
}
.screen2-item-3 {
  background: linear-gradient(0deg, #77d6ff 0%, #5074ff 100%);
}
.screen2-item-4 {
  background: linear-gradient(0deg, #60dfbb 0%, #bd2eff 100%);
}
.screen2-item > div {
  position: absolute;
  top: 0.8rem;
  left: 0.4rem;
  z-index: 10;
  max-width: calc(15% + 0.7rem);
}
.screen2-item > div p {
  color: #fff;
  font-size: 0.17rem;
}
.screen2-item .screen2-item-desc01 {
  font-size: 0.25rem;
  position: relative;
  font-weight: bold;
  display: inline-block;
}
.screen2-item .screen2-item-desc01:before {
  position: absolute;
  height: 0.1rem;
  content: "";
  width: 100%;
  bottom: 0.03rem;
  left: 0;
  z-index: -1;
  background-image: linear-gradient(
    90deg,
    rgba(133, 75, 212, 1) 0,
    rgba(133, 75, 212, 1) 0,
    rgba(248, 78, 252, 1) 100%,
    rgba(248, 78, 252, 1) 100%
  );
}
.screen2-item:not(.active) {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  transform: scale(0.5);
  z-index: -1;
}
.screen2-ol-wrap {
  height: 0.6rem;
  overflow: hidden;
}
.screen2-ol {
  position: relative;
  animation-fill-mode: forwards !important;
}
.screen2-ol li {
  width: 100%;
  height: 0.3rem;
  border-bottom-left-radius: 0.3rem;
  border-bottom-right-radius: 0.3rem;
  cursor: pointer;
  transition: transform 0.7s ease, opacity 0.7s ease;
  transform-origin: bottom;
  animation-fill-mode: forwards;
}
.screen2-ol.scroll-none li {
  transition: transform 0s ease;
}
.screen2-ol li.control-ol-0 {
  background-image: linear-gradient(
    180deg,
    rgba(212, 250, 244, 0.5) 100%,
    rgba(212, 250, 244, 0.1) 100%
  );
}
.screen2-ol li.control-ol-1 {
  background-image: linear-gradient(
    180deg,
    rgba(226, 208, 255, 1) 100%,
    rgba(226, 208, 255, 1) 100%
  );
}
.screen2-ol li.control-ol-2 {
  background-image: linear-gradient(
    180deg,
    rgba(210, 219, 255, 0.5) 100%,
    rgba(210, 219, 255, 0.5) 100%
  );
}
.screen2-ol li.control-ol-3 {
  background-image: linear-gradient(
    180deg,
    rgba(229, 241, 255, 0.82) 100%,
    rgba(212, 250, 244, 0.1) 100%
  );
}
.screen2-ol li.not-show {
  transform: scaleX(0.5);
  /*opacity: .1;*/
}
.screen2-ol li.scaleX1 {
  transform: scaleX(0.8);
  opacity: 1;
}
.screen2-ol li.scaleX2 {
  transform: scaleX(0.65);
  opacity: 1;
}
.scroll-0 {
  animation: a-scroll-0 0.5s ease;
}
.scroll-1 {
  animation: a-scroll-1 0.5s ease;
}
.scroll-1.scroll-none {
  animation: a-scroll-1 0s ease;
}
.scroll-2 {
  animation: a-scroll-2 0.5s ease;
}
.scroll-3 {
  animation: a-scroll-3 0.5s ease;
}
.scroll-4 {
  animation: a-scroll-4 0.5s ease;
}
@-webkit-keyframes a-scroll-1 {
  from {
    transform: translateY(0);
  }
  to {
    transform: translateY(-0.3rem);
  }
}
@-webkit-keyframes a-scroll-2 {
  from {
    transform: translateY(-0.3rem);
  }
  to {
    transform: translateY(-0.6rem);
  }
}
@-webkit-keyframes a-scroll-0 {
  from {
    transform: translateY(-0.6rem);
  }
  to {
    transform: translateY(-0.9rem);
  }
}
@-webkit-keyframes a-scroll-3 {
  from {
    transform: translateY(-0.9rem);
  }
  to {
    transform: translateY(-1.2rem);
  }
}
@-webkit-keyframes a-scroll-4 {
  from {
    transform: translateY(-1.2rem);
  }
  to {
    transform: translateY(-1.5rem);
  }
}

/*ChatX - screen-qa*/
.screen-qa {
  background: url(../IMG/ChatX/qabg.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
.screen-qa1 {
  display: flex;
  flex-direction: row;
  padding: 0.6rem 0;
}
.screen-qa-words {
  width: 33.33333333%;
  height: 4rem;
  display: flex;
  align-items: center;
}
.screen-qa-imgs {
  width: 66.66666667%;
}
@media (max-width: 991px) {
  .screen-qa1 {
    flex-direction: column;
  }
  .screen-qa-words {
    width: 100%;
  }
  .screen-qa-imgs {
    width: 100%;
  }
  .screen-qa1 > div:nth-child(2) {
    margin-top: 0.5rem;
  }
}
.screen-qa-q {
  line-height: 0.24rem;
  font-size: 0.14rem;
  color: #666;
  font-family: SourceHanSansSC-Regular;
}
.screen-qa-q p:nth-child(1) {
  position: relative;
  display: inline-block;
  font-weight: bold;
  font-size: 0.26rem;
  margin-bottom: 0.2rem;
  color: #111;
}
.screen-qa-q p:nth-child(1):before {
  position: absolute;
  height: 0.1rem;
  content: "";
  width: 100%;
  bottom: 0rem;
  left: 0;
  z-index: -1;
  background-image: linear-gradient(
    90deg,
    rgba(133, 75, 212, 1) 0,
    rgba(133, 75, 212, 1) 0,
    rgba(248, 78, 252, 1) 100%,
    rgba(248, 78, 252, 1) 100%
  );
}
.screen-qa-q p:nth-child(2) {
  font-size: 0.18rem;
  color: #111;
  margin-bottom: 0.15rem;
}
.screen-qa-q p:nth-child(3) {
  font-size: 0.16rem;
  line-height: 0.28rem;
}
.screen-qa-a {
  position: relative;
}
.screen-qa-a > div,
.screen-qa-a > p {
  position: absolute;
  z-index: 1;
}
.screen-qa-a > img {
  width: 56%;
  height: auto;
  margin-left: 22%;
}
.screen-qa-a .screen-qa-a-title {
  height: 0.45rem;
  padding: 0 0.24rem;
  left: 50%;
  top: 50%;
  transform: translate(-50%, 120%);
  line-height: 0.45rem;
  background-image: linear-gradient(
    90deg,
    rgba(133, 75, 212, 1) 0,
    rgba(133, 75, 212, 1) 0,
    rgba(248, 78, 252, 1) 100%,
    rgba(248, 78, 252, 1) 100%
  );
  border-radius: 0.25rem;
  font-size: 0.16rem;
  color: #fff;
}
.screen-qa-a-adv,
.screen-qa-a-adv1 {
  cursor: pointer;
  width: 25%;
  font-size: 0.13rem;
  line-height: 0.16rem;
  padding: 0.05rem 0.05rem;
  border-radius: 0.18rem;
  background-color: #fff;
  box-shadow: 0 0 0.15rem 0 rgba(120, 80, 191, 0.13);
  transition: all 0.25s ease-in;
}
.screen-qa-a-adv > div {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  padding: 0.15rem 0.15rem;
  border-radius: 0.18rem;
  transition: all 0.25s ease-in;
}
.screen-qa-a-adv img {
  width: 0.4rem;
  margin-bottom: 0.05rem;
}
.screen-qa-a-adv a,
.screen-qa-a-adv a:link,
.screen-qa-a-adv a:hover,
.screen-qa-a-adv a:active {
  margin-top: 0.06rem;
  display: inline-block;
  width: auto;
  padding: 0 0.02rem;
  border-radius: 0.03rem;
  font-size: 0.13rem;
  color: #fff;
  height: 0.18rem;
  line-height: 0.18rem;
  background: rgba(133, 75, 212, 1);
}
.screen-qa-a .screen-qa-a-adv:nth-of-type(1) {
  width: 30%;
  right: 56%;
  top: -5%;
  transition-delay: 0.3s;
}
.screen-qa-a .screen-qa-a-adv:nth-of-type(2) {
  left: 4.5%;
  top: 55%;
  width: 29%;
}
.screen-qa-a .screen-qa-a-adv:nth-of-type(3) {
  right: 1%;
  top: 30%;
  width: 31%;
}
.screen-qa-a .screen-qa-a-adv.visible:hover {
  transition-delay: 0s !important;
}
.screen-qa-a-adv1 {
  padding: 0.05rem 0.05rem;
}
.screen-qa-a-adv1 > div {
  padding: 0.15rem 0.11rem;
  text-align: center;
}
.screen-qa-a-adv1 p:nth-child(1) {
  display: inline-block;
  width: auto;
  height: 0.32rem;
  line-height: 0.28rem;
  border: 2px solid #fff;
  border-radius: 0.16rem;
  padding: 0 0.1rem;
  margin-top: -0.2rem;
  font-size: 0.16rem;
  font-weight: bold;
  position: relative;
  top: -0.25rem;
  font-style: italic;
}
.screen-qa-a-adv1 p:nth-child(2) {
  position: relative;
  width: 100%;
  text-align: right;
  padding-right: 0.3rem;
  margin-bottom: 0.12rem;
}
.screen-qa-a-adv1 p:nth-child(2) span {
  background-color: #d7deef;
  display: inline-block;
  line-height: 0.15rem;
  padding: 0.05rem 0.08rem;
  border-radius: 0.06rem 0 0.06rem 0.06rem;
}
.screen-qa-a-adv1 p:nth-child(3) {
  position: relative;
  padding-left: 0.3rem;
  width: 100%;
  text-align: left;
}
.screen-qa-a-adv1 p:nth-child(3) span {
  background-color: #f4f2f8;
  display: inline-block;
  line-height: 0.15rem;
  padding: 0.05rem 0.08rem;
  border-radius: 0 0.06rem 0.06rem 0.06rem;
}
.screen-qa-a-adv1 p:nth-child(2):after,
.screen-qa-a-adv1 p:nth-child(3):after {
  position: absolute;
  content: "";
  width: 0.24rem;
  height: 0.24rem;
  border-radius: 50%;
}
.screen-qa-a-adv1 p:nth-child(2):after {
  background-color: #98a2e2;
  right: 0;
}
.screen-qa-a-adv1 p:nth-child(3):after {
  background-color: #f3dff6;
  left: 0;
}
.screen-qa-a .screen-qa-a-adv1:nth-of-type(1) {
  width: 31%;
  right: 56%;
  top: 0;
}
.screen-qa-a .screen-qa-a-adv1:nth-of-type(2) {
  right: 5%;
  top: 30%;
  width: 32%;
}
.screen-qa-a .screen-qa-a-adv1:nth-of-type(3) {
  left: 1%;
  bottom: 0%;
  width: 33%;
}
.screen-qa-a .screen-qa-a-adv1.visible:hover {
  transition-delay: 0s !important;
}
.screen-qa-a .screen-qa-a-adv1:nth-of-type(1) p:nth-child(1) {
  color: #fb751c;
  background-color: #ffefe4;
}
.screen-qa-a .screen-qa-a-adv1:nth-of-type(2) p:nth-child(1) {
  color: #0cbe8d;
  background-color: #d1efe7;
}
.screen-qa-a .screen-qa-a-adv1:nth-of-type(3) p:nth-child(1) {
  color: #3178d9;
  background-color: #e9f1ff;
}
.screen-qa-a-adv2 span {
  position: relative;
  display: inline-block;
  width: 80%;
  height: 3.76rem;
  text-align: center;
  margin-left: 20%;
  background: url(../IMG/ChatX/bg0.png);
  background-size: 100% auto;
  background-repeat: no-repeat;
}
.screen-qa-a-adv2 img {
  width: 42%;
  margin-top: 30%;
  position: relative;
  top: -20%;
}
.screen-qa-a-adv2 img.cir {
  left: 15%;
  margin-top: 26%;
  width: 72%;
  position: absolute;
}
.screen-qa-a-adv:hover,
.screen-qa-a-adv1:hover {
  border-radius: 0.12rem;
  box-shadow: 0 0.1rem 0.2rem rgba(0, 0, 0, 0.33);
  transform: translateY(-5px) scale(1.05);
}
.screen-qa-a-adv:hover > div,
.screen-qa-a-adv1:hover > div {
  border-radius: 0.12rem;
  box-shadow: inset 0 0 0.08rem 0.08rem rgba(206, 213, 255, 0.64);
}

/*ChatX - role*/
.screen-role .container {
  background: #475689;
  border-radius: 0.3rem;
  padding: 0.8rem 0;
}
@media (min-width: 1320px) {
  .screen-role .container {
    width: calc(75% + 1.6rem);
    margin-left: calc(12.5% - 0.8rem);
    border-radius: 0.8rem 3rem 0 0;
    padding: 0.8rem 0.8rem;
  }
}
.screen-role .module-title,
.screen-role .module-title-desc {
  color: #fff;
}
.screen-role-wrap > div {
  position: relative;
}
.screen-role-img {
  position: absolute;
}
.screen-role-inner {
  padding: 0.9rem 0 0.2rem;
  text-align: center;
  background: url(../IMG/ChatX/rolebg.png);
  background-size: 80%;
  background-repeat: no-repeat;
  background-position: center;
}
.screen-role-center {
  display: inline-flex;
  align-items: center;
  width: 1.5rem;
  justify-content: center;
  height: 1.5rem;
  position: relative;
  top: -0.45rem;
  border-radius: 50%;
  background-image: linear-gradient(
    180deg,
    rgba(133, 75, 212, 1) 0,
    rgba(133, 75, 212, 1) 0,
    rgba(248, 78, 252, 1) 100%,
    rgba(248, 78, 252, 1) 100%
  );
}
.screen-role-center img {
  width: 0.8rem;
  height: auto;
}
.screen-role-inner p {
  width: 50%;
  margin-left: 25%;
  margin-top: 0.3rem;
  position: relative;
  top: -0.4rem;
  text-align: center;
  font-size: 0.14rem;
  color: #fff;
  line-height: 0.26rem;
}
.screen-role-img:nth-of-type(1) {
  top: calc(45% - 0.75rem);
  left: 42%;
  width: 2rem;
}
.screen-role-img:nth-of-type(2) {
  top: calc(45% - 0.75rem);
  left: 44%;
  width: 1.4rem;
}
.screen-role-img:nth-of-type(3) {
  bottom: 50%;
  left: 42%;
  width: 2rem;
}
.screen-role-img:nth-of-type(4) {
  bottom: 50%;
  left: 43%;
  width: 1.8rem;
}
.screen-role-img:nth-of-type(5) {
  top: calc(45% - 0.75rem);
  right: 41%;
  width: 2rem;
}
.screen-role-img:nth-of-type(6) {
  width: 1.4rem;
  top: calc(45% - 0.75rem);
  right: 44%;
}
.screen-role-img:nth-of-type(7) {
  bottom: 50%;
  right: 40%;
  width: 2rem;
}
.screen-role-img:nth-of-type(8) {
  bottom: 50%;
  right: 43%;
  width: 1.5rem;
}
.screen-role-img {
  opacity: 0;
  transition: all 0.8s ease-in-out;
}
.screen-role-img.visible {
  display: inline-flex;
  align-items: center;
  justify-content: space-around;
  color: rgba(255, 255, 255);
  font-weight: bold;
  opacity: 1;
}
.screen-role-img.visible:nth-of-type(1) {
  top: 4%;
  left: 10%;
  width: 1.8rem;
}
.screen-role-img.visible:nth-of-type(2) {
  top: calc(50% - 0.6rem);
  left: 20.5%;
  width: 1.8rem;
}
.screen-role-img.visible:nth-of-type(3) {
  bottom: 26%;
  left: 0;
  width: 1.5rem;
}
.screen-role-img.visible:nth-of-type(4) {
  bottom: 0;
  left: 15%;
  width: 1.6rem;
}
.screen-role-img.visible:nth-of-type(5) {
  top: 4%;
  right: 11%;
  width: 2rem;
}
.screen-role-img.visible:nth-of-type(6) {
  width: 1.4rem;
  top: calc(50% - 0.6rem);
  right: 19%;
}
.screen-role-img.visible:nth-of-type(7) {
  bottom: 20%;
  right: 0;
  width: 1.9rem;
}
.screen-role-img.visible:nth-of-type(8) {
  bottom: 0.5%;
  right: 21%;
  width: 1.5rem;
}

/*chatx-adv*/
.chatx-adv {
  padding: 1rem 0;
  background: url(../IMG/ChatX/advbg.png);
  background-size: 100% auto;
  background-repeat: no-repeat;
}
.chatx-adv-inner {
  margin-top: 0.1rem;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.chatx-adv-item {
  width: calc(33.333333% - 0.1rem);
  margin-top: 0.2rem;
  padding: 0.2rem;
  background: linear-gradient(
    0deg,
    rgba(206, 213, 255, 0.84) 0%,
    rgba(255, 255, 255, 0.4) 63%
  );
  box-shadow: 0px 12px 35px 0px rgba(1, 33, 105, 0.25);
  border-radius: 0.2rem;
  cursor: pointer;
}
.chatx-adv-item-inner {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.chatx-adv-item-inner img {
  height: 0.5rem;
  width: 0.5rem;
  margin-bottom: 0.15rem;
}
.chatx-adv-item-inner > span {
  padding: 0 0.2rem;
  color: #666;
  line-height: 0.26rem;
  font-size: 0.14rem;
}
.chatx-adv-item-inner span:first-of-type {
  font-size: 0.16rem;
  font-weight: bold;
  color: #111;
  /*margin-bottom: 0.2rem;*/
}
.chatx-adv-item-line {
  position: relative;
  width: 100%;
  overflow: hidden;
  padding: 0 0 0.07rem;
  font-size: 0;
  margin: 0.07rem 0;
  cursor: pointer;
}
.chatx-adv-item-line .c {
  position: relative;
  display: inline-block;
  width: 100%;
  text-align: center;
  font-size: 0 !important;
}
.chatx-adv-item-line .c i {
  display: inline-block;
  width: 0.16rem;
  height: 0.16rem;
  border-radius: 50%;
  border: 0.02rem solid rgba(153, 185, 255, 0.39);
}
.chatx-adv-item-line .c:before,
.chatx-adv-item-line .c:after {
  position: absolute;
  content: "";
  width: calc(50% - 0.1rem);
  border-top: 1px dashed #c5d5f7;
  top: 0.075rem;
}
.chatx-adv-item-line .c:before {
  left: 0;
}
.chatx-adv-item-line .c:after {
  right: 0;
}
.chatx-adv-item-line:before,
.chatx-adv-item-line:after {
  position: absolute;
  width: 0.5rem;
  height: 0.02rem;
  content: "";
  z-index: 1;
  top: 0.07rem;
}
.chatx-adv-item-line:before {
  background: linear-gradient(-90deg, #2541eb 0%, rgba(181, 36, 223, 0) 100%);
  left: -0.5rem;
}
.chatx-adv-item-line:after {
  background: linear-gradient(90deg, #2541eb 0%, rgba(181, 36, 223, 0) 100%);
  right: -0.5rem;
}
.chatx-adv-item:hover .chatx-adv-item-line:after {
  animation: R2C 0.5s ease-in;
  animation-fill-mode: forwards;
}
.chatx-adv-item:hover .chatx-adv-item-line:before {
  animation: L2C 0.5s ease-in;
  animation-fill-mode: forwards;
}
.chatx-adv-item:hover .c i {
  animation: 0.4s doBg 0.25s ease-in;
  animation-fill-mode: forwards;
}
@keyframes R2C {
  0% {
    right: -0.5rem;
  }
  to {
    right: calc(50% - 0.08rem - 0.5rem);
  }
}
@keyframes L2C {
  0% {
    left: -0.5rem;
  }
  to {
    left: calc(50% - 0.08rem - 0.5rem);
  }
}
@keyframes doBg {
  0% {
    background-color: transparent;
  }
  to {
    background: linear-gradient(90deg, #99b9ff 0%, #dca7fd 100%);
  }
}

/* copilot */
/* copilot -banner */
.copilot .banner-module .bannerMain {
  font-size: 0.28rem;
  margin-top: -0.15rem;
}
.copilot .banner-module .bannerMain .top-title {
  margin-bottom: 0;
  font-size: 0.54rem;
  background-image: linear-gradient(
    90deg,
    rgba(133, 75, 212, 1) 0,
    rgba(133, 75, 212, 1) 0,
    rgba(248, 78, 252, 1) 100%,
    rgba(248, 78, 252, 1) 100%
  );
}
.copilot .banner-module .bannerMain i {
  color: #575bf2;
  font-size: 0.54rem;
}
.copilot .module-title-desc {
  margin-top: 0.15rem;
  font-size: 0.17rem;
  line-height: 0.24rem;
  width: 45%;
}
.copilot .fistBanner .bannerInner .container > div {
  top: 31%;
}
/* copilot -screen2 */
.copilot .screen2 {
  margin-top: -1rem;
}
.screen2-item.screen2-item-r {
  padding-left: 0;
  padding-right: 1rem;
}
.screen2-item.screen2-item-r > div {
  left: auto;
  right: 0.2rem;
}
.screen2-item.screen2-item-b {
  padding-left: 0;
  padding-right: 1rem;
}
.screen2-item.screen2-item-b > div {
  left: auto;
  right: 0.2rem;
  top: auto;
  bottom: 0.5rem;
}

/* copilot -feature*/
.feature {
  background: url(../IMG/Copilot/featureBg1.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
.feature-item {
  display: flex;
  flex-direction: row;
  padding: 0.6rem 0;
}
.feature-item.feature-item2 {
  display: block;
}
.feature-words {
  width: 42%;
  display: flex;
  align-items: center;
}
.feature-words-inner {
  line-height: 0.24rem;
  font-size: 0.14rem;
  color: #666;
  font-family: SourceHanSansSC-Regular;
}
.feature-words-inner p:nth-child(1) {
  position: relative;
  display: inline-block;
  font-weight: bold;
  font-size: 0.26rem;
  margin-bottom: 0.15rem;
  color: #111;
}
.feature-words-inner p:nth-child(1):before {
  position: absolute;
  height: 0.1rem;
  content: "";
  width: 100%;
  bottom: 0rem;
  left: 0;
  z-index: -1;
  background-image: linear-gradient(
    90deg,
    rgba(133, 75, 212, 1) 0,
    rgba(133, 75, 212, 1) 0,
    rgba(248, 78, 252, 1) 100%,
    rgba(248, 78, 252, 1) 100%
  );
}
.feature-words-inner p:nth-child(2) {
  font-size: 0.18rem;
  color: #111;
  margin-bottom: 0.12rem;
}
.feature-words-inner ul li {
  font-size: 0.16rem;
  line-height: 0.32rem;
}
.feature-imgs {
  width: 58%;
}
.feature-imgs-inner span {
  display: inline-block;
}
.feature-imgs-inner img {
  width: 95%;
  position: relative;
}
.feature-imgs-inner.feature-imgs-l > span > img {
  left: -5%;
}
.feature-imgs-inner.feature-imgs-r > span > img {
  right: -5%;
}
.feature-imgs-inner.feature-imgs-r > span {
  text-align: right;
  width: 100%;
}
.feature-words.feature-words-r {
  justify-content: end;
}
.feature-words-inner li {
  padding-left: 0.2rem;
  position: relative;
}
.feature-words-inner li:before {
  position: absolute;
  content: "";
  width: 0.13rem;
  height: 0.13rem;
  background: url(../IMG/Copilot/functionIcon.png);
  background-size: 100% auto;
  background-repeat: no-repeat;
  left: 0;
  top: 0.058rem;
}
.feature-words-inner li span {
  color: rgba(52, 137, 238, 1);
  font-weight: 700;
}
/**/
.feature-detail-wrap {
  display: flex;
  margin-top: 0.4rem;
}
.feature-detail-item {
  width: calc((100% - 0.9rem) / 4 - 1.8%);
  margin-right: 0.3rem;
  box-shadow: 0 0 0.3rem 0 rgba(1, 33, 105, 0.2);
  background-color: rgba(255, 255, 255, 1);
  border-radius: 0.15rem;
  border: 2px solid rgba(255, 255, 255, 1);
  padding: 0.46rem 0.24rem 1.4rem;
  text-align: center;
  background: url(../IMG/Copilot/cardbg.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  position: relative;
  transition: all 0.5s ease-in-out;
}
.feature-detail-item-inner {
  width: 100%;
}
.feature-detail-item:last-child {
  margin-right: 0;
}
.feature-detail-item-active {
  height: 0;
  opacity: 0;
}
.feature-detail-item-img {
  display: inline-flex;
  width: 100%;
  height: 0.27rem;
  align-items: center;
  justify-content: center;
  margin-bottom: 0.3rem;
}
.feature-detail-item-img img {
  max-width: 100%;
  transition: all 0.3s ease-in-out;
}
.feature-detail-item-default,
.feature-detail-item-active {
  text-align: left;
  font-size: 0.14rem;
  color: #666666;
  line-height: 0.26rem;
}
.feature-detail-item-default {
  margin-top: 0.4rem;
}
.feature-detail-item-t {
  height: 0.3rem;
  line-height: 0.3rem;
  position: relative;
}
.feature-detail-item-t1,
.feature-detail-item-t2 {
  font-weight: bold;
  font-size: 0.2rem;
  color: #111111;
}
.feature-detail-item.active {
  width: calc((100% - 0.9rem) / 4 + 5.4%);
  background: url(../IMG/Copilot/cardbg02.png);
  /*border-width: 0;*/
  background-size: calc(100% + 8px) calc(100% + 8px);
  background-repeat: no-repeat;
  background-position: -4px -4px;
  border-color: rgba(255, 255, 255, 0);
}
.feature-detail-item.active .feature-detail-item-default {
  color: #fff;
  height: 0;
  opacity: 0;
}
.feature-detail-item.active .feature-detail-item-active {
  color: #fff;
  /*display: inline-block;*/
  opacity: 1;
}
.feature-detail-item.active .feature-detail-item-img img {
  transform: scale(0.01);
  /* translateX(-2rem)*/
  opacity: 0;
}
.feature-detail-item.active .feature-detail-item-t1 {
  position: absolute;
  font-size: 0.3rem;
  color: #fff;
  left: 0;
  top: -0.5rem;
}
.feature-detail-item.active .feature-detail-item-t2 {
  position: absolute;
  left: 0;
  top: -0.2rem;
  font-size: 0.26rem;
  color: #fff;
  font-weight: normal;
}
.feature-detail-item-bImg {
  transition: all 0.3s ease-in-out;
  opacity: 0;
  display: inline-block;
  height: 1.1rem;
  position: absolute;
  right: 0.24rem;
  bottom: 0.15rem;
}
.feature-detail-item.active .feature-detail-item-bImg {
  opacity: 1;
}
.feature-detail-item .feature-detail-item-bImg img {
  max-width: 100%;
  max-height: 100%;
}

/* copilot -do what */
.doWhat {
  padding: 0.9rem 0 1.5rem 0;
  margin-top: -1rem;
  background: url(../IMG/Copilot/whatBg.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
.doWhat-inner {
  position: relative;
  padding: 1.3rem 0 0.7rem;
  text-align: center;
}
.doWhat-center-bg {
  width: 4rem;
  height: 0.45rem;
  opacity: 0.15;
  background: radial-gradient(
    circle,
    rgba(72, 34, 182, 0.7) 0%,
    rgba(216, 220, 255, 0.5) 100%
  );
  border-radius: 50%;
  position: absolute;
  left: calc(50% - 2rem);
  top: calc(50% - 0.14rem);
}
.doWhat-center {
  display: inline-block;
  width: 2.4rem;
  padding-top: 0.32rem;
  height: 2.4rem;
  font-size: 0.2rem;
  color: #fff;
  font-weight: bold;
  text-align: center;
  letter-spacing: 0.02rem;
  background: url(../IMG/Copilot/whatCenter.png);
  background-size: 50% auto;
  background-repeat: no-repeat;
  background-position: top center;
}
.doWhat-item {
  position: absolute;
}
.doWhat-item-default {
  cursor: pointer;
  display: inline-flex;
  height: 0.46rem;
  padding: 0 0.2rem;
  align-items: center;
  box-shadow: 0 0.12rem 0.35rem 0 rgba(1, 33, 105, 0.25);
  background: linear-gradient(0deg, #c8dfff 0%, rgba(255, 255, 255, 0.8) 100%);
  border-radius: 0.12rem;
  font-size: 0.16rem;
  position: relative;
}
.doWhat-item-default-img {
  display: inline-flex;
  width: 0.32rem;
  height: 0.32rem;
  margin-right: 0.08rem;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  border: 0.02rem solid #fff;
  background: rgba(71, 86, 137, 1);
  box-sizing: border-box;
  cursor: pointer;
}
.doWhat-item-default-img img {
  height: 0.15rem;
  width: auto;
}
.doWhat-item-default:before {
  position: absolute;
  content: "";
  width: 0.12rem;
  height: 0.1rem;
  left: calc(50% - 0.06rem);
  bottom: -0.1rem;
  background: url(../IMG/Copilot/arrow.png);
  background-size: 100% auto;
  background-repeat: no-repeat;
}
.doWhat-item:nth-of-type(1) {
  left: 0;
  bottom: 28%;
}
.doWhat-item:nth-of-type(2) {
  left: 18%;
  top: 40%;
}
.doWhat-item:nth-of-type(3) {
  right: 55%;
  bottom: 15%;
}
.doWhat-item:nth-of-type(4) {
  left: 55%;
  bottom: 15%;
}
.doWhat-item:nth-of-type(5) {
  right: 22%;
  top: 34%;
}
.doWhat-item:nth-of-type(6) {
  right: 0;
  top: 50%;
}

.doWhat-item-active {
  position: absolute;
  z-index: 10;
  opacity: 0;
  /*display: none;*/
  display: flex;
  width: 150%;
  left: -25%;
  top: 50%;
  transform: translateY(-50%) scale(0.2);
  flex-direction: column;
  align-items: center;
  border-radius: 0.14rem;
  padding: 0.2rem;
  background: rgba(71, 86, 137, 1);
  font-size: 0.15rem;
  line-height: 0.24rem;
  color: rgba(255, 255, 255, 0.8);
  transition: all 0.7s ease-in-out;
}
.doWhat-item-active > span {
  font-size: 0.18rem;
  font-weight: bold;
  color: #fff;
}
.doWhat-item-active > span:nth-of-type(2) {
  margin: 0.12rem 0;
}
.doWhat-item-active-img {
  display: inline-flex;
  width: 0.5rem;
  height: 0.5rem;
  margin-top: -0.45rem;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  border: 0.02rem solid #fff;
  background: linear-gradient(180deg, rgba(255, 255, 255, 1) 0%, #2c4aec 100%);
  box-sizing: border-box;
}
.doWhat-item-active-img img {
  max-height: 0.25rem;
  max-width: 0.25rem;
}
.doWhat-item-active > p {
  text-align: left;
}
.doWhat-item:hover .doWhat-item-active {
  opacity: 1;
  transform: translateY(-50%) scale(1);
  transition: all 0.3s ease-in-out;
}

.sp-doWhat-item-active {
  opacity: 1;
  transform: translateY(-50%) scale(1);
  transition: all 0.3s ease-in-out;
}
/* Agent */
section.agent {
  background: url(../IMG/Agent/sectionbg.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
/* Agent -feature */
.agent .feature {
  background-image: none;
}
.agent .feature-item02 .feature-imgs-inner img {
  width: 70%;
}
.agent .feature-item02 .feature-imgs-inner span {
  position: relative;
}
.agent .feature-item02 .feature-imgs-inner img.bg-img {
  position: absolute;
  width: 75%;
  top: -6%;
}
.agent .feature-item02 .feature-imgs-inner img.center-img {
  position: absolute;
  width: 23%;
  top: 33%;
  right: auto;
  left: 56%;
}
.agent .scroll_transform_feature2 {
  opacity: 0;
  transform: scale(0) rotate(-220deg);
  transition: all 0.6s ease-in-out;
}
.agent .scroll_transform_feature2.visible {
  opacity: 1;
  transform: none;
}

.agent .feature-item03 .feature-imgs-inner span {
  position: relative;
}
.agent .feature-item03 .feature-imgs-inner img.bg-img {
  position: absolute;
  width: 60%;
  top: 22%;
  left: 12.5%;
}
.agent .scroll_transform_feature3 {
  opacity: 0;
  transform: translateY(100%);
  transition: all 0.5s ease-in-out;
}
.agent .scroll_transform_feature3.visible {
  opacity: 1;
  transform: none;
}
.agent .screen2 {
  margin-top: -1.6rem;
}
.agent .screen2-ol-wrap {
  height: 0.3rem;
}
/* Agent - adv */
.agent-adv {
  padding: 0.8rem 0;
}
.agent-adv .container {
  background: linear-gradient(
    0deg,
    rgba(209, 195, 252, 0.2) 0%,
    rgba(155, 196, 252, 0.2) 100%
  );
  border-radius: 0.3rem;
  padding: 0.8rem 0;
}
@media (min-width: 1320px) {
  .agent-adv .container {
    width: calc(75% + 1.6rem);
    margin-left: calc(12.5% - 0.8rem);
    border-radius: 0 0 0.8rem 3rem;
    padding: 0.8rem 0.8rem;
  }
}
.agent-adv-wrap > div {
  position: relative;
}
.agent-adv-img {
  position: absolute;
  display: inline-flex;
  align-items: center;
  font-size: 0.16rem;
  color: #333;
  font-weight: bold;
}
.agent-adv-img img {
  margin: 0 0.04rem;
}
.agent-adv-inner {
  padding: 0.7rem 0 0.15rem;
  text-align: center;
  background: url(../IMG/Agent/advbg.png);
  background-size: 80%;
  background-repeat: no-repeat;
  background-position: center;
}
.agent-adv-center {
  display: inline-flex;
  align-items: center;
  width: 1.5rem;
  justify-content: center;
  height: 1.5rem;
  position: relative;
  top: -0.05rem;
  border-radius: 50%;
}
.agent-adv-center img {
  width: 1rem;
  height: auto;
}
.agent-adv-inner p {
  width: 52%;
  margin-left: 24%;
  margin-top: 0.3rem;
  position: relative;
  top: -0.4rem;
  text-align: left;
  font-size: 0.14rem;
  line-height: 0.26rem;
  padding: 0.08rem 0.7rem;
  color: #666;
  background: linear-gradient(
    90deg,
    rgba(237, 242, 248, 0) 0%,
    rgba(255, 255, 255, 0.7) 48%,
    rgba(235, 239, 242, 0) 100%
  );
  border: 2px solid;
  border-image: linear-gradient(
      90deg,
      rgba(237, 242, 248, 0.8),
      rgba(49, 77, 233, 1),
      rgba(235, 239, 242, 0.8)
    )
    10 10;
  border-right: none;
  border-left: none;
}
.agent-adv-inner p span {
  color: rgba(52, 137, 238, 1);
  font-weight: 700;
}
.agent-adv-img:nth-of-type(1) {
  top: calc(45% - 0.75rem);
  left: 42%;
}
.agent-adv-img:nth-of-type(2) {
  top: calc(45% - 0.75rem);
  left: 44%;
}
.agent-adv-img:nth-of-type(3) {
  bottom: 50%;
  left: 42%;
}
.agent-adv-img:nth-of-type(4) {
  top: calc(45% - 0.75rem);
  right: 41%;
}
.agent-adv-img:nth-of-type(5) {
  top: calc(45% - 0.75rem);
  right: 41%;
}
.agent-adv-img:nth-of-type(6) {
  bottom: 50%;
  left: 43%;
}
.agent-adv-img:nth-of-type(1) img {
  width: 0.6rem;
}
.agent-adv-img:nth-of-type(2) img {
  width: 0.65rem;
}
.agent-adv-img:nth-of-type(3) img {
  width: 0.68rem;
}
.agent-adv-img:nth-of-type(4) img {
  width: 0.6rem;
}
.agent-adv-img:nth-of-type(5) img {
  width: 0.65rem;
}
.agent-adv-img:nth-of-type(6) img {
  width: 0.68rem;
}
.agent-adv-img {
  opacity: 0;
  transition: all 0.5s ease-in-out;
}
.agent-adv-img.visible {
  opacity: 1;
}
.agent-adv-img.visible:nth-of-type(1) {
  top: 10%;
  left: 19.5%;
}
.agent-adv-img.visible:nth-of-type(2) {
  top: calc(50% - 0.4rem);
  left: 4.8%;
}
.agent-adv-img.visible:nth-of-type(3) {
  bottom: 10%;
  left: 11%;
}
.agent-adv-img.visible:nth-of-type(4) {
  top: 12.5%;
  right: 23%;
}
.agent-adv-img.visible:nth-of-type(5) {
  top: 36.5%;
  right: 12.5%;
}
.agent-adv-img.visible:nth-of-type(6) {
  bottom: 11%;
  left: 72%;
}

/* knowledgeHub */
.knowledgeHub .screen2 {
  margin-top: -1.2rem;
}
section.knowledgeHubBg {
  background: url(../IMG/KnowledgeHub/sectionbg.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
/* knowledgeHub - feature */
.knowledgeHubBg .feature {
  background-image: none;
}
.knowledgeHub .feature-imgs-inner > span {
  position: relative;
  padding-bottom: 0.2rem;
}
.knowledgeHub .feature-imgs-inner > span > img:not(.bg-img) {
  position: absolute;
}
.knowledgeHub .feature-item01 img.center-img {
  width: 38%;
  top: 34%;
  left: 23.5%;
}
.knowledgeHub .feature-item01 .center-words {
  position: absolute;
  left: 39.5%;
  top: 68.2%;
  font-size: 0.12rem;
  font-weight: bold;
  /*transform: scale(.8);*/
}
.knowledgeHub .word-span {
  position: absolute;
  display: inline-flex;
  align-items: center;
  transition: all 0.8s ease-in-out;
  background: #fff;
  height: 0.3rem;
  border-radius: 0.2rem;
  box-shadow: 0 0.02rem 0.1rem 0 rgba(52, 137, 238, 0.3);
  font-size: 0.12rem;
  font-weight: bold;
}
.knowledgeHub .feature-item01 .word-span {
  padding: 0 0.14rem;
}
.knowledgeHub .feature-item01 .word-span img {
  height: auto;
  width: 0.13rem;
  margin-right: 0.01rem;
}
.knowledgeHub .feature-item01 .word-span:nth-of-type(2) {
  top: 32%;
  left: 28.6%;
}
.knowledgeHub .feature-item01 .word-span:nth-of-type(3) {
  top: 59%;
  left: 10.5%;
}
.knowledgeHub .feature-item01 .word-span:nth-of-type(4) {
  top: 81%;
  left: 21.2%;
}
.knowledgeHub .feature-item01 .word-span:nth-of-type(5) {
  top: 88%;
  left: 40.5%;
}
.knowledgeHub .feature-item01 .word-span {
  opacity: 0;
  transform: translateX(300%) scale(0.1);
}
.knowledgeHub .feature-item01 .word-span.visible {
  opacity: 1;
  transform: none;
}
.knowledgeHub .scroll_transform_feature1 {
  opacity: 0;
  transform: scale(0);
  transition: all 0.8s ease-in-out;
}
.knowledgeHub .scroll_transform_feature1.visible {
  opacity: 1;
  transform: none;
  width: 70%;
  left: 8%;
  top: 17.5%;
}
.knowledgeHub .scroll_transform_feature2 {
  opacity: 0;
  transform: scale(0);
  transition: all 0.8s ease-in-out;
}
.knowledgeHub .scroll_transform_feature2.visible {
  opacity: 1;
  transform: none;
  width: 56%;
  top: 20%;
  right: 15%;
}
.knowledgeHub .feature-item02 .word-span,
.knowledgeHub .feature-item03 .word-span {
  padding: 0 0.14rem 0 0;
}
.knowledgeHub .feature-item02 .word-span img,
.knowledgeHub .feature-item03 .word-span img {
  height: auto;
  width: 0.3rem;
  margin-right: 0.03rem;
  position: relative;
  left: -0.01rem;
  right: auto;
}
.knowledgeHub .feature-item02 .word-span:nth-of-type(1) {
  top: 28%;
  left: 26.3%;
}
.knowledgeHub .feature-item02 .word-span:nth-of-type(2) {
  top: 66.5%;
  left: 24.6%;
}
.knowledgeHub .feature-item02 .word-span:nth-of-type(3) {
  top: 23%;
  left: 67%;
}
.knowledgeHub .feature-item02 .word-span:nth-of-type(4) {
  top: 65.5%;
  left: 76.6%;
}
.knowledgeHub .feature-item02 .word-span:nth-of-type(5) {
  top: 88%;
  left: 70.5%;
}
.knowledgeHub .feature-item02 .word-span-l,
.knowledgeHub .feature-item03 .word-span-l {
  opacity: 0;
  transform: translateX(-200%) scale(0.1);
}
.knowledgeHub .feature-item02 .word-span-r,
.knowledgeHub .feature-item04 .word-span-r {
  opacity: 0;
  transform: translateX(200%) scale(0.1);
}
.knowledgeHub .feature-item02 .word-span-r.visible,
.knowledgeHub .feature-item02 .word-span-l.visible,
.knowledgeHub .feature-item03 .word-span-l.visible,
.knowledgeHub .feature-item04 .word-span-r.visible {
  opacity: 1;
  transform: none;
}
.knowledgeHub .scroll_transform_feature3 {
  opacity: 0;
  transform: scale(0);
  transition: all 0.8s ease-in-out;
}
.knowledgeHub .scroll_transform_feature3.visible {
  opacity: 1;
  transform: none;
  width: 58%;
  left: 9%;
  top: 16%;
}
.knowledgeHub .feature-item03 .word-span:nth-of-type(1) {
  top: 20.8%;
  left: 33.3%;
}
.knowledgeHub .feature-item03 .word-span:nth-of-type(2) {
  top: 44%;
  left: 61.2%;
}
.knowledgeHub .feature-item03 .word-span:nth-of-type(3) {
  top: 52%;
  left: 7.6%;
}
.knowledgeHub .feature-item03 .word-span:nth-of-type(4) {
  top: 65.7%;
  left: 53.8%;
}
.knowledgeHub .feature-item03 .word-span:nth-of-type(5) {
  top: 93%;
  left: 27.5%;
}
.knowledgeHub .word-i {
  position: absolute;
  font-size: 0.12rem;
  font-style: italic;
}
.knowledgeHub .feature-item03 .word-i:nth-of-type(1) {
  top: 77.2%;
  left: 50.1%;
  color: rgba(136, 169, 235, 0.9);
}
.knowledgeHub .feature-item03 .word-i:nth-of-type(2) {
  color: rgba(153, 75, 219, 0.5);
  top: 87%;
  left: 34.5%;
}

.knowledgeHub .scroll_transform_feature4 {
  opacity: 0;
  transform: scale(0);
  transition: transform 0.8s ease-out, opacity 0.8s ease-out;
}
.knowledgeHub .scroll_transform_feature4.visible {
  opacity: 1;
  transform: none;
  width: 56%;
  /*right: 6.2%;*/
  left: calc(28% + 0.6rem);
  top: 24%;
}
.knowledgeHub .feature-item04 .word-span {
  padding: 0 0.14rem;
}
.knowledgeHub .feature-item04 .word-span img {
  height: auto;
  width: 0.16rem;
  margin-right: 0.03rem;
}
.knowledgeHub .feature-item04 .word-span:nth-of-type(1) {
  top: 24.3%;
  /*right: 46.5%;*/
  left: calc(28% + 0.4rem);
}
.knowledgeHub .feature-item04 .word-span:nth-of-type(2) {
  top: 40.3%;
  /*right: 54.5%;*/
  left: calc(28% - 0.2rem);
}
.knowledgeHub .feature-item04 .word-span:nth-of-type(3) {
  top: 61.3%;
  /*right: 54.5%;*/
  left: calc(28% - 0.2rem);
}
.knowledgeHub .feature-item04 .word-span:nth-of-type(4) {
  top: 78.8%;
  /*right: 46.5%;*/
  left: calc(28% + 0.4rem);
}

/* knowledgeHub - adv */
.knowledge-adv {
  padding: 0.2rem 0 1.3rem;
  margin-top: 0.4rem;
  background: url(../IMG/KnowledgeHub/advbg.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
.knowledge-adv-wrap {
  display: flex;
  padding: 0 0.2rem;
  flex-wrap: wrap;
}
.knowledge-adv-item {
  position: relative;
  width: calc((100% - (0.2rem * 4)) / 5);
  margin-top: 0.3rem;
  margin-right: 0.2rem;
}
.knowledge-adv-item:nth-child(5n) {
  margin-right: 0;
}
.knowledge-adv-item-inner {
  text-align: center;
  cursor: pointer;
  font-size: 0.18rem;
  font-weight: bold;
  width: 100%;
  height: 0.8rem;
  line-height: 0.6rem;
  color: #333;
  letter-spacing: 1.5px;
  background: url(../IMG/KnowledgeHub/adv_default.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  transition: all 0.3s ease-out;
}
.knowledge-adv-item-inner:before {
  position: absolute;
  left: 0;
  top: 0;
  content: "";
  width: 100%;
  height: 100%;
  background: url(../IMG/KnowledgeHub/adv_active.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  opacity: 0;
  transition: all 0.3s ease-out;
}
.knowledge-adv-item-inner span {
  position: relative;
}
.knowledge-adv-item-inner:hover {
  color: #fff;
  transform: scale(1.1);
}
.knowledge-adv-item-inner:hover:before {
  opacity: 1;
}
@media (max-width: 992px) {
  .knowledge-adv-item {
    width: calc((100% - (0.2rem * 2)) / 3);
  }
  .knowledge-adv-item:nth-child(5n) {
    margin-right: 0.2rem;
  }
  .knowledge-adv-item:nth-child(3n) {
    margin-right: 0;
  }
}

/* solution页 */
/* solution - banner */
.Solution {
  background: url(../IMG/Solution/sectionbg.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
.Solution .copilot .banner-module .bannerMain i {
  color: #50eae4;
  font-size: 0.42rem;
}
.Solution .copilot .banner-module .bannerMain,
.Solution .module-title-desc {
  color: #fff;
}
.Solution .copilot .banner-module .bannerMain {
  font-size: 0.42rem;
}
.Solution .fistBanner .bannerInner .container > div {
  padding: 0.6rem 0 0.6rem 0.5rem;
  width: 82%;
  background: url(../IMG/Solution/bannerbg.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
/* solution - challenge */
.challenge {
  padding: 0.8rem 0;
}
.challenge-main {
  display: flex;
  align-items: center;
  margin-top: 0.4rem;
}
.challenge-inner {
  width: 38%;
}
.challenge-imgs {
  width: calc(62% - 0.4rem);
  display: flex;
  align-items: center;
  margin-left: 0.4rem;
  position: relative;
}
.challenge-imgs img {
  width: 80%;
  margin-left: 20%;
  opacity: 0;
  transform: scale(0);
}
.challenge-imgs p {
  position: absolute;
  background: linear-gradient(45deg, #77d6ff 0%, #5074ff 100%);
  border-radius: 0.1rem;
  width: 50%;
  height: 0.7rem;
}
.challenge-imgs p:nth-of-type(1) {
  top: 83.5%;
  right: 44%;
  z-index: -1;
  opacity: 0;
  transform: translateX(-100%);
}
.challenge-imgs p:nth-of-type(2) {
  z-index: -1;
  top: 64.5%;
  left: 45%;
  opacity: 0;
  transform: translateX(100%);
}
.challenge-imgs_scroll {
  transition: all 0.8s ease-out;
}
.challenge-imgs img.visible,
.challenge-imgs p:nth-of-type(1).visible,
.challenge-imgs p:nth-of-type(2).visible {
  opacity: 1;
  transform: none;
}

.challenge-item-inner {
  position: relative;
  padding: 0.16rem 0.16rem 0.16rem 0.52rem;
  border-bottom: 1px solid rgba(237, 237, 238, 0.4);
  background: rgba(255, 255, 255, 0.5);
  margin-bottom: 0.04rem;
}
.challenge-item-inner img {
  position: absolute;
  height: 0.24rem;
  width: auto;
  left: 0.17rem;
  top: 0.16rem;
}
.challenge-item-inner p:nth-of-type(1) {
  line-height: 0.28rem;
  color: #111;
  font-size: 0.17rem;
}
.challenge-item-inner p:nth-of-type(2) {
  line-height: 0.24rem;
  color: #666;
  font-size: 0.14rem;
  margin-top: 0.05rem;
  overflow: hidden;
  height: 0;
  transition: height 0.4s ease-out;
}
.challenge-item-inner.active p:nth-of-type(1) {
  font-weight: bold;
}
.challenge-item-inner.active p:nth-of-type(2) {
  /*height: auto;*/
  height: 1rem;
}
.challenge-item-inner.active p:nth-of-type(2).challenge-item-p-01 {
  /*height: auto;*/
  height: 1.24rem;
}
.challenge-item-inner.active p:nth-of-type(2).challenge-item-p-02 {
  /*height: auto;*/
  height: 1.56rem;
}
.challenge-item-inner.active {
  box-shadow: inset 0 0 0.08rem 0.02rem rgba(66, 89, 189, 0.3);
}
.challenge-item-inner:after {
  position: absolute;
  width: 100%;
  height: 0.04rem;
  content: "";
  bottom: -0.04rem;
  left: 0;
  background: linear-gradient(90deg, #854bd4 0%, #f84efc 100%);
  opacity: 0;
}
.challenge-item-inner.active:after {
  opacity: 1;
}
/* solution - case */
.case {
  padding: 0.8rem 0;
  margin-bottom: 0.4rem;
  background: url(../IMG/Solution/case_bg.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
.case-main {
  display: flex;
  margin-top: 0.4rem;
}
.case-title {
  width: 28.6%;
  position: relative;
}
.case-imgs {
  width: calc(100% - 28.6%);
  background: #fff;
  padding: 0.3rem 0.2rem;
  color: #111;
  font-size: 0.18rem;
  border-top-right-radius: 0.2rem;
  border-bottom-right-radius: 0.2rem;
}
.case-title-bg {
  width: 100%;
  height: 100%;
}
.case-title-inner {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  border-top-left-radius: 0.2rem;
  border-bottom-left-radius: 0.2rem;
}
.case-title-inner.case-title-inner-mask {
  background: linear-gradient(to top, #192e58 35%, rgba(25, 46, 88, 0) 100%);
}
.case-title-img {
  position: absolute;
  width: 0.7rem;
  left: 0.43rem;
  top: 0.6rem;
}
.case-title p {
  position: absolute;
}
.case-title p:nth-of-type(1) {
  top: 1.7rem;
  left: 0.43rem;
  line-height: 0.46rem;
  color: #9de2fe;
  font-size: 0.36rem;
  font-weight: bold;
}
.case-title p span {
  font-weight: normal;
  color: #fff;
  font-size: 0.3rem;
}
.case-title p:nth-of-type(2) {
  bottom: 0.4rem;
  line-height: 0.19rem;
  color: #fff;
  font-size: 0.14rem;
  padding: 0.2rem;
  transform: translateY(100%);
  opacity: 0;
}
.case-imgs > div {
  margin-top: 0.2rem;
  position: relative;
  text-align: center;
}
.case-imgs-bg {
  width: 96%;
}
.case-imgs-item {
  display: flex;
  width: 28%;
  position: absolute;
}
.case-imgs-icons {
  display: inline-block;
  width: 0.28rem;
  height: 0.28rem;
  margin: 0 0.12rem;
  line-height: 0.22rem;
  background: #475689;
  border-radius: 50%;
}
.case-imgs-icons img {
  width: 0.16rem;
}
.case-imgs-adv {
  max-width: calc(100% - 0.28rem - 0.24rem);
  border-radius: 0.1rem;
  padding: 0.08rem 0.14rem;
  font-size: 0.13rem;
  text-align: left;
  background: linear-gradient(180deg, #dbe8ff 0%, rgba(255, 255, 255, 0) 100%);
}
.case-imgs-item-01 {
  top: 5.5%;
  /* left: 17%; */
  left: 45%;
}
.case-imgs-item-02 {
  top: 25%;
  right: 68%;
}
.case-imgs-item-03 {
  top: 21%;
  left: 65.5%;
}
.case-imgs-item-04 {
  top: 42%;
  left: 72%;
}
.case-imgs-item-05 {
  top: 46.5%;
  right: 72.2%;
}
.case-imgs-item-06 {
  top: 67%;
  right: 70.3%;
}
.case-imgs-item-07 {
  top: 63%;
  right: 0;
}
.with4items .case-imgs-item-01 {
  top: 11.5%;
  /*left: 17%;*/
  left: 55%;
}
.with4items .case-imgs-item-02 {
  /*top: 43%;*/
  /*right: 72%;*/
  top: 11.5%;
  right: 58%;
}
.with4items .case-imgs-item-03 {
  top: 11%;
  left: 57%;
}
.with4items .case-imgs-item-04 {
  top: 43%;
  right: 0;
}
.case-imgs-word {
  display: flex;
  align-items: center;
  width: calc(50% - 0.15rem);
  height: 0.5rem;
  line-height: 0.5rem;
  position: absolute;
  bottom: 0;
  padding: 0 0.26rem;
  font-size: 0.16rem;
  font-weight: bold;
  border-radius: 0.23rem;
  color: #111;
}
.case-imgs-word img {
  width: 0.28rem;
  margin-right: 0.1rem;
}
.case-imgs-word span:last-of-type {
  position: absolute;
  right: 0.26rem;
  font-family: Source Han Sans SC;
  font-weight: bold;
  font-size: 0.34rem;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent;
}
.case-imgs-word-01 {
  left: 0;
  background: linear-gradient(
    90deg,
    rgba(2, 217, 194, 0.08) 0%,
    rgba(1, 184, 217, 0.08) 100%
  );
}
.case-imgs-word-01 span:last-of-type {
  background: linear-gradient(0deg, #02d9c2 0.3662109375%, #01b8d9 100%);
}
.case-imgs-word-02 {
  right: 0;
  background: linear-gradient(
    90deg,
    rgba(255, 147, 1, 0.08) 0%,
    rgba(255, 107, 1, 0.08) 100%
  );
}
.case-imgs-word-02 span:last-of-type {
  background: linear-gradient(0deg, #ff9301 0.3662109375%, #ff6b01 100%);
}
.case-imgs-word span:last-of-type:before {
  position: absolute;
  content: "";
  width: 0.6rem;
  height: 0.6rem;
  left: calc(50% - 0.3rem);
  bottom: 0;
  background-size: 0.6rem auto;
  background-repeat: no-repeat;
}
.case-imgs-word-01 span:last-of-type:before {
  background-image: url(../IMG/Solution/caseicon05.png);
}
.case-imgs-word-02 span:last-of-type:before {
  background-image: url(../IMG/Solution/caseicon04.png);
}
.with4Words .case-imgs-word:nth-of-type(1),
.with4Words .case-imgs-word:nth-of-type(2) {
  bottom: 0.7rem;
}
.with4Words .case-imgs-word:nth-of-type(2n) {
  right: 0;
  left: auto;
}
.with4Words .case-imgs-word:nth-of-type(2n + 1) {
  right: auto;
  left: 0;
}
.case-imgs-word span.no_arrow:before {
  display: none;
}
.case-imgs-word span.no_content:before {
  bottom: -0.24rem;
  left: calc(50% - 0.55rem);
}
.case-imgs-word span.down_arrow:before {
  transform: rotate(180deg);
  bottom: -0.34rem;
}
.with3Words .case-imgs-word {
  width: calc(33.33333% - 0.16rem);
}
.with3Words .case-imgs-word:nth-of-type(2) {
  left: calc(33.33333% + 0.08rem);
  right: auto;
}
.with3Words .case-imgs-word:nth-of-type(1) {
  left: 0;
  right: auto;
}
.with3Words .case-imgs-word span.no_content:before {
  left: calc(50% - 0.35rem);
}

.case-item_01 {
  transition: all 0.5s ease-out;
}
.case-imgs-item-02,
.case-imgs-item-05,
.case-imgs-item-06 {
  justify-content: end;
  opacity: 0;
  transform: translateX(-100%);
}
.case-imgs-item-01,
.case-imgs-item-03,
.case-imgs-item-04,
.case-imgs-item-07 {
  opacity: 0;
  transform: translateX(100%);
}
.case-imgs-word {
  opacity: 0;
  transform: translateY(1rem);
}
.case-imgs-item-01.visible,
.case-imgs-item-02.visible,
.case-imgs-item-03.visible,
.case-imgs-item-04.visible,
.case-imgs-item-05.visible,
.case-imgs-item-06.visible,
.case-imgs-item-07.visible,
.case-title p:nth-of-type(2).visible,
.case-imgs-word.visible,
.case-item_01.visible {
  opacity: 1;
  transform: none;
}
/* solution - adv */
.adv {
  padding: 0.3rem 0 0.8rem;
}
.adv-slide-ol {
  background: url(../IMG/Solution/advbg.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  text-align: center;
  padding: 0.2rem 0;
  /*margin: 0.3rem 0 0.6rem;*/
  margin: 0.24rem 0 0.24rem;
  position: relative;
}
.adv-slide-ol > p {
  display: inline-flex;
  background: #fff;
  align-items: center;
  padding: 0.08rem 0.1rem;
  border-radius: 0.3rem;
}
.adv-slide-ol span {
  display: inline-block;
  height: 0.36rem;
  line-height: 0.36rem;
  border-radius: 0.18rem;
  color: #111;
  font-size: 0.14rem;
  padding: 0 0.3rem;
  cursor: pointer;
}
.adv-slide-ol span.active {
  color: #fff;
  background: #86adff;
  font-weight: bold;
}
.adv-main-item {
  position: relative;
  transform: scale(0.95);
}
.adv-main-item img {
  width: 100%;
  height: auto;
  border-radius: 0.24rem;
}
.adv-main-item-words {
  position: absolute;
  width: 40%;
  height: 60%;
  top: 0;
  background: #fff;
}
.adv-main-item-l {
  left: 0;
  border-bottom-right-radius: 0.3rem;
  border-top-left-radius: 0.23rem;
}
.adv-main-item-r {
  right: 0;
  border-bottom-left-radius: 0.3rem;
  border-top-right-radius: 0.23rem;
}
.adv-main-item-l:before,
.adv-main-item-l:after,
.adv-main-item-r:before,
.adv-main-item-r:after {
  content: "";
  position: absolute;
  width: 0.6rem;
  height: 0.6rem;
  z-index: 1;
}
.adv-main-item-l:before {
  bottom: -0.3rem;
  left: -0.3rem;
  background: radial-gradient(
      circle at right bottom,
      transparent 0.3rem,
      #fff 0
    )
    right bottom;
  background-size: 50% 50%;
  background-repeat: no-repeat;
}
.adv-main-item-l:after {
  top: -0.3rem;
  right: -0.3rem;
  background: radial-gradient(
      circle at right bottom,
      transparent 0.3rem,
      #fff 0
    )
    right bottom;
  background-size: 50% 50%;
  background-repeat: no-repeat;
}
.adv-main-item-r:before {
  bottom: -0.29rem;
  right: -0.31rem;
  background: radial-gradient(circle at left bottom, transparent 0.3rem, #fff 0)
    left bottom;
  background-size: 50% 50%;
  background-repeat: no-repeat;
}
.adv-main-item-r:after {
  top: -0.3rem;
  left: -0.29rem;
  background: radial-gradient(circle at left bottom, transparent 0.3rem, #fff 0)
    left bottom;
  background-size: 50% 50%;
  background-repeat: no-repeat;
}
.adv-main-item-inner {
  width: 100%;
  height: 100%;
  padding: 0 0.5rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  border-bottom: 0.15rem solid #fff;
  border-radius: 0.3rem;
}
.adv-main-item-r .adv-main-item-inner {
  border-left: 0.15rem solid #fff;
}
.adv-main-item-l .adv-main-item-inner {
  border-right: 0.15rem solid #fff;
}
.adv-main-item-words p:nth-child(1) span {
  position: relative;
  display: inline-block;
  font-weight: bold;
  font-size: 0.25rem;
  margin-bottom: 0.08rem;
  z-index: 1;
  color: #fff;
}
.adv-main-item-words p:nth-child(1) span:before {
  position: absolute;
  height: 0.1rem;
  content: "";
  width: calc(100% + 0.1rem);
  bottom: 0.03rem;
  left: 0;
  z-index: -1;
  background-image: linear-gradient(
    90deg,
    rgba(133, 75, 212, 1) 0,
    rgba(133, 75, 212, 1) 0,
    rgba(248, 78, 252, 1) 100%,
    rgba(248, 78, 252, 1) 100%
  );
}
.adv-main-item-words p:nth-child(2) {
  font-size: 0.17rem;
  color: #fff;
  margin-bottom: 0.24rem;
}
.adv-main-item-words li {
  padding-left: 0.2rem;
  position: relative;
  color: #fff;
  font-size: 0.15rem;
  line-height: 0.28rem;
}
.adv-main-item-words li:before {
  position: absolute;
  content: "";
  width: 0.14rem;
  height: 0.14rem;
  border-radius: 50%;
  border: 1px solid #fff;
  background: url(../IMG/Solution/advicon.png);
  background-size: 0.08rem auto;
  background-repeat: no-repeat;
  background-position: center;
  left: 0;
  top: 0.07rem;
}
.adv-main-item-01 .adv-main-item-inner {
  background: linear-gradient(45deg, #77d6ff 0%, #5074ff 100%);
}
.adv-main-item-02 .adv-main-item-inner {
  background: linear-gradient(0deg, #e1afcc 0%, #7530e3 100%);
}
.adv-main-item-03 .adv-main-item-inner {
  background: linear-gradient(0deg, #4498ff 0%, #31cdb0 100%);
}
.adv-main-item-04 .adv-main-item-inner {
  background: linear-gradient(0deg, #60dfbb 0%, #bd2eff 100%);
}
#solution-adv {
  width: 100%;
  overflow: hidden;
  -webkit-perspective: 1000;
  perspective: 1000;
}
#slide-solution-adv {
  width: 500%;
}
#slide-solution-adv > div {
  width: 20%; /* relative to parent -> 20% of 500% = 100% of window width */
  float: left;
}

#slide-solution-adv.fourItems {
  width: 400%;
}
#slide-solution-adv.fourItems > div {
  width: 25%; /* relative to parent -> 20% of 500% = 100% of window width */
  float: left;
}

/* Solution_Other */
.Solution_Other.Solution {
  background: url(../IMG/SolutionOther/sectionbg.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
.industry {
  padding: 0.8rem 0 0.5rem;
}
.industry-main > div {
  position: relative;
}
.industry-main > div:nth-of-type(2) {
  margin-top: 0.7rem;
}
.industry-item.ab-item {
  position: absolute;
}
.industry-item-01 {
  width: 16%;
  height: 0.85rem;
  right: 7%;
  top: 21%;
  background: #cad2ff;
  border-radius: 0.14rem;
  transform: translate(-200%, 200%) scale(0);
}
.industry-item-02 {
  width: 35.7%;
  margin-left: calc(21.4% + 0.3rem);
  transform: translate(25%, 50%) scale(0);
}
.industry-item-03 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 27.3%;
  margin-left: calc(21.4% + 0.3rem + 19.2% + 0.3rem);
  min-height: 2.8rem;
  padding: 0.35rem 0.4rem;
  font-size: 0.14rem;
  text-align: center;
  line-height: 0.24rem;
  color: #fff;
  background: linear-gradient(0deg, #e1afcc 0%, #7530e3 100%);
  border-radius: 0.14rem;
  transform: translate(-30%, -70%) scale(0);
}
.industry-item-03 img {
  width: 1.08rem;
  margin-top: 0.1rem;
}
.industry-item-04 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 21.4%;
  bottom: -0.6rem;
  left: 0;
  padding: 0.2rem 0.3rem;
  min-height: 2rem;
  background: linear-gradient(45deg, #77d6ff 0%, #5074ff 100%);
  border-radius: 0.14rem;
  font-size: 0.14rem;
  text-align: center;
  line-height: 0.24rem;
  color: #fff;
  transform: translate(180%, 20%) scale(0);
}
.industry-item-04 img {
  width: 0.5rem;
  margin-bottom: 0.05rem;
}
.industry-item-04 p:first-of-type {
  font-weight: bold;
  letter-spacing: 0.01rem;
  font-size: 0.2rem;
}
.industry-item-05 {
  width: 25.1%;
  bottom: -0.2rem;
  left: calc(21.4% + 35.7% + 0.3rem + 0.3rem);
  transform: translate(-100%, 35%) scale(0);
}
.industry-item-06 {
  width: 19.2%;
  left: calc(21.4% + 0.3rem);
  top: -0.4rem;
  transform: translate(100%, -60%) scale(0);
}
.industry-item-07 {
  width: calc(100% - 21.4% - 0.3rem - 19.2% - 0.3rem - 27.3% - 0.3rem);
  right: 0%;
  top: -0.2rem;
  transform: translate(-150%, -70%) scale(0);
}
.industry-item-08 {
  width: 17%;
  height: 1rem;
  left: 13.4%;
  top: 50%;
  background: #e0e8ff;
  border-radius: 0.14rem;
  transform: translate(150%, -190%) scale(0);
}
.industry-item-02 img,
.industry-item-05 img,
.industry-item-06 img,
.industry-item-07 img {
  width: 100%;
}
.industry-item {
  transition: all 0.7s ease-out;
  opacity: 0;
}
.industry-item.visible {
  opacity: 1;
  transform: none;
}
.future {
  padding: 0.3rem 0 1rem;
}
.feature-inner {
  padding: 0.5rem 0;
  text-align: center;
  font-weight: bold;
  font-size: 0.15rem;
  color: #111;
  line-height: 0.3rem;
  background: url(../IMG/SolutionOther/bg02.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
}

/* resource界面 */
.bannerGif {
  position: absolute;
  right: -6%;
  top: calc(50% - 2.8rem);
}
.bannerGif img {
  width: 7.5rem;
  /*animation: rotateGif 2s linear infinite;*/
}
/* resource - video */
.video {
  margin-top: -0.5rem;
  padding-bottom: 1rem;
}
.video-inner {
  display: flex;
}
.video-item {
  width: 13.57%;
  margin-right: 0.2rem;
  background-color: rgba(255, 255, 255, 1);
  border-radius: 0.15rem;
  border: 2px solid rgba(255, 255, 255, 1);
  text-align: center;
  position: relative;
}
.video-item.active {
  width: calc(100% - 13.57% - 13.57% - 0.4rem);
  box-shadow: 0 0 0.15rem 0 rgba(1, 33, 105, 0.2);
}
.video-show video {
  position: absolute;
  z-index: 10;
  width: calc(100% - 0.3rem);
  /* height: calc(100% - 0.3rem); */
  border-radius: 0.22rem;
  opacity: 1;
  left: 0.15rem;
  top: 50%;
  transform: translateY(-50%);
  box-shadow: 0 0.05rem 0.2rem 0 rgba(1, 33, 105, 0.5);
}
.video-show-inner {
  width: 100%;
  height: 100%;
  position: relative;
  padding: 0.15rem;
}
.video-show-inner img {
  width: 100%;
  height: 100%;
  box-shadow: 0 0.05rem 0.2rem 0 rgba(156, 194, 255, 0.5);
  border-radius: 0.2rem;
  cursor: pointer;
}
.video-show-inner span {
  cursor: pointer;
}
.video-show-inner span:nth-of-type(1) {
  position: absolute;
  line-height: 0.3rem;
  font-size: 0.3rem;
  font-weight: bold;
  color: #351a6f;
  left: 50%;
  top: calc(50% - 0.5rem);
  letter-spacing: 0.01rem;
  transform: translateX(-50%);
}
.video-show-inner span:nth-of-type(2) {
  position: absolute;
  color: #c755b8;
  display: inline-block;
  height: 0.28rem;
  padding: 0 0.07rem;
  background-color: #fff;
  border-radius: 0.05rem;
  top: calc(50%);
  font-size: 0.14rem;
  font-weight: bold;
  line-height: 0.28rem;
  left: 50%;
  transform: translateX(-50%);
}
.video-item .video-show {
  /*transform: translateX(-100%);*/
  height: 100%;
  width: 100%;
  position: absolute;
  display: none;
}
.video-item.active .video-show {
  display: inline-block;
  /*transform: none;*/
  position: static;
}
.video-item.active .video-hide {
  display: none;
  /*transform: translateX(-100%);*/
}
.video-hide {
  position: relative;
  width: 100%;
  height: 100%;
  cursor: pointer;
  /*clear: both;*/
}
.video-hide p:nth-of-type(1) {
  height: 100%;
  width: 100%;
  border-radius: 0.22rem;
  background: url(../IMG/Resource/hideVideo.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
.video-hide p:nth-of-type(1) img {
  border-radius: 0.22rem;
  opacity: 0;
  /*position: ;*/
}
.video-hide p:nth-of-type(2) {
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: 0.22rem;
  top: 0;
  left: 0;
  background: linear-gradient(
    180deg,
    rgba(218, 227, 244, 0.1) 10%,
    rgba(33, 52, 88, 0.4) 50%,
    rgba(33, 52, 88, 1) 100%
  );
}
.video-hide p span:nth-of-type(1) {
  position: absolute;
  color: #c755b8;
  display: inline-block;
  height: 0.28rem;
  padding: 0 0.07rem;
  background-color: #fff;
  border-radius: 0.05rem;
  top: calc(20%);
  font-size: 0.14rem;
  font-weight: bold;
  line-height: 0.28rem;
  left: 50%;
  transform: translateX(-50%);
}
.video-hide p span:nth-of-type(2) {
  position: absolute;
  line-height: 0.18rem;
  font-size: 0.15rem;
  font-weight: bold;
  color: #351a6f;
  left: 50%;
  top: calc(20% + 0.45rem);
  transform: translateX(-50%);
}
.video-hide p:nth-of-type(2) img {
  position: absolute;
  width: 0.9rem;
  bottom: 0.36rem;
  left: 50%;
  transform: translateX(-50%);
}
.video-show-inner.hideForPlay {
  display: none;
}

.scroll_video:nth-of-type(1) {
  transition: width 0.3s ease-in-out, transform 0.3s ease-in-out 0.35s,
    opacity 0.3s ease-in-out 0.35s;
}
.scroll_video:nth-of-type(2) {
  transition: width 0.3s ease-in-out, transform 0.3s ease-in-out 0.5s,
    opacity 0.3s ease-in-out 0.5s;
}
.scroll_video:nth-of-type(3) {
  transition: width 0.3s ease-in-out, transform 0.3s ease-in-out 0.65s,
    opacity 0.3s ease-in-out 0.65s;
}
.scroll_video {
  opacity: 0;
  transform: scale(1.1);
  transition: all 0.3s ease-in-out;
}
.scroll_video.visible {
  opacity: 1;
  transform: scale(1);
}

/* resource - file */
.file {
  background-color: #4b9fc4;
  background-image: url(../IMG/Resource/QAicon.png);
  background-repeat: no-repeat;
  background-size: auto 100%;
  background-position: center right;
  padding: 0.5rem 0;
}
.file-inner {
  display: flex;
}
.file-inner p {
  width: 35%;
  margin-left: 0.25rem;
  display: flex;
  height: 0.7rem;
  background: #fff;
  align-items: center;
  border-radius: 0.12rem;
  padding: 0 0.4rem 0 0.2rem;
  position: relative;
  color: #666;
  font-size: 0.15rem;
  line-height: 0.15rem;
}
.file-inner p:first-of-type {
  margin-left: 0;
}
.file-inner p img:nth-of-type(1) {
  height: 0.3rem;
  width: auto;
  margin-right: 0.08rem;
}
.file-inner p img:nth-of-type(2) {
  height: 0.16rem;
  width: auto;
  position: absolute;
  right: 0.2rem;
}
.file-inner-item {
  opacity: 0;
  transform: translateX(-150%);
  transition: all 0.7s ease-out;
}
.file-inner-item.visible {
  opacity: 1;
  transform: none;
}

.faq {
  padding: 1rem 0;
}
.faq .container > div {
  background-color: #dae3f4;
  border-radius: 0.2rem;
  background-image: url(../IMG/Resource/qabg.png);
  background-repeat: no-repeat;
  background-size: 100% 1.8rem;
  background-position: top center;
  padding: 0.45rem 0.35rem 0.15rem;
}
.faq-title {
  font-family: Source Han Sans SC;
  font-size: 0.68rem;
  color: #fff;
  line-height: 0.7rem;
  margin-bottom: 0.3rem;
}
.faq-item {
  background: #fff;
  border-radius: 0.1rem;
  padding: 0.3rem;
  margin-bottom: 0.2rem;
}
.faq-item-title {
  font-family: Source Han Sans SC;
  font-weight: bold;
  font-size: 0.15rem;
  color: #111111;
  height: 0.18rem;
  line-height: 0.18rem;
  padding-left: 0.2rem;
  position: relative;
}
.faq-item-title:before {
  content: "";
  width: 0.15rem;
  height: 0.15rem;
  position: absolute;
  left: 0;
  top: 0.01rem;
  background: url(../IMG/Resource/qusition.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
.faq-item-answer {
  font-family: Source Han Sans SC;
  font-size: 0.14rem;
  color: #666;
  line-height: 0.18rem;
  padding-left: 0.2rem;
  position: relative;
  margin-top: 0.08rem;
  padding-right: 32%;
  width: calc(100% - 0.3rem);
  height: 0.18rem;
  overflow: hidden;
  transition: height 0.3s ease-out;
}
.faq-item-answer:before {
  content: "";
  width: 0.15rem;
  height: 0.15rem;
  position: absolute;
  left: 0;
  top: 0.02rem;
  background: url(../IMG/Resource/answer.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
.faq-item-toggle {
  width: 0.24rem;
  height: 0.24rem;
  position: absolute;
  right: 0;
  bottom: -0.3rem;
  border-radius: 50%;
  background-color: #eee;
  background-image: url(../IMG/Resource/toogle.svg);
  background-repeat: no-repeat;
  background-size: 50%;
  background-position: center;
  cursor: pointer;
  transition: transform 0.3s ease-out;
}
.faq-item-time {
  display: inline-block;
  height: 0.26rem;
  width: auto;
  margin-left: 0.2rem;
  margin-top: 0.08rem;
  background: #f6f7f9;
  border-radius: 0.04rem;
  border: 1px solid #ededee;
  padding: 0 0.1rem;
  font-family: Source Han Sans SC;
  font-size: 0.13rem;
  color: #999;
  line-height: 0.24rem;
}
.onToggle .faq-item-answer {
  height: 0.84rem;
}
.onToggle .faq-item-toggle {
  transform: rotate(180deg);
}

#pinContainer {
  width: 100%;
  height: 100%;
  overflow: hidden;
  -webkit-perspective: 1000;
  perspective: 1000;
}
#slideContainer {
  width: 400%; /* to contain 4 panels, each with 100% of window width */
  height: 300px;
}
.panel {
  width: 25%; /* relative to parent -> 25% of 400% = 100% of window width */
  height: 300px;
  float: left;
}

@media screen and (max-width: 624px) {
  .solution-module .carousel-indicators li,
  .solution-module .carousel-indicators li.active {
    padding: 0 0.08rem;
    margin-left: 0.12rem;
    width: calc(100% / 8) !important;
    height: 0.6rem;
  }
  .solution-module .carousel-indicators li p span {
    font-size: 0.1rem;
  }
  .solution-module .carousel-inner div.item {
    height: 3.42rem;
  }
  .solution-module .item-inner {
    margin-top: 0;
  }
  .function-module .carousel-slide-wrap {
    display: none;
  }
  .function-module .carousel-indicators {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    align-items: center;
  }
  .t-well .t-well-item {
    width: 100%;
    margin-bottom: 0.1rem;
  }

  .integration0705 .i-inner {
    display: flex;
    flex-wrap: wrap;
  }

  .integration0705 .i-item {
    position: relative;
    right: 0%;
    left: 0% !important;
    margin-bottom: 0.14rem;
  }
  .scroll_integration0705 {
    display: none;
  }
}

@media screen and (max-width: 992px) {
  .price-inner .item {
    width: calc((100% - 0.76rem * 2) / 2);
  }
  .price-inner .item:nth-child(2n + 1) {
    margin-left: 60px;
  }
  .screen-role-img.visible {
    width: 1.4rem !important;
  }
  .screen2-item .screen2-item-desc01 {
    font-size: 0.18rem;
  }
  .screen2-item > div {
    top: 0.3rem;
    left: 0.2rem;
  }
}

@media screen and (max-width: 1520px) {
  .bannerGif {
    top: calc(50% - 1.8rem);
  }
}
@media screen and (max-width: 1255px) {
  .bannerGif img {
    width: 5.5rem;
  }
  .function-module .carousel-inner-1 p.img span {
    display: none;
  }
}

@media screen and (max-width: 600px) {
  .doWhat-item:nth-of-type(2) {
    left: 0%;
    top: 20%;
  }
  .screen-role-img.visible:nth-of-type(3),
  .screen-role-img.visible:nth-of-type(7),
  .screen-role-img.visible:nth-of-type(6),
  .screen-role-img.visible:nth-of-type(2) {
    display: none;
  }
  .screen-role-img.visible:nth-of-type(8) {
    right: 6%;
  }
  .screen-qa-a .screen-qa-a-adv1:nth-of-type(1) {
    width: 39%;
    right: 63%;
  }
  .screen-qa-a .screen-qa-a-adv1:nth-of-type(2) {
    top: -14%;
    width: 38%;
  }
  .screen-qa-a .screen-qa-a-adv:nth-of-type(1) {
    width: 38%;
  }
  .screen-qa-a .screen-qa-a-adv:nth-of-type(3) {
    top: 5%;
    width: 38%;
  }
  .screen-qa-a .screen-qa-a-title {
    font-size: 0.12rem;
  }
  .screen-qa-a .screen-qa-a-adv:nth-of-type(2) {
    display: none;
  }
  .price-inner .item {
    width: calc((100%));
    margin-top: 0.4rem;
    min-height: 5.8rem;
    margin-right: 0.3rem;
  }
  .price-inner {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
  }
  .challenge-item-inner p:nth-of-type(2) {
    /* height: auto; */
  }
  .challenge-item-inner p:nth-of-type(1) {
    font-size: 0.1rem;
  }
  .adv-main-item-words p:nth-child(2) {
    display: none;
  }
  .case-title p:nth-of-type(2) {
    display: none;
  }
  .case-title p span {
    display: none;
  }
  .case-imgs-item-01,
  .case-imgs-item-02,
  .case-imgs-item-03,
  .case-imgs-item-04,
  .case-imgs-item-05,
  .case-imgs-item-06 {
    display: none;
  }
  .case-imgs-adv {
    display: none;
  }
  .case-imgs-word {
    /* display: none; */
  }
  .adv-slide-ol > p {
    flex-wrap: wrap;
    justify-content: space-evenly;
  }
  .adv-main-item img {
    height: 4.8rem;
  }
  .adv-main-item-inner ul {
    display: none;
  }
  .industry-item-04 {
    display: none;
  }
  .industry-item-03 {
    margin-left: 0.2rem;
    width: 100%;
  }
  .video-inner {
    display: none;
  }
  .file-inner p:first-of-type span {
    font-size: 0.3rem !important;
  }
  .faq-item-answer {
    height: 1.6rem;
    margin-top: 0.36rem;
    margin-bottom: 0.2rem;
    padding: 0 0.06rem;
    padding-left: 0.3rem;
  }
  .faq-item-toggle {
    display: none;
  }
  .bannerGif img {
    position: relative;
    right: -0.9rem;
    top: 1.6rem;
  }
  .chatx-adv-item {
    width: 100%;
  }
  .chatX .fistBanner .bannerInner .container > div {
    top: 69%;
  }
  .screen2 {
    display: none;
  }
  .screen-qa-a .screen-qa-a-adv1:nth-of-type(3) {
    display: none;
  }
  .feature-detail-item.active {
    width: 100%;
  }
  .feature-detail-item {
    margin: 0 auto;
    width: 3.3rem !important;
    margin-bottom: 0.18rem;
  }
  .chatX .banner-module .bannerMain .top-title {
    font-size: 0.42rem;
  }
  .chatX .banner-module .bannerMain i {
    font-size: 0.42rem;
  }
  .feature-detail-item:last-child {
    margin-right: auto !important;
  }
  .feature-detail-wrap {
    display: flex;
    flex-wrap: wrap;
  }
  .feature-detail-item:last-child {
    width: 3.96rem;
  }
  .doWhat-item:nth-of-type(5) {
    top: 4%;
  }
  .doWhat-item:nth-of-type(3) {
    display: none;
  }
  .doWhat-item:nth-of-type(4) {
    left: 40%;
  }
  .feature-imgs {
    display: none;
  }
  .feature-words {
    width: 100%;
  }
  .agent-adv-img.visible {
    display: none;
  }
  .agent-adv-inner p {
    width: 90%;
    margin: 0 auto;
    padding-top: 0.3rem;
    top: -0.06rem;
  }
  .knowledge-adv-item {
    width: calc((100% - (0.2rem * 2)) / 2);
  }
  .knowledge-adv-wrap {
    padding: 0 0.2rem 0 0.4rem;
  }
  .copilot .banner-module .bannerMain .top-title {
    font-size: 0.42rem;
  }
  .copilot .banner-module .bannerMain i {
    font-size: 0.42rem;
  }
  .feature-detail-item.active .feature-detail-item-bImg {
    display: none;
  }
  .Solution .copilot .banner-module .bannerMain {
    font-size: 0.32rem;
  }
  .Solution .copilot .banner-module .bannerMain i {
    font-size: 0.32rem;
  }
  .adv-main-item-01 .adv-main-item-inner {
    padding: 0.08rem;
  }
  .case-title {
    display: none;
  }
  .case-imgs {
    width: 100%;
  }
  .copilot .module-title-desc {
    font-size: 0.11rem;
  }
  .integration0705 .i-wrap {
    margin-left: 0.8rem;
  }
}

@media screen and (max-width: 1650px) {
  .screen2-item .screen2-item-desc01 {
    font-size: 0.2rem;
  }
  .screen2-item > div p {
    font-size: 0.15rem;
  }
}
@media screen and (max-width: 1435px) {
  .screen2-item .screen2-item-desc01 {
    font-size: 0.17rem;
  }
  .screen2-item > div p {
    font-size: 0.12rem;
  }
  .screen2-item > div {
    top: 0.6rem;
  }
}
@media screen and (max-width: 991px) {
  .screen2-item > div {
    top: 0.3rem;
    left: 0.2rem;
  }
}

@media screen and (max-width: 600px) {
  .banner-module .bannerMain .top-title {
    font-size: 0.32rem;
  }
  .banner-module .bannerMain {
    font-size: 0.2rem;
  }
  .bannerServiceBtn.bannerServiceBtn1.sp,
  .bannerServiceBtn.bannerServiceBtn2.sp {
    margin-top: 1.8rem;
    font-size: 0.12rem;
    height: 0.34rem;
    line-height: 0.34rem;
  }
  .banner-module .container > div.bottom {
    left: 0;
    padding-bottom: 0;
    top: 1.3rem;
    height: 2.6rem;
  }
  .solution-module {
    padding-top: 0;
  }
  .module-title {
    font-size: 0.18rem;
    line-height: 0.24rem;
    margin-bottom: 0.1rem;
  }
  .module-title-desc {
    /* padding: 0 0.6rem; */
    font-size: 0.14rem;
  }
  .solution-module .item .function-name {
    font-size: 0.2rem;
  }
  .solution-module .function-subname {
    font-size: 0.14rem;
  }
  .solution-module .carousel-inner div.item {
    height: 2.6rem;
  }
  .solution-module hr {
    margin-top: 0.02rem;
    margin-bottom: 0.03rem;
  }
  .solution-module ul {
    font-size: 0.12rem;
    margin-top: 0.06rem;
  }
  .solution-module .item-inner > div {
    padding-bottom: 0.09rem;
  }
  .function-module .carousel-indicators li {
    width: 86%;
  }
  .function-module .carousel-indicators li p img {
    height: 0.4rem;
  }
  .t-well .t-well-item:nth-child(1),
  .t-well .t-well-item:nth-child(2),
  .t-well .t-well-item:nth-child(3),
  .t-well .t-well-item:nth-child(4),
  .t-well .t-well-item:nth-child(5),
  .t-well .t-well-item:nth-child(6) {
    background-image: none;
  }
  .t-well .t-well-item .opposite div {
    border-radius: 20px;
    height: 100%;
  }
  .t-well .t-well-item {
    height: 2.8rem;
  }
  .t-well .t-well-item {
    margin-bottom: 0;
  }
  .sp-title {
    font-size: 0.21rem;
  }
  .integration0705 .i-item.l span {
    font-size: 0.13rem;
  }
  .integration0705 .i-item.r span {
    font-size: 0.13rem;
  }
  .integration0705 .i-wrap {
    display: none;
  }
  .sp-desc {
    line-height: 0.32rem;
    font-size: 0.16rem;
    padding: 0 0.4rem;
  }
  .copilot .banner-module .bannerMain i,
  .copilot .banner-module .bannerMain .top-title {
    font-size: 0.24rem !important;
  }
  .copilot .banner-module .bannerMain {
    font-size: 0.18rem;
  }
  .copilot .fistBanner .bannerInner .container > div {
    top: 42%;
  }
  .copilot .banner-module .bannerMain {
    margin-top: 0;
  }
  .feature-words-inner p:nth-child(1) {
    font-size: 0.2rem;
  }
  .feature-detail-item.active .feature-detail-item-default {
    margin-top: 0.1rem;
  }
  .feature-words-inner p:nth-child(2) {
    font-size: 0.16rem;
    margin-bottom: 0.07rem;
  }
  .feature-words-inner ul li {
    font-size: 0.11rem;
  }
  .feature-item {
    padding-bottom: 0;
  }
  .bannerGif img {
    top: 0.46rem;
  }
  .faq-title {
    font-size: 0.5rem;
  }
  .faq .container > div {
    background-size: 100% 1rem;
    padding-top: 0.1rem;
  }
  .banner-module > img.sp-image {
    height: 2.2rem;
  }
  .chatX .banner-module .bannerMain i,
  .chatX .banner-module .bannerMain .top-title {
    font-size: 0.28rem;
  }
  .chatX .fistBanner .bannerInner .container > div {
    top: 91%;
  }
  .chatX .module-title-desc {
    font-size: 0.12rem;
  }
  .chatX .banner-module .bannerMain {
    margin-top: 0;
    font-size: 0.22rem;
  }
  .screen-qa1 {
    padding-top: 0;
    padding-bottom: 0rem;
  }
  .screen-qa-words {
    height: 2.8rem;
    margin-top: 0;
  }
  .screen-qa1 > div:nth-child(2) {
    margin-top: 0.18rem;
  }
  .screen-qa-q p:nth-child(1) {
    font-size: 0.22rem;
  }
  .screen-qa-q p:nth-child(2) {
    font-size: 0.14rem;
    margin-bottom: 0.1rem;
  }
  .screen-qa-q p:nth-child(3) {
    font-size: 0.12rem;
  }
  .screen-qa-a > img {
    visibility: hidden;
  }
  .screen-qa-imgs {
    display: none;
  }
  .screen-role-img.visible {
    display: none;
  }
  .screen-role-center {
    width: 1.2rem;
    height: 1.2rem;
  }
  .screen-role .container {
    padding: 0.2rem 0;
    padding-top: 0.4rem;
  }
  .screen-role-inner p {
    width: 80%;
    margin-left: 10%;
  }
  .faq-item {
    padding: 0.3rem;
    padding-top: 0.28rem;
    padding-bottom: 0.18rem;
  }
  .faq-item-answer {
    width: 100%;
    height: auto;
  }
  .price-module .module-title {
    font-size: 0.2rem;
  }
  .feature-words-inner p:nth-child(2) {
    font-size: 0.14rem;
  }
  .doWhat-item-default {
    height: 0.3rem;
    font-size: 0.12rem;
  }
  .doWhat {
    padding-bottom: 0;
  }
  .copilot .module-title-desc {
    width: 60%;
  }
  .agent-adv-center {
    width: 1.2rem;
    height: 1.2rem;
  }
  .agent-adv-inner {
    padding-top: 0.2rem;
  }
  .agent-adv-inner p {
    width: 100%;
  }
  .knowledge-adv-item-inner {
    font-size: 0.12rem;
    height: 0.56rem;
    line-height: 0.42rem;
  }
  .knowledge-adv-item:nth-child(2n + 1) {
    margin-right: 0.1rem;
  }
  .sp-top .sp-sp-im {
    height: 2.2rem;
  }
  .sp-top .fistBanner .bannerInner .container > div {
    top: 10%;
  }
  .Solution .sp-top .banner-module .bannerMain {
    font-size: 0.24rem;
  }
  .challenge {
    padding-bottom: 0.2rem;
  }
  .challenge-imgs {
    display: none;
  }
  .challenge-inner {
    width: 100%;
  }
  .challenge-item-inner p:nth-of-type(1) {
    font-size: 0.14rem;
  }
  .challenge-item-inner.active p:nth-of-type(2).challenge-item-p-02 {
    height: 2rem;
  }
  .challenge-item-inner.active p:nth-of-type(2) {
    height: 1.5rem;
  }
  .case-imgs {
    font-size: 0.14rem;
  }
  .banner-module > img.sp-sp-img {
    height: 2.2rem;
  }
  .Solution_Other .copilot .fistBanner .bannerInner .container > div {
    top: 12%;
  }
  .Solution_Other .copilot .banner-module .bannerMain {
    font-size: 0.22rem;
  }
  .Solution_Other .feature-inner {
    font-size: 0.13rem;
  }
  .adv-slide-ol span {
    padding: 0 0.9rem;
  }
  .with4Words .case-imgs-word:nth-of-type(2n + 1) {
    font-size: 0.12rem;
    line-height: 0.14rem;
  }
  .case-imgs-word img {
    width: 0.18rem;
  }
  .with4Words .case-imgs-word:nth-of-type(2n) {
    font-size: 0.12rem;
    line-height: 0.14rem;
  }
  .case-imgs-word span {
    font-size: 0.12rem;
    line-height: 0.14rem;
  }
  .case-imgs-word span:last-of-type {
    right: 0;
  }
  .case-imgs-word span:last-of-type {
    display: none;
  }
  .with3Words .case-imgs-word {
    width: 50%;
  }
  .with3Words .case-imgs-word:nth-of-type(2) {
    width: 50%;
    display: none;
  }
  .adv-main-item {
    height: 3rem;
    border-radius: 20px;
  }
  .adv-main-item-words {
    width: 100%;
    height: 3rem;
  }
  .adv-main-item-words p:nth-child(2) {
    display: inline-block;
  }
  .adv-main-item-inner ul {
    display: inline-block;
  }
  .adv-main-item img {
    visibility: hidden;
    height: 3rem;
  }
  .adv-main-item-01 .adv-main-item-inner {
    padding: 0.3rem;
  }
}