* {
  margin:0; 
  padding:0;
}
li {
  list-style: none;
}
.kind_wrap {
  width:1920px; 
  max-width:1919px; 
  margin:0 auto; 
  position: relative;
  height: 851px;
}
.kind_wrap > .kind_slider {
  overflow: hidden;
}
.kind_wrap > .kind_slider .slider { 
  position: relative; 
  transition: 0.5s;
}
.kind_wrap > .kind_slider .slider li {
  float:left;
  width:960px;
}
.kind_wrap > .kind_slider img {
  vertical-align: top;
  width:100%;
  height:100%;
}
.kind_wrap .arrow > a.prev {
  position: absolute; 
  
  top:50px;
}
.kind_wrap .arrow > a.next {
  position: absolute; 
  
  top:100px;
}
/*
.slick-next{ right:-30px!important;}
    .slick-prev{ left:-30px!important; }
    .slick-next:before{
        background: url(img/arrow_r.png)!important;
        background-size: contain!important;
    }
    .slick-prev:before{
        background: url(img/arrow_l.png)!important;
        background-size: contain!important;
    }
    .slick-arrow{
        z-index:2!important;
        width:60px!important;
        height:60px!important;
    }
    .slick-arrow:before{
        content:""!important;
        width: 100%!important;
        height: 100%!important;
        position: absolute;
        top: 0;
        left: 0;
        opacity:1!important;
    }
*/
@media all and (max-width:767px){
.arrowwrap{position: relative;
     width: 50px;
    height: 50px;
    left: -15px;
    bottom: 10px;}

.slick-prev{position: absolute;
    top: 50%;
    left: 20px;
    z-index: 2;}
.slick-next{position: absolute;
    top: 50%;
    right: 20px;
    z-index: 2;}
}@media all and (min-width:768px){
.arrowwrap{position: relative;
   
	    width: 100px;
    height: 100px;
    left: -25px;
    bottom: 20px;}

.slick-prev{position: absolute;
    top: 50%;
    left: 57px;
    z-index: 2;}
.slick-next{position: absolute;
    top: 50%;
    right: 57px;
    z-index: 2;}
}
.slick-arrow {
  width: 10px;
  height: 10px;
}
.slick-arrow::before, .slick-arrow::after {
  content: ''!important;
  position: absolute;
}
.slick-arrow::before {
  width: 100%;
  height: 100%;
  border: 1px solid #333;
  border-right: 0;
  border-bottom: 0;
}
.slick-arrow::after {
  width: 20px;
  height: 1px;
  background: #333;
  transform-origin: 0 100%;
  transform: rotate(45deg);
  top: 0%;
}

.slick-prev {
  transform: rotate(-45deg);
}
.slick-next {
  transform: rotate(135deg);
}

li {
    list-style: none;
}

.tab_inner {
    color: #fff;
    font-size: 24px;
    display: none;
}

.tab_item.active {
    color: #000;
}

.tab_inner.active {
    display: block;
}