.work-wraper{
    width: 1200px;
}
.work-wrap{
    width: 1200px;
}
.work-cont{
    position: relative;
    width: 279px;
    margin:0  10px;
    margin-bottom: 25px;
}

.work-cont:hover >a> .work-list{
    visibility: visible;
}
.work-cont:hover>a>.img-wrap > .work-img{
    transform: scale(1.08);
}
.img-wrap{
    width: 279px;
    height: 390px;
    overflow: hidden;
}
.work-list{
    position: absolute;
    bottom: 0;
    background-color: rgb(0,0,0,0.5);
    color: #ffffff;
    width: 100%;
    height: 127px;
    visibility: hidden;
    z-index: 1;
}
.work-list>.name{
    font-size: 20px;
}
.work-list>.des{
    font-size: 16px;
    padding: 5px;
    height: 28px;
    border: 1px solid #ffffff;
}
.work-list>.des{
    font-size: 16px;
   
}
.work-img{
    transition: all 1s;
    width: 279px;
    height: 390px;
}
.btm-wrap{
    margin: 57px auto 0px;

}
.btmdes{
    font-size: 16px;
    line-height: 49px;
    text-align: center;

}