html,body{width: 100%;height: 100%;overflow: hidden;}
			#body{width: 100%;height: 100%;position: relative;overflow: hidden;min-width: 1200px;}
			#box{width: 100%; min-width: 1200px;height: 500%;position: absolute;left: 0px;top: 0px;}
/*头部内容------------*/	
/*			#header{width: 100%;height: 82px;
			position: fixed;left: 0;top: 0;	
			z-index: 2;
			}
			.head-bg{
				width: 100%;height: 100%;
				background-color: #000;
				opacity: 0.4;
				filter: alpha(opacity=40);
			}
			.header-cont{
				width: 1200px;height: 82px;
				position: absolute;
				left: 50%;top: 0px;
				margin-left: -600px;
				}
			
			.head-logo{
				position: absolute;
				left: 0px;top: 10px;
			}
			.head-navbox{
				position: absolute;
				top: 35px;left: 260px;
				height: 18px;				
			}
			.head-nav-btn{
				display: inline-block;
				height: 18px;width: 150px;
				position: relative;
				font-size: 18px;color: #efd2b5;
				line-height: 20px;
				text-align: center;
			}
			.head-nav-btn:hover{color: #efd2b5;}
			.head-nav-btn-active{color: #efd2b5;}
			.weixin-logo{
				position: absolute;
				right: -22px;top: -6px;
			}
			.weixin-Mbox{
				width: 151px;height: 223px;
				position: absolute;
				right: -54px;top: -6px;
				background-image: url(http://static.kunlun.com/web/hoc/160530/weixin-Mbg.png);
				display: none;
			}
			.weixin-M{
				width: 130px;height: auto;
				position: absolute;
				right: 8px;bottom: 30px;
				}
			.weixin:hover .weixin-Mbox{display: block;}	*/	
			
/*向下小箭头*/			
			.sword{
				position: fixed;
				left: 50%;bottom: 80px;
				margin-left:-30px ;
				-webkit-animation: sword 2s linear infinite;
				-moz-animation: sword 2s ease infinite;
				-ms-animation: sword 2s ease infinite;
				animation: sword 2s ease infinite;
			}
/*内容导航按钮*/			
			#navbox{width:46px;height: 145px;position: fixed;right: 50px;top: 50%; margin-top:-150px;background: rgba(119, 117, 117, 0.5); border-radius: 8px;}
			
			.navbtn{
				width: 21px;height: 21px;
				margin:20px auto;
				background-position:0px 0px;
				background-image: url(../img/smallimg.png);
				cursor: pointer;
				overflow: hidden;
				}
			.navactive{background-position:0px -21px;}
			.navbtn:hover{background-position:0px -21px;}												
