@charset "utf-8";

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
strong { font-weight: bold; }
img { border: 0; }
input { outline: none; }
input[type="text"], input[type="button"], input[type="submit"], input[type="reset"] { -webkit-appearance: none; border-radius: 0; }
textarea { -webkit-appearance: none; border-radius: 0; outline: none; }
::-moz-selection { background: #c18e3d; color: #fff; text-shadow: none; }
::selection { background: #735d3a; color: #fff; text-shadow: none; }
select { outline: none; }
select::-ms-expand { display: none; }
a { text-decoration: none; blr: expression(this.onFocus=this.blur()); cursor: pointer; -webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; }
a:link, a:visited { text-decoration: none; }
a:active, a:hover { text-decoration: none; }
.clearfix:before, .clearfix:after { display: table; content: ""; line-height: 0px; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }
.fc { text-align: center; }
.fr { text-align: right; }
.l { float: left; display: inline-block; }
.r { float: right; display: inline-block; }
.vt { vertical-align: top; }
.vm { vertical-align: middle; }


/*video style end*/
/* 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; }
/* Dots */
.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; }
.slick-dots li button { border: 0; background: transparent; display: block; height: 20px; width: 20px; outline: none; line-height: 0; font-size: 0; color: transparent; padding: 5px; cursor: pointer; outline: none; }
.slick-dots li button:focus { 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); }
}

@-webkit-keyframes Turnico {
    0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
    25% { -webkit-transform: rotate(90deg); transform: rotate(90deg); }
    50% { -webkit-transform: rotate(180deg); transform: rotate(180deg); }
    75% { -webkit-transform: rotate(270deg); transform: rotate(270deg); }
    100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); }
}

@keyframes Turnico {
    0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
    25% { -webkit-transform: rotate(90deg); transform: rotate(90deg); }
    50% { -webkit-transform: rotate(180deg); transform: rotate(180deg); }
    75% { -webkit-transform: rotate(270deg); transform: rotate(270deg); }
    100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); }
}
/* 
 * 	Core Owl Carousel CSS File
 *	v1.3.3
 */
/* clearfix */
.owl-carousel .owl-wrapper:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
/* display none until init */
.owl-carousel { display: none; position: relative; -ms-touch-action: pan-y; }
.owl-carousel .owl-wrapper { display: none; position: relative; -webkit-transform: translate3d(0px, 0px, 0px); }
.owl-carousel .owl-wrapper-outer { overflow: hidden; position: relative; width: 100%; }
.owl-carousel .owl-wrapper-outer.autoHeight { -webkit-transition: height 500ms ease-in-out; -moz-transition: height 500ms ease-in-out; -ms-transition: height 500ms ease-in-out; -o-transition: height 500ms ease-in-out; transition: height 500ms ease-in-out; }
.owl-carousel .owl-item { float: left; }
.owl-controls .owl-page,
.owl-controls .owl-buttons div { cursor: pointer; }
.owl-controls { -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
/* mouse grab icon */
.grabbing { cursor: url(grabbing.png) 8 8, move; }
/* fix */
.owl-carousel .owl-wrapper,
.owl-carousel .owl-item { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); }

/*
* 	Owl Carousel Owl Demo Theme 
*	v1.3.3
*/

.owl-theme .owl-controls { margin-top: 10px; text-align: center; }

/* Styling Next and Prev buttons */

