.openbanner{
    width:100%;
    height:auto;
    background:url('../images/AILowOpenPlatform/banner.png') no-repeat center top;
    background-size:cover;
    position:relative;
    padding-bottom:55px;
}
.openbannerh2{
    padding-top:193px;
    font-size: 60px;
    font-family: Source Han Sans CN;
    font-weight: bold;
    color: #fff;
    margin-bottom:30px;
    
    position: relative;
    left: -100%; /* 初始位置在页面左侧以外 */
    animation: slideIn .2s forwards; /* 使用动画实现从左侧划入效果 */
}

.openbannerh2 span{
    color: #4cfcfc;
}
.openbannerfusion{
    width:760px;
    padding:10px 0;
    border-top:2px solid rgba(48, 255, 255,0.2);
    border-bottom:2px solid rgba(48, 255, 255,0.2);
    font-size: 24px;
    font-family: Source Han Sans CN;
    font-weight: 500;
    color: #FFFFFF;
    text-align:center;
    display:flex;
    align-items:center;
    justify-content:center;
    margin-bottom:30px;
    
    position: relative;
    left: -100%; /* 初始位置在页面左侧以外 */
    animation: slideIn 1s forwards; /* 使用动画实现从左侧划入效果 */
}
.openbannerfusion::before,.openbannerfusion::after{
    content:'';
    display:inline-block;
    width: 10px;
    height: 3px;
    background: #30FFFF;
    opacity: 0.6;
    margin:0 10px;
}
.openbannerUl{
    display:flex;
    flex-wrap:wrap;
    margin-bottom:40px;
    
    position: relative;
    left: -100%; /* 初始位置在页面左侧以外 */
    animation: slideIn 2s forwards; /* 使用动画实现从左侧划入效果 */
}
.openbannerLi{
    padding:12px 21px;
    margin-right:20px;
    background: rgba(255, 255, 255, 0.2);
    opacity: 1;
    border-radius: 4px 24px 4px 24px;
    font-size: 16px;
    font-family: Source Han Sans CN;
    font-weight: 400;
    color: #FFFFFF;
    margin-bottom:20px;
}
.openbannerljzx{
    width: 160px;
    height: 48px;
    background: #30FFFF;
    line-height:48px;
    text-align:center;
    font-size: 20px;
    font-family: Source Han Sans CN;
    font-weight: 400;
    color: #010752;
    cursor:pointer;
    
    position: relative;
    left: -100%; /* 初始位置在页面左侧以外 */
    animation: slideIn 3s forwards; /* 使用动画实现从左侧划入效果 */
}
 /* AIGC助力轻松构建专业级应用  */
