.newsList {
    width: 100%;
    background-color: #fff;
    overflow-x: hidden;
    overflow-y: auto;
  }
  .bannerTop{
      height: 300px;
      width: 100%;
      background: url(../img/images/banner1.png) no-repeat;
      background-size: 100% 100%;
  }
  .crumbs{
      width: 1200px;
      margin: 20px auto;
  }
  .newListBox{
      width: 1200px;
        margin: 0 auto;
        border-top: 2px solid #eee;
        margin-bottom: 20px;
       
  }
  .newList{
      display: flex;
      align-items: center;
      position: relative;
      height: 250px;
      width: 100%;
      border-bottom: 2px solid #eee;
      overflow: hidden;
      /* margin-bottom: 2px; */
      
  }
  .newLeft{
    display: flex;
    align-items: center;
      width: 500px;
      height: 100%;
      /* background-color: red; */
  }
  .newRight{
      height: 100%;
      width: 600px;
      box-sizing: border-box;
      padding-top: 80px;
      padding-left: 40px;
      /* background-color: red; */
  }
  .newLeft img{
      height: 180px;
      width: 300px;
  }
  .leftText{
      margin-left: 30px;
  }
  .text1{
      font-size: 35px;
      color: black;
  }
  .text2{
      font-size: 20px;
      margin-left: 5px;
  }
  .line{
      width: 1px;
      height: 80%;
      background-color: #eee;
  }
  .leftTitle{
      color: black;
      font-size: 20px;
  }
  .newRight .cotent{
    /* color: ;
     */
     margin-top: 10px;
  }
  .iconRight{
      position: absolute;
      height: 30px;
      width: 30px;
      text-align: center;
      line-height: 30px;
      /* background-color: blueviolet; */
      right: 0;
      border-radius: 50%;
      border:1px solid #86898b;
  }
  #test1{
      display: flex;
      justify-content: center;
      align-items: center;
  }
  .newList:hover .leftTitle{
    color: blue;
  }
  .newList:hover .iconRight{
    border-color: blue;
    color: blue;
  }