.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}
}