/*===================
案例展示页样式
=====================*/
.case_nav{
    max-width: 640px;
    width: 100%;
    height: 0.8rem;
    border-bottom: 1px solid #e6e5e5;
    background-color: #fff;
    position: fixed;
    top: 0.88rem;
    z-index: 9999;
}
.case_nav li{
    width: 33.3%;
    text-align: center;
    line-height: 0.8rem;
    float: left;
    font-size: 0.23rem;
    position: relative;
}
.case_nav .on{
    color: #859588;
}
.case_li_fengge{
    max-width: 640px;
    width: 100%;
    height: 5.4rem;
    background-color: #fff;
    position: fixed;
    top: 1.68rem;
    z-index: 9;
}
.case_li_fengge ul{
    max-height: 5.4rem;
    overflow-y: auto;
}
.case_li_fengge li{
    width: 100%;
    height: 0.9rem;
    line-height: 0.9rem;
    text-align: center;
    font-size: 0.23rem;
    border-bottom: 1px solid #e6e5e5;
}
#case_li_fengge_on{
    display: none;
}
#case_li_fengge_to{
    display: none;
}
#case_li_fengge_so{
    display: none;
}
.cases_center{
    width: 5.65rem;
    height: auto;
    margin: auto;
    position: relative;
    display: table;
    border-bottom: 1px solid #e6e5e5;
    margin-top: 0.16rem;
    margin-bottom: 0.04rem;
}
.cases_center_on{
    width: 100%;
    height: 0.7rem;
    display: table;
    line-height: 0.7rem;
}
.cases_center_on_img{
    width: 0.7rem;
    height: 0.7rem;
    border-radius: 0.7rem;
    float: left;
    overflow: hidden;
}
.cases_center_to{
    width: 100%;
    border-radius: 0.1rem;
}
.cases_center_so{
    font-size: 0.18rem;
    height: 0.6rem;
    line-height: 0.6rem;
}
.cases_center_dian{
    width: 2.12rem;
    height: 0.5rem;
    line-height: 0.5rem;
    text-align: center;
    color: #859588;
    font-size: 0.2rem;
    border: 1px solid #859588;
    border-radius: 0.1rem;
    margin: auto;
}
/*==================================
   案例内页
====================================*/
.case_nei_lou{
    width: 5.55rem;
    position: absolute;
    top: 2.4rem;
    left: 0.3rem;
    color: #fff;
}
.case_nei_design{
    width: 6rem;
    margin: auto;
    margin-top: -0.7rem;
    height: 1.5rem;
    background-color: #fff;
    position: relative;
    z-index: 9;
    border-radius: 0.1rem;
    box-shadow: 0px 2px 5px #f3f3f3;
    display: table;
}
.case_nei_designs{
    width: 6rem;
    margin: auto;
    background-color: #fff;
    position: relative;
    z-index: 9;
    border-radius: 0.1rem;
    box-shadow: 0px 0px 5px #f3f3f3;
    display: table;
}
.cases_center_on_imgs{
    width: 0.94rem;
    height: 0.94rem;
    border-radius: 0.94rem;
    overflow: hidden;
    float: left;
    margin-left: 0.2rem;
}
.cases_center_on_ittt{
    width: 1.2rem;
    float: left;
    margin-left: 0.2rem;
    line-height: 0.3rem;
    margin-top: 0.15rem;
}
.cases_center_on_zhaota{
    width: 1.8rem;
    height: 0.55rem;
    border-radius: 0.1rem;
    background-color: #f06f4f;
    color: #fff;
    font-size: 0.3rem;
    float: right;
    margin-right: 0.2rem;
    line-height: 0.55rem;
    text-align: center;
    margin-top: 0.15rem;
}
.cases_center_on_jiantou{
width: 0.57rem;
    position: absolute;
    bottom: -0.185rem;
    left: 2.85rem;
}
.case_nei_arc{
    width: 5.7rem;
    margin: auto;
}
.case_nei_rong{
    width: 6rem;
    height: auto;
    display: table;
    position: relative;
    margin: auto;
}