.subBox_add .text{text-align:left;}
/*lrtk.css*/
#banner{
    margin: 0 auto;
    width:100%;
    min-width:1000px;;
    height:550px;
    position:relative;
}
#banner .dianul{
    left:50%;
    margin-left:-50px;
    position:absolute;
    bottom:12px;
}

#banner .dianul li{
    float:left;
    width:14px;
    height:14px;
    cursor:pointer;
    margin-right:8px;
    border:2px solid #fff;
    border-radius:50%;
}

#banner .dianul li.cur{
    background:#fff;
}
#banner .maonimen{
    margin: 0 auto;
    width:100%;
    min-width:1000px;
    perspective:1000px;
}
#banner .maonimen > div{
    margin:0 auto;
    width:1000px;
    height:550px;
    position:relative;
}
#banner .maonimen div div{
    width:240px;
    height:183.33px;
    position: absolute;
    background:url(../img/0.jpg) no-repeat center;
}
#banner .maonimen.fei div div{
    transform-style: preserve-3d;
    opacity:0;
}

#banner .maonimen.fei div div:nth-child(1){transform:rotate(-120deg) rotateX(180deg) rotateY(-90deg) scale(1.5);margin-left:-400px;margin-top:-200px;}
#banner .maonimen.fei div div:nth-child(2){transform:rotate(60deg) rotateX(-180deg) rotateY(220deg) scale(1.5);margin-left:-500px;margin-top:-200px;}
#banner .maonimen.fei div div:nth-child(3){transform:rotate(-180deg) rotateX(90deg) rotateY(-270deg) scale(1.5);margin-left:-200px;margin-top:-200px;}
#banner .maonimen.fei div div:nth-child(4){transform:rotate(80deg) rotateX(-220deg) rotateY(-110deg) scale(1.5);margin-left:-100px;margin-top:-200px;}
#banner .maonimen.fei div div:nth-child(5){transform:rotate(220deg) rotateX(60deg) rotateY(-360deg) scale(1.5);margin-left:100px;margin-top:-200px;}
#banner .maonimen.fei div div:nth-child(6){transform:rotate(120deg) rotateX(-120deg) rotateY(120deg) scale(1.5);margin-left:200px;margin-top:-200px;}
#banner .maonimen.fei div div:nth-child(7){transform:rotate(-360deg) rotateX(80deg) rotateY(220deg) scale(1.5);margin-left:300px;margin-top:-200px;}
#banner .maonimen.fei div div:nth-child(8){transform:rotate(60deg) rotateX(150deg) rotateY(-160deg) scale(1.5);margin-left:400px;margin-top:-200px;}

#banner .maonimen.fei div div:nth-child(9){transform:rotate(30deg) rotateX(180deg) rotateY(90deg)scale(1.5);margin-left:-400px}
#banner .maonimen.fei div div:nth-child(10){transform:rotate(-40deg) rotateX(90deg) rotateY(180deg)scale(1.5);margin-left:-300px}
#banner .maonimen.fei div div:nth-child(11){transform:rotate(60deg) rotateX(-180deg) rotateY(180deg)scale(1.5);margin-left:-200px}
#banner .maonimen.fei div div:nth-child(12){transform:rotate(-80deg) rotateX(-360deg) rotateY(60deg) scale(1.5);margin-left:-100px}
#banner .maonimen.fei div div:nth-child(13){transform:rotate(120deg) rotateX(60deg) rotateY(-360deg) scale(1.5);margin-left:100px}
#banner .maonimen.fei div div:nth-child(14){transform:rotate(-20deg) rotateX(80deg) rotateY(-180deg) scale(1.5);margin-left:200px}
#banner .maonimen.fei div div:nth-child(15){transform:rotate(-70deg) rotateX(-180deg) rotateY(90deg) scale(1.5);margin-left:300px}
#banner .maonimen.fei div div:nth-child(16){transform:rotate(110deg) rotateX(180deg) rotateY(20deg) scale(1.5);margin-left:400px}

#banner .maonimen.fei div div:nth-child(17){transform:rotate(-80deg) rotateX(-30deg) rotateY(70deg) scale(1.5);margin-left:-400px;margin-top:200px;}
#banner .maonimen.fei div div:nth-child(18){transform:rotate(-110deg) rotateX(-60deg) rotateY(-30deg) scale(1.5);margin-left:-300px;margin-top:200px;}
#banner .maonimen.fei div div:nth-child(19){transform:rotate(60deg) rotateX(120deg) rotateY(80deg) scale(1.5);margin-left:-200px;margin-top:200px;}
#banner .maonimen.fei div div:nth-child(20){transform:rotate(-20deg) rotateX(30deg) rotateY(-360deg) scale(1.5);margin-left:-100px;margin-top:200px;}
#banner .maonimen.fei div div:nth-child(21){transform:rotate(130deg) rotateX(-110deg) rotateY(320deg) scale(1.5);margin-left:100px;margin-top:200px;}
#banner .maonimen.fei div div:nth-child(22){transform:rotate(-160deg) rotateX(240deg) rotateY(120deg) scale(1.5);margin-left:200px;margin-top:200px;}
#banner .maonimen.fei div div:nth-child(23){transform:rotate(90deg) rotateX(20deg) rotateY(70deg) scale(1.5);margin-left:300px;margin-top:200px;}
#banner .maonimen.fei div div:nth-child(24){transform:rotate(-160deg) rotateX(80deg) rotateY(-80deg) scale(1.5);margin-left:400px;margin-top:200px;}

.zhentu{
    top:0;
    width:100%;
    height:550px;
    position:absolute;
    background:url("../img/0.jpg") no-repeat center;
}

/*main.css*/
@charset "utf-8";
/* CSS Document */
/* common */
*html{background-image:url(about:blank);background-attachment:fixed;} /* 修正IE6振动bug */
body,div,h1,h2,h3,h4,h5,h6,dl,dd,dt,p,a,form,select,input,span,ul,ol,li{margin:0px; padding:0px;
    text-indent:0; font-weight:normal;font-size:14px;
    font-family:'Microsoft YaHei',Verdana, Arial, Helvetica, sans-serif;color:#363636;
    text-align:center;
}

ul,ol{list-style:none; text-indent:0; list-style-position:outside;}
img{border:0px;}
.clear{width:0px; height:0px; font-size:0px; line-height:0px; margin:0px; padding:0px; clear:both}
b{font-weight:normal;}
.fl{float:left;display:inline;}
.fr{float:right;display:inline;}
/*clear*/
.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}
.clearfix:after {
    clear: both;
}
/* link */
a{text-decoration:none;}
a:hover{text-decoration:none;}


body{
    margin:0 auto;
    width:100%;
    max-width:1680px;
    min-width:1000px;
    overflow-x:hidden;
}
/*浏览器更新提示*/
.browserupgrade{
    margin:0;
    z-index:9999;
    width:100%;
    height:42px;
    color:#ec1c32;
    text-indent:20px;
    line-height:42px;
    background:#222222;
    border-bottom:4px solid #000000;
}
.browserupgrade a{
    font-size:16px;
    color:#ffffff;
    cursor:pointer;
}
.browserupgrade a.close{
    font-size:14px;
    margin-right:20px;
    float:right;
}
.wrap{
    margin:0 auto;
    width:100%;
    min-width:1000px;
}
.main{
    margin:0 auto;
    width:1000px;
    position:relative;
}
.header{
    margin:0 auto;
    width:100%;
    min-width:1000px;
}
.header-top{
    height:90px;
}
.logo{
    float:left;
    margin-top:30px;
    padding-right:22px;
    width:151px;
    height:44px;
    display:block;
    border-right:1px solid #dbdbdb;
}
.logo-text{
    float:left;
    margin-top:25px;
    margin-left:15px;
    line-height:20px;
    font:16px/24px "Microsoft YaHei";
    color:#999;
    text-align:left;
}
.phone{
    float:right;
    margin-top:40px;
    text-align:right;
    font:16px/24px "Microsoft YaHei";
    color:#999;
}

.main-nav{
    margin:0 auto;
    width:1140px;
    position:relative;
}

/*.nav{*/
    /*width:100%;*/
    /*height:45px;*/
    /*background:#f9806b;*/
/*}*/

/*.nav li{ float:left;*/
    /*text-align:center;*/
/*}*/

/*.nav li a{*/
    /*font:16px/45px "Microsoft YaHei";*/
    /*color:#fff;*/
    /*display:block;*/
    /*width:140px;*/
/*}*/

/*.nav li.pipe {*/
    /*color: #fff;*/
    /*width:1px;*/
    /*line-height:45px;*/
/*}*/


.nav{
    width:100%;
    height:55px;
    background:#f9806b;
}
.nav li{
    width:140px;
    line-height:55px;
    float:left;
    text-align:center;
}
.nav li a{
    font:16px/55px "Microsoft YaHei";
    color:#fff;
    height:55px;
    display:inline-block;
    transition:0.2s;
    position:relative;
}
.nav li a:hover{
    color:#fcff00;
    transition:0.2s;
}
.nav li a span{
    top:51px;
    left:0;
    height:4px;
    width:0;
    display:block;
    background:#fcff00;
    position:absolute;
    transition:0.5s;
}
.nav li a:hover span{
    width:100%;
    transition:0.5s;
}
.nav li.pipe{
    color: #fff;
    width:1px;
    line-height:45px;
}

.content{
    margin:0 auto;
    width:100%;
}
.part{
    margin:0 auto;
    width:100%;
    overflow:hidden;
    padding-bottom:50px;
}
.part.bg{

    background:url("../img/bg.jpg") repeat center center;
}

.part-title{
    padding-top:60px;
    padding-bottom:30px;
}
.part-title h1{
    font-size:40px;
    line-height:45px;
    text-align:center;
    color:#474852;
    font-weight:bold;
}
.part-title.c1 h1{
    color:#ffffff;
}
.part-title p{
    padding-top:12px;
    font-size:20px;
    line-height:28px;
    text-align:center;
    color:#a3a3a3;
}
.part-title h1 b{
    color:#f9806b;
    font-weight:bold;
}



/*.part1-info{ width:962px; height:281px; margin:0 auto; */
/*background:url("../img/part01_00.png") no-repeat center center;*/
/*position:relative;*/
/*}*/

/*.part1-info li{ width:154px; height:154px; position:absolute;}*/
/*.part1-info li h1{*/
/*width:64px;*/
/*font-size:18px;*/
/*line-height:60px;*/
/*font-weight:bold;*/
/*color:#fff;*/
/*text-align:center;*/
/*}*/
/*.part1-info li p{*/
/*font-size:12px;*/
/*line-height:14px;*/
/*color:#636363;*/
/*font-family:"宋体";*/
/*text-align:left;*/
/*}*/

.p1-ctn{
    width:100%;
    height:442px;
    position:relative;
}
.p1-box{
    position:absolute;
}
.p1-box h2{
    font-size:30px;
    line-height:30px;
    color:#ffffff;
}
.p1-box p{
    font-size:18px;
    line-height:22px;
    color:#ffffff;
}
.p1-box.b1{
    left:0;
    top:0;
    width:174px;
    height:174px;
    background:url("../img/p1-b1.png") no-repeat center;
}
.p1-box.b1 h2{
    padding-top:65px;
    text-shadow:2px 2px 2px #ac6519;
}
.p1-box.b1 p{
    padding-top:30px;
}
.p1-box.b2{
    left:0;
    top:187px;
    width:174px;
    height:174px;
    background:url("../img/p1-b2.png") no-repeat center;
}
.p1-box.b2 h2{
    padding-top:65px;
    text-shadow:2px 2px 2px #44775a;
}
.p1-box.b2 p{
    padding-top:20px;
    font-size:14px;
}
.p1-box.b3{
    left:188px;
    top:0;
    width:417px;
    height:415px;
    background:url("../img/p1-b3.png") no-repeat center;
}
.p1-box.b3 h2{
    padding-top:75px;
    width:260px;
    font-size:48px;
    line-height:48px;
    text-shadow:2px 2px 2px #615f5f;
}
.p1-box.b3 p{
    padding-top:50px;
    width:260px;
}
.p1-box.b4{
    left:188px;
    top:278px;
    width:264px;
    height:168px;
    background:url("../img/p1-b4.png") no-repeat center;
}
.p1-box.b4 h2{
    padding-top:60px;
    text-shadow:2px 2px 2px #b66602;
}
.p1-box.b4 p{
    padding-top:15px;
}
.p1-box.b5{
    left:466px;
    top:0;
    width:264px;
    height:170px;
    background:url("../img/p1-b5.png") no-repeat center;
}
.p1-box.b5 h2{
    padding-top:60px;
    text-shadow:2px 2px 2px #a03440;
}
.p1-box.b5 p{
    padding-top:20px;
}
.p1-box.b6{
    left:466px;
    top:184px;
    width:362px;
    height:262px;
    background:url("../img/p1-b6.png") no-repeat center;
}
.p1-box.b6 h2{
    padding-top:75px;
    font-size:48px;
    line-height:48px;
    text-shadow:2px 2px 2px #5e6c88;
}
.p1-box.b6 p{
    padding-top:35px;
}
.p1-box.b7{
    left:744px;
    top:0;
    width:170px;
    height:170px;
    background:url("../img/p1-b7.png") no-repeat center;
}
.p1-box.b7 h2{
    padding-top:60px;
    text-shadow:2px 2px 2px #407d98;
}
.p1-box.b7 p{
    padding-top:10px;
    font-size:14px;
    line-height:16px;
}
.p1-box.b8{
    left:835px;
    top:184px;
    width:301px;
    height:301px;
    background:url("../img/p1-b8.png") no-repeat center;
}
.p1-box.b8 h2{
    padding-top:60px;
    width:166px;
    text-shadow:2px 2px 2px #2d5e81;
}
.p1-box.b8 p{
    margin-left:5px;
    padding-top:15px;
    width:166px;
    font-size:13px;
    line-height:16px;
}


