.fl {
  float: left;
}

.fr {
  float: right;
}


@font-face {
  font-family: "iconfont";
  src: url('../fonts/font_1457575_wc4kbab342e.eot');
  /* IE9 */
  src: url('../fonts/font_1457575_wc4kbab342e.eot') format('embedded-opentype'),
    /* IE6-IE8 */
    url('../fonts/585fe6ad5f914ef0b63de578a158cdc1.woff') format('woff2'),
    url('../fonts/font_1457575_wc4kbab342e.woff') format('woff'),
    url('../fonts/font_1457575_wc4kbab342e.ttf') format('truetype'),
    /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */
    url('../fonts/font_1457575_wc4kbab342e.svg') format('svg');
  /* iOS 4.1- */
}

.iconfont {
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.button {
  position: absolute;
  cursor: pointer;
  top: 15%;
  font-size: 50px;
  color: #c0bfbf;

}

.prev {
  left: -20px;
}

.next {
  right: -20px;
  /* transform: rotate(-180deg); */
}

.container {
  width: 76.616%;
  margin: 0 auto;
  position: relative;
  padding-top: 207px;
}

.slide_wrap {
  overflow: hidden;
  position: relative;
  padding-top: 50px;
}

.slide_wrap ul {
  position: relative;
  left: 0px;
  width: 2000px !important;
}

.slide_wrap::after {
  width: 100%;
  height: 3px;
  background-color: #a5a5a5;
  content: '';
  position: absolute;
  top: 98px;
  left: 0px;
}

.slide_items li {
  float: left;
  font-size: 20px;
  width: 73px;
  text-align: center;
}

.slide_items li a {
  display: block;
}

.slide_items li.on {
  /* background: url('/Template/Home/Static/images/049.png') no-repeat; */
  /* background-position-x: 50%; */
  height: 200px;
  margin-top: -46px;
}

.slide_items li span {
  color: #464646;
  font-size: 14px;
  display: block;
  margin-top: 5px;
}

.slide_items li div {
  display: inline-block;
  width: 16px;
  height: 16px;
  border-radius: 13px;
  padding: 2px;
  box-sizing: border-box;
  margin-top: 41px;
}

.slide_items li i {
  display: block;
  width: 13px;
  height: 13px;
  background-color: #a2a2a2;
  border-radius: 50%;
}

.slide_items li.on div {
  display: inline-block;
  width: 26px;
  height: 26px;
  border-radius: 13px;
  padding: 8px;
  box-sizing: border-box;
  margin-top: 35px;
}

.slide-content {
  margin-top: 100px;
}

.slide-content img {
  width: 100%;
}

.slide-content ul {
  display: none;
}

.slide-content ul.on {
  display: block;
}