.titleh3{
    margin: 80px auto 164px;
    font-size: 40px;
    font-family: Source Han Sans CN;
    font-weight: 400;
    color: #333333;
}
.AIGCapplicationsUl{
    display:flex;
    flex-wrap:wrap;
    justify-content:space-between;
}
.AIGCapplicationsLi{
    display:flex;
    flex-direction: column;
    align-items:center;
    justify-content:start;
    width: 290px;
    height: 400px;
    background: rgba(196, 216, 252,0.1);
    opacity: 1;
    border-radius: 20px;
    position:relative;
    margin:0 auto 100px;
}
.AIGCapplicationsLi:hover{
    box-shadow:0px 2px 10px 5px rgba(0, 123, 255, 0.5);
}
.AIGCapplicationsLi img{
    position:absolute;
    top:-80px;
    left:20px;
}
.AIGCapplicationsLi:nth-child(1) img,.AIGCapplicationsLi:nth-child(3) img{
    animation: translate 3s ease-in-out infinite;
}
.AIGCapplicationsLi:nth-child(2) img,.AIGCapplicationsLi:nth-child(4) img{
    animation: translate1 3s ease-in-out infinite;
}
.AIGCapplicationsLi h5{
    margin:156px auto 32px;
    font-size: 20px;
    font-family: Source Han Sans CN;
    font-weight: 900;
    color: #333333;
}
.AIGCapplicationsLi p{
    width: 240px;
    text-align:center;
    font-size: 16px;
    font-family: Source Han Sans CN;
    font-weight: 400;
    color: #666666;
    line-height: 30px;
}
/* 互融云AI低代码平台 */
.AIplatform{ 
    /* margin-top:60px; */
    width:100%;
    background: #F3F7FE;
}
.AIplatform .titleh3{
    margin:0 auto;
    padding:80px 0 60px;
}
.paragraph{
    font-size: 24px;
    font-family: Source Han Sans CN;
    font-weight: 400;
    color: #333333;
    line-height: 40px;
}
.AIplatformp1{
    text-indent: 2em;
    margin-bottom:20px;
}
.AIplatformp2{
    text-indent: 2em;
}
.AIplatformimg{
    margin-top:110px;
    padding-bottom:109px;
}
.AIplatformimg img{
    width:100%;
}
/* 平台特点 */
.PlatformFeatures .titleh3{
    margin-bottom:60px;
}
.PlatformFeaturesUl{
    display:flex;
    flex-wrap:wrap;
    justify-content:space-between;
    margin-bottom:40px;
}
.PlatformFeaturesLi{
    display:flex;
    flex-direction: column;
    align-items:center;
    justify-content:start;
    width: 290px;
    height: 460px;
    background: rgba(196, 216, 252,0.1);
    opacity: 1;
    border-radius: 20px;
    margin:0 auto 20px;
}
.PlatformFeaturesLi:hover{
    box-shadow:0px 2px 10px 5px rgba(0, 123, 255, 0.5);
}
.PlatformFeaturesLi:nth-child(1) img,.PlatformFeaturesLi:nth-child(3) img{
    animation: translate 3s ease-in-out infinite;
}
.PlatformFeaturesLi:nth-child(2) img,.PlatformFeaturesLi:nth-child(4) img{
    animation: translate1 3s ease-in-out infinite;
}
.PlatformFeaturesLi img{
    margin:40px 0 32px;
}
.PlatformFeaturesLi h5{
    font-size: 20px;
    font-family: Source Han Sans CN;
    font-weight: 900;
    color: #333333;
    margin-bottom:32px;
}
.PlatformFeaturesLi p{
    width: 242px;
    font-size: 16px;
    font-family: Source Han Sans CN;
    font-weight: 400;
    color: #666666;
    line-height: 30px;
    text-align:center;
}
/* 平台优势 */
.advantageplatform{ 
    width:100%;
    height:auto;
    background: #F6F6F6;
    padding-bottom:60px;
}
.advantageplatform .titleh3{
    padding:80px 0 0;
    margin-bottom:60px;
}

.advantagetable{
    width:100%;
    background:#fff;
    cursor:pointer;
    table-layout: fixed;
}
.tr1 td:first-child {
    width: 190px;
  }
  
  .tr1 td:not(:first-child) {
    width: 32%;
  }
.advantagetable td{
    border: 1px solid rgba(199, 199, 199,0.1);
}
.advantagetable .tr1>td{
    height:173px;
    text-align:center;
}
/* .advantagetable .tr1 .trtd1{
    width:190px;
} */
.advantagetable .tr1>td img{
    margin-bottom:22px;
}
.advantagetable .tr1>td h6{
    font-size: 24px;
    font-family: Source Han Sans CN;
    font-weight: 500;
    color: #3533EA;
}
.advantagetable .tr2>td{
    height:72px;
    padding:20px 30px;
}
.advantagetable .tr2td1,.tr3td1,.tr4td1,.tr5td1{
    display:flex;
    align-items:center;
    justify-content:center;
}
.advantagetable .image-cell img{
    margin-right:10px;
}
.advantagetable .tr3>td{
    height:72px;
    padding:20px 30px;
}
.advantagetable .tr4>td{
    height:72px;
    padding:20px 30px;
}

.advantagetable .tr5>td{
    height:72px;
    padding:20px 30px;
}
.advantagetable .image-cell span{
    font-size: 20px;
    font-family: Source Han Sans CN;
    font-weight: 500;
    color: #666666;
}
.trtdtext{
    font-size: 16px;
    font-family: Source Han Sans CN;
    font-weight: 500;
    color: #333;
    line-height: 24px;
}