/* CSS Document */
*{
margin:0px;
padding:0px;
}

.cont{
	height:100%;
	}
/*第一张图片动画*/	
.cont_yi{
	width:100%;
	height:500px;
	background:#3a8ec5;
	}
	
	
.cont_yi_center{
	position:relative;
	margin:0px auto;
	padding:0px;
	width:1100px;
	height:500px;
	}
.wenzi_yi{
	position:absolute;
	width:664px;
	height:192px;
	top:50px;
	left:0px;
	background:url(../images/wenzi1.png) no-repeat;
	}
.renwu_yi{
	position:absolute;
	top:163px;
	right:0px;
	width:590px;
	height:340px;
	position:absolute;
	background:url(../images/renwu1.png) no-repeat;
	}
	
.jiantou_yi{
	position:relative;
	width:124px;
	height:38px;
	top:498px;
	left:0px;
	background:url(../images/2.png) no-repeat;
	}
	
/*钱qian*/
.qian{
	position:absolute;
	top:240px;
	right:30px;
	width:900px;
	height:206px;
	background:url(../images/qian.png) no-repeat;
	}

/*咖啡动画脚本*/
.kafei_dong,
.kafei_san,
.kafei_si{
-webkit-animation:pulse 1s .2s ease both;
-moz-animation:pulse 1s .2s ease both;
-ms-animation:pulse 1s .2s ease both;
-o-animation:pulse 1s .2s ease both;
animation:pulse 1s .2s ease both;
}
@-webkit-keyframes pulse{
0%{-webkit-transform:scale(1)}
50%{-webkit-transform:scale(0.9)}
100%{-webkit-transform:scale(1)}
}
@-moz-keyframes pulse{
0%{-moz-transform:scale(1)}
50%{-moz-transform:scale(0.9)}
100%{-moz-transform:scale(1)}
}

/*咖啡动*/
.kafei_dong{
	position:absolute;
	width:21px;
	height:63px;
	top:348px;
	right:136px;
	_background:none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/start_vl.png',sizingMethod='crop');
	background:url(../images/kafeiyi.png);
	-webkit-animation:pulse 1s .1s ease infinite;
	-moz-animation:pulse 1s .1s ease both infinite;
	-o-animation:pulse 1s .1s ease both infinite;
	-mz-animation:pulse 1s .1s ease both infinite;
	animation:pulse 1 .1s ease both infinite;
	}
/*********************************************************************************/	
/*星星动画脚本*/
@-moz-keyframes aniScaleLargeSmall{
	0%{-moz-transform:scale(1);}
	50%{-moz-transform:scale(1.2);}
	100%{-moz-transform:scale(1);}
}
@-webkit-keyframes aniScaleLargeSmall{
	0%{-webkit-transform:scale(1);}
	50%{-webkit-transform:scale(1.2);}
	100%{-webkit-transform:scale(1);}
}

@-mz-keyframes aniScaleLargeSmall{
	0%{-webkit-transform:scale(1);}
	50%{-webkit-transform:scale(1.2);}
	100%{-webkit-transform:scale(1);}
}

@-o-keyframes aniScaleLargeSmall{
	0%{-webkit-transform:scale(1);}
	50%{-webkit-transform:scale(1.2);}
	100%{-webkit-transform:scale(1);}
}

@keyframes aniScaleLargeSmall{
	0%{transform:scale(1);}
	50%{transform:scale(1.2);}
	100%{transform:scale(1);}
}
/*第一张图第一个星星*/
.start{
	position:absolute;
	top:70px;
	right:540px;
	width:38px;
	height:37px;
	background:url(../images/start1.png) no-repeat;	
    _background:none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/start_vl.png',sizingMethod='crop');
	background:url(../images/start1.png);
	-webkit-animation:aniScaleLargeSmall 3s .4s ease both infinite;
	-moz-animation:aniScaleLargeSmall 3s .4s ease both infinite;
	-o-animation:aniScaleLargeSmall 3s .4s ease both infinite;
	-mz-animation:aniScaleLargeSmall 3s .4s ease both infinite;
	animation:aniScaleLargeSmall 3s .4s ease both infinite;
	}
	
/*第一张图第二个星星*/
.start_yi{
	position:absolute;
	top:100px;
	right:60px;
	width:28px;
	height:28px;
	background:url(../images/start1_1.png) no-repeat;	
    _background:none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/start_vl.png',sizingMethod='crop');
	background:url(../images/start1_1.png);
	-webkit-animation:aniScaleLargeSmall 1s .2s ease both infinite;
	-moz-animation:aniScaleLargeSmall 1s .2s ease both infinite;
	-o-animation:aniScaleLargeSmall 1s .2s ease both infinite;
	-mz-animation:aniScaleLargeSmall 1s .2s ease both infinite;
	animation:aniScaleLargeSmall 1s .2s ease both infinite;
	}
