﻿html, body, div, span, applet, object, iframe, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0px; border: 0; font-size: 100%; outline: none; }
section { display: block; }
/*public style end*/
.slick-slider{position:relative;display:block;-moz-box-sizing:border-box;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:0}
.slick-list.dragging{cursor:hand}
.slick-loading .slick-list { background: #f1f1f1 url(../images/loader.gif) center center no-repeat; }
.slick-slider .slick-list,.slick-slider .slick-track{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
.slick-track{position:relative;top:0;left:0;display:block; zoom: 1; }
.slick-track:after,.slick-track:before{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}
.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-prev, .slick-next { position: absolute; display: block; height: 20px; width: 20px; line-height: 0; font-size: 0; cursor: pointer; background: transparent; color: transparent; padding: 0; border: none; outline: none; }
.slick-dots { position: absolute; bottom: -45px; list-style: none; display: block; text-align: center; padding: 0px; width: 100%; }
.slick-dots li { position: relative; display: inline-block; height: 20px; width: 20px; margin: 0px 5px; padding: 0px; cursor: pointer; }
@-webkit-keyframes scaleUpDown {
    from { -webkit-transform: scale(1.08); transform: scale(1.08); }
    to { opacity: 1;  -webkit-transform: scale(1); transform: scale(1);}
}

@keyframes scaleUpDown {
    from { -webkit-transform: scale(1.08); transform: scale(1.08);}
    to { opacity: 1;  -webkit-transform: scale(1); transform: scale(1);}
}
.fixedImg { background-position: center top; background-repeat: no-repeat; background-size: cover;}
.banner a:link, .banner a:visited { color: #fff; }
.banner a:active, .banner a:hover { color: #fff; }
.banner { position: relative; overflow: hidden; width: 100%; margin: 104px auto 0px auto; background-color: #f7f7f7;overflow: hidden;  opacity: 0;visibility: hidden; transition: opacity 1s ease; -webkit-transition: opacity 1s ease;}
@media screen and (max-width:1024px){
  .banner {   
    margin: 0px auto 0px auto;
  }
}
.banner.slick-initialized {visibility: visible;opacity: 1;    }
.banner .item { position: relative; width: 100%; overflow: hidden;}
.banner .item img{ width: 100%; display: block;}
.banner .pimg { width: 100%; display: block; position: absolute; overflow: hidden;}
.banner .slick-active .pimg { visibility: visible !important; -webkit-animation: scaleUpDown 2s forwards cubic-bezier(0.250, 0.460, 0.450, 0.940); animation: scaleUpDown 2s forwards cubic-bezier(0.250, 0.460, 0.450, 0.940); }
.banner .slick-dots { bottom: 3%; z-index: 104;}
.banner .slick-dots li { position: relative; display: inline-block; padding: 0px 10px; width: 12px; height: 12px; margin: 0px; cursor: pointer;}
.banner .slick-dots li a {text-indent: -10em; display: block; overflow: hidden; padding: 0px; cursor: pointer; border-radius: 50%; width: 10px; height: 10px; margin: 0px auto; border: 2px solid rgba(0,0,0,0); background: none #fff; }
.banner .slick-dots li a:focus { outline: none; }
.banner .slick-dots li.slick-active a { border-color: #fff; background:none transparent; }
.mb5{ margin-bottom: 5px;}


.banner .item img{ width: 110%;}
	.banner .slick-dots li{ width: 8px; height: 8px;}
	.banner .slick-dots li a{ width: 6px; height: 6px; border-width: 1px;}
	