.menu{
    background: #f9f9f9;
}
.menu .content{
    overflow: inherit;
}
.menu .menu_sw{
    background: #fff;
    margin-bottom: 40px;
}
.menu .col-xl-auto{
    padding: 0;
    border-left: 1px solid #d5d5d5;
}
.menu .col-xl-auto:last-of-type{
    border-right: 1px solid #d5d5d5;
}
.menu .col-xl-auto span{
    width: 220px;
    height: 64px;
    line-height: 64px;
    display: inline-block;
    cursor: pointer;
    color: #323232;
    background: #fff;
    text-align: center;
}
.menu .col-xl-auto.active span{
    background: #dc4e42;
    border: 0;
    color: #fff;
}
.menu_cont{
    position: relative;
}
.menu_cont>div{
    opacity: 0;
    z-index: -1;
}
.menu_cont>div:not(:first-of-type){
    position: absolute;
    top: 0;
}
.menu_cont>div.active{
    opacity: 1;
    z-index: 10;
    transition-delay: .25s;
}
.menu_cont>.row{
    margin: 0 -10px;
}
.menu_cont>.row>div{
    padding: 0 10px;
}
.menu_cont .list h6{
    font-size: 16px;
    color: #3c4457;
    height: 40px;
    line-height: 40px;   
    background: #eeeeee;
    padding-left: 22px;
    width: 100%;
    text-align: left;
    margin-bottom: 0;
}
.menu_cont .list a{
    width: 100%;
    padding: 0 22px;
    display: inline-block;
    height: 40px;
    line-height: 40px;
    color: #666666;
    text-align: left;
    background: #fff;
}
.menu_cont .list a:hover{
    color: #f05013;
}
.menu_cont .list a.active{
    color: #f05013;
}
.menu_cont .list a i{
    float: right;
    display: inline-block;
    width: 32px;
    height: 10px;
    background: url(../images/tubiao/cases.png);
    margin-top: 16px;
}
.menu_cont .list a.active i{
    background: url(../images/tubiao/cases_ac.png);
}
.menu_cont img{
    height: 210px;
}
.menu_cont .wenzi{
    padding: 10px 14px;
    text-align: left;
    /* height: 120px; */
    background: #fff;
}
.menu_cont .wenzi a{
    font-size: 16px;
    color: #333333;
    display: inline-block;
    margin-bottom: 4px;
}
.menu_cont .col-xl-12>.row{
    margin: 0 -10px;
}
.menu_cont .col-xl-12 .col-xl-3{
    margin-bottom: 20px;
    padding: 0 10px;
}
.menu_cont .col-xl-3 img,.menu_cont .col-xl-9 .col-xl-4 img{
    width: 100%;
}
.menu_cont .col-xl-3 .wenzi,.menu_cont .col-xl-9 .col-xl-4 .wenzi{
    border-bottom: 4px solid #fff;
}
.menu_cont .col-xl-3:hover .wenzi,.menu_cont .col-xl-9 .col-xl-4:hover .wenzi{
    border-bottom: 4px solid #f05013;
    transition: all 0s;
    box-shadow: 2px 0 2px #ccc;
}
.menu_cont .col-xl-3:hover img,.menu_cont .col-xl-9 .col-xl-4:hover img{
    box-shadow: 2px 0 2px #ccc;
    transition: all 0s;
}
.menu_cont .col-xl-9{
    position: relative;
}
.menu_cont .col-xl-9>.row{
    opacity: 0;
    z-index: -1;
}
.menu_cont .col-xl-9>.row:not(:first-of-type){
    position: absolute;
    top: 0;
}
.menu_cont .col-xl-9>.row.active{
    opacity: 1;
    z-index: 10;
    transition-delay: .25s;
}
.container-fluid .inquiry{
    background: #fff;
}
@media (max-width:1200px){
    .banner .wenzi p{
        width: 100%;
        -webkit-line-clamp: 2;
    }
}
@media (max-width:767px){
    .banner .wenzi{
        position: absolute;
    }
    .banner .wenzi p{
        display: none;
    }
    .menu_cont .list{
        margin-bottom: 20px;
    }
    .menu_cont .list a i{
        display: none;
    }
}