.mB8{
    margin-bottom: 80px;   
}
.swiper-wrapper.banner-box{
    /* background: url(../image/bpm_banner_bg.jpg)no-repeat; */
    background: url(../images/index2025/banner-2025-BPMA.jpg)no-repeat;
    background-size: cover;
    height:300px;
 }
 .u-grey-bd{
    background: #fff;
}
.u-grey-bd.grey{
    background: #f7f8fa;
}
.banner-content{
    position: relative;
    width: 1200px;
    height:290px;
    margin: 0 auto 0;
    background-size: 100%;
    background-position: bottom;  
}
.banner-content-box{
    position: absolute;
    /* left:50%; */
    left: 0px;
    top:50%;
    /* transform: translateX(-50%) translateY(-50%); */
    transform:  translateY(-50%);
    /* text-align: center;; */
    text-align: left;
    width:max-content
}
.banner-content-box h1{
    font-size:36px;
    color:#2a2c30;    
    font-weight:500;
    margin:10px 0px 20px;
    /* color:#fff;*/
}
.banner-content-box p{
    display: flex;
    align-items: center;
    font-size:22px;
    color:#75767a; 
    /* color:rgba(255, 255, 255, 0.63);*/
}

.banner-content-box p>span{
    margin-left:10px;
    vertical-align:middle;  
    background-color: #E60023;
    padding:3px 10px 6px 10px;
    border-radius: 6px;
    /* color:rgba(255, 255, 255, 0.63);*/
}
.banner-content-box span,a{
color:#fff; 
font-size:14px;    
}
.u-proBpm-model{
    width: 1200px;
    height:auto;
    margin:0 auto;
    background: #fff;
    /* min-height: 500px; */
}
.modelBox,
.modelBox7,
.model9Box{
    position: relative;
    width: 1200px;
    margin-top:60px;
}
.model9Box{
    text-align: center;
    margin:40px 0px 80px
}
.modelBox7{
    margin-bottom: 80px;
}
.model-row{
    display: flex;
    width: 1200px;
    height:220px;
    padding: 0px 10px;
    box-sizing: border-box;
}
.model-row-item{
    background: #f7f8fa;
    height:220px;
    width:380px;
    padding:20px 40px;
    box-sizing: border-box;
}
.model-row-item.tyep2{
    width: 386px;
    height: 189px;
    background: #f7f8fa;
    padding:30px 40px;
    text-align: center;
}
.model-row-item:hover {
    background-color: #feefef;
}
.model-row+.model-row{
    margin-top:20px;
}
.model-row-item+.model-row-item{
    margin-left:20px;
}
.model-row-item-header{
    width:100%;
    height: 60px;
    display: flex;
    justify-content: space-between;
    align-items: center;  
} 
.model-row-item-header strong{
    font-size:16px;
    color:#2a2c30;
}
.model-row-item-header img{
    width:60px;
    height:60px;
}
.model-row-item-content{
    color:#2a2c30b4;
    line-height: 28px;
    font-size:18px;
	margin-top: 10px;
}
.model-row-item.tyep2 .model-row-item-content{
    text-align: center;
}
.bpmModel{
    width: 1200px;
    height: auto;
    margin: 0 auto;
    min-height: 500px;
}
.modelBpmContent{
    position: relative;
    width: 1200px;
    height: auto;
    margin-top:80px;
	margin-bottom: 40px;
}
.modelBpmTitle{
    margin:40px auto;
    text-align: center;
    
}

.left-page, .right-page {
    flex: 1;
}

