.osSlider-main .slider-btn-prev {
  position: absolute;
  z-index: 30;
  top: 50%;
  left: -45px;
  width: 40px;
  height: 40px;
  text-indent: -9999px;
  margin-top: -20px;
  background: url(/upload/images/2018/9/7172845248.png) 50% 50% no-repeat;
  transition: all .5s linear
}

.osSlider-main:hover .slider-btn-prev {
  left:3%;
}

.osSlider-main .slider-btn-next {
  position: absolute;
  z-index: 30;
  top: 50%;
  right: -45px;
  width: 40px;
  height: 40px;
  text-indent: -9999px;
  margin-top: -20px;
  background: url(/upload/images/2018/9/7172934641.png) 50% 50% no-repeat;
  transition: all .5s linear
}

.osSlider-main:hover .slider-btn-next {
  right:3%;
}

.osSlider-main .slider-nav {
  position: absolute;
  width: 100%;
  height: 5px;
  bottom: 40px;
  text-align: center;
  z-index: 25
}

.osSlider-main .slider-nav li {
  display: inline-block;
  height: 5px;
  width:40px;
  margin: 0 12px;
  font-size: 12px;
  color: #eee;
  background:#d2d2d2;
  cursor: pointer;
  text-indent:9999px;
}

.osSlider-main .slider-nav li.active {
  color: #333;
  background: #7ecef4;
}

.osSlider-main .slider-nav li:hover {
  
  background: #82aff2;
}
.slider{width:100%!important;margin:0 auto;overflow:hidden;height:400px;z-index:0;}
.slider-main > li > a > img {
  width: 100%;
}