/*小屏展示*/
@media (max-width: 1591px) {
  .ai-intro .container {
    padding-top: 160px !important;
  }
}
@media (max-width: 1000px) {
  .ai-intro .container {
    padding-top: 60px !important;
  }
  .ai-intro .container .top-banner {
    background: url("../images/pages/ai/top-banner-mini.png") no-repeat !important;
    background-size: 100% 100% !important;
  }
  .top-banner::after {
    content: "" !important;
    display: block !important;
    /*这里的padding =  height / width*/
    padding-bottom: 83.33% !important;
  }
  .ai-intro .container .top-banner .top-banner-inner {
    left: 4% !important;
    transform: translate(0%, -50%) !important;
  }
  .ai-intro .content-inner {
    width: 100% !important;
    padding: 0 30px !important;
  }

  .ai-intro .intro-top {
    display: block !important;
  }

  .ai-intro .intro .intro-top .intro-top-left {
    width: 100% !important;
    /*height: 200px !important;*/
    border-top-left-radius: 12px !important;
    border-top-right-radius: 12px !important;
    border-bottom-left-radius: 0 !important;
    background: url("../images/pages/ai/ai-intro-big-mobile.svg") no-repeat !important;
    background-size: 100% 100% !important;
  }
  .ai-intro .intro .intro-top .intro-top-left::after {
    content: "" !important;
    display: block !important;
    /*这里的padding =  height / width*/
    /*padding-bottom: 56.25% !important;*/
    padding-bottom: 37.11% !important;
  }

  .ai-intro .intro .intro-top .intro-top-right {
    /*padding-top: 0 !important;*/
    border-top-right-radius: 0 !important;
    border-bottom-left-radius: 12px !important;
    padding-bottom: 30px !important;
  }

  .nav-inner {
    padding-left: 30px !important;
  }
  .nav-inner div {
    font-size: 12px !important;
  }

  .ai-intro .intro .intro-bottom {
    display: block !important;
  }
  .ai-intro .intro .intro-bottom .item {
    width: 100% !important;
    height: 200px !important;
    border-top-right-radius: 12px !important;
  }
  .ai-intro .intro .intro-bottom .item img {
    bottom: 4px !important;
  }
  .ai-intro .core {
    /*padding-top: 0 !important;*/
  }
  .ai-intro .core .core-inner {
    width: 100vw !important;
    height: 933px !important;
    background: url("../images/pages/ai/core values mobile.svg") no-repeat !important;
    background-size: 100% 100% !important;
  }
  .ai-intro .choose-inner {
    width: 100vw !important;
    height: 587px !important;
    background: url("../images/pages/ai/ai-why-choose-mobile.svg") !important;
    background-size: 100% 100% !important;
  }
  /*.ai-intro .choose-inner::after {*/
  /*  content: "";*/
  /*  display: block;*/
  /*  !*这里的padding =  height / width*!*/
  /*  padding-bottom: 36.37%;*/
  /*}*/
  .ai-intro .agent {
    /*background-size: 100% 100%;*/
    /*background: url("../images/pages/ai/agent-bg.png") no-repeat;*/
    /*background-position: center center !important;*/
  }
  .ai-intro .agent .agent-intro {
    width: 540px !important;
    margin: 0 auto !important;
  }
  .ai-intro .agent .desc {
    max-width: 370px !important;
    margin: 0 auto !important;
    margin-top: 12px !important;
  }
  .ai-intro .agent .agent-intro .left .active {
    box-shadow: 4px 6px 13.3px 0px rgba(0, 0, 0, 0.05) !important;
  }
  .ai-intro .agent .agent-intro .left {
    width: 62px !important;
  }
  .ai-intro .agent .agent-intro .left .item {
    height: auto !important;
    padding-right: 12px !important;
  }
  .ai-intro .agent .agent-intro .left .item .item-right {
    display: none !important;
  }

  .ai-intro .agent .agent-intro .right {
    flex: none !important;
  }
  .ai-intro .agent .agent-intro .right .active {
    width: 466px !important;
    height: 735px !important;
    display: inline-block;
    box-shadow: 7px 12px 53.2px 0px rgba(0, 0, 0, 0.05);
  }

  #agentIntroContent1 {
    /*width: 100%;*/
    background: url("../images/pages/ai/agent-content1-mobile.svg") no-repeat !important;
    background-size: 100% 100% !important;
  }
  #agentIntroContent2 {
    /*width: 100%;*/
    background: url("../images/pages/ai/agent-content2-mobile.svg") no-repeat !important;
    background-size: 100% 100% !important;
  }
  #agentIntroContent3 {
    /*width: 100%;*/
    background: url("../images/pages/ai/agent-content3-mobile.svg") no-repeat !important;
    background-size: 100% 100% !important;
  }
  #agentIntroContent4 {
    /*width: 100%;*/
    background: url("../images/pages/ai/agent-content4-mobile.svg") no-repeat !important;
    background-size: 100% 100% !important;
  }
  #agentIntroContent5 {
    /*width: 100%;*/
    background: url("../images/pages/ai/agent-content5-mobile.svg") no-repeat !important;
    background-size: 100% 100% !important;
  }
  #agentIntroContent6 {
    /*width: 100%;*/
    background: url("../images/pages/ai/agent-content6-mobile.svg") no-repeat !important;
    background-size: 100% 100% !important;
  }
  #agentIntroContent7 {
    /*width: 100%;*/
    background: url("../images/pages/ai/agent-content7-mobile.svg") no-repeat !important;
    background-size: 100% 100% !important;
  }

  /*.ai-intro .bottom {*/
  /*  width: 100% !important;*/
  /*  !*height: 88px;*!*/
  /*  margin-bottom: 0;*/
  /*  padding-bottom: 0;*/
  /*  cursor: pointer;*/
  /*  background: url("../images/pages/ai/ai-bottom-mobile.svg") no-repeat !important;*/
  /*  background-size: 100% 100% !important;*/
  /*}*/
  /*.ai-intro .bottom::after {*/
  /*  content: "" !important;*/
  /*  display: block !important;*/
  /*  !*这里的padding =  height / width*!*/
  /*  !*padding-bottom: 27.4% !important;*!*/
  /*  padding-bottom: 32.8% !important;*/
  /*}*/
}
@media (max-width: 900px) {
  .ai-intro .bottom {
    width: 100% !important;
    /*height: 88px;*/
    margin-bottom: 0;
    padding-bottom: 0;
    cursor: pointer;
    background: url("../images/pages/ai/ai-bottom-mobile.svg") no-repeat !important;
    background-size: 100% 100% !important;
  }
  .ai-intro .bottom::after {
    content: "" !important;
    display: block !important;
    /*这里的padding =  height / width*/
    /*padding-bottom: 27.4% !important;*/
    padding-bottom: 32.8% !important;
  }
  .bottom-footer {
    margin-bottom: 32.7% !important;
  }
}
@media (max-width: 590px) {
  .ai-intro .container .top-banner .top-banner-inner {
    width: auto !important;
  }
  .ai-intro .agent .content-inner {
    padding: 12px !important;
  }
  #agentIntroContent1 {
    /*width: 100%;*/
    background: url("../images/pages/ai/agent-content1-mobile-mini.svg")
      no-repeat !important;
    background-size: 100% 100% !important;
  }
  #agentIntroContent2 {
    /*width: 100%;*/
    background: url("../images/pages/ai/agent-content2-mobile-mini.svg")
      no-repeat !important;
    background-size: 100% 100% !important;
  }
  #agentIntroContent3 {
    /*width: 100%;*/
    background: url("../images/pages/ai/agent-content3-mobile-mini.svg")
      no-repeat !important;
    background-size: 100% 100% !important;
  }
  #agentIntroContent4 {
    /*width: 100%;*/
    background: url("../images/pages/ai/agent-content4-mobile-mini.svg")
      no-repeat !important;
    background-size: 100% 100% !important;
  }
  #agentIntroContent5 {
    /*width: 100%;*/
    background: url("../images/pages/ai/agent-content5-mobile-mini.svg")
      no-repeat !important;
    background-size: 100% 100% !important;
  }
  #agentIntroContent6 {
    /*width: 100%;*/
    background: url("../images/pages/ai/agent-content6-mobile-mini.svg")
      no-repeat !important;
    background-size: 100% 100% !important;
  }
  #agentIntroContent7 {
    /*width: 100%;*/
    background: url("../images/pages/ai/agent-content7-mobile-mini.svg")
      no-repeat !important;
    background-size: 100% 100% !important;
  }
}
@media (max-width: 500px) {
  .ai-intro .core {
    padding: 0 !important;
  }
  .ai-intro .core .core-inner {
    height: 788px !important;
    padding: 0 !important;
    margin: 0 10px !important;
    margin-top: 20px !important;
  }
  .ai-intro .content-box {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .ai-intro .intro .content-inner {
    margin-top: 50px !important;
    margin-bottom: 50px !important;
  }
  .ai-intro .agent {
    padding-top: 50px !important;
    padding-bottom: 50px !important;
  }
  .ai-intro .choose-inner {
    padding: 0 !important;
    margin: 0 10px !important;
    margin-bottom: 50px !important;
    height: 517px !important;
    margin-top: 20px !important;
  }
  .ai-intro .agent .agent-intro {
    justify-content: flex-start !important;
  }
  .ai-intro .agent .agent-intro .right .agent-intro-content {
    width: 377px !important;
  }
  #agentIntroContent1 {
    /*width: 100%;*/
    background: url("../images/pages/ai/agent-content1-mobile-mini2.svg")
      no-repeat !important;
    background-size: 100% 100% !important;
  }
  #agentIntroContent2 {
    /*width: 100%;*/
    background: url("../images/pages/ai/agent-content2-mobile-mini2.svg")
      no-repeat !important;
    background-size: 100% 100% !important;
  }
  #agentIntroContent3 {
    /*width: 100%;*/
    background: url("../images/pages/ai/agent-content3-mobile-mini2.svg")
      no-repeat !important;
    background-size: 100% 100% !important;
  }
  #agentIntroContent4 {
    /*width: 100%;*/
    background: url("../images/pages/ai/agent-content4-mobile-mini2.svg")
      no-repeat !important;
    background-size: 100% 100% !important;
  }
  #agentIntroContent5 {
    /*width: 100%;*/
    background: url("../images/pages/ai/agent-content5-mobile-mini2.svg")
      no-repeat !important;
    background-size: 100% 100% !important;
  }
  #agentIntroContent6 {
    /*width: 100%;*/
    background: url("../images/pages/ai/agent-content6-mobile-mini2.svg")
      no-repeat !important;
    background-size: 100% 100% !important;
  }
  #agentIntroContent7 {
    /*width: 100%;*/
    background: url("../images/pages/ai/agent-content7-mobile-mini2.svg")
      no-repeat !important;
    background-size: 100% 100% !important;
  }
}
/*PC大屏展示*/
.ai-intro {
  overflow-x: hidden;
}
.ai-intro .container {
  /*height: 500px;*/
  padding-top: 80px;
  /*padding-bottom: 93px;*/
}
.ai-intro .container .top-banner {
  width: 100vw;
  /*height: 500px;*/
  /*min-height: 500px;*/
  background: url("../images/pages/ai/top-banner.png") no-repeat;
  background-size: 100% 100%;
  position: relative;
}