.s p{ margin-left:40px; margin-top:10px;}

.x p{ height:57px; margin-left:40px; margin-top:30px;}
.x h1{  margin-top:10px;}

.s{ background:url("../img/part01_01.png") no-repeat center left;}
.x{ background:url("../img/part01_02.png") no-repeat center left;}




.s1{ left:20px;}
.s2{ left:170px;}
.s3{ left:320px;}
.s4{ left:470px;}
.s5{ left:620px;}
.s6{ left:770px;}

.x1{ left:95px; top:130px;}
.x2{ left:245px; top:130px;}
.x3{ left:395px; top:130px;}
.x4{ left:545px; top:130px;}
.x5{ left:695px; top:130px;}
.x6{ left:845px; top:130px;}



/*第二部分——大势所趋，互联网+时代来临！*/
.part.bg2{
    height:750px;
    background:url("../img/bg2.jpg") no-repeat center center;
}

.part2{ height:350px;}
#part2 img{
    width: 280px;
    height: 226px;
}
#part2-info img{
    width: 26px;
    height: 14px;
}
.part2 dl{ width:300px; height:350px; float:left;
    background:rgba(0, 0, 0, 0.3)!important;
    filter:Alpha(opacity=30); background:#fff;
    border:1px solid #f9806b;
    margin-right:47px;
}

.part2 dl dt{ width:300px; margin:0 auto;
    text-align:center; padding:10px 0;
}

.part2 dl:hover{
    transition:1.0s;
}
.part2 dl:hover img{
    transition:1.0s;
    animation: scaling 2s;
    animation-iteration-count:infinite;
    animation-timing-function:linear;
}
@keyframes scaling {
    0% {    transform:scale(1);}
    25% {    transform:scale(1.05);}
    50% {    transform:scale(1);}
    75% {    transform:scale(0.95);}
    100% {    transform:scale(1);}
}

.part2 dl dd h1{
    font-size:20px;
    line-height:30px;
    font-weight:bold;
    color:#fff;
    text-align:center;
}
.part2 dl dd h1 b{ font-weight:600;}
.part2 dl dd p{
    margin:5px 15px 0;
    font-size:14px;
    line-height:18px;
    color:#fff;
    text-align:left;
}
.part2-info{ margin-bottom:40px;}

.part2-info h2{ text-align:center; margin:35px 0 30px;}
.part2-info h3{
    font-size:20px;
    line-height:30px;
    font-weight:bold;
    color:#f9806b;
    text-align:center;
}

.part2-info ul{ width:1000px; height:200px;
    background:rgba(255, 255, 255, 0.2)!important;
    filter:Alpha(opacity=20); background:#fff;
    margin-top:35px;
}


.part2-info li{ width:600px;
    background:url(../img/part02_05.png) no-repeat left;
    font-size:18px;
    line-height:36px;
    padding-left:25px;
    margin:0 auto;
    color:#fff;
    text-align:left;
}


.btn{
    margin:0 auto;
    width:282px;
    height:40px;
    line-height:40px;
    color:#f9806b;
    font-size:20px;
    text-align:center;
    display:block;
    transition:0.5s;
    border:1px solid #f9806b;
    border-radius:28px;
}
.btn:hover{
    transition:0.5s;
    color:#f9806b;
    background:#ffffff;
}

/*第三部分——9大技术革新*/

.part .rotate{
    width:550px;
    height:500px;
    position:relative;
    margin-top:50px;
    float:left;
}
.part .rotate .php{
    width:444px;
    height:444px;
    animation: rotating1 30s;
    animation-iteration-count:infinite;
    animation-timing-function:linear;
    background:url("../img/rotate-bg.png") no-repeat center;
}
.part .rotate .php .box{
    top:139px;
    left:139px;
    width:120px;
    height:120px;
    position:absolute;
    background:#87aad5;
    border:21px solid #e5e7ee;
    border-radius:50%;
    animation: rotating-reverse1 30s;
    animation-iteration-count:infinite;
    animation-timing-function:linear;
}
.part .rotate .php p{
    font-size:36px;
    line-height:120px;
    text-align:center;
    color:#474852;
    font-weight:600;
}
.part .rotate .rotate1{
    top:0;
    left:0;
    width:444px;
    height:444px;
    position:absolute;
    border:1px dashed #b4b4b4;
    border-radius:50%;
    animation: rotating1 30s;
    animation-iteration-count:infinite;
    animation-timing-function:linear;
}
.part .rotate .rotate1 .box{
    width:70px;
    height:70px;
    position:absolute;
    border:7px solid #e5e7ee;
    border-radius:50%;
    animation: rotating-reverse1 30s;
    animation-iteration-count:infinite;
    animation-timing-function:linear;
}
.part .rotate .rotate1 .box p{
    line-height:70px;
    text-align:center;
    color:#474852;
    font-weight:600;
}
.part .rotate .rotate1 .box.b1{
    top:-38px;
    left:253px;
    background:#51bcb4;
    background:rgba(81,188,180,0.6);
}
.part .rotate .rotate1 .box.b2{
    top:87px;
    left:-27px;
    background:#ffad00;
    background:rgba(255,173,0,0.6);
}
.part .rotate .rotate1 .box.b3{
    top:244px;
    right:-24px;
    background:#db8cdb;
    background:rgba(219,140,219,0.6);
}
.part .rotate .rotate1 .box.b4{
    top:302px;
    left:-13px;
    background:#45b7fe;
    background:rgba(69,183,254,0.6);
}
.part .rotate .rotate1 .box.b5{
    top:388px;
    left:141px;
    background:#ff494d;
    background:rgba(255,73,77,0.6);
}
.part .rotate .rotate2{
    top:82px;
    left:82px;
    width:277px;
    height:277px;
    position:absolute;
    border:1px dashed #b4b4b4;
    border-radius:50%;
    animation: rotating2 30s;
    animation-iteration-count:infinite;
    animation-timing-function:linear;
}
.part .rotate .rotate2 .box{
    width:70px;
    height:70px;
    position:absolute;
    border:7px solid #e5e7ee;
    border-radius:50%;
    animation: rotating-reverse2 30s;
    animation-iteration-count:infinite;
    animation-timing-function:linear;
}
.part .rotate .rotate2 .box p{
    line-height:70px;
    text-align:center;
    color:#474852;
    font-weight:600;
}
.part .rotate .rotate2 .box.b1{
    top:-30px;
    left:27px;
    background:#7a7ee1;
    background:rgba(122,126,225,0.6);
}
.part .rotate .rotate2 .box.b2{
    top:36px;
    right:-42px;
    background:#fe7748;
    background:rgba(254,119,72,0.6);
}
.part .rotate .rotate2 .box.b3{
    top:156px;
    left:-33px;
    background:#ff458c;
    background:rgba(255,69,140,0.6);
}
.part .rotate .rotate2 .box.b4{
    top:220px;
    right:12px;
    background:#6fc675;
    background:rgba(111,198,117,0.6);
}
.part .rotate .info{
    top:80px;
    width:200px;
    display:none \9;
    opacity:0;
    position: absolute;
    transition:opacity 1s;
}
.part .rotate .box:hover .info{
    display:block \9;
    opacity:1;
    transition:opacity 1s;
}

/*keyframes*/
@keyframes rotating1{
    0% {transform:rotate(0deg);}
    100% {transform:rotate(360deg);}
}
@keyframes rotating-reverse1{
    0% {transform:rotate(0deg);}
    100% {transform:rotate(-360deg);}
}
@keyframes rotating2{
    0% {transform:rotate(0deg);}
    100% {transform:rotate(-360deg);}
}
@keyframes rotating-reverse2{
    0% {transform:rotate(0deg);}
    100% {transform:rotate(360deg);}
}


.part3{ float:left;
    margin-top:30px;
    margin-left:30px;
}
.part3-info{ width:340px; height:470px;
    border:1px solid #d3d3d3;
    background:#fff;
}

.part3-info h3{ font-size:20px;
    color:#f9806b;
    text-align:center;
    padding:20px 0 15px;
    font-weight:500;

}
.part3-info h4{ font-size:18px;
    color:#f9806b;
    text-align:left;
    font-weight:600;
    background:url(../img/part3_01.png) no-repeat left center;
    padding-left:10px;
    margin-left:15px;
}
.part3-info h5{ font-size:14px;
    color:#6f6f6f;
    padding:8px 15px 8px 25px;
    text-align:left;

}



/*第四部分——看我们怎么打造WEB3.0开发大牛！*/


.part4-main{
    margin:0 auto;
    position:relative;
    height:2000px;
    margin-top:50px;
}
.part4-box{
    width:480px;
    padding-bottom:30px;
    background:#ffffff;
}
.part4-box:hover .part4-title{
    transition:0.5s;
    background:#f9806b;
}
.part4-title{
    margin:2px;
    width:476px;
    height:90px;
    transition:0.5s;
    background:#f9806b;
}
.part4-title h1{
    padding-top:45px;
    font-size:24px;
    line-height:24px;
    color:#ffffff;
    text-align:center;
}
.part4-info{
    margin:2px;
    padding:0 10px;
    border:1px #ddd solid;
    border-top:none;
}
.part4-content{
    width:510px;
    margin-bottom:30px;
}
.part4-text{
    float:left;
    width:270px;
}
.part4-text h1{
    margin-top:25px;
    margin-left:10px;
    width:270px;
    line-height:32px;
    font-size:18px;
    color:#222;
    position:relative;
    border-bottom:1px solid #d3d3d3;
}
.part4-text h1 span{
    top:0;
    left:-10px;
    width:6px;
    height:6px;
    display:block;
    position:absolute;
    background:url("../img/part4-h1-tag.png") no-repeat left top;
}
.part4-text h3{
    width:390px;
    margin-left:20px;
    margin-top:10px;
    font-size:14px;
    line-height:32px;
    color:#999;
    text-align:left;
}

.part4-h2{
    margin:0 auto;
    padding:15px;
    width:410px;
    background:#e8e8e8;
    border-radius:5px;
    margin-top:20px;
    text-align:left;
}


.part4-btn{
    margin:0 auto;
    margin-top:8px;
    width:440px;
    height:42px;
    line-height:42px;
    color:#ffffff;
    display:block;
    font-size:16px;
    text-align:center;
    background:#f9806b;
    border-radius:5px;
}

.part4-content2{
    margin-top:-10px;
    padding:0 10px;
}
.part4-info2{
    margin-top:10px;
    width:440px;
    height:80px;
    overflow:hidden;
    position:relative;
}
.part4-info2.bg1{
    background:url("../img/part4-img1.png") no-repeat center top;
}
.part4-info2.bg2{
    background:url("../img/part4-img2.png") no-repeat center top;
}
.part4-info2.bg3{
    background:url("../img/part4-img3.png") no-repeat center top;
}
.part4-info2.bg4{
    background:url("../img/part4-img4.png") no-repeat center top;
}
.part4-info2.bg5{
    background:url("../img/part4-img5.png") no-repeat center top;
}
.part4-info2.bg6{
    background:url("../img/part4-img6.png") no-repeat center top;
}

.part4-btn2{
    top:3180px;
    width:1000px;
    height:80px;
    font-size:30px;
    line-height:80px;
    text-align:center;
    color:#ffffff;
    display:block;
    position:absolute;
    background:#f9806b;
    border-radius:4px;
}

