.full-scroll ul{
    font-size: 0;
    padding: 0px;
    margin: 0px;
    -webkit-transition: all 0.8s;
    -moz-transition: all 0.8s;
    -ms-transition: all 0.8s;
    -o-transition: all 0.8s;
    transition: all 0.8s;
    margin-left: 0px;
}
.full-scroll ul li{
    display: inline-block;

    list-style-type: none;
}
.full-scroll{
    overflow: hidden;
    max-width: 1440px;
    margin: 0 auto;
    position: relative;
}
.full-scroll .direction{
    height: 100%;
    position: absolute;
    top: 0px;
    z-index: 20;
}
@media (min-width: 992px) {
    .full-scroll .direction{
        display: none;
        background: rgba(164,166,166,.5);
    }
}
.full-scroll .direction img{
    cursor: pointer;
}
.full-scroll .left{
    left: 0px;

}
.full-scroll .right{
    right: 0px;
}
.full-scroll ul li>div{
    /*height: 300px;*/
    /*width: 215px;*/
    position: relative;
}
.cases-one .div-cover{
    background: rgba(10,10,10,.6);
}
.cases-tag{
    position: relative;
    margin-bottom: 20px;
    color: #fff
}
.cases-tag:after{
    content: "";
    height: 2px;
    background: #ffffff;
    width: 50px;
    position: absolute;
    bottom: 0px;
    left: 50%;
    margin-left: -25px;
    opacity: 0;
}
.full-scroll .read-list{
background: url("/static/images/main/cases-more.jpg");
    cursor: pointer;
}

.full-scroll .read-list h1{
    color: #ffffff;
    opacity: 1;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    font-size: 44px;
}
.full-scroll .read-more{
    border-radius: 0px;
    background: #fff;
    color: rgba(231,64,46,.5);
    opacity: 0;
    margin-bottom: -100px;
}
.cases-one .div-cover,.cases-one .read-more,.full-scroll .read-list,.cases-one .cases-tag,.cases-one .cases-tag::after{
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}
#cases{
    background: #f5f5f5;
    padding: 80px 0px;
}