.ai-intro .container .top-banner::after {
  content: "";
  display: block;
  /*这里的padding =  height / width*/
  padding-bottom: 26.04%;
}
.ai-intro .container .top-banner .top-banner-inner {
  width: 1080px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  flex-direction: column;
}
.ai-intro .container .top-banner .top-banner-inner .AI-icon {
  width: 280px;
  height: 48px;
}
.ai-intro .container .top-banner .top-banner-inner .top-banner-title {
  width: 404px;
  margin-top: 16px;
}
.ai-intro .container .top-banner .top-banner-inner .top-banner-desc {
  /*max-width: 512px;*/
  width: 100%;
  text-wrap: wrap;
  padding: 3px 9px;
  font-size: 12px;
  color: #000;
  margin-top: 13px;
  background: linear-gradient(
    90deg,
    rgba(0, 202, 251, 0.6) 0%,
    rgba(0, 201, 251, 0) 58%
  );
}
.ai-intro .container .top-banner .top-banner-inner .top-banner-btn {
  width: 116px;
  height: 38px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 6px;
  background: linear-gradient(90deg, #00a1f8 0%, #321dff 100%);
  color: white;
  font-size: 14px;
  margin-top: 31px;
  cursor: pointer;
}
.ai-intro .container .nav {
  width: 100%;
  height: 50px;
  background: white;
  display: flex;
  justify-content: center;
  align-items: center;
}

.ai-intro .container .nav .nav-inner {
  width: 1080px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  border-bottom: 1px solid #f5f5f5;
  overflow: auto;
  scrollbar-color: transparent transparent; /* 滑块颜色  滚动条背景颜色 */
  scrollbar-width: thin; /* 滚动条宽度有三种：thin、auto、none */
}
.ai-intro .container .nav .nav-inner div {
  height: 50px;
  color: #000;
  font-size: 16px;
  border-bottom: 2px solid transparent;
  margin-right: 40px;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  white-space: nowrap;
}

.ai-intro .container .nav .nav-inner::-webkit-scrollbar {
  display: none;
}

.ai-intro .container .nav .nav-inner div.active {
  color: #079227;
  border-bottom: 2px solid #079227;
}
.ai-intro .content-box {
  width: 100%;
  padding-top: 100px;
  padding-bottom: 56px;
  display: none;
}
.ai-intro .active {
  display: flex;
  justify-content: center;
}

.ai-intro .intro {
  background: #fafdff;
  padding-bottom: 200px;
  /*padding-top: 56px;*/
}
.ai-intro .content-inner {
  width: 1080px;
}
.ai-intro .intro .intro-top {
  display: flex;
  justify-content: space-between;
  margin-bottom: 16px;
}
/*.ai-intro .intro .intro-top .intro-top-left img {*/
/*  width: 704px;*/
/*  border-top-left-radius: 12px;*/
/*  border-bottom-left-radius: 12px;*/
/*}*/
.ai-intro .intro .intro-top .intro-top-left {
  width: 704px;
  border-top-left-radius: 12px;
  border-bottom-left-radius: 12px;
  background: url("../images/pages/ai/ai-intro-big.png") no-repeat;
  background-size: 100% 100%;
}
.ai-intro .intro .intro-top .intro-top-left::after {
  content: "" !important;
  display: block !important;
  /*这里的padding =  height / width*/
  padding-bottom: 55.11%;
}
.ai-intro .intro .intro-top .intro-top-right {
  flex: 1;
  padding: 32px 30px 0;
  background: white;
  border-top-right-radius: 12px;
  border-bottom-right-radius: 12px;
}
.ai-intro .intro .intro-top .intro-top-right .title {
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 12px;
  color: #000;
}
.ai-intro .intro .intro-top .intro-top-right .value {
  font-size: 14px;
  color: rgba(0, 0, 0, 0.6);
}
.ai-intro .intro .intro-bottom {
  display: flex;
  justify-content: space-between;
}
.ai-intro .intro .intro-bottom .item {
  width: 33%;
  height: 200px;
  background: linear-gradient(180deg, #edf4ff 0%, #fbfdff 100%);
  position: relative;
  padding: 24px 20px;
}
.ai-intro .intro .intro-bottom .item:first-child {
  border-top-left-radius: 12px;
  border-bottom-left-radius: 12px;
}
.ai-intro .intro .intro-bottom .item:last-child {
  border-top-right-radius: 12px;
  border-bottom-right-radius: 12px;
}
.ai-intro .intro .intro-bottom .item .title {
  font-size: 20px;
  font-weight: bold;
  color: #000;
}
.ai-intro .intro .intro-bottom .item .desc {
  width: 272px;
  font-size: 14px;
  color: rgba(0, 0, 0, 0.6);
  margin-top: 10px;
}
.ai-intro .intro .intro-bottom .item img {
  width: 140px;
  height: 140px;
  position: absolute;
  right: 10px;
  bottom: -11px;
}
.ai-intro .core {
  /*background: #f2f8ff;*/
  background: url("../images/pages/ai/core-bg.png") no-repeat;
  background-size: 100% 100%;
  /*padding: 30px 0;*/
  /*margin-bottom: 67px;*/
  padding-bottom: 200px;
}
.ai-intro .core .core-inner {
  width: 1020px;
  height: 377px;
  background: url("../images/pages/ai/core values.svg") no-repeat;
  background-size: 100% 100%;
}
.ai-intro .core img {
  width: 1020px;
  height: 377px;
}
.ai-intro .agent {
  background-size: 100% 100%;
  background: url("../images/pages/ai/agent-bg.png") no-repeat;
}
.ai-intro .agent .title {
  font-size: 24px;
  color: #000;
  /*font-weight: bold;*/
  width: 100%;
  text-align: center;
  margin-bottom: 34px;
}
.ai-intro .agent .title span {
  color: #6ec865;
}
.ai-intro .agent .title .desc {
  color: rgba(0, 0, 0, 0.6);
  font-size: 14px;
  margin-top: 12px;
  font-weight: normal;
}
.ai-intro .agent .agent-intro {
  display: flex;
  justify-content: space-between;
}
.ai-intro .agent .agent-intro .left {
  width: 293px;
}
.ai-intro .agent .agent-intro .left .item {
  height: 80px;
  padding: 12px;
  padding-right: 0;
  display: flex;
  justify-content: space-between;
  cursor: pointer;
  border-radius: 12px;
  margin-bottom: 4px;
}
.ai-intro .agent .agent-intro .left .item:last-child {
  margin-bottom: 0;
}

.ai-intro .agent .agent-intro .left .item img {
  width: 44px;
  height: 44px;
}
.ai-intro .agent .agent-intro .left .item .item-right {
  margin-left: 8px;
  flex: 1;
}
.ai-intro .agent .agent-intro .left .item .item-right .title {
  font-size: 18px;
  color: #000;
  margin-bottom: 8px;
  text-align: left;
  font-weight: normal;
}
.ai-intro .agent .agent-intro .left .item .item-right .sub-title img {
  width: 14px;
  height: 17px;
  margin-right: 4px;
}
.ai-intro .agent .agent-intro .left .item .item-right .sub-title span {
  font-size: 14px;
  color: rgba(0, 0, 0, 0.6);
}

.ai-intro .agent .agent-intro .left .active {
  background: #00bb2f;
  * {
    color: white !important;
  }
}
.ai-intro .agent .agent-intro .left .active .item-right .title {
  font-weight: bold;
}
.ai-intro .agent .agent-intro .right {
  flex: 1;
  margin-left: 18px;
}
.ai-intro .agent .agent-intro .right .agent-intro-content {
  display: none;
}

.ai-intro .agent .agent-intro .right .active {
  width: 719px;
  height: 735px;
  display: inline-block;
  box-shadow: 7px 12px 53.2px 0px rgba(0, 0, 0, 0.05);
}

#agentIntroContent1 {
  /*width: 100%;*/
  background: url("../images/pages/ai/agent-content1.svg") no-repeat;
  background-size: 100% 100%;
}
#agentIntroContent2 {
  /*width: 100%;*/
  background: url("../images/pages/ai/agent-content2.svg") no-repeat;
  background-size: 100% 100%;
}
#agentIntroContent3 {
  /*width: 100%;*/
  background: url("../images/pages/ai/agent-content3.svg") no-repeat;
  background-size: 100% 100%;
}
#agentIntroContent4 {
  /*width: 100%;*/
  background: url("../images/pages/ai/agent-content4.svg") no-repeat;
  background-size: 100% 100%;
}
#agentIntroContent5 {
  /*width: 100%;*/
  background: url("../images/pages/ai/agent-content5.svg") no-repeat;
  background-size: 100% 100%;
}
#agentIntroContent6 {
  /*width: 100%;*/
  background: url("../images/pages/ai/agent-content6.svg") no-repeat;
  background-size: 100% 100%;
}
#agentIntroContent7 {
  /*width: 100%;*/
  background: url("../images/pages/ai/agent-content7.svg") no-repeat;
  background-size: 100% 100%;
}

.ai-intro .agent .agent-intro .right img {
  width: 100%;
}

.ai-intro .choose {
  padding-bottom: 206px;
}
.ai-intro .choose-inner {
  width: 1020px;
  height: 371px;
  background: url("../images/pages/ai/ai-why-choose.svg");
  background-size: 100% 100%;
}
/*.ai-intro .choose-inner::after {*/
/*  content: "";*/
/*  display: block;*/
/*  !*这里的padding =  height / width*!*/
/*  padding-bottom: 36.37%;*/
/*}*/

.ai-intro .bottom {
  width: 100%;
  /*height: 88px;*/
  margin-bottom: 0;
  padding-bottom: 0;
  cursor: pointer;
  background: url("../images/pages/ai/ai-bottom.svg") no-repeat;
  background-size: 100% 100%;
  padding-top: 0;
  position: fixed;
  bottom: 0;
  z-index: 999;
}
.ai-intro .bottom::after {
  content: "";
  display: block;
  /*这里的padding =  height / width*/
  padding-bottom: 4.7%;
}
.bottom-footer {
  margin-bottom: 4.7%;
}