.shadow{
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background:url("../images/black_60.png");
    z-index: 12;
    display: none;


}
.shadow img{
    position: absolute;
    top: 15px;
    right: 42%;
}
.menu{
    display: none;
}
.zw_box{
    width: 100%;
    height: 60px;
    display: none;
}
.zw_box1{
    width: 100%;
    height: 50px;
    display: none;
}
.footer{
    width: 100%;
    text-align: center;
    height: 50px;
    background: #000;
    color: #fff;
    line-height: 50px;
    font-size: 20px;
    position: fixed;
    left: 0;
    bottom: 0;
    display: none;
}
.footer img{
    margin-top: -4px;
}
@media (max-width: 1024px) {
    .latest-case .case-box li{
        width: 32%;
        margin-right:2%;
    }
    .latest-case .case-box li:nth-child(3n){
        margin-right: 0;
    }
    .brand-design{
        display: none;
    }
}
@media (max-width: 768px) {
    .header-wrap{
        position: fixed;
        width:100%;
        height: 60px;
        left: 0;
        top: 0;
        background: #fff;
        z-index: 11;
    }

    .linkinfo{
        display: none;
    }
    .menu{
        display: block;
    }
    .header{
        padding: 5px 0;
    }
    .header img{
        height:50px;
    }
    .zw_box{
        display: block;
    }
    .nav{
        position: fixed;
        right: 0;
        height: 100%;
        width: 40%;
        z-index: 14;
        top: 0;
        display: none;
    }
    .nav-box > ul > li{
        float: none;
        width: 100%;
    }
    .nav-box .dropdown-menu{
        position: relative;
    }
    .nav-box .dropdown-menu{
        top: 0;
    }
    .brand-design .img-box14{
        width: 100%;
    }
    .case-page-box{
        margin: 30px 0;
    }
    .page{
        padding: 0 0 30px 0;
    }
}
@media (max-width: 600px) {
    .footer-box{
        display: none;
    }
    .footer,.zw_box1{
        display: block;
    }
    .pd{
        padding: 35px 0;
    }
    .paiky-direction-box li{
        width: 50%;
        padding:0 10px;

    }
    .paiky-direction-box li:nth-child(n+3){
        margin-top:20px;
    }
    .paiky-direction-box li h2 a{
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
    }
    .wrapper h2{
        font-size: 24px;
    }
    .our-idea-box .list-box li dd .time{
        font-size: 20px;
    }
    .paiky-direction-box .text{margin-bottom:30px;}
    .latest-case .tabs-box li{
        width: 50%;
    }
    .latest-case .case-box li,.latest-case .case-box li:nth-child(3n),.case-show-box li,.case-show-box li:nth-child(3n){
        width: 48%;
        margin-right: 4%;
    }
    .latest-case .case-box li:nth-child(2n),.case-show-box li:nth-child(2n){
        margin-right: 0;
    }
    .case-show-box li dd h3{
        font-size: 16px;
    }
    .gnews_div .gnews_text .left .gnews_con ul li .img{
        display: none;
    }
    .gnews_div .gnews_text .left .gnews_con ul li .text{
        float: none;
        width: 100%;
        padding-left: 0;
    }
    .gnews_div .gnews_text .left .container h1{
        font-size: 18px;
    }
    .gnews_div .gnews_text .left .container .g_newstop{
        padding: 20px;
    }
    .gnews_div .gnews_text .left .container .g_newstop .t{
        color: #777777;
        font-size: 14px;
        line-height: 24px;
        max-height: 120px;
        overflow: hidden;
    }
    .gnews_div .gnews_text .left .container .fanhui ul li{
        width: 100%;
    }
    .gnews_div .gnews_text .left .container .fanhui ul:before{
        display: none;
    }
    .gnews_div .gnews_text .left .container .fanhui ul li:first-child{
        margin-bottom: 15px;
    }
    .gnews_div{
        padding-bottom: 35px;
    }
    .gnews_div .gnews_text{
        margin-top: 35px;
    }
}
@media (max-width: 420px) {
    .our-idea-box .tabs{
        display: none;
    }
    .our-idea-box .list-box li{
        width: 100%;
        margin-bottom: 10px;
    }
    .our-idea-box ol.t_gengduo li{
        width: 100%;
    }
    .our-idea-box .list-box{
        margin-top: 30px;
    }
    .brand-design .img-box14 .item h4{
        font-size: 16px;
    }
    .brand-design .img-box14 .left-img-box .item p{
        font-size: 14px;
    }
    .brand-design .img-box14 .left-img-box,.brand-design .img-box14 .right-img-box{
        width: 100%;
    }
}