body{
    background-color: #f4f4f4;
}
.head {
    min-width: 1920px;
    height: 290px;
    background: #d8d8d8;
  }
  .navigation>ul>li {
    list-style: none;
    float: left;
    padding: 0 49px;
    line-height: 50px;
    color: white;
    font-size: 24px;
    cursor: pointer;
    border-left: 1px solid white;
  }
  .navigation>ul>li:last-child {
    border-right: 1px solid white;
  }
  .navigation>ul {
    margin: 0 auto;
    max-width: 1180px;
  }
  .title {
    font-size: 50px;
    color: #ffffff;
  }
  .text {
    max-width: 1180px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    height: 290px;
  }
  .ipt {
    width: 400px;
    height: 40px;
    outline-style: none;
    border: 1px solid #ccc;
    border-radius: 50px;
    text-indent: 5%;
  } 
  .el-breadcrumb{
    max-width: 1180px;
    margin: 0 auto;
    padding: 10px 0;
}
  *{
    padding: 0;
    margin: 0;
    font-family:"Microsoft YaHei",微软雅黑;
  }
  a{
      text-decoration: none;
      color: #666;
      font-size: 14px;
  }
  .body {
    max-width: 1180px;
    /* border: 1px solid black; */
    margin: 0 auto;
    min-width: 1180px;
  }
  /* .body > * {
    margin-top: 20px;
  } */
  /* .Global-style {
    display: flex;
    justify-content: space-between;
  } */
  .el-breadcrumb__separator{
    color: #666 !important;
  }
  .el-breadcrumb__inner {
    color: #666 !important;
  }
  .header-title{
    padding: 15px 0;
    border-bottom: 1px solid #eee;
  }
  .image {
    width: 100%;
    height: 100%;
    display: block;
    cursor: pointer;
  }
  .el-card__body{
      width: 270px;
  }
 
  .img-box{
    width: 100%;
    height: 200px;
  }
  .card-body-info{
    padding: 14px;
    height: 100px; 
    border: 1px solid #eee;
    position: relative;
    border-top: none;
  }
  .card-body-info>p{
      overflow: hidden;
      white-space: nowrap;
      text-overflow: ellipsis;
  }
  .card-foot-info{
    display: flex;
    position: absolute;
    bottom: 10px;
    justify-content:space-between;
    font-size: 14px;
    color: #999;
   width: 90%;
}
.el-pagination{
    padding: 50px 0 !important;
    display: flex;
    justify-content: center;
}
.breadcrumb{
  max-width: 1180px;
  margin: 0 auto;
  padding: 20px 0;
}
.breadcrumb .current-position{
  font-size: 15px;
  font-weight: 600;
}
.breadcrumb a:hover{
  color: #0d6ed9;
}
.article-list-body{
    display: grid;
    grid-template-columns: repeat(auto-fill, 270px);
    flex-wrap: wrap;
    width: 100%;
    justify-content: space-between;
}
.article-list{
  width: 270px;
  display: inline-block;
  margin-top: 20px;
}
.article-list .card-body-info strong{
  overflow: hidden;
  text-overflow: ellipsis;  
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical; 
}
.article-list .card-body-info strong:hover{
  color: #0d6ed9;
}
.article-list .card-body-info span{
  margin-top: 6px;
  overflow: hidden;
  text-overflow: ellipsis;  
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical; 
}
.block{
  text-align: center;
  margin-top: 50px;
}