.part4-content2 h1{
    margin:20px 0 10px;
    padding-left:22px;
    line-height:32px;
    font-size:16px;
    font-weight:bold;
    color:#f9806b;
    background:url("../img/part4-h1-tag2.png") no-repeat left center;
}
.part4-content2 p{
    padding-left:21px;
    padding-top:11px;
    line-height:14px;
}
.part5-content2 h2{
    padding:20px 0;
    line-height:20px;
}
.p4b1{
    top:-29px;
    left:0;
    position:absolute;
}
.p4b2{
    top:94px;
    right:0;
    position:absolute;
}
.p4b3{
    top:590px;
    left:0;
    position:absolute;
}
.p4b4{
    top:732px;
    right:0;
    position:absolute;
}
.p4b5{
    top:1306px;
    left:0;
    position:absolute;
}
.p4b6{
    top:1440px;
    right:0;
    position:absolute;
}
.line1{
    top:5px;
    left:480px;
    width:290px;
    height:92px;
    position:absolute;
    background:url("../img/line1.png") no-repeat center top;
}
.line2{
    top:500px;
    left:228px;
    width:305px;
    height:91px;
    position:absolute;
    background:url("../img/line2.png") no-repeat center top;
}
.line3{
    top:640px;
    right:228px;
    width:292px;
    height:92px;
    position:absolute;
    background:url("../img/line1.png") no-repeat center top;
}
.line4{
    top:1160px;
    left:228px;
    width:305px;
    height:158px;
    position:absolute;
    background:url("../img/line3.png") no-repeat center top;
}
.line5{
    top:1350px;
    right:228px;
    width:290px;
    height:92px;
    position:absolute;
    background:url("../img/line1.png") no-repeat center top;
}

/*第五部分——师资*/


.part.bg5{
    height:710px;
    background:url("../img/bg5.jpg") no-repeat center center;
}

.sztd dl{ float:left;padding:0px 8px; width:150px;}
.sztd dl dt{ height:230px; overflow:hidden}

