.index_color{
    color:#fff
}
@media (max-width: 700px){
    #caseslist .cases li p span{
        display: block;
        margin-bottom: 0;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 5;
        overflow: hidden;
    }
    #index_case li:nth-child(n+9){
        display: none;
    }
    .new_details_link{
        width: 95%;
        margin: auto;
    }
    #detailed{
        width: 95%;
        margin: auto;
    }
    .new_details_category{
        height: auto!important;
    }
    .new_details_category span{
        position: relative!important;
    }
    .new_details_category .wrapper{
        height: auto;
        width: 95%;
        margin: auto;
    }
    .new_details_title{
        display: block!important;
    }
    #new_bar li{
        width: 40%;
    }
    #new_bar li:nth-child(1){

        margin-left: 8%;
    }
    #newslist .wang_wrapper li .newslist{

        width: 70%;

        float: right;
        position: relative;
    }
    #newslist .wang_wrapper li .newslist p{
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;
    }
    .wrapper{
        width: 95%;
        margin: auto;
    }
    #single .serv_detailed #detailed, #single .pro_detailed #detailed{
        width: 95%;
        margin: auto;
    }
    #footerinfo .wrapper p{
        position: absolute;
        width: 68%;
        top: 30px;
        left: 32%;
        line-height: 1.5;
    }
    #footerinfo #homemap{
        display: none;
    }
    header{
        display: none;
    }
    .category h1{
        display: none;
    }
    .catbtn{
        width: 96%;
    }
    .category li{
        display: inline-block;
        zoom: 1;

        margin-right: 5px;
        vertical-align: middle;
    }
    .category li:nth-child(3){
        margin-right: 0;
    }
    .cat_title h2{
        font-size: 28px;
    }
    .cat_title strong{
        font-size: 40px;
    }




    .wap_head{
        width: 100%;
        height: 68px;
        position: fixed;
        top: 0;
        left: 0;
        background: #111;
        z-index: 200;
    }
    .wap_menu{
        content: url("/static/wap_menu_03.png");
        width: 12%;
        display: block;
        float: right;
        margin-top: 2.5%;
        margin-right: 4%;

    }
    .menus{
        width: 100%;
        height: 100%;
        background: #111111;
        position: fixed;top: 0;
        left: 0;
        z-index: 300;
        display: none;
    }
    .menus .close_menu{
        width: 10%;
        display: block;
        float: right;
        content: url(/static/close_menu_03.png);
        margin-top: 5%;
        margin-right: 6%;
    }
    .menus ul{
        width: 70%;
        margin: 46% auto 0;
        height: 300px;
    }
    .menus ul a{
        color: #fff;
    }
    .menus ul a li {
        width: 100%;
        padding: 10px 0;
        text-align: center;
        font-size: 14px;
        border: 1px solid #454545;
        margin-top: 20px;
    }
    #detailed img{
        width: 100%!important;
        box-sizing: border-box;
    }
    #show_cases #detailed{
        width: 95%;
        margin: auto;
    }
    #show_cases #overview #case_info{

        position: relative;
    }
    #show_cases #overview{
        position: relative;
        width: 100%;
        height: auto;
    }
    #detailed img{
        width: 100%!important;


    }
    .wang_category{
        display: none;
    }
    #news ul li .newslist p{
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;
    }

}
.clear{
    clear: both;
}
@media (min-width: 700px){
    .wap_head{
        display: none;
    }
    .menus{
        display: none;
    }
    .wang_guanyuwomen{
        font-size: 48px!important;
    }
}
.map_img{
    width: 258px;
    height: 190px;
}


@media(max-width: 700px){
    #cases ul li p{
        width: 95%;
        padding: 0 2.5%;

    }
    .wang_case_description{
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;
    }
    .pc_banner{
        display: none;
    }
    .pc_case_img{
        width: 100%;
    }
    #cases ul li{
        width: 49%;
        height: auto;
    }
    .wap_banner img{
        width: 100%;
    }
    .wap_banner{
        margin-top: 68px;
        overflow: hidden;
    }
    .cat_title{
        height: auto;
        width: 95%;
        margin: auto;
    }

    .cat_title .more{
        display: block;

        right: 0;
        top: 15%;
        width: 90%;
        text-align: right;
        margin-top: 4%;
        margin-left: 5%;
        font-size: 14px;
    }
    #news .newsdata{
        width: 100%;
    }
    .newsads{
        display: none;
    }
    #news ul{
        width: 95%;
        position: relative;
        top: 0;
        right: 0;
        margin: auto;
    }
    #news ul li .newslist{
        width: 70%;
        float: right;
    }
    .pc_new_li_img{
        width: 25%;
        height: auto;
    }
    #news{
        width: 100%;
        margin-top: 2%;
    }

    /*#show_cases{*/

    /*margin-top: 60px;*/
    /*}*/
    /*#single{*/
    /*margin-top: 60px;*/
    /*}*/
    /*#caseslist{*/
    /*margin-top: 60px;*/
    /*}*/

    /*#newslist{*/
    /*margin-top: 60px;*/
    /*}*/

    .wang_guanyuwomen{
        font-size: 16px!important;
    }
    .wang_title_{
        font-weight: 700;
    }
}
@media  (min-width: 700px){
    .wap_banner{
        display: none;
    }
    #caseslist .cases li p span{
        width: 100%;
        display: block;
        height: 76px;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 4;
        overflow: hidden;
        margin-bottom: 9px;
    }

}

