.section { text-align: center; font: 50px "Microsoft Yahei"; color: #fff;}

.section1_whole{ width:640px; height:800px; position:relative; left:50%; margin-left:-320px;}

.section2_whole{ width:640px; height:800px; position:relative; left:50%; margin-left:-320px;}

.section3_whole{ width:634px; height:640px; position:relative; left:50%; margin-left:-320px; margin-top:100px;}

.section4_whole{ width:640px; height:800px; position:relative; left:50%; margin-left:-320px;}

.section5_whole{ width:640px; height:800px; position:relative; left:50%; margin-left:-320px;}

.bg1_1 { position: absolute; width:48px; height:289px; top:70px; background: url(../images/sitg6qyargoyu0mz5qasfg.png) 0 0 no-repeat;  transition: all 1s;left:50%; margin-left:-24px;}

.bg1_2{ position: absolute; width:640px; bottom:350px; opacity:1; left:50%; margin-left:-320px;  transition: all 1s;}

.bg1_2_2{ position: absolute; width:640px; bottom:-50px; opacity:0; left:50%; margin-left:-320px;  transition: all 1s;}

.bg1_2 p{ text-align:center; color:white; font-size:16px; }

.bg1_2_2 p{ text-align:center; color:white; font-size:16px; }

.bg1_3{ position: absolute;  bottom:300px; opacity:1; left:50%; margin-left:-165px;  transition: all 1s;}

.bg1_3 p{ width: 80%;
    text-align: center;
    color: white;
    font-size: 16px; }

.bg1_4{ position: absolute;  bottom:250px; opacity:1; left:50%; margin-left:-165px;  transition: all 1s;}
  
.bg1_4 p{width: 80%; text-align:center; color:white; font-size:16px; }

.bg1_5 { position: absolute; width:190px; height:60px; left:50%; margin-left:-95px; bottom:150px; transition: all 1s; opacity:1; }

.bg1_6,.bg2_7,.bg3_5,.bg4_4{  position: fixed; opacity:0; bottom:-50px; transition: all 1s; left:50%;  margin-left:-35px; z-index:-1;}

.bg1_6 a,.bg2_7 a,.bg3_5 a,.bg4_4 a{ display:block; width:71px; height:63px;background:url(../images/vupmh8bsstehoapardzkiw.png) no-repeat 0 0;}

.bg2_1 { position: absolute; width:121px; height:355px; background: url(../images/5pihqsvxrrujv752wgu2jq.png) 0 0 no-repeat; opacity: 0; transition: all 1s; left:50%; margin-left:-60px; top:70px;}

.bg2_2{ position: absolute; bottom:0px; opacity:0; left:50%; margin-left:-95px; transition: all 1s;}

.bg2_4,.bg2_5,.bg2_6,.bg2_6_2 p{ font-size:16px; color:white; text-align:center;}

.bg2_4{ position: absolute; width:640px; bottom:0px; opacity:0; left:0px; transition: all 1s; }

.bg2_5{ position: absolute; width:640px; bottom:0px; opacity:0; left:0px; transition: all 1s; }

.bg2_6{ position: absolute; width:640px; bottom:0px; opacity:0; left:0px; transition: all 1s; }

.bg2_6_2{ position: absolute; width:640px; bottom:0px; opacity:0; left:0px; transition: all 1s; }

.bg3_1 { position: absolute; width: 48px; height: 213px; top:-50px; background: url(../images/vtqrtltprfoq3qyswap0mg.png) 0 0 no-repeat; opacity: 0; transition: all 1s; left:50%; margin-left:-24px;}

.bg3_2{ position: absolute; bottom:0px; opacity:0; left:50%; margin-left:-95px; transition: all 1s;}

.bg3_4 { position:absolute; left:50%; margin-left:-160px;bottom:0px; opacity:0; transition: all 1s; }

.bg3_4 p{ width:70%;text-indent:2em; font-size:16px; color:white; text-align:left; line-height:30px; padding:0px; margin:0px;}

.bg4_1 { position: absolute; width: 212px; height: 51px; top:80px; background: url(../images/uy5afcrdrjqi4mtwzilgxq.png) 0 0 no-repeat; opacity: 0; transition: all 1s; left:50%; margin-left:-106px;}

.bg4_2 { position: absolute; width: 580px; height: 500px; top:100px;  opacity: 0; transition: all 1s; left:50%; margin-left:-290px;}

.bg4_3 { position: absolute; width: 190px; left:50%; margin-left:-95px; height: 47px; opacity: 0; transition: all 1s; bottom:-100px;}
 
.bg5_1 { position: absolute; width:49px; height:215px; top:80px; left:50%; margin-left:-24px; background: url(../images/j3BEa75dTaaZngbfNBlz5A.png) 0 0 no-repeat; opacity: 0; transition: all 1s;}

.bg5_3 { position: absolute;  width: 450px; bottom:130px; left:50%; margin-left:-196px; opacity: 0; transition: all 1s;}

.bg5_3 p{ letter-spacing:1px; font-size:16px; color:#595959; text-align:left; line-height:28pt; }
.bg5_3 p img{float:left; width:120px; margin-left:5px;}
.bg5_3 a{ color:#595959;text-decoration:none;}

.section1 {height:100%; background: url(../images/tiayk_m8t7q_qfmp8sjgbg.jpg) no-repeat center; background-size:100% 100%;}

.section2 { background: url(../images/g6isfkzzrhe2p3a83kyebw.jpg) no-repeat center center;background-size:100% 100%;}

.section3 { background: url(../images/eumnzwb3s0azf8u4mdw0yq.jpg) no-repeat center center;background-size:100% 100%;}

.section4 { background: url(../images/6.jpg) no-repeat center center;background-size:100% 100%;}

.section5 { background: url(../images/image/MT916yg3SqKhSO1ak7L2cg.jpg) no-repeat center center; background-size:100% 100%;}
 
/*css3��ɶ���*/

.active .bg1_1 { opacity: 1; transition-delay: 0.7s; }

.active .bg1_2 { bottom:340px; opacity: 1; transition-delay: 0.7s; }

.active .bg1_2_2 { bottom:300px; opacity: 1; transition-delay: 0.7s; }

.active .bg1_3 { bottom:260px; opacity: 1; transition-delay:0.7s; }

.active .bg1_4 { bottom:220px; opacity: 1; transition-delay: 0.7s; }

.active .bg1_5 { bottom:130px; opacity: 1; transition-delay: 0.7s; }

.active .bg1_6 { bottom:30px; transition-delay: 1s; opacity:1; z-index:1;}

.active .bg2_1 { opacity: 1; transition-delay: 0.7s; }

.active .bg2_2 { opacity: 1; bottom:90px; transition-delay: 1.3s; }

.active .bg2_4 { opacity: 1; bottom:300px; transition-delay: 1s; }

.active .bg2_5 { opacity: 1; bottom:260px; transition-delay: 1s; }

.active .bg2_6 { opacity: 1; bottom:220px; transition-delay: 1s; }

.active .bg2_6_2 { opacity: 1; bottom:180px; transition-delay: 1s; }

.active .bg2_7 { bottom:30px; transition-delay: 1.3s; opacity:1; z-index:1;}

.active .bg3_1 { opacity: 1; transition-delay: 0.7s; }

.active .bg3_2 { opacity: 1; bottom:20px; transition-delay: 1.6s; }

.active .bg3_4 { opacity: 1; bottom:100px; transition-delay: 1s; }

.active .bg3_5 { bottom:30px; transition-delay: 1.9s; opacity:1; z-index:1;}

.active .bg4_1 { opacity: 1; transition-delay: 0.7s; }

.active .bg4_2 { opacity: 1; top:180px; transition-delay: 0.7s; }

.active .bg4_3 { opacity: 1; bottom:80px; transition-delay: 0.7s; }

.active .bg4_4 { bottom:30px; transition-delay: 1s; opacity:1; z-index:1;}

.active .bg5_1 { opacity: 1; transition-delay: 0.7s; }

.active .bg5_2 { opacity: 0.9; transition-delay: 1.3s; }

.active .bg5_3 { opacity: 1; bottom:270px; transition-delay: 0.7s; }

/*��ť*/

a.index_button{ 
	text-align:left;
	padding-left:40px;
	color:white; 
	font-size:16px; 
	width:190px;
	text-decoration:none; 
	border-radius:30px; 
	display:block; 
	line-height:60px;
	transition: all 0.5s;
	background:url(../images/guwaqtxprs66bmkge6tpwq.png) #3e5c83 no-repeat 140px center;
}