.sztd dl .tea-post{padding:10px; background:#f9806b; font-size:24px;color:#fff; line-height:24px; text-align:center}
.sztd dl .tea-post span{ font-size:14px; color:#fff;}

.sztd dl .tea-intro{padding:10px 15px; font-size:12px; color:#4f637c; line-height:22px; background:#e3e3e3; height:200px;
    text-align:left;
}


/*第六部分——实战*/
.pro{ height:460px; position:relative;}
.pro .box{
    width:250px;
    height:410px;
    perspective: 300px;
    -webkit-perspective: 500;
    position:absolute;
}
.pro .box p{
    color:#666;
    line-height:20px;
    transform: rotateY(10deg) scale(0.8);
    text-align:left;
}
.pro .box img{
    width:250px;
    height:410px;
    transform: rotateY(30deg) scale(0.8);
    border:2px solid #ffffff;
    transition:1s;
}
.pro .box.b1{
    left:0;
    z-index:1;
}
.pro .box.b2{
    left:128px;
    z-index:2;
}
.pro .box.b3{
    left:255px;
    z-index:3;
}
.pro .box.b4{
    left:382px;
    z-index:3;
}
.pro .box.b5{
    left:510px;
    z-index:3;
}
.pro .box.b6{
    left:637px;
    z-index:3;
}
.pro .box.b7{
    left:765px;
    z-index:3;
}
.pro .box.b8{
    left:893px;
    z-index:3;
}


.pro .box:hover{
    z-index:10;
}
.pro .box:hover p{
    transform: rotateY(0deg) scale(1);
    transition:1s;
}
.pro .box:hover img{
    transform: rotateY(0deg) scale(1);
    transition:1s;
}

/*第七部分*/
.part.bg7{
    height:700px;
    background:url("../img/bg7.jpg") repeat;
}
.part7{
    margin-top:36px;
    height:574px;
    position:relative;
    background:url("../img/part7-main.png") no-repeat center top;
}
#part7 img{
    width: 330px;
    height: 160px;
}
.part7-box{
    padding:10px;
    width:330px;
    z-index:1;
    position:relative;
    background:#ffffff;
}
.part7-box.b3{
    top:282px;
    left:325px;
    position:absolute;
}
.part7-box h1{
    padding-top:26px;
    text-align:right;
    font-size:18px;
    line-height:18px;
}
.part7-box h2{
    padding-top:8px;
    text-align:right;
    font-size:12px;
    line-height:12px;
    color:#666666;
}
.part7-box.b2 h1{
    text-align:left;
}
.part7-box.b2 h2{
    text-align:left;
}
.part7-box.b3 h1{
    text-align:center;
}
.part7-box.b3 h2{
    text-align:center;
}
.part7-box img{
    margin-top:16px;
}
.part7-box-main{
    width:340px;
    display:none;
}
.part7-box.b3 .part7-box-main{
    margin-left:10px;
    width:680px;
}
.part7-info{
    margin-right:10px;
    margin-top:10px;
    float:left;
    width:160px;
    height:160px;
    background:url("../img/part7-info.png") no-repeat center top;
}
.part7-info.bg2{
    background:url("../img/part7-info2.png") no-repeat center top;
}
.part7-info h3{
    padding-top:34px;
    padding-left:12px;
    font-size:18px;
    text-align:left;
}
.part7-info p{
    margin-top:10px;
    padding:0 8px;
    line-height:20px;
    font-size:12px;
    color:#666666;
    text-align:left;
}
.bz1{
    top:53px;
    left:365px;
    width:37px;
    height:10px;
    position:absolute;
    background:url("../img/bz1.png") no-repeat center top;
}
.bz2{
    top:53px;
    left:-51px;
    width:36px;
    height:10px;
    position:absolute;
    background:url("../img/bz2.png") no-repeat center top;
}
.bz3{
    top:-54px;
    left:171px;
    width:10px;
    height:50px;
    position:absolute;
    background:url("../img/bz3.png") no-repeat center bottom;
}
.part7-box:hover{
    background:#cecece;
    z-index:9999;
}
.part7-box:hover h1{
    color:#f9806b;
}
.part7-box:hover img{
    display:none;
}
.part7-box:hover .part7-box-main{
    display:block;
}
.part7-box:hover .bz1{
    background:url("../img/bz1-act.png") no-repeat center top;
}
.part7-box:hover .bz2{
    background:url("../img/bz2-act.png") no-repeat center top;
}
.part7-box:hover .bz3{
    left:341px;
    background:url("../img/bz3-act.png") no-repeat center bottom;
}
.part7-box.b3:hover{
    left:155px;
    width:690px;
}

@charset "utf-8";
.imageflow{overflow:hidden; position:relative; text-align:left; visibility:hidden; width:100%}
.imageflow img{border:none; position:absolute; top:0px; visibility:hidden; -ms-interpolation-mode:bicubic; border:3px #fff solid;
    -webkit-box-shadow: 10px 10px 14px #737373;<!--（专对火狐浏览器的支持而设置的）-->
-moz-box-shadow: 10px 10px 14px #737373;<!--（对Safari和Chrome浏览器而设置的）-->
box-shadow: 10px 10px 14px #737373;

}
.imageflow p{margin:0 auto; text-align:center}
.imageflow .loading{border:1px solid #ccc; height:15px; left:50%; margin-left:-106px; padding:5px; position:relative; visibility:visible; width:200px}
.imageflow .loading_bar{background:#ccc; height:15px; visibility:visible; width:1%}
.imageflow .caption{font-weight:bold; position:relative; text-align:center; z-index:10000}
.imageflow .scrollbar{border-bottom:1px solid #b3b3b3; position:relative; visibility:hidden; z-index:10001; height:1px}
.imageflow .slider{height:14px; margin:-6px 0 0 -7px; position:absolute; width:14px; z-index:10002}
.imageflow .images{overflow:hidden; white-space:nowrap; }





/*左右滚动*/
#slide{
    margin:0 auto;
    width:1000px;
    height:378px;
    overflow:hidden;
}
#slide li{
    float:left;
}
.slideul1{
    width:3999px;
}
.slideul2 li {
    padding:5px;
    width:158px;
    height:178px;
    float:left;
}
.star1-title{
    background:url("../img/star1.jpg") no-repeat center top;
}
.star2-title{
    background:url("../img/star2.jpg") no-repeat center top;
}
.star3-title{
    background:url("../img/star3.jpg") no-repeat center top;
}
.star4-title{
    background:url("../img/star4.jpg") no-repeat center top;
}
.star5-title{
    background:url("../img/star5.jpg") no-repeat center top;
}
.star6-title{
    background:url("../img/star6.jpg") no-repeat center top;
}
.star7-title{
    background:url("../img/star7.jpg") no-repeat center top;
}
.star8-title{
    background:url("../img/star8.jpg") no-repeat center top;
}
.star9-title{
    background:url("../img/star9.jpg") no-repeat center top;
}
.star10-title{
    background:url("../img/star10.jpg") no-repeat center top;
}
.star11-title{
    background:url("../img/star11.jpg") no-repeat center top;
}
.star12-title{
    background:url("../img/star12.jpg") no-repeat center top;
}
.slideul2 li span{
    padding:0px;
    top:138px;
    height:35px;
    width:158px;
    line-height:35px;
    display:block;
    position:relative;
    background-color:rgba(255,101,0,0.8);
}
.slideul2 li span p{
    margin-left:22px;
    margin-right:11px;
    font-size:13px;
    font-weight:bold;
    color:#ffffff;
}
.slideul2 li span p b{
    font-size:15px;
    font-weight:bold;
    color:#ffffff;
}



.part.bg9{
    height:700px;
    background:url("../img/bg9.jpg") repeat;
}

.tab-ul{
    width:1002px;
    height:59px;
}
.tab-ul li{
    float:left;
    margin-right:1px;
    width:333px;
    height:59px;
    font-size:20px;
    line-height:59px;
    text-align:center;
    cursor:pointer;
    color:#1f2033;
    transition:0.5s;
    background:#e9e9ea;
}
.tab-ul li.selected{
    color:#ffffff;
    transition:0.5s;
    background:#f9806b;
}
.tab-box{
    margin-top:35px;
    width:1000px;
    height:442px;
    position:relative;
}
.hide{
    display:none;
}
.jt{
    top:-35px;
    width:19px;
    height:9px;
    position:absolute;
    background:url("../img/jt.png") no-repeat center;
}
.jt.pn1{
    left:157px;
}
.jt.pn2{
    left:494px;
}
.jt.pn3{
    left:831px;
}
.tb1 .title{
    float:left;
}
.tb1 .title.t2{
    float:right;
}
.tb1 h1{
    float:left;
    color:#f9806b;
    font-weight:bold;
    font-size:25px;
    line-height:58px;
}
.tb1 p{
    float:left;
    margin-left:10px;
    padding:3px 10px;
    color:#f9806b;
    line-height:24px;
    border:2px solid #f9806b;
}
.tb1 .img{
    width:1012px;
}
.tb1 .img img{
    margin-top:11px;
    margin-right:11px;
    float:left;
    width:242px;
    height:161px;
}
.tb2 .img{
    margin-top:12px;
    width:1014px;
}
.tb2 .img img{
    margin-right:13px;
    margin-top:13px;
    float:left;
    width:156px;
    height:189px;
}

.firm .main{
    width:1008px;
    padding-top:40px;
}
.firm .main .box{
    margin-right:8px;
    margin-bottom:8px;
    float:left;
    width:160px;
    height:80px;
    overflow:hidden;
    background:#ffffff;
    position:relative;
}
.firm .main .logo1{
    top:0;
    width:160px;
    height:80px;
    transition:1s;
    position:absolute;
}
.firm .main .logo2{
    top:80px;
    width:160px;
    height:80px;
    transition:1s;
    position:absolute;
}
.firm .main .box.b1 .logo1{
    background:url("../img/logo1.png") no-repeat center center;
}
.firm .main .box.b1 .logo2{
    background:url("../img/logo1-act.png") no-repeat center center;
}
.firm .main .box.b2 .logo1{
    background:url("../img/logo2.png") no-repeat center center;
}
.firm .main .box.b2 .logo2{
    background:url("../img/logo2-act.png") no-repeat center center;
}
.firm .main .box.b3 .logo1{
    background:url("../img/logo3.png") no-repeat center center;
}
.firm .main .box.b3 .logo2{
    background:url("../img/logo3-act.png") no-repeat center center;
}
.firm .main .box.b4 .logo1{
    background:url("../img/logo4.png") no-repeat center center;
}
.firm .main .box.b4 .logo2{
    background:url("../img/logo4-act.png") no-repeat center center;
}
.firm .main .box.b5 .logo1{
    background:url("../img/logo5.png") no-repeat center center;
}
.firm .main .box.b5 .logo2{
    background:url("../img/logo5-act.png") no-repeat center center;
}
.firm .main .box.b6 .logo1{
    background:url("../img/logo6.png") no-repeat center center;
}
.firm .main .box.b6 .logo2{
    background:url("../img/logo6-act.png") no-repeat center center;
}
.firm .main .box.b7 .logo1{
    background:url("../img/logo7.png") no-repeat center center;
}
.firm .main .box.b7 .logo2{
    background:url("../img/logo7-act.png") no-repeat center center;
}
.firm .main .box.b8 .logo1{
    background:url("../img/logo8.png") no-repeat center center;
}
.firm .main .box.b8 .logo2{
    background:url("../img/logo8-act.png") no-repeat center center;
}
.firm .main .box.b9 .logo1{
    background:url("../img/logo9.png") no-repeat center center;
}
.firm .main .box.b9 .logo2{
    background:url("../img/logo9-act.png") no-repeat center center;
}
.firm .main .box.b10 .logo1{
    background:url("../img/logo10.png") no-repeat center center;
}
.firm .main .box.b10 .logo2{
    background:url("../img/logo10-act.png") no-repeat center center;
}
.firm .main .box.b11 .logo1{
    background:url("../img/logo11.png") no-repeat center center;
}
.firm .main .box.b11 .logo2{
    background:url("../img/logo11-act.png") no-repeat center center;
}
.firm .main .box.b12 .logo1{
    background:url("../img/logo12.png") no-repeat center center;
}
.firm .main .box.b12 .logo2{
    background:url("../img/logo12-act.png") no-repeat center center;
}
.firm .main .box.b13 .logo1{
    background:url("../img/logo13.png") no-repeat center center;
}
.firm .main .box.b13 .logo2{
    background:url("../img/logo13-act.png") no-repeat center center;
}
.firm .main .box.b14 .logo1{
    background:url("../img/logo14.png") no-repeat center center;
}
.firm .main .box.b14 .logo2{
    background:url("../img/logo14-act.png") no-repeat center center;
}
.firm .main .box.b15 .logo1{
    background:url("../img/logo15.png") no-repeat center center;
}
.firm .main .box.b15 .logo2{
    background:url("../img/logo15-act.png") no-repeat center center;
}
.firm .main .box.b16 .logo1{
    background:url("../img/logo16.png") no-repeat center center;
}
.firm .main .box.b16 .logo2{
    background:url("../img/logo16-act.png") no-repeat center center;
}
.firm .main .box.b17 .logo1{
    background:url("../img/logo17.png") no-repeat center center;
}
.firm .main .box.b17 .logo2{
    background:url("../img/logo17-act.png") no-repeat center center;
}
.firm .main .box.b18 .logo1{
    background:url("../img/logo18.png") no-repeat center center;
}
.firm .main .box.b18 .logo2{
    background:url("../img/logo18-act.png") no-repeat center center;
}
.firm .main .box.b19 .logo1{
    background:url("../img/logo19.png") no-repeat center center;
}
.firm .main .box.b19 .logo2{
    background:url("../img/logo19-act.png") no-repeat center center;
}
.firm .main .box.b20 .logo1{
    background:url("../img/logo20.png") no-repeat center center;
}
.firm .main .box.b20 .logo2{
    background:url("../img/logo20-act.png") no-repeat center center;
}
.firm .main .box.b21 .logo1{
    background:url("../img/logo21.png") no-repeat center center;
}
.firm .main .box.b21 .logo2{
    background:url("../img/logo21-act.png") no-repeat center center;
}
.firm .main .box.b22 .logo1{
    background:url("../img/logo22.png") no-repeat center center;
}
.firm .main .box.b22 .logo2{
    background:url("../img/logo22-act.png") no-repeat center center;
}
.firm .main .box.b23 .logo1{
    background:url("../img/logo23.png") no-repeat center center;
}
.firm .main .box.b23 .logo2{
    background:url("../img/logo23-act.png") no-repeat center center;
}
.firm .main .box.b24 .logo1{
    background:url("../img/logo24.png") no-repeat center center;
}
.firm .main .box.b24 .logo2{
    background:url("../img/logo24-act.png") no-repeat center center;
}
.firm .main .box:hover .logo1{
    top:-160px;
    transition:1s;
}
.firm .main .box:hover .logo2{
    top:0;
    transition:1s;
}




.part.bg11{
    height:475px;
    background:url("../img/bg11.jpg") no-repeat center;
}
.part.bg11 .main{ padding-top:430px;}

.footer{
    width:100%;
    height:130px;
    background:#222222;
}
.footer p{
    color:#999999;
    font-size:12px;
    line-height:90px;
    text-align:center;
}







.xz-analyze{

}
.xz-analyze .title{
    width:1000px;
    height:30px;
    position:relative;
    background:url("../img/xz-title.png") no-repeat center center;
}
.xz-analyze .title h1{
    font-size:30px;
    line-height:30px;
    text-align:center;
    text-indent:40px;
    color:#f9806b;
    font-weight:bold;
}
.xz-analyze .title p{
    top:0;
    font-size:40px;
    line-height:30px;
    text-align:center;
    color:#f9806b;
    position:absolute;
    font-family:'Haettenschweiler', sans-serif;
}
.xz-analyze .title p.num{
    left:422px;
}
.xz-analyze .title p.num2{
    left:422px;
}
.xz-analyze .title p.num3{
    left:385px;
}
.xz-analyze .box{
    margin:36px 0 50px;
    width:1000px;
    height:350px;
    background:#ffffff;
}

.xz-analyze .box img{
    margin-top:30px;
    margin-left:65px;
    float:left;
    display:block;
}
.xz-analyze .box .info{
    margin-left:150px;
    margin-top:60px;
    float:left;
    width:305px;
}

.xz-analyze .box .info h1{
    font-size:30px;
    font-weight:bold;
    line-height:30px;
    color:#f9806b;
}

.xz-analyze .box .info p{
    margin-top:25px;
    font-size:16px;
    line-height:30px;
    color:#323232;
    font-weight:bold;
}
.xz-analyze .box .info b{
    color:#f9806b;
    font-weight:bold;
}
.xz-analyze .box .info h2{
    font-size:14px;
    line-height:20px;
    border:1px solid #cbcbcb;
    padding:8px 10px;
    margin-top:30px;
}
.xz-analyze .box .info span{
    color:#f9806b;
}

.xz-analyze .box.b2 img{
    margin-top:40px;
    margin-right:90px;
    float:right;
}
.xz-analyze .box.b2 .info{
    margin-left:120px;
}
.xz-analyze .box.b3 img{
    margin-top:40px;
    margin-left:100px;
    float:left;
}
.xz-analyze .box.b3 .info{
    margin-left:200px;
}
.xz-analyze .box.b4 img{
    margin-top:70px;
    margin-right:154px;
    float:right;
}
.xz-analyze .box.b4 .info{
    margin-left:120px;
}


.xz-bg2{
    height:590px;
    background:url("../img/xz-bg2.jpg") no-repeat center;
}


.zx2-info img{ margin-left:20px; margin-top:20px;}


/*文字向上滚动样式*/

table{cursor: pointer;overflow: hidden;}
.table_tit { width:680px; margin:0 auto}
.table_tit{ background:#fff;margin-bottom:5px;}
.table_tit tr th{ border-right:1px solid #ccc; color:#AF1F24; height:14px; overflow:hidden}
.xibao_tit h3{color: #fff;
    font-size: 20px; position:absolute; left:85px; top:9px;}
.xibao_tit a {color: #fff;
    font-size: 12px; position:absolute; left:100px; top:40px;}
.xibao_tit p {color: #fff;
    font-size: 14px; position:absolute; left:210px; top:11px;}
.tb_di{height:20px;width:577px;margin:0 auto;background:#fff;}
.scroll{height:340px;width:976px;overflow:hidden;}
.scrollxb{ height:466px;}
.scroll .xbgdxx{ width:976px; height:340px; font-size:12px; line-height:30px; color:#333; }
.scroll .xbgdxx td{ text-align:center; background-color:#FFF; height:30px; line-height:30px; }
.s_new_xz a{color:#ff9415; text-decoration:none;}
.s_new_xz a:hover{ text-decoration:none;}
.jyxbtable .sy_xb_tr  td{ color:#fff;font-size:14px; text-align:center; height:30px; overflow:hidden; line-height:30px; background-color:#06558f; }
.jyxbtable .sy_xb_tr  {  height:30px; }
.jyxbtable{width:1000px;margin:0 auto}

.thank-con{width:100%;margin:0}
.thank-con .hot{margin:12px 10px 10px 15px; width:315px; float:left; height:110px;}
.thank-con ul { height:200px; clear:both; }
.thank-con ul li{ float:left; width:310px;margin:0 0 0 15px;}
.thank-con{ overflow:hidden}
.sjly{
    margin-top:2px;
    padding:0 10px;
    height:21px;
    line-height:21px;
    color:#ffffff;
    display:block;
    background-color:#445e73;
}
/*文字向上滚动样式结束*/


.xz-bg5{
    height:215px;
    background:url("../img/xz-bg5.jpg") no-repeat center;
}

.xz5-info h1{
    text-align:center;
    font-size:36px;
    line-height:120px;
    color:#222;
}

.xz5-info ul{ width:610px; margin:0 auto; height:50px;}

.xz5-info li{
    float:left;
    margin-left:16px;
    font-size:14px;

}

.xz5-info li:before{
    content:"●";
    color:#f9806b;
    padding-right:16px;

}
.btn-xz{
    margin:0 auto;
    width:360px;
    height:60px;
    line-height:60px;
    color:#fff;
    background:#f9806b;
    font-size:20px;
    text-align:center;
    display:block;
    transition:0.5s;
    border:1px solid #f9806b;
    border-radius:10px;
}
.btn-xz:hover{
    transition:0.5s;
    color:#f9806b;
    background:#ffffff;
}



.xz-multi h1{
    font-size:16px;
    line-height:24px;
    color:#888888;
}
.tab-ul3{
    float:left;
    width:100px;
}
.tab-ul3 li{
    margin-bottom:10px;
    width:86px;
    height:86px;
    line-height:86px;
    text-align:center;
    font-size:24px;
    color:#f9806b;
    position:relative;
    border:1px solid #585858;
}
.tab-ul3 li img{
    top:36px;
    left:87px;
    display:none;
    position:absolute;
}
.tab-ul3 li.selected{
    color:#fff;
    background:#f9806b;
    border:1px solid #f9806b;
}
.tab-ul3 li.selected img{
    display:block;
}
.tab-box3{
    float:left;
    width:898px;
    height:481px;
    overflow:hidden;
    border:1px solid #ffffff;
}
.tab-box3 > div{
    width:898px;
    height:474px;
    overflow:hidden;
}
.tab-box3 div .info{
    float:left;
    margin-top:80px;
    margin-left:65px;
    width:305px;
}
.tab-box3 div .info h1{
    font-size:40px;
    font-weight:bold;
    line-height:46px;
    color:#f9806b;
    text-align:right;
}
.tab-box3 div .info p{
    margin-top:30px;
    font-size:16px;
    line-height:26px;
    color:#ffffff;
    text-align:right;
}
.tab-box3 div .info a{
    margin-top:10px;
    float:right;;
    width:99px;
    height:30px;
    line-height:30px;
    color:#ffffff;
    display:block;
    text-align:center;
    background:#f9806b;
}
.tab-box3 div img{
    margin-top:10px;
    margin-right:10px;
    float:right;
}
.xz-speech{
    width:1016px;
    padding-bottom:50px;
}
.xz-speech .box{
    margin-right:16px;
    float:left;
    width:238px;
    height:425px;
    background:#ffffff;
}
.xz-speech .box img{
    margin:33px auto 0;
    padding-bottom:30px;
    width:126px;
    height:126px;
    display:block;
    border-bottom:1px solid #ec1c32;
}
.xz-speech .box h1{
    margin-top:37px;
    font-size:18px;
    line-height:18px;
    text-align:center;
}
.xz-speech .box p{
    margin:12px auto 0;
    line-height:26px;
    color:#8a8a8a;
    width:190px;
    text-align:center;
}
.btn.c2{
    color:#ec1c32;
    border:1px solid #ec1c32;
}
.btn.c2:hover{
    color:#ffffff;
    background:#ec1c32;
}


.xz-bg8{
    height:368px;
    background:url("../img/xz-bg8.jpg") no-repeat center;
}


.xz8-info h1{
    text-align:center;
    font-size:60px;
    line-height:120px;
    color:#fff;
    padding-top:120px;
}
.xz8-info h1 b{ color:#f9806b;}

.xz8-info h2{
    text-align:center;
    font-size:30px;
    line-height:30px;
    color:#fff;
}


.fixbox{
    bottom:0;
    width:100%;
    height:70px;
    line-height:70px;
    position:fixed;
    z-index:999;
    background:#222222;
    background:rgba(0,0,0,0.8);
}
.fixbox-main{
    width:1000px;
    margin-left:10%;
}
.fixbox-main p{
    margin-right:24px;
    float:left;
    font-size:18px;
    color:#ffffff;
    padding-top:10px;
    line-height:24px;
}
.fixbox-main p span{ color:#ffc000;}

.fixbox-main input{
    float:left;
}
.fixbox-main input.text{
    margin-right:10px;
    margin-top:20px;
    width:150px;
    height:30px;
    line-height:30px;
    background:#ffffff;
    border:none;
}
.fixbox-main input.submit{
    margin-left:10px;
    margin-top:15px;
    width:150px;
    height:40px;
    cursor:pointer;
    background:url("../img/submit.png") no-repeat center top;
    border:none;
}


/*animate.css*/
@charset "UTF-8";

.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.animated.infinite {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}

.animated.hinge {
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
}

@-webkit-keyframes bounce {
    0%, 20%, 50%, 80%, 100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

    40% {
        -webkit-transform: translateY(-30px);
        transform: translateY(-30px);
    }

    60% {
        -webkit-transform: translateY(-15px);
        transform: translateY(-15px);
    }
}

@keyframes bounce {
    0%, 20%, 50%, 80%, 100% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }

    40% {
        -webkit-transform: translateY(-30px);
        -ms-transform: translateY(-30px);
        transform: translateY(-30px);
    }

    60% {
        -webkit-transform: translateY(-15px);
        -ms-transform: translateY(-15px);
        transform: translateY(-15px);
    }
}

.bounce {
    -webkit-animation-name: bounce;
    animation-name: bounce;
}

@-webkit-keyframes flash {
    0%, 50%, 100% {
        opacity: 1;
    }

    25%, 75% {
        opacity: 0;
    }
}

@keyframes flash {
    0%, 50%, 100% {
        opacity: 1;
    }

    25%, 75% {
        opacity: 0;
    }
}

.flash {
    -webkit-animation-name: flash;
    animation-name: flash;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes pulse {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    50% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@keyframes pulse {
    0% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }

    50% {
        -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1);
    }

    100% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }
}

.pulse {
    -webkit-animation-name: pulse;
    animation-name: pulse;
}

@-webkit-keyframes rubberBand {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    30% {
        -webkit-transform: scaleX(1.25) scaleY(0.75);
        transform: scaleX(1.25) scaleY(0.75);
    }

    40% {
        -webkit-transform: scaleX(0.75) scaleY(1.25);
        transform: scaleX(0.75) scaleY(1.25);
    }

    60% {
        -webkit-transform: scaleX(1.15) scaleY(0.85);
        transform: scaleX(1.15) scaleY(0.85);
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@keyframes rubberBand {
    0% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }

    30% {
        -webkit-transform: scaleX(1.25) scaleY(0.75);
        -ms-transform: scaleX(1.25) scaleY(0.75);
        transform: scaleX(1.25) scaleY(0.75);
    }

    40% {
        -webkit-transform: scaleX(0.75) scaleY(1.25);
        -ms-transform: scaleX(0.75) scaleY(1.25);
        transform: scaleX(0.75) scaleY(1.25);
    }

    60% {
        -webkit-transform: scaleX(1.15) scaleY(0.85);
        -ms-transform: scaleX(1.15) scaleY(0.85);
        transform: scaleX(1.15) scaleY(0.85);
    }

    100% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }
}

.rubberBand {
    -webkit-animation-name: rubberBand;
    animation-name: rubberBand;
}

@-webkit-keyframes shake {
    0%, 100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }

    10%, 30%, 50%, 70%, 90% {
        -webkit-transform: translateX(-10px);
        transform: translateX(-10px);
    }

    20%, 40%, 60%, 80% {
        -webkit-transform: translateX(10px);
        transform: translateX(10px);
    }
}

@keyframes shake {
    0%, 100% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }

    10%, 30%, 50%, 70%, 90% {
        -webkit-transform: translateX(-10px);
        -ms-transform: translateX(-10px);
        transform: translateX(-10px);
    }

    20%, 40%, 60%, 80% {
        -webkit-transform: translateX(10px);
        -ms-transform: translateX(10px);
        transform: translateX(10px);
    }
}

.shake {
    -webkit-animation-name: shake;
    animation-name: shake;
}

@-webkit-keyframes swing {
    20% {
        -webkit-transform: rotate(15deg);
        transform: rotate(15deg);
    }

    40% {
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg);
    }

    60% {
        -webkit-transform: rotate(5deg);
        transform: rotate(5deg);
    }

    80% {
        -webkit-transform: rotate(-5deg);
        transform: rotate(-5deg);
    }

    100% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
}

@keyframes swing {
    20% {
        -webkit-transform: rotate(15deg);
        -ms-transform: rotate(15deg);
        transform: rotate(15deg);
    }

    40% {
        -webkit-transform: rotate(-10deg);
        -ms-transform: rotate(-10deg);
        transform: rotate(-10deg);
    }

    60% {
        -webkit-transform: rotate(5deg);
        -ms-transform: rotate(5deg);
        transform: rotate(5deg);
    }

    80% {
        -webkit-transform: rotate(-5deg);
        -ms-transform: rotate(-5deg);
        transform: rotate(-5deg);
    }

    100% {
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
    }
}

.swing {
    -webkit-transform-origin: top center;
    -ms-transform-origin: top center;
    transform-origin: top center;
    -webkit-animation-name: swing;
    animation-name: swing;
}

@-webkit-keyframes tada {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    10%, 20% {
        -webkit-transform: scale(0.9) rotate(-3deg);
        transform: scale(0.9) rotate(-3deg);
    }

    30%, 50%, 70%, 90% {
        -webkit-transform: scale(1.1) rotate(3deg);
        transform: scale(1.1) rotate(3deg);
    }

    40%, 60%, 80% {
        -webkit-transform: scale(1.1) rotate(-3deg);
        transform: scale(1.1) rotate(-3deg);
    }

    100% {
        -webkit-transform: scale(1) rotate(0);
        transform: scale(1) rotate(0);
    }
}

@keyframes tada {
    0% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }

    10%, 20% {
        -webkit-transform: scale(0.9) rotate(-3deg);
        -ms-transform: scale(0.9) rotate(-3deg);
        transform: scale(0.9) rotate(-3deg);
    }

    30%, 50%, 70%, 90% {
        -webkit-transform: scale(1.1) rotate(3deg);
        -ms-transform: scale(1.1) rotate(3deg);
        transform: scale(1.1) rotate(3deg);
    }

    40%, 60%, 80% {
        -webkit-transform: scale(1.1) rotate(-3deg);
        -ms-transform: scale(1.1) rotate(-3deg);
        transform: scale(1.1) rotate(-3deg);
    }

    100% {
        -webkit-transform: scale(1) rotate(0);
        -ms-transform: scale(1) rotate(0);
        transform: scale(1) rotate(0);
    }
}

.tada {
    -webkit-animation-name: tada;
    animation-name: tada;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes wobble {
    0% {
        -webkit-transform: translateX(0%);
        transform: translateX(0%);
    }

    15% {
        -webkit-transform: translateX(-25%) rotate(-5deg);
        transform: translateX(-25%) rotate(-5deg);
    }

    30% {
        -webkit-transform: translateX(20%) rotate(3deg);
        transform: translateX(20%) rotate(3deg);
    }

    45% {
        -webkit-transform: translateX(-15%) rotate(-3deg);
        transform: translateX(-15%) rotate(-3deg);
    }

    60% {
        -webkit-transform: translateX(10%) rotate(2deg);
        transform: translateX(10%) rotate(2deg);
    }

    75% {
        -webkit-transform: translateX(-5%) rotate(-1deg);
        transform: translateX(-5%) rotate(-1deg);
    }

    100% {
        -webkit-transform: translateX(0%);
        transform: translateX(0%);
    }
}

@keyframes wobble {
    0% {
        -webkit-transform: translateX(0%);
        -ms-transform: translateX(0%);
        transform: translateX(0%);
    }

    15% {
        -webkit-transform: translateX(-25%) rotate(-5deg);
        -ms-transform: translateX(-25%) rotate(-5deg);
        transform: translateX(-25%) rotate(-5deg);
    }

    30% {
        -webkit-transform: translateX(20%) rotate(3deg);
        -ms-transform: translateX(20%) rotate(3deg);
        transform: translateX(20%) rotate(3deg);
    }

    45% {
        -webkit-transform: translateX(-15%) rotate(-3deg);
        -ms-transform: translateX(-15%) rotate(-3deg);
        transform: translateX(-15%) rotate(-3deg);
    }

    60% {
        -webkit-transform: translateX(10%) rotate(2deg);
        -ms-transform: translateX(10%) rotate(2deg);
        transform: translateX(10%) rotate(2deg);
    }

    75% {
        -webkit-transform: translateX(-5%) rotate(-1deg);
        -ms-transform: translateX(-5%) rotate(-1deg);
        transform: translateX(-5%) rotate(-1deg);
    }

    100% {
        -webkit-transform: translateX(0%);
        -ms-transform: translateX(0%);
        transform: translateX(0%);
    }
}

.wobble {
    -webkit-animation-name: wobble;
    animation-name: wobble;
}

@-webkit-keyframes bounceIn {
    0% {
        opacity: 0;
        -webkit-transform: scale(.3);
        transform: scale(.3);
    }

    50% {
        opacity: 1;
        -webkit-transform: scale(1.05);
        transform: scale(1.05);
    }

    70% {
        -webkit-transform: scale(.9);
        transform: scale(.9);
    }

    100% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@keyframes bounceIn {
    0% {
        opacity: 0;
        -webkit-transform: scale(.3);
        -ms-transform: scale(.3);
        transform: scale(.3);
    }

    50% {
        opacity: 1;
        -webkit-transform: scale(1.05);
        -ms-transform: scale(1.05);
        transform: scale(1.05);
    }

    70% {
        -webkit-transform: scale(.9);
        -ms-transform: scale(.9);
        transform: scale(.9);
    }

    100% {
        opacity: 1;
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }
}

.bounceIn {
    -webkit-animation-name: bounceIn;
    animation-name: bounceIn;
}

@-webkit-keyframes bounceInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        transform: translateY(-2000px);
    }

    60% {
        opacity: 1;
        -webkit-transform: translateY(30px);
        transform: translateY(30px);
    }

    80% {
        -webkit-transform: translateY(-10px);
        transform: translateY(-10px);
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes bounceInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        -ms-transform: translateY(-2000px);
        transform: translateY(-2000px);
    }

    60% {
        opacity: 1;
        -webkit-transform: translateY(30px);
        -ms-transform: translateY(30px);
        transform: translateY(30px);
    }

    80% {
        -webkit-transform: translateY(-10px);
        -ms-transform: translateY(-10px);
        transform: translateY(-10px);
    }

    100% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
}

.bounceInDown {
    -webkit-animation-name: bounceInDown;
    animation-name: bounceInDown;
}

@-webkit-keyframes bounceInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        transform: translateX(-2000px);
    }

    60% {
        opacity: 1;
        -webkit-transform: translateX(30px);
        transform: translateX(30px);
    }

    80% {
        -webkit-transform: translateX(-10px);
        transform: translateX(-10px);
    }

    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes bounceInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        -ms-transform: translateX(-2000px);
        transform: translateX(-2000px);
    }

    60% {
        opacity: 1;
        -webkit-transform: translateX(30px);
        -ms-transform: translateX(30px);
        transform: translateX(30px);
    }

    80% {
        -webkit-transform: translateX(-10px);
        -ms-transform: translateX(-10px);
        transform: translateX(-10px);
    }

    100% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }
}

.bounceInLeft {
    -webkit-animation-name: bounceInLeft;
    animation-name: bounceInLeft;
}

@-webkit-keyframes bounceInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        transform: translateX(2000px);
    }

    60% {
        opacity: 1;
        -webkit-transform: translateX(-30px);
        transform: translateX(-30px);
    }

    80% {
        -webkit-transform: translateX(10px);
        transform: translateX(10px);
    }

    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes bounceInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        -ms-transform: translateX(2000px);
        transform: translateX(2000px);
    }

    60% {
        opacity: 1;
        -webkit-transform: translateX(-30px);
        -ms-transform: translateX(-30px);
        transform: translateX(-30px);
    }

    80% {
        -webkit-transform: translateX(10px);
        -ms-transform: translateX(10px);
        transform: translateX(10px);
    }

    100% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }
}