.page-card {
    display: flex;
    flex-direction:row;
    width: 100%;
    height: auto;
    padding: 30px 0;
}
.page-card .right_img{
    display: flex;
    justify-content: right;
}
.page-content {
    padding: 0 18px;
    font-size: 18px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: rgba(10,18,33,0.72);
    line-height: 36px;
    margin-top:16px;
}
.gartnerbottom{
    position: absolute;
    left: 20px;
    text-align: center;
    line-height: 32px;
    overflow: hidden;
    width: 96px;
    height: 32px;
    border-radius: 4px;
    background-color: #E60023;
    border: 1px solid #E60023;
    margin-top: 20px;
}
.modelBpmTitle .s-mmmt{
    font-size:32px;
    font-weight: 400;
}
.modelBpmSlider{
    margin:30px auto 60px;
    width:50px;
    height:6px;
    background: #e60023;
}
.modelBpmBox,
.modelBpmbanner4Box{
    height: auto;
    margin-bottom: 20px;
}
.modelBpmBox img,
.modelBpmbanner4Box img{
    display: block;
    margin: 0px auto;
}

/*--------------------------*/
/* 容器样式 */
.compare-table {
  width: 1200px;          /* 表格宽度，可根据需求调整 */
  margin: 20px auto;     /* 居中显示 */
  font-family: "Microsoft Yahei", sans-serif; /* 字体统一 */
}

/* 行布局：Flex 横向排列 */
.table-row {
  display: flex;
  border-bottom: 1px solid #ebebeb; /* 行底部分隔线 */
  height: 80px;
}

/* 列通用样式 */
.table-row .col {
  padding: 12px 16px;    /* 内边距，保证内容间距 */
  box-sizing: border-box;/* 盒模型统一 */
}

/* ---------- 表头行样式 ---------- */
.header .left-header {
  flex: 3;              /* 左列占比3份 */
  background: #ebebeb;  /* 浅灰色背景 */
  color: #333;          /* 文字颜色 */
  font-weight: bold;    /* 加粗 */
  text-align: center;
  font-size: 20px;
  padding: 30px;
  border-radius: 8px 0px 0px 0px;
}

.header .vs-header {
  flex: 1;              /* 中间列占比1份 */
  background: #f7c2c9;  /* 粉色背景 */
  color: #fff;          /* 白色文字 */
  font-weight: bold;    /* 加粗 */
  text-align: center;   /* 文字居中 */
  font-size: 40px;
  padding: 15px;
}

.header .right-header {
  flex: 3;              /* 右列占比3份 */
  background: #e00022;  /* 红色背景 */
  color: #fff;          /* 白色文字 */
  font-weight: bold;    /* 加粗 */
  text-align: center;
  font-size: 20px;
  padding: 30px;
  border-radius: 0px 8px 0px 0px;
}

/* ---------- 内容行样式 ---------- */
.table-row .left {
  flex: 3;              /* 左列占比3份 */
  color: rgba(10, 18, 33, 0.48);      /* 文字颜色 */
  font-size: 15px;
  padding: 30px;
  border-bottom: 1px solid rgba(10, 18, 33, 0.16);
  border-left: 1px solid rgba(10, 18, 33, 0.16);
}

.table-row .middle {
  flex: 1;              /* 中间列占比1份 */
  background: #fdebed;  /* 浅粉色背景 */
  color: #e00022;       /* 红色文字 */
  text-align: center;   /* 文字居中 */
  font-size: 18px;
  padding: 28px 15px 24px 15px;
  border-bottom: 1px solid rgba(10, 18, 33, 0.16);
}

.table-row .right1 {
  flex: 3;              /* 右列占比3份 */
  color: rgba(10, 18, 33, 0.72);       /* 文字颜色 */
  font-size: 15px;
  padding: 30px;
  border-bottom: 1px solid rgba(10, 18, 33, 0.16);
  border-right: 1px solid rgba(10, 18, 33, 0.16);
}

/* ---------- 符号样式（× 和 ✔） ---------- */
.left::before {
  content: "×";         /* 左侧符号 */
  color: #999;          /* 灰色 */
  margin-right: 6px;    /* 与文字间距 */
}

.right1::before {
  content: "✔";         /* 右侧符号 */
  color: #e00022;       /* 红色 */
  margin-right: 6px;    /* 与文字间距 */
}

/*---------------------------*/































