/*-------顶部 end ---------*/
.banBoxIn{ height:90%; display:flex;align-items: center; /* 垂直居中 */ justify-content: center; /* 水平居中，如果需要的话 */}
.banner{ width:1480px; height:660px; overflow:hidden; position:relative;font-size:0;margin:50px auto 0; }
.b-img{ height:600px;  position:absolute; left:0; top:0;}
.b-img a{ display:block; height:600px; float:left; background-size: auto 100%;}
.b-list{ height:20px; position:absolute; left:0; bottom:0; width:100% !important; z-index:1; text-align:center;}
.b-list span{ display:inline-block;cursor:pointer; width:7px; height:7px; border-radius:50%; border:1px solid #292928; margin:0 5px; _margin:0 3px;}
.b-list .spcss{border:1px solid #292928; background:#292928;}
.bar-left{ position:absolute; z-index:1; display:block; width:100px; height:100%; left:0%; background:none; top:0px; }
.bar-right{ position:absolute;z-index:1; display:block; width:100px; height:100%; right:0%; background:none; top:0px; }
.bar-left em{ display:block; width:56px; height:600px; background:url(../images/arrow.png) 0px 0px no-repeat; margin:0 auto;}
.bar-right em{ display:block; width:56px; height:600px; background:url(../images/arrow.png) right 0px no-repeat; margin:0 auto; }
.bar-left .emcss{ background-position:0px 0px; }
.bar-right .emcss{ background-position:right 0px;}

@media only screen and (min-width:1201px) and (max-width: 1480px){
.banner{ width:96%; height:700px; overflow:hidden; position:relative;font-size:0;margin:50px auto 2%; }
.b-img{ height:630px;  position:absolute; left:0; top:0;}
.b-img a{ display:block; height:630px; float:left; background-size: auto 100%;}
.bar-left em{ display:block; width:35px; height:630px; background:url(../images/arrow.png) 0px 0px no-repeat; background-size:auto 100%;}
.bar-right em{ display:block; width:35px; height:630px; background:url(../images/arrow.png) right 0px no-repeat; background-size:auto 100%;}
}
@media only screen and (min-width:1001px) and (max-width: 1200px){
.banner{ width:96%; height:580px; overflow:hidden; position:relative;font-size:0;margin:50px auto 2%; }
.b-img{ height:500px;  position:absolute; left:0; top:0;}
.b-img a{ display:block; height:500px; float:left; background-size: auto 100%;}
.bar-left em{ display:block; width:35px; height:500px; background:url(../images/arrow.png) 0px 0px no-repeat; background-size:auto 100%;}
.bar-right em{ display:block; width:35px; height:500px; background:url(../images/arrow.png) right 0px no-repeat; background-size:auto 100%;}
}


.banner2{ width:1480px; height:700px; overflow:hidden; position:relative;font-size:0;margin:0px auto 0; }
.b-img2{ height:660px;  position:absolute; left:0; top:0;}
.b-img2 a{ display:block; height:660px; float:left; background-size: auto 100%;}
.b-list2{ height:20px; position:absolute; left:0; bottom:0; width:100% !important; z-index:1; text-align:center;}
.b-list2 span{ display:inline-block;cursor:pointer; width:5px; height:5px; border-radius:50%; border:2px solid #292928; margin:0 5px; _margin:0 3px;}
.b-list2 .spcss{border:2px solid #292928; background:#292928;}
.bar-left2{ position:absolute; z-index:1; display:block; width:100px; height:100%; left:0%; background:none; top:80px; }
.bar-right2{ position:absolute;z-index:1; display:block; width:100px; height:100%; right:0%; background:none; top:80px; }
.bar-left2 em{ display:block; width:36px; height:400px; background:url(../images/arrow.png) 0px 0px no-repeat; margin:0 auto;}
.bar-right2 em{ display:block; width:36px; height:400px; background:url(../images/arrow.png) right 0px no-repeat; margin:0 auto; }
.bar-left2 .emcss{ background-position:0px 0px; }
.bar-right2 .emcss{ background-position:right 0px;}

@media only screen and (min-width:240px) and (max-width: 1000px){
	.banBoxIn{display:none }

.headerKong{ display:none}
.banner2{ width:100%; height:100%; overflow:hidden; position:relative;font-size:0;margin:0px auto 0%; }
.b-img2{ height:100%;  position:absolute; left:0; top:0;}
.b-img2 a{ display:block;height:100%; float:left;}
.bar-left2{ position:absolute; z-index:1; display:block; width:26px; height:30%; left:15%; background:none; top:37%; }
.bar-right2{ position:absolute;z-index:1; display:block; width:26px; height:30%; right:15%; background:none; top:37%; }

.bar-left2 em{ display:block; width:26px; height:100%; background:url(../images/arrow.png) 0px 0px no-repeat; margin:0 auto; background-size:auto 100%;}
.bar-right2 em{ display:block; width:26px; height:100%; background:url(../images/arrow.png) right 0px no-repeat; margin:0 auto;  background-size:auto 100%;}
.bar-left2 .emcss{ background-position:0px 0px; }
.bar-right2 .emcss{ background-position:right 0px;}
}