/* 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; overflow: hidden; display: block; margin: 0; padding: 0; }
.slick-list:focus { outline: none; }
.slick-loading .slick-list { background: #00865e url(../images/loader.gif) center center no-repeat; }
.slick-list.dragging { cursor: pointer; cursor: hand; }
.slick-slider .slick-list, .slick-track, .slick-slide, .slick-slide img { -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:before, .slick-track:after { 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; }
/* Arrows */
.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; }


@-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); }
}
/*index style*/
.align-vertical { height: 100%; width: 100%; position: relative; display: table; }
.vertical-inner { display: table-cell; vertical-align: middle; }
.transYT { transform: translateY(50px); -webkit-transform: translateY(50px); opacity: 0; visibility: hidden; transition: transform 600ms,opacity .5s cubic-bezier(0.445, 0.145, 0.355, 1); -webkit-transition: transform 600ms,opacity .5s cubic-bezier(0.445, 0.145, 0.355, 1); transition-timing-function: ease-out; -webkit-transition-timing-function: ease-out; }
.transYT2 { transform: translateY(-50px); -webkit-transform: translateY(-50px); opacity: 0; visibility: hidden; transition: transform 600ms,opacity .5s cubic-bezier(0.445, 0.145, 0.355, 1); -webkit-transition: transform 600ms,opacity .5s cubic-bezier(0.445, 0.145, 0.355, 1); transition-timing-function: ease-out; -webkit-transition-timing-function: ease-out; }
.transXT { transform: translateX(50px); -webkit-transform: translateX(50px); opacity: 0; visibility: hidden; transition: transform 600ms,opacity .5s cubic-bezier(0.445, 0.145, 0.355, 1); -webkit-transition: transform 600ms,opacity .5s cubic-bezier(0.445, 0.145, 0.355, 1); transition-timing-function: ease-out; -webkit-transition-timing-function: ease-out; }
.transXT2 { transform: translateX(-50px); -webkit-transform: translateX(-50px); opacity: 0; visibility: hidden; transition: transform 600ms,opacity .5s cubic-bezier(0.445, 0.145, 0.355, 1); -webkit-transition: transform 600ms,opacity .5s cubic-bezier(0.445, 0.145, 0.355, 1); transition-timing-function: ease-out; -webkit-transition-timing-function: ease-out; }
.action.transYT { opacity: 1; visibility: visible; transform: translateY(0px); -webkit-transform: translateY(0px); }
.action.transYT2 { opacity: 1; visibility: visible; transform: translateY(0px); -webkit-transform: translateY(0px); }
.action.transXT { opacity: 1; visibility: visible; transform: translateY(0px); -webkit-transform: translateY(0px); }
.action.transXT2 { opacity: 1; visibility: visible; transform: translateY(0px); -webkit-transform: translateY(0px); }
.dly_1 { transition-delay: 100ms; -webkit-transition-delay: 100ms; }
.dly_2 { transition-delay: 200ms; -webkit-transition-delay: 200ms; }
.dly_3 { transition-delay: 300ms; -webkit-transition-delay: 300ms; }
.dly_4 { transition-delay: 400ms; -webkit-transition-delay: 400ms; }
.dly_5 { transition-delay: 500ms; -webkit-transition-delay: 500ms; }
.dly_6 { transition-delay: 600ms; -webkit-transition-delay: 600ms; }
.dly_7 { transition-delay: 700ms; -webkit-transition-delay: 700ms; }
.dly_8 { transition-delay: 800ms; -webkit-transition-delay: 800ms; }
.mtop { height: 0px; }
.banner-box { position: relative; overflow: hidden; /*margin-top: 120px;*/ }
.banner { position: relative; overflow: hidden; width: 100%; z-index: 0; background-color: #efefef; color: #fff; }
.banner .bimg { width: 100%; display: block; position: absolute; left: 0px; top: 0px; }
.banner .item { position: relative; width: 100%; height: 100%; overflow: hidden; background-size: cover; background-position: center center; background-repeat: no-repeat; }
.banner .slick-active .bimg { visibility: visible !important; -webkit-animation: scaleUpDown 6s forwards cubic-bezier(0.250, 0.460, 0.450, 0.940); animation: scaleUpDown 6s forwards cubic-bezier(0.250, 0.460, 0.450, 0.940); }
.binbox { width: 90%; position: absolute; left: 5%; top: 50%; margin-top: -135px; text-align: center; color: #fff; }
.binbox .jz-zh { margin-top: 30px; font-size: 16px; }
.bybox { width: 260px; height: 280px; margin: 0px auto; position: relative;z-index: 9999 }
.bybox .boxt { width: 100%; height: 100%; position: relative; border-radius: 5px; overflow: hidden; left: 0px; top: 0px; display: block; }
.bybox .boxt-s0 { position: absolute; left: 0px; top: 0px; width: 252px; height: 272px; border: 4px solid #fff; overflow: hidden; }
.bybox .by1, .bybox .by2 { font-size: 40px; width: 42px; line-height: 1; position: absolute; opacity: 0; transform: translateY(50px); -webkit-transform: translateY(50px); }
.bybox .by1 { top: 8px; left: 56%; }
.bybox .by2 { top: 38px; left: 26%; }

@-webkit-keyframes byline {
  from { height: 0%; }
  to { height: 700%; }
}

@keyframes byline {
  from { height: 0%; }
  to { height: 700%; }
}

@-webkit-keyframes byline2 {
  from { width: 0%; }
  to { width: 700%; }
}

@keyframes byline2 {
  from { width: 0%; }
  to { width: 700%; }
}

.boxt-line { background-color: #2595ff; position: absolute; z-index: 2; }
.boxt-s1 { width: 4px; left: 0%; bottom: 0px; height: 0px; }
.boxt-s2 { width: 0px; left: 0%; top: 0px; height: 4px; }
.boxt-s3 { width: 4px; right: 0%; top: 0px; height: 0px; }
.boxt-s4 { width: 0px; right: 0%; bottom: 0px; height: 4px; }
.banner .slick-active .boxt-line { -webkit-animation: byline 7s linear; animation: byline 7s linear; }
.banner .slick-active .boxt-s2 { -webkit-animation: byline2 7s linear 1s; animation: byline2 7s linear 1s; }
.banner .slick-active .boxt-s3 { -webkit-animation: byline 7s linear 7s; animation: byline 7s linear 2s; }
.banner .slick-active .boxt-s4 { -webkit-animation: byline2 7s linear 3s; animation: byline2 7s linear 3s; }
.banner .slick-active .by1 { -webkit-transition: all .8s 0.1s; transition: all .8s 0.1s; }
.banner .slick-active .by2 { -webkit-transition: all .8s 0.3s; transition: all .8s 0.3s; }
.banner .slick-active .jz-ico { -webkit-transition: all .6s cubic-bezier(0.445, 0.145, 0.355, 1) 0.4s; transition: all .6s cubic-bezier(0.445, 0.145, 0.355, 1) 0.4s; }
.banner .slick-active .jz-en { -webkit-transition: all .6s cubic-bezier(0.445, 0.145, 0.355, 1) 0.5s; transition: all .6s cubic-bezier(0.445, 0.145, 0.355, 1) 0.5s; }
.banner .slick-active .by1, .banner .slick-active .by2 { opacity: 1; transform: translateY(0px); -webkit-transform: translateY(0px); }

.mouseIco { background: url(../images/mouseIco.png) no-repeat scroll center center; width: 25px; height: 68px; position: absolute; left: 50%; bottom: 5%; margin-left: -12px; z-index: 100; -webkit-animation: mouse-dot 1.5s cubic-bezier(0.23, 1, 0.32, 1) infinite; animation: mouse-dot 1.5s cubic-bezier(0.23, 1, 0.32, 1) infinite; }

@keyframes mouse-dot {
  from { opacity: 0; }
  33% { opacity: 1; }
  to { transform: translateY(20px); -webkit-transform: translateY(20px); opacity: 0; }
}

@-webkit-keyframes mouse-dot {
  from { opacity: 0; }
  33% { opacity: 1; }
  to { transform: translateY(20px); -webkit-transform: translateY(20px); opacity: 0; }
}