.banner_title{position:absolute;text-align:left;color:#4f7cbe;top:40%;left:62%}
#title_desc{display:inline-table}
#title_desc .zh{font-size:2.5vw;line-height:3vw;font-weight:700;}
#title_desc .en{margin-top:0.3vw; font-family:"Arial,Microsoft YaHei";font-size:1.1vw;line-height:1.5vw;font-weight:400;letter-spacing:2px;}
.case-box{margin:50px 20px 35px;}
.case-classify-box{position:relative; width:100%;height:100%}
.case-classify{position:absolute;display: flex; align-items: center;
    justify-content: center;left:0;top:0%;width:100%;height:100%; text-align:center;line-height:100%;color:#dd4a3f;} 
.case li{width: 20%; height:100%;border:1px solid #f4f4f4;margin:-1px 0 0 -1px}
.case .case-bg-box,.case .logo-box{margin:0 10%;display:block;width:80%}
.case .case-bg,.case .case-logo{width:100%}


@media screen and (max-width:1440px) {

}

@media screen and (max-width:1200px) {

}

@media screen and (max-width:960px) {

}

@media screen and (max-width:641px) {
    .case-box{margin:10px 10px 35px;width: calc(100% - 20px);}
    .case-classify-box{margin: 20px 0 10px !important; position:relative;width:100% !important;height:100%;border:none !important} 
    .case .case-bg-box{display:none;}
    .case-classify{position:relative;width:100%;text-align:center;height:50px; line-height:50px;} 
    .case li{ width: 50%;}
}

@media screen and (max-width:450px) {
}