﻿.section { text-align: center; font: 50px "Microsoft Yahei"; color: #fff;}

.section1_whole{ width:480px; height:570px; position:relative; left:50%; margin-left:-240px;}

.section2_whole{ width:460px; height:540px; position:relative; left:50%; margin-left:90px;}

.section3_whole{ width:634px; height:640px; position:relative; left:50%; margin-left:-320px;}

.section4_whole{ width:1076px; height:570px; position:relative; left:50%; margin-left:-538px;}

.section5_whole{ width:1050px; height:526px; position:relative; left:50%; margin-left:-525px;}

.bg1_1 { position: absolute; width: 110px; height: 340px; top:70px; background: url(../images/sitg6qyargoyu0mz5qasfg.png) 0 0 no-repeat; opacity: 0; transition: all 1s;left:50%; margin-left:-24px;}

.bg1_2{ position: absolute; width:480px; bottom:0px; opacity:0; left:50%; margin-left:-240px;  transition: all 1s;}

.bg1_2 p{ text-align:center; color:white; font-size:14px; letter-spacing:1px;}

.bg1_3{ position: absolute; width:480px; bottom:-25px; opacity:0; left:50%; margin-left:-240px;  transition: all 1s;}

.bg1_3 p{ text-align:center; color:white; font-size:14px; letter-spacing:1.5px;}

.bg1_4{ position: absolute; width:480px; bottom:-50px; opacity:0; left:50%; margin-left:-240px;  transition: all 1s;}

.bg1_4 p{ text-align:center; color:white; font-size:14px; letter-spacing:1.5px;}

.bg1_5 { position: absolute; width:146px; height:45px; left:50%; margin-left:-73px; bottom:-150px; transition: all 1s; opacity:0; }

.bg2_1 { position: absolute; width: 118px; height: 351px; top:105px; background: url(../images/bb2.png) 0 0 no-repeat; opacity: 0; transition: all 1s; left:60px; top:80px;}

.bg2_2{ position: absolute; bottom:0px; opacity:0; left:120px; transition: all 1s;}

.bg2_3{ position: absolute; width:18px; height:20px; bottom:55px; opacity:0; left:0px; transition: all 1s; background: url(../images/k88fis3fqccchqd8kz9dba.png) 0 0 no-repeat; }

.bg2_4,.bg2_5,.bg2_6 p{ font-size:13px; color:white; text-align:left;}

.bg2_4{ position: absolute; width:480px; bottom:-100px; opacity:0; left:0px; transition: all 1s;}

.bg2_5{ position: absolute; width:480px; bottom:-100px; opacity:0; left:0px; transition: all 1s;}

.bg2_6{ position: absolute; width:480px; bottom:-100px; opacity:0; left:0px; transition: all 1s;}

.bg3_1 { position: absolute; width: 53px; height: 233px; top:40px; background: url(../images/oju7ep5ztgule7blk4ic1q.png) 0 0 no-repeat; opacity: 0; transition: all 1s; left:50%; margin-left:-26.5px;}


.bg3_2{ position: absolute; bottom:0px; opacity:0; left:50%; margin-left:-74px; transition: all 1s;}

.bg3_3{ position: absolute; width:634px; height:62px; bottom:100px; opacity:0; left:0px; transition: all 1s; background: url(../images/m0e4t9wnqbg-djkjm9haaq.png) 0 0 no-repeat; }

.bg3_4 { position:absolute; width:400px;top:65%; left:50%; margin-left:-200px;bottom:-100px; opacity:0; transition: all 1s; }

.bg3_4 p{ text-indent:2em; font-size:14px; color:white; width:400px; text-align:left; line-height:26px; padding:0px; margin:0px;}

.bg4_1 { position: absolute; width: 53px; height: 235px; top:50px; background: url(../images/uldi31hatmeqzegdy8ci2w.png) 0 0 no-repeat; opacity: 0; transition: all 1s; left:50%; margin-left:-26.5px;}

.bg4_2 { position: absolute; width: 1076px; height: 287px; top:100px; opacity: 0; transition: all 1s; left:0; overflow:hidden; }

.bg4_3 { position: absolute; width: 148px; left:50%; margin-left:-74px; height: 47px; opacity: 0; transition: all 1s; bottom:-100px;}

.bg5_1 { position: absolute; width: 55px; height: 235px; top:0px; left:143px; background: url(../images/ii77emphr4wgurievsdy1w.png) 0 0 no-repeat; opacity: 0; transition: all 1s;}

.bg5_2 { position: absolute; width: 118px; height: 310px; bottom:40px; right:115px; background: url(../images/fdpdfaccq6ytyp680bkhmg.png) 0 0 no-repeat; opacity: 0; transition: all 2s;}

.bg5_3 { position: absolute; width: 320px; bottom:-50px; left:143px; opacity: 0; transition: all 1s;}
.bg5_4 { position: absolute; width: 400px; bottom:-50px; left:143px; opacity: 0; transition: all 1s; text-align:left;}

.bg5_3 p{ letter-spacing:1px; font-size:15px; color:#595959; text-align:left;line-height:35px;}

.bg5_3 a{ color:#595959;text-decoration:none;}

.section1 { background: url(../images/tiayk_m8t7q_qfmp8sjgbg.jpg) 50%;}

.section2 { background:url(../images/in3.jpg) 50%;}

.section3 { background: url(../images/bxfhnwdusdakdi2zgcfiva.jpg) 50%;}

.section4 { background: url(../images/_cyrdiatshqwtaga2nhifw.jpg) 50%;}

.section5 { background: url(../images/3lrek6kdqlq5u2jrnbnp-w.jpg) 50%;}

.section5 { background: url(../images/3lrek6kdqlq5u2jrnbnp-w.jpg) 50%;}

.section6 { background:url(../images/in4bg1.jpg) 50%;}

.active .bg1_1 { opacity: 1; transition-delay: 0.7s; }

.active .bg1_2 { bottom:150px; opacity: 1; transition-delay: 0.7s; }

.active .bg1_3 { bottom:125px; opacity: 1; transition-delay: 1s; }

.active .bg1_4 { bottom:100px; opacity: 1; transition-delay: 1.3s; }

.active .bg1_5 { bottom:-0px; opacity: 1; transition-delay: 1.6s; }

.active .bg2_1 { opacity: 1; transition-delay: 0.7s; }

.active .bg2_2 { opacity: 1; bottom:110px; transition-delay: 1s; }

.active .bg2_3 { opacity: 1; transition-delay: 1.3s; }

.active .bg2_4 { opacity: 1; bottom:20px; transition-delay: 1.3s; }

.active .bg2_5 { opacity: 1; bottom:-10px; transition-delay: 1.6s; }

.active .bg2_6 { opacity: 1; bottom:-40px; transition-delay: 1.9s; }

.active .bg3_1 { opacity: 1; transition-delay: 0.7s; }

.active .bg3_2 { opacity: 1; bottom:230px; transition-delay: 1s; }

.active .bg3_3 { opacity: 1; transition-delay: 1.3s; }

.active .bg3_4 { opacity: 1; bottom:20px; transition-delay: 1.6s; }

.active .bg4_1 { opacity: 1; transition-delay: 0.7s; }

.active .bg4_2 { opacity: 1; top:190px; transition-delay: 0.7s; }

.active .bg4_3 { opacity: 1; bottom:-10px; transition-delay: 0.7s; }

.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:140px; transition-delay: 0.7s; }

.active .bg5_4 { opacity: 1; bottom:0px; transition-delay: 0.7s; }

a.index_button{ 
	text-align:left;
	padding-left:30px;
	color:#f00;
	font-size:14px; 
	width:146px;
	text-decoration:none; 
	border:1px solid #fff; 
	border-radius:23px; 
	display:block; 
	line-height:45px;
	transition: all 0.5s;
	background:url(../images/jph0k8kirw2i1xyzgulbma.png) no-repeat 100px center;
}

a.index_button:hover{ 
	text-decoration:none; 
	transition-delay: 0s; 
	border:1px solid rgba(102,134,168,.7); 
	background:url(../images/jph0k8kirw2i1xyzgulbma.png) rgba(102,134,168,.7) no-repeat 110px center;
}

a.no_bg:hover{ 
	text-decoration:none; 
	transition-delay: 0s; 
	border:1px solid #fff; 
	background:url(../images/jph0k8kirw2i1xyzgulbma.png) rgba(255,255,255,.2) no-repeat 110px center;
}
.left_nav{
	width:63px;
	height:191px;
	position:fixed;
	left:0px;
	top:50%;
	margin-top:-90px;
  z-index:9;
}
.wechat_left{
	opacity:0.8;
	background:url(../images/1rx8kmxvrdowhojbzycjdw.png) no-repeat 0 0;
	width:62px;
	height:64px;
	position:absolute;
	top:0px;
	left:0px;
	cursor:pointer;
	transition: all 1s;
	z-index:2;
}
.wechat_left img{
	opacity:0;
	left:30px;
	top:-21px;
	width:116px;
	height:110px;
	position:absolute;
	transition: all 1s;
	z-index:1px;
}
.wechat_left:hover{
	opacity:1;
}
.wechat_left:hover img{
	opacity:1;
	left:68px;
}
.tencent_left{
	opacity:0.8;
	background:url(../images/cn7jaxk1rwcsix4qrzdwgg.png) no-repeat 0 0;
	width:62px;
	height:64px;
	position:absolute;
	top:64px;
	left:0px;
	display:block;
	transition: all 1s;
  z-index:3px;
}
.tencent_left:hover{
	opacity:1;
}
.message_left{
	opacity:0.8;
	background:url(../images/ceqqdrq_q-gyy679hxoqdg.png) no-repeat 0 0;
	width:62px;
	height:63px;
	position:absolute;
	top:128px;
	left:0px;
	display:block;
	transition: all 1s;
}
.message_left:hover{
	opacity:1;
}