/*第一张图第三个星星*/	
.start_er{
	position:absolute;
	top:250px;
	right:150px;
	width:29px;
	height:28px;
	background:url(../images/start1_2.png) no-repeat;	
    _background:none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/start_vl.png',sizingMethod='crop');
	background:url(../images/start1_2.png);
	-webkit-animation:aniScaleLargeSmall 0.5s .1s ease both infinite;
	-moz-animation:aniScaleLargeSmall 0.5s .1s ease both infinite;
	-o-animation:aniScaleLargeSmall 0.5s .1s ease both infinite;
	-mz-animation:aniScaleLargeSmall 0.5s .1s ease both infinite;
	animation:aniScaleLargeSmall 0.5s .1s ease both infinite;
	}
/*第一张图第四个星星*/	
.start_san{
	position:absolute;
	top:100px;
	right:180px;
	width:29px;
	height:28px;
	background:url(../images/start1_4.png) no-repeat;	
    _background:none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/start_vl.png',sizingMethod='crop');
	background:url(../images/start1_4.png);
	-webkit-animation:aniScaleLargeSmall 0.8s .1s ease both infinite;
	-moz-animation:aniScaleLargeSmall 0.8s .1s ease both infinite;
	-o-animation:aniScaleLargeSmall 0.8s .1s ease both infinite;
	-mz-animation:aniScaleLargeSmall 0.8s .1s ease both infinite;
	animation:aniScaleLargeSmall 0.8s .1s ease both infinite;
	}
/*第一张图第五个星星*/		
.start_si{
	position:absolute;
	top:50px;
	right:320px;
	width:29px;
	height:28px;
	background:url(../images/start1_4.png) no-repeat;	
    _background:none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/start_vl.png',sizingMethod='crop');
	background:url(../images/start1_4.png);
	-webkit-animation:aniScaleLargeSmall 0.6s .1s ease both infinite;
	-moz-animation:aniScaleLargeSmall 0.6s .1s ease both infinite;
	-o-animation:aniScaleLargeSmall 0.6s .1s ease both infinite;
	-mz-animation:aniScaleLargeSmall 0.6s .1s ease both infinite;
	animation:aniScaleLargeSmall 0.6s .1s ease both infinite;
	}
/*第一张图第六个星星*/		
.start_wu{
	position:absolute;
	top:350px;
	right:10px;
	width:38px;
	height:37px;
	background:url(../images/start1_5.png) no-repeat;	
    _background:none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/start_vl.png',sizingMethod='crop');
	background:url(../images/start1_5.png);
	-webkit-animation:aniScaleLargeSmall 0.7s .1s ease both infinite;
	-moz-animation:aniScaleLargeSmall 0.7s .1s ease both infinite;
	-o-animation:aniScaleLargeSmall 0.7s .1s ease both infinite;
	-mz-animation:aniScaleLargeSmall 0.7s .1s ease both infinite;
	animation:aniScaleLargeSmall 0.7s .1s ease both infinite;
	}
/*第一张图第七个星星*/	
.start_liu{
	position:absolute;
	top:170px;
	right:230px;
	width:29px;
	height:29px;
	background:url(../images/start1_6.png) no-repeat;	
    _background:none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/start_vl.png',sizingMethod='crop');
	background:url(../images/start1_6.png);
	-webkit-animation:aniScaleLargeSmall 0.4s .1s ease both infinite;
	-moz-animation:aniScaleLargeSmall 0.4s .1s ease both infinite;
	-o-animation:aniScaleLargeSmall 0.4s .1s ease both infinite;
	-mz-animation:aniScaleLargeSmall 0.4s .1s ease both infinite;
	animation:aniScaleLargeSmall 0.4s .1s ease both infinite;
	}
	
/*第一张图第八个星星*/
.start_qi{
	position:absolute;
	top:270px;
	right:510px;
	width:29px;
	height:29px;
	background:url(../images/start1_4.png) no-repeat;	
    _background:none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/start_vl.png',sizingMethod='crop');
	background:url(../images/start1_4.png);
	-webkit-animation:aniScaleLargeSmall 0.7s .1s ease both infinite;
	-moz-animation:aniScaleLargeSmall 0.7s .1s ease both infinite;
	-o-animation:aniScaleLargeSmall 0.7s .1s ease both infinite;
	-mz-animation:aniScaleLargeSmall 0.7s .1s ease both infinite;
	animation:aniScaleLargeSmall 0.7s .1s ease both infinite;
	}