.owl-theme .owl-controls .owl-buttons div { color: #FFF; display: inline-block; zoom: 1; *display: inline; /*IE7 life-saver */ margin: 5px; padding: 3px 10px; font-size: 12px; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; background: #869791; }
/* Clickable class fix problem with hover on touch devices */
/* Use it for non-touch hover action */
.owl-theme .owl-controls.clickable .owl-buttons div:hover { filter: Alpha(Opacity=100); /*IE7 fix*/ opacity: 1; text-decoration: none; }

/* Styling Pagination*/

.owl-theme .owl-controls .owl-page { display: inline-block; zoom: 1; *display: inline; /*IE7 life-saver */ }
.owl-theme .owl-controls .owl-page span { display: block; width: 12px; height: 12px; margin: 5px 7px; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; }

.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span { }

/* If PaginationNumbers is true */

.owl-theme .owl-controls .owl-page span.owl-numbers { height: auto; width: auto; color: #FFF; padding: 2px 10px; font-size: 12px; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; }

/* preloading images */
.owl-item.loading { min-height: 150px; background: url(../images/AjaxLoader.gif) no-repeat center center; }

/* 
 *  Owl Carousel CSS3 Transitions 
 *  v1.3.2
 */

.owl-origin { -webkit-perspective: 1200px; -webkit-perspective-origin-x: 50%; -webkit-perspective-origin-y: 50%; -moz-perspective: 1200px; -moz-perspective-origin-x: 50%; -moz-perspective-origin-y: 50%; perspective: 1200px; }
/* fade */
.owl-fade-out { z-index: 10; -webkit-animation: fadeOut .7s both ease; -moz-animation: fadeOut .7s both ease; animation: fadeOut .7s both ease; }
.owl-fade-in { -webkit-animation: fadeIn .7s both ease; -moz-animation: fadeIn .7s both ease; animation: fadeIn .7s both ease; }
/* backSlide */
.owl-backSlide-out { -webkit-animation: backSlideOut 1s both ease; -moz-animation: backSlideOut 1s both ease; animation: backSlideOut 1s both ease; }
.owl-backSlide-in { -webkit-animation: backSlideIn 1s both ease; -moz-animation: backSlideIn 1s both ease; animation: backSlideIn 1s both ease; }
/* goDown */
.owl-goDown-out { -webkit-animation: scaleToFade .7s ease both; -moz-animation: scaleToFade .7s ease both; animation: scaleToFade .7s ease both; }
.owl-goDown-in { -webkit-animation: goDown .6s ease both; -moz-animation: goDown .6s ease both; animation: goDown .6s ease both; }
/* scaleUp */
.owl-fadeUp-in { -webkit-animation: scaleUpFrom .5s ease both; -moz-animation: scaleUpFrom .5s ease both; animation: scaleUpFrom .5s ease both; }

.owl-fadeUp-out { -webkit-animation: scaleUpTo .5s ease both; -moz-animation: scaleUpTo .5s ease both; animation: scaleUpTo .5s ease both; }
/* Keyframes */
/*empty*/
@-webkit-keyframes empty {
    0% { opacity: 1; }
}

@-moz-keyframes empty {
    0% { opacity: 1; }
}

@keyframes empty {
    0% { opacity: 1; }
}

@-webkit-keyframes fadeIn {
    0% { opacity: 0; }
    100% { opacity: 1; }
}

@-moz-keyframes fadeIn {
    0% { opacity: 0; }
    100% { opacity: 1; }
}

@keyframes fadeIn {
    0% { opacity: 0; }
    100% { opacity: 1; }
}

@-webkit-keyframes fadeOut {
    0% { opacity: 1; }
    100% { opacity: 0; }
}

@-moz-keyframes fadeOut {
    0% { opacity: 1; }
    100% { opacity: 0; }
}

@keyframes fadeOut {
    0% { opacity: 1; }
    100% { opacity: 0; }
}

@-webkit-keyframes backSlideOut {
    25% { opacity: .5; -webkit-transform: translateZ(-500px); }
    75% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(-200%); }
    100% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(-200%); }
}

@-moz-keyframes backSlideOut {
    25% { opacity: .5; -moz-transform: translateZ(-500px); }
    75% { opacity: .5; -moz-transform: translateZ(-500px) translateX(-200%); }
    100% { opacity: .5; -moz-transform: translateZ(-500px) translateX(-200%); }
}

@keyframes backSlideOut {
    25% { opacity: .5; transform: translateZ(-500px); }
    75% { opacity: .5; transform: translateZ(-500px) translateX(-200%); }
    100% { opacity: .5; transform: translateZ(-500px) translateX(-200%); }
}

@-webkit-keyframes backSlideIn {
    0%, 25% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(200%); }
    75% { opacity: .5; -webkit-transform: translateZ(-500px); }
    100% { opacity: 1; -webkit-transform: translateZ(0) translateX(0); }
}

@-moz-keyframes backSlideIn {
    0%, 25% { opacity: .5; -moz-transform: translateZ(-500px) translateX(200%); }
    75% { opacity: .5; -moz-transform: translateZ(-500px); }
    100% { opacity: 1; -moz-transform: translateZ(0) translateX(0); }
}

@keyframes backSlideIn {
    0%, 25% { opacity: .5; transform: translateZ(-500px) translateX(200%); }
    75% { opacity: .5; transform: translateZ(-500px); }
    100% { opacity: 1; transform: translateZ(0) translateX(0); }
}

