/*slider*/

.slider { margin:0px 0 0px 0; clear: both; height:547px}
.slider .jquery-reslider .slider-block {width: 640px;  height: 547px;  position: absolute;  z-index: 97;  background-position: 50% 50%;  background-size: cover;  opacity: 0;}
.slider .jquery-reslider .slider-direction {width: 62px;  height: 62px;  position: absolute;  top: 45%;  z-index: 99;  cursor: pointer;}
.slider .jquery-reslider .slider-direction.slider-direction-prev {left: 20px; top:270px; background: url('') no-repeat;}
.slider .jquery-reslider .slider-direction.slider-direction-next {right: 20px; top:270px;  background: url('') no-repeat}
.slider .jquery-reslider .slider-dots {position: absolute;  width: 640px;  text-align: center;  top:740px}
.slider .jquery-reslider .slider-dots li {width: 48px;  height: 6px;display: inline-block; cursor: pointer; background:#fff; margin:0 5px}
.slider .jquery-reslider .slider-dots li.active {background:#000}
@media screen and (max-width: 768px) 
{.slider .jquery-reslider .slider-direction { zoom: .8; }
.slider .jquery-reslider .slider-dots { position: absolute; }
}