.news-warp{
  display: flex;
  max-width: 1200px;
  margin: auto;
  justify-content: space-between;
}
.news-item .text .more,.news-item .text,.hot-articles-item a{
  -webkit-transition: 0.5s ease-in-out 0s;
  -moz-transition: 0.5s ease-in-out 0s;
  transition: 0.5s ease-in-out 0s;
}
.news-box{
  /* display: flex; */
}
.news-list-box{
  width: 90%;
}
.news-list{

}
.news-item{
  
}
.news-item a{
  display: flex;
  margin-bottom: 40px;
}
.news-item .pic{
  width: 360px;
}
.news-item .pic img{
  width: 100%;
  vertical-align: top;
}
.news-item .text{
  flex: 1;
  padding: 20px 40px 0;
  background-color: #fff;
}
.news-item:hover .text{
  background-color: #e1e1e1;
}
.news-item .text .time{
  padding: 20px 0;
  font-size: 16px;
  color: #666666;
}
.news-item .text .tit{
  font-size: 18px;
  padding-bottom: 30px;
  color: #000;
}
.news-item .text .txt{
  position: static;
  color: #9c9c9d;
}
.news-item .text .more{
  margin-top: 70px;
  padding-left: 22px;
  position: relative;
  background: url(../img/index2.png) left center no-repeat;
  color: #000;
}
.news-item:hover .text .more{
  background-position: 20px;
  padding-left: 42px;
}
.hot-articles-box{

}
.hot-articles{
  min-width: 168px;
  padding: 20px 40px;
  background-color: #fff;
}
.hot-articles .tit{
  font-size: 18px;
  color: #000;
}
.hot-articles-list{

}
.hot-articles-item{
  line-height: 30px;
}
.hot-articles-item a{
  display: block;
  color: #585657;
}
.hot-articles-item a:hover{
  color:#ed0015;
}
@media screen and (max-width: 1280px){
  .news-warp{
    max-width: 1000px;
  }
  .news-item .pic{
    width: 246px;
  }
  .news-item .text .time{
    font-size: 14px;
    padding: 2px 0;
  }
  .news-item .text .tit{
    font-size: 16px;
    padding-bottom: 12px;
  }
  .news-item .text .more{
    margin-top: 32px;
  }
}
@media screen and (max-width: 900px){
  .news-warp{
    width: 95%;
  }
  .hot-articles{
    display: none;
  }
  .news-list-box{
    width: 100%;
  }
  @media screen and (max-width: 610px){
    .news-item a{
      flex-wrap: wrap;
    }
    .news-item .pic,.news-item .text{
      width: 100%;
    }
    .news-item .text{
      padding-bottom: 20px;
    }
    .news-item a{
      margin-bottom: 20px;
    }
  }
}