.bounceInRight {
    -webkit-animation-name: bounceInRight;
    animation-name: bounceInRight;
}

@-webkit-keyframes bounceInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        transform: translateY(2000px);
    }

    60% {
        opacity: 1;
        -webkit-transform: translateY(-30px);
        transform: translateY(-30px);
    }

    80% {
        -webkit-transform: translateY(10px);
        transform: translateY(10px);
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes bounceInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        -ms-transform: translateY(2000px);
        transform: translateY(2000px);
    }

    60% {
        opacity: 1;
        -webkit-transform: translateY(-30px);
        -ms-transform: translateY(-30px);
        transform: translateY(-30px);
    }

    80% {
        -webkit-transform: translateY(10px);
        -ms-transform: translateY(10px);
        transform: translateY(10px);
    }

    100% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
}

.bounceInUp {
    -webkit-animation-name: bounceInUp;
    animation-name: bounceInUp;
}

@-webkit-keyframes bounceOut {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    25% {
        -webkit-transform: scale(.95);
        transform: scale(.95);
    }

    50% {
        opacity: 1;
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }

    100% {
        opacity: 0;
        -webkit-transform: scale(.3);
        transform: scale(.3);
    }
}

@keyframes bounceOut {
    0% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }

    25% {
        -webkit-transform: scale(.95);
        -ms-transform: scale(.95);
        transform: scale(.95);
    }

    50% {
        opacity: 1;
        -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1);
    }

    100% {
        opacity: 0;
        -webkit-transform: scale(.3);
        -ms-transform: scale(.3);
        transform: scale(.3);
    }
}

