﻿@charset "utf-8";
/* CSS Document */
html, body, .Wrap, .Main { font-size: 12px; }
body { margin: 0 auto; line-height: initial; }

/*::-webkit-scrollbar { width: 4px; }
::-webkit-scrollbar-track { -webkit-border-radius: 0; border-radius: 0; }
::-webkit-scrollbar-thumb { -webkit-border-radius: 0; border-radius: 0; background: #000; }
::-webkit-scrollbar-thumb:window-inactive { background: #000; }

::-o-scrollbar { width: 4px; }
::-o-scrollbar-track { -o-border-radius: 0; border-radius: 0; }
::-o-scrollbar-thumb { -o-border-radius: 0; border-radius: 0; background: #000; }
::-o-scrollbar-thumb:window-inactive { background: #000; }

::-ms-scrollbar { width: 4px; }
::-ms-scrollbar-track { -ms-border-radius: 0; border-radius: 0; }
::-ms-scrollbar-thumb { -ms-border-radius: 0; border-radius: 0; background: #000; }
::-ms-scrollbar-thumb:window-inactive { background: #000; }

::-moz-scrollbar { width: 4px; }
::-moz-scrollbar-track { -moz-border-radius: 0; border-radius: 0; }
::-moz-scrollbar-thumb { -moz-border-radius: 0; border-radius: 0; background: #000; }
::-moz-scrollbar-thumb:window-inactive { background: #000; }*/

select { background: none; border-radius: 0; 
         outline: none; 
         -webkit-appearance: none; 
         -o-appearance: none; 
         -moz-appearance: none; 
         -ms-appearance: none; 
         appearance: none; 
         -webkit-border-radius: 0px;
         -o-border-radius: 0px;
         -moz-border-radius: 0px;
         -ms-border-radius: 0px;
         border-radius: 0px;
         border: none; 

}

.form-control { background: none; border-radius: 0; outline: none; -webkit-appearance: none; -webkit-border-radius: 0px; border: none; }
.Wrap { position: relative; top: 0; left: 0; }
.Main { position: relative; top: 0; left: 0; }
.Position { position: absolute; }
.PublicScenes { position: absolute; top: 0; left: 0; display: none; height: 100%; width: 100%; overflow: hidden;z-index:5; }
/*各场景背景*/
.Bg { width: 100%; height: 100%; position: absolute; top: 0; left: 0%; overflow: hidden; }
.Bg img { width: 100%; }
.PublicScenes .Bg img { position: relative; }

.Inner { width: 1115px; margin: auto; position: relative; }
/*.Inner { width: 95%; margin: auto; position: relative; }*/

.PublicPage { position: absolute; top: 0; left: 0; height: 100%; width: 100%; 
              /*background-repeat: no-repeat; background-image: url('../images/bg.jpg');
              background-size: cover;
              -moz-background-size: cover;
              filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/bg.jpg',  sizingMethod='scale');*/
}

.PublicInner { position: relative; top: 0; left: 0; height: 100%; width: 100%; overflow-y: auto;overflow-x:hidden; }

.PublicContent { padding:136px 0 0 0px;} 


.Clear:after { clear: both; display: block; content: ""; }


