/*.hwslider{height:300px;position: relative; overflow: hidden;margin: 0 auto;}*/
.hwslider{width: 100%;min-width:280px;position: relative; overflow: hidden;}
.hwslider ul{width: 100%;  position: absolute; z-index: 1}
.hwslider ul li{display:none;position:absolute; left:0; top:0; width: 100%; overflow: hidden;text-align: center;background-size: cover!important;}
.hwslider ul li.active{display: block;}
.hwslider ul li img{max-width: 100%; height:auto;display: block;margin: 0 auto;}
.dots{position: absolute; bottom:20px; left:200px; min-width:60px; height: 12px; z-index: 2;}
.dots span{float: left; width:12px;height: 12px; border: 1px solid #fff; border-radius: 50%; background: #333; margin-right: 8px; cursor: pointer;}

.arr{display:none;position: absolute; top: 140px; z-index: 2;width: 40px; height: 40px; line-height: 38px; text-align: center;; font-size: 36px; background: rgba(0,0,0,.3); color: #fff; text-decoration: none}
.arr:hover{background: rgba(0,0,0,.7); text-decoration: none;}
.hwslider:hover .arr{display: block; text-decoration: none;color: #fff}
.prev{left: 20px}
.next{right: 20px}
.hwslider img{width: 100%;display: block;}

#otherhwSlider ul li:first-child{background:#f90;text-align: center;}
#otherhwSlider h4{height:42px; margin: 16% auto;font-size: 1.5rem; color:#fff;}
#otherhwSlider p{line-height:24px;}
#otherhwSlider pre{padding-top:10%;padding-left:15%;display:block;height:100%;background:#f00; color: #fff}
#otherhwSlider ul li:last-child{background:#360;color:#fff; text-align: center;}

/**移动端样式**/
@media only screen and (min-width: 100px) and (max-width: 640px) {
	.hwslider{width: 100% !important;}
	.arr{display: none !important;}
	.dots{bottom: 10px !important;}
	.dots span{width: 6px;height: 6px;}
}


/*颜色可修改*/
.dots span.active{background:orangered}