body{
    overflow-x: hidden;

}

.hi-slide { position: relative; width: 754px; height: 292px; margin: 50px auto 0; }
/*.hi-slide { display: flex;flex-direction: row; }
.hi-slide ul { justify-content: center;}*/

.hi-slide .hi-next,
.hi-slide .hi-prev
{ position: absolute;
  top: 50%;
  width: 40px;
  height: 40px;
  margin-top: -20px;
  border-radius: 50px;


  line-height: 40px;
  text-align: center;
  cursor: pointer;
  background-color: #fff;
  color: black;
  transition: all 0.6s;
  font-size: 20px;
    font-weight: bold;

  box-shadow:2px 2px 3px #DAA520;
}
.hi-slide .hi-next:hover,
.hi-slide .hi-prev:hover
{
opacity: 1;
background-color: #fff;
}

.hi-slide .hi-prev { left: -60px; }

.hi-slide .hi-prev::before { content: '<'; }
.hi-slide .hi-next { right: -60px; }
.hi-slide .hi-next::before { content: '>'; }

.hi-slide > ul
{
    list-style: none;
    position: relative;
    width: 754px;
    height: 292px;
    margin: 0;
    padding: 0;
  }


.hi-slide > ul > li {
    overflow: hidden;
    position: absolute;
    z-index: 0;
    left: 377px;
    top: 146px;
    width: 0;
    height: 0;
    margin: 0;
    padding: 0;
    border: 3px solid #fff;
    background-color: #333;
    cursor: pointer; }

.hi-slide > ul > li > img { width: 100%; height: 100%; background-position: center;}