body{
    background: #f7f7f7;
}
/* 产品中心 */
.productList{
    margin:6.5rem 0;
}
.productCenter{
    padding: 4.38rem 0 0 0;
}
.imgTitle{
    text-align: center;
}
.proTitle{
    text-align: center;
    padding-bottom:3.12rem;
}
.proIntroduction{
    width: 70%;
    height:25.0rem;
    margin:0 auto;
    overflow:hidden;
    margin-bottom:2.5rem;
    box-shadow: 0px 5px 15px 0px  rgba(0, 0, 0, 0.2);
    background: #fff;
}
.imgBox{
    height:100%;
    width:55%;
}
.imgBox>img{
    height: 100%;
}
.imgBox.fr{
    text-align: right;
}
.proContent{
    padding:3.75rem 2.5rem 0 2.5rem;
    width:45%;
}
.proName{
    font-size: 1.5rem;
    line-height:2.4rem;
    font-weight:600;
}
.subName{
    color:#57ad68;
    font-size:1.2rem;
    margin-bottom:2.5rem;
}
.circle{
    display: inline-block;
    width: 0.76rem;
    height: 0.76rem;;
    border-radius: 50%;
    border:2px solid #ffd000;
    margin-right:.5rem;
}
.proLists{
    color:#555;
}
.subProLists{
    text-indent: 2em;
    color:#555;
}
.proContent li{
    line-height: 1.75rem;
    font-size:1rem;
}
@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;
  }
}