.title_slider{
    background-color: #ecebeb;
}

.title_slider .content{
    width:1130px;
    height:120px;
}

.cell_title{
    width:33.333%;
    height:inherit;
    float:left;
    box-sizing:border-box;
    padding:15px;
    color:#212121;
}

.title_content{
    height:280px;
    height:100px;
/*    padding:10%;*/
    padding:29px;
    box-sizing:border-box;
    background-color:#fff;
    position:relative;
    top:-185px;
    top:-60px;
    overflow:hidden;
    cursor:pointer;
    border:3px solid #fff;
    box-sizing:border-box;
}

    .icon_tc{
        background-position:center;
        background-repeat:no-repeat;
        background-size:contain;
        height:80px;
        margin-bottom:20px;
    }

        .icon_tc.home1{
            background-image: url(../../templates/img/home1.png);
        }
        
        .icon_tc.home2{
            background-image: url(../../templates/img/home2.png);
        }
    
    .title_tc{
        font-size:27px;
        text-align:center;
        margin-bottom:13px;
    }
    
    .desk_tc{
        font-size: 14px;
        color:#787879;
        line-height: 25px;
        font-style: normal;
        font-weight: 400;
        font-family:sans-serif;
        text-align:center;
    }
    
.icon-title{
    width:50px;
    height:50px;
    border-radius:50%;
    position:absolute;
    -webkit-transform: translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(1);
    left:18%;
    top:50%;
    background-position:center;
    background-repeat:no-repeat;
    background-size:cover;
    zoom: 100%;
    transition:all 0.5s;
}

.title-url{
    text-align:center;
    font-size:25px;
    position:relative;
    z-index:100;
    padding:1px;
    transition:all 0.5s;
}

.title-black{
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    right:0;
    background-color:rgba(0,0,0,0);
    transition:all 0.5s;
}

    .title_content:hover .icon-title{
        -webkit-transform: translate(-50%, -50%) scale(12);
        transform: translate(-50%, -50%) scale(12);
    }
    
    .title_content:hover .title-black{
        background-color:rgba(255,255,255,0.6);
    }
    
@media only screen and (max-width: 1200px){ 
    .title_slider .content{
        width:90%;
    }
    
    .title_slider{
        padding:50px 0px;
    }
    
    .title_slider .content{
        height:auto;
    }
    
    .title_content{
        top:0px;
    }
    
}

@media only screen and (max-width: 1000px){ 
    .cell_title{
        width:50%;
    }
}

@media only screen and (max-width: 768px){  
    .cell_title{
        width:100%;
    }
    
    .title_content{
        height:auto;
    }
}