.userCase{
    padding:3.5rem 0;
    text-align: center;
}
.caseTitle{
    margin:2.5rem 0 5.0rem 0;
}
.casePattern{
    font-size:1.5rem;
    color:#57ad68;
}
.caseState{
    font-size:1rem;
    color:#333;
   margin-top:1rem;
}
.caseInfo{
    padding:2.5rem 0;
    font-size:1rem;
    font-weight: 900;
}
.infoTitle{
    margin-bottom:2rem;
}
.caseImg>img{
    width: 35%;
}
/* 应用场景 */
.applicationScenarios{
    background: #eee;
    padding: 2.5rem 0 4rem 0;
}
.applicationTitle{
    text-align: center;
    font-size: 1.38rem;
    font-weight: 800;
    padding: 2.5rem 0 3rem 0;
}
.scenariosList{
    width: 65%;
    margin:0 auto;
}
.scenariosList li{
    float: left;
    width: 33.3%;
    text-align: center;
    padding:0 1.8rem;
}
.scenariosList li>img{
    width: 60%;
}
.scenariosTitle{
    font-size:1rem;
    color:#555;
    
    line-height: 1.5rem;
}
.scenariosTitle .sumListTitle{
    display: inline-block;
    font-size:1.2rem;
    font-weight: 800;
    color:#222;
    padding:1.12rem 0;
}
/* 我们的客户 */
.ourClient{
    background: #fff;
    padding:2.5rem 15%;
    text-align: center;
}
.clientTitle{
    padding:1.25rem 0;
}
.clientList li{
    float: left;
    width: 16.6%;
    margin-bottom: 15px;
}
.clientList li>img{
    /* width:100%; */
}
@media screen and (max-width:1200px){
  .logobg{
    display: none;
  }
  .logosm{
    display: block;
  }
  .navBar{
    padding: 0 120px;
  }
  .proIntroduction{
    position: relative;
    width: 90%;
    /* height: auto; */
  }
  .strategyBox{
    width: 90%;
  }
  .ourClient{
    padding: 2.5rem 5%;
  }
  .introduction{
    width: 90%;
  }
  .footer{
    padding: 1.88rem 5%;
  }
  .toContactUs{
    top: 41%;
    left: 18%;
    width: 28.62rem;
  }
}
@media screen and (max-width:768px){
  .logobg{
    display: none;
  }
  .logosm{
    display: none;
  }
  .footerList:nth-child(3){
    display:none;
  }
 
  .footerList:nth-child(6){
    display:none;
  }
  .toContactUs{
    top: 185px;
    left: 50px;
  }
  .clientList li{
    width: 25%;
  }
  .strategyList{
    display: block;
    margin-bottom: 30px;
    width: 100%;
  }
  .strategyBox{
    width: 70%;
  }
  .bottomPart li{
    line-height: 3rem;
  }
  .scenariosList{
    width: 90%;
  }
  .proIntroduction{
    width: 60%;
    height: auto;
  }
  .imgBox{
    width: 100%;
  }
  .imgBox>img{
    width: 100%;
  }
  /* .fr,.fl{
    float: none;
  } */
  .proContent{
    width: 100%;
    padding: 3.75rem 2.5rem;
  }
  .introList,.ourBuilding{
    width: 100%;
  }
  .navBar{
    padding: 0px 30px;
  }
  .proContent3{
    display: none;
  }
  .proContent2{
    display: block;
  }
}