/*banner*/

/*.banner{position:relative;}*/
.baner{ width:100%; position:relative; overflow:hidden;}
#inner_ban .n_baner{ height:auto;}
#inner_ban .n_baner img{ width:100%; height:auto; max-width:1920px;  display:block;}

.baner{ width:100%; position:relative; overflow:hidden;}
.baner_box{ width:1024px; margin:0 auto;}
.n_baner{ width:1920px; margin:0 -460px; overflow:hidden; display:block; position:relative;}
.atlas { width:999999px;}
.atlas li{ float:left;}
.atlas li img{ display:block;}
.n_baner .num{ position:absolute; width:100%; height:12px; bottom:5%; left:0; text-align:center; z-index:1;}
.n_baner .num a{  display:inline-block;width: 23px; height: 13px; background: #333;  border-radius:10px; border: solid 2px #eee; margin:0 5px;}
.n_baner .num a.on{background: #294c9e;}
.top-notice .topnote-box .close:hover img{transform:rotate(360deg);
    -ms-transform:rotate(360deg); 	/* IE 9 */
    -moz-transform:rotate(360deg); 	/* Firefox */
    -webkit-transform:rotate(360deg); /* Safari 和 Chrome */
    -o-transform:rotate(360deg);
}





@media(max-width:1024px){
    img{width: 100%;}
    .n_baner{  margin-left: -448px;}
}


@media (min-width:768px)and (max-width:999px){
    .n_baner {margin-left: 0;}  
	.n_baner .num{ position:absolute; width:100%; height:12px; bottom:5%; left:0; text-align:center; z-index:1;}
}

@media (max-width:767px){
   
    .n_baner { margin-left: 0;}
  

}




@media (max-width:480px) {
.n_baner .num{ position:absolute; width:100%; height:12px; bottom:5%; left:0; text-align:center; z-index:1;}
.baner{margin-top:1.8em}
.n_baner .num a{  display:inline-block;width: 13px; height: 3px; background: #333;  border-radius:10px; border: solid 2px #eee; margin:0 5px;}



}