/* 内部导航颜色 */
.aside-container .aside-left ul li:hover a{
    color: #005eac;
}
.aside-container .aside-left ul li.current a{
color: #005eac;
}

/* 工程案例 */
.cases-list{
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 5%;
}
    .cases-list ul li{
        display: inline-block;
        width: 23.5%;
        margin-right: 1.3%;
        border: 1px solid #717171;
        margin-bottom: 2.6%;
        position: relative;
        top: 0;
        transition: .2s;
        -webkit-transition: .2s;
        -moz-transition: .2s;
        -ms-transition: .2s;
        -o-transition: .2s;
    }
    .cases-list ul li:nth-child(4n){
        margin-right: 0;
    }
    .cases-list ul li .cases-img{
        display: inline-block;
        width: 100%;
        padding-bottom: 66.7%;
        position: relative;
        overflow: hidden;
    }
    .cases-list ul li .cases-img img{
        display: inline-block;
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        transition: .5s;
        -webkit-transition: .5s;
        -moz-transition: .5s;
        -ms-transition: .5s;
        -o-transition: .5s;
    }
    .cases-list ul li .cases-icon{
        text-align: center;
        padding: 10px 0;
        width: 100%;
        padding-bottom: 30%;
        position: relative;
    }
    .cases-list ul li .cases-icon p{
        display: flex;
        align-items: center;
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
    }
    .cases-list ul li .cases-icon p img{
        display: inline-block;
        max-width: 80%;
        max-height: 90%;
        margin: 0 auto;
    }
    .cases-list ul li:hover{
        box-shadow: 0 0 16px rgba(0, 0, 0, .15);
        top: -2px;
    }
    .cases-list ul li:hover .cases-img img{
        transform: scale(1.08);
        -webkit-transform: scale(1.08);
        -moz-transform: scale(1.08);
        -ms-transform: scale(1.08);
        -o-transform: scale(1.08);
    }

    @media(max-width:1110px){
        .cases-list ul li {
            display: inline-block;
            width: 23.2%;
        }
    }
    @media(max-width:760px){
        .cases-list ul li{
            width: 31.5%;
            margin-right: 1.5%;
        }
        .cases-list ul li:nth-child(4n){
            margin-right: 1.5%;
        }
        .cases-list ul li:nth-child(3n){
            margin-right: 0%;
        }
    }
    @media (max-width: 680px){
        .cases-list ul li {
            width: 31.4%;
        }
    }
    @media (max-width: 580px){
        .cases-list ul li {
            width: 31.2%;
        }
    }
    @media (max-width: 480px){
        .cases-list ul li{
            width: 45%;
            margin-right: 0;
        }
        .cases-list ul li:nth-child(4n){
            margin-right: 0%;
        }
        .cases-list ul li:nth-child(odd){
           float: left;
        }
        .cases-list ul li:nth-child(even){
            float: right;
         }
    }




/* 案例详情 */
.cased-container{
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 5%;
}
    .cased-container>h1{
        text-align: center !important;
        font-size: 30px !important;
        font-weight: normal !important;
        margin-bottom: 2%;
    }
    .cased-container p{
        font-size: 18px !important;
        line-height: 28px !important;
    }
    .cased-container img{
        display: inline-block;
        max-width: 100% !important;
        margin: 0 auto;
    }

    @media(max-width:760px){
        .cased-container h1{
            font-size: 18px !important;
        }
        .cased-container p {
            font-size: 14px !important;
        }
    }