@charset "utf-8";
.autoPage { width: 100%; height: 100%; }
html, body, main { position: relative; height: 100%; }
.swiper-container { width: 100%; height: 100%; }
.swiper-container .swiper-slide { width: 100%; height: 100%; overflow: hidden; }
.swiper-container .swiper-slide.slider6 { width: 100%; height:auto; overflow: hidden; }
/*Pagination*/
.mian_pagiation { display: flex; flex-direction: column; top: 50%; transform: translateY(-50%); width: 120px; left: 2%; position: fixed; z-index: 1000; }
.mian_pagiation .swiper-pagination-bullet { width: 15px; height: 15px; position: relative; top: 0px; background: transparent; margin: 0; margin-bottom: 25px!important; border-radius: 0; opacity: 1; transform: matrix(1, 0, 0, 1, 0, 0); transition: all 2s cubic-bezier(0.19, 1, 0.22, 1); cursor: pointer; }
.mian_pagiation .swiper-pagination-bullet:hover .indicator_spot { background: url(../images/icon_lingxin_hover.png) no-repeat!important; }
.mian_pagiation .swiper-pagination-bullet:hover .indicator_item_active { opacity: 1 !important; -ms-filter: none !important; filter: none !important; -webkit-transform: translateX(10px) !important; -moz-transform: translateX(10px) !important; -o-transform: translateX(10px) !important; -ms-transform: translateX(10px) !important; transform: translateX(10px) !important; }
.indicator_spot { width: 15px; height: 15px; position: absolute; left: 0px; background: url(../images/icon_lingxing.png) no-repeat; transition: all 0.8s cubic-bezier(0.19, 1, 0.22, 1); opacity: 1; }
.indicator_shadow .indicator_spot { -webkit-filter: drop-shadow(1px 1px 2px Gray); filter: drop-shadow(1px 1px 2px Gray) }
.indicator_shadow .indicator_item_active_line { background-color: rgba(0, 0, 0, 0.2); }
.indicator_shadow .indicator_item_active_text { text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.4); }
.indicator_item_active { position: absolute; left: 25px; opacity: 0; display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: box; display: flex; -webkit-box-orient: horizontal; -moz-box-orient: horizontal; -o-box-orient: horizontal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -moz-box-align: center; -o-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; pointer-events: none; -webkit-transition: all 0.8s 0s cubic-bezier(0.19, 1, 0.22, 1); -moz-transition: all 0.8s 0s cubic-bezier(0.19, 1, 0.22, 1); -o-transition: all 0.8s 0s cubic-bezier(0.19, 1, 0.22, 1); -ms-transition: all 0.8s 0s cubic-bezier(0.19, 1, 0.22, 1); transition: all 0.8s 0s cubic-bezier(0.19, 1, 0.22, 1); }
.indicator_item--hover .indicator_item_active { opacity: 1 !important; -ms-filter: none !important; filter: none !important; -webkit-transform: translateX(10px) !important; -moz-transform: translateX(10px) !important; -o-transform: translateX(10px) !important; -ms-transform: translateX(10px) !important; transform: translateX(10px) !important; }
.indicator_item_active_line { width: 11px; height: 1px; background-color: #b89b73; margin-right: 9px; }
.indicator_item_active_text { font-size: 12px; margin-top: -4px; pointer-events: none; font-weight: bold; }
.mian_pagiation .swiper-pagination-bullet-active { transform: matrix(1, 0, 0, 1, -10, 0)!important; }
.mian_pagiation .swiper-pagination-bullet-active .indicator_item_active { opacity: 1; left: 12px; }
.mian_pagiation .swiper-pagination-bullet-active .indicator_spot { opacity: 0; }
/*scroll_wrapper*/
.scroll_wrapper { position: fixed; top: auto; left: 0px; bottom: 0px; right: auto; width: 100%; height:auto; display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: box; display: flex; align-items: flex-start; justify-content: center; -webkit-transition: opacity 0.5s; -moz-transition: opacity 0.5s; -o-transition: opacity 0.5s; -ms-transition: opacity 0.5s; transition: opacity 0.5s; z-index: 99; }
.scroll_wrapper .scroll_img { width: 16px; height: 16px; background: url(../images/down.png) no-repeat top center; display: block; animation: turnCirle 5s infinite; -webkit-animation: turnCirle 5s infinite; }
.scroll_txt { font-weight: bold; font-size: 14px; margin-left: 10px; overflow: hidden; cursor: pointer; color: #014b7a; }
.scroll_txt span { display: inline-block; transform: translateY(-100%); animation: turnDown 3s infinite; -webkit-animation: turnDown 3s infinite; }
.scroll_wrapper:hover .scroll_txt span { color: #106ab5; }
.scroll_wrapper:hover .scroll_img, .scroll_wrapper.scroll_change .scroll_img { background: url(../images/down_ed.png) no-repeat top center; background-size: 100% 100% }
.swtop { height: 10vh; }
.swbo { height: 90vh; }
/*banner*/
.slider1 { width: 100%; height: 100vh; position: relative; }
.i_banner { width: 100%; overflow: hidden; position: relative; }
.i_banner .swiper-container { width: 100%; height: 100%; margin-left: auto; margin-right: auto; }
.i_banner .swiper-slide { width: 100%; overflow: hidden; position: relative; }
.i_banner .swiper-slide .uk-position-center { width: 100%; position: absolute; top: 0; bottom: 0; left: 0; right: 0; height: 100%; z-index: 2; text-align: center; }
.i_banner .swiper-slide .uk-animation-kenburns img { width: 100%; height: 100vh; transition: all 1s ease 2.5s; }
.i_banner .swiper-slide.active .uk-animation-kenburns img { animation-name: uk-kenburns; animation-duration: 15s; }
.i_banner .swiper-slide.active .uk-animation-reverse { animation-direction: reverse; animation-timing-function: ease-in; animation-duration: .2s }
.i_banner .swiper-slide.active .tracking-in-contract { -webkit-animation: tracking-in-contract 1.5s .5s both; animation: tracking-in-contract 1.5s .5s both }
.i_banner .swiper-slide.active .uk-animation-slide-bottom { animation-name: uk-fade, uk-slide-bottom; animation-duration: 1s; }
.i_banner .swiper-pagination { width: 100%; position: absolute; left: 0; bottom: 5%; text-align: center; z-index:100; }
.swiper-pagination .swiper-pagination-bullet{ display: inline-block; width:14px; height: 14px; margin: 0 5px; background: #434343; *display: inline;
*zoom: 1; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; opacity:0.5; border:1px #08539e solid;}
.swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{ background: #08539e; width:34px; border-radius: 14px; -moz-border-radius: 14px; -webkit-border-radius: 14px; opacity:1;}

.i_banner .swiper-button-next, .i_banner .swiper-button-prev { width: 50px; height: 100%; background: url(../images/next.png) no-repeat center; display: block; position: absolute; top: 0; opacity: 0.6;}
.i_banner .swiper-button-next:hover, .i_banner .swiper-button-prev:hover  {opacity: 1;}
.i_banner .swiper-button-prev, .i_banner .swiper-button-prev:hover{left: 5%; -webkit-transform: rotate(180deg); transform: rotate(180deg);}
.i_banner .swiper-button-next, .i_banner .swiper-button-next:hover{ right: 5%;}


/*abouts*/
.slider2 { width: 100%; height: 100vh; position: relative; }
.slider2 .abouts_l { width: 50%; height: 100vh; }
.slider2 .abouts_r { width: 50%; height: 90vh; margin-top: 10vh; }
.slider2 .abouts_r .abouts_top { height: 12vh; }
.slider2 .abouts_r .abouts_top.mort{ width:12vh;}
.slider2 .abouts_r .abl { width: 9%; }
.slider2 .abouts_r .liny { width: 1px; height: 6.5vh; background: #eeeeee; }
.slider2 .abouts_r .newt { width: 72%; }
.slider2 .abouts_r .newt .txtScroll-top { width: 100%; overflow: hidden; position: relative; }
.slider2 .abouts_r .newt .txtScroll-top .infoList li { width: 100%; overflow: hidden; }
.slider2 .abouts_r .more1 { width: 12vh; background: #014b7a; }
.slider2 .abouts_r .about_bo { height: 78vh; }
.slider2 .abouts_r .about_ny { margin-left: 10%; }
.slider2 .abouts_r .about_lc { width: auto; }
.slider2 .abouts_r .about_lc dl:nth-of-type(1) { width: 51%; padding-bottom: 5.3vh; }
.slider2 .abouts_r .about_lc dl:nth-of-type(2) { width: auto; padding-bottom: 5.3vh; }
.slider2 .abouts_r .about_lc dl:nth-of-type(3) { width: 51%; padding-top: 5.3vh; border-top: 1px #d4d4d4 dashed; }
.slider2 .abouts_r .about_lc dl:nth-of-type(4) { width: auto; padding-top: 5.3vh; border-top: 1px #d4d4d4 dashed; }
/*slider3*/
.more1{ width:180px; height:62px; line-height:62px; text-align:center; background:#fff; display:block; color:#014b7a;}
.more1:hover{ background:#106ab5; color:#FFF;}
.slider3 { width: 100%; height: 100vh; }
.slider3 .swiper-container { width: 100%; height: 100vh; margin-left: auto; margin-right: auto; }
.slider3 .cp_zs{ width: 100%; height: 100vh; position:relative;}
.slider3 .nav { width: 100%; height: 100vh; position:absolute; left:0; top:0; z-index:10;}
.slider3 .nav .gallery-thumbs { width: 100%; height: 100vh;}
.slider3 .nav .gallery-thumbs .swiper-slide { width: 25%; height: 100vh; position:relative; border-right:1px solid rgba(255, 255, 255, 0.2); float:left; overflow:hidden;}
.slider3 .nav .gallery-thumbs .swiper-slide .cpa{ width: 100%; height: 100vh; position:relative; padding-top:75%;}
.slider3 .nav .gallery-thumbs .swiper-slide .cpa .sum{ width:100%; position:absolute; left:0; bottom:10%; z-index:1;}
.slider3 .nav .gallery-thumbs .swiper-slide i{ width: 100%; height: 100%; background:#014b7a; opacity:0.9; position:absolute; left:0; bottom:-100%; z-index:2; display:block;}
.slider3 .nav .gallery-thumbs .swiper-slide .cpb{ width: 100%; height: 100vh; position:absolute; left:0; bottom:-100%; z-index:3;}
.slider3 .nav .gallery-thumbs .swiper-slide .cpb .cpb_nr{ width: 100%; height: 100vh; position:relative;}
.slider3 .nav .gallery-thumbs .swiper-slide .cpb .cpb_nr .more{ width:100%; position:absolute; left:0; bottom:15%; z-index:1;}
.slider3 .nav .gallery-thumbs .swiper-slide-thumb-active .cpa{ margin-top:100vh;}
.slider3 .nav .gallery-thumbs .swiper-slide-thumb-active i{ bottom:0;}
.slider3 .nav .gallery-thumbs .swiper-slide-thumb-active .cpb{ bottom:0;}
.slider3 .gallery-top { width: 100%; height: 100vh; position:absolute; left:0; top:0; z-index:0;}
.slider3 .gallery-top .info{ background:#161616;}
.slider3 .gallery-top .info img{ height: 100vh; opacity:0.3;}
/*slider4*/
.slider4 { width: 100%; height: 100vh; }
.slider4 .team_l{ width:66%; height:90vh;}
.slider4 .team_l .team1{ width: 100%; height:60%;}
.slider4 .team_l .team2{ width: 100%; height:40%;}
.slider4 .team_l .team2 .team_nr{ width: 77%; overflow:hidden; margin-left:12.5%;}
.slider4 .team_l .team2 .team_nr .fl{ width:64%;}
.more2{ width:180px; height:62px; line-height:62px; text-align:center; background:#014b7a; display:block; color:#FFF;}
.more2:hover{ background:#051725; color:#FFF;}
.slider4 .team_r{ width:34%; height:90vh;}
.slider4 .team_r .logoa{ width: 100%; height:50%;}
.slider4 .team_r .logoa img{ width:auto; height:49%;}
.slider4 .team_r .team3{ width: 100%; height:50%;}
/*slider5*/
.slider5 { width: 100%; height: 100vh; }
.slider5 .new_img{ overflow: hidden; position: relative;}
.slider5 .new_img .swiper-container { width: 100%; height: 100%; margin-left: auto; margin-right: auto; }
.slider5 .new_img .swiper-slide { width: 100%; overflow: hidden; position: relative; }
.slider5 .new_img .swiper-slide dl:hover dt img{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1);}
.slider5 .new_img .swiper-slide dl:hover dd a{ color:#014b7a;}
.slider5 .new_img .swiper-slide dl:hover dd .more2{ background:#051725; color:#FFF;}
.slider5 .swiper-pagination{ width:100%; text-align: center; padding-top:20px; position:inherit; left:inherit; right:inherit;}



@media screen and (max-width: 1600px) and (min-width:0) {
.slider2 .abouts_r .abl { width: 10%; }
.slider2 .abouts_r .newt { width: 73%; }
.slider2 .abouts_r .abouts_top.mort{ width:9vh;}
.more1, .more2{ width:170px; height:58px; line-height:58px;}

.slider4 .team_l .team2 .team_nr{ width: 79%; margin-left:11.5%;}

}
@media screen and (max-width: 1300px) and (min-width:0) {
.slider2 .abouts_r .abl { width: 11%; }
.slider2 .abouts_r .newt { width: 75%; }
.slider2 .abouts_r .abouts_top.mort{ width:7vh;}

.more1, .more2{ width:160px; height:54px; line-height:54px;}

.slider4 .team_l .team2 .team_nr{ width: 81%; margin-left:10.5%;}
}
@media screen and (max-width: 1100px) and (min-width:0) {
.slider2 .abouts_r .abl { width: 12%; }
.slider2 .abouts_r .newt { width: 73%; }

.more1, .more2{ width:150px; height:50px; line-height:50px;}

.slider4 .team_l .team2 .team_nr{ width: 83%; margin-left:9.5%;}
}
@media screen and (max-width: 1024px) and (min-width:0) {
.scroll_wrapper, .mian_pagiation { display: none; }
.autoPage { height: auto; }
html, body, main { height: auto; }
.swiper-container { height: auto; overflow: hidden; }
.swiper-wrapper { width: 100%; height: auto; z-index: inherit; display: inherit; display: inherit; display: inherit; display: inherit; display: inherit; -webkit-transition-property: none; -moz-transition-property: none; -o-transition-property: none; -ms-transition-property: none; transition-property: none; }
.swiper-container .swiper-wrapper .swiper-slide { height: auto; }
.swtop { height: 0; }
.swbo { height: auto; }
/*slider1*/
.slider1 { margin-top: 0.78rem; height: auto; }
.w_banner { width: 100%; overflow: hidden; position: relative;}
.w_banner .item { width: 100%; display: block; overflow: hidden; position: relative; }
.w_banner .item .uk-position{ width: 100%; position: absolute; top: 0; bottom: 0; left: 0; right: 0; height: 100%; z-index: 2; }
.w_banner .owl-pagination { position: absolute; left: 0; bottom: 5%; text-align: center; }
.w_banner .owl-buttons div { width: 50px; height: 100%; background: url(../images/next.png) no-repeat center; display: block; position: absolute; top: 0; opacity: 0.6; }
.w_banner .owl-buttons div:hover { opacity: 1; }
.w_banner .owl-buttons div.owl-prev, .i_banner .owl-buttons div:hover.owl-prev { left: 5%; -webkit-transform: rotate(180deg); transform: rotate(180deg); }
.w_banner .owl-buttons div.owl-next, .i_banner .owl-buttons div:hover.owl-next { right: 5%; }

/*abouts*/
.slider2 { height: auto; }
.slider2 .abouts_l { width: 100%; height: auto; margin-top: 0.15rem; }
.slider2 .abouts_r { width: 100%; height: auto; margin-top: 0; }
.slider2 .abouts_r .abouts_top { height: auto; overflow: hidden; }
.slider2 .abouts_r .abouts_top.mort{ width:1rem; height:1rem; margin:0.1rem 5% 0 0;}
.slider2 .abouts_r .bo1ee { padding: 0.15rem 0; }
.slider2 .abouts_r .bo1ee .fln.bhhy { display: inline; -webkit-box-pack: inherit; justify-content: inherit; -webkit-box-align: inherit; align-items: inherit; }
.slider2 .abouts_r .abl { width: 100%; }
.slider2 .abouts_r .liny { display: none; }
.slider2 .abouts_r .newt { width: 90%; margin-left: 5%; }
.slider2 .abouts_r .newt .txtScroll-top .infoList li { height: 3rem; }
.slider2 .abouts_r .more1 { width: 0.9rem; height: 0.9rem; }
.slider2 .abouts_r .more1 img { vertical-align: middle; }
.slider2 .abouts_r .about_bo { height: auto; padding: 0.25rem 0; }
.slider2 .abouts_r .about_ny { margin-left: 5%; }
.slider2 .abouts_r .about_lc { width: auto; }
.slider2 .abouts_r .about_lc dl:nth-of-type(1) { width: 50%; padding-bottom: 0.25rem; }
.slider2 .abouts_r .about_lc dl:nth-of-type(2) { width: 50%; padding-bottom: 0.25rem; }
.slider2 .abouts_r .about_lc dl:nth-of-type(3) { width: 50%; padding-top: 0.25rem; }
.slider2 .abouts_r .about_lc dl:nth-of-type(4) { width: 50%; padding-top: 0.25rem; }


/*slider3*/
.more1, .more2{ width:1.8rem; height:0.62rem; line-height:0.62rem;}
.slider3 { height: auto; }
.slider3 .slideTxtBox{ width:100%; position:relative;  }
.slider3 .slideTxtBox .arrow{ display:block;}
.slider3 .slideTxtBox .arrow a { width: 0.17rem; height: 0.45rem; background:url(../images/awr1.png) no-repeat center; background-size: contain; display:block; position: absolute; top:10%; opacity: 0.3; z-index:5; }
.slider3 .slideTxtBox .arrow a:hover { opacity: 1; }
.slider3 .slideTxtBox .arrow a.next, .slider3 .slideTxtBox .arrow a.next:hover { right: 1%; }
.slider3 .slideTxtBox .arrow a.prev, .slider3 .slideTxtBox .arrow a.prev:hover { -webkit-transform: rotate(180deg); transform: rotate(180deg); left: 1%; }
.slider3 .slideTxtBox .hd{ width:100%; overflow:hidden;}
.slider3 .slideTxtBox .hd ul{ width:100%; overflow:hidden;background:#161616;}
.slider3 .slideTxtBox .hd ul li{ width:25%; padding:0.15rem 0; text-align:center; background:#161616; float:left; border-right:1px solid rgba(255, 255, 255, 0.2); border-bottom:1px solid rgba(255, 255, 255, 0.2); }
.slider3 .slideTxtBox .hd ul li img{ width:auto; height:0.7rem;}
.slider3 .slideTxtBox .hd ul li.on{ background:#014b7a;}
.slider3 .slideTxtBox .bd{ width:100%; overflow:hidden;}
.slider3 .slideTxtBox .bd ul{ zoom:1;  }


/*slider4*/
.slider4 { height: auto; }
.slider4 .team_l{ width:100%; height:auto;}
.slider4 .team_l .team2{ height:auto; padding:0.45rem 0;}
.slider4 .team_l .team2 .team_nr{ width: 90%; margin-left:5%;}
.slider4 .team_l .team2 .team_nr .fl{ width:100%;}
.slider4 .team_l .team2 .team_nr .fr{ padding-top:0.25rem;}
.slider4 .team_r{ width:100%; height:auto; position:relative; overflow:hidden;}
.slider4 .team_r .logoa{ width:50%; height:100%; position:absolute; left:0; top:0;}
.slider4 .team_r .logoa img{ width:auto; height:2rem;}
.slider4 .team_r .wapd.cona{ width:50%; float:right;}
/*slider5*/
.slider5{ padding:0.65rem 0; overflow:hidden;}
.slider5 .cond{ width:100%;}

.slider5 .wnew_img{ width: 100%; overflow: hidden; position: relative;}
.slider5 .wnew_img .item { width: 100%; display: block; overflow: hidden; position: relative; }
.slider5 .wnew_img .owl-pagination { width: 100%; text-align: center; padding-top:0.25rem; }







}


/* animation */
@keyframes uk-kenburns { 0% {
transform:scale(1)
}
100% {
transform:scale(1.2)
}
}
 @-webkit-keyframes tracking-in-contract { 0% {
letter-spacing:1em;
opacity:0
}
40% {
opacity:.6
}
100% {
letter-spacing:normal;
opacity:1
}
}
@keyframes tracking-in-contract { 0% {
letter-spacing:1em;
opacity:0
}
40% {
opacity:.6
}
100% {
letter-spacing:normal;
opacity:1
}
}
.rotate-center { -webkit-animation: rotate-center 4s linear infinite both; animation: rotate-center 4s linear infinite both }
@-webkit-keyframes rotate-center { 0% {
-webkit-transform:rotate(0);
transform:rotate(0)
}
100% {
 -webkit-transform:rotate(360deg);
transform:rotate(360deg)
}
}
.slide-bottom-back { -webkit-animation: slide-bottom-back 2s linear infinite both; animation: slide-bottom-back 2s linear infinite both }
@-webkit-keyframes slide-bottom-back { 0% {
-webkit-transform:translateY(0px);
transform:translateY(0px)
}
20% {
-webkit-transform:translateY(-3px);
transform:translateY(-3px)
}
50% {
-webkit-transform:translateY(8px);
transform:translateY(8px)100% {
-webkit-transform:translateY(0px);
transform:translateY(0px)
}
}
}
@keyframes slide-bottom-back { 0% {
-webkit-transform:translateY(0px);
transform:translateY(0px)
}
20% {
-webkit-transform:translateY(-3px);
transform:translateY(-3px)
}
50% {
-webkit-transform:translateY(8px);
transform:translateY(8px)100% {
-webkit-transform:translateY(0px);
transform:translateY(0px)
}
}
}
.heartbeat { -webkit-animation: heartbeat 1.5s ease-in-out infinite both; animation: heartbeat 1.5s ease-in-out infinite both }
@-webkit-keyframes heartbeat { from {
-webkit-transform:scale(1);
transform:scale(1);
-webkit-transform-origin:center center;
transform-origin:center center;
-webkit-animation-timing-function:ease-out;
animation-timing-function:ease-out
}
10% {
-webkit-transform:scale(.91);
transform:scale(.91);
-webkit-animation-timing-function:ease-in;
animation-timing-function:ease-in
}
17% {
-webkit-transform:scale(.98);
transform:scale(.98);
-webkit-animation-timing-function:ease-out;
animation-timing-function:ease-out
}
33% {
-webkit-transform:scale(.87);
transform:scale(.87);
-webkit-animation-timing-function:ease-in;
animation-timing-function:ease-in
}
45% {
-webkit-transform:scale(1);
transform:scale(1);
-webkit-animation-timing-function:ease-out;
animation-timing-function:ease-out
}
}
@keyframes heartbeat { from {
-webkit-transform:scale(1);
transform:scale(1);
-webkit-transform-origin:center center;
transform-origin:center center;
-webkit-animation-timing-function:ease-out;
animation-timing-function:ease-out
}
10% {
-webkit-transform:scale(.91);
transform:scale(.91);
-webkit-animation-timing-function:ease-in;
animation-timing-function:ease-in
}
17% {
-webkit-transform:scale(.98);
transform:scale(.98);
-webkit-animation-timing-function:ease-out;
animation-timing-function:ease-out
}
33% {
-webkit-transform:scale(.87);
transform:scale(.87);
-webkit-animation-timing-function:ease-in;
animation-timing-function:ease-in
}
45% {
-webkit-transform:scale(1);
transform:scale(1);
-webkit-animation-timing-function:ease-out;
animation-timing-function:ease-out
}
}
 @keyframes uk-fade { 0% {
opacity:0
}
100% {
opacity:1
}
}
 @keyframes uk-slide-bottom { 0% {
transform:translateY(100%)
}
100% {
transform:translateY(0)
}
}
 @keyframes turnDown { 0% {
transform:translateY(-100%);
}
 75% {
transform:translateY(0%);
}
 100% {
transform:translateY(100%);
}
}
@-webkit-keyframes turnDown { 0% {
transform:translateY(-100%);
}
 75% {
transform:translateY(0%);
}
 100% {
transform:translateY(100%);
}
}