/* 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;z-index:1;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;}
.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;}
.banner{width:100%; height:auto; position:relative; z-index:1;}
.banner .slideshow{position:relative;z-index:1;width:100%;height:100%;}
.banner .slideshow *{outline:none;}
.banner .slideshow .slider-track{-webkit-transition: all 1s cubic-bezier(0.7, 0, 0.3, 1);transition: all 1s cubic-bezier(0.7, 0, 0.3, 1);}
.banner .slideshow .item{width:100%; height:100%; position:relative; z-index:1; background-position:center center; background-repeat:no-repeat;}
.banner .item .pimg{width:100%; max-height:100%; display:block;}
/*.banner .slideshow .item img{width:100%;display:block;-webkit-transition: all 1s cubic-bezier(0.7, 0, 0.3, 1);transition: all 1s cubic-bezier(0.7, 0, 0.3, 1);-webkit-transform: scale(1.2);transform: scale(1.2);}
.banner .slideshow .item.slick-active img{-webkit-transform:scale(1);transform:scale(1);}*/
.banner .slideshow .slick-slide img{width:100%; display:block; -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);}
.BannerLoading{width:100%; height:100%; background-color:#fff; background-image:url(../images/loading.gif); background-position:center center; background-repeat:no-repeat; position:absolute; left:0; top:0; z-index:5;}


.banner .slideshow .slick-active img{visibility:visible !important; -webkit-animation: scaleUpDown 1.8s; animation: scaleUpDown 1.8s;}
@-webkit-keyframes scaleUpDown {
    from { -webkit-transform: scale(0); transform: scale(0); }
    to { opacity: 1; -webkit-transform: scale(1); transform: scale(1); }
}
@keyframes scaleUpDown {
    from { -webkit-transform: scale(0); transform: scale(0); }
    to { opacity: 1; -webkit-transform: scale(1); transform: scale(1); }
}

.banner .slideshow .slick-active .binbox{  visibility: visible; -webkit-transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8); transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8); -webkit-animation: fadeInRightBig 1.2s 1; animation: fadeInRightBig 1.2s 1;}
@-webkit-keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translateX(300px);transform:translateX(300px)}100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}
@keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translateX(300px);transform:translateX(300px)}100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}
.banner .slideshow .slick-active .bot { -moz-animation: a_slidercurrent 5s linear; -webkit-animation: a_slidercurrent 5s linear; -o-animation: a_slidercurrent 5s linear; animation: a_slidercurrent 5s linear; }
@-moz-keyframes a_slidercurrent {from { width: 0%; } to { width: 100%; }}
@-webkit-keyframes a_slidercurrent {from { width: 0%; } to { width: 100%; }}
.banner .slick-dots{position:absolute; left:0; bottom:40px; z-index:10; width:100%; text-align:center;}
.banner .slick-dots li{width:40px; height:3px; background-color:#e1e1e1; font-size:0; cursor:pointer; display:inline-block;_display:inline;zoom:1; margin:0 5px;}
.banner .slick-dots li button{display:none;}
.banner .slick-dots li.slick-active{background-color:#e60012;}


@media screen and (min-width:320px) and (max-width:767px){
   
	.banner .slick-dots{bottom:10px;}
	.banner .slick-dots li{width:5px; height:5px; border-radius:50%;}
}