@charset "utf-8";



.zzzs .swiper-slide img { border:none;max-width: 250px;}

@media screen and (max-width:1200px ) {.zzzs .swiper-slide img { border: 3px solid #eee;max-width: 250px;}}

@media screen and (max-width:400px ) {.zzzs .swiper-slide img { border: 3px solid #eee;max-width: 150px;}}

.zzzs .swiper-slide span{display: block;text-align: center;}

.zzzs ul li {

    position: relative;

    width: 98% !important;

    box-sizing: border-box;

    background-color: #f8f8f8;

    margin: 0 auto 30px;

    overflow: hidden;

    height: 194px;

    padding: 20px;

    box-shadow: 5px 5px 5px #eee, 0 0 10px #eee inset;

}

.zzzs ul li a{overflow: hidden;}

.zzzs li a>span{

    display: block;

    width: 154px !important;

    height: 154px !important;
  border: 0px !important;
    float: left;

    margin-right: 30px;

}

.zzzs li h3 {

    font-size: 20px;

    line-height: 26px;

    color: #333333;

    text-decoration: none;

    font-weight: bold;

    width: auto;

    overflow: hidden;

    white-space: nowrap;

    text-overflow: ellipsis;

}

.zzzs li p{

  font-size: 14px;

  color: #666666;

  line-height: 24px;

  margin-top: 17px;
  text-align: left !important;
  height: 47px;

  overflow: hidden;

}

.zzzs li:hover h3 {

    color: #ee952f;

}