/* Slider */
.slick-slider{
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}
.slick-list{
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
}
.slick-list:focus{
    outline: none;
}
.slick-list.dragging{
    cursor: pointer;
    cursor: hand;
}
.slick-slider .slick-track,.slick-slider .slick-list{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}
.slick-track{
    position: relative;
    top: 0;
    left: 0;
    display: block;
}
.slick-track:before,.slick-track:after{
    display: table;
    content: '';
}
.slick-track:after{
    clear: both;
}
.slick-loading .slick-track{
    visibility: hidden;
}
.slick-slide{
    display: none;
    float: left;
    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide{
    float: right;
}
.slick-slide img{
    display: block;
    width:100%;
    height:500px;
}
.slick-slide.slick-loading img{
    display: none;
}
.slick-slide.dragging img{
    pointer-events: none;
}
.slick-initialized .slick-slide{
    display: block;
}
.slick-loading .slick-slide{
    visibility: hidden;
}
.slick-vertical .slick-slide{
    display: block;
    height: auto;
    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}
@media screen and (max-width:768px){
    .slick-slide img{
        width:100%;
        height:auto !important;
    }
}


.scroll{position: relative;margin: 0 auto;}
.scroll .slides {width: 100%;}
.scroll .slides .item {
    /* background:black;
    opacity: 0.4;
    filter:alpha(opacity=40);
    background-color:rgba(0,0,0,1) */
}
.scroll .slides .item.slick-active {opacity: 1;filter:alpha(opacity=100);}
.scroll .scroll-text{ position:absolute;bottom:20px;  width:100%;}
.scroll .scroll-text h3 a{ font-size:20px; color:#3b3b3b; line-height:24px;}
.scroll .scroll-text p{ color:#535353; line-height:20px; padding-top:15px}
.point{ margin-top:45px; text-align:center;}
.point li{zoom:1; display:inline-block;margin:0 5px;}
.point li span{background:#ffd800;border-radius:7px;cursor:pointer;display:block;height:10px;margin:0 5px;width:10px;}
.point li.current span,.point li:hover span{ background:#870000;}
.point li.slick-active button {width:30px;background-color: #870000;}
.point li button {font-size: 0;line-height: 0;border-radius:7px;display: block;width: 10px;height: 10px;padding: 0px;cursor: pointer;border: 0;outline: none;}
.scroll-text a.prev,.scroll-text a.next{font-size:50px;line-height:28px;color:#fff;display:block;width:28px;text-align:center; position:absolute;bottom:250px;}
.scroll-text a.prev{left:62px;}
.scroll-text a.next{right:64px;}
.scroll-text a.prev:hover,.scroll-text a.next:hover{ color:#000;}
.scroll .scroll-2{ position:absolute; top:0; left:360px;}
.scroll .scroll-2 .scroll-text{ right:0;}