.box8 .icon, .box8 .title {
    margin   : 0;
    position : absolute
}

.box8 {
    box-shadow : 0 0 3px rgba(0, 0, 0, .3);
    position   : relative
}

.box8 img {
    width  : 100%;
    height : auto
}

.box8 .box-content {
    width            : 100%;
    height           : 100%;
    background       : rgba(0, 0, 0, .6);
    opacity          : 0;
    position         : absolute;
    top              : 0;
    left             : 0;
    transform        : perspective(400px) rotateX(-90deg);
    transform-origin : center top 0;
    transition       : all .5s ease 0s
}

.box8 .icon li a, .box8 .title {
    background : rgba(27, 109, 133, .8);
    font-size  : 20px;
    color      : #fff
}

.box8:hover .box-content {
    opacity   : 1;
    transform : perspective(400px) rotateX(0)
}

.box8 .title {
    padding       : 5px 7px;
    border-radius : 5px;
    font-weight   : 600;
    bottom        : 10px;
    left          : 10px;
    font-size     : 14px;
    transition    : all .9s ease 0s
}

.box8 .icon li a, .box9 .box-content, .box9 .icon li, .box9 img {
    transition : all .35s ease 0s
}

.box8:hover .title {
    left    : 35%;
    /*left : calc(25vw / 2);*/
    opacity : 0;
}

.box8 .icon {
    list-style : none;
    padding    : 0;
    top        : 25%;
    left       : 0;
    right      : 0
}

.box8 .icon li a {
    display       : block;
    width         : 40px;
    height        : 40px;
    line-height   : 40px;
    border-radius : 50%;
    margin-right  : 7px
}

.box8 .box-content .icon i {
    display       : inline-block;
    width         : 40px;
    height        : 40px;
    line-height   : 40px;
    border-radius : 50%;
    margin-right  : 7px;
    background    : #1b6d85;
    font-size     : 20px;
    color         : #fff;
}

.box8 .box-content .icon a {
    color : white;
}

.box9 .icon, .box9 .title {
    width     : 100%;
    font-size : 22px;
    display   : inline-block;
}

.box8 .icon li a:hover {
    background : #fff;
    color      : #000
}

.mt10 {
    margin-bottom : 25px;
}

@media only screen and (max-width : 990px) {
    .box8 {
        margin-bottom : 20px
    }
}