.hwslider{width: 100%;height:auto;min-width:280px;min-height: 160px;  position: relative; overflow: hidden;}
.hwslider ul{width: 100%; height:100%; position: absolute; z-index: 1;}
.hwslider ul li{display:none;position:absolute; left:0; top:0; width: 100%;height:100%; overflow: hidden; text-align:center;}
.hwslider ul li.active{display: block;}
.hwslider ul li img{width:100%;max-width: 100%;display: block;}
.dots{position: absolute; bottom:5%; left:200px; min-width:60px; height: 12px; z-index: 2;}
.dots span{float: left;width: 10px;height: 10px;border-radius: 50%;background: #a4a4aa;margin-right: 8px;cursor: pointer;}
.dots span.active{background:#39b5ff;width: 20px;border-radius: 40%;}
.arr{position: absolute; top: 140px; z-index: 2;width: 50px; height: 76px; line-height: 38px; text-align: center;; font-size: 36px;color: #fff; text-decoration: none}
.arr:hover{text-decoration: none;}
.hwslider:hover .arr{display: block; text-decoration: none;color: #fff}
.prev{background: url("/static/img/homepage/arrows_l.png") no-repeat;left: 20px}
.next{background: url("/static/img/homepage/arrows_r.png") no-repeat;right: 20px}
/*.banner1 {background: url("/static/img/homepage/banner1.jpg") no-repeat;background-size: contain;height: 100%;width: 100%;min-width: 1230px;}*/
/*.banner2 {background: url("/static/img/homepage/banner2.jpg") no-repeat;background-size: contain;height: 100%;width: 100%;min-width: 1230px;}*/
/*.banner3 {background: url("/static/img/homepage/banner3.jpg") no-repeat;background-size: contain;height: 100%;width: 100%;min-width: 1230px;}*/
/*.banner4 {background: url("/static/img/homepage/banner4.jpg") no-repeat;background-size: contain;height: 100%;width: 100%;min-width: 1230px;}*/
/*.banner5 {background: url("/static/img/homepage/banner5.jpg") no-repeat;background-size: contain;height: 100%;width: 100%;min-width: 1230px;}*/
@media screen and (max-width: 510px) {
	.hwslider ul{top: 0px}
	.dots span{float: left;width: 5px;height: 5px;border-radius: 50%;background: #a4a4aa;margin-right: 8px;cursor: pointer;}
	.dots span.active{background:#39b5ff;width: 10px;border-radius: 40%;}
	.banner1 {background: url("/static/img/homepage/bannerA.jpg") no-repeat;background-size: cover;height: 128vw;width: 100vw;min-width: 0px;}
	.banner2 {background: url("/static/img/homepage/bannerB.jpg") no-repeat;background-size: cover;height: 128vw;width: 100vw;min-width: 0px;}
	.banner3 {background: url("/static/img/homepage/bannerC.jpg") no-repeat;background-size: cover;height: 128vw;width: 100vw;min-width: 0px;}
	.banner4 {background: url("/static/img/homepage/bannerD.jpg") no-repeat;background-size: cover;height: 128vw;width: 100vw;min-width: 0px;}
	.banner5 {background: url("/static/img/homepage/bannerE.jpg") no-repeat;background-size: cover;height: 128vw;width: 100vw;min-width: 0px;}
	.prev{background-size: 20px 30px;}
	.next{background-size: 20px 30px;}
	.arr{width: 20px;height: 30px;}
}