@-webkit-keyframes scaleToFade {
    to { opacity: 0; -webkit-transform: scale(.8); }
}

@-moz-keyframes scaleToFade {
    to { opacity: 0; -moz-transform: scale(.8); }
}

@keyframes scaleToFade {
    to { opacity: 0; transform: scale(.8); }
}

@-webkit-keyframes goDown {
    from { -webkit-transform: translateY(-100%); }
}

@-moz-keyframes goDown {
    from { -moz-transform: translateY(-100%); }
}

@keyframes goDown {
    from { transform: translateY(-100%); }
}

@-webkit-keyframes scaleUpFrom {
    from { opacity: 0; -webkit-transform: scale(1.5); }
}

@-moz-keyframes scaleUpFrom {
    from { opacity: 0; -moz-transform: scale(1.5); }
}

@keyframes scaleUpFrom {
    from { opacity: 0; transform: scale(1.5); }
}

@-webkit-keyframes scaleUpTo {
    to { opacity: 0; -webkit-transform: scale(1.5); }
}

@-moz-keyframes scaleUpTo {
    to { opacity: 0; -moz-transform: scale(1.5); }
}

@keyframes scaleUpTo {
    to { opacity: 0; transform: scale(1.5); }
}
/* Slider  end*/
.align-vertical { height: 100%; width: 100%; position: relative; display: table; }
.vertical-inner { display: table-cell; vertical-align: middle; }
.black30 { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background: url(../images/black30.png) repeat; background: none rgba(0,0,0,0.3); opacity: 0; visibility: hidden; -webkit-transition: 0.4s; transition: 0.4s; }
.banner a:link, .banner a:visited { color: #fff; }
.banner a:active, .banner a:hover { color: #fff; }
.banner { position: relative; width: 100%; z-index: 0; height:100%}
.banner .pimg { 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; }
.binbox { position: absolute; width:1400px; overflow: hidden; left: 50%; margin-left: -700px; top: 0; height: 100%; display: table; text-align: center; color: #fff; }
.binbox p { overflow: hidden; }
.binbox .imgt img { margin: 0px auto; display: block; width: 150px; opacity: 0; transform: translate(0px,-30%); -webkit-transform: translate(0px,-30%); }
.binbox .imgl { margin-bottom:0px; position: relative;-webkit-transition: 0.4s; transition: 0.4s; }
.binbox .imgl .ico { background: url(images/flower.png) no-repeat; width: 32px; height: 30px; display: block; margin: 0px auto; background-size: 100% auto; }
.binbox .imgl .line { height: 1px; top: 50%; background-color: #fff; opacity: 0.48; filter: alpha(opacity=48); }
.binbox .imgl .line1 { position: absolute; right: 50%; width: 50%; margin-right: 20px; }
.binbox .imgl .line2 { position: absolute; left: 50%; width: 50%; margin-left: 20px; }
.binbox .by { font-weight: bold; font-size: 24px; line-height: 1.5; margin-bottom: 12px;text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5); }
.binbox .t { font-weight: bold;  font-family: "Microsoft Yahei","微软雅黑"}
.binbox .t1 { font-weight: bold; font-size: 34px; line-height: 1.1; }
.binbox .by span, .binbox .t span { display: block; opacity: 0; transform: translate(0px,100%); -webkit-transform: translate(0px,100%); }


.banner .slick-dots { bottom: 3%; z-index: 104; }
.banner .slick-dots li { position: relative; display: inline-block; padding: 0px 5px; width: 13px; height: 13px; margin: 0px 5px; cursor: pointer; }
.banner .slick-dots li a { height: 13px; width: 13px; line-height: 13px; text-indent: -10em; display: block; overflow: hidden; padding: 0px; cursor: pointer; border-radius: 0%; background: url(images/banner_i2.png) no-repeat scroll center center; }
.banner .slick-dots li a:focus { outline: none; }
.banner .slick-dots li.slick-active a { background-image: url(images/banner_i1.png); }
.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-active .binbox .imgl .line { -moz-animation: a_slidercurrent 5s linear; -webkit-animation: a_slidercurrent 5s linear; -o-animation: a_slidercurrent 5s linear; animation: a_slidercurrent 5s linear; }
.slick-active .binbox .imgt { font-size:45px; line-height:50px;}


.slick-active .binbox .imgt img { -moz-transition: all .5s cubic-bezier(0.445, 0.145, 0.355, 1) 0.2s; -o-transition: all .5s cubic-bezier(0.445, 0.145, 0.355, 1) 0.2s; -ms-transition: all .5s cubic-bezier(0.445, 1.045, 0.355, 1) 0.2s; transition: all .5s cubic-bezier(0.445, 0.145, 0.355, 1) 0.2s; width:100%}

.slick-active .binbox .imgt1 { position:absolute; left:160px; top:290px;}
.slick-active .binbox .imgt1 img { -moz-transition: all .5s cubic-bezier(0.445, 0.145, 0.355, 1) 0.2s; -o-transition: all .5s cubic-bezier(0.445, 0.145, 0.355, 1) 0.2s; -ms-transition: all .5s cubic-bezier(0.445, 1.045, 0.355, 1) 0.2s; transition: all .5s cubic-bezier(0.445, 0.145, 0.355, 1) 0.2s; width:100%}

/*.slick-active .binbox .imgt2 { position:absolute; right:270px; top:260px;}


.slick-active .binbox .imgt2 img { -moz-transition: all .5s cubic-bezier(0.445, 0.145, 0.355, 1) 0.2s; -o-transition: all .5s cubic-bezier(0.445, 0.145, 0.355, 1) 0.2s; -ms-transition: all .5s cubic-bezier(0.445, 1.045, 0.355, 1) 0.2s; transition: all .5s cubic-bezier(0.445, 0.145, 0.355, 1) 0.2s; width:100%}

.slick-active .binbox .imgt3 { position:absolute; right:300px; top:180px; transition: all .5s}


.slick-active .binbox .imgt3 img { -moz-transition: all .5s cubic-bezier(0.445, 0.145, 0.355, 1) 0.2s; -o-transition: all .5s cubic-bezier(0.445, 0.145, 0.355, 1) 0.2s; -ms-transition: all .5s cubic-bezier(0.445, 1.045, 0.355, 1) 0.2s; transition: all .5s cubic-bezier(0.445, 0.145, 0.355, 1) 0.2s; width:100%}

.slick-active .binbox .imgt4 { position:absolute; right:320px; top:500px;}


.slick-active .binbox .imgt4 img { -moz-transition: all .5s cubic-bezier(0.445, 0.145, 0.355, 1) 0.2s; -o-transition: all .5s cubic-bezier(0.445, 0.145, 0.355, 1) 0.2s; -ms-transition: all .5s cubic-bezier(0.445, 1.045, 0.355, 1) 0.2s; transition: all .5s cubic-bezier(0.445, 0.145, 0.355, 1) 0.2s; width:100%}*/

.slick-active .binbox .imgt5 { position:absolute;left:0px; top:300px; text-align: left; background:rgba rgba(0,102,153,0.6)}
.slick-active .binbox .imgt6 { position:absolute;right:10px;; top:190px; text-align: left; }
.slick-active .binbox .imgt7 { position:absolute;right:0px; top:440px; text-align: left}
.slick-active .binbox .imgt8 { position:absolute;right:80px; bottom:190px; text-align: left}

.slick-active .binbox .imgt5 a{ color:#fff; font-weight: normal; font-size:16px; line-height:28px; background:rgba(47,76,94,0.8) url(images/dot.png) 15px center no-repeat; padding-left:25px; border-radius:30px; padding:5px 10px 5px 35px; margin-bottom:5px; display:block}
.slick-active .binbox .imgt5 a:hover{  color:#fff; font-weight: normal; font-size:16px; line-height:28px; background: #2361aa url(images/dot.png) 15px center no-repeat; padding-left:25px; border-radius:30px; padding:5px 10px 5px 35px; margin-bottom:5px; display:block;}

.slick-active .binbox .imgt6 a{  color:#fff; font-weight: normal; font-size:16px; line-height:28px; background:rgba(0,157,77,0.8) url(images/dot.png) 15px center no-repeat; padding-left:25px; border-radius:30px; padding:5px 10px 5px 35px; margin-bottom:5px; display:block;width:205px;}
.slick-active .binbox .imgt6 a:hover{ color:#fff; font-weight: normal; font-size:16px; line-height:28px; background:rgba(0,157,77,1) url(images/dot.png) 15px center no-repeat; padding-left:25px; border-radius:30px; padding:5px 10px 5px 35px; margin-bottom:5px; display:block}

.slick-active .binbox .imgt7 a{ color:#fff; font-weight: normal; font-size:16px; line-height:28px; background:rgba(205,165,80,0.9) url(images/dot.png) 15px center no-repeat; padding-left:25px; border-radius:30px; padding:5px 10px 5px 35px; margin-bottom:5px; display:block}
.slick-active .binbox .imgt7 a:hover{  color:#fff; font-weight: normal; font-size:16px; line-height:28px; background: #cc7106 url(images/dot.png) 15px center no-repeat; padding-left:25px; border-radius:30px; padding:5px 10px 5px 35px; margin-bottom:5px; display:block}


.slick-active .binbox .imgt8 a{color:#fff; font-weight: normal; font-size:16px; line-height:28px; background:rgba(205,165,80,0.9) url(images/dot.png) 15px center no-repeat; padding-left:25px; border-radius:30px; padding:5px 10px 5px 35px; margin-bottom:5px; display:block}
.slick-active .binbox .imgt8 a:hover{  color:#fff; font-weight: normal; font-size:16px; line-height:28px; background: #cc7106 url(images/dot.png) 15px center no-repeat; padding-left:25px; border-radius:30px; padding:5px 10px 5px 35px; margin-bottom:5px; display:block}


.slick-active .binbox .by span { -moz-transition: all .5s cubic-bezier(0.445, 0.145, 0.355, 1) 0.3s; -o-transition: all .5s cubic-bezier(0.445, 0.145, 0.355, 1) 0.3s; -ms-transition: all .5s cubic-bezier(0.445, 1.045, 0.355, 1) 0.3s; transition: all .5s cubic-bezier(0.445, 0.145, 0.355, 1) 0.3s; }
.slick-active .binbox .t {}
.slick-active .binbox .t1 { position:absolute;}
.slick-active .binbox .t span { -moz-transition: all .5s cubic-bezier(0.445, 0.145, 0.355, 1) 0.4s; -o-transition: all .5s cubic-bezier(0.445, 0.145, 0.355, 1) 0.4s; -ms-transition: all .5s cubic-bezier(0.445, 1.045, 0.355, 1) 0.4s; transition: all .5s cubic-bezier(0.445, 0.145, 0.355, 1) 0.4s; opacity: 0; transform: translate(0px,100%); -webkit-transform: translate(0px,100%);}
.slick-active .binbox .t1 span { -moz-transition: all .5s cubic-bezier(0.445, 0.145, 0.355, 1) 0.4s; -o-transition: all .5s cubic-bezier(0.445, 0.145, 0.355, 1) 0.4s; -ms-transition: all .5s cubic-bezier(0.445, 1.045, 0.355, 1) 0.4s; transition: all .5s cubic-bezier(0.445, 0.145, 0.355, 1) 0.4s; }
.slick-active .binbox .imgt img, .slick-active .binbox .by span, .slick-active .binbox .t span { opacity: 1; transform: translate(0px,0px); -webkit-transform: translate(0px,0px); }



.banner .slick-arrow { width: 20%; height: 100%; top: 0; z-index: 100; }
.banner .slick-arrow span { width: 20px; height: 20px; display: block;  position: relative; left: 50%; top: 50%; margin-top: -15px; z-index: 400; color: #fff; font-size: 44px; line-height: 30px; -webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; opacity: 0; visibility: hidden; }
.banner .slick-prev { left: 0%; }
.banner .slick-next { right: 0%; }
.banner .slick-prev span { left: 35%; background: url(images/large_left.png) center top no-repeat ; width: 40px; height: 40px;}
.banner .slick-next span { right: 35%; text-align: right; background: url(images/large_right.png) center top no-repeat ; width: 40px; height: 40px; }
.banner .slick-prev:hover span { opacity: 1; visibility: visible; transform: translateX(-15px); -webkit-transform: translateX(-15px); }
.banner .slick-next:hover span { opacity: 1; visibility: visible; transform: translateX(15px); -webkit-transform: translateX(15px); }

@-moz-keyframes a_slidercurrent {
    from { width: 0%; }
    to { width: 100%; }
}

@-webkit-keyframes a_slidercurrent {
    from { width: 0%; }
    to { width: 100%; }
}

@-o-keyframes a_slidercurrent { from;
{ width: 0%; }
to { width: 100%; }
}

@keyframes a_slidercurrent {
    from { width: 0%; }
    to { width: 100%; }
}