@font-face { font-family: 'entypo'; src:url('../font/banner/entypo.eot'); src:url('../font/banner/entypo.eot?#iefix') format('embedded-opentype'), url('../font/banner/entypo.woff') format('woff'), url('../font/banner/entypo.ttf') format('truetype'), url('../font/banner/entypo.svg#entypo') format('svg'); font-weight: normal; font-style: normal; } .cbp-bislideshow { list-style: none; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: -1; padding: 0; margin: 0; overflow:hidden } .cbp-bislideshow li { position: absolute; width: 101%; height: 101%; top: -0.5%; left: -0.5%; opacity: 0; -webkit-transition: opacity 1s; -moz-transition: opacity 1s; transition: opacity 1s; z-index: 100; } .slick-slider{position:relative;display:block;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-ms-touch-action:none;touch-action:none;-webkit-tap-highlight-color:transparent} .slick-list{position:relative;overflow:hidden;display:block;margin:0;padding:0} .index-pro .index-cp .slick-list{padding-bottom:20px} .slick-list:focus{outline:0} .slick-list.dragging{cursor:pointer;cursor:hand} .slick-slide,.slick-slide img,.slick-slider .slick-list,.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{position:relative;left:0;top:0;display:block;zoom:1} .slick-track:after,.slick-track:before{content:"";display:table} .slick-track:after{clear:both} .slick-loading .slick-track{visibility:hidden} .slick-slide{float:left;height:100%;min-height:1px;display:none} .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-next,.slick-prev{position:absolute;display:block;line-height:0;font-size:0;cursor:pointer;background:0 0;color:transparent;top:50%;margin-top:-40px;padding:0;border:none;outline:0} .slick-next:focus,.slick-prev:focus{outline:0} .slick-next.slick-disabled:before,.slick-prev.slick-disabled:before{filter:alpha(opacity=25);-moz-opacity:.25;-khtml-opacity:.25;opacity:.25} .slick-next:before,.slick-prev:before{font-family:slick;font-size:20px;line-height:1;color:#fff;filter:alpha(opacity=80);-moz-opacity:.85;-khtml-opacity:.85;opacity:.85;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale} .slick-prev{left:25px;background:url(../images/left.png) no-repeat;-o-background-size:100% 100%;background-size:100% 100%;width:40px;height:80px} .slick-next{right:25px;background:url(../images/right.png) no-repeat;-o-background-size:100% 100%;background-size:100% 100%;width:40px;height:80px} .slick-dots{position:absolute;bottom:100px;list-style:none;display:block;text-align:center;padding:0;width:100%} .slick-dots li{position:relative;display:inline-block;margin:0 5px;padding:0;cursor:pointer} .slick-dots li button{border:0;background:0 0;display:block;height:10px;width:10px;outline:0;line-height:0;font-size:0;color:transparent;padding:5px;cursor:pointer;outline:0} .slick-dots li button:focus{outline:0} .slick-dots li button:before{position:absolute;top:0;left:0;content:"\2022";width:20px;height:20px;font-family:slick;font-size:6px;line-height:20px;text-align:center;filter:alpha(opacity=25);-moz-opacity:.25;-khtml-opacity:.25;opacity:.25;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale} .slick-dots li.slick-active button:before{filter:alpha(opacity=75);-moz-opacity:.75;-khtml-opacity:.75;opacity:.75} .slick-dots li button{background:#fff;border-radius:50%} .slick-slider .slick-active button{background:#1d437b;background:-webkit-linear-gradient(left,#1d437b,#3c74af);background:-o-linear-gradient(right,#1d437b,#3c74af);background:-moz-linear-gradient(right,#1d437b,#3c74af);background:-moz-linear-gradient(left,#1d437b,#3c74af);background:-o-linear-gradient(left,#1d437b,#3c74af);background:linear-gradient(to right,#1d437b,#3c74af);width:35px;border-radius:20px;-o-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-webkit-transition:all .5s ease-in-out;-webkit-transition:all .8s ease-in-out;-o-transition:all .8s ease-in-out;-moz-transition:all .8s ease-in-out;transition:all .8s ease-in-out} .index-banner{list-style: none; width: 100%; height: 100%; position: absolute; top:0; left: 0; z-index:0; padding: 0; margin: 0; overflow:hidden} .index-banner.slick-slider img{position:relative;z-index:999} .index-banner .one-active img{display: block;width: 100%;z-index: 2;position:relative;} .index-banner img{position: absolute;left:0;top:0;width: 100%;} .index-banner .slick-next,.index-banner .slick-prev{filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0;-webkit-transition:all 1s;-o-transition:all 1s;-moz-transition:all 1s;transition:all 1s;-webkit-transform:rotateY(90deg);-moz-transform:rotateY(90deg);-ms-transform:rotateY(90deg);-o-transform:rotateY(90deg);transform:rotateY(90deg)} .index-banner:hover .slick-next,.index-banner:hover .slick-prev{filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1;-webkit-transform:rotateY(0);-moz-transform:rotateY(0);-ms-transform:rotateY(0);-o-transform:rotateY(0);transform:rotateY(0)} /* If background-size supported we'll add the images to the background of the li */ .backgroundsize .cbp-bislideshow li { -webkit-background-size: cover; -moz-background-size: cover; background-size: cover; background-position: center center; } /* ...and hide the images */ .backgroundsize .cbp-bislideshow li img { display: none; } .cbp-bislideshow li img { display: block; width: 100%; } .cbp-bicontrols { position: absolute; width: 100%; height: 100px; top: 40%; } .cbp-bicontrols span { float: left; width: 100px; height: 100px; position: relative; cursor: pointer; } .cbp-bicontrols span:before { position: absolute; width: 100%; height: 100%; top: 0; left: 0; text-align: center; font-family: 'entypo'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 100px; font-size: 80px; color: #fff; -webkit-font-smoothing: antialiased; opacity: 0.7; } .cbp-bicontrols span:hover:before { opacity: 1; } .cbp-bicontrols span:active:before { top: 2px; } .cbp-bipause{display:none} span.cbp-biplay:before { content: "\e002"; } span.cbp-bipause:before { content: "\e003"; } span.cbp-binext:before { content: "\e000"; } span.cbp-biprev:before { content: "\e001"; } .cbp-bicontrols span.cbp-binext { float: right; } /* Fallback */ .no-js.no-backgroundsize .cbp-bislideshow li:first-child { opacity: 1; } .no-js.backgroundsize .cbp-bislideshow li:first-child img { display: block; }