@charset "utf-8";
body, div, p,ul,li,h3,img {
	border:none;
	margin: 0;
	padding: 0;
}
ul ,li {
	list-style: none;
	list-style-type:none
}
body {
	width: 100%;
 *cursor: default;
	overflow: hidden;
	font: 16px/1.5 "Microsoft YaHei", Helvetica, STHeiti STXihei, Microsoft JhengHei, Arial;
}
.pt32 {
	padding-top:29px;
}
.pt19 {
	padding-top:19px;
}
.tl{ text-align:left;}
.tc{ text-align:center;}
.fr{ float:right}
.fl{ float:left}
#pageContain {
	overflow: hidden;
}
.page {
	display: none;
	width: 100%;
	height: 100%;
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 0;
}
.contain {
	width: 100%;
	height: 100%;
	display: none;
	position: relative;
	z-index: 0;
}
.current .contain, .slide .contain {
	display: block;
}
.current {
	display: block;
	z-index: 1;
}
.slide {
	display: block;
	z-index: 2;
}
.swipe {
	display: block;
	z-index: 3;
	transition-duration: 0ms !important;
	-webkit-transition-duration: 0ms !important;
}
.page1 {
	width:100%;
	max-width:1920px;
	height:100%;
	margin:0 auto;
	background: url(/images/special/Glory-and-dream-at-2014/welcome.jpg) center top;
}
.page1 .containMain {
	width:1000px;
	height:100%;
	margin:0 auto;
	position:relative;
}
.page1 .containMain .our2014{
	z-index:3;
	position:absolute;
	left:142px;
	top:177px;
	 width:284px; height:151px;
	 opacity:0;
	background:url(/images/special/Glory-and-dream-at-2014/our2014.png) no-repeat;
		-webkit-animation: welcomeShow .4s ease-in-out both;
-moz-animation: welcomeShow .4s ease-in-out both;
-ms-animation: welcomeShow .4s ease-in-out both;
animation: welcomeShow .4s ease-in-out both;
-webkit-animation-delay: 0.8s;
-moz-animation-delay: 0.8s;
-ms-animation-delay: 0.8s;
animation-delay: 0.8s;		
	}
.page1 .containMain .bgroll{
	z-index:2;
		position:absolute;
			left:0;
	top:176px;
	 width:100%; height:100%;
	 opacity:0;
	background:url(/images/special/Glory-and-dream-at-2014/bgroll.png) no-repeat;
			-webkit-animation: welcomeShow .4s ease-in-out both;
-moz-animation: welcomeShow .4s ease-in-out both;
-ms-animation: welcomeShow .4s ease-in-out both;
animation: welcomeShow .4s ease-in-out both;
-webkit-animation-delay: 1.2s;
-moz-animation-delay: 1.2s;
-ms-animation-delay: 1.2s;
animation-delay: 1.2s;		
	}
.page1 .containMain .HAD{
	z-index:3;
		position:absolute;
			left:0;
	top:176px;
	 width:100%; height:100%;
	 opacity:0;
	background:url(/images/special/Glory-and-dream-at-2014/HAD.png ) no-repeat;
			-webkit-animation: welcomeShow .4s ease-in-out both;
-moz-animation: welcomeShow .4s ease-in-out both;
-ms-animation: welcomeShow .4s ease-in-out both;
animation: welcomeShow .4s ease-in-out both;
-webkit-animation-delay: 1.6s;
-moz-animation-delay: 1.6s;
-ms-animation-delay: 1.6s;
animation-delay: 1.6s;		
	}
.page1 .containMain .lastball{
	z-index:2;
		position:absolute;
			left:705px;
	top:436px;
	 width:75px; height:75px;
	 border-radius:50%;
	  -webkit-border-radius:50%;
	   -moz-border-radius:50%;
	   background-color:#37c1e3;
			-webkit-animation: welcomeShow_ball .4s ease-in-out both;
-moz-animation: welcomeShow_ball .4s ease-in-out both;
-ms-animation: welcomeShow_ball .4s ease-in-out both;
animation: welcomeShow_ball .4s ease-in-out both;
-webkit-animation-delay: 2s;
-moz-animation-delay: 2s;
-ms-animation-delay: 2s;
animation-delay: 2s;		
	}