.modelBpmRedH{
    width: 1200px;
    height: 90px;
    background: #E60023;
    color:#fff;
    text-align: center;
    line-height: 90px;
}
.modelBPMRow{
    display: flex;
    width:1200px;
    height: 120px;
    /* background: #FFFFFF; */
    flex-wrap: wrap;
    margin-top:20px
}
.modelBPMRow-item{
    position: relative;
    background-color: #fff;
    width: 590px;

}
.modelBPMRow-item:hover {
    background-color: #feefef;
}
.modelBPMRow-item+.modelBPMRow-item{
    margin-left:20px
}
.imgBox,
.contentText{
   position: absolute;
   top:50%;
   transform: translateY(-50%);
}
.imgBox{
    left:58px;
}
.contentText{
    color:#595959;
    left:159px;
    right:31px;
    font-size: 14px;
}
.modelBpmBox .modelBpm_banner1_pc,
.modelBpmBox .modelBpm_banner2_pc {
    display: block;
}
.modelBpmBox .modelBpm_banner1_mobile,
.modelBpmBox .modelBpm_banner2_mobile {
    display: none;
}
.modelBpmbanner4Box{
    position: relative;
    height: 500px;
}
.modelBpmbanner{
    position: absolute;
}
.modelBpmbanner.modelBpmbanner4-1,
.modelBpmbanner.modelBpmbanner4-2,
.modelBpmbanner.modelBpmbanner4-3{
    top:50%;
    left:50%;
    transform: translateX(-50%) translateY(-50%);
}
.modelBpmbanner.modelBpmbanner4-1{
    -webkit-animation: zhuan 8s infinite linear;
    -moz-animation: zhuan 8s infinite linear;
    -o-animation: zhuan 8s infinite linear;
    animation: zhuan 8s infinite linear;
}
.modelBpmbanner.modelBpmbanner4-2{
    -webkit-animation: fanzhuan 8s infinite linear;
    -moz-animation: fanzhuan 8s infinite linear;
    -o-animation: fanzhuan 8s infinite linear;
    animation: fanzhuan 8s infinite linear;
}
@keyframes zhuan{0%{-webkit-transform:translate3d(-50%,-50%,0) rotate(0);-moz-transform:translate3d(-50%,-50%,0) rotate(0);transform:translate3d(-50%,-50%,0) rotate(0)}
    to{-webkit-transform:translate3d(-50%,-50%,0) rotate(1turn);-moz-transform:translate3d(-50%,-50%,0) rotate(1turn);transform:translate3d(-50%,-50%,0) rotate(1turn)}
}
@keyframes fanzhuan{0%{-webkit-transform:translate3d(-50%,-50%,0) rotate(0);-moz-transform:translate3d(-50%,-50%,0) rotate(0);transform:translate3d(-50%,-50%,0) rotate(0)}
    to{-webkit-transform:translate3d(-50%,-50%,0) rotate(-1turn);-moz-transform:translate3d(-50%,-50%,0) rotate(-1turn);transform:translate3d(-50%,-50%,0) rotate(-1turn)}
}
.modelBpmbanner.modelBpmbanner4-4{
    top:0px;
    left:294px;
}
.modelBpmbanner.modelBpmbanner4-5{
    bottom:72px;
    left:220px;
}
.modelBpmbanner.modelBpmbanner4-6{
    bottom:125px;
    right:194px;
}
.modelBpmbanner.modelBpmbanner4-4:hover .modelBpmbannerInfo,
.modelBpmbanner.modelBpmbanner4-5:hover .modelBpmbannerInfo,
.modelBpmbanner.modelBpmbanner4-6:hover .modelBpmbannerInfo{
    opacity:1;
}
.modelBpmbanner.modelBpmbanner4-4:after,
.modelBpmbanner.modelBpmbanner4-5:after,
.modelBpmbanner.modelBpmbanner4-6:after{
    content:"";
    display:inline-block;
    position:absolute;
    top:50%;
    left:50px;
    -webkit-transform:translate3d(0%,-50%,0);
    -moz-transform:translate3d(0%,-50%,0);
    transform:translate3d(0%,-50%,0);
    width:110px;
    height:110px;
    background:url(/template/pc/wh2021/images/pc-circle.png) no-repeat 50%;
    background-size: 100%;
    -webkit-animation:zhuan 3s infinite linear;-moz-animation:zhuan 3s infinite linear;
    -o-animation:zhuan 3s infinite linear;animation:zhuan 3s infinite linear;
    -webkit-transition: opacity .5s;
    -o-transition: opacity .5s;
    -moz-transition: opacity .5s;
    transition: opacity .5s;
    opacity:0;
}
.modelBpmbanner.modelBpmbanner4-6.right:after{
    content:"";
    left: auto;
    right: -60px;
}
.modelBpmbanner.modelBpmbanner4-4:hover:after,
.modelBpmbanner.modelBpmbanner4-5:hover:after,
.modelBpmbanner.modelBpmbanner4-6:hover:after{
    content:"";
    opacity:1;
}
.modelBpmbannerInfo{
    position: absolute;
    top:-12px;
    left:112px;
    -webkit-transition: opacity .5s;
    -o-transition: opacity .5s;
    -moz-transition: opacity .5s;
    transition: opacity .5s;
    opacity:1;
}
.modelBpmbannerInfo.right{
    left:40px;
}
.modelBpmbannerInfo.bottom{
    top: 62px;
}
.modelBpmbannerInfo p:nth-child(1){
    font-size: 18px;
    font-family: PingFangSC, PingFang SC;
    font-weight: 500;
    color: #0A1221;
    margin-bottom: 8px;
}
.modelBpmbannerInfo p:nth-child(2){
    font-size: 18px;
    font-family: PingFangSC, PingFang SC;
    font-weight: 600;
    color: #E60023;
}
.ecoTabBox:not(.mobileModel){
    border: 1px solid rgba(10,18,33,0.16);
}
.ecoTabBox .ecoTabHead .ecoTabItem img{
    margin-right: 12px;
}
.ecoTabItem .type1,
.ecoTabItem .type2,
.ecoTabItem.active .type2,
.ecoTabBox.mobileModel{
    display: none;
}
.model-client-box.mobileModel{
    display: none!important;
}
.ecoTabItem.active .type1{
    display: block;
} 
.ecoTabItem .type2{
    display: block;
}
.ecoTabItem.active{
    color:#E60023;
    border-color:#E60023;
	font-size: 18px;
}
.ecoTabItem,
.ecoTabHead{
    height: 79px;
    display: flex;
    align-items: center;	
}
.ecoTabItem{
    flex:1;
    justify-content: center;
    text-align: center;
    border-bottom: 1px solid rgba(10,18,33,0.16);
	font-size: 18px;
	cursor: pointer;
}
.ecoTabHead{
    background: rgba(10,18,33,0.04);
    justify-content: space-around;
}
.ecoTabBody{
    height: 679px;
}
.ecoTabItemSplit{
    width: 1px;
    height: 40px;
    background: rgba(10,18,33,0.16);
}
.ecoTabPage.active{
    display: block;
}
.ecoTabPage{
    display: none;
}
.model9Box .model-client-box{
    display: flex;
    justify-content: space-between;
}
.model9Box .model-client-box .model-client-item{
    background: #FFFFFF;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    width: 183px;
    height: 123px;
    box-shadow: 0px 0px 10px 0px rgba(10,18,33,0.08);
  }
  .model9Box .model-client-box .model-client-item img{
    height: auto;
    width: auto;
  }
  .model9Box .model-client-box .model-client-item::after{
    content: "";
    font-size:16px;
    color:#fff;
    text-align: center;
    position: absolute;
    top:0px;
    left:0px;
    bottom:0px;
    right:0px;
    padding: 0px 20px;
    opacity: 0;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .model9Box .model-client-box  .model-client-item::before{
      content:'';
      position: absolute;
      top:0px;
      left:0px;
      bottom:0px;
      right:0px;
      background:rgba(0,0,0,0.5);
      opacity: 0;
      transition:opacity .3s;
    }
  .model9Box .model-client-box .model-client-item:hover::after,
  .model9Box .model-client-box .model-client-item:hover::before{
    content: '';
    opacity: 1;
  }
  .model9Box .model-client-box.mobileModel .model-row:nth-child(1) .model-client-item:nth-child(1):after,
  .model9Box .model-client-box .model-client-item:nth-child(1):after{
    content: '新安化工';
  }
  .model9Box .model-client-box.mobileModel .model-row:nth-child(1) .model-client-item:nth-child(2):after,
  .model9Box .model-client-box .model-client-item:nth-child(2):after{
    content: '长安马自达';
  }
  .model9Box .model-client-box.mobileModel .model-row:nth-child(2) .model-client-item:nth-child(1):after,
  .model9Box .model-client-box .model-client-item:nth-child(3):after{
    content: '晨鸣集团';
  }
  .model9Box .model-client-box.mobileModel .model-row:nth-child(2) .model-client-item:nth-child(2):after,
  .model9Box .model-client-box .model-client-item:nth-child(4):after{
    content: '玖龙';
  }
  .model9Box .model-client-box.mobileModel .model-row:nth-child(3) .model-client-item:nth-child(1):after,
  .model9Box .model-client-box .model-client-item:nth-child(5):after{
    content: '洋马';
  }
  .model9Box .model-client-box.mobileModel .model-row:nth-child(3) .model-client-item:nth-child(2):after,
  .model9Box .model-client-box .model-client-item:nth-child(6):after{
    content: '杭州银行';
  }
  .model9Box .model-client-box.mobileModel .model-client-item.moreLink:after,
  .model9Box .model-client-box.mobileModel .model-client-item.moreLink::before{
    content: '';
    display: none;
  }
   .modelBox7.mobileModel{
        display: none;
    }
    .model9Box .model-client-box.mobileModel .model-client-item.moreLink{
        background-color: #E60023;
        height: 52px;
        width: 151px;
        border-radius: 0px;
    }
.model9Box .model-client-box.mobileModel .model-client-item.moreLink a{
    font-size: 16px;
    color: #fff;
}
.model9Box .model-client-box.mobileModel .model-client-item.moreLink img{
    margin-left: 8px;
    height: 12px;
}
.model9Box .model-client-box.mobileModel .model-client-item{
    border-radius: 0px;
}


.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;
    margin-top:10px;
}
.customeItem{
    position: relative;
    text-align: left;
    width: 285px;
    height: 357px;
    background: #FFFFFF;
    box-shadow: 0px 0px 16px 0px rgba(10,18,33,0.08);
    border-radius: 8px;
    padding: 32px 24px 0px;
}
.customeItem img{
    width: 237px;
    height: 120px;
    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: 14px;
    color: rgba(10,18,33,0.72);
    line-height: 24px;
}
.customeItem .customeMore{
    position: absolute;
    bottom: 24px;
    left: 24px;
    font-size: 14px;
    cursor: pointer;
    color: #E60023;
}
.customeItem .customeMore a{
    color: #E60023;
}

