*{padding:0;margin:0}
.banner{width:100%;height:950px;font-size:0;overflow:hidden;position:relative;margin-top:-10px;}
.banner_img{width:100%;height:450px;position:absolute;left:0;top:0}
.banner_img li{width:100%;height:950px;display:inline-block;background-position:center;background-repeat:no-repeat;float:left;list-style:none;}
.banner_img li img{height: 100%;}
.banner_list{height:50px; bottom:0px;left:50%;position:absolute;transform:translateX(-50%); z-index:1;}
.banner_list span{display:block;cursor:pointer;width:14px;height:14px;border-radius:50%;border:3px solid #fff;float:left;margin:0 5px;}
.banner_list .spcss{border:3px solid #008cd6}
.banner_left{position:absolute;height:90px;width:60px;top:50%;left:-60px;background-color:rgb(0,0,0,.3);margin-top:-45px;text-align:center;transition:all .5s;z-index:2}
.banner_left:hover{background-color:rgb(0,0,0,.3);}
.banner_right{position:absolute;height:91px;width:60px;top:50%;right:-60px;background-color:rgb(0,0,0,.3);margin-top:-45px;text-align:center;transition:all .5s;z-index:2;}
.banner_right{right: 25px;}
.banner_left{left:25px;}
.banner_right:hover{background-color:rgb(0,0,0,.3);}

.banner-md{width: 550px;height: 200px;margin: 0 auto;margin-top: 370px;background-image: url(../img/banner2-md.png);
	background-position: center;background-size: 100%;background-repeat: no-repeat;}
.banner-md3{width: 710px;height: 400px;margin: 0 auto;margin-top: 270px;background-image: url(../img/banner3-md.png);
	background-position: center;background-size: 100%;background-repeat: no-repeat;}


@media screen and (max-width: 480px)  {
    .banner{height: 600px;}
    .banner_right, .banner_left{display: none;}
}
@media screen and (max-width: 720px)  {
    .banner_img li{height: 600px;}
    .banner{height: 600px;}
    .banner_right{right: 0px;}
    .banner_left{left:0px;}
}
@media screen and (max-width: 1200px)  {
    .banner{
        height: 720px;
    }
    .banner_img{height: 720px;}
    .banner_img li{height: 720px;}
    .banner-md{margin-top: 300px;width: 50%;}
	.banner-md3{margin-top: 200px;width: 50%;}
}
@media screen and (max-width: 980px)  {
    .banner-md{margin-top: 300px;width: 60%;}
	.banner-md3{margin-top: 200px;width: 60%;}
}
@media screen and (max-width: 750px) {
	.banner-md{margin-top: 210px;width: 90%;}
	.banner-md3{margin-top: 100px;width: 90%;}
}