.case_banners {
    position: relative;
    width: 100%;
    height: 100%;
}
.case_banners_ai {
    background: url("../images/banner_case_ai.png") center center no-repeat;
    background-size: 100% 100%;
}
.case_banner_cloud {
    background: url("../images/banner_case_cloud.png") center center no-repeat;
    background-size: 100% 100%;
}
.case_banner_school {
    background: url("../images/banner_case_school.png") center center no-repeat;
    background-size: 100% 100%;
}
.main_case {
    width: 100%;
    overflow: hidden;
    position: relative;
    background-color: #ffffff;
    padding: 4rem 0 0 0;
}

.case_contain {
    margin: 0 auto;
    width: 87.5rem;
}

.case_menu {
    float: left;
    width: 11.4%;
    min-height: 11.25rem;
}
.case_menu_title {
    width: 100%;
    height: 3.25rem;
    background-color: #0072ff;
    /*box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);*/
    border-radius: 0.125rem 0.125rem 0px 0px;
    overflow: hidden;
}
.case_menu_title_chn {
    margin: 0.625rem 0 0 1rem;
    height:1rem;
    font-size: 1rem;
    line-height: 1rem;
    letter-spacing: 1px;
    color: #ffffff;

}
.case_menu_title_eng {
    margin: 0.375rem 0 0 1rem;
    height: 0.75rem;
    font-size: 0.75rem;
    line-height: 0.75rem;
    letter-spacing: 1px;
    color: #ffffff;
    opacity: 0.4;
}
.case_menu_nav {
    padding: 0.625rem 0.0625rem;
    width: 100%;
    min-height: 8rem;
    background-color: #ffffff;
    border-radius: 2px;
    border: solid 1px #e5e5e5;
}
.case_menu_nav_li {
    height: 2.25rem;
    line-height: 1rem;
    letter-spacing: 0.0625rem;
    cursor: pointer;
    overflow:hidden;
}
.case_menu_nav_li_tip {
    float: left;
    margin-top: 0.6875rem;
    width: 0.1875rem;
    height: 0.875rem;
    border-radius: 0.0625rem;
}
.case_menu_nav_li:hover .case_menu_nav_li_tip {
    background-color: #0072ff;
}
.case_menu_nav_li_text {
    font-size: 1rem;
    margin: 0.625rem 0 0 0.75rem;
}
.case_menu_nav_li:hover > .case_menu_nav_li_text {
    color: #0072ff;
}
.case_menu_nav_li_isactive > .case_menu_nav_li_tip {
    background-color: #0072ff;
}
.case_menu_nav_li_isactive > .case_menu_nav_li_text {
    color: #0072ff;
}
.case_content {
    float: right;
    width: 87.5%;
    height: auto;
    overflow: hidden;
}
.case_list {
    width: 100%;
    min-height: 19.25rem;
    height: auto;
    overflow:hidden;
}
.case_list_rows {
    width:100%;
    height: 19.25rem;
     margin: 1.875rem 0 0 0;
}
    .case_list_rows:first-child {
        margin:0;
    }
.case_list_cell {
    float: left;
    width: 31.7%;
    height: 19.25rem;
    background-color: #ffffff;
    border: solid 1px #e5e5e5;
    cursor: pointer;
    margin-left: 2.45%;
}
    .case_list_cell:nth-child(1), .case_list_cell:nth-child(4){
        margin:0;
    }
    .case_list_cell:nth-child(4), .case_list_cell:nth-child(5), .case_list_cell:nth-child(6) {
        margin-top: 1.875rem;
    }
    .case_list_cell:hover {
        box-shadow: 0px 0px 1.25rem 0px rgba(0, 0, 0, 0.2);
    }



.cell_img {
    width: 100%;
    height: 13.625rem;
}
.cell_address {
    height: 1.125rem;
    margin: 1.25rem;
    line-height: 1.125rem;
    width:93%;
}
.cell_address_img {
    float: left;
    width: 0.75rem;
    height: 1rem;
    background-color: #0072ff;
    background: url("../images/case_address.png") center center no-repeat;
    background-size: 100% 100%;
    margin: 0.0625rem 0.375rem 0 0;
}
.cell_address_space {
    float: left;
    width:  1px;
    height: 1.125rem;
    background-color: #dcdcdc;
    margin: 0 0.625rem;
}
.cell_address_text {
    float: left;
    height: 1.125rem;
    font-size: 1.125rem;
}
.cell_address_text1 {
    height: 1.125rem;
    font-size: 1.125rem;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.cell_time {
    height: 0.6875rem;
    color: #999999;
    margin-left: 1.25rem;
    line-height: 0.875rem;
    font-size: 0.875rem;
}
.case_pagination {
    width: 100%;
    margin: 3.75rem 0;
    /*height: 1.75rem;*/
}