/*内容页内容------------*/				
			.page{
				width: 100%;height: 20%;
				background-repeat: no-repeat; 
				position: relative;
				overflow: hidden;				
				}	
			.page1{background: url(../img/p1-bg.jpg) no-repeat center top ;}			
			.page2{background: url(../img/p2-bg.jpg) no-repeat center top; }
			.page3{background: url(../img/p2-bg.jpg) no-repeat center top; }
			.page4{background-image: url(http://static.kunlun.com/web/hoc/160530/p3-bg.jpg);}
			.pagecont{
				width: 1200px;
				height: 100%;
				margin: 0 auto;
				display: none;
				position: relative;
				}
			.pagecontactive{display: block;}					
	
	/*第一页----*/		
		
			.flash1{
				width:1920px;height: 1080px;
				min-width: 1200px;
				position: absolute;
				left: 50%;bottom: 0px;
				margin-left: -960px;
				overflow: hidden;	
				opacity: 0.3;
				filter: alpha(opacity=30);	
			}
			.p1-img1{
				position: absolute;
				left: 126px;top: 152px;
				opacity: 0;
				-webkit-animation: zoomInDown .75s .6s ease forwards;
				-ms-animation: zoomInDown .75s .6s ease forwards;
				-moz-animation: zoomInDown .75s .6s ease forwards;
				animation: zoomInDown .75s .6s ease forwards;
			}
			.downloadbox{
				width: 570px;height: 162px;
				position: absolute;
				left: 80px;top: 65%;
			}
			.download-M-box{
				width: 132px;height: 132px;
				position: absolute;
				left: 0px;top: 0px;
				/*background-image: url(http://static.kunlun.com/web/hoc/160530/download-Mbg.png);*/
				opacity: 0;
				-webkit-animation: fadeInLeft .2s 0s linear forwards;
				-ms-animation: fadeInLeft .2s 0s linear forwards;
				-moz-animation: fadeInLeft .2s 0s linear forwards;
				animation: fadeInLeft .2s 0s linear forwards;
			}
			.download-M{
				width: 134px;height: auto;
				/*position: absolute;
				left: 53px;top: 15px;*/
				border-radius: 6px;
			}
			.download-Apps-box{
				display: block;
				width: 210px;height: 60px;
				position: absolute;
				left: 150px;top: 0px;
				overflow: hidden;
				background-image: url(../img/download.png);
				background-position: 0 -11px;
				opacity: 0;
				-webkit-animation: fadeInDown .2s 0.2s linear forwards;
				-ms-animation: fadeInDown .2s 0.2s linear forwards;
				-moz-animation: fadeInDown .2s 0.2s linear forwards;
				animation: fadeInDown .2s 0.2s linear forwards;		
			}
			.download-Apps-box:hover{ background-position: 0 -75px; }
		/*	.download-Apps-box img{
				position: absolute;
				left: 0px;top: 0px;
			}*/
			.download-Android-box{
				display: block;
				width: 210px;height: 63px;
				position: absolute;
				left: 150px;top: 70px;
				overflow: hidden;
				background-image: url(../img/download.png);
				background-position: 0 -140px;
				opacity: 0;
				-webkit-animation: fadeInUp .2s 0.2s linear forwards;
				-ms-animation: fadeInUp .2s 0.2s linear forwards;
				-moz-animation: fadeInUp .2s 0.2s linear forwards;
				animation: fadeInUp .2s 0.2s linear forwards;		
			}
			.download-Android-box:hover{ background-position: 0 -207px; }
	

		

			
	/*第二页----*/
			.pagecont2{}
			
			.p2-title{
				position: absolute;
				left: 50%;top: -160px;
				margin-left: -143px;
				opacity: 0;
				-webkit-animation: zoomInDown .75s 0s ease forwards;
				-ms-animation: zoomInDown .75s 0s ease forwards;
				-moz-animation: zoomInDown .75s 0s ease forwards;
				animation: zoomInDown .75s 0s ease forwards;
				}
			
			.p2-contbox{
				width: 1200px;height: 576px;
				position: absolute;
				left: 50%;top: 50%;
				margin-left: -565px;
				margin-top: -208px;	/*			
				border: 2px solid #585e75;*/
			}
			.p2-cont-left{
				width: 595px;height: 440px;
				overflow: hidden;
				position: absolute;
				left: 0;top: -15px;
				background-color: #191d2d;
				-webkit-animation: fadeInLeft 0.75s 0s ease forwards;
				-moz-animation: fadeInLeft 0.75s 0s ease forwards;
				-ms-animation: fadeInLeft 0.75s 0s ease forwards;
				animation: fadeInLeft 0.75s 0s ease forwards;
			}
			.p2-swiper-box{
				width: 595px;height: 440px;
				position: relative;
				overflow: hidden;				
			}
			.p2-swiper-cont{
				width: 5000px;height: 440px;
				position: absolute;
				left: 0px;top: 0px;
			}
			.p2-swiper-cont img{
				width: 595px;height: 440px;
				float: left;
				margin: 0px;padding: 0px;border: none;
			}
			.p2-swiper-navbox{
				width: 110px;height: 10px;
				position: absolute;
				right: 0px;bottom: 20px;
				text-align: center;
				line-height: 10px;
			}
			.p2-swiper-nav{
				display: inline-block;
				width: 10px;height: 10px;
				margin: 0px 5px;
				border-radius: 100%;
				background-color: #bac4ea;
				cursor: pointer;
			}
			.p2-swiper-nav-active{
				background-color: #d09f72;
			}	
			.p2-leftlist{
				width: 494px;height: 54px;
				margin: 14px auto 3px;
				border: 2px solid #302c2c;
				line-height: 54px;
				vertical-align: middle;				
				font-size: 24px;
				color: #d09f72;
				overflow: hidden;
				cursor: pointer;
				transition: all 0.3s linear;
				
			}
			.p2-leftlist:hover{
				border: 2px solid #ce9d71;
			}
			.simg{
				display: inline-block;
				width: 21px;height: 21px;
				vertical-align: middle;
				margin-left: 25px;
				margin-right: 20px;
				margin-top: -3px;
				background-image: url(../img/smallimg.png);
				background-position:0px -42px;
			}
			
			.p2-cont-right{
				width: 595px;height: 440px;
				overflow: hidden;
				position: absolute;
				right: 0;top: -15px;
				background: url(../img/bacp3R.png) no-repeat center center;
				-webkit-animation: fadeInRight 0.5s 0s ease forwards;
				-moz-animation: fadeInRight 0.5s 0s ease forwards;
				-ms-animation: fadeInRight 0.5s 0s ease forwards;
				animation: fadeInRight 0.5s 0s ease forwards;

			}
			
			.p2-nav-bg{
				width: 565px;height: 66px;
				margin: 15px 15px 0;
				position: absolute;
				left: 19px;top: 0px;
				border-bottom: 1px solid #495481;
			}
			.p2-nav-box{
				height: 54px;
				width:535px;
				margin: 20px auto 0;
				position: relative;
				border-top:1px solid #815725;
				border-bottom:1px solid #815725;
			}

			.p2-nav-btn{
				/*float: left;*/
				height: 54px;
				line-height: 54px;
				font-size:20px ;
				text-align: center;
				color:#795122;
				padding:0 46px;
				cursor: pointer;
				border-left:1px solid #815725;
			}
			.p2-nav-btn:nth-of-type(1){border-left:1px solid #815725;}
			.p2-nav-btn+.p2-nav-btn{border-right:1px solid #815725;}
			.p2-nav-btn:hover{background:#815725;color:#fff;}
			.p2-nav-btn-active{background:#815725;color:#fff;}
			.p2-nav-img{
				width: 21px;height: 21px;
				position: absolute;
				right: 10px;top: 24px;			
			}
			.p2-nav-img a{
				display: block;
				width: 21px;height: 21px;
				overflow: hidden;
				background-image: url(http://static.kunlun.com/web/hoc/160530/smallimg.png);
				background-position:0px -63px;
				
			}
			.p2-tabcont{
				width: 575px;height: 330px;
				position: absolute;
				left: 10px;top: 76px;
				overflow: hidden;
				display: none;
			}
			.p2-tabcont-active{display: block;}
			.p2-news-titlebox{
				width: 537px;height: 160px;
				margin: 0 auto;
				border-bottom: 2px dashed #495481;				
			}
			.p2-news-title{
				width: 100%;height: 34px;
				margin-top: 24px;
				font-size: 26px;
				text-align: center;
				line-height: 34px;
				color: #d09f72;				
			}
			.p2-news-date{
				width: 100%; height: 40px;
				font-size: 12px;
				text-align: center;
				line-height: 36px;
				color: #808596;
			}
			.p2-news-cont{
				width: 100%;height: auto;
				margin-top: 6px;
				font-size: 16px;
				text-indent: 2em;
				line-height: 24px;
				color: #bac4ea;
			}
			.p2-news-cont a{color: #d09f72;}
			
			.p2-news-list-box{
				width: 553px;height: 315px;
				margin: 0 auto;		
			}
			.p2-news-list{
				display: block;
				width: 536px;height: 20px;				
				overflow: hidden;
				font-size: 18px;
				color: #795122;
			    padding: 16px 0;
			    margin: 0 auto;
			    border-bottom: 1px dotted #795122;
			}
			.p2-news-list:hover{ color: #fff;}
			.p2-news-c-r{
				display: block;
				height: 20px;
				float: right;
			}		
			
	/*第三页----*/
			.pagecont3{}
			.p3-title{
				position: absolute;
				left: 50%;top: -130px;
				margin-left: -123px;
				opacity: 0;
				-webkit-animation: zoomInDown .75s 0s ease forwards;
				-ms-animation: zoomInDown .75s 0s ease forwards;
				-moz-animation: zoomInDown .75s 0s ease forwards;
				animation: zoomInDown .75s 0s ease forwards;
			}
			.p3-showboxout{
				width: 1200px;height: 539px;
				position: absolute;
				left: 50%; top: 50%;
				margin-left: -610px;margin-top: -400px;
			}
			.p3-showboxout-2{
				width: 1200px;height: 539px;
				position: relative;		
				overflow: hidden;
			}
			.p3-showboxin{
				width: 2200px;height: 539px;
				position: absolute;
				overflow: hidden;
				left: 0px;top:0px;
			}
			.p3-showcont{
				width: 168px;height: 514px;
				position: relative;
				float: left;
				transition: all 0.5s ease;
				opacity: 0;
			}		
			.p3-bigimg{
				position: absolute;
				left: 168px;top: 0px;	
						
			}
			.proDuct{ 	
				opacity: 0;
				filter: alpha(opacity=0);	
				 }
			.imghidden{
				opacity: 1;
				filter: alpha(opacity=100);
			}	
			.p3-showcont-active-img{
				position: absolute;
				left: 0px;top:0px;
				transition: all 0.3s ease;
				opacity: 1;
				filter: alpha(opacity=100);
				cursor: pointer;
			    width: 126px;
    			height: 460px;
			}					
			/*.p3-showcont-active-img:hover{
				opacity: 0;
				filter: alpha(opacity=0);
			}*/
			.p3-showcont-img{float: left;}
			
			.p3-showboxin li{ 
				-webkit-animation: fadeInRight 0.75s 0s ease forwards;
				-moz-animation: fadeInRight 0.75s 0s ease forwards;
				-ms-animation: fadeInRight 0.75s 0s ease forwards;
				animation: fadeInRight 0.75s 0s ease forwards;
				overflow:hidden;
				 }
			.p3-showcont1{
				
				background: url(../img/p3-swi-cont1.png) no-repeat;
			}

			.p3-showcont1 b{background: url(../img/p3-swi-title1.jpg) no-repeat;}
			.p3-showcont2 b{background: url(../img/p3-swi-title2.jpg) no-repeat;}
			.p3-showcont3 b{background: url(../img/p3-swi-title3.jpg) no-repeat;}
			.p3-showcont4 b{background: url(../img/p3-swi-title4.jpg) no-repeat;}
			.p3-showcont2{
				background: url(../img/p3-swi-cont2.png) no-repeat;
			}
			.p3-showcont3{
				background: url(../img/p3-swi-cont3.png) no-repeat;
			}
			.p3-showcont4{
				background: url(../img/p3-swi-cont4.png) no-repeat;
			}
			.p3-showboxin .on b {
			    -webkit-transform: translate3d(-100%,0,0);
			    -moz-transform: translate3d(-100%,0,0);
			    -ms-transform: translate3d(-100%,0,0);
			    -o-transform: translate3d(-100%,0,0);
			    transform: translate3d(-100%,0,0);
			    opacity: 0;
			    filter: alpha(opacity=0);
			}
			.p3-showboxin .on {
			    width: 688px;
			}
			.p3-showboxin b{ 
				display: block;
			    width: 168px;
			    height: 514px;
			    text-indent: -9999em;
			    -webkit-transition: all .5s;
			    -moz-transition: all .5s;
			    -ms-transition: all .5s;
			    -o-transition: all .5s;
			    transition: all .5s; 
			    
			}		
/*底部内容------------*/				
			.footer{
				width: 100%;height: 150px;
				position: absolute;
				left: 0px;bottom: 0px;
				min-width: 1200px;
				border-top: 3px solid rgba(125, 125, 125, 0.67);
    			background-color: rgba(160, 161, 163, 0.72);
			}		
			.footercont{
				width:1200px;height: 100%;
				margin: 0 auto;
				position: relative;
			}	
			.foot-tit{
				width: 1200px;height: 60px;
				line-height: 60px;
				font-size: 30px;
				color: #3c4148;
				border-bottom: 3px solid #070810;
			}
			.footer-swi-box{
				width: 1200px;height: 55px;
				position: absolute;
				top: 70px;left: 0px;
				overflow: hidden;
			}
			.footer-swi-cont{
				width: 3000px; height: 58px;
				position: absolute;
				left: 0px;top: 0px;
				/*-webkit-animation: footswi 7s linear infinite;
				-ms-animation: footswi 7s linear infinite;
				-moz-animation: footswi 7s linear infinite;
				animation: footswi 7s linear infinite;*/
			}			
			.foot-link{
				display: block;
				width: 150px;height: 55px;
				float: left;
				/*border: 1px solid #DBDBDB;*/
				
			}
			.footer-logo{
				position: absolute;
				left: 60px;top: 180px;
			}
			.footer-logo2{
                                position: absolute;
                                right: 0;top: 145px;z-index: 1;
                        }
			.footer-wordbox{
				width: 1200px;
				height: 150px;
				position: absolute;
				top: 36px;
			}
			.footer-word-list{
				width: 100%;height:22px;
				line-height: 22px;
				font-size: 13px;
				color: #595959;				
			}
			.footer-word-list a{
				display: inline-block;
				height: 16px;
				padding: 0 18px;
				font-size: 13px;
				line-height: 16px;
				border-right: 2px solid #595959;
				color: #595959;	
			}
			.footer-word-list .dif1{
				padding-left: 0px;				
			}
			.footer-word-list .dif2{
				border-right: none;
			}
			
			
			
			
					
			.vedio-popbox{
				position: fixed;
				width: 100%;height: 100%;
				text-align: center;
				line-height: 100%;
				display: none;
				}
			.vedio-popbg{
				width: 100%;height: 100%;
				position: absolute;
				left: 0px;top: 0px;
				background-color: #000000;
				opacity: 0.5;
				filter: alpha(opacity=50);				
				}
			.vedio-pop{
				width: 800px;height: 600px;
				margin: 0 auto;
				position: absolute;
				left: 50%;top: 50%;
				margin-left: -400px;margin-top: -300px;
				background-color: #000000;
				}	
			.V-close-btn{
				position: absolute;
				right: 0px;top: 0px;
				}
			
			
@-webkit-keyframes VPlay-btn-roll{to{transform:rotateZ(360deg);}}
@-moz-keyframes VPlay-btn-roll{to{transform:rotateZ(360deg);}}
@-ms-keyframes VPlay-btn-roll{to{transform:rotateZ(360deg);}}
@keyframes VPlay-btn-roll{to{transform:rotateZ(360deg);}}
						
@-webkit-keyframes footswi{to{left: -1207px;}}
@-ms-keyframes footswi{to{left: -1207px;}}
@-moz-keyframes footswi{to{left: -1207px;}}
@keyframes footswi{to{left: -1207px;}}


@-webkit-keyframes sword{
	0%{transform: translateY(0px);}
	50%{transform: translateY(40px);}
	100%{transform: translateY(0px);}
}			
@-moz-keyframes sword{
	0%{transform: translateY(0px);}
	50%{transform: translateY(40px);}
	100%{transform: translateY(0px);}
}	
@-ms-keyframes sword{
	0%{transform: translateY(0px);}
	50%{transform: translateY(40px);}
	100%{transform: translateY(0px);}
}
@keyframes sword{
	0%{transform: translateY(0px);}
	50%{transform: translateY(40px);}
	100%{transform: translateY(0px);}
}			
			
@-webkit-keyframes zoomInDown {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}
@-moz-keyframes zoomInDown {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}@-ms-keyframes zoomInDown {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}
@keyframes zoomInDown {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
  100%{opacity: 1;}
}

@-webkit-keyframes fadeInRight{
	0% {
    opacity: 0;
    -webkit-transform: translate3d(200%, 0, 0);
    transform: translate3d(200%, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }}
@-ms-keyframes fadeInRight{
	0% {
    opacity: 0;
    -webkit-transform: translate3d(200%, 0, 0);
    transform: translate3d(200%, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@-moz-keyframes fadeInRight{
	0% {
    opacity: 0;
    -webkit-transform: translate3d(200%, 0, 0);
    transform: translate3d(200%, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}}
@keyframes fadeInRight{
	0% {
    opacity: 0;
    -webkit-transform: translate3d(200%, 0, 0);
    transform: translate3d(200%, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}}

@-webkit-keyframes fadeInLeft{
	0% {
    opacity: 0;
    -webkit-transform: translate3d(-200%, 0, 0);
    transform: translate3d(-200%, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }}
@-ms-keyframes fadeInLeft{
	0% {
    opacity: 0;
    -webkit-transform: translate3d(-200%, 0, 0);
    transform: translate3d(-200%, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@-moz-keyframes fadeInLeft{
	0% {
    opacity: 0;
    -webkit-transform: translate3d(-200%, 0, 0);
    transform: translate3d(-200%, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInLeft{
	0% {
    opacity: 0;
    -webkit-transform: translate3d(-200%, 0, 0);
    transform: translate3d(-200%, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}


@-webkit-keyframes fadeInUp{
	0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 200%, 0);
    transform: translate3d(0, 200%, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@-ms-keyframes fadeInUp{
	0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 200%, 0);
    transform: translate3d(0, 200%, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@-moz-keyframes fadeInUp{
	0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 200%, 0);
    transform: translate3d(0, 200%, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }}
@keyframes fadeInUp{
	0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 200%, 0);
    transform: translate3d(0, 200%, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }}


@-webkit-keyframes fadeInDown{
	 0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -200%, 0);
    transform: translate3d(0, -200%, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@-ms-keyframes fadeInDown{
	 0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -200%, 0);
    transform: translate3d(0, -200%, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@-moz-keyframes fadeInDown{
	 0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -200%, 0);
    transform: translate3d(0, -200%, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInDown{
	 0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -200%, 0);
    transform: translate3d(0, -200%, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}









/*IE9-bug*/	
.ie9 .ani{
	opacity: 1;
}