.sli {

    width: 31.6%;

    padding: 40px 40px 20px;

    background: #F9F9F9;

    border-radius: 4px;

    margin-right: 2.5%;

    font-size: 16px;

    color: #555555;

    text-align: center;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

    margin-bottom: 30px;

}

.fd{

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

}

.list {

    padding-top: 60px;

}



.imgbox {

    width: 100%;

    height: 212px;

    overflow: hidden;

    margin-bottom: 20px;

}



.sli img {

    width: 100%;

    height: 100%;

    object-fit: cover;

}



.sli img {

    -webkit-transform: scale(1);

    -moz-transform: scale(1);

    -o-transform: scale(1);

    transform: scale(1);

    -webkit-transition: all 1.5s ease;

    -moz-transition: all 1.5s ease;

    -o-transition: all 1.5s ease;

    transition: all 1.5s ease;

}





.sli:hover img {

    -webkit-transform: scale(1.35);

    -moz-transform: scale(1.35);

    -o-transform: scale(1.35);

    transform: scale(1.35);

    -webkit-transition: all 1.5s ease;

    -moz-transition: all 1.5s ease;

    -o-transition: all 1.5s ease;

    transition: all 1.5s ease;

}



.sli:hover {

    font-weight: bold;

}
.zzc{
    display: none;
    height: 100vh;
    width: 100vw;
    position: fixed;
    top: 0;
    left: 0;
    background: #000;
    opacity: .5;
}
.bigal{
    width: 40%;
    position: fixed;
    left: 30%;
    z-index: 500;
    display: none;
}
.bigal img{
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.bigal .alclo{
    width: 20px;
    height: 20px;
    position: absolute;
    right: -10px;
    top: -10px;
}