
.sliders_hdp{
    width:100%; margin:0px auto; 
	}
.sliders_hdp .slick-slide {
      margin: 0px;
    }
.sliders_hdp .slick-slide img {
      width: 100%;
    }	
.sliders_hdp .slick-slide { 
      transition: all ease-in-out .3s;
      opacity: 1;
    }
.sliders_hdp .slick-active { 
      opacity: 1;
    }
    .sliders_hdp .slick-current {
      opacity: 1; 
    }
.sliders_hdp .slick-prev {
    left:  0px; display:none!important
}
.sliders_hdp .slick-next {
    right: 0px;display:none!important
}
.sliders_hdp .slick-prev:before,
.sliders_hdp .slick-next:before{ display:none}
.sliders_hdp .slick-prev,
.sliders_hdp .slick-next {
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 50%;
    display: block;
    width: 20px;
    height: 20px; background:#000;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    cursor: pointer;
    color: transparent;
    border: none;
    outline: none; z-index:999
   
}



.sliders_hdp .slick-prev:hover,
.sliders_hdp .slick-prev:focus,
.sliders_hdp .slick-next:hover,
.sliders_hdp .slick-next:focus { 
background:#0F0
}
.sliders_hdp .slick-dots {
     
    bottom: 10px;
    display: block; margin:auto;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center; 
}
.sliders_hdp .slick-dots li {
    display: inline-block; 
    width: 15px;
    height: 15px; float:none;
    padding: 0;
    cursor: pointer; border:1px solid #fff; border-radius:2px;background:#000; opacity: .35;
}
.sliders_hdp .slick-dots li button {
	display:none;
}
.sliders_hdp .slick-dots li.slick-active {
border:1px solid #000; border-radius:2px;background:#fff; opacity: .35;
    }
















/*.sliderscreen start*/
.sliderscreen{/*整个组所在的层*/
    width:100%; margin:0px auto; 
	}
.sliderscreen .slick-slide {/*每一个item*/
      margin: 0px;
    }

	
.sliderscreen{/*整个组所在的层*/ height:100vh; overflow:hidden;
	}
.sliderscreen .slick-slide { height:100vh;
    }
	
.sliderscreen .slick-slide div.big{ height:100vh;
    }
	
	.sliderscreen .slick-slide div.firstbig div.secondbig{ 
	  height:100vh;background-size:cover; background-position:center center; background-repeat:no-repeat;
    }	
	
	
	
	
.sliderscreen .slick-slide { /*每一个item的gray*/
      transition: all ease-in-out .3s;
      opacity: 0.5;
    }
.sliderscreen .slick-active { /*每一个item的gray*/
      opacity: 0.5;
    }
    .sliderscreen .slick-current {/*凸显的item*/
      opacity: 1; 
    }
.sliderscreen .slick-prev {/*上一个*/
    left: 0px;
}
.sliderscreen .slick-next {/*下一个*/
    right: 0px;
}
.sliderscreen .slick-prev:before,.sliderscreen .slick-next:before{ display:none}/*勿动*/
.sliderscreen .slick-prev,.sliderscreen .slick-next {/*上一个下一个样式垂直自动居中不用管*/
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 50%;
    display: block;
    width: 20px;
    height: 20px; background:#000;
    padding: 0;
    -webkit-transform: translate(0, -50%);/*y轴居中*/
    -ms-transform: translate(0, -50%);/*y轴居中*/
    transform: translate(0, -50%);/*y轴居中*/
    cursor: pointer;
    color: transparent;
    border: none;
    outline: none; z-index:9999;
   
}
.sliderscreen .slick-prev:hover,.sliderscreen .slick-prev:focus,.sliderscreen .slick-next:hover,.sliderscreen .slick-next:focus { /*上一个下一个划过样式*/
background:#0F0
}
.sliderscreen .slick-dots {/*小球组所在的层*/
    position: absolute; 
    bottom: 0px;
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
}
.sliderscreen .slick-dots li {/*小球*/
    position: relative;
    display: inline-block;
    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer; border:1px solid #000; border-radius:20px;
}
.sliderscreen .slick-dots li button {
	display:none;
}
.sliderscreen .slick-dots li.slick-active {/*小球*/
background:#000; opacity: .75;
    }
/*.sliderscreen end*/









/*.vertical start*/
.vertical{/*整个组所在的层*/
    width:60%; margin:0px auto; 
	}
.vertical .slick-slide {/*每一个item*/
      margin: 0px;
    }
.vertical .slick-slide img {/*每一个item里的img*/
      width: 100%;
    }	
.vertical .slick-slide { /*每一个item的gray*/
      transition: all ease-in-out .3s;
      opacity: 0.5;
    }
.vertical .slick-active { /*每一个item的gray*/
      opacity: 0.5;
    }
    .vertical .slick-current {/*凸显的item*/
      opacity: 1; 
    }
.vertical .slick-prev {/*上一个*/
    left: -25px;
}
.vertical .slick-next {/*下一个*/
    right: -25px;
}
.vertical .slick-prev:before,.vertical .slick-next:before{ display:none}/*勿动*/
.vertical .slick-prev,.vertical .slick-next {/*上一个下一个样式垂直自动居中不用管*/
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 50%;
    display: block;
    width: 20px;
    height: 20px; background:#000;
    padding: 0;
    -webkit-transform: translate(0, -50%);/*y轴居中*/
    -ms-transform: translate(0, -50%);/*y轴居中*/
    transform: translate(0, -50%);/*y轴居中*/
    cursor: pointer;
    color: transparent;
    border: none;
    outline: none;z-index:999
   
}
.vertical .slick-prev:hover,.vertical .slick-prev:focus,.vertical .slick-next:hover,.vertical .slick-next:focus { /*上一个下一个划过样式*/
background:#0F0
}
.vertical .slick-dots {/*小球组所在的层*/
    position: absolute; 
    bottom: 0px;
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
}
.vertical .slick-dots li {/*小球*/
    position: relative;
    display: inline-block;
    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer; border:1px solid #000; border-radius:20px;
}
.vertical .slick-dots li button {
	display:none;
}
.vertical .slick-dots li.slick-active {/*小球*/
background:#000; opacity: .75;
    }
/*.vertical end*/



