/*-----------------------------------------------------------*/


/*-----------------------------------------------------------*/

.banner {

  position: relative;
height: 570px;
width: 90%;
margin: 0 auto;

}

.banner .slider {

  width: 100% !important;

  height: 100%;

  overflow: hidden;

  position: relative;

  z-index: 1;

  top: 0;

}

.banner .slider-main {

  width: 1920px;

  height: 100%;

  position: absolute;

  left: 50%;

  margin-left: -960px;

}

.banner .slider-main li {

  width: 100%;

  height: 100%;

}

.banner .osSlider-main .slider-btn-prev {

  position: absolute;

  z-index: 30;

  top: 50%;

  left: -81px;

  width: 81px;

  height: 81px;

  text-indent: -9999px;

  margin-top: -20px;

  background: url(../images/arrowprev.png) 50% 50% no-repeat;

  transition: all 0.5s linear;

  cursor: pointer;

}

.banner .osSlider-main:hover .slider-btn-prev {

  left: 3%;

}

.banner .osSlider-main .slider-btn-next {

  position: absolute;

  z-index: 30;

  top: 50%;

  right: -81px;

  width: 81px;

  height: 81px;

  text-indent: -9999px;

  margin-top: -20px;

  background: url(../images/arrownext.png) 50% 50% no-repeat;

  transition: all 0.5s linear;

  cursor: pointer;

}

.banner .osSlider-main:hover .slider-btn-next {

  right: 3%;

  cursor: pointer;

}

.banner .osSlider-main .slider-nav {

  position: absolute;

  width: 100%;

  bottom: 90px;

  text-align: center;

  z-index: 25;

  font-size: 0;

}

.banner .osSlider-main .slider-nav li {

  display: inline-block;

  vertical-align: top;

  height: 16px;

  width: 16px;

  text-align: center;

  margin: 0 7px;

  border-radius: 50%;

  color: #333;

  background: #fff;

  cursor: pointer;

}

.banner .osSlider-main .slider-nav li.active {

  background: #001274;

  color: #fff;

}