.bounceOut {
    -webkit-animation-name: bounceOut;
    animation-name: bounceOut;
}

@-webkit-keyframes bounceOutDown {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

    20% {
        opacity: 1;
        -webkit-transform: translateY(-20px);
        transform: translateY(-20px);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        transform: translateY(2000px);
    }
}

@keyframes bounceOutDown {
    0% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }

    20% {
        opacity: 1;
        -webkit-transform: translateY(-20px);
        -ms-transform: translateY(-20px);
        transform: translateY(-20px);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        -ms-transform: translateY(2000px);
        transform: translateY(2000px);
    }
}

.bounceOutDown {
    -webkit-animation-name: bounceOutDown;
    animation-name: bounceOutDown;
}

@-webkit-keyframes bounceOutLeft {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }

    20% {
        opacity: 1;
        -webkit-transform: translateX(20px);
        transform: translateX(20px);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        transform: translateX(-2000px);
    }
}

@keyframes bounceOutLeft {
    0% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }

    20% {
        opacity: 1;
        -webkit-transform: translateX(20px);
        -ms-transform: translateX(20px);
        transform: translateX(20px);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        -ms-transform: translateX(-2000px);
        transform: translateX(-2000px);
    }
}

.bounceOutLeft {
    -webkit-animation-name: bounceOutLeft;
    animation-name: bounceOutLeft;
}

@-webkit-keyframes bounceOutRight {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }

    20% {
        opacity: 1;
        -webkit-transform: translateX(-20px);
        transform: translateX(-20px);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        transform: translateX(2000px);
    }
}

@keyframes bounceOutRight {
    0% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }

    20% {
        opacity: 1;
        -webkit-transform: translateX(-20px);
        -ms-transform: translateX(-20px);
        transform: translateX(-20px);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        -ms-transform: translateX(2000px);
        transform: translateX(2000px);
    }
}

.bounceOutRight {
    -webkit-animation-name: bounceOutRight;
    animation-name: bounceOutRight;
}

@-webkit-keyframes bounceOutUp {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

    20% {
        opacity: 1;
        -webkit-transform: translateY(20px);
        transform: translateY(20px);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        transform: translateY(-2000px);
    }
}

@keyframes bounceOutUp {
    0% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }

    20% {
        opacity: 1;
        -webkit-transform: translateY(20px);
        -ms-transform: translateY(20px);
        transform: translateY(20px);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        -ms-transform: translateY(-2000px);
        transform: translateY(-2000px);
    }
}

.bounceOutUp {
    -webkit-animation-name: bounceOutUp;
    animation-name: bounceOutUp;
}

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

    100% {
        opacity: 1;
    }
}

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

    100% {
        opacity: 1;
    }
}

.fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
}

@-webkit-keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-20px);
        transform: translateY(-20px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-20px);
        -ms-transform: translateY(-20px);
        transform: translateY(-20px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
}

.fadeInDown {
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown;
}

@-webkit-keyframes fadeInDownBig {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        transform: translateY(-2000px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes fadeInDownBig {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        -ms-transform: translateY(-2000px);
        transform: translateY(-2000px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
}

.fadeInDownBig {
    -webkit-animation-name: fadeInDownBig;
    animation-name: fadeInDownBig;
}

@-webkit-keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-20px);
        transform: translateX(-20px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-20px);
        -ms-transform: translateX(-20px);
        transform: translateX(-20px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }
}

.fadeInLeft {
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft;
}

@-webkit-keyframes fadeInLeftBig {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        transform: translateX(-2000px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes fadeInLeftBig {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        -ms-transform: translateX(-2000px);
        transform: translateX(-2000px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }
}

.fadeInLeftBig {
    -webkit-animation-name: fadeInLeftBig;
    animation-name: fadeInLeftBig;
}

@-webkit-keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(20px);
        transform: translateX(20px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(20px);
        -ms-transform: translateX(20px);
        transform: translateX(20px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }
}

.fadeInRight {
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight;
}

@-webkit-keyframes fadeInRightBig {
    0% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        transform: translateX(2000px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes fadeInRightBig {
    0% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        -ms-transform: translateX(2000px);
        transform: translateX(2000px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }
}

.fadeInRightBig {
    -webkit-animation-name: fadeInRightBig;
    animation-name: fadeInRightBig;
}

@-webkit-keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(20px);
        transform: translateY(20px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(20px);
        -ms-transform: translateY(20px);
        transform: translateY(20px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
}

.fadeInUp {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
}

@-webkit-keyframes fadeInUpBig {
    0% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        transform: translateY(2000px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes fadeInUpBig {
    0% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        -ms-transform: translateY(2000px);
        transform: translateY(2000px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
}

.fadeInUpBig {
    -webkit-animation-name: fadeInUpBig;
    animation-name: fadeInUpBig;
}

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

    100% {
        opacity: 0;
    }
}

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

    100% {
        opacity: 0;
    }
}

.fadeOut {
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut;
}

@-webkit-keyframes fadeOutDown {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(20px);
        transform: translateY(20px);
    }
}

@keyframes fadeOutDown {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(20px);
        -ms-transform: translateY(20px);
        transform: translateY(20px);
    }
}

.fadeOutDown {
    -webkit-animation-name: fadeOutDown;
    animation-name: fadeOutDown;
}

@-webkit-keyframes fadeOutDownBig {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        transform: translateY(2000px);
    }
}

@keyframes fadeOutDownBig {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        -ms-transform: translateY(2000px);
        transform: translateY(2000px);
    }
}

.fadeOutDownBig {
    -webkit-animation-name: fadeOutDownBig;
    animation-name: fadeOutDownBig;
}

@-webkit-keyframes fadeOutLeft {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(-20px);
        transform: translateX(-20px);
    }
}

@keyframes fadeOutLeft {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(-20px);
        -ms-transform: translateX(-20px);
        transform: translateX(-20px);
    }
}

.fadeOutLeft {
    -webkit-animation-name: fadeOutLeft;
    animation-name: fadeOutLeft;
}

@-webkit-keyframes fadeOutLeftBig {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        transform: translateX(-2000px);
    }
}

@keyframes fadeOutLeftBig {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        -ms-transform: translateX(-2000px);
        transform: translateX(-2000px);
    }
}

.fadeOutLeftBig {
    -webkit-animation-name: fadeOutLeftBig;
    animation-name: fadeOutLeftBig;
}

@-webkit-keyframes fadeOutRight {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(20px);
        transform: translateX(20px);
    }
}

@keyframes fadeOutRight {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(20px);
        -ms-transform: translateX(20px);
        transform: translateX(20px);
    }
}

.fadeOutRight {
    -webkit-animation-name: fadeOutRight;
    animation-name: fadeOutRight;
}

@-webkit-keyframes fadeOutRightBig {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        transform: translateX(2000px);
    }
}

@keyframes fadeOutRightBig {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        -ms-transform: translateX(2000px);
        transform: translateX(2000px);
    }
}

.fadeOutRightBig {
    -webkit-animation-name: fadeOutRightBig;
    animation-name: fadeOutRightBig;
}

@-webkit-keyframes fadeOutUp {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(-20px);
        transform: translateY(-20px);
    }
}

@keyframes fadeOutUp {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(-20px);
        -ms-transform: translateY(-20px);
        transform: translateY(-20px);
    }
}

.fadeOutUp {
    -webkit-animation-name: fadeOutUp;
    animation-name: fadeOutUp;
}

@-webkit-keyframes fadeOutUpBig {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        transform: translateY(-2000px);
    }
}

@keyframes fadeOutUpBig {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        -ms-transform: translateY(-2000px);
        transform: translateY(-2000px);
    }
}

.fadeOutUpBig {
    -webkit-animation-name: fadeOutUpBig;
    animation-name: fadeOutUpBig;
}

@-webkit-keyframes flip {
    0% {
        -webkit-transform: perspective(400px) translateZ(0) rotateY(-360deg) scale(1);
        transform: perspective(400px) translateZ(0) rotateY(-360deg) scale(1);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }

    40% {
        -webkit-transform: perspective(400px) translateZ(150px) rotateY(-190deg) scale(1);
        transform: perspective(400px) translateZ(150px) rotateY(-190deg) scale(1);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }

    50% {
        -webkit-transform: perspective(400px) translateZ(150px) rotateY(-170deg) scale(1);
        transform: perspective(400px) translateZ(150px) rotateY(-170deg) scale(1);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }

    80% {
        -webkit-transform: perspective(400px) translateZ(0) rotateY(0deg) scale(.95);
        transform: perspective(400px) translateZ(0) rotateY(0deg) scale(.95);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }

    100% {
        -webkit-transform: perspective(400px) translateZ(0) rotateY(0deg) scale(1);
        transform: perspective(400px) translateZ(0) rotateY(0deg) scale(1);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
}

@keyframes flip {
    0% {
        -webkit-transform: perspective(400px) translateZ(0) rotateY(-360deg) scale(1);
        -ms-transform: perspective(400px) translateZ(0) rotateY(-360deg) scale(1);
        transform: perspective(400px) translateZ(0) rotateY(-360deg) scale(1);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }

    40% {
        -webkit-transform: perspective(400px) translateZ(150px) rotateY(-190deg) scale(1);
        -ms-transform: perspective(400px) translateZ(150px) rotateY(-190deg) scale(1);
        transform: perspective(400px) translateZ(150px) rotateY(-190deg) scale(1);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }

    50% {
        -webkit-transform: perspective(400px) translateZ(150px) rotateY(-170deg) scale(1);
        -ms-transform: perspective(400px) translateZ(150px) rotateY(-170deg) scale(1);
        transform: perspective(400px) translateZ(150px) rotateY(-170deg) scale(1);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }

    80% {
        -webkit-transform: perspective(400px) translateZ(0) rotateY(0deg) scale(.95);
        -ms-transform: perspective(400px) translateZ(0) rotateY(0deg) scale(.95);
        transform: perspective(400px) translateZ(0) rotateY(0deg) scale(.95);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }

    100% {
        -webkit-transform: perspective(400px) translateZ(0) rotateY(0deg) scale(1);
        -ms-transform: perspective(400px) translateZ(0) rotateY(0deg) scale(1);
        transform: perspective(400px) translateZ(0) rotateY(0deg) scale(1);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
}

.animated.flip {
    -webkit-backface-visibility: visible;
    -ms-backface-visibility: visible;
    backface-visibility: visible;
    -webkit-animation-name: flip;
    animation-name: flip;
}

@-webkit-keyframes flipInX {
    0% {
        -webkit-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg);
        opacity: 0;
    }

    40% {
        -webkit-transform: perspective(400px) rotateX(-10deg);
        transform: perspective(400px) rotateX(-10deg);
    }

    70% {
        -webkit-transform: perspective(400px) rotateX(10deg);
        transform: perspective(400px) rotateX(10deg);
    }

    100% {
        -webkit-transform: perspective(400px) rotateX(0deg);
        transform: perspective(400px) rotateX(0deg);
        opacity: 1;
    }
}

@keyframes flipInX {
    0% {
        -webkit-transform: perspective(400px) rotateX(90deg);
        -ms-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg);
        opacity: 0;
    }

    40% {
        -webkit-transform: perspective(400px) rotateX(-10deg);
        -ms-transform: perspective(400px) rotateX(-10deg);
        transform: perspective(400px) rotateX(-10deg);
    }

    70% {
        -webkit-transform: perspective(400px) rotateX(10deg);
        -ms-transform: perspective(400px) rotateX(10deg);
        transform: perspective(400px) rotateX(10deg);
    }

    100% {
        -webkit-transform: perspective(400px) rotateX(0deg);
        -ms-transform: perspective(400px) rotateX(0deg);
        transform: perspective(400px) rotateX(0deg);
        opacity: 1;
    }
}

.flipInX {
    -webkit-backface-visibility: visible !important;
    -ms-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipInX;
    animation-name: flipInX;
}

@-webkit-keyframes flipInY {
    0% {
        -webkit-transform: perspective(400px) rotateY(90deg);
        transform: perspective(400px) rotateY(90deg);
        opacity: 0;
    }

    40% {
        -webkit-transform: perspective(400px) rotateY(-10deg);
        transform: perspective(400px) rotateY(-10deg);
    }

    70% {
        -webkit-transform: perspective(400px) rotateY(10deg);
        transform: perspective(400px) rotateY(10deg);
    }

    100% {
        -webkit-transform: perspective(400px) rotateY(0deg);
        transform: perspective(400px) rotateY(0deg);
        opacity: 1;
    }
}