.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;
  }
@media screen and (max-width: 1216px){
    .swiper-wrapper.banner-box{
        background-position: 25%;
    }
    .banner-content,
    .u-proBpm-model,
    .modelBox,
    .bpmModel,
    .modelBpmContent,
    .model-row,
    .modelBpmRedH,
    .modelBPMRow,
    .modelBox7,
    .u-process-model{
        width:100%;
        /* border:1px solid; */
    }
    .modelBpmTitle{
        font-size: 20px;
    }
    .modelBpmContent{
        padding: 0px 16px;
    }
    .modelBox7.pcModel{
        display: none;
    }
    .modelBox7.mobileModel{
        display: block;
    }
    .model-row{
        justify-content: center;
    }
    .modelBpmBox img{
        width: 94%;
    }
    .swidth.modelBpmBox img{
        width:80%;
    }
    .modelBpmRedH{
        width:80%;
        margin:auto;
        padding: 0px 8px;
        box-sizing: border-box;
    }
    .modelBPMRow .modelBPMRow-item{
        width:80%;
        margin:20px auto 0px;
    }
    .modelBPMRow{
        height:260px
    }
    

    .modelBpmbanner4Box{
        height:600px
    }
    .modelBpmbanner.modelBpmbanner4-4:after,
    .modelBpmbanner.modelBpmbanner4-5:after,
    .modelBpmbanner.modelBpmbanner4-6:after{
        content:"";
        width:120px;
        height: 120px;
        left:49px;
    }
    .modelBpmbanner.modelBpmbanner4-6.right:after{
        content:"";
        right: -70px;
    }
    .modelBpmbanner.modelBpmbanner4-1{
        width:320px;
    }
    .modelBpmbanner.modelBpmbanner4-2{
        width:280px;
    }
    .modelBpmbanner.modelBpmbanner4-3{
       width:190px;
    }
    .modelBpmbanner.modelBpmbanner4-4{
        top:50px;
        /* left:65px; */
        left:20%;
    }
    .modelBpmbanner.modelBpmbanner4-5{
        bottom: 85px;
        /* left: 12px; */
        left:15%
    }
    .modelBpmbanner.modelBpmbanner4-6{
        bottom:85px;
        /* right:12px; */
        right:15%;
    }

    .modelBpmbanner.modelBpmbanner4-4 img{
        width:300px;
    }
    .modelBpmbanner.modelBpmbanner4-5 img,
    .modelBpmbanner.modelBpmbanner4-6 img{
        width:240px;
    }
    .modelBpmbannerInfo.right{
        left:44px
    }
    .modelBpmbannerInfo.bottom{
        top: 55px;
    }
    .modelBpmbannerInfo{
        width: 110px;
        left:110px;
        top:-10px
    }
    .universalModelSwiper .swiper-slide{
        width: auto;
        height: auto;
    }
    /* .universalModelSwiper .swiper-slide+.swiper-slide{
        margin-left: 20px;
    } */
}
@media screen and (max-width: 1023px) {
    .banner-content-box{
        width:90%;
        left:50%;
        transform: translateX(-50%) translateY(-50%);
        text-align:center;
    }
    .model-row-item-content{
        height:112px;
        width:232px;
        word-break: break-all;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 4;
        overflow: hidden;
        word-wrap:break-word; 
    } 
}
@media screen and (max-width: 1000px) {
    .model-row-item{
        padding: 20px 20px;
      } 
    .modelBpmTitle .s-mmmt{
        font-size: 28px;
    }
}
@media screen and (max-width: 960px) {
    .modelBpmbanner4Box{
        height:400px
    }
.modelBpmbanner.modelBpmbanner4-4:after,
.modelBpmbanner.modelBpmbanner4-5:after,
.modelBpmbanner.modelBpmbanner4-6:after{
    content:"";
    width:75px;
    height: 75px;
    left:32px;
}
.modelBpmbanner.modelBpmbanner4-6.right:after{
    content:"";
    right: -43px;
}
.modelBpmbanner.modelBpmbanner4-1{
    width:220px;
}
.modelBpmbanner.modelBpmbanner4-2{
    width:180px;
}
.modelBpmbanner.modelBpmbanner4-3{
   width:90px;
}
.modelBpmbanner.modelBpmbanner4-4{
    top:30px;
    left:23%;
}
.modelBpmbanner.modelBpmbanner4-5{
    bottom: 65px;
    left: 20%;
}
.modelBpmbanner.modelBpmbanner4-6{
    bottom:65px;
    right:23%;
}

.modelBpmbanner.modelBpmbanner4-4 img{
    width:200px;
}
.modelBpmbanner.modelBpmbanner4-5 img,
.modelBpmbanner.modelBpmbanner4-6 img{
    width:155px;
}
.modelBpmbannerInfo.right{
    left:18px
}
.modelBpmbannerInfo.bottom{
    top: 35px;
}
.modelBpmbannerInfo{
    width: 110px;
    left:65px;
    top:-20px;

}
.modelBpmbannerInfo p{
    font-size: 13px !important;
}
}
/* @media screen and (max-width:890px){ */
    /* .model-row{
        flex-direction:column;
        height:auto;
        align-items: center;
    } */
    /* .model-row-item+.model-row-item{
        margin:20px 0px 0px;
    } */
