.jcontainer{
  margin:0 auto;
  width: 100%;
}
/*  slider  */
.fadeslider{
  width: 100%;
  height: 400px;
  position: relative;
  text-align:center;
  overflow:hidden;
}
.fadeslider .slide{
  position:absolute;
  width:100%;
  top:0;
  display:none;
}
.fadeslider .slide:nth-child(1){
    display:block;
}
.fadeslider .slide .text{
  top:70px;
  position:absolute;
  width: 100%;
  color:#000000;
}

.slideback{
  width: 40px; 
  height: 40px;
  position:absolute;
  background:rgba(0,0,0,0.8);
  color:#fff;
  top:80px;
  left:0;
  line-height:40px;
  cursor:pointer;
}
.slideback:hover,.slidenext:hover{
  background:rgba(0,0,0,1);
}
.slidenext{
  width: 40px; 
  height: 40px;
  position:absolute;
  background:rgba(0,0,0,0.8);
  color:#fff;
  top:80px;
  right:0;
  line-height:40px;
  cursor:pointer;
}
.slidelist{
  position: absolute;
  bottom:20px;
  left:20px;
}
.slidelist div{
  width: 7.5px;
  height: 7.5px;
  background: #fff;
  float: left;
  margin-right:10px;
    transition:300ms;
  border:1.25px solid #fff;
}
.slidelist div.active{
  width: 7.5px;
  height: 7.5px;
  border:1.25px solid #fff;
  
}

.slidelist div.active{
  background: #505050;
}