.hero-bg {
  /* background-image: url('/labsys/img/vertical-ai-agent-bc.png'); */
  background-size: cover !important;
  background-position: center !important;
  min-height: 638px; 
}
/*  */

/*  */
.main-title-box .title1{
  font-family: HarmonyOS Sans SC, HarmonyOS Sans SC;
  font-weight: 700;
  font-size: 48px;
  color: #FFFFFF;
  line-height: 56px;
  padding-top:58px ;   
}
.main-title-box .title2{
  font-family: Source Han Sans, Source Han Sans;
  font-weight: 500;
  font-size: 36px;
  color: #FFFFFF;
  line-height: 52px;
  margin-top: 28px;
}
.main-title-box .title3{
  max-width: 795px;
  font-family: Source Han Sans, Source Han Sans;
  font-weight: 400;
  font-size: 18px;
  color: rgba(255,255,255,0.7);
  line-height: 48px;
  margin-top: 29px;
}
/*  */


/*  */
.ai-agent-main1{
  background: RGBA(244, 250, 255, 1) !important;
  padding: 76px 0 70px 0 !important;
  min-height: 960px;
} 
.ai-agent-main1 .max-w-7xl{
  max-width: 108rem !important;
}
.ai-agent-main1 .title1{
  font-family: HarmonyOS Sans SC, HarmonyOS Sans SC;
  font-weight: 400;
  font-size: 40px;
  color: #333333;
  line-height: 28px;
  text-align: center;
  margin-bottom: 51px;
}
.ai-agent-main1 .tab-list{
 display: flex;
 justify-content: space-between;
 align-items: center;
 margin-bottom: 37px;
}
.ai-agent-main1 .tab-list .item{
  font-family: HarmonyOS Sans SC, HarmonyOS Sans SC;
  font-weight: 400;
  font-size: 18px;
  color: rgba(102,102,102,0.8);
  line-height: 28px;
  cursor: pointer;
}
.ai-agent-main1 .tab-list .active{
  font-family: HarmonyOS Sans SC, HarmonyOS Sans SC;
  font-weight: 500;
  font-size: 18px;
  color: #333333;
  line-height: 28px;
}
.ai-agent-main1 .tab-list .split-line{
  width: 1px;
  height: 14px;
  background: #BFBFBF;
  border-radius: 0px 0px 0px 0px;
  /* margin: 0 43px; */
}


.ai-agent-main1 .bottom-main{
 display: flex;
 align-items: center;
 position: relative;
 min-height: 670px;
}
.ai-agent-main1 .bottom-main .left-main{
  min-width: 1247px;
  background: rgba(0,0,0,0.5);
  border-radius: 26px 26px 26px 26px;
  padding: 76px 107px 58px 134px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  z-index: 1;
}
.ai-agent-main1 .bottom-main .left-main .label1 .circle{
  width: 8px;
  height: 8px;
  background: #FFFFFF;
  border-radius: 8px;
  margin-right: 13px;
}
.ai-agent-main1 .bottom-main .left-main .label1{
  display: flex;
  align-items: center;
  font-family: HarmonyOS Sans SC, HarmonyOS Sans SC;
  font-weight: 500;
  font-size: 24px;
  color: #FFFFFF;
  line-height: 28px;
  margin-bottom: 13px;
}
.ai-agent-main1 .bottom-main .left-main .label2{
  font-family: HarmonyOS Sans SC, HarmonyOS Sans SC;
  font-weight: 400;
  font-size: 18px;
  color: rgba(255,255,255,0.8);
  line-height: 32px;
  max-width: 583px;
  margin-bottom: 37px;
}
.ai-agent-main1 .bottom-main .left-main .main1-icon0{
  width: 198px;
  height: 179px;
}
.ai-agent-main1 .bottom-main .left-main .main1-icon1{
  width: 180px;
  height: 179px;
}
.ai-agent-main1 .bottom-main .left-main .main1-icon2{
  width: 148px;
  height: 179px;
}
.ai-agent-main1 .bottom-main .left-main .main1-icon3{
  width: 144px;
  height: 179px;
}
.ai-agent-main1 .bottom-main .left-main .main1-icon4{
  width: 207px;
  height: 179px;
}

.ai-agent-main1 .bottom-main .main1-bc{
  width: 869px;
  height: 670px;
  position: absolute;
  z-index: 0;
  right: 0;
}
/*  */


/*  */
.ai-agent-main2{
  background: #F9FDFF !important;
  /* padding: 74px 0 95px 0 !important; */
  padding: 0 !important;
  min-height: 758px;
  /* background-image: url('/labsys/img/ai-agent-main2-bc.png');
  background-size: cover !important;
  background-position: center !important; */
}
.ai-agent-main2 .all{
  height: 100%;
  /* background-image: url('/labsys/img/ai-agent-main2-bc.png'); */
  background-size: cover !important;
  background-position: center !important;
  /* min-height: 758px; */
}
.ai-agent-main2 .title1{
  font-family: Source Han Sans, Source Han Sans;
  font-weight: 400;
  font-size: 40px;
  color: #070806;
  line-height: 28px;
  margin-bottom: 56px;
  text-align: center;
  padding-top: 74px;
}
.ai-agent-main2  .bottom-main{
  display: flex;
  /* position: relative; */
  padding-top: 57px;
}
.ai-agent-main2  .bottom-main .item-desc-box{
 display: flex;
 flex-direction: column;
 /* justify-content: center; */
 align-items: center;
 /* position: relative; */
}
.ai-agent-main2  .bottom-main .item-desc-box img{
 width: 116px;
 height: 116px;
 margin-bottom: 23px;
}
.ai-agent-main2  .bottom-main .item-desc-box div{
  max-width: 418px;
  font-family: Source Han Sans, Source Han Sans;
  font-weight: 500;
  font-size: 18px;
  color: #333333;
  line-height: 28px;
  text-align: center;
}

/*  */


/*  */
.ai-agent-main3{
  /* background-image: url('/labsys/img/ai-agent-main3-bc.png'); */
  background-size: cover !important;
  background-position: center !important;
  min-height: 338px; 
  padding: 105px 0 69px 0 !important;
}
.ai-agent-main3 .title1{
  font-family: HarmonyOS Sans SC, HarmonyOS Sans SC;
  font-weight: 500;
  font-size: 40px;
  color: #3D3D3D;
  line-height: 47px;
  margin-bottom: 33px;
}
.ai-agent-main3 .title2{
  max-width: 962px;
  font-family: HarmonyOS Sans SC, HarmonyOS Sans SC;
  font-weight: 400;
  font-size: 23px;
  color: #6E7B91;
  line-height: 42px;
}
/*  */