@keyframes flipInY {
    0% {
        -webkit-transform: perspective(400px) rotateY(90deg);
        -ms-transform: perspective(400px) rotateY(90deg);
        transform: perspective(400px) rotateY(90deg);
        opacity: 0;
    }

    40% {
        -webkit-transform: perspective(400px) rotateY(-10deg);
        -ms-transform: perspective(400px) rotateY(-10deg);
        transform: perspective(400px) rotateY(-10deg);
    }

    70% {
        -webkit-transform: perspective(400px) rotateY(10deg);
        -ms-transform: perspective(400px) rotateY(10deg);
        transform: perspective(400px) rotateY(10deg);
    }

    100% {
        -webkit-transform: perspective(400px) rotateY(0deg);
        -ms-transform: perspective(400px) rotateY(0deg);
        transform: perspective(400px) rotateY(0deg);
        opacity: 1;
    }
}

.flipInY {
    -webkit-backface-visibility: visible !important;
    -ms-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipInY;
    animation-name: flipInY;
}

@-webkit-keyframes flipOutX {
    0% {
        -webkit-transform: perspective(400px) rotateX(0deg);
        transform: perspective(400px) rotateX(0deg);
        opacity: 1;
    }

    100% {
        -webkit-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg);
        opacity: 0;
    }
}

@keyframes flipOutX {
    0% {
        -webkit-transform: perspective(400px) rotateX(0deg);
        -ms-transform: perspective(400px) rotateX(0deg);
        transform: perspective(400px) rotateX(0deg);
        opacity: 1;
    }

    100% {
        -webkit-transform: perspective(400px) rotateX(90deg);
        -ms-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg);
        opacity: 0;
    }
}

.flipOutX {
    -webkit-animation-name: flipOutX;
    animation-name: flipOutX;
    -webkit-backface-visibility: visible !important;
    -ms-backface-visibility: visible !important;
    backface-visibility: visible !important;
}

@-webkit-keyframes flipOutY {
    0% {
        -webkit-transform: perspective(400px) rotateY(0deg);
        transform: perspective(400px) rotateY(0deg);
        opacity: 1;
    }

    100% {
        -webkit-transform: perspective(400px) rotateY(90deg);
        transform: perspective(400px) rotateY(90deg);
        opacity: 0;
    }
}

@keyframes flipOutY {
    0% {
        -webkit-transform: perspective(400px) rotateY(0deg);
        -ms-transform: perspective(400px) rotateY(0deg);
        transform: perspective(400px) rotateY(0deg);
        opacity: 1;
    }

    100% {
        -webkit-transform: perspective(400px) rotateY(90deg);
        -ms-transform: perspective(400px) rotateY(90deg);
        transform: perspective(400px) rotateY(90deg);
        opacity: 0;
    }
}

.flipOutY {
    -webkit-backface-visibility: visible !important;
    -ms-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipOutY;
    animation-name: flipOutY;
}

@-webkit-keyframes lightSpeedIn {
    0% {
        -webkit-transform: translateX(100%) skewX(-30deg);
        transform: translateX(100%) skewX(-30deg);
        opacity: 0;
    }

    60% {
        -webkit-transform: translateX(-20%) skewX(30deg);
        transform: translateX(-20%) skewX(30deg);
        opacity: 1;
    }

    80% {
        -webkit-transform: translateX(0%) skewX(-15deg);
        transform: translateX(0%) skewX(-15deg);
        opacity: 1;
    }

    100% {
        -webkit-transform: translateX(0%) skewX(0deg);
        transform: translateX(0%) skewX(0deg);
        opacity: 1;
    }
}

@keyframes lightSpeedIn {
    0% {
        -webkit-transform: translateX(100%) skewX(-30deg);
        -ms-transform: translateX(100%) skewX(-30deg);
        transform: translateX(100%) skewX(-30deg);
        opacity: 0;
    }

    60% {
        -webkit-transform: translateX(-20%) skewX(30deg);
        -ms-transform: translateX(-20%) skewX(30deg);
        transform: translateX(-20%) skewX(30deg);
        opacity: 1;
    }

    80% {
        -webkit-transform: translateX(0%) skewX(-15deg);
        -ms-transform: translateX(0%) skewX(-15deg);
        transform: translateX(0%) skewX(-15deg);
        opacity: 1;
    }

    100% {
        -webkit-transform: translateX(0%) skewX(0deg);
        -ms-transform: translateX(0%) skewX(0deg);
        transform: translateX(0%) skewX(0deg);
        opacity: 1;
    }
}

.lightSpeedIn {
    -webkit-animation-name: lightSpeedIn;
    animation-name: lightSpeedIn;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
}

@-webkit-keyframes lightSpeedOut {
    0% {
        -webkit-transform: translateX(0%) skewX(0deg);
        transform: translateX(0%) skewX(0deg);
        opacity: 1;
    }

    100% {
        -webkit-transform: translateX(100%) skewX(-30deg);
        transform: translateX(100%) skewX(-30deg);
        opacity: 0;
    }
}

@keyframes lightSpeedOut {
    0% {
        -webkit-transform: translateX(0%) skewX(0deg);
        -ms-transform: translateX(0%) skewX(0deg);
        transform: translateX(0%) skewX(0deg);
        opacity: 1;
    }

    100% {
        -webkit-transform: translateX(100%) skewX(-30deg);
        -ms-transform: translateX(100%) skewX(-30deg);
        transform: translateX(100%) skewX(-30deg);
        opacity: 0;
    }
}

.lightSpeedOut {
    -webkit-animation-name: lightSpeedOut;
    animation-name: lightSpeedOut;
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
}

@-webkit-keyframes rotateIn {
    0% {
        -webkit-transform-origin: center center;
        transform-origin: center center;
        -webkit-transform: rotate(-200deg);
        transform: rotate(-200deg);
        opacity: 0;
    }

    100% {
        -webkit-transform-origin: center center;
        transform-origin: center center;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
    }
}

@keyframes rotateIn {
    0% {
        -webkit-transform-origin: center center;
        -ms-transform-origin: center center;
        transform-origin: center center;
        -webkit-transform: rotate(-200deg);
        -ms-transform: rotate(-200deg);
        transform: rotate(-200deg);
        opacity: 0;
    }

    100% {
        -webkit-transform-origin: center center;
        -ms-transform-origin: center center;
        transform-origin: center center;
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
    }
}

.rotateIn {
    -webkit-animation-name: rotateIn;
    animation-name: rotateIn;
}

@-webkit-keyframes rotateInDownLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0;
    }

    100% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
    }
}

@keyframes rotateInDownLeft {
    0% {
        -webkit-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0;
    }

    100% {
        -webkit-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
    }
}

.rotateInDownLeft {
    -webkit-animation-name: rotateInDownLeft;
    animation-name: rotateInDownLeft;
}

@-webkit-keyframes rotateInDownRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0;
    }

    100% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
    }
}

@keyframes rotateInDownRight {
    0% {
        -webkit-transform-origin: right bottom;
        -ms-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0;
    }

    100% {
        -webkit-transform-origin: right bottom;
        -ms-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
    }
}

.rotateInDownRight {
    -webkit-animation-name: rotateInDownRight;
    animation-name: rotateInDownRight;
}

@-webkit-keyframes rotateInUpLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0;
    }

    100% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
    }
}

@keyframes rotateInUpLeft {
    0% {
        -webkit-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0;
    }

    100% {
        -webkit-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
    }
}

.rotateInUpLeft {
    -webkit-animation-name: rotateInUpLeft;
    animation-name: rotateInUpLeft;
}

@-webkit-keyframes rotateInUpRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0;
    }

    100% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
    }
}

@keyframes rotateInUpRight {
    0% {
        -webkit-transform-origin: right bottom;
        -ms-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0;
    }

    100% {
        -webkit-transform-origin: right bottom;
        -ms-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
    }
}

.rotateInUpRight {
    -webkit-animation-name: rotateInUpRight;
    animation-name: rotateInUpRight;
}

@-webkit-keyframes rotateOut {
    0% {
        -webkit-transform-origin: center center;
        transform-origin: center center;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
    }

    100% {
        -webkit-transform-origin: center center;
        transform-origin: center center;
        -webkit-transform: rotate(200deg);
        transform: rotate(200deg);
        opacity: 0;
    }
}

@keyframes rotateOut {
    0% {
        -webkit-transform-origin: center center;
        -ms-transform-origin: center center;
        transform-origin: center center;
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
    }

    100% {
        -webkit-transform-origin: center center;
        -ms-transform-origin: center center;
        transform-origin: center center;
        -webkit-transform: rotate(200deg);
        -ms-transform: rotate(200deg);
        transform: rotate(200deg);
        opacity: 0;
    }
}

.rotateOut {
    -webkit-animation-name: rotateOut;
    animation-name: rotateOut;
}

@-webkit-keyframes rotateOutDownLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
    }

    100% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0;
    }
}

@keyframes rotateOutDownLeft {
    0% {
        -webkit-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
    }

    100% {
        -webkit-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0;
    }
}

.rotateOutDownLeft {
    -webkit-animation-name: rotateOutDownLeft;
    animation-name: rotateOutDownLeft;
}

@-webkit-keyframes rotateOutDownRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
    }

    100% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0;
    }
}

@keyframes rotateOutDownRight {
    0% {
        -webkit-transform-origin: right bottom;
        -ms-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
    }

    100% {
        -webkit-transform-origin: right bottom;
        -ms-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0;
    }
}

.rotateOutDownRight {
    -webkit-animation-name: rotateOutDownRight;
    animation-name: rotateOutDownRight;
}

@-webkit-keyframes rotateOutUpLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
    }

    100% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0;
    }
}

@keyframes rotateOutUpLeft {
    0% {
        -webkit-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
    }

    100% {
        -webkit-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0;
    }
}

.rotateOutUpLeft {
    -webkit-animation-name: rotateOutUpLeft;
    animation-name: rotateOutUpLeft;
}

@-webkit-keyframes rotateOutUpRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
    }

    100% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0;
    }
}

@keyframes rotateOutUpRight {
    0% {
        -webkit-transform-origin: right bottom;
        -ms-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
    }

    100% {
        -webkit-transform-origin: right bottom;
        -ms-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0;
    }
}

.rotateOutUpRight {
    -webkit-animation-name: rotateOutUpRight;
    animation-name: rotateOutUpRight;
}

@-webkit-keyframes slideInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        transform: translateY(-2000px);
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes slideInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        -ms-transform: translateY(-2000px);
        transform: translateY(-2000px);
    }

    100% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
}

.slideInDown {
    -webkit-animation-name: slideInDown;
    animation-name: slideInDown;
}

@-webkit-keyframes slideInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        transform: translateX(-2000px);
    }

    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes slideInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        -ms-transform: translateX(-2000px);
        transform: translateX(-2000px);
    }

    100% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }
}

.slideInLeft {
    -webkit-animation-name: slideInLeft;
    animation-name: slideInLeft;
}

@-webkit-keyframes slideInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        transform: translateX(2000px);
    }

    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes slideInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        -ms-transform: translateX(2000px);
        transform: translateX(2000px);
    }

    100% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }
}

.slideInRight {
    -webkit-animation-name: slideInRight;
    animation-name: slideInRight;
}

@-webkit-keyframes slideOutLeft {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        transform: translateX(-2000px);
    }
}

@keyframes slideOutLeft {
    0% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        -ms-transform: translateX(-2000px);
        transform: translateX(-2000px);
    }
}

.slideOutLeft {
    -webkit-animation-name: slideOutLeft;
    animation-name: slideOutLeft;
}

@-webkit-keyframes slideOutRight {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        transform: translateX(2000px);
    }
}

@keyframes slideOutRight {
    0% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        -ms-transform: translateX(2000px);
        transform: translateX(2000px);
    }
}

.slideOutRight {
    -webkit-animation-name: slideOutRight;
    animation-name: slideOutRight;
}

@-webkit-keyframes slideOutUp {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        transform: translateY(-2000px);
    }
}

@keyframes slideOutUp {
    0% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        -ms-transform: translateY(-2000px);
        transform: translateY(-2000px);
    }
}

.slideOutUp {
    -webkit-animation-name: slideOutUp;
    animation-name: slideOutUp;
}

@-webkit-keyframes slideInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        transform: translateY(2000px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes slideInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        -ms-transform: translateY(2000px);
        transform: translateY(2000px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
}

.slideInUp {
    -webkit-animation-name: slideInUp;
    animation-name: slideInUp;
}

@-webkit-keyframes slideOutDown {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        transform: translateY(2000px);
    }
}

@keyframes slideOutDown {
    0% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        -ms-transform: translateY(2000px);
        transform: translateY(2000px);
    }
}

.slideOutDown {
    -webkit-animation-name: slideOutDown;
    animation-name: slideOutDown;
}