#footerlink a{
    color: #fff;
}
#footerinfo h2{
    color: #fff;
}
#footerinfo h2 strong{
    color: #fff;
}
#footerinfo .wrapper p{
    color: #fff;
}

@media (min-width: 700px){
    #cases ul li p a{
        position: absolute;
        top: 67%;
        left: 4%;
    }
    .wang_case_description{
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 4;
        overflow: hidden;
    }
    .links{
        width: 100%;
        background: #111111;

    }
    .links .center{
        width: 986px;
        margin: auto;
        padding: 10px 0;
    }
    .links .center li{
        width: auto;
        float: left;
        margin-left: 2%;
        color: #fff;

    }
    .links .center li:nth-child(1){
        margin-left: 0;
    }
    .links .center li a{
        color: #fff;text-decoration:none;
    }

    .position{
        width: 986px;
        margin: 10px auto;
        color: #000;
    }
    .position a{
        color: #000;
    }
}
@media (max-width: 700px){
    .position{
        width: 90%;
        margin: 10px auto;
        color: #000;

    }
    .position a{
        color: #000;
    }
    .links{
        width: 100%;
        background: #111111;

    }
    .links .center{
        width: 100%;
        margin: auto;
        padding: 10px 0;
    }
    .links .center li{
        width: auto;
        float: left;
        margin-left: 2%;
        color: #fff;

    }
    .links .center li:nth-child(1){
        margin-left: 0;
    }
    .links .center li a{
        color: #fff;text-decoration:none;
    }


    .category li{
        width: 30%;
    }
    .cat_title{
        padding: 10px 0;
    }
    #news{
        height: auto;
        padding-bottom: 0;
    }
    #detailed img{
        width: 100%!important;
        height: auto!important;
    }

    .wang_news_img{
        width: 27%!important;
        height: auto!important;
    }
    #newslist .news li .newslist a{
        overflow: hidden;
        text-overflow:ellipsis;
        white-space: nowrap;
        display: block;
    }
    #caseslist .cases li p{
         display: none;
        width: 100%;
        height: 100%;
        font-size: 12px;
        line-height: 1.5;
        text-align: left;
        background: #212121;
        background: rgba(0, 0, 0, 0.8);
        color: #999;
        position: absolute;
        left: 0px;
        bottom: 0;
        padding: 0 5px;
        box-sizing: border-box;
    }
    #caseslist .cases li p a{
        position: absolute;
        bottom: 3%;
        left: 3%;
    }
}

@media (max-width: 374px){
    .catbtn{
        width: 100%;
    }
    .category li{
        width: 31.4%;
    }
    #footerinfo .wrapper p{
        position: absolute;
        width: 63%!important;
        top: 30px!important;
        left: 39%!important;
        line-height: 1.5!important;
    }
    #footerlink a{
        margin-right: 10px;
    }
    #cases ul li p{
        width: 100%;
        padding: 0 5%;
        box-sizing: border-box;
    }
    #filter li{
        margin-right: 0;
    }
    #filter li{
        width: 24.1%;
    }
    #filter li a{
        padding: 0;
    }
    .cat_title h2{
        font-size: 24px;
    }
    #newslist .news li .newslist{
        top: 0;
    }
    #caseslist .cases li img{
        width: 100%;
        height: auto;
    }
    #caseslist .cases li{
        height: auto;
    }
    #caseslist .cases li p{
        width: 100%;
        left: 0;
        box-sizing: border-box;
        padding: 0 3px;
    }
    #caseslist .cases li p span{
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;
    }
    #caseslist .cases li p strong{
        margin-top: 0;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1;
        overflow: hidden;
    }
    #caseslist .cases li p em{
        margin-bottom: 0;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;
    }
    #caseslist .cases li p a{
        margin-top: 2%;
    }
}