.sm-view {
    margin-bottom: 1rem !important;
}


.sm-history-content {position:relative;overflow:hidden;}
.sm-history-bg{ width:100%; height: 6.51rem; overflow:hidden; position:absolute; left:0; top:0; z-index:0;}
.sm-history-bg .sm-history-slider-items{ transform:scale(1.15);
    -webkit-filter: blur(10px); /* Chrome, Opera */
       -moz-filter: blur(10px);
        -ms-filter: blur(10px);    
            filter: blur(10px); 
}
.sm-history-bg img { width:100%; height:100%; max-width: inherit; -o-object-fit:cover; object-fit:cover;}

.sm-history-slider{ overflow:hidden;}
.sm-history-slide-img {width:1200px; height: 6.51rem; margin:0 auto;  overflow:hidden; display: flex; align-items: center; justify-content: center; position:relative; z-index:1;}
.sm-history-slide-img img { width:100%; height:100%; -o-object-fit:cover; object-fit:cover}


.sm-history-control{ margin-top: 50px;}
	
.sm-history-pagination { position:relative; z-index:2; height: 33px;}
.sm-history-pagination-wrap { width:100%; position: relative; top:11px !important; display:flex;}
.sm-history-pagination-wrap::after{ display: block; content: ''; position: absolute; right: 100%; top:5px; width:0.56rem; height: 1px; background: #bcaa90;}
.sm-history-pagination-line { width:100%; position: relative; top:16px !important; height:auto !important;}
.swiper-pagination-progressbar-fill {
  position:absolute; left:0; top:0px; width:100%; height:1px !important;
  -webkit-transform-origin:left center;
  -moz-transform-origin:left center;
  -ms-transform-origin:left center;
  -o-transform-origin:left center;
  transform-origin:left center;
  background:#bcaa90 !important;
}

.swiper-pagination-bullet {
  position:relative; opacity:1 !important;
  width:11px;
  height:11px;
  margin:0 0.24rem !important;
  background:#bcaa90;
  -webkit-border-radius:50%;
  -moz-border-radius:50%;
  border-radius:50%;
  cursor:pointer;
  z-index:1
}
.swiper-pagination-bullet:after {
  content:'';
  position:absolute;
  top:-10px;
  right:-10px;
  bottom:-10px;
  left:-10px
}


@media  screen and (max-width:767px){	
	.sm-history-content{}
	.sm-history-bg{ height:8.2rem;}
	.sm-history-slide-img {width:90%; height:8.2rem;}
	.sm-history-control{ margin-top: 20px;}
}



.sm-history-nav { display: flex; width: 33px; height: 33px; border-radius: 50%; border:1px solid #bcaa90; cursor: pointer; background: url(../img/ico12.png) center no-repeat #fff; background-size:18px 18px; }
.sm-history-nav.-next{ transform: rotate(180deg); -ms-transform: rotate(180deg);}

.sm-history-nav-icon {
  width:25px;
  height:25px;
  -webkit-background-size:100% 100%;
  -moz-background-size:100%;
  background-size:100%;
  background-repeat:no-repeat
}
.sm-history-nav.-prev .sm-history-nav-icon {
  background:#000
}
.sm-history-nav.-next .sm-history-nav-icon {
  margin-left:auto;
  background:#000
}
@media (min-width:768px) {
  .sm-history-nav-icon {
    width:32px;
    height:32px
  }
}
.sm-history-nav-text {
  display:none;
  overflow:hidden
}
@media (min-width:768px) {
  .sm-history-nav-text {
    display:block;
    margin:4px 0 0 0;
    white-space:nowrap;
    font-family:Graphic,sans-serif;
    font-size:13px;
    line-height:17px;
    letter-spacing:.7px;
    text-transform:uppercase
  }
}
@media (min-width:1024px) {
  .sm-history-nav-text {
    margin:11px 0 0 0
  }
}
@media (min-width:1366px) {
  .sm-history-nav-text {
    margin:13px 0 0 0
  }
}
@media (min-width:1600px) {
  .sm-history-nav-text {
    margin:15px 0 0 0
  }
}
.sm-history-nav-text span {
  position:relative;
  display:block;
  white-space:nowrap;
  -webkit-transform:translateZ(0);
  -moz-transform:translateZ(0);
  transform:translateZ(0);
  -webkit-transition:-webkit-transform .55s;
  transition:-webkit-transform .55s;
  -o-transition:-o-transform .55s;
  -moz-transition:transform .55s,-moz-transform .55s;
  transition:transform .55s;
  transition:transform .55s,-webkit-transform .55s,-moz-transform .55s,-o-transform .55s;
  -webkit-transform-origin:left center;
  -moz-transform-origin:left center;
  -ms-transform-origin:left center;
  -o-transform-origin:left center;
  transform-origin:left center
}
.sm-history-nav-text span:after {
  content:attr(data-text);
  display:block;
  position:absolute;
  top:150%;
  -webkit-transition:-webkit-transform .35s;
  transition:-webkit-transform .35s;
  -o-transition:-o-transform .35s;
  -moz-transition:transform .35s,-moz-transform .35s;
  transition:transform .35s;
  transition:transform .35s,-webkit-transform .35s,-moz-transform .35s,-o-transform .35s;
  -webkit-transform-origin:left center;
  -moz-transform-origin:left center;
  -ms-transform-origin:left center;
  -o-transform-origin:left center;
  transform-origin:left center
}
.sm-history-nav:hover .sm-history-nav-text span {
  -webkit-transform:translateY(-150%) skewY(-3deg);
  -moz-transform:translateY(-150%) skewY(-3deg);
  -ms-transform:translateY(-150%) skewY(-3deg);
  -o-transform:translateY(-150%) skewY(-3deg);
  transform:translateY(-150%) skewY(-3deg)
}
.sm-history-nav:hover .sm-history-nav-text span:after,
.sm-history-nav:hover .sm-history-nav-text span:before {
  -webkit-transform:skewY(3deg);
  -moz-transform:skewY(3deg);
  -ms-transform:skewY(3deg);
  -o-transform:skewY(3deg);
  transform:skewY(3deg)
}
.sm-history-nav.-prev {
  left:17px
}
@media (min-width:768px) {
  .sm-history-nav.-prev {
    left:0
  }
}
.sm-history-nav.-next {
  right:17px
}
@media (min-width:768px) {
  .sm-history-nav.-next {
    right:0
  }
}
@media (min-width:768px) {
  .sm-history.-v2 .sm-history-nav {
    position:initial;
    min-height:auto;
    margin:0
  }
}
@media (min-width:768px) {
  .sm-history.-v2 .sm-history-nav.-prev {
    margin:0 125px 0 0
  }
}
@media (min-width:768px) {
  .sm-history.-v2 .sm-history-nav.-next {
    margin:0 0 0 125px
  }
}