.page2 {
	background:#ff7583 url(/images/special/Glory-and-dream-at-2014/2_bg.png) center top;
}
.page2 h2{ font-size:58px; font-weight:bold; color:#fff; margin:90px 0 45px;}
.page2 .contain{
	width:1000px;
	height:100%;
	margin:0 auto;
	text-align:center;
	position:relative;
	}
.page2 .huojian{ width:268px; height:331px; position:absolute; right:35px; top:0; background:url(/images/special/Glory-and-dream-at-2014/2_huojian.png);animation: 2s ease-in-out 0s normal none infinite huojian;
-webkit-animation: 2s linear 0s normal none infinite huojian;}
.page2 .baiyun{ width:308px; height:257px; position:absolute; right:-127px; top:119px; background:url(/images/special/Glory-and-dream-at-2014/2_yun.png);animation: 5s ease-in-out 0s normal none infinite baiyun;
-webkit-animation: 5s linear 0s normal none infinite baiyun;}

.page2 .qsrh_p1 p{ font-size:20px; line-height:30px; color:#fff}
.page2 .qsrh_p2{ margin-top:50px; width:445px;}
.page2 .qsrh_p2 p{ font-size:16px; line-height:25px; color:#fff; text-indent:2em; margin-bottom:16px;}
.page2 .bauma , .page2 .bauma_s1 , .page2 .bauma_s2{ width:517px; height:357px; margin-top:50px; position:absolute; right:0}
.page2 .bauma{ z-index:3;}
.page2 .bauma_s1{ z-index:2; background-color:#f64d4c;
	-webkit-animation: bauma_s1 .25s ease-in-out both;
-moz-animation: bauma_s1 .25s ease-in-out both;
-ms-animation: bauma_s1 .25s ease-in-out both;
animation: bauma_s1 .25s ease-in-out both;
-webkit-opacity: 0.5;
-moz-opacity: 0.5;
-ms-opacity: 0.5;
opacity: 0.5;
-webkit-animation-delay: 1.2s;
-moz-animation-delay: 1.2s;
-ms-animation-delay: 1.2s;
animation-delay: 1.2s;	

}
.page2 .bauma_s2{ z-index:1; background-color:#f64d4c;
	-webkit-animation: bauma_s2 .5s ease-in-out both;
-moz-animation: bauma_s2 .5s ease-in-out both;
-ms-animation: bauma_s2 .5s ease-in-out both;
animation: bauma_s2 .5s ease-in-out both;
-webkit-opacity: 0.3;
-moz-opacity: 0.3;
-ms-opacity: 0.3;
opacity: 0.3;
-webkit-animation-delay: 1.2s;
-moz-animation-delay: 1.2s;
-ms-animation-delay: 1.2s;
animation-delay: 1.2s;	
}
.page3 {
	background: #37c1e3;
	position:relative;
}
.page3 h2{ font-size:58px; font-weight:bold; color:#fff; margin:90px 0 45px;}
.page3 .contain{
		width:1000px;
	height:100%;
	margin:0 auto;
	text-align:center;
	position:relative;
	}
.page3 .zlyf_p1{ width:630px;}
.page3 .zlyf_p1 p{ font-size:20px; line-height:30px; color:#fff}
.page3 .zlyf_p2{ margin-top:50px; width:445px;}
.page3 .zlyf_p2 p{ font-size:16px; line-height:25px; color:#fff; text-indent:2em}
.page3 .left_yun{ width:413px; height:406px; background:url(/images/special/Glory-and-dream-at-2014/3_yun_l.png); top:145px; position:absolute; left:-460px;
		-webkit-animation: leftIn .4s linear both;
-moz-animation: leftIn .4s linear both;
-ms-animation: leftIn .4s linear both;
animation: leftIn .4s linear both;
-webkit-animation-delay: 0.8s;
-moz-animation-delay: 0.8s;
-ms-animation-delay: 0.8s;
animation-delay: 0.8s;	

}
.page3 .right_yun{ width:488px; height:410px; background:url(/images/special/Glory-and-dream-at-2014/3_yun_r.png); top:170px; position:absolute; right:-225px;
		-webkit-animation: rightIn .4s linear both;
-moz-animation: rightIn .4s linear both;
-ms-animation: rightIn .4s linear both;
animation: rightIn .4s linear both;
-webkit-animation-delay: 0.8s;
-moz-animation-delay: 0.8s;
-ms-animation-delay: 0.8s;
animation-delay: 0.8s;	}
.page3 .yunfan{ width:689px; height:535px; background:url(/images/special/Glory-and-dream-at-2014/3_fanchuan.png); top:173px; position:absolute; right:-89px;
		-webkit-animation: bottomIn .4s linear both;
-moz-animation: bottomIn .4s linear both;
-ms-animation: bottomIn .4s linear both;
animation: bottomIn .4s linear both;
-webkit-animation-delay: 1.2s;
-moz-animation-delay: 1.2s;
-ms-animation-delay: 1.2s;
animation-delay: 1.2s;	
}
.page3 .bolang{ width:100%; height:321px; background:url(/images/special/Glory-and-dream-at-2014/3_bolang.png); top:691px; position:absolute; right:0}

.page4 {
	background: #daa778 url(/images/special/Glory-and-dream-at-2014/4_bg.png) center top;

}
.page4 h2{ font-size:58px; font-weight:bold; color:#fff; margin:90px 0 45px;}
.page4 .contain{
		width:1000px;
	height:100%;
	margin:0 auto;
	text-align:center;
	position:relative;
	}
.page4 .left_yun , .page6 .left_yun , .page7 .left_yun , .page8 .left_yun{ width:405px; height:409px; background:url(/images/special/Glory-and-dream-at-2014/4_yun_l.png); top:204px; position:absolute; left:-524px;
		-webkit-animation: leftIn .4s linear both;
-moz-animation: leftIn .4s linear both;
-ms-animation: leftIn .4s linear both;
animation: leftIn .4s linear both;
-webkit-animation-delay: 0.8s;
-moz-animation-delay: 0.8s;
-ms-animation-delay: 0.8s;
animation-delay: 0.8s;	

}
.page5 .left_yun{ width:405px; height:409px; background:url(/images/special/Glory-and-dream-at-2014/4_yun_l.png); top:204px; position:absolute; left:-460px;
		-webkit-animation: leftIn .4s linear both;
-moz-animation: leftIn .4s linear both;
-ms-animation: leftIn .4s linear both;
animation: leftIn .4s linear both;
-webkit-animation-delay: 0.8s;
-moz-animation-delay: 0.8s;
-ms-animation-delay: 0.8s;
animation-delay: 0.8s;	

}
.page4 .right_yun , .page5 .right_yun , .page6 .right_yun , .page7 .right_yun , .page8 .right_yun{ width:441px; height:401px; background:url(/images/special/Glory-and-dream-at-2014/4_yun_r.png); top:173px; position:absolute; right:-460px;
		-webkit-animation: rightIn .4s linear both;
-moz-animation: rightIn .4s linear both;
-ms-animation: rightIn .4s linear both;
animation: rightIn .4s linear both;
-webkit-animation-delay: 0.8s;
-moz-animation-delay: 0.8s;
-ms-animation-delay: 0.8s;
animation-delay: 0.8s;	}
.page4 .ndzj_p p{ font-size:20px; line-height:30px; color:#fff; text-indent:2em}
.tabOn4{ width:100%; height:auto; overflow:hidden; margin-top:30px;
		-webkit-animation: bottomIn .4s linear both;
-moz-animation: bottomIn .4s linear both;
-ms-animation: bottomIn .4s linear both;
animation: bottomIn .4s linear both;
-webkit-animation-delay: 1.2s;
-moz-animation-delay: 1.2s;
-ms-animation-delay: 1.2s;
animation-delay: 1.2s;	
}
.tabOn4 .hd{ width:100%; height:50px; background-color:#b17946;}
.tabOn4 .hd li{ float:left; height:50px; width:auto; line-height:50px; font-size:16px; color:#fff; cursor:pointer; margin: 0 14px;}
.tabOn4 .hd li span{ margin:0 32px}
.tabOn4 .hd li:hover , .tabOn4 .hd li.on { background-color:#8e5420}
.tabOn4 .bd{ width:100%; height:316px; overflow:hidden; margin-top:25px; overflow:hidden; background-color:#c5905f; position:relative}
.tabOn4 .bd  ul{ width:20000px; height:316px; position:absolute;transition: all .7s ease; left:0}
.tabOn4 .bd li{ float:left; width:1000px; }
.tabOn4 .bd .wonner{ width:469px; height:316px; float:left; margin-right:20px;} 
.tabOn4 .bd .wonner_1{ background:#b17946 url(/images/special/Glory-and-dream-at-2014/zhaochengli.jpg) center center no-repeat}
.tabOn4 .bd .wonner_2{ background:#b17946 url(/images/special/Glory-and-dream-at-2014/zhangning.jpg) center center no-repeat}
.tabOn4 .bd .wonner_3{ background:#b17946 url(/images/special/Glory-and-dream-at-2014/zhaosenlin.jpg) center center no-repeat}
.tabOn4 .bd .wonner_4{ background:#b17946 url(/images/special/Glory-and-dream-at-2014/liuweitao.jpg) center center no-repeat}
.tabOn4 .bd .wonner_5{ background:#b17946 url(/images/special/Glory-and-dream-at-2014/chenchong.jpg) center center no-repeat}
.tabOn4 .bd .wonner_6{ background:#b17946 url(/images/special/Glory-and-dream-at-2014/yijinjin.jpg) center center no-repeat}
.tabOn4 .bd .wonner_7{ background:#b17946 url(/images/special/Glory-and-dream-at-2014/guomao.jpg) center center no-repeat}
.tabOn4 .speaker{ font-size:44px; font-weight:bold; color:#8e5420; margin-top:64px;}
.tabOn4 .speaker span{font-size:26px; font-weight:bold; color:#fff;}
.tabOn4 .paper{ font-size:16px; font-weight:normal; color:#fff; margin-top:22px;}
.tabOn4 .paper span{font-size:26px; font-weight:bold; color:#fff;}
.bottom_4{ background-color:#cf9b6b; width:100%; position:absolute; height:300px; top:865px; right:0}
.page5 {
	background: #ffa72b url(/images/special/Glory-and-dream-at-2014/5_bg.png) center top;
}
.page5 h2{ font-size:58px; font-weight:bold; color:#fff; margin:90px 0 45px;}
.page5 .contain{
		width:1000px;
	height:100%;
	margin:0 auto;
	text-align:center;
	position:relative;
	}
.page5 .ndjj{ width:100%; height:auto; overflow:hidden;}
.page5 .ndjj ul li{ float:left; width:300px; height:auto;}
.page5 .ndjj ul li h3{ font-size:45px; font-weight:bold; color:#fff; margin-bottom:23px;}
.page5 .ndjj ul li p{ font-size:14px; line-height:25px; font-weight:normal; color:#fff;}
.page5 .ndjj ul li p strong{ font-size:22px; font-weight:bold; margin:18px 0 12px 0; display:inline-block;}
.page5 .ndjj ul li p strong a{ color:#fff; text-decoration:none;}
.page5 .ndjj ul li p strong a:hover{ text-decoration:underline}
.page5 .ndjj ul li.one{		-webkit-animation: bottomIn .4s linear both;
-moz-animation: bottomIn .4s linear both;
-ms-animation: bottomIn .4s linear both;
animation: bottomIn .4s linear both;
-webkit-animation-delay: 1.2s;
-moz-animation-delay: 1.2s;
-ms-animation-delay: 1.2s;
animation-delay: 1.2s;	}
.page5 .ndjj ul li.two{		-webkit-animation: bottomIn .4s linear both;
-moz-animation: bottomIn .4s linear both;
-ms-animation: bottomIn .4s linear both;
animation: bottomIn .4s linear both;
-webkit-animation-delay: 1.4s;
-moz-animation-delay: 1.4s;
-ms-animation-delay: 1.4s;
animation-delay: 1.4s;	}
.page5 .ndjj ul li.three{		-webkit-animation: bottomIn .4s linear both;
-moz-animation: bottomIn .4s linear both;
-ms-animation: bottomIn .4s linear both;
animation: bottomIn .4s linear both;
-webkit-animation-delay: 1.6s;
-moz-animation-delay: 1.6s;
-ms-animation-delay: 1.6s;
animation-delay: 1.6s;	}
.page6 {
	background: #b4d465 url(/images/special/Glory-and-dream-at-2014/6_bg.png) center top;
}
.page6 h2{ font-size:58px; font-weight:bold; color:#fff; margin:90px 0 45px;}
.page6 .contain{
		width:1000px;
	height:100%;
	margin:0 auto;
	text-align:center;
	position:relative;
	}
.page6 .year_key{ width:100%; height:auto; overflow:hidden;

-webkit-animation: scaleAll .7s ease-in-out 1.6s both;
-moz-animation: scaleAll .7s ease-in-out 1.6s both;
-ms-animation: scaleAll .7s ease-in-out 1.6s both;
animation: scaleAll .7s ease-in-out 1.6s both;
-webkit-animation-delay: 1.2s;
-moz-animation-delay: 1.2s;
-ms-animation-delay: 1.2s;
animation-delay: 1.2s;	}
.page6 .year_key ul li{ float:left; width:470px; text-align:left; margin-bottom:30px}
.page6 .year_key ul li h3{ font-size:40px; font-weight:bold; color:#333333; margin-top:25px}
.page6 .year_key ul li p.with_m{ font-size:14px; font-weight:normal; color:#333333; margin-top:30px; height:85px; line-height:25px}
.page6 .year_key ul li p a{font-size:14px; font-weight:normal; color:#3e5011; line-height:25px; text-decoration:underline}
.bottom_6{ background-color:#a4cb42; width:100%; position:absolute; height:300px; top:865px; right:0}
.page7 {
	background: #ff7583 url(/images/special/Glory-and-dream-at-2014/7_bg.png) center top;
}
.page7 h2{ font-size:58px; font-weight:bold; color:#fff; margin:90px 0 45px;}
.page7 .contain{
		width:1000px;
	height:100%;
	margin:0 auto;
	text-align:center;
	position:relative;
	}
.page7 .jchm{ width:991; height:511px; overflow:hidden; background:url(/images/special/Glory-and-dream-at-2014/jchm_bg.jpg) top center no-repeat; position:relative;padding:9px 0 0 9px;
-webkit-animation: scaleAll .7s ease-in-out 1.2s both;
-moz-animation: scaleAll .7s ease-in-out 1.2s both;
-ms-animation: scaleAll .7s ease-in-out 1.2s both;
animation: scaleAll .7s ease-in-out 1.2s both;
-webkit-animation-delay: 1.2s;
-moz-animation-delay: 1.2s;
-ms-animation-delay: 1.2s;
animation-delay: 1.2s;}
.page7 .jchm div.next{ position:absolute; width:70px; height:333px; left:426px; top:9px; background:url(/images/special/Glory-and-dream-at-2014/next.png) top center no-repeat; z-index:3;
-webkit-animation: scaleIn .6s ease 1.9s both;
-moz-animation: scaleIn .6s ease 1.9s both;
-ms-animation: scaleIn .6s ease 1.9s both;
animation: scaleIn .6s ease 1.9s both;}
.page7 .jchm .jchm_show{ width:487px; height:333px; overflow:hidden; position:relative; z-index:1 }
.page7 .jchm  ul{ width:20000px; height:333px; overflow:hidden; position:absolute; transition: all .7s ease; left:0;}
.page7 .jchm  ul li{ float:left; margin-right:9px;}
.page8 {
	background: #92e0ec;
}
.page8 h2{ font-size:58px; font-weight:bold; color:#147685; margin:90px 0 45px;}
.page8 .contain{
		width:1000px;
	height:100%;
	margin:0 auto;
	text-align:center;
	position:relative;
	}
.page8 .hzhb{ width:100%; height:436px ; overflow:visible;}
.page8 .hzhb ul li{ float:left; width:155px; margin-right:14px;}
.page8 .hzhb ul li img{ border:2px solid #79d0dd;
transition:All 0.2s ease-in;
-webkit-transition:All 0.2s ease-in;
-moz-transition:All 0.2s ease-in;
-o-transition:All 0.2s ease-in;
transform:scale(1);
-webkit-transform:scale(1);
-moz-transform:scale(1);
-o-transform:scale(1);
-ms-transform:scale(1);
}
.page8 .hzhb ul li img:hover{
transform:scale(1.05);
-webkit-transform:scale(1.05);
-moz-transform:scale(1.05);
-o-transform:scale(1.05);
-ms-transform:scale(1.05);	
	}

.page8 .hzhb ul li  p{ font-size:15px; font-weight:bold; color:#367079; text-decoration:none; margin:5px 0 30px 0}
.page8 .weixin{ width:996px; height:149px; background:#c9f0f6 url(/images/special/Glory-and-dream-at-2014/weixin.jpg) center center no-repeat; border:2px solid #79d0dd;}
.page8 .note{font-size:15px; font-weight:bold; color:#367079; text-decoration:none; text-align:center; margin-top:7px;}
.page8 .copyright{ width:100%;background-color: #a9eaf3;position: absolute;top: 875px;}
.page8 .copyright p{font-family: "宋体";font-size: 12px;color: #474747;line-height: 40px;text-align: center;}
#navBar {
	z-index: 3;
	position: absolute;
	top: 0;
	right: 0;
	width: 80px;
	height: 100%;
	margin: 0;
	padding: 0;
	background-color: #262626;
	padding-top: 104px;
}
#navBar .active {
	color:#fff;
}
#navBar li {
	cursor: pointer;
 transition: all .7s ease;
	text-align: center;
	width: 80px;
	height: 77px;
	font-size:15px;
	font-weight:bold;
}
#navBar li.Pg1 {
	color:#fd2625;
	background-color:#3c2626;
}
#navBar li.Pg2 {
	color:#ff7583;
	background-color:#3c2e2f;
}
#navBar li.Pg3 {
	color:#37c1e3;
	background-color:#283639;
}
#navBar li.Pg4 {
	color:#daa778;
	background-color:#38332e;
}
#navBar li.Pg5 {
	color:#ffa72b;
	background-color:#3c3327;
}
#navBar li.Pg6 {
	color:#a4cb42;
	background-color:#333729;
}
#navBar li.Pg7 {
	color:#ff7583;
	background-color:#3c2e2f;
}
#navBar li.Pg8 {
	color:#92e0ec;
	background-color:#31393a;
}
#navBar li.Pg9 {
	color:#fff;
	background-color:#262626;
}
#navBar li.Pg1:hover, #navBar li.Pg1.active {
	color:#fff;
	background-color:#fd2625;
}
#navBar li.Pg2:hover, #navBar li.Pg2.active {
	color:#fff;
	background-color:#ff7583;
}
#navBar li.Pg3:hover, #navBar li.Pg3.active {
	color:#fff;
	background-color:#37c1e3;
}
#navBar li.Pg4:hover, #navBar li.Pg4.active {
	color:#fff;
	background-color:#daa778;
}
#navBar li.Pg5:hover, #navBar li.Pg5.active {
	color:#fff;
	background-color:#ffa72b;
}
#navBar li.Pg6:hover, #navBar li.Pg6.active {
	color:#fff;
	background-color:#a4cb42;
}
#navBar li.Pg7:hover, #navBar li.Pg7.active {
	color:#fff;
	background-color:#ff7583;
}
#navBar li.Pg8:hover, #navBar li.Pg8.active {
	color:#fff;
	background-color:#92e0ec;
}
#navBar li.Pg9:hover {
	color:#262626;
	background-color:#fff;
}
p.fff {
	width: 200px;
	height: 100px;
	color:#fff;
	text-align: center;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -100px;
	margin-top: -50px;
	opacity: 1;
 transition: all .8s ease;
	transform-origin: 50% 50%;
}
p img {
 transition: all .8s ease;
	transform-origin: 50% 50%;
}
.step1 p.demo-data-step {
	transform: translate(0, -50px);
	-webkit-transform: translate(0, -50px);
}
.step2 p.demo-data-step {
	opacity: 0;
	transform: scale(2);
	-webkit-transform: scale(2);
}
.step3 p.demo-data-step {
	transform:;
 -webkit-transform: opacity: 1;
}
.step4 p.demo-data-step {
	transform: rotate(360deg) translate(0, -200px) scale(.3);
	-webkit-transform: rotate(360deg) translate(0, -200px) scale(.3);
	opacity: 0;
}




@media screen and (max-width: 680px) {
	#navBar {
		display: none;
	}

}


@keyframes welcomeShow {
    0% {
        opacity: 0;
    }
    100% {
       opacity: 1;
    }
}
@-webkit-keyframes welcomeShow {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;	
    }
}
@-moz-keyframes welcomeShow {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;		
    }
}
@-ms-keyframes welcomeShow {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}


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

@-webkit-keyframes huojian{
    0%,100%{
        -webkit-transform:translateY(0);
        transform:translateY(0)
    }
    50%{
        -webkit-transform:translateY(10px);
        transform:translateY(10px)
    }

}
@keyframes huojian{
    0%,100%{
        -webkit-transform:translateY(0);
        transform:translateY(0)
    }
    50%{
        -webkit-transform:translateY(10px);
        transform:translateY(10px)
    }

}


@-webkit-keyframes baiyun{
    0%,100%{
        -webkit-transform:translateX(0);
        transform:translateX(0)
    }
    50%{
        -webkit-transform:translateX(15px);
        transform:translateX(15px)
    }

}
@keyframes baiyun{
    0%,100%{
        -webkit-transform:translateX(0);
        transform:translateY(0)
    }
    50%{
        -webkit-transform:translateX(15px);
        transform:translateX(15px)
    }

}



@keyframes bauma_s1 {
    0% {
    }
    100% {
        transform: rotate(-4deg);
    }
}
@-webkit-keyframes bauma_s1 {
    0% {
    }
    100% {
        -webkit-transform: rotate(-4deg);
    }
}
@-moz-keyframes bauma_s1 {
    0% {
    }
    100% {
        -moz-transform: rotate(-4deg);
    }
}
@-ms-keyframes bauma_s1 {
    0% {
    }
    100% {
        -ms-transform: rotate(-4deg);
    }
}


@keyframes bauma_s2 {
    0% {
    }
    50% {
        transform: rotate(-4deg);
    }
    100% {
        transform: rotate(-8deg);
    }
}
@-webkit-keyframes bauma_s2 {
    0% {
    }
    50% {
        -webkit-transform: rotate(-4deg);
    }
    100% {
        -webkit-transform: rotate(-8deg);
    }
}
@-moz-keyframes bauma_s2 {
    0% {
    }
    50% {
		-moz-transform: rotate(-4deg);
    }
    100% {
        -moz-transform: rotate(-8deg);
    }
}
@-ms-keyframes bauma_s2 {
    0% {
    }
    50% {
		-ms-transform: rotate(-4deg);
    }
    100% {
        -ms-transform: rotate(-8deg);
    }
}

@-webkit-keyframes leftIn{
    0%{
        -webkit-transform:translateX(-1000px);
        transform:translateX(-1000px)
    }
    100%{
        -webkit-transform:translateX(0);
        transform:translateX(0)
    }

}
@keyframes leftIn{
    0%{
        -webkit-transform:translateX(-000px);
        transform:translateX(-1000px)
    }
    100%{
        -webkit-transform:translateX(0);
        transform:translateX(0)
    }

}


@-webkit-keyframes rightIn{
    0%{
        -webkit-transform:translateX(1000px);
        transform:translateX(1000px)
    }
    100%{
        -webkit-transform:translateX(0);
        transform:translateX(0)
    }

}
@keyframes rightIn{
    0%{
        -webkit-transform:translateX(-000px);
        transform:translateX(1000px)
    }
    100%{
        -webkit-transform:translateX(0);
        transform:translateX(0)
    }

}


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

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

}
@keyframes scaleAll {
    0% {
        opacity: 0;
        transform: scale(0) rotate(30deg);
    }
    30% {
        opacity: 1;
    }
    100% {
        transform: scale(1) rotate(0);
    }
}
@-webkit-keyframes scaleAll {
    0% {
        opacity: 0;
        -webkit-transform: scale(0) rotate(30deg);
    }
    30% {
        opacity: 1;
    }
    100% {
        -webkit-transform: scale(1) rotate(0);
    }
}
@-moz-keyframes scaleAll {
    0% {
        opacity: 0;
        -moz-transform: scale(0) rotate(30deg);
    }
    30% {
        opacity: 1;
    }
    100% {
        -moz-transform: scale(1) rotate(0);
    }
}
@-ms-keyframes scaleAll {
    0% {
        opacity: 0;
        -ms-transform: scale(0) rotate(30deg);
    }
    100% {
        opacity: 1;
        -ms-transform: scale(1) rotate(0);
    }
}
@keyframes scaleIn {
    0% {
        opacity: 0;
        transform: scale(3);
    }
    100% {
        opacity: 1;
        transform: scale(1);
    }
}
@-webkit-keyframes scaleIn {
    0% {
        opacity: 0;
        -webkit-transform: scale(3);
    }
    100% {
        opacity: 1;
        -webkit-transform: scale(1);
    }
}
@-moz-keyframes scaleIn {
    0% {
        opacity: 0;
        transform: scale(3);
    }
    100% {
        opacity: 1;
        transform: scale(1);
    }
}
@-ms-keyframes scaleIn {
    0% {
        opacity: 0;
        -ms-transform: scale(3);
    }
    100% {
        opacity: 1;
        -ms-transform: scale(1);
    }
}