.track {
  width: 100%;
  position: relative;
}

.view-port, .track .inner {
  width: 1200px;
}

.view-port {
  overflow: hidden;
}

.track .inner {

  margin: auto;

}

.track a.prev,
.track a.next {
  display: block;
  position: absolute;
  top: 50%;
  margin-top: -32px;
  width: 64px;
  height: 64px;
  background:url(../../images/arrows.png);
  background-repeat: no-repeat;
}

.track a.prev.disabled,
.track a.next.disabled {
  display: none;
}

.track a.prev {
  left: -100px;
  background-position: 0 0;
  opacity:0.7;
}

.track a.prev:hover {
  background-position: 0 -66px;
}

.track a.prev:active {
  background-position: 0 -132px;
}

.track a.next {
  right: -100px;
  background-position: -64px 0;
  opacity:0.7;
}

.track a.next:hover {
  background-position: -64px -132px;
}

.track a.next:active {
  background-position: -64px -198px;
}

.slider-container {
  position: relative;
  margin: 0;
  padding: 0;

  height: 500px;
}
.hdkz_2{ height:186px;}
.hdkz_3{ height:70px;}
.hdkz_4{ height:120px;}

.slider-container .item {
  position: absolute;

  width: 390px;
  height: 100%;

  margin-right: 20px;
}
.slider-container .it1 em{ position:absolute; left:0px; top:0px; height:100%; width:100%;background-color:rgba(0,0,0,0); display:block;transition: all 0.6s;}
.slider-container .it1:hover em{background-color:rgba(0,0,0,0.5);}
.slider-container .it1 i{ border:1px #fff solid; display:block; line-height:30px; width:180px; margin-left:-90px; margin-top:-15px; text-align:center; color:#fff; position:absolute; top:60%; left:50%;transition: all 0.6s; opacity:0;}
.slider-container .it1:hover i{ top:50%; opacity:1;}
.slider-container .it2{width: 289px; margin-right:15px; overflow:hidden;}
.slider-container .it2 em{ position:absolute; left:0px; top:0px; height:100%; width:100%;background-color:rgba(0,0,0,0.5); display:block;transition: all 0.6s;}
.slider-container .it2:hover em{background-color:rgba(0,0,0,0);}
.slider-container .it2 i{display:block; width:250px; text-align:center;  padding:7px 0; color:#fff;  position:absolute; bottom:10px; left:50%; margin-left:-125px; z-index:2; transition: all 0.6s;}
.slider-container .it2 i h2{ font-size:13px; height:18px; overflow:hidden;}
.slider-container .it2 i font{ display:block; font-size:12px; color:#fff; opacity:0.7;}
.slider-container .it2:hover i{ opacity:1;left:0px; margin-left:0px; width:100%; bottom:0; background-color:rgba(0,0,0,0.8); padding:7px;}
.slider-container .it2:hover font{ opacity:1;}
.slider-container .it2 img{ width:100%; height:100%; object-fit:cover; object-position:center;}
.slider-container .it3{width: 160.5px; margin-right:13px;}
.slider-container .it4{  width:224px;}
.slider-container .item img{ width:100%; height:100%;}