.swiper-wrapper.banner-box{
    position: relative;
    background: url(../images/flowsolution/Processoptimizationbanner.jpg)no-repeat;
    background-size: cover;
    background-position:center;
    height:620px;
    color: #fff;
 }
 .mobile-title{
    display: none;
 }

 .modelPcBase-flex{
    display: flex;
    gap: 20px;
}
 
.modelPcBase-flex .model-card{
    width: 50%;
    height: 185px;
    background: #FFFFFF;
    box-shadow: 0px 0px 16px 0px rgba(10,18,33,0.08);
    border-radius: 8px;
    position: relative;
}
.modelPcBase-flex .model-card:hover {
    background-color: #feefef;
}
.modelPcBase-flex .model-card-large{
    width: 50%;
    height: 178px;
    background: #FFFFFF;
    box-shadow: 0px 0px 16px 0px rgba(10,18,33,0.08);
    border-radius: 8px;
    padding:24px 32px;
    position: relative;
}

.modelPcBase-flex .model-card .ai-content{
    font-family: PingFangSC, PingFang SC;
    font-weight: 400;
    font-size: 16px;
    color: rgba(10,18,33,0.72);
    line-height: 26px;
    text-align: center;
    font-style: normal;

}
.modelPcBase-flex .model-card .ai-content-box{
    margin-top: 16px;
    height: 60px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.modelPcBase-bar{
    background: rgba(10,18,33,0.72);
    box-shadow: 0px 0px 14px 0px rgba(10,18,33,0.04);
    border-radius: 8px;
    height: 56px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom:20px;
    margin-top:40px;
}
.overview-card-item{
    height: 185px;
    display: flex;
    align-items: center;
    /* justify-content: center; */
    flex-direction: column;
    padding-top: 24px;
}
.flow-mining-desc{
    font-family: PingFangSC, PingFang SC;
font-weight: 400;
font-size: 16px;
color: #0A1221;
line-height: 22px;
text-align: center;
font-style: normal;
line-height: 32px;

}
.ming-card-box{
    display: flex;
    gap: 24px;
    margin-top: 40px;

}
.ming-card{
    background: #FFFFFF;
    box-shadow: 0px 0px 16px 0px rgba(10,18,33,0.08);
    border-radius: 8px;
    height: 168px;
    flex: 1;
    padding: 32px;
    background-image: url(../images/flowsolution/mahao.png);
    background-repeat: no-repeat;
    background-position: right 32px top 40px;
}

.ming-card:hover {
    background-color: #feefef;
}
.ming-card p{
    font-family: PingFangSC, PingFang SC;
font-weight: 500;
font-size: 18px;
color: rgba(10,18,33,0.72);
line-height: 28px;
text-align: justify;
font-style: normal;
margin-top: 24px;

}
.overview-card-item .ai-title{
    font-family: PingFangSC, PingFang SC;
font-weight: 600;
font-size: 18px;
color: #0A1221;
line-height: 25px;
text-align: center;
font-style: normal;
   
}
.modelPcBase-bar p{
    font-family: PingFangSC, PingFang SC;
    font-weight: 600;
    font-size: 20px;
    color: #FFFFFF;
    line-height: 28px;
    text-align: center;
    font-style: normal;
}
 .ai-dark-title{
    font-family: PingFangSC, PingFang SC;
font-weight: 600;
font-size: 18px;
color: #0A1221;
line-height: 36px;
text-align: left;
font-style: normal;
}

.ai-desc{
    font-family: PingFangSC, PingFang SC;
    font-weight: 400;
    font-size: 16px;
    color: rgba(10,18,33,0.72);
    line-height: 26px;
    text-align: justify;
    font-style: normal;
}
.ai-card-box .ai-card-box-title{
    display: flex;
    align-items: center;
    gap: 16px;
}

.ai-card-box .count-num{
    font-family: HarmonyOS_Sans_SC_Bold;
    font-size: 24px;
    color: #E60023;
    line-height: 36px;
    text-align: left;
    font-style: normal;
    font-weight: 600;
}

.model-grid{
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    margin-bottom: 12px;
    justify-content: center;
    margin-bottom: 64px;
}

.model-grid-item{
    width: calc(50% - 10px);
    height: 220px;
    background-color: #FFFFFF;
    border-radius: 8px;
    position: relative;
}
.model-grid-item .icon-10{
    position: absolute;
    right: 0;
    bottom: 0;
}
.item-content-grid{
    display: flex;
    align-items: flex-start;
    gap: 10px;
    padding: 42px 36px;
}

.item-content-grid .ai-dark-title{
  line-height: unset;
  margin-bottom: 24px
}

.ai-mining-box{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 12px;
    margin-bottom: 12px;
}
.consistency-analysis-title{
    font-family: PingFangSC, PingFang SC;
font-weight: 400;
font-size: 16px;
color: rgba(10,18,33,0.72);
line-height: 24px;
text-align: justify;
font-style: normal;
margin-bottom: 32px;

}
.ai-mining-box-item{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.ai-mining-box-item .ai-mining-box-item-icon{
    width: 64px;
    height: 64px;
    background: #E60023;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.ai-mining-box-item .ai-mining-box-item-icon img{
    width: 32px;
    height: 32px;
}
.ai-mining-box-item-title{
    font-family: PingFangSC, PingFang SC;
    font-weight: 600;
    font-size: 18px;
    color: #0A1221;
    line-height: 25px;
    text-align: center;
    font-style: normal;
    margin-top: 20px;
    margin-bottom: 16px;
}
.ai-mining-box-item .ai-mining-box-item-desc{
    font-family: PingFangSC, PingFang SC;
    font-weight: 400;
    font-size: 14px;
    color: rgba(10,18,33,0.72);
    line-height: 21px;
    text-align: center;
    font-style: normal;
    max-width: 245px;
}
.ai-slider-bar{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0;
    font-family: PingFangSC, PingFang SC;
    font-weight: 400;
    font-size: 16px;
    color: rgba(10,18,33,0.72);
    line-height: 24px;
    text-align: left;
    font-style: normal;
    text-transform: none;
    background: #F5F5F5;
    border-radius: 4px;
    padding: 0;
    box-shadow: none;
    position: relative;
    overflow: hidden;
    padding: 2px;
}
.ai-slider-bar-item{    
    flex: 1;
    height: 32px;
    background: transparent;
    border-radius: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.3s;
    position: relative;
    padding: 0 12px;
}

.ai-slider-bar-item:hover {
    color: #E60023;
}

.ai-slider-bar-item.active {
    background: #FFFFFF;
    box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.04), 0px 1px 6px -1px rgba(0,0,0,0.02), 0px 2px 4px 0px rgba(0,0,0,0.02);
    border-radius: 4px;
    border: 0px solid rgba(0,0,0,0.88);
    font-family: PingFangSC, PingFang SC;
    font-weight: 500;
    font-size: 16px;
    color: #0A1221;
    line-height: 24px;
    text-align: center;
    font-style: normal;
     text-transform: none;
     font-weight: 600;
}


.ai-slider-bar-item:first-child {
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
}

.ai-slider-bar-item:last-child {
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
}




.ai-slider-bar-content .ai-slider-bar-content-item-box{
    display: flex;
    align-items: center;
    gap: 40px;
}
.ai-slider-bar-content-item-left{
    max-width: 324px;
    align-self: flex-start;
}
.ai-slider-bar-content-item-box{
    justify-content: center;
}

.ai-slider-bar-content-item-left-title{
    font-family: PingFangSC, PingFang SC;
font-weight: 500;
font-size: 18px;
color: #0A1221;
text-align: left;
font-style: normal;
margin-bottom: 8px;

}

.ai-slider-bar-content-item-left-desc{
    font-family: PingFangSC, PingFang SC;
    font-weight: 400;
    font-size: 16px;
    color: rgba(10,18,33,0.72);
    text-align: left;
    font-style: normal;
    margin-top: 8px;
    margin-left: 20px;
}
.ai-slider-bar-content-item-left-box{
    margin-bottom: 32px;
}
.ball-icon{
    display: inline-block;
    width: 8px;
    height: 8px;
    background: #E60023;
    border-radius: 50%;
    margin-right: 12px;
    margin-top: 5px;
    vertical-align: super;
}
.ai-slider-bar-content{
    margin-top: 40px;
}

.ai-slider-bar-content .active {
    display: block !important;
}
.uset-margin{
    margin:unset
}

.ai-flow-box-content{
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
    justify-content: center;
}
.ai-flow-box{
    width: calc(50% - 10px);
    height: 245px;
    background: #FFFFFF;
    box-shadow: 0px 0px 16px 0px rgba(10,18,33,0.08);
    border-radius: 8px;
    padding: 32px 40px;
}
.ai-flow-box-title{
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    font-family: PingFangSC, PingFang SC;
    font-weight: 600;
    font-size: 18px;
    color: #0A1221;
    line-height: 25px;
    text-align: left;
    font-style: normal;
    margin-bottom: 22px;
}

.ai-flow-box-item{
    margin-bottom: 12px;
}















.u-grey-bd{
  background: #fff;
}
.u-grey-bd.grey,
.u-grey-bd .grey.u-process-model{
  background: #f7f8fa;
}

.banner-content{
    position: relative;
    width: 1200px;
    height:100%;
    background-size: 100%;
    background-position: bottom;  
    margin: 0px auto;
}
.banner-content2{
    position: relative;
    background: #F5F5F5;
    background-size: cover;
    background-position:center;
}

.banner-content-box{
    position: absolute;
    left:50%;
    top:50%;
    transform: translateX(-50%) translateY(-50%);
    text-align: left;
	width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.banner-content-box h1{
    font-family: PingFangSC, PingFang SC;
    font-weight: 600;
    font-size: 48px;
    color: #0A1221;
    line-height: 67px;
    text-align: center;
    font-style: normal;
}
.banner-content-box h2 {
    font-family: PingFangSC, PingFang SC;
    font-weight: 400;
    font-size: 36px;
    color: #FFFFFF;
    line-height: 50px;
    text-shadow: 0px 2px 4px #0A1221;
    text-align: center;
    font-style: normal;
}
.banner-content-box span{
    font-family: PingFangSC, PingFang SC;
    font-weight: 400;
    font-size: 20px;
    color: #0A1221;
    line-height: 28px;
    text-align: center;
    font-style: normal;
}

 .banner-content-box .registryBtn{
    text-align:center;
    line-height:56px;
    overflow: hidden;
    width: 188px;
    height: 52px;
    background: #E60023;
    border-radius: 8px;
    margin: 80px 0px 0px;
    cursor: pointer;
  }

 .banner-content-box .registryBtn a{
    font-size: 20px;
    font-family: PingFangSC, PingFang SC;
    font-weight: 600;
    color: #FFFFFF;
    line-height: 28px;
  }
  .modeltitle{
    font-size: 30px;
    font-family: PingFangSC, PingFang SC;
    font-weight: 600;
    color: #0A1221;
    margin:64px 0px 40px;
    text-align: center;
  }
  .modeltitle p {
    display: inline-block;
  }
  .modeltitle span{
    margin-top: 12px;
    display: block;
    font-family: PingFangSC, PingFang SC;
font-weight: 400;
font-size: 16px;
color: #0A1221;
line-height: 22px;
text-align: center;
font-style: normal;
  }
  .modeltitle .modeltitl_concent{
    font-family: PingFangSC, PingFang SC;
    font-weight: 400;
    font-size: 16px;
    color: #0A1221;
    line-height: 26px;
    text-align: center;
    margin: 12px 0 40px;
    box-sizing: border-box;
  }
  .modeltitle .modeltitl_concent span {
    font-weight: 600;
  }
  .modeltitle span{
    font-family: PingFangSC, PingFang SC;
    font-weight: 400;
    font-size: 16px;
    color: #0A1221;
    line-height: 22px;
    text-align: center;
  }
.u-process-model{
    width: 1200px;
    height:auto;
    margin:0 auto;
    /* min-height: 500px; */
}
.u-grey-bd .u-process-model{
    background: #fff;
}
.model1Box,
.model2Box,
.model3Box{
    position: relative;
    width:1200px;
    text-align: center;
    font-family: PingFangSC, PingFang SC;
}
.model1Box{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    /* padding-bottom: 64px; */
}
.model2Box{
    padding-bottom: 64px;
}

.model2BoxBottom{
    padding: 0;
}

.model2Box_IPDbox{
    padding: 40px 0;
    height: 601px;
    background: #FFFFFF;
    box-shadow: 0px 0px 16px 0px rgba(10,18,33,0.08);
    margin-bottom: 6px;
}
.model3Box{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    /* padding-bottom: 64px; */
}

.model3BoxTop{
    margin-top: 40px;
    margin-bottom: 64px;
}

.model3Box .model3Box_div{
    width: 575px;
    height: 268px;
    background: #FFFFFF;
    padding: 32px 32px 24px;
    box-sizing: border-box;
}
.model3Box .model3Box_div2{
    width: 575px;
    height: 268px;
    background: #FFFFFF;
    padding: 32px 32px 24px;
    box-sizing: border-box;
    margin: 40px 0 64px;
}
.model3Box .model3Box_div3{
    position: relative;
    width: 386px;
    height: 228px;
    background: #FFFFFF;
    box-shadow: 0px 0px 16px 0px rgba(10,18,33,0.08);
    border-radius: 8px;
    padding: 32px 32px 0;
    box-sizing: border-box;
}
.model3Box .model3Box_div4{
    position: relative;
    width: 386px;
    height: 257px;
    background: #FFFFFF;
    box-shadow: 0px 0px 16px 0px rgba(10,18,33,0.08);
    border-radius: 8px;
    padding: 24px 40px 0;
    box-sizing: border-box;
    /* margin: 24px 0 0px; */
}
.model3Box .model3Box_div4:hover {
    background-color: #feefef;
  }
.model3Box .model3Box_div5{
    position: relative;
    width: 386px;
    height: 257px;
    background: #FFFFFF;
    box-shadow: 0px 0px 16px 0px rgba(10,18,33,0.08);
    border-radius: 8px;
    padding: 24px 40px 0;
    box-sizing: border-box;
    margin: 24px 0 14px;
}

.model3Box .model3Box_div5:hover {
    background-color: #feefef;
  }
/* .model3Box_div3 img{
    position: absolute;
    right: 17px;
    bottom: 0;
} */

.model3Box_div div{
    font-family: PingFangSC, PingFang SC;
    font-weight: 600;
    font-size: 18px;
    color: #0A1221;
    line-height: 25px;
    text-align: center;
    margin-top: 24px;
}

.model3Box_div2 div{
    font-family: PingFangSC, PingFang SC;
    font-weight: 600;
    font-size: 18px;
    color: #0A1221;
    line-height: 25px;
    text-align: center;
    margin-top: 24px;
}

.model3Box_divTitle{
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 23px;
}
.model3Box_divTitle2{
    display: flex;
    /* justify-content: space-between; */
    margin-bottom: 12px;
}

.model3Box_divTitle1{
    font-family: PingFangSC, PingFang SC;
    font-weight: 600;
    font-size: 18px;
    color: #0A1221;
    line-height: 25px;
    display: flex;
}

.model3Box_divTitle4{
    font-family: PingFangSC, PingFang SC;
    font-weight: 600;
    font-size: 18px;
    color: #0A1221;
    line-height: 25px;
    display: flex;
    margin: 16px 0;
}

.model3Box_divTitle2{
    font-family: PingFangSC, PingFang SC;
    font-weight: 500;
    font-size: 18px;
    color: rgba(10,18,33,0.32);
    line-height: 25px;
}

.yuan{
    width: 8px;
    height: 8px;
    background: #E60023;
    border-radius: 50%;
    margin: 9px 9px 0 0;
}

.model3Box_divTitle3{
    font-family: PingFangSC, PingFang SC;
    font-weight: 400;
    font-size: 16px;
    color: rgba(10,18,33,0.72);
    line-height: 26px;
    text-align: justify;
}

.model3Box_divTitle3_red{
    font-family: HarmonyOS_Sans_SC_Bold;
    font-size: 28px;
    color: #E60023;
    line-height: 40px;
    text-align: justify;
}

.model1Item{
    /* position: absolute; */
    width: 285px;
    height: 263px;
    background: #FFFFFF;
    box-shadow: 0px 0px 16px 0px rgba(10,18,33,0.08);
    border-radius: 8px;
    font-family: PingFangSC, PingFang SC;
    font-weight: 400;
    font-size: 16px;
    color: rgba(10,18,33,0.72);
    line-height: 26px;
    text-align: center;
    padding: 40px 20px 0;
    box-sizing: border-box;
}

.model1Item:hover {
    background-color: #feefef;
  }

.model1Item2{
    /* position: absolute; */
    width: 285px;
    height: 263px;
    background: #FFFFFF;
    box-shadow: 0px 0px 16px 0px rgba(10,18,33,0.08);
    border-radius: 8px;
    font-family: PingFangSC, PingFang SC;
    font-weight: 400;
    font-size: 16px;
    color: rgba(10,18,33,0.72);
    line-height: 26px;
    text-align: center;
    padding: 40px 20px 0;
    margin-top: 24px;
    box-sizing: border-box;
}

.model1Item2:hover {
    background-color: #feefef;
  }

.model1Item p{
    font-family: PingFangSC, PingFang SC;
    font-weight: 600;
    font-size: 18px;
    color: #0A1221;
    line-height: 25px;
    text-align: center;
    margin-bottom: 20px;
}

.model1Item2 p{
    font-family: PingFangSC, PingFang SC;
    font-weight: 600;
    font-size: 18px;
    color: #0A1221;
    line-height: 25px;
    text-align: center;
    margin-bottom: 20px;
}

.modelFlexBox{
    display: flex;
}
.modelFlexBox:not(.noAlignC){
    align-items: center;
    padding-bottom: unset !important;
}
.modelFlexBox.jcsb{
    justify-content: space-between;
}
.modelItem+.modelItem{
    margin-left: 20px;
}
.modelFlexBox+.modelFlexBox{
    margin-top:20px;
}
.modelItemStyle1{
    width: 564px;
    height: 420px;
    background: #FFFFFF;
    box-shadow: 0px 0px 16px 0px rgba(10,18,33,0.08);
    border-radius: 8px;
    overflow: hidden;
    text-align: left;
}
.modelItemStyle1:hover{
    box-shadow:0px 0px 8px  #ccc;
}

.modelItemStyle1 .modelItemHead{
    position: relative;
    width: 100%;
    height: 64px;
    border-radius: 8px 8px 0px 0px;
    text-align: center;
}
.modelItemStyle1 .modelItemHead img{
    position: absolute;
    top:50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
}
.modelItemStyle1:nth-child(1) .modelItemHead{
    background: linear-gradient(180deg, #00B8F1 0%, #01B6F0 2%, #0D90D9 31%, #1775C8 58%, #1C65BF 82%, #1E5FBB 100%);
}
.modelItemStyle1.nth2 .modelItemHead{
background: #E60023;
}
.modelItemStyle1 .modelItemBody{
    padding: 0px 40px 40px;
}
.modelItemStyle1 .modelItemBodyTitle{
    font-size: 18px;
    font-weight: 500;
    color: #0A1221;
    margin:24px 0px 0px;
}
.modelItemStyle1 .modelItemBodyText{
    font-size: 16px;
    font-weight: 400;
    color: rgba(10,18,33,0.72);
    line-height: 64px;
    height: 64px;
    border-bottom: 1px solid rgba(10,18,33,0.08);
}
.modelItemStyle1 .modelItemBodyText img{
    width:24px;
    height: 24px;
}
.modelItemStyle1 .modelItemBodyText+.modelItemBodyText{
    margin-top: 0px;
}
.modelItemSplit1{
    width: 72px;
}
.modelItemSplit1 div+div{
    margin-top:32px;
}
.modelItemStyle2{
    flex:1;
    height: 290px;
    background: #FFFFFF;
    box-shadow: 0px 0px 16px 0px rgba(10,18,33,0.08);
    border-radius: 8px;
    padding: 35px 24px 0px;
    box-sizing: border-box;
    font-size: 16px;
    font-weight: 400;
    color: rgba(10,18,33,0.72);
    text-align: left;
}
.modelItemStyle2:hover {
    background-color: #feefef;
  }

.modelItemStyle2 .modelItemHead {
    margin-bottom: 28px;
}
.modelItemStyle2 .modelItemHead p{
    font-size: 18px;
    font-weight: 600;
    color: #0A1221;
}
.modelItemStyle2 .modelItemHead img{
    width: 32px;
}
.modelItemRow{
    position: relative;
    padding-left: 17px;
    box-sizing: border-box;
}

.analysis-case-box{
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
    margin-bottom: 40px;
   /* padding: 12px;*/
}
.analysis-case-box-item{
height: 355px;
padding: 32px 24px;
background: #FFFFFF;
box-shadow: 0px 0px 16px 0px rgba(10,18,33,0.08);
border-radius: 8px;
}
.analysis-case-box-item-icon{
    height: 120px;
}
.analysis-case-box-desc{
    margin-top: 12px;
    font-family: PingFangSC, PingFang SC;
font-weight: 400;
font-size: 14px;
color: rgba(10,18,33,0.72);
line-height: 22px;
text-align: justify;
font-style: normal;

}
.analysis-case-box-item-title{
    font-family: PingFangSC, PingFang SC;
font-weight: 500;
font-size: 18px;
color: #0A1221;
line-height: 25px;
text-align: left;
font-style: normal;
margin-bottom: 20px;
}
.analysis-case-box-item:hover{
    box-shadow:0px 0px 8px  #ccc;
}
.analysis-case-box-item .customeMore{
    margin-top: 18px;
    left: 24px;
    font-size: 14px;
    cursor: pointer;
    color: #E60023;
}
.analysis-case-box-item .customeMore a{
    color: #E60023;
}

.modelItemRow::before{
    content: "";
    position: absolute;
    width: 8px;
    height: 8px;
    background: #E60023;
    border-radius: 50%;
    top:6px;
    left:0px;
}
.modelItemRow+.modelItemRow{
    margin-top:16px;
}
/*客户案例S*/
.customeModelBox{
    position: relative;
    width:1200px;
    text-align: center;
   /* padding-bottom: 64px; */
    margin: 0px auto;
    overflow: hidden;
}
.customeModelBox.mobileModel{
    display: none;
}
.customeModelRow{
    display: flex;
    width: 1200px;
}
.customeItem{
    position: relative;
    text-align: left;
    flex: 1;
    height: 417px;
    background: #FFFFFF;
    box-shadow: 0px 0px 16px 0px rgba(10,18,33,0.08);
    border-radius: 8px;
    padding: 32px 24px 0px;
}
.customeItem:hover{
    box-shadow:0px 0px 8px  #ccc;
}
.customeItem img{
    width: 100%;
    margin:20px 0px 12px
}
.customeItem+.customeItem{
    margin-left: 20px;
    font-family: PingFangSC, PingFang SC;
    font-weight: 400;
}
.customeItem .customeTitle{
    font-size: 18px;
    font-weight: bold;
    color: #0A1221;
}
.customeItem .customeText{
    font-size: 16px;
    color: rgba(10,18,33,0.72);
    line-height: 26px;
}
.customeItem .customeMore{
    position: absolute;
    bottom: 24px;
    left: 24px;
    font-size: 16px;
    cursor: pointer;
    color: #E60023;
}
.customeItem .customeMore a{
    color: #E60023;
}
.footer-banner{
    height:160px ;
    background: url(../images/flowsolution/footer-banner.png)no-repeat;
    background-size: 100% 100%;
padding: 44px 140px;
display: flex;
flex-direction: column;
box-sizing: border-box;
}
.footer-banner >span {
    font-family: PingFangSC, PingFang SC;
font-weight: 400;
font-size: 14px;
color: rgba(10,18,33,0.72);
line-height: 32px;
text-align: left;
font-style: normal;
margin-top: 8px;
display: inline-block;

}
.footer-banner >h1 {
    font-family: PingFangSC, PingFang SC;
    font-weight: 600;
    font-size: 16px;
    color: #0A1221;
    line-height: 24px;
    text-align: left;
    font-style: normal;

}
/*客户案例E*/

.move-button{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 48px;
  }
  .move-button-item{
    width: 48px;
    height: 48px;
    background: #FFFFFF;
    border-radius: 50%;
    box-shadow: 0px 4px 12px 0px #F2F3F5; 
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
  }
  .move-button-item img{
    width: 28px;
    height: 28px;
  }
  .move-button-left {
    margin-right: 24px;
  }
  .rgBtn {
    display: none;
  }
  .rgBtn.active{
    display: block;
  }
  .lfBtn {
    display: none;
  }
  .lfBtn.active{
    display: block;
  }
  .pc.ai-list1{
    display: flex;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .mobile.ai-list1{
    display: none;
  }
  .pc.ai-list1 .list1-item {
    flex: 1;
    padding: 15px;
    width: 100%;
    background-color: #fff;
    box-shadow: 0px 0px 16px 0px rgba(10,18,33,0.08);
    border-radius: 8px;
    padding: 14px;
    box-sizing: border-box;
    background-color: #fff;
  }
  .pc.ai-list1 .list1-item + .list1-item{
    margin-left: 20px;
  }
  .pc.ai-list1 .list1-item img {
    width: 100%;
    height: auto;
    display: block;
    padding-bottom: 12px;
    border-bottom: 1px solid rgba(10,18,33,0.16);;
  }
  
  .pc.ai-list1 .list1-item .item-content {
    font-family: PingFangSC, PingFang SC;
    font-weight: 400;
    font-size: 16px;
    color: #0A1221;
    line-height: 24px;
    height: 136px;
    text-align: justify;
    font-style: normal;
    padding-top: 15px;
  }
  .modelPcBase .flow-mining-img-pc{
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .list1-item .item-content span{
    color: rgba(230, 0, 35, 1);
    font-weight: 600;

  }
  .ai-table1{
    width: 100%;
    display: flex;
    position: relative;
  }
  .ai-table1 img{
    position: absolute;
    height: 112px;
    height: 112px;
    top: -16px;
    left: 50%;
    transform: translateX(-50%);
  }
  .ai-table1 .left{
    width: 50%;
    border-radius: 8px 0px 0px 8px;
    border: 1px solid rgba(10,18,33,0.08);
    background:  rgba(10,18,33,0.04);
  }
  .ai-table1 .right{
    width: 50%;
    border-radius: 0px 8px 8px 0px;
    border: 1px solid rgba(10,18,33,0.08);
    background: #fff;
  }
  .ai-table1 .ai-table1-row1 {
    height: 76px;
    font-family: PingFangSC, PingFang SC;
    font-weight: 600;
    font-size: 20px;
    line-height: 28px;
    text-align: center;
    font-style: normal;
    padding: 24px 0;
    box-sizing: border-box;
  }
  .ai-table1 .ai-table1-row {
    height: 166px;
    box-sizing: border-box;
    font-weight: 500;
    font-size: 15px;
    line-height: 32px;
    padding: 48px;
    box-sizing: border-box;
  }
  .ai-table1  .left .ai-table1-row1{
    background: rgba(10,18,33,0.08);
    color: rgba(10, 18, 33, 0.48);
  }
  .ai-table1  .right .ai-table1-row1{
    background: #E60023;
    color: #fff;
  }
  .ai-table1  .left .ai-table1-row{
    
    color: rgba(10, 18, 33, 0.48);
   
  }
  .ai-table1  .left .ai-table1-row span{
    color: rgba(10, 18, 33, 0.72);
  }
  .ai-table1  .right .ai-table1-row{
    
    color: rgba(10, 18, 33, 0.72);
  }
  .ai-table1  .right .ai-table1-row span {
    color: rgba(230, 0, 35, 1);
  }
  .ai-table1 .ai-table1-row + .ai-table1-row{
    border-top: 1px solid rgba(10,18,33,0.16);
  }
  .hasBg{
    background: #E60023;
    border-radius: 4px;
    font-family: PingFangSC, PingFang SC;
    font-weight: 500;
    font-size: 20px;
    color: #FFFFFF;
    line-height: 28px;
    text-align: center;
    font-style: normal;
    padding: 10px 0;
  }
  .ai-list2{
    display: flex;
  }
  .ai-list2 .list2-item {
    flex: 1;
    background: #F2F3F5;
    border-radius: 4px;
    padding: 20px;
    box-sizing: border-box;
  }
  
  
  .ai-list2 .list2-item  + .list2-item {
    margin-left: 20px;
  }
  .ai-list2 .list2-item .title{
    font-family: PingFangSC, PingFang SC;
    font-weight: 500;
    font-size: 18px;
    color: #0A1221;
    line-height: 25px;
    text-align: center;
    font-style: normal;
    margin-bottom: 24px;
  }
  .ai-list2 .list2-item .item-box{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-rows: 40px 40px 40px;
    grid-gap: 20px;
  }
  .ai-list2 .right-list .item:nth-last-child(1) {
    display: none;
  }
  .ai-list2 .list2-item .item{
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #fff;
    font-family: PingFangSC, PingFang SC;
    font-weight: 400;
    font-size: 16px;
    color: #0A1221;
    line-height: 22px;
  }
  .only-item{
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #fff;
    font-family: PingFangSC, PingFang SC;
    font-weight: 400;
    font-size: 16px;
    color: #0A1221;
    line-height: 22px;
    width: 100%;
    margin-top: 20px;
  }
  .flow-mining-img-mobile{
    display: none;
  }
  @media screen and (max-width: 768px) {
    .flow-mining-img-pc{
        display: none !important;
    }
    .flow-mining-img-mobile{
        display: block !important;
    }
    .flow-mining-img-mobile img{
        width: 100% !important;
    }
    .ai-slider-bar-content-item-right img{
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
    .analysis-case-box{
        overflow-y: auto;
    }
    .ai-slider-bar-content{
        background: #FFFFFF;
box-shadow: 0px 0px 16px 0px rgba(10,18,33,0.08);
border-radius: 8px;
padding: 20px;

    }
    .overview-card-item{
        padding: 0px;
    }
    .footer-banner{
        padding: 32px;
        border-radius: 0;
        display: inline-block;
        display: flex;
    }
    .ai-mining-box-item{
        height: 88px !important;
        padding: 20px !important;
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
        justify-content: flex-start;
        gap: 24px;
    }
    .ai-mining-box-item-title{
        margin: 0;
    }
    .ming-card-box{
        display: flex;
        flex-direction: column;
    }
    .ai-content-box{
        margin: 0 !important;
        gap: 8px;
        justify-content:unset !important;
    }
    .ai-title{
        margin-top: 17px;
    }
    .trend-card{
        height: 124px !important;
        padding: 16px 20px  24px 20px !important ;
    }
    .overview-card{
        height: 180px !important;
    }
    .overview-card .ai-content-box{
        height: 90px !important;
    }
    .modelMobileAlign{
        text-align: center;
    }
    .model3Box .model3Box_div3{
        width: 100%;
        margin-top: 24px;
    }
    .model3Box .model3Box_div4{
        margin-top: 24px;
    }
    .model3Box .model3Box_div5{
        margin-bottom: 0;
    }
    .model1Item{
        margin-top: 24px;
    }
    .model1Item,.model1Item2,.model3Box .model3Box_div4,.model3Box .model3Box_div5{
        width: 48%;
    }
    .modelItemStyle1 .modelItemBodyTitle,
    .modelItemStyle2 .modelItemHead p,
    .customeItem .customeTitle{
        font-size: 16px;
    }
    .modelItemStyle2 .modelItemHead{
        margin-bottom: 20px;
    }
    .modelItemStyle1 .modelItemBodyText,
    .modelItemStyle2,
    .customeItem .customeMore{
        font-size: 14px;  
    }
    .model1Box,
    .model2Box,
    .model3Box,
    .banner-content,
    .u-process-model,
    .customeModelBox{
        width: 100%;
    }
    .model1Box,
    .model2Box{
        padding-bottom: 0px;
    }
    .modeltitle p {
        display: block;
      }
    .modeltitle .modeltitl_concent{
        font-family: PingFangSC, PingFang SC;
        font-weight: 400;
        font-size: 12px;
        color: #0A1221;
        line-height: 18px;
        text-align: center;
        font-style: normal;
    }
    .ecoBaseIndex .banner-content-box{
        top: 40px;
        left: 50%;
        text-align: center;
        
    }
    .ecoBaseIndex .banner-content-box .registryBtn{
        margin:42px auto 0;
        line-height: 38px;
    }
    .swiper-wrapper.banner-box{
        background: url(../images/flowsolution/banner.png)no-repeat;
        height: 230px;
        background-size: cover;
        background-position: center;
    }
    .banner-content-box h1{
        font-family: PingFangSC, PingFang SC;
        font-weight: 600;
        font-size:20px !important;
        color: #0A1221;
        line-height: 28px;
        text-align: center;
        font-style: normal;
    }
    .banner-content-box h2 {
        font-family: PingFangSC, PingFang SC;
        font-weight: 400;
        font-size: 15px;
        color: #FFFFFF;
        line-height: 22px;
        text-align: center;
        font-style: normal;
    }
    .modelPcBase {
        overflow-y: auto;
        display: block !important;
    }


    .universalModelSwiper .swiper-slide{
        width: auto;
        height: auto;
    }
    .pc.ai-list1{
        display: none;
    }
    .mobile.ai-list1{
        padding: 0 16px;
        box-sizing: border-box;
        display: flex;
        width: 1020px;
        align-items: center;
        justify-content: space-between;
    }
    .mobile.ai-list1 .list1-item {
        width: 240px;
        box-shadow: 0px 0px 16px 0px rgba(10,18,33,0.08);
        border-radius: 8px;
        padding: 16px;
        box-sizing: border-box;
        background-color: #fff;
    }
    .mobile.ai-list1 .list1-item + .list1-item{
        margin-left: 20px;
    }
    .mobile.ai-list1 .list1-item img {
        width: 100%;
        height: auto;
        display: block;
        padding-bottom: 12px;
        border-bottom: 1px solid rgba(10,18,33,0.16);
    }
    
    .mobile.ai-list1 .list1-item .item-content {
        font-family: PingFangSC, PingFang SC;
        font-weight: 400;
        font-size: 16px;
        color: #0A1221;
        line-height: 24px;
        height: 136px;
        text-align: justify;
        font-style: normal;
        padding-top: 15px;
    }
    .ai-table1{
        display: block;
    }
    .ai-table1 img{
        /* top:460px; */
        position: static !important;
        margin: -35px auto 0 auto;
        display: flex;
        align-items: center;
        justify-content: center;
        transform: translateX(0);
    }
    .ai-table1 .ai-table1-item{
        width: 100%;
        height: auto !important;
    }
    .ai-table1 .ai-table1-item.left{
        border-radius: 8px;
    }
    .ai-table1 .ai-table1-item.right{
        border-radius: 8px;
        margin-top: -35px;
    }
    .ai-table1 .ai-table1-row {
        height: auto;
        font-size: 14px;
        padding: 21px 24px;
    }
    .ai-list2{
        display: block;
        font-size: 14px;
    }
    .ai-list2 .list2-item .title {
        font-size: 16px;
    }
    .ai-list2 .left-list{
        margin-bottom: 20px;
    }
    .ai-list2 .list2-item .only-item{
        display: none;
    }
    .ai-list2 .right-list .item:nth-last-child(1) {
        display: flex;
      }
    .ai-list2 .list2-item .item-box{
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-template-rows: 32px 32px 32px 32px 32px;
        grid-gap: 20px;
    }
    .ai-list2 .list2-item .item{
        font-size: 14px;
    }
    .ai-list2 .right-list{
        margin-left: 0px !important;
    }
    .modelItemBaseStyle1 .modelItemTop>p{
        padding-left: 0px;
    }
    .modelItemBaseStyle1{
        padding: 32px 20px
    }
    .modelItemBaseStyle1 .modelItemContentText{
        padding-left: 20px;
    }
    .modelItemBaseStyle1::before{
        content: '';
        height: 80px;
        right: 13px;
    }
    .modelItemBaseStyle1:nth-child(1)::before{
        content: '';
        background: url(../images/spaIs/number1.png) no-repeat;
        background-size: cover;
    }
    .modelItemBaseStyle1:nth-child(2)::before{
        content: '';
        background: url(../images/spaIs/number2.png) no-repeat;
        background-size: cover;
        width: 45px;
    }
    .modelItemBaseStyle1:nth-child(3)::before{
        content: '';
        background: url(../images/spaIs/number3.png) no-repeat;
        background-size: cover;
        width: 45px;
    }
    .modelItemBaseStyle1:nth-child(4)::before{
        content: '';
        background: url(../images/spaIs/number4.png) no-repeat;
        background-size: cover;
        width: 49px;
    }
    .modelItemBaseStyle1:nth-child(5)::before{
        content: '';
        background: url(../images/spaIs/number5.png) no-repeat;
        background-size: cover;
        width: 45px;
    }
    .model2Box>.modelFlexBox,
    .model3Box>.modelFlexBox {
        flex-direction: column;
    }
    .modelItemStyle1{
        width: 100%;
    }
    .modelItemSplit1{
        transform: rotateZ(90deg);
    }
    .model3Box .modelItemStyle2+.modelItemStyle2{
        margin: 20px 0 0 0;
    }
    .model3Box .modelItemStyle2{
        width: 100%;
        flex: none;
        padding: 24px 20px 32px;
        height: auto;
    }
    .imgModel1,
    .imgModel2,
    .imgModel3{
        overflow: auto;
    }
    .imgModel1 img{
        height: 280px;
    }
    .imgModel2 img{
        height: 160px;
    }
    .imgModel3 img{
        height: 240px;
    }

   .mobile-ai-slider-bar-content{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
   }
   .mobile-ai-slider-bar-content-item{
    width: 100%;
    padding: 24px 20px;
    margin-bottom: 20px;
    background: #FFFFFF;
    box-shadow: 0px 0px 16px 0px rgba(10,18,33,0.08);
    border-radius: 8px;
   }
   .mobile-ai-slider-bar-content-item-box-span{
    display: flex;
    align-items: flex-start;
    justify-content: center;
    margin-bottom: 16px;
   }
   .mobile-ai-slider-bar-content-item-box-span .ball-icon{
    width: 8px;
    height: 8px;
    margin-top: 5px;
    flex-shrink: 0;
   }
   .mobile-ai-slider-bar-content-item-box-title{
    font-family: PingFangSC, PingFang SC;
font-weight: 500;
font-size: 16px;
color: #0A1221;
line-height: 22px;
text-align: left;
font-style: normal;
margin-bottom: 24px;

   }
   .mobile-ai-slider-bar-content-item-title{
    font-family: PingFangSC, PingFang SC;
font-weight: 500;
font-size: 14px;
color: #0A1221;
line-height: 20px;
text-align: left;
font-style: normal;

   }
   .mobile-img-1{
    height:200px;
    width: auto;
    background-image: url(../images/aiflow/ai-mobile-1.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
   }
   
   .mobile-img-2{
    height:594px;
    width: auto;
    background-image: url(../images/aiflow/ai-mobile-2.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    margin-bottom: 24px;
   }

   .mobile-img-3{
    height:354px;
    width: auto;
    background-image: url(../images/aiflow/ai-mobile-3.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
   }

    .mobile-img-4{
    height:194px;
    width: auto;
    background-image: url(../images/aiflow/ai-mobile-4.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
   }

   .mobile-img-5{
    height:194px;
    width: auto;
    background-image: url(../images/aiflow/ai-mobile-5.png);
     background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
   }

   .mobile-ai-slider-bar-content-item-desc{
    font-family: PingFangSC, PingFang SC;
font-weight: 400;
font-size: 14px;
color: rgba(10,18,33,0.72);
line-height: 22px;
text-align: left;
font-style: normal;
   }
   .pc-title{
    display: none !important;
   }
   .mobile-title{
    display: block !important;
   }
   .mobile-card{
    background: #FFFFFF;
box-shadow: 0px 0px 16px 0px rgba(10,18,33,0.08);
border-radius: 8px;
padding: 16px 21px;
margin-bottom: 16px;
height:auto ;
   }
   .mobile-count img{
     object-fit: contain;
   }
   .mobile-card-title{
    margin:12px 0 ;
   }
   .mobile-card-desc{
    font-family: PingFangSC, PingFang SC;
font-weight: 400;
font-size: 14px;
color: rgba(10,18,33,0.72);
line-height: 22px;
text-align: justify;
font-style: normal;

   }
  .ai-mining-box-item-icon{
    width: 48px !important;
    height: 48px !important;
  }
  }
  @media screen and (max-width: 449px) {
    .model1Item,.model1Item2{
        width: 100%;
    }
  }
  @media screen and (max-width: 480px) {
    .model3Box .model3Box_div4,.model3Box .model3Box_div5{
        width: 100%;
    }
  }

/* 移动端适配 */
@media screen and (max-width: 768px) {
    .analysis-case-box{
        margin-bottom: 0;
    }

    .swiper-wrapper.banner-box {
        height: 230px;
    }

    .banner-content-box h1 {
        font-size: 20px;
        line-height: 30px;
        margin-bottom: 16px;
    }

    .banner-content-box .registryBtn {
        margin-top: 20px !important;
        line-height: 38px;
    }

    .modelPcBase-flex {
        flex-direction: column;
        gap: 12px;
    }
    
    .modelPcBase-flex .model-card{
        width: 100%;
    }
    .model-card-large{
        width: 100% !important;
    }

    .model-card, 
    .model-card-large {
        width: 100%;
        height: auto;
        padding: 20px;
    }

    .model-grid {
        gap: 12px;
        margin-bottom: 40px;
    }

    .model-grid-item {
        width: 100%;
        height: auto;
        min-height: 180px;
    }

    .item-content-grid {
        padding: 20px;
        height: 180px;
    }

    .ai-mining-box {
        grid-template-columns: repeat(2, 1fr);
        gap: 20px;
    }

    .ai-mining-box-item {
        background: #FFFFFF;
        box-shadow: 0px 0px 16px 0px rgba(10,18,33,0.08);
        border-radius: 8px;
        display: block;
        padding: 24px;
        position: relative;
        height: 144px;
    }
    

    .ai-mining-box-item-desc{
        position: absolute;
        top: 54px;
        left: 110px;
        text-align: left !important;

    }
    .ai-mining-box-item-icon{
        display: inline-flex;
    }

    .ai-slider-bar {
        flex-wrap: wrap;
    }

    .ai-slider-bar-item {
        width: 50%;
        font-size: 14px;
    }

    .ai-slider-bar-content-item-box {
        flex-direction: column;
    }

    .ai-slider-bar-content-item-left {
        max-width: 100%;
        margin-bottom: 20px;
    }

    .ai-flow-box-content {
        flex-direction: column;
        gap: 12px;
    }

    .ai-flow-box {
        width: 100%;
        height: auto;
        padding: 24px;
    }

    .modeltitle {
        font-size: 20px;
        margin: 32px 0px 20px;
    }

    .modelPcBase img {
        /* width: 100%; */
        height: auto;
    }

    .ai-slider-bar-content-item-left-desc {
        font-size: 14px;
        line-height: 22px;
    }

    .ai-dark-title {
        font-size: 16px;
        line-height: 24px;
    }

    .ai-desc {
        font-size: 14px;
        line-height: 22px;
    }
}

@media screen and (max-width: 480px) {
    .ai-mining-box {
        grid-template-columns: 1fr;
    }

    .ai-slider-bar-item {
        width: 100%;
    }

    .banner-content-box h1 {
        font-size: 20px;
    }

    .model-card .ai-content-box {
        height: auto;
    }

    .ai-content {
        font-size: 14px;
    }

    .ai-title {
        font-size: 14px;
    }

    .modelPcBase-bar p {
        font-size: 16px;
    }
}