/*第一张图第九个星星*/
.start_ba{
	position:absolute;
	top:350px;
	right:460px;
	width:29px;
	height:29px;
	background:url(../images/start1_4.png) no-repeat;	
    _background:none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/start_vl.png',sizingMethod='crop');
	background:url(../images/start1_4.png);
	-webkit-animation:aniScaleLargeSmall 0.5s .1s ease both infinite;
	-moz-animation:aniScaleLargeSmall 0.5s .1s ease both infinite;
	-o-animation:aniScaleLargeSmall 0.5s .1s ease both infinite;
	-mz-animation:aniScaleLargeSmall 0.5s .1s ease both infinite;
	animation:aniScaleLargeSmall 0.5s .1s ease both infinite;
	}

.yue{
	position:absolute;
	top:10px;
	right:30px;
	width:63px;
	height:69px;
	background:url(../images/yueliang.png) no-repeat;	
    _background:none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/start_vl.png',sizingMethod='crop');
	background:url(../images/yueliang.png);
	}

/*第一张图结束-------------------------------------------------------------------*/


/*第二张图片动画*/	
.cont_er{
	width:100%;
	height:500px;
	background:#a5d3f9;
	}
	
.cont_er_center{
	position:relative;
	margin:0px auto;
	padding:0px;
	width:1100px;
	height:500px;
	}
	
.renwu_er{
	position:absolute;
	top:160px;
	left:50px;
	width:427px;
	height:360px;
	background:url(../images/renwu2.png) no-repeat;
	}
	
/*联想动画 第二张图内容动画脚本-----------------------------------------------------*/
/*放大缩小*/
@-moz-keyframes aniScaleLargeSmall{
	0%{-moz-transform:scale(1);}
	50%{-moz-transform:scale(1.2);}
	100%{-moz-transform:scale(1);}
}
@-webkit-keyframes aniScaleLargeSmall{
	0%{-webkit-transform:scale(1);}
	50%{-webkit-transform:scale(1.2);}
	100%{-webkit-transform:scale(1);}
}

@-mz-keyframes aniScaleLargeSmall{
	0%{-webkit-transform:scale(1);}
	50%{-webkit-transform:scale(1.2);}
	100%{-webkit-transform:scale(1);}
}

@-o-keyframes aniScaleLargeSmall{
	0%{-webkit-transform:scale(1);}
	50%{-webkit-transform:scale(1.2);}
	100%{-webkit-transform:scale(1);}
}

@keyframes aniScaleLargeSmall{
	0%{transform:scale(1);}
	50%{transform:scale(1.2);}
	100%{transform:scale(1);}
}



.dixin{
position:absolute;
background:url(../images/dixin.png) no-repeat;
width:100px;
height:100px;
top:170px;
left:450px;
_background:none;
_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/dixin.png',sizingMethod='crop');
-webkit-animation:aniScaleLargeSmall 8s linear infinite;
-moz-animation:aniScaleLargeSmall 8s linear infinite;
animation:aniScaleLargeSmall 8s linear infinite;
-webkit-transform-origin:left bottom;
-moz-transform-origin:left bottom;
transform-origin:left bottom;		
}

.yangwa{
position:absolute;
background:url(../images/yangwa.png) no-repeat;
width:100px;
height:100px;
top:70px;
left:340px;
_background:none;
_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/yangwa.png',sizingMethod='crop');
-webkit-animation:aniScaleLargeSmall 5s linear infinite;
-moz-animation:aniScaleLargeSmall 5s linear infinite;
animation:aniScaleLargeSmall 5s linear infinite;
-webkit-transform-origin:right bottom;
-moz-transform-origin:right bottom;
transform-origin:right bottom;		
}

.laopo{
position:absolute;
background:url(../images/laopo.png) no-repeat;
width:100px;
height:100px;
top:25px;
left:140px;
_background:none;
_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/laopo.png',sizingMethod='crop');
-webkit-animation:aniScaleLargeSmall 4s linear infinite;
-moz-animation:aniScaleLargeSmall 4s linear infinite;
animation:aniScaleLargeSmall 4s linear infinite;
-webkit-transform-origin:left top;
-moz-transform-origin:left top;
transform-origin:left top;		
	}
	
.qiongerdai{
position:absolute;
background:url(../images/qiongerdai.png) no-repeat;
width:100px;
height:100px;
top:100px;
left:-15px;
_background:none;
_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/qiongerdai.png',sizingMethod='crop');
-webkit-animation:aniScaleLargeSmall 1.5s linear infinite;
-moz-animation:aniScaleLargeSmall 1.5s linear infinite;
animation:aniScaleLargeSmall 1.5s linear infinite;
-webkit-transform-origin:right top;
-moz-transform-origin:right top;
transform-origin:right top;		
	}

