.main{
    width: 100%;
    margin: 0 auto;
    /*border: 1px solid #e8e8e8;*/
    /*width: 560px;*/
    /*margin:0 auto;*/
}
.slick-slide{
    background: #fff;

    overflow:hidden;
    height: 310px;
    position: relative;
    z-index:999;
}
.slick-slide img{
    transition: width 0.5s;
    height: auto;
    width:100%;
    object-fit:cover;
}
.slick-list img{
    margin-top: 12%;

    width:100%;
    height: auto;
    object-fit: cover;
}
.slick-dots li{
    width: 24.83333%;
    object-fit: cover;
    display: inline-block;
    margin: 1px 1px 0 0;
    height: 100px;
    background: #fff;
    border: 1px solid #f2f2f2;

    /*width: 25%;
    object-fit:cover;
    display:inline-block;
    margin:0;
    height: auto;
    padding:20px 10px;*/
}

.slick-dots li:last-child {
    margin: 1px 0 0 0;
}

.slick-dots li img{
    width: 100%;
    object-fit: cover;
    transition: 0.5s;
    margin-top: 18px;

    /*
    width:100%;
    height: 100px;
    object-fit:cover;
    border-radius:6px;
    transition: 0.5s;
    border: 1px solid #fff;
    padding:5px;
    box-shadow: 0.5px 3px 7px rgba(0, 0, 0, 0.18);
    -moz-box-shadow: 0.5px 3px 7px rgba(0, 0, 0, 0.18);
    -webkit-box-shadow: 0.5px 3px 7px rgba(0, 0, 0, 0.18);
    border: 1px solid rgba(0, 0, 0, 0.05);*/
}
.slick-dots li:hover img{
    /*-webkit-box-shadow: 0.9px 4.9px 21px rgba(0, 0, 0, 0.25);*/
    /*box-shadow: 0.9px 4.9px 21px rgba(0, 0, 0, 0.25);*/
    /*-moz-box-shadow: 0.9px 4.9px 21px rgba(0, 0, 0, 0.25);*/
    /*border: 1px solid #e2e2e2;*/
}

.slick-dots{
    position: relative;
    text-align:left;
    bottom: 0;
}