.banner-box {min-width:1220px;max-width:1800px;height:630px;overflow:hidden;margin:0 auto;position:relative;}

.banner-box img{width:100%;}
.banner-box .banner ul{list-style:none;padding-left:0;margin-bottom:0;}
.banner-box .banner ul li{position:absolute; display: none;opacity:0;}
.banner-box .banner ul li:nth-child(1){opacity:1;display:block;}
.banner-box .banner ul li img{width:100%;position:absolute;top:0;}
.banner-box .banner ul li:first-child img{position:relative;}
.banner-box .nexImg,.banner-box .preImg{padding:25px 10px 25px 10px;position:absolute;top:50%;margin-top:-53px;background:#000;opacity:0.5;border-radius:5px;z-index:10;}
.banner-box .nexImg:hover,.banner-box .preImg:hover{opacity:0.8;}
.banner-box .nexImg{right:0;}
.banner-box .jumpBtn{width:100%;position:absolute;bottom:20px;text-align:center;}
.banner-box .jumpBtn ul{margin-bottom:0;padding:0;}
.banner-box .jumpBtn ul li{width:30px;height:30px;border-radius:50%;display:inline-block;background-color:#fff;opacity:0.9;margin-left:10px;}
.banner-box .jumpBtn ul li:first-child{margin-left:0;}
@media screen and (max-width:1220px){
    .banner-box {height:427px;overflow:hidden;}
    .banner-box .banner ul li img {width:1220px;height:427px;position:absolute;left:50%;margin-left:-306px;}
}