/* } */
@media screen and (max-width: 768px) {
    .modelBox7{
        margin-bottom: 0px;
    }
    .mobilePB{
        padding-bottom: 40px;
    }
    .modelBpmSlider{
        margin: 30px auto 20px;
    }
    .modelBpmTitle .s-mmmt{
        font-size:20px;
    }
	.modelBpmRedH {
        width: 88%;
        margin: auto;
        padding: 20px 8px;
        box-sizing: border-box;
    }
    .banner-content-box span {
        font-size: 14px;
        color: rgba(255, 255, 255, 0.63);
    }
    .modelBox,
    .modelBox7{
        position: relative;
        margin-top:20px;
    }
    .modelBPMRow .modelBPMRow-item{
        width:88%;
        margin:20px auto 0px;
    }
	.contentText {
        color: #595959;
        left: 110px;
        right: 31px;
        font-size: 14px;
    }
    .imgBox {
        left: 25px;
    }
    .modelBpmRedH {
        /* width: 1200px; */
        height: 120px;
        background: #E60023;
        color: #fff;
        text-align: center;
        line-height: 34px;
        /* vertical-align: middle; */
    }
    .modelBpmBox .modelBpm_banner1_pc,
    .modelBpmBox .modelBpm_banner2_pc{
        display: none;
    }
    .modelBpmBox .modelBpm_banner1_mobile,
    .modelBpmBox .modelBpm_banner2_mobile {
        display: block;
    }
   
    .modelBpmbanner.modelBpmbanner4-4{
        top:30px;
        left:15%;
    }
    .modelBpmbanner.modelBpmbanner4-5{
        bottom: 65px;
        left: 10%;
    }
    .modelBpmbanner.modelBpmbanner4-6{
        bottom:65px;
        right: 10%;
    }
    .ecoTabBox.pcModel,
    .model-client-box.pcModel,
    .customeModelBox.pcModel{
        display: none;
    }
    .ecoTabContentBox{
        position: relative;
        width: 358px;
        height: 251px;
        background: #FFFFFF;
        border: 1px solid rgba(10,18,33,0.16);
        overflow: hidden;
        margin: 0px auto;
    }
    .ecoTabBox.mobileModel,
    .customeModelBox.mobileModel{
        display: block;
    }
    .model-client-box.mobileModel{
        display: block!important;
    }
    .model-client-box.mobileModel .model-row{
        height: auto;
    }
    .model9Box .model-client-box.mobileModel .model-row .model-client-item+.model-client-item{
        margin-left: 16px;
    }
    .ecoTabPageItem{
        width: 358px;
    }
    .ecoTabHeadMobile img{
        margin-right: 9px;
        transform: translateY(2px);
    }
    .ecoTabHeadMobile{
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        height: 48px;
        background: rgba(10,18,33,0.04);
        font-size: 16px;
        font-family: PingFangSC, PingFang SC;
        font-weight: 500;
        color: #E60023;
        border-bottom: 1px solid  rgba(10,18,33,0.16);;
    }
    .ecoTabBodyMobile{
        height: 203px;
    }
    .indicatorBox{
        position: absolute;
        bottom: -30px;
        display: flex;
        left: 50%;
        transform: translateX(-50%);
    }
    .indicatorItem.active{
        width: 32px;
        height: 8px;
        background: #E60023;
        border-radius: 4px;
    }
    .model9Box{
        width: 100%;
    }
    .indicatorItem{
        width: 8px;
        height: 8px;
        background: rgba(10,18,33,0.16);
        border-radius: 50%;
        margin-left: 8px;
    }
    .bpmModel {
        min-height: auto;
    }
    .page-content {
        padding: 0 18px;
        font-size: 14px;
        font-family: PingFangSC-Regular, PingFang SC;
        font-weight: 400;
        color: rgba(10, 18, 33, 0.72);
        line-height: 22px;
        margin-top: 20px;
        margin-bottom: 80px;
    }
    .page-card {
    /* display: flex; */
    flex-direction: row;
    width: 100%;
    height: auto;
    padding: 5px 0 0 0;
    display: block;
}
.gartnerbottom {
    /* position: absolute; */
    left: 20px;
    text-align: center;
    line-height: 32px;
    /* overflow: hidden; */
    width: 96px;
    border-radius: 4px;
    background-color: #E60023;
    margin: 0 auto;
}
}
@media screen and (max-width: 660px){
    .banner-content-box h1{
       font-size: 18px;
    }
    .model-row{
        padding:0px;
        height: auto;
    }
    .model-row-item{
        width:100%;
        padding: 30px 40px;
    }
    .model-row-item-content{
        width:100%;
    }
    .model-row-item-header>img{
        display: none;
    }
    /* .modelBpmTitle .s-mmmt{
        font-size:18px;
    } */
	.modelBpmRedH {
    width: 88%;
    margin: auto;
    padding: 20px 8px;
    box-sizing: border-box;
}
.modelBpmRedH {
    /* width: 1200px; */
    height: 120px;
    background: #E60023;
    color: #fff;
    text-align: center;
    line-height: 34px;
    /* vertical-align: middle; */
}
 .banner-content-box span {
        font-size: 14px;
        color: rgba(255, 255, 255, 0.63);
    }
}
@media screen and (max-width: 590px){
    .modelBpmbanner.modelBpmbanner4-4{
        top:30px;
        left:10px;
    }
    .modelBpmbanner.modelBpmbanner4-5{
        bottom: 65px;
        left:10px;
    }
    .modelBpmbanner.modelBpmbanner4-6{
        bottom:65px;
        right: 10px;
    }
}
@media screen and (max-width: 510px){
    .modelBpmbanner4Box{
        height:300px
    }
.modelBpmbanner.modelBpmbanner4-4:after,
.modelBpmbanner.modelBpmbanner4-5:after,
.modelBpmbanner.modelBpmbanner4-6:after{
    content:"";
    width:60px;
    height: 60px;
    left:25px;
}
.modelBpmbanner.modelBpmbanner4-6.right:after{
    content:"";
    right: -34px;
}
.modelBpmbanner.modelBpmbanner4-1{
    width:180px;
}
.modelBpmbanner.modelBpmbanner4-2{
    width:140px;
}
.modelBpmbanner.modelBpmbanner4-3{
   width:60px;
}
.modelBpmbanner.modelBpmbanner4-4{
    top:10px;
}
.modelBpmbanner.modelBpmbanner4-5{
    bottom: 15px;
}
.modelBpmbanner.modelBpmbanner4-6{
    bottom:15px;
}

.modelBpmbanner.modelBpmbanner4-4 img{
    width:160px;
}
.modelBpmbanner.modelBpmbanner4-5 img,
.modelBpmbanner.modelBpmbanner4-6 img{
    width:125px;
}
.modelBpmbannerInfo{
    left:55px;
}
.modelBpmbannerInfo p{
    font-size: 12px !important;
}
}
@media screen and (max-width: 385px){
    .modelBpmbanner.modelBpmbanner4-1{
        width:160px;
    }
    .modelBpmbanner.modelBpmbanner4-2{
        width:120px;
    }
    .modelBpmbanner.modelBpmbanner4-3{
       width:50px;
    }
}
@media screen and (max-width: 375px){
    .model-row-item{
        width:100%;
        padding: 20px 30px;
    }
    .model-row{
        flex-direction:column;
        height:auto;
        align-items: center;
    } 
    .model-row-item+.model-row-item{
        margin:20px 0px 0px;
    }
    .model9Box .model-client-box.mobileModel .model-row .model-client-item{
        margin-left: 0px!important;
    }
    .model9Box .model-client-box.mobileModel .model-row .model-client-item+.model-client-item{
        margin-top: 20px;
    }
}