.n_bar {
        position: relative
    } .n_bar {
        max-height: 505px;
        overflow: hidden;
        font-size: 0;
    }
    .n_bar .wp {
        position: absolute;
        left: 0;
        right: 0
    }
    .n_bar img {
        /*max-width: none;*/
    }
    .baner,
    .n_baner {
        position: relative;
        overflow: hidden
    }
    .atlas li img,
    .n_baner {
        display: block
    }
    .backtop li {
        height: 70px;
        overflow: hidden
    }
    .backtop li a:hover img {
        margin-top: -70px
    }
    .baner {
        width: 100%
    }
    .baner_box {
        width: 1000px;
        margin: 0 auto
    }
    .n_baner {
        width: 1920px;
        margin: 0 -460px
    }
    .n_baner span {
        position: absolute;
        cursor: pointer;
        top: 45%
    }
    .n_baner .left {
        left: 15%
    }
    .n_baner .left,
    .n_baner .right {
        right: 15%;
        height: 50px;
        overflow: hidden
    }
    .slick-prev, .slick-next{
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 50%;
    /*display: block;*/
    width: 40px;
    height: 50px;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    cursor: pointer;
    color: transparent;
    border: none;
    outline: none;
    background: transparent;
}
    .slick-prev{background:rgba(0,0,0,0.5) url(../images/jt0.png) no-repeat;z-index: 99;left:20%; z-index:9}
    .slick-next{background:rgba(0,0,0,0.5) url(../images/jt1.png) no-repeat;z-index: 99;right:20%; z-index:9}
    .slick-dots {
    position: absolute;
    bottom: -25px;
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
}
.slider  .slick-dots li {
    position: relative;
    display: inline-block;
    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer;
}
    .slick-dots li button {
    font-size: 0;
    line-height: 0;
    display: block;
    width: 20px;
    height: 20px;
    padding: 5px;
    cursor: pointer;
    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}
    .n_baner .left:hover img,
    .n_baner .right:hover img {
        margin-top: -50px
    }
@media (max-width:1200px) {
.slick-prev{background:rgba(0,0,0,0.5) url(../images/jt0.png) no-repeat;z-index: 9;left:1%;}
    .slick-next{background:rgba(0,0,0,0.5) url(../images/jt1.png) no-repeat;z-index: 9;right:1%;}
}
    @media (max-width:1024px) {
       .baner{ margin-top:96px;}
        #fd .fd-copy,
        .ad .parg .widtimg img,
        .apply_window .apply_reg_window,
        .atlas li img,
        .baner_box,
        .case_box li .imgshow,
        .com_pub_box,
        .diy_bar img {
            width: 100%
        }
        .n_baner {
            margin: 0 auto;
            padding: 0;
            width:100% !important;
        }
         .n_baner img {
            margin: 0;
            padding: 0;
            width:100%;
            height:auto
        }
.n_bar {
        }
    }
@media (max-width:768px) {
    .slick-prev, .slick-next{width:25px; height:40px; background-size:cover;top:50%;}
}
@media (max-width:640px) {
.baner{ margin-top:70px;}
}
@media (max-width:480px) {
    .slick-prev, .slick-next{width:20px; height:32px; background-size:cover}
}