@-webkit-keyframes hinge {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }

    20%, 60% {
        -webkit-transform: rotate(80deg);
        transform: rotate(80deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }

    40% {
        -webkit-transform: rotate(60deg);
        transform: rotate(60deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }

    80% {
        -webkit-transform: rotate(60deg) translateY(0);
        transform: rotate(60deg) translateY(0);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        opacity: 1;
    }

    100% {
        -webkit-transform: translateY(700px);
        transform: translateY(700px);
        opacity: 0;
    }
}

@keyframes hinge {
    0% {
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        -webkit-transform-origin: top left;
        -ms-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }

    20%, 60% {
        -webkit-transform: rotate(80deg);
        -ms-transform: rotate(80deg);
        transform: rotate(80deg);
        -webkit-transform-origin: top left;
        -ms-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }

    40% {
        -webkit-transform: rotate(60deg);
        -ms-transform: rotate(60deg);
        transform: rotate(60deg);
        -webkit-transform-origin: top left;
        -ms-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }

    80% {
        -webkit-transform: rotate(60deg) translateY(0);
        -ms-transform: rotate(60deg) translateY(0);
        transform: rotate(60deg) translateY(0);
        -webkit-transform-origin: top left;
        -ms-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        opacity: 1;
    }

    100% {
        -webkit-transform: translateY(700px);
        -ms-transform: translateY(700px);
        transform: translateY(700px);
        opacity: 0;
    }
}

.hinge {
    -webkit-animation-name: hinge;
    animation-name: hinge;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes rollIn {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-100%) rotate(-120deg);
        transform: translateX(-100%) rotate(-120deg);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0px) rotate(0deg);
        transform: translateX(0px) rotate(0deg);
    }
}

@keyframes rollIn {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-100%) rotate(-120deg);
        -ms-transform: translateX(-100%) rotate(-120deg);
        transform: translateX(-100%) rotate(-120deg);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0px) rotate(0deg);
        -ms-transform: translateX(0px) rotate(0deg);
        transform: translateX(0px) rotate(0deg);
    }
}

.rollIn {
    -webkit-animation-name: rollIn;
    animation-name: rollIn;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes rollOut {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0px) rotate(0deg);
        transform: translateX(0px) rotate(0deg);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(100%) rotate(120deg);
        transform: translateX(100%) rotate(120deg);
    }
}

@keyframes rollOut {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0px) rotate(0deg);
        -ms-transform: translateX(0px) rotate(0deg);
        transform: translateX(0px) rotate(0deg);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(100%) rotate(120deg);
        -ms-transform: translateX(100%) rotate(120deg);
        transform: translateX(100%) rotate(120deg);
    }
}

.rollOut {
    -webkit-animation-name: rollOut;
    animation-name: rollOut;
}

@-webkit-keyframes zoomIn {
    0% {
        opacity: 0;
        -webkit-transform: scale(.3);
        transform: scale(.3);
    }

    50% {
        opacity: 1;
    }
}

@keyframes zoomIn {
    0% {
        opacity: 0;
        -webkit-transform: scale(.3);
        -ms-transform: scale(.3);
        transform: scale(.3);
    }

    50% {
        opacity: 1;
    }
}

.zoomIn {
    -webkit-animation-name: zoomIn;
    animation-name: zoomIn;
}

@-webkit-keyframes zoomInDown {
    0% {
        opacity: 0;
        -webkit-transform: scale(.1) translateY(-2000px);
        transform: scale(.1) translateY(-2000px);
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }

    60% {
        opacity: 1;
        -webkit-transform: scale(.475) translateY(60px);
        transform: scale(.475) translateY(60px);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }
}

@keyframes zoomInDown {
    0% {
        opacity: 0;
        -webkit-transform: scale(.1) translateY(-2000px);
        -ms-transform: scale(.1) translateY(-2000px);
        transform: scale(.1) translateY(-2000px);
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }

    60% {
        opacity: 1;
        -webkit-transform: scale(.475) translateY(60px);
        -ms-transform: scale(.475) translateY(60px);
        transform: scale(.475) translateY(60px);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }
}

.zoomInDown {
    -webkit-animation-name: zoomInDown;
    animation-name: zoomInDown;
}

@-webkit-keyframes zoomInLeft {
    0% {
        opacity: 0;
        -webkit-transform: scale(.1) translateX(-2000px);
        transform: scale(.1) translateX(-2000px);
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }

    60% {
        opacity: 1;
        -webkit-transform: scale(.475) translateX(48px);
        transform: scale(.475) translateX(48px);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }
}

@keyframes zoomInLeft {
    0% {
        opacity: 0;
        -webkit-transform: scale(.1) translateX(-2000px);
        -ms-transform: scale(.1) translateX(-2000px);
        transform: scale(.1) translateX(-2000px);
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }

    60% {
        opacity: 1;
        -webkit-transform: scale(.475) translateX(48px);
        -ms-transform: scale(.475) translateX(48px);
        transform: scale(.475) translateX(48px);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }
}

.zoomInLeft {
    -webkit-animation-name: zoomInLeft;
    animation-name: zoomInLeft;
}

@-webkit-keyframes zoomInRight {
    0% {
        opacity: 0;
        -webkit-transform: scale(.1) translateX(2000px);
        transform: scale(.1) translateX(2000px);
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }

    60% {
        opacity: 1;
        -webkit-transform: scale(.475) translateX(-48px);
        transform: scale(.475) translateX(-48px);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }
}

@keyframes zoomInRight {
    0% {
        opacity: 0;
        -webkit-transform: scale(.1) translateX(2000px);
        -ms-transform: scale(.1) translateX(2000px);
        transform: scale(.1) translateX(2000px);
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }

    60% {
        opacity: 1;
        -webkit-transform: scale(.475) translateX(-48px);
        -ms-transform: scale(.475) translateX(-48px);
        transform: scale(.475) translateX(-48px);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }
}

.zoomInRight {
    -webkit-animation-name: zoomInRight;
    animation-name: zoomInRight;
}

@-webkit-keyframes zoomInUp {
    0% {
        opacity: 0;
        -webkit-transform: scale(.1) translateY(2000px);
        transform: scale(.1) translateY(2000px);
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }

    60% {
        opacity: 1;
        -webkit-transform: scale(.475) translateY(-60px);
        transform: scale(.475) translateY(-60px);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }
}

@keyframes zoomInUp {
    0% {
        opacity: 0;
        -webkit-transform: scale(.1) translateY(2000px);
        -ms-transform: scale(.1) translateY(2000px);
        transform: scale(.1) translateY(2000px);
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }

    60% {
        opacity: 1;
        -webkit-transform: scale(.475) translateY(-60px);
        -ms-transform: scale(.475) translateY(-60px);
        transform: scale(.475) translateY(-60px);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }
}

.zoomInUp {
    -webkit-animation-name: zoomInUp;
    animation-name: zoomInUp;
}

@-webkit-keyframes zoomOut {
    0% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    50% {
        opacity: 0;
        -webkit-transform: scale(.3);
        transform: scale(.3);
    }

    100% {
        opacity: 0;
    }
}

@keyframes zoomOut {
    0% {
        opacity: 1;
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }

    50% {
        opacity: 0;
        -webkit-transform: scale(.3);
        -ms-transform: scale(.3);
        transform: scale(.3);
    }

    100% {
        opacity: 0;
    }
}

.zoomOut {
    -webkit-animation-name: zoomOut;
    animation-name: zoomOut;
}

@-webkit-keyframes zoomOutDown {
    40% {
        opacity: 1;
        -webkit-transform: scale(.475) translateY(-60px);
        transform: scale(.475) translateY(-60px);
        -webkit-animation-timing-function: linear;
        animation-timing-function: linear;
    }

    100% {
        opacity: 0;
        -webkit-transform: scale(.1) translateY(2000px);
        transform: scale(.1) translateY(2000px);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
    }
}

@keyframes zoomOutDown {
    40% {
        opacity: 1;
        -webkit-transform: scale(.475) translateY(-60px);
        -ms-transform: scale(.475) translateY(-60px);
        transform: scale(.475) translateY(-60px);
        -webkit-animation-timing-function: linear;
        animation-timing-function: linear;
    }

    100% {
        opacity: 0;
        -webkit-transform: scale(.1) translateY(2000px);
        -ms-transform: scale(.1) translateY(2000px);
        transform: scale(.1) translateY(2000px);
        -webkit-transform-origin: center bottom;
        -ms-transform-origin: center bottom;
        transform-origin: center bottom;
    }
}

.zoomOutDown {
    -webkit-animation-name: zoomOutDown;
    animation-name: zoomOutDown;
}

@-webkit-keyframes zoomOutLeft {
    40% {
        opacity: 1;
        -webkit-transform: scale(.475) translateX(42px);
        transform: scale(.475) translateX(42px);
        -webkit-animation-timing-function: linear;
        animation-timing-function: linear;
    }

    100% {
        opacity: 0;
        -webkit-transform: scale(.1) translateX(-2000px);
        transform: scale(.1) translateX(-2000px);
        -webkit-transform-origin: left center;
        transform-origin: left center;
    }
}

@keyframes zoomOutLeft {
    40% {
        opacity: 1;
        -webkit-transform: scale(.475) translateX(42px);
        -ms-transform: scale(.475) translateX(42px);
        transform: scale(.475) translateX(42px);
        -webkit-animation-timing-function: linear;
        animation-timing-function: linear;
    }

    100% {
        opacity: 0;
        -webkit-transform: scale(.1) translateX(-2000px);
        -ms-transform: scale(.1) translateX(-2000px);
        transform: scale(.1) translateX(-2000px);
        -webkit-transform-origin: left center;
        -ms-transform-origin: left center;
        transform-origin: left center;
    }
}

.zoomOutLeft {
    -webkit-animation-name: zoomOutLeft;
    animation-name: zoomOutLeft;
}

@-webkit-keyframes zoomOutRight {
    40% {
        opacity: 1;
        -webkit-transform: scale(.475) translateX(-42px);
        transform: scale(.475) translateX(-42px);
        -webkit-animation-timing-function: linear;
        animation-timing-function: linear;
    }

    100% {
        opacity: 0;
        -webkit-transform: scale(.1) translateX(2000px);
        transform: scale(.1) translateX(2000px);
        -webkit-transform-origin: right center;
        transform-origin: right center;
    }
}

@keyframes zoomOutRight {
    40% {
        opacity: 1;
        -webkit-transform: scale(.475) translateX(-42px);
        -ms-transform: scale(.475) translateX(-42px);
        transform: scale(.475) translateX(-42px);
        -webkit-animation-timing-function: linear;
        animation-timing-function: linear;
    }

    100% {
        opacity: 0;
        -webkit-transform: scale(.1) translateX(2000px);
        -ms-transform: scale(.1) translateX(2000px);
        transform: scale(.1) translateX(2000px);
        -webkit-transform-origin: right center;
        -ms-transform-origin: right center;
        transform-origin: right center;
    }
}

.zoomOutRight {
    -webkit-animation-name: zoomOutRight;
    animation-name: zoomOutRight;
}

@-webkit-keyframes zoomOutUp {
    40% {
        opacity: 1;
        -webkit-transform: scale(.475) translateY(60px);
        transform: scale(.475) translateY(60px);
        -webkit-animation-timing-function: linear;
        animation-timing-function: linear;
    }

    100% {
        opacity: 0;
        -webkit-transform: scale(.1) translateY(-2000px);
        transform: scale(.1) translateY(-2000px);
        -webkit-transform-origin: center top;
        transform-origin: center top;
    }
}

@keyframes zoomOutUp {
    40% {
        opacity: 1;
        -webkit-transform: scale(.475) translateY(60px);
        -ms-transform: scale(.475) translateY(60px);
        transform: scale(.475) translateY(60px);
        -webkit-animation-timing-function: linear;
        animation-timing-function: linear;
    }

    100% {
        opacity: 0;
        -webkit-transform: scale(.1) translateY(-2000px);
        -ms-transform: scale(.1) translateY(-2000px);
        transform: scale(.1) translateY(-2000px);
        -webkit-transform-origin: center top;
        -ms-transform-origin: center top;
        transform-origin: center top;
    }
}

.zoomOutUp {
    -webkit-animation-name: zoomOutUp;
    animation-name: zoomOutUp;
}

/*baoxian*/
.bx_banner_box{
    width:100%;
    margin: 10px auto;
    background: -webkit-gradient(linear,0 0,100% 100%,from(#353541), to(#2f2f3b));
    background: -moz-linear-gradient(left,#353541,#2f2f3b);
    background:-o-linear-gradient(left,#353541,#2f2f3b);
}
.bx_banner_box  img{
    max-width:100%;
    display: block;
    margin:0 auto;
}
.top{
    left:10px;
    bottom:10px;
    width:50px;
    height:50px;
    z-index:9999;
    cursor:pointer;
    position:fixed;
}
        #hz6d_cname_mini_div{
            text-align:left;
        }