.Btn { background: #000;position:relative; color: #fff; padding: 0;width:134px;height:42px;text-align:center;line-height:42px;margin:auto; -webkit-transition: 400ms ease all; -o-transition: 400ms ease all; -moz-transition: 400ms ease all; -ms-transition: 400ms ease all; transition: 400ms ease all; }
.Btn a {color:#fff;display:block;}


.Btn:active { -webkit-transform: scale(0.9); -o-transform: scale(0.9); -moz-transform: scale(0.9); -ms-transform: scale(0.9); transform: scale(0.9); }

input::-webkit-input-placeholder { color: #b9b9b9; }


.PublicIconBtn { font-size: 18px; width: 200px; height: 40px; line-height: 40px; text-align: center; cursor: pointer; }
.PublicIconBtn span { display: inline-block; *display: inline; zoom: 1; vertical-align: middle; font-size: 1em; }
.PublicIconBtn span.span_1 { position: relative; top: -2px; margin-right: 23px; }


.SuperContent { opacity:0;pointer-events:none;width:100%;filter:alpha(opacity=0);}

  
.RoutingWrap { margin-bottom:40px;}
.RoutingWrap a { color:#9b9b9b;font-size:12px;margin:auto 3px;}
.RoutingWrap a:after { content:">";color:#9b9b9b;font-size:12px;margin-left:5px;}
.RoutingWrap a:last-child:after { display:none;}


/********************头部*********************/
.HeaderWrap { position: fixed; top: 0; left: 0; width: 100%;background: #fff; z-index:21;}
.HeaderDownWrap { display:none;border-bottom:1px solid #ededed; }
.HeaderInner { }
/*.HeaderInner .Inner {  padding-bottom:21px;padding-top:45px;}*/ 
.HeaderInner{border-bottom:1px solid #ededed;} 
.HeaderInner .Inner {height:97px;line-height:97px;} 



.HeaderLeftLogo { width: 250px;display:inline-block;*display:inline;zoom:1; vertical-align:middle;   }
.HeaderLeftLogo img { width: 100%; }


.HeaderRight { display:inline-block;*display:inline;zoom:1; vertical-align:middle; margin-left:50px; }

.HeaderRightList { display: inline-block; *display: inline; zoom: 1; vertical-align: middle; color: #9b9b9b; font-size: 12px; position: relative; margin: auto 4px; padding:0 17px; }
.HeaderRightList:nth-child(3):after{
    content: "";
    width: 6px;
    height: 5px;
    position: absolute;
    top: 50%;
    right: 5px;
    margin-top: -2px;
    background: url(../images/Map/Arrow.png) no-repeat;
    pointer-events: none;
}
.HeaderRightList:nth-child(4):after{
    content: "";
    width: 6px;
    height: 5px;
    position: absolute;
    top: 50%;
    right: 5px;
    margin-top: -2px;
    background: url(../images/Map/Arrow.png) no-repeat;
    pointer-events: none;
}

.HeaderRightList:before { position:absolute;bottom:0;left:0;width:100%;height:1px;background:#000;content:"";display:none;}


.HeaderRightListBtn { font-size: 1em; display: inline; cursor: pointer; }

.HeaderRightList span { font-size: 1.1em; font-weight: 500;}

.HeaderRightList .HeaderRightListDown, .HeaderRightList .HeaderRightListText { }
.HeaderRightList .HeaderRightListDown { position: relative; top: -2px;display:none; }
.HeaderRightList .HeaderRightListText { position: relative; }

.HeaderRightList.Select { color: #000;  }
.HeaderRightList:hover { color: #000;  }

.HeaderRightList:hover:before{display:block;}

.HeaderRightList.Js_ProductBtn:after
/*{ content:"";position:absolute;bottom:0;left:0;width:100%;height:1px;background:#000;}*/


.HeaderDownWrap {position:absolute;top:98px;width:100%; border:1px solid #ededed;border-top:none;display:none;}

.HeaderDownInner { background:#fff;padding:40px 0px;}


.HeaderDownBox {text-align:center; }

.HeaderDownList {text-align:left; display:inline-block;*display:inline;zoom:1;vertical-align:top;margin-right:50px;padding-right:50px;position:relative;}

.HeaderDownList:after{content:"";width:1px;height:200px;background:#ededed;position:absolute;right:0;top:50%;top:0;}

.HeaderDownItem { }

.HeaderDownItemTitle {color:#000000;font-size:14px; }

.HeaderDownItemIn { }
.HeaderDownItemIn a{display:block;color:#4a4a4a;margin-top:20px; }


.HeaderSwitchBtn { position:absolute;right:-20px;top:0px;cursor:pointer;padding:0 20px;}



.HeaderSearchWrap { position:absolute;top:98px;right:0; border:1px solid #ededed;border-top:none;background:#fff;padding:10px 20px;display:none;z-index:3;line-height:initial;}

.HeaderSearchInner { padding:5px;border-bottom:1px solid #000;}

.HeaderSearchInner > div { display:inline-block;display:inline;zoom:1;vertical-align:middle;height:25px;line-height:25px;}

.HeaderSearchBtn {cursor:pointer; }




/********************视频弹层*********************/

.VideoPopWrap {background:rgba(0,0,0,0.6);display:; }

.VideoPopInner {width:60%;position:absolute;top:20%;left:20%; }

.VideoLocation { position:absolute;top:0;left:0;width:100%;height:100%;border:1px solid red;}

.VideoLocation img{ position:absolute;top:0;left:0;width:100%;height:100%;}
.VideoLocation video{ position:absolute;top:0;left:0;width:100%;height:100%;}

.CloseVideoBtn { width:50px;height:50px;position:absolute;top:-60px;right:0;border:1px solid red;cursor:pointer;}







/********************底部*********************/
.FooterWrap { border-top:1px solid #ededed; /*margin-top: 60px;*/ position:relative;bottom:0;width:100%;}
.FooterInner { background: #1a1a1a;padding: 43px 0px; }

.FooterCon { }

.FooterBox { display:inline-block;*display:inline;zoom:1;vertical-align:top;margin-right:50px;}

.FooterBoxTitle {border-bottom:1px solid #2d2d2d;padding:20px 0px;color:#fff; }

.FooterBoxTemp { }
.FooterList { display:inline-block;*display:inline;zoom:1;vertical-align:top; margin-right:50px;}

.FooterListLast { margin-right:0;}

.FooterListName { margin-top:15px;color:#999;}

.FooterListDtl { }
.FooterListDtl a { color:#575757;display:block;margin-top:15px;}

.FooterListDtl a:hover { color:#fff;}



.FooterBox5 { margin-right:0;}

.FooterIconWrap {border:1px solid #2d2d2d; }

.FooterIconList { width:35px;height:33px;border-right:1px solid #2d2d2d;text-align:center;line-height:33px;display:inline-block;*display:inline;zoom:1;vertical-align:middle;color:#fff;cursor:pointer;position:relative;}
.FooterIconList img { display:inline-block;*display:inline;zoom:1;vertical-align:middle;}

.FooterIconListTel { width:104px;}
.FooterIconListTel img { position:relative;margin-left:5px;top:-2px;}

.WeChateIcon:hover .WeiChatCodePic{display:block; }


/*.WeiChatCodePic {position:absolute;top:35px;left:50%;width:100px;margin-left:-50px;display:none; }*/
.WeiChatCodePic {width:120px;margin-top:20px;}
.WeiChatCodePic p {text-align:center;color:#fff;}
.WeiChatCodePic span { display:block;margin-top:5px;}
.WeiChatCodePic img { width:100%;}


.FooterCon2 {margin-top:56px;padding-top:15px;border-top:1px solid #2d2d2d;padding-bottom:15px;border-bottom:1px solid #2d2d2d;}
.FooterCon2 a,.FooterCon2 span{color:#575757;}

.FooterCon2 a:hover{color:#fff; }

.FooterCopy {margin-top:25px; }
.FooterCopy > div,.FooterCopy p,.FooterCopy img{ display:inline-block;*display:inline;zoom:1;vertical-align:middle;margin:0;color:#575757;}
.FooterCopy img { width:23px;margin-right:8px;}

.FooterCopy > div { margin-right:50px;}

.filing2 a { cursor:pointer;}

/********************翻页*********************/
.PageTurningWrap { text-align:center;}

.PageTurningInner { }

.PageTurningInner > div {display: inline-block; *display: inline; zoom: 1; vertical-align: middle;color:#fff; font-size:16px;margin:auto 15px;}

.PageTurningInner > div:hover { color:#fcdc4c;}


.PageTurningInner span { font-size:1em;color:#fff;}

.PageTurningGoHomeBtn, .PageTurningPreBtn, .PageTurningNextBtn, .PageTurningLastBtn {cursor:pointer; }


.GotoPageNumWrap { }
.GotoPageNumWrap span{ display: inline-block; *display: inline; zoom: 1; vertical-align: middle;}
.GotoPageNumWrap .span_1 { }
.GotoPageNumWrap .span_2 { margin:auto 5px;}
.GotoPageNumWrap .span_2 input{width:48px;height:25px;line-height:25px; border:1px solid #fff;behavior: url(PIE_uncompressed.htc);border-radius:4px;text-align:center; }

.GotoPageNumWrap .span_3 {width:50px;height:30px;text-align:center;line-height:30px;behavior: url(PIE_uncompressed.htc); border-radius:4px; color:#1b4a8b;cursor:pointer;}










































@font-face { font-family: 'FSSinclairBold'; 
             src: url('../font/FSSinclairBold.otf'); 
             src: url('../font/FSSinclairBold.eot'); 
             src: url('../font/FSSinclairBold.eot?#iefix') format('embedded-opentype'), 
                 url('../font/FSSinclairBold.woff') format('woff'), 
                 url('../font/FSSinclairBold.woff2') format('woff2'), 
                 url('../font/FSSinclairBold.ttf') format('truetype'), 
                 url('../font/FSSinclairBold.svg#FSSinclairBold') format('svg'); 

}


@font-face { font-family: 'FSSinclairMedium'; 
             src: url('../font/FSSinclairMedium.otf'); 
             src: url('../font/FSSinclairMedium.eot'); 
             src: url('../font/FSSinclairMedium.eot?#iefix') format('embedded-opentype'), 
                 url('../font/FSSinclairMedium.woff') format('woff'), 
                 url('../font/FSSinclairMedium.ttf') format('truetype'), 
                 url('../font/FSSinclairMedium.svg#FSSinclairMedium') format('svg'); 

}



@font-face { font-family: 'FSSinclairRegular'; 
             src: url('../font/FSSinclairRegular.otf'); 
             src: url('../font/FSSinclairRegular.eot'); 
             src: url('../font/FSSinclairRegular.eot?#iefix') format('embedded-opentype'), 
                 url('../font/FSSinclairRegular.woff') format('woff'), 
                 url('../font/FSSinclairRegular.ttf') format('truetype'), 
                 url('../font/FSSinclairRegular.svg#FSSinclairRegular') format('svg'); 

}






/******由小到大进场*********/
@-webkit-keyframes FromSmallToLarge {
    0% { opacity: 0; -webkit-transform: scale(.3) }
    50% { opacity: 1; -webkit-transform: scale(1.05) }
    70% { -webkit-transform: scale(.9) }
    100% { -webkit-transform: scale(1) }
}

@-o-keyframes FromSmallToLarge {
    0% { opacity: 0; -o-transform: scale(.3) }
    50% { opacity: 1; -o-transform: scale(1.05) }
    70% { -o-transform: scale(.9) }
    100% { -o-transform: scale(1) }
}

@-moz-keyframes FromSmallToLarge {
    0% { opacity: 0; -moz-transform: scale(.3) }
    50% { opacity: 1; -moz-transform: scale(1.05) }
    70% { -moz-transform: scale(.9) }
    100% { -moz-transform: scale(1) }
}

@-ms-keyframes FromSmallToLarge {
    0% { opacity: 0; -ms-transform: scale(.3) }
    50% { opacity: 1; -ms-transform: scale(1.05) }
    70% { -ms-transform: scale(.9) }
    100% { -ms-transform: scale(1) }
}

@keyframes FromSmallToLarge {
    0% { opacity: 0; transform: scale(.3) }
    50% { opacity: 1; transform: scale(1.05) }
    70% { transform: scale(.9) }
    100% { transform: scale(1) }
}



@-webkit-keyframes BottomToTopAnimate{
    0% { -webkit-transform:translate3d(0,50px,0);opacity:0;}
    100% { -webkit-transform:translate3d(0,0,0);opacity:1;}
}
@-o-keyframes BottomToTopAnimate{
    0% { -o-transform:translate3d(0,50px,0);opacity:0;}
    100% { -o-transform:translate3d(0,0,0);opacity:1;}
}
@-moz-keyframes BottomToTopAnimate{
    0% { -moz-transform:translate3d(0,50px,0);opacity:0;}
    100% { -moz-transform:translate3d(0,0,0);opacity:1;}
}
@-ms-keyframes BottomToTopAnimate{
    0% { -ms-transform:translate3d(0,50px,0);opacity:0;}
    100% { -ms-transform:translate3d(0,0,0);opacity:1;}
}
@keyframes BottomToTopAnimate{
    0% {transform:translate3d(0,50px,0);opacity:0;}
    100% {transform:translate3d(0,0,0);opacity:1;}
}

.Animate1 {
    -webkit-animation:BottomToTopAnimate 700ms 100ms ease 1 both;
    -o-animation:BottomToTopAnimate 700ms 100ms ease 1 both;
    -moz-animation:BottomToTopAnimate 700ms 100ms ease 1 both;
    -ms-animation:BottomToTopAnimate 700ms 100ms ease 1 both;
    animation:BottomToTopAnimate 700ms 100ms ease 1 both;
}
.Animate2 {
    -webkit-animation:BottomToTopAnimate 700ms 200ms ease 1 both;
    -o-animation:BottomToTopAnimate 700ms 200ms ease 1 both;
    -moz-animation:BottomToTopAnimate 700ms 200ms ease 1 both;
    -ms-animation:BottomToTopAnimate 700ms 200ms ease 1 both;
    animation:BottomToTopAnimate 700ms 200ms ease 1 both;
}
.Animate3 {
    -webkit-animation:BottomToTopAnimate 700ms 300ms ease 1 both;
    -o-animation:BottomToTopAnimate 700ms 300ms ease 1 both;
    -moz-animation:BottomToTopAnimate 700ms 300ms ease 1 both;
    -ms-animation:BottomToTopAnimate 700ms 300ms ease 1 both;
    animation:BottomToTopAnimate 700ms 300ms ease 1 both;
}
.Animate4 {
    -webkit-animation:BottomToTopAnimate 700ms 400ms ease 1 both;
    -o-animation:BottomToTopAnimate 700ms 400ms ease 1 both;
    -moz-animation:BottomToTopAnimate 700ms 400ms ease 1 both;
    -ms-animation:BottomToTopAnimate 700ms 400ms ease 1 both;
    animation:BottomToTopAnimate 700ms 400ms ease 1 both;
}
.Animate5 {
    -webkit-animation:BottomToTopAnimate 700ms 500ms ease 1 both;
    -o-animation:BottomToTopAnimate 700ms 500ms ease 1 both;
    -moz-animation:BottomToTopAnimate 700ms 500ms ease 1 both;
    -ms-animation:BottomToTopAnimate 700ms 500ms ease 1 both;
    animation:BottomToTopAnimate 700ms 500ms ease 1 both;
}
.Animate6 {
    -webkit-animation:BottomToTopAnimate 700ms 600ms ease 1 both;
    -o-animation:BottomToTopAnimate 700ms 600ms ease 1 both;
    -moz-animation:BottomToTopAnimate 700ms 600ms ease 1 both;
    -ms-animation:BottomToTopAnimate 700ms 600ms ease 1 both;
    animation:BottomToTopAnimate 700ms 600ms ease 1 both;
}
.Animate7 {
    -webkit-animation:BottomToTopAnimate 700ms 700ms ease 1 both;
    -o-animation:BottomToTopAnimate 700ms 700ms ease 1 both;
    -moz-animation:BottomToTopAnimate 700ms 700ms ease 1 both;
    -ms-animation:BottomToTopAnimate 700ms 700ms ease 1 both;
    animation:BottomToTopAnimate 700ms 700ms ease 1 both;
}
.Animate8 {
    -webkit-animation:BottomToTopAnimate 700ms 800ms ease 1 both;
    -o-animation:BottomToTopAnimate 700ms 800ms ease 1 both;
    -moz-animation:BottomToTopAnimate 700ms 800ms ease 1 both;
    -ms-animation:BottomToTopAnimate 700ms 800ms ease 1 both;
    animation:BottomToTopAnimate 700ms 800ms ease 1 both;
}
.Animate9 {
    -webkit-animation:BottomToTopAnimate 700ms 900ms ease 1 both;
    -o-animation:BottomToTopAnimate 700ms 900ms ease 1 both;
    -moz-animation:BottomToTopAnimate 700ms 900ms ease 1 both;
    -ms-animation:BottomToTopAnimate 700ms 900ms ease 1 both;
    animation:BottomToTopAnimate 700ms 900ms ease 1 both;
}
.Animate10 {
    -webkit-animation:BottomToTopAnimate 700ms 1000ms ease 1 both;
    -o-animation:BottomToTopAnimate 700ms 1000ms ease 1 both;
    -moz-animation:BottomToTopAnimate 700ms 1000ms ease 1 both;
    -ms-animation:BottomToTopAnimate 700ms 1000ms ease 1 both;
    animation:BottomToTopAnimate 700ms 1000ms ease 1 both;
}
.Animate11 {
    -webkit-animation:BottomToTopAnimate 700ms 1100ms ease 1 both;
    -o-animation:BottomToTopAnimate 700ms 1100ms ease 1 both;
    -moz-animation:BottomToTopAnimate 700ms 1100ms ease 1 both;
    -ms-animation:BottomToTopAnimate 700ms 1100ms ease 1 both;
    animation:BottomToTopAnimate 700ms 1100ms ease 1 both;
}
.Animate12 {
    -webkit-animation:BottomToTopAnimate 700ms 1200ms ease 1 both;
    -o-animation:BottomToTopAnimate 700ms 1200ms ease 1 both;
    -moz-animation:BottomToTopAnimate 700ms 1200ms ease 1 both;
    -ms-animation:BottomToTopAnimate 700ms 1200ms ease 1 both;
    animation:BottomToTopAnimate 700ms 1200ms ease 1 both;
}
.Animate13 {
    -webkit-animation:BottomToTopAnimate 700ms 1300ms ease 1 both;
    -o-animation:BottomToTopAnimate 700ms 1300ms ease 1 both;
    -moz-animation:BottomToTopAnimate 700ms 1300ms ease 1 both;
    -ms-animation:BottomToTopAnimate 700ms 1300ms ease 1 both;
    animation:BottomToTopAnimate 700ms 1300ms ease 1 both;
}
.Animate14 {
    -webkit-animation:BottomToTopAnimate 700ms 1400ms ease 1 both;
    -o-animation:BottomToTopAnimate 700ms 1400ms ease 1 both;
    -moz-animation:BottomToTopAnimate 700ms 1400ms ease 1 both;
    -ms-animation:BottomToTopAnimate 700ms 1400ms ease 1 both;
    animation:BottomToTopAnimate 700ms 1400ms ease 1 both;
}
.Animate15 {
    -webkit-animation:BottomToTopAnimate 700ms 1500ms ease 1 both;
    -o-animation:BottomToTopAnimate 700ms 1500ms ease 1 both;
    -moz-animation:BottomToTopAnimate 700ms 1500ms ease 1 both;
    -ms-animation:BottomToTopAnimate 700ms 1500ms ease 1 both;
    animation:BottomToTopAnimate 700ms 1500ms ease 1 both;
}
.Animate16 {
    -webkit-animation:BottomToTopAnimate 700ms 1600ms ease 1 both;
    -o-animation:BottomToTopAnimate 700ms 1600ms ease 1 both;
    -moz-animation:BottomToTopAnimate 700ms 1600ms ease 1 both;
    -ms-animation:BottomToTopAnimate 700ms 1600ms ease 1 both;
    animation:BottomToTopAnimate 700ms 1600ms ease 1 both;
}
.Animate17 {
    -webkit-animation:BottomToTopAnimate 700ms 1700ms ease 1 both;
    -o-animation:BottomToTopAnimate 700ms 1700ms ease 1 both;
    -moz-animation:BottomToTopAnimate 700ms 1700ms ease 1 both;
    -ms-animation:BottomToTopAnimate 700ms 1700ms ease 1 both;
    animation:BottomToTopAnimate 700ms 1700ms ease 1 both;
}
.Animate18 {
    -webkit-animation:BottomToTopAnimate 700ms 1800ms ease 1 both;
    -o-animation:BottomToTopAnimate 700ms 1800ms ease 1 both;
    -moz-animation:BottomToTopAnimate 700ms 1800ms ease 1 both;
    -ms-animation:BottomToTopAnimate 700ms 1800ms ease 1 both;
    animation:BottomToTopAnimate 700ms 1800ms ease 1 both;
}
.Animate19 {
    -webkit-animation:BottomToTopAnimate 700ms 1900ms ease 1 both;
    -o-animation:BottomToTopAnimate 700ms 1900ms ease 1 both;
    -moz-animation:BottomToTopAnimate 700ms 1900ms ease 1 both;
    -ms-animation:BottomToTopAnimate 700ms 1900ms ease 1 both;
    animation:BottomToTopAnimate 700ms 1900ms ease 1 both;
}

.Animate20 {
    -webkit-animation:BottomToTopAnimate 700ms 2000ms ease 1 both;
    -o-animation:BottomToTopAnimate 700ms 2000ms ease 1 both;
    -moz-animation:BottomToTopAnimate 700ms 2000ms ease 1 both;
    -ms-animation:BottomToTopAnimate 700ms 2000ms ease 1 both;
    animation:BottomToTopAnimate 700ms 2000ms ease 1 both;
}
.Animate21 {
    -webkit-animation:BottomToTopAnimate 700ms 2100ms ease 1 both;
    -o-animation:BottomToTopAnimate 700ms 2100ms ease 1 both;
    -moz-animation:BottomToTopAnimate 700ms 2100ms ease 1 both;
    -ms-animation:BottomToTopAnimate 700ms 2100ms ease 1 both;
    animation:BottomToTopAnimate 700ms 2100ms ease 1 both;
}






