.slick-list,.slick-slider,.slick-track{position:relative;display:block}
.slick-loading .slick-slide,.slick-loading .slick-track{visibility:hidden}
.slick-slider{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{overflow:hidden;margin:0;padding:0}
.slick-list:focus{outline:0}
.slick-list.dragging{cursor:pointer;cursor:hand}
.slick-slider .slick-list,.slick-slider .slick-track{-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{top:0;left:0}
.slick-track:after,.slick-track:before{display:table;content:''}
.slick-track:after{clear:both}.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-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}
.slick-arrow.slick-hidden{display:none}
/*slick-theme*/
.slick-dots,.slick-next,.slick-prev{position:absolute;display:block;padding:0}
.slick-dots li button:before,.slick-next:before,.slick-prev:before{font-family:slick;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}

.slick-next,.slick-prev{font-size:0;line-height:0;top:50%;width:20px;height:20px;z-index:1111;-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%);cursor:pointer;color:transparent;border:none;outline:0;background:0 0}
.slick-next:focus,.slick-next:hover,.slick-prev:focus,.slick-prev:hover{color:transparent;outline:0;background:0 0}.slick-next:focus:before,.slick-next:hover:before,.slick-prev:focus:before,.slick-prev:hover:before{opacity:1}.slick-next.slick-disabled:before,.slick-prev.slick-disabled:before{opacity:.25}
.slick-next:before,.slick-prev:before{font-size:20px;opacity:0.5;color:#fff}
.slick-prev{left:-5px}
[dir=rtl] .slick-prev{right:-5px;left:auto}
.slick-prev:before{content:'<'}
.slick-next:before,[dir=rtl] .slick-prev:before{content:'>'}
.slick-next{right:-5px}[dir=rtl] .slick-next{right:auto;left:-5px}
[dir=rtl] .slick-next:before{content:'←'}
.slick-dotted.slick-slider{margin-bottom:30px}
.slick-dots{bottom:-30px;width:100%;margin:0;list-style:none;text-align:center}
.slick-dots li{position:relative;display:inline-block;width:20px;height:20px;margin:0 2px;padding:0;cursor:pointer}
.slick-dots li button{display:block;width:20px;height:20px;cursor:pointer;font-size:0;border:3px solid #666; border-radius:10px;background:#ccc}
.slick-dots li button:focus,.slick-dots li button:hover{outline:0}
.slick-dots li button:focus:before,.slick-dots li button:hover:before{opacity:1}
.slick-dots li button:before{font-size:20px;line-height:20px;position:absolute;top:-1px;left:0;width:20px;height:20px;content:'•';text-align:center;opacity:.25;color:#000}
.slick-dots li.slick-active button:before{opacity:.75;color:#000}

.banner{position:relative;margin-top:40px;background:#f1f1f1;}
.banner .slider{width:100%;margin:0 auto;position:relative;overflow:hidden}
.banner .slick-track{height:500px;position:relative;}
.banner .item{height: 100%;background-repeat: no-repeat;background-position: center center;background-size: cover;}
.banner .item a{display:block;height:100%;text-indent:-9999px;}

.banner .slick-dots{bottom:8px;width:100%;}
.banner .slick-dots li{display:inline-block;width:20px;}
.banner .slick-dots li button:before,.product_img .slick-dots li button:before{font-size:0}
.banner .slick-dots li button,.product_img .slick-dots li button{text-indent:-9999px;width:20px;height:4px;border:0;border-radius:4px;background:#eee;transition: all 0.4s ease-in-out;}
.banner .slick-dots li button:hover,.banner .slick-dots .slick-active button,.product_img .slick-dots li button:hover,.product_img .slick-dots .slick-active button
{background:#3dc094;color:#fff}

.product_img .slick-track{height:400px;position:relative;}
.products img,.caseImg img,.product_img img{box-sizing: border-box;width:100%;}
.slickImg{box-sizing: border-box;padding:3px;margin:0 10px;background:#eee;}
.slickImg:hover{background:#f45531;color:#fff}
.slickImg:hover a{color:#fff}
.slickImg div{padding:10px;text-align:center;}

/* ddl css */
.ddlad{width:49%;position:relative;}
.ddlad .slick-dots{width:100%;text-align:right;display:inline-block;position:absolute;bottom:10px;right:10px;}



@media screen and (min-width: 1440px){
.banner .slick-track{height:600px;position:relative;}
}

@media screen and (max-width: 960px){
.banner .slick-track{height:360px;position:relative;}
}
@media screen and (max-width: 600px){
.banner{margin-top:0;}
}
@media screen and (max-width: 600px){
.banner .slick-track{height:240px;position:relative;}
.ddlad{width:100%;}
}
@media screen and (max-width: 480px){
.banner .slick-track{height:150px;position:relative;}
}