﻿.desq-multi_cols{
    padding:80px 0;
    background:url(../image/ibg3.jpg) no-repeat center top;
    }

.desq-multi_cols .tit{
    display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:center;align-items:center;
    }
.desq-multi_cols .tit h3{
    font-size:36px;color:var(--title-text-color);font-weight:700;line-height:1;position:relative;
    }
.desq-multi_cols .tit h3::before{
    content:"";width:30px;height:2px;background:#666;display:inline-block;position:absolute;left:-48px;top:calc(50% - 1px);
    }
.desq-multi_cols .tit a{
    font-size:13px;color:#2e2e2e;line-height:25px;border-bottom:1px solid #2E2E2E;
    display: none;
    }
.desq-multi_cols .tit a i{
    font-size:18px;vertical-align:middle;
    }
.desq-multi_cols .tit a:hover{
    color:rgba(46,46,46,0.6);border-bottom-color:rgba(46,46,46,0.6);
    }

.desq-multi_cols ul{
    margin:55px 0 0;border-left:1px solid #E5E5E4;display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;-webkit-flex-wrap:wrap;flex-wrap:wrap;
    }
.desq-multi_cols ul li{
    text-align:center;width:25%;padding:5px 25px;box-sizing:border-box;cursor:pointer;border-right:1px solid #E5E5E4;
    }
.desq-multi_cols ul li .box{
    padding:53px 20px 20px;box-sizing:border-box;height:100%;border-radius:15px;box-shadow:0 0 20px rgba(157,158,157,0.43);position:relative;
    }
.desq-multi_cols ul li .ico{
    width:70px;
    height:70px;
    margin:0 auto;
    position:relative;
    display:-webkit-flex;
    display:flex;
    -webkit-justify-content:center;
    justify-content:center;
    -webkit-align-items:center;
    align-items:center;
    }
.desq-multi_cols ul li .ico img{
    height:53px;position:relative;z-index:20;
    }
.desq-multi_cols ul li .ico::after{
    content:"";
    width:33px;
    height:33px;
    background:#E6E6E6;
    display:block;
    position:absolute;
    right:0;bottom:0;
    transition:all 0.3s ease 0s;
    }
.desq-multi_cols ul li h5{
    font-size:22px;
    line-height:1;
    color:#2e2e2e;
    margin:45px 0 0;
    }
.desq-multi_cols ul li p{
    font-size:17px;color:#666;line-height:28px;margin:30px 0 0;
    }

.desq-multi_cols ul li:hover .ico::after{
    width:100%;height:100%;
    }

@media screen and (max-width:1400px){
    .desq-multi_cols ul li h5{font-size:20px;margin:30px 0 0;}
    .desq-multi_cols ul li p{font-size:16px;line-height:24px;margin:25px 0 0;}

    .desq-multi_cols .tit h3{font-size:36px;}

}

@media screen and (max-width:1280px){
   .desq-multi_cols .tit h3{font-size:28px;}
}

@media screen and (max-width:992px){
    .desq-multi_cols{background-size:cover;}
    .desq-multi_cols ul{margin:40px 0 0;border-left:none;}
    .desq-multi_cols ul li{width:50%;padding:20px 15px;}
    .desq-multi_cols ul li:nth-child(2n){border:none;}
    .desq-multi_cols ul li:nth-child(n+3){border-top:1px solid #E5E5E4;}
    .desq-multi_cols ul li h5{font-size:18px;margin:15px 0 0;}
    .desq-multi_cols ul li p{line-height:22px;margin:15px 0 0;}
    .desq-multi_cols{
    padding:40px 0;
  
    }
     .desq-multi_cols .tit h3{font-size:28px;}
}

@media screen and (max-width:768px){
    
    .desq-multi_cols .tit h3{font-size:24px;}

}

@media screen and (max-width:600px) {
    .desq-multi_cols .tit h3{font-size:24px;}

    .desq-multi_cols ul li{width:100%;padding:20px 10px;}
    .desq-multi_cols ul li+li{border-top:1px solid #E5E5E4 !important;}
}

@media screen and (max-width:480px) {
    .desq-multi_cols .tit h3{font-size:24px;}
}