html,body,ul,li,ol,dl,dd,dt,p,h1,h2,h3,h4,h5,h6,form,fieldset,legend,table,img,label,abbr,object{margin:0;padding:0;background:transparent;border:0;outline:0;}
html{-webkit-text-size-adjust:none; overflow-x:hidden;}
object{line-height:1%}
a{hide-focus:expression(this.hideFocus=true); outline:none;text-decoration: none;}
a:focus{-moz-outline-style:none;}
body{ font:12px/1.5 Microsoft YaHei,tahoma,arial,ËÎÌå,sans-serif; color:#221d11; background: #292929;}
.wraper{width:100%; height: 1200px; min-width:1000px; overflow: hidden; position: relative; margin-top: 32px; background: #000;}
.pr{position:relative;z-index:0;}
em{font-style:normal;}
img{vertical-align:top;border:0;}
.clearfix{display:block}
.clearfix:after{content:".";display:block;height:0;visibility:hidden;clear:both}
.clearfix{zoom:1}
.l{float:left}
.r{float:right}
.none{ display: none;}
.link{position:absolute;background:url(about:blank);text-indent:-999em;overflow:hidden;display:block;}
#obindex{ width: 150px; height: 105px; top: 12px; left: 50px;}
.loading{ width: 100%; height: 100%; position: fixed; background:#000; z-index:20; font-size: 18px; color: #cfd1cc;}
.loading .box{ width:96px; height:190px; margin: 0 auto; position: relative; top: 35%; background: url(../images/loading_2.jpg) no-repeat;}
.loading .box .img{ width:96px; position: absolute; top: 0; bottom: 0; background: url(../images/loading_1.jpg) no-repeat;}
.loading .box p{ position: absolute; top: 200px; left: 0;}
.main{ width: 100%; height: 1200px; background: url(../images/bg_main.jpg) center top; position: relative;}
.pg1{ width: 100%; height: 1200px; background: url(../images/bg_pg1.jpg) center top; position: relative;}
.pg2{ width: 100%; height: 1200px; background: url(../images/bg_pg2.jpg) center top; position: relative;}
.pg3{ width: 100%; height: 1200px; background: url(../images/bg_pg3.jpg) center top; position: relative;}
.pg4{ width: 100%; height: 1200px; background: url(../images/bg_pg4.jpg) center top; position: relative;}
.content,.navbox{ width: 1000px; margin: 0 auto; position: relative;}
.navbox{ z-index: 11;}
.main .logo{ width: 140px; height: 87px; background: url(../images/logo.png) center top; top: 14px; left: 430px; opacity: 0;}
.main .slogen{ width: 663px; height: 169px; background: url(../images/slogen.png) center top; top: 489px; left: 169px;}
.main .time{ width: 221px; height: 69px; background: url(../images/time.png) center top; top: 648px; left: 392px;}
.main .video{ width: 52px; height: 52px; background: url(../images/video.png) center top; top: 720px; left: 473px; z-index: 16;}
.main .logo,.main .slogen,.main .time,.main .video{ text-indent: -9999px; position: absolute;}
.page .pg{ display: none;}
.wraper .nav a{ width: 136px; height: 119px; display: block; position: absolute;}
.wraper .nav a span{ width: 136px; height: 119px; display: block; text-indent: -9999px;}
.nav1 .nav{ width: 622px; height: 165px; position: absolute; top: 741px; left: 189px; z-index: 9;}
.nav1 .nav .n1{ left: 0; top: 45px;}
.nav1 .nav .n2{ left: 121px; top: 0;}
.nav1 .nav .n3{ left: 242px; top: 45px;}
.nav1 .nav .n4{ left: 363px; top: 0;}
.nav1 .nav .n5{ left: 484px; top: 45px;}
.nav2{ width: 100%; position: relative; z-index: 12;}
.nav2 .nav{ width: 185px; height: 800px; position: absolute; top: 206px; left: 3%; z-index: 9;}
.nav2 .logo{ width: 140px; height: 87px; background: url(../images/logo1.png) center top; position: absolute; top: 40px; left: 3%; display: block; text-indent: -9999px;}
.nav2 .index{ width: 52px !important; height: 52px !important; background: url(../images/index.png) no-repeat; position: absolute; top: 0px; left: 41px; text-indent: -9999px;}
.nav2 .nav .n1{ left: 0; top: 70px;}
.nav2 .nav .n2{ left: 50px; top: 177px;}
.nav2 .nav .n3{ left: 0; top: 285px;}
.nav2 .nav .n4{ left: 50px; top: 393px;}
.nav2 .nav .n5{ left: 0; top: 501px;}
.nav3 .nav{ width: 800px; height: 160px; position: absolute; top: 0; left: 277px; z-index: 9;}
.nav3 .logo{ width: 140px; height: 87px; background: url(../images/logo1.png) center top; position: absolute; top: 28px; left: 0; display: block; text-indent: -9999px;}
.nav3 .index{ width: 52px !important; height: 52px !important; background: url(../images/index.png) no-repeat; position: absolute; top: 60px; left: 66px; text-indent: -9999px;}
.nav3 .nav .n1{ right: 520px; top: 25px;}
.nav3 .nav .n2{ right: 390px; top: 10px;}
.nav3 .nav .n3{ right: 260px; top: 25px;}
.nav3 .nav .n4{ right: 130px; top: 10px;}
.nav3 .nav .n5{ right: 0; top: 25px;}
.wraper .nav .no,.wraper .nav .on{ width: 136px; height: 119px; display: block; position: absolute; top: 0; left: 0; background: url(../images/bg_nav.png) no-repeat left top;}
.wraper .nav .on{ background-position: 0 -119px;}
.wraper .nav a .no{ opacity: 1; filter:Alpha(Opacity=100);}
.wraper .nav a .on{ opacity: 0; filter:Alpha(Opacity=0); transform: rotateY(380deg ); }
.wraper .nav a:hover .on{ opacity: 1; filter:Alpha(Opacity=100); transform: rotateY(0deg ); }
.wraper .nav a:hover .no{ opacity: 0; filter:Alpha(Opacity=0);}
.wraper .nav div{ transform-style: preserve-3d; perspective: 800px; transform: rotateY(0deg); transition:all 0.3s; }
.wraper .nav div:hover { transform: rotateY(380deg ); }
.wraper .nav .n1 .no span{ background: url(../images/nav1_1.png) no-repeat; }
.wraper .nav .n2 .no span{ background: url(../images/nav2_1.png) no-repeat; }
.wraper .nav .n3 .no span{ background: url(../images/nav3_1.png) no-repeat; }
.wraper .nav .n4 .no span{ background: url(../images/nav4_1.png) no-repeat; }
.wraper .nav .n5 .no span{ background: url(../images/nav5_1.png) no-repeat; }
.wraper .nav .n1 .on span{ background: url(../images/nav1.png) no-repeat; }
.wraper .nav .n2 .on span{ background: url(../images/nav2.png) no-repeat; }
.wraper .nav .n3 .on span{ background: url(../images/nav3.png) no-repeat; }
.wraper .nav .n4 .on span{ background: url(../images/nav4.png) no-repeat; }
.wraper .nav .n5 .on span{ background: url(../images/nav6.png) no-repeat; }
.main .weapon1{ width: 253px; height: 507px; position: absolute; top: 380px; left: -130px;}
.main .weapon1 span{ width: 253px; height: 507px; background: url(../images/weapon_s_l.png) no-repeat;}
.main .weapon2{ width: 853px; height: 1124px; position: absolute; top: 73px; left: -407px;}
.main .weapon2 span{ width: 853px; height: 1124px; background: url(../images/weapon_b_l.png) no-repeat;}
.main .weapon3{ width: 298px; height: 750px; position: absolute; top: 244px; right: -39px;}
.main .weapon3 span{ width: 298px; height: 750px; background: url(../images/weapon_s_r.png) no-repeat;}
.main .weapon4{ width: 817px; height: 1200px; position: absolute; top: 0px; right: -413px;}
.main .weapon4 span{ width: 817px; height: 1200px; background: url(../images/weapon_b_r.png) no-repeat;}
.main .move span{ position: absolute; top: 0;left: 0; display: block; text-indent: -9999px;}
.main .slogen,.main .time,.main .video{ opacity: 0;}
.pg .con{ width: 1000px; height: 850px; background: url(../images/bg_con.png) no-repeat left top; position: absolute; top: 92px; left: -45px; padding: 46px 0 0 46px;}
.pg .con h2{ width: 500px; height: 68px; text-indent: -9999px; }
.pg1 h2{ background: url(../images/bg1_h2.png) no-repeat; margin-bottom: 145px;}
.pg1 .show{ margin-left: 15px; position: relative;}
.pg1 .show .btn{ width: 80px; height: 29px; position: absolute; top: 65px; left: 0; z-index: 12;}
.pg1 .show .btn a{ width: 29px; height: 29px; float: left; text-indent: -9999px; background: url(../images/bg1_arr.jpg) no-repeat; margin-right: 8px;}
.pg1 .show .btn a.right{ background-position: -29px 0;}
.pg1 .show .tit{ width: 1000px; position: absolute; top: 0; left: 0; z-index: 11;}
.pg1 .show .tit .tab{ width: 1000px; position: absolute; top: 0; left: 0; display: none;}
.pg1 .show .tit h3{ font-size: 36px; color: #d4030a; font-weight: normal; margin-bottom: 55px;}
.pg1 .show .tit .txt,.pg1 .show .tit .gsbox p{ line-height: 25px; color: #cfd1cc; font-size: 14px; }
.pg1 .show .tit .txt{ position: absolute; top: 105px; left: 0;}
.pg1 .show .tit .more{ width: 117px; height: 29px; line-height: 29px; font-size: 14px; color: #cfd1cc; display: block; text-align: center; background: #d4030a; margin-top: 10px; }
.pg1 .show .tit .more:hover{ text-decoration: none;}
.pg1 .show .tit .gsbox{ width: 970px; height: 530px; overflow-y: hidden; background: #000; padding: 10px 15px; display: none; background-color: rgba(0,0,0,0.5); position: absolute; top: 95px; left: -15px;}
.pg1 .show .close{ width: 27px; height: 27px; background: url(../images/bg_close.png) no-repeat; text-indent: -9999px; display: block; position: absolute; top: 67px; right: -28px; display: none; z-index: 15;}
.pg1 .show .tit .gs{ width: 980px; height: 540px; overflow-y: hidden;}
.pg1 .show .img{ width: 853px; height: 711px; position: absolute; top: -190px; left: 226px; z-index: 10;}
.pg1 .show .img span{ width: 853px; height: 711px; position: absolute; top: 0; left: 0; display: none;}
.pg2 h2{ background: url(../images/bg2_h2.png) no-repeat;}
.pg2 .skill{ position: absolute; top: 206px; left: 58px;}
.pg2 .sp-skill{ height: 880px;}
.pg2 .sk-nav{ width: 44px; height: 550px; border-right: 1px solid #4f0a0d; position: absolute; top: 200px; right: 0; z-index: 11;}
.pg2 .sk-nav a{ width: 44px; height: 122px; display: block;}
.pg2 .sk-nav a span{ width: 44px; height: 122px; display: block; text-indent: -9999px;}
.pg2 .sk-nav a .sp-nav{ position: absolute; top: 372px; left: 0; background: url(../images/bg2_arr1.jpg) no-repeat;}
.pg2 .sk-nav a .pt-nav{ position: absolute; top: 333px; left: 45px; background: url(../images/bg2_arr2.jpg) no-repeat;}
.pg2 .sk-nav a.on span{ background-position: 0 -122px;}
.pg2 .sp-skill h2{ background: url(../images/bg_h2_1.jpg) no-repeat center center;}
.pg2 .sp-skill .video ul li{ width: 243px; height: 330px; margin: 0 43px; float: left; position: relative; z-index: 4;}
.pg2 .sp-skill .video ul li.pr{ z-index: 6;}
.pg2 .sp-skill .video ul li.four{ margin: 0 43px 0 205px;}
.pg2 .sp-skill .video .img a{ width: 243px; height: 243px; position:relative; display: block;}
.pg2 .sp-skill .video .img span{ width: 243px; height: 40px; position: absolute; top: 0; left: 0; background: url(../images/bg2_name.png) no-repeat; text-align: center; color: #cfd1cc; font-size: 16px; padding-top: 203px;}
.pg2 .sp-skill .icon{ position: absolute; top: 222px; left: 0;}
.pg2 .pt-skill{ height: 1000px; display: none;}
.pg2 .pt-skill ul{ width: 867px; background: url(../images/bg_pt.jpg) no-repeat center top; margin: 0 auto;}
.pg2 .pt-skill ul li{ width: 274px; height: 141px; float: left; padding-top: 25px; padding-left: 15px; z-index: 6;}
.pg2 .pt-skill .name{ width: 133px; height: 30px; line-height: 30px; border-bottom: 1px solid #969595; border-top: 1px solid #969595;}
.pg2 .skill .icon{ width: 237px; height: 115px; background: url(../images/bg2_icon.png) no-repeat left top; color: #b6b6b6; font-size: 16px; text-align: center;}
.pg2 .skill .icon .ic{ width: 40px; height: 40px; margin: 31px 25px 0 32px;}
.pg2 .skill .icon .des{ width: 107px; height: 30px; line-height: 30px; border: 1px solid #969595; margin-top: 36px;  position: relative; cursor: pointer; z-index: 5; margin-bottom: 22px;}
.pg2 .skill .icon .vd{ width: 31px; height: 32px; background: url(../images/bg2_pt_vd.png) no-repeat; text-indent: -9999px; margin-top: 36px; }
.pg2 .skill .icon .des .des_box{ width: 365px; height: 152px; background: #000; border: 1px solid #969595;position: absolute; top: 32px; left: -1px; z-index: 10; text-align: left; font-size: 14px; color: #969595; padding: 17px; display: none;}
.pg2 .skill .icon .des .des_box p{ margin: 0 10px;}
.pg2 .skill .icon .des .last{ line-height: 25px;}
.pg2 .pt-skill .icon .des1 .des_box{ left: -262px;}
.pg2 .sp-skill .icon .des1 .des_box{ left: -293px;}
.pg3 h2{ background: url(../images/bg3_h2.png) no-repeat; margin-bottom: 88px;}
.pg3 .show{ width: 882px; height: 604px; display: inline-block; margin: 51px 0 0 60px;}
.pg4 h2{ background: url(../images/bg4_h2.png) no-repeat;}
.pg4 .show{ width: 870px; height: 978px; display: inline-block; margin: 15px 0 0 60px;}
.pg4 .show .active{ display: block;}

.showpic{ margin:0 auto; position:relative;}
.showpic ul{ margin:0 auto; position:relative;}
.showpic ul li{ position:absolute; display:none;}
.btn_left,.btn_right{ width:19px; height:35px; top:44%; background:url(../images/bg_arr.png) no-repeat; text-align:center; display:block; position:absolute; cursor:pointer; text-indent:-9999px; z-index:10;}
.btn_left{ background-position:0 0; left:-32px;}
.btn_right{ background-position:-19px 0; right:-32px;}
.pageNum{ display:none;}

.main{
	-webkit-animation:0.5s linear sc;
	-ms-animation:0.5s linear sc;
	animation:0.5s linear sc;
}
.show .main .logo{ opacity: 1; }


.show .main .logo{ transition:all 0.3s linear 0.5s;}

.show .main .slogen{
	-webkit-animation:0.8s ease 0.8s normal both 1 fadeInUp;
	-moz-animation:0.8s ease 0.8s normal both 1 fadeInUp;
	-ms-animation:0.8s ease 0.8s normal both 1 fadeInUp;
	animation:0.8s ease 0.8s normal both 1 fadeInUp;
}

.show .main .time{
	-webkit-animation:0.8s ease 1.2s normal both 1 fadeInUp;
	-moz-animation:0.8s ease 1.2s normal both 1 fadeInUp;
	-ms-animation:0.8s ease 1.2s normal both 1 fadeInUp;
	animation:0.8s ease 1.2s normal both 1 fadeInUp;
}

.show .main .video{
	-webkit-animation:0.8s ease 1.8s normal both 1 fadeInUp;
	-moz-animation:0.8s ease 1.8s normal both 1 fadeInUp;
	-ms-animation:0.8s ease 1.8s normal both 1 fadeInUp;
	animation:0.8s ease 1.8s normal both 1 fadeInUp;
}


.show .nav1 a.n1{ 
	-webkit-animation:0.8s ease 1.8s normal both 1 fadeInUp1;
	-moz-animation:0.8s ease 1.8s normal both 1 fadeInUp1;
	-ms-animation:0.8s ease 1.8s normal both 1 fadeInUp1;
	animation:0.8s ease 1.8s normal both 1 fadeInUp1;
}

.show .nav1 a.n2{ 
	-webkit-animation:0.8s ease 1.8s normal both 1 fadeInUp2;
	-moz-animation:0.8s ease 1.8s normal both 1 fadeInUp2;
	-ms-animation:0.8s ease 1.8s normal both 1 fadeInUp2;
	animation:0.8s ease 1.8s normal both 1 fadeInUp2;
}
.show .nav1 a.n3{ 
	-webkit-animation:0.8s ease 1.8s normal both 1 fadeInUp3;
	-moz-animation:0.8s ease 1.8s normal both 1 fadeInUp3;
	-ms-animation:0.8s ease 1.8s normal both 1 fadeInUp3;
	animation:0.8s ease 1.8s normal both 1 fadeInUp3;
}
.show .nav1 a.n4{ 
	-webkit-animation:0.8s ease 1.8s normal both 1 fadeInUp4;
	-moz-animation:0.8s ease 1.8s normal both 1 fadeInUp4;
	-ms-animation:0.8s ease 1.8s normal both 1 fadeInUp4;
	animation:0.8s ease 1.8s normal both 1 fadeInUp4;
}
.show .nav1 a.n5{ 
	-webkit-animation:0.8s ease 1.8s normal both 1 fadeInUp5;
	-moz-animation:0.8s ease 1.8s normal both 1 fadeInUp5;
	-ms-animation:0.8s ease 1.8s normal both 1 fadeInUp5;
	animation:0.8s ease 1.8s normal both 1 fadeInUp5;
}









/*sc*/
@keyframes sc {
0% {
    transform:scale(1.1,1.1);
}
10% {
    transform:scale(1,1);
}
25% {
    transform:scale(1.1,1.1);
}
100% {
    transform:scale(1,1);
}
}
@-moz-keyframes sc {
0% {
    -moz-transform:scale(1.1,1.1);
}
10% {
    -moz-transform:scale(1,1);
}
25% {
    -moz-transform:scale(1.1,1.1);
}
100% {
    -moz-transform:scale(1,1);
}
}
@-webkit-keyframes sc {
0% {
    -webkit-transform:scale(1.1,1.1);
}
10% {
    -webkit-transform:scale(1,1);
}
25% {
    -webkit-transform:scale(1.1,1.1);
}
100% {
    -webkit-transform:scale(1,1);
}
}
@-ms-keyframes sc {
0% {
    -ms-transform:scale(1.1,1.1);
}
10% {
    -ms-transform:scale(1,1);
}
25% {
    -ms-transform:scale(1.1,1.1);
}
100% {
    -ms-transform:scale(1,1);
}
}
@-o-keyframes sc {
0% {
    -o-transform:scale(1.1,1.1);
}
10% {
    -o-transform:scale(1,1);
}
25% {
    -o-transform:scale(1.1,1.1);
}
100% {
    -o-transform:scale(1,1);
}
}



/*fadeInUp*/
@keyframes fadeInUp {
0% {
    opacity: 0;
    transform: translate3d(0px, 30px, 0px);
}
100% {
    opacity: 1;
    transform: none;
}
}
@-moz-keyframes fadeInUp {
0% {
    opacity: 0;
    -moz-transform: translate3d(0px, 30px, 0px);
}
100% {
    opacity: 1;
    -moz-transform: none;
}
}
@-webkit-keyframes fadeInUp {
0% {
    opacity: 0;
    -webkit-transform: translate3d(0px, 30px, 0px);
}
100% {
    opacity: 1;
    -webkit-transform: none;
}
}
@-ms-keyframes fadeInUp {
0% {
    opacity: 0;
    -ms-transform: translate3d(0px, 30px, 0px);
}
100% {
    opacity: 1;
    -ms-transform: none;
}
}
@-o-keyframes fadeInUp {
0% {
    opacity: 0;
    -o-transform: translate3d(0px, 30px, 0px);
}
100% {
    opacity: 1;
    -o-transform: none;
}
}

/*fadeInUp1*/
@keyframes fadeInUp1 {
0% {
    opacity: 0;
    transform: translate3d(242px, -78px, 0px);
}
100% {
    opacity: 1;
    transform: none;
}
}
@-moz-keyframes fadeInUp1 {
0% {
    opacity: 0;
    -moz-transform: translate3d(242px, -78px, 0px);
}
100% {
    opacity: 1;
    -moz-transform: none;
}
}
@-webkit-keyframes fadeInUp1 {
0% {
    opacity: 0;
    -webkit-transform: translate3d(242px, -78px, 0px);
}
100% {
    opacity: 1;
    -webkit-transform: none;
}
}
@-ms-keyframes fadeInUp1 {
0% {
    opacity: 0;
    -ms-transform: translate3d(242px, -78px, 0px);
}
100% {
    opacity: 1;
    -ms-transform: none;
}
}
@-o-keyframes fadeInUp1 {
0% {
    opacity: 0;
    -o-transform: translate3d(242px, -78px, 0px);
}
100% {
    opacity: 1;
    -o-transform: none;
}
}

/*fadeInUp2*/
@keyframes fadeInUp2 {
0% {
    opacity: 0;
    transform: translate3d(121px, -34px, 0);
}
100% {
    opacity: 1;
    transform: none;
}
}
@-moz-keyframes fadeInUp2 {
0% {
    opacity: 0;
    -moz-transform: translate3d(121px, -34px, 0);
}
100% {
    opacity: 1;
    -moz-transform: none;
}
}
@-webkit-keyframes fadeInUp2 {
0% {
    opacity: 0;
    -webkit-transform: translate3d(121px, -34px, 0);
}
100% {
    opacity: 1;
    -webkit-transform: none;
}
}
@-ms-keyframes fadeInUp2 {
0% {
    opacity: 0;
    -ms-transform: translate3d(121px, -34px, 0);
}
100% {
    opacity: 1;
    -ms-transform: none;
}
}
@-o-keyframes fadeInUp2 {
0% {
    opacity: 0;
    -o-transform: translate3d(121px, -34px, 0);
}
100% {
    opacity: 1;
    -o-transform: none;
}
}

/*fadeInUp3*/
@keyframes fadeInUp3 {
0% {
    opacity: 0;
    transform: translate3d(0px, -78px, 0px);
}
100% {
    opacity: 1;
    transform: none;
}
}
@-moz-keyframes fadeInUp3 {
0% {
    opacity: 0;
    -moz-transform: translate3d(0px, -78px, 0px);
}
100% {
    opacity: 1;
    -moz-transform: none;
}
}
@-webkit-keyframes fadeInUp3 {
0% {
    opacity: 0;
    -webkit-transform: translate3d(0px, -78px, 0px);
}
100% {
    opacity: 1;
    -webkit-transform: none;
}
}
@-ms-keyframes fadeInUp3 {
0% {
    opacity: 0;
    -ms-transform: translate3d(0px, -78px, 0px);
}
100% {
    opacity: 1;
    -ms-transform: none;
}
}
@-o-keyframes fadeInUp3 {
0% {
    opacity: 0;
    -o-transform: translate3d(0px, -78px, 0px);
}
100% {
    opacity: 1;
    -o-transform: none;
}
}

/*fadeInUp4*/
@keyframes fadeInUp4 {
0% {
    opacity: 0;
    transform: translate3d(-121px, -34px, 0px);
}
100% {
    opacity: 1;
    transform: none;
}
}
@-moz-keyframes fadeInUp4 {
0% {
    opacity: 0;
    -moz-transform: translate3d(-121px, -34px, 0px);
}
100% {
    opacity: 1;
    -moz-transform: none;
}
}
@-webkit-keyframes fadeInUp4 {
0% {
    opacity: 0;
    -webkit-transform: translate3d(-121px, -34px, 0px);
}
100% {
    opacity: 1;
    -webkit-transform: none;
}
}
@-ms-keyframes fadeInUp4 {
0% {
    opacity: 0;
    -ms-transform: translate3d(-121px, -34px, 0px);
}
100% {
    opacity: 1;
    -ms-transform: none;
}
}
@-o-keyframes fadeInUp4 {
0% {
    opacity: 0;
    -o-transform: translate3d(-121px, -34px, 0px);
}
100% {
    opacity: 1;
    -o-transform: none;
}
}
/*fadeInUp5*/
@keyframes fadeInUp5 {
0% {
    opacity: 0;
    transform: translate3d(-242px, -78px, 0px);
}
100% {
    opacity: 1;
    transform: none;
}
}
@-moz-keyframes fadeInUp5 {
0% {
    opacity: 0;
    -moz-transform: translate3d(-242px, -78px, 0px);
}
100% {
    opacity: 1;
    -moz-transform: none;
}
}
@-webkit-keyframes fadeInUp5 {
0% {
    opacity: 0;
    -webkit-transform: translate3d(-242px, -78px, 0px);
}
100% {
    opacity: 1;
    -webkit-transform: none;
}
}
@-ms-keyframes fadeInUp5 {
0% {
    opacity: 0;
    -ms-transform: translate3d(-242px, -78px, 0px);
}
100% {
    opacity: 1;
    -ms-transform: none;
}
}
@-o-keyframes fadeInUp5 {
0% {
    opacity: 0;
    -o-transform: translate3d(-242px, -78px, 0px);
}
100% {
    opacity: 1;
    -o-transform: none;
}
}