/* onlineconsulting */
.onlineconsulting-title{
    text-align : center;
}
.onlineconsulting-title img{
    width : auto;
}

.onlineconsulting-list{
    max-width : 1200px;
    width : 90%;
    margin : 0 auto;
}

.onlineconsulting-list .flex li{
    flex : 1;
    padding : 3%;
}

.onlineconsulting-list .flex li > div{
    position : relative;
}

.onlineconsulting-list .title{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    background-image: url('/statics/xdimg/mdown.png');
    background-size: 100%;
    background-position-y: bottom;
    background-repeat: no-repeat;
    height: 200px;
    padding-bottom: 20px;
    transition : all .4s ease-in-out;
    opacity : 0.9;
}

.onlineconsulting-list .title:hover{
    background-image : url('/statics/xdimg/mup.png');
}

.onlineconsulting-list .title img{
    width : 50%;
}

.onlineconsulting-list-mo{
    display : none;
}

@media screen and (max-width : 800px){
    .onlineconsulting-list{
        display : none;
    }

    .onlineconsulting-list-mo{
        display : block;
        width : 90%;
        margin : 0 auto;
    }

    .onlineconsulting-title{
        margin-bottom : 20px;
    }

    .onlineconsulting-list-mo .flex li {
        flex: 1;
        padding: 3%;
    }
}