.box {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    overflow: hidden;
  }
  
  .overallSituation {
    width: 100%;
    flex-grow: 1;
  }
  
  .leftNavigation {
    width: 15%;
    height: 790px;
  }
  
  #leiDaTu {
    margin-left: 5%;
    height: 480px;
    width: 450px;
    float: left;
  }
  
  #leiDaTu2 {
    margin-left: 5%;
    height: 480px;
    width: 450px;
    float: left;
  }
  
  #leiDaTu3 {
    margin-left: 5%;
    height: 480px;
    width: 450px;
    float: left;
  }
  
  .margin {
    width: 100%;
    height: 618px;
    border: #000000 1px solid;
  }
  
  .dialogLeftData {
    width: 42%;
    height: 120px;
    text-align: center;
    float: left;
  }
  
  .dialogRightData {
    width: 58%;
    height: 650px;
    text-align: center;
    float: left;
  }