/*文字二的内容*/
.wenzi_er{
	position:absolute;
	background:url(../images/wenzi2.png) no-repeat;
	width:358px;
	height:446px;
	top:25px;
	right:0px;
	}
	
/*第二图的箭头*/
.sanjiao_er{
	position:relative;
	background:url(../images/sanjiao2.png) no-repeat;
	width:131px;
	height:38px;
	top:500px;
	left:0px;
	_background:none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/sanjiao2.png',sizingMethod='crop');
	}

/*第二张图的内容结束位置----------------------------------------------------------*/


/*第三张图的内容*/

.cont_san{
	width:100%;
	height:500px;
	background:#bedff7;
	}
	
.cont_san_center{
	position:relative;
	margin:0px auto;
	padding:0px;
	width:1100px;
	height:500px;
	}
	
.wenzi_san{
	position:absolute;
	width:517px;
	height:306px;
	top:80px;
	left:0px;
	background:url(../images/wenzi3.png) no-repeat;
	}

.tupian_san{
	position:absolute;
	width:690px;
	height:340px;
	bottom:30px;
	right:0px;
	background:url(../images/tupian3.png) no-repeat;
	}
	
.kafei_san{
	position:absolute;
	width:21px;
	height:63px;
	top:270px;
	right:95px;
	background:url(../images/kafeiyi.png) no-repeat;
	_background:none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/kafeiyi.png',sizingMethod='crop');
	-webkit-animation:pulse 1s .1s ease infinite;
	-moz-animation:pulse 1s .1s ease both infinite;
	-o-animation:pulse 1s .1s ease both infinite;
	-mz-animation:pulse 1s .1s ease both infinite;
	animation:pulse 1 .1s ease both infinite;
	}
	
.sanjiao_san{
	position:relative;
	z-index:2;
	background:url(../images/sanjiao3.png) no-repeat;
	width:131px;
	height:38px;
	top:498px;
	left:0px;
	_background:none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/sanjiao3.png',sizingMethod='crop');
	}

/*第三个内容结束位置---------------------------------------------------------------*/

/*第四张图片的内容*/
.cont_si{
	width:100%;
	height:520px;
	background:#fcffe1;
	}
	
.cont_si_center{
	position:relative;
	margin:0px auto;
	padding:0px;
	width:1100px;
	height:500px;
	}
	
.tupian_si{
	position:absolute;
	width:600px;
	height:452px;
	top:0px;
	left:0px;
	background:url(../images/rewusi_yi.png) no-repeat;
	}
	
	
.kafei_si{
	position:absolute;
	width:7px;
	height:14px;
	left:449px;
	top:260px;
	background:url(../images/kaifeisi.png) no-repeat;
	_background:none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/kaifeisi.png',sizingMethod='crop');
	-webkit-animation:pulse 0.4s .1s ease infinite;
	-moz-animation:pulse 0.4s .1s ease both infinite;
	-o-animation:pulse 0.4s .1s ease both infinite;
	-mz-animation:pulse 0.4s .1s ease both infinite;
	animation:pulse 0.4 .1s ease both infinite;
	}	
	
.wenzi_si{
	position:absolute;
	width:400px;
	height:255px;
	top:120px;
	right:0px;
	background:url(../images/wenzi4.png) no-repeat;
	}
	
	
.sanjiao_si{
	position:absolute;
	z-index:1;
	width:131px;
	height:39px;
	top:520px;
	left:2px;
	background:url(../images/sanjiao4.png) no-repeat;
	}

/*第四个内容结束位置---------------------------------------------------------------*/

/*第五张图片的内容*/
.cont_wu{
	width:100%;
	height:400px;
	background:#c7ffdf;
    }

.cont_wu_center{
	position:relative;
	margin:0px auto;
	padding:0px;
	height:400px;
	}
	
#wp{
	width:1100px;
	margin:0px auto;
	padding:0px;
	}
	
.wp_wenzi_wu{
	margin:0px auto;
	padding:0px;
	width:467px;
	height:237px;
	background:url(../images/wenzi5.png) no-repeat;
	}
	
.wp_an_wu{
	margin:0px auto;
	padding:0px;
	width:332px;
	height:78px;
	margin-top:50px;
	background:url(../images/btn_pic.png) no-repeat;
	}

.tupian_bottom{
	position:relative;
	width:100%;
	height:478px;
	top:50px;
	bottom:0px;
	right:0px;
	left:0px;
	background:url(../images/tupian_bottom.png)50% 50%;
	}

