/* 案例展示统用样式 */
/* 涉及页面：案例页、案例的案例推荐、首页案例部分 */
.waterfull{
  margin: 0 auto;
}
.waterfull ul li{
  float: left;
  width: 384px;
  background: #fff;
  position: relative;
  overflow: hidden;
  margin: 0 24px 20px 0px;
  /*height: 256px;*/
}
.waterfull ul li .a-img{
  width: 384px;
  height: 288px;
  overflow: hidden;
  display: block;
  position: relative;
}
.waterfull ul li .a-img img{
  width: 384px;
    /*min-height: 256px;*/
  display: block;
}
.waterfull ul li .li-title{
  padding: 6px 0px 2px 0px;
    color: #404040;
    overflow: hidden;
    line-height: 40px;
    font-size: 18px;
    background-color: #fff;
    font-weight: bold;
}
.waterfull ul li .description{
  padding: 0px 0px 35px 0px;
  overflow: hidden;
  line-height: 26px;
  color: #424242;
  font-size: 15px;
  background: #fff;
  text-align: left;
  height: 48px;
}

@media screen and (max-width: 1024px){
  .waterfull{
    width: 100%;
  }
  .waterfull ul{
    width: 816px;
    margin: 0 auto;
  }
  .waterfull ul li{
    margin: 0 12px 20px 12px;
  }
  .waterfull ul li .li-title{
    /* text-align: center; */
  }
  .waterfull ul li .a-img{
    height: unset;
  }
}

@media screen and (max-width: 980px){
  .waterfull ul{
    width: 408px;
    margin: 0 auto;
  }
  .waterfull ul li .description{
    height: unset;
  }
}

@media screen and (max-width: 425px){
  .waterfull{
    width: 100%;
    background-color: #F5F5F5;
  }
  .waterfull ul{
    width: 100%;
    margin: 0 auto;
  }
  .waterfull ul li{
    width: 100%;
    margin: 0 0 0px 0;
    height: unset;
  }
  .waterfull ul li .li-title{
    padding: 16px 40px 0px 40px;
    color: #333;
    font-size: 18px;
  }
  .waterfull ul li .description{
    padding: 0px 40px 60px 40px;
    color: #808080;
  }
  .waterfull ul li .a-img,.waterfull ul li .a-img img{
    width: 100%;
  }
}