.wp_an_wu:hover{
-moz-transform:scale(1.2);
-webkit-transform:scale(1.2);
-o-transform:scale(1.2);
-ms-transform:scale(1.2);transform:scale(1.2);
}

/*花动*/

/*旋转*/
@-moz-keyframes aniRotate{
	0%{-moz-transform:rotate(0)}
	100%{-moz-transform:rotate(360deg)}
}
@-webkit-keyframes aniRotate{
	0%{-webkit-transform:rotate(0)}
	100%{-webkit-transform:rotate(360deg)}
}
@keyframes aniRotate{
	0%{transform:rotate(0)}
	100%{transform:rotate(360deg)}
}

.huawu_qi{
position:absolute;background:url(../images/huawu_7.png) no-repeat;width:61px;height:53px;right:-80px;bottom:60;
_background:none;
_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/huawu_7.png',sizingMethod='crop');
-webkit-animation:aniRotate 15s linear infinite;
-moz-animation:aniRotate 15s linear infinite;
-m-animation:aniRotate 15s linear infinite;
-o-animation:aniRotate 15s linear infinite;
animation:aniRotate 15s linear infinite;
}

.huawu_ba{
position:absolute;background:url(../images/huawu_8.png) no-repeat;width:61px;height:53px;left:-60px;bottom:-50px;
_background:none;
_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/huawu_8.png',sizingMethod='crop');
-webkit-animation:aniRotate 10s linear infinite;
-moz-animation:aniRotate 10s linear infinite;
-m-animation:aniRotate 10s linear infinite;
-o-animation:aniRotate 10s linear infinite;
animation:aniRotate 10s linear infinite;	
	}
	
.huawu_liu{
position:absolute;background:url(../images/huawu_6.png) no-repeat;width:61px;height:53px;left:200px;bottom:0px;
_background:none;
_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/huawu_6.png',sizingMethod='crop');
-webkit-animation:aniRotate 7s linear infinite;
-moz-animation:aniRotate 7s linear infinite;
-m-animation:aniRotate 7s linear infinite;
-o-animation:aniRotate 7s linear infinite;
animation:aniRotate 7s linear infinite;	
	}
	
.huawu_wu{
position:absolute;background:url(../images/huawu_5.png) no-repeat;width:61px;height:53px;right:150px;top:350px;
_background:none;
_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/huawu_5.png',sizingMethod='crop');
-webkit-animation:aniRotate 3s linear infinite;
-moz-animation:aniRotate 3s linear infinite;
-m-animation:aniRotate 3s linear infinite;
-o-animation:aniRotate 3s linear infinite;
animation:aniRotate 3s linear infinite;	
	}
	
.huawu_si{
position:absolute;background:url(../images/huawu_4.png) no-repeat;width:61px;height:53px;left:100px;top:380px;
_background:none;
_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/huawu_4.png',sizingMethod='crop');
-webkit-animation:aniRotate 8s linear infinite;
-moz-animation:aniRotate 8s linear infinite;
-m-animation:aniRotate 8s linear infinite;
-o-animation:aniRotate 8s linear infinite;
animation:aniRotate 8s linear infinite;	
	}
	
.huawu_san{
position:absolute;background:url(../images/huawu_3.png) no-repeat;width:61px;height:53px;right:40px;top:210px;
_background:none;
_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/huawu_3.png',sizingMethod='crop');
-webkit-animation:aniRotate 12s linear infinite;
-moz-animation:aniRotate 12s linear infinite;
-m-animation:aniRotate 12s linear infinite;
-o-animation:aniRotate 12s linear infinite;
animation:aniRotate 12s linear infinite;	
	}
	
.huawu_er{
position:absolute;background:url(../images/huawu_2.png) no-repeat;width:61px;height:53px;left:180px;top:410px;
_background:none;
_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/huawu_2.png',sizingMethod='crop');
-webkit-animation:aniRotate 14s linear infinite;
-moz-animation:aniRotate 14s linear infinite;
-m-animation:aniRotate 14s linear infinite;
-o-animation:aniRotate 14s linear infinite;
animation:aniRotate 14s linear infinite;
	}
	
.huawu_yi{
position:absolute;background:url(../images/huawu_1.png) no-repeat;width:61px;height:53px;right:180px;top:410px;
_background:none;
_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/huawu_1.png',sizingMethod='crop');
-webkit-animation:aniRotate 9s linear infinite;
-moz-animation:aniRotate 9s linear infinite;
-m-animation:aniRotate 9s linear infinite;
-o-animation:aniRotate 9s linear infinite;
animation:aniRotate 9s linear infinite;
	}