*{margin: 0;
padding: 0
}
body{
	overflow: hidden;
	font-family: '微软雅黑','黑体',serif,'宋体';
	color: #4d6287;
	font-size: 14px;
}
div,li,dt,dd,span
{
	font-family: '微软雅黑'
}
li{
	list-style-type: none;
}
a,a:active{
	text-decoration: none;
	color: #4d6287;
	font-family: '微软雅黑';
}
img{
	border: none;
}

.dis-none{
	display: none !important;
}
.bor-left-none{
	border-left: none !important;
}
.mar-t-0{
	margin-top: 0 !important;
}

.star0
,.star1
,.star2
,.star3
,.star4
{
	width: 30px;
	height: 30px;
	position: absolute;
	left: 50%;
	top: 50%;
}
.star0{
	margin: -329px 0 0 -437px;
	-webkit-animation: star 16s linear infinite;
	-moz-animation: star 16s linear infinite;
	-o-animation: star 16s linear infinite;
	animation: star 16s linear infinite;	
}
.star1{
	margin: -216px 0 0 411px;
	-webkit-animation: star 30s linear infinite;
	-moz-animation: star 30s linear infinite;
	-o-animation: star 30s linear infinite;
	animation: star 30s linear infinite;	
}
.star2{
	margin: -86px 0 0 -358px;
	-webkit-animation: star 10s linear infinite;
	-moz-animation: star 10s linear infinite;
	-o-animation: star 10s linear infinite;
	animation: star 10s linear infinite;	
}
.star3{
	margin: -136px 0 0 -251px;
	-webkit-animation: star 5s linear infinite;
	-moz-animation: star 5s linear infinite;
	-o-animation: star 5s linear infinite;
	animation: star 5s linear infinite;	
}
.star4{
	margin: -22px 0 0 157px;
	-webkit-animation: star 3s linear infinite;
	-moz-animation: star 3s linear infinite;
	-o-animation: star 3s linear infinite;
	animation: star 3s linear infinite;	
}
@-webkit-keyframes star{
	0%{opacity: 0;}
	50%{opacity: 1;}
	100%{opacity: 0;}
}
@-moz-keyframes star{
	0%{opacity: 0;}
	50%{opacity: 1;}
	100%{opacity: 0;}
}
@-o-keyframes star{
	0%{opacity: 0;}
	50%{opacity: 1;}
	100%{opacity: 0;}
}
@keyframes star{
	0%{opacity: 0;}
	50%{opacity: 1;}
	100%{opacity: 0;}
}
.meteor0
,.meteor1
,.meteor2
,.meteor3
{
	position: absolute;
	left: 50%;
	top: 50%;
}
.meteor0{
	width: 40px;
	height: 26px;
	margin: -100px 0 0 -100px; 
	-webkit-animation: meteor0 4s ease infinite;
	-moz-animation: meteor0 4s ease infinite;
	-o-animation: meteor0 4s ease infinite;
	animation: meteor0 4s ease infinite;
	opacity: 0;	
}
@-webkit-keyframes meteor0{
	0%{opacity: 0;margin:-450px 0 0 600px;}
	25%{opacity: 1;}
	50%{opacity: 0;margin: -100px 0 0 -100px; }
	100%{}
}
@-moz-keyframes meteor0{
	0%{opacity: 0;margin:-450px 0 0 600px;}
	25%{opacity: 1;}
	50%{opacity: 0;margin: -100px 0 0 -100px; }
	100%{}
}
@-o-keyframes meteor0{
	0%{opacity: 0;margin:-450px 0 0 600px;}
	25%{opacity: 1;}
	50%{opacity: 0;margin: -100px 0 0 -100px; }
	100%{}
}
@keyframes meteor0{
	0%{opacity: 0;margin:-450px 0 0 600px;}
	25%{opacity: 1;}
	50%{opacity: 0;margin: -100px 0 0 -100px; }
	100%{}
}
.meteor1{
	width: 60px;
	height: 40px;
	margin: 500px 0 0 -500px; 
	-webkit-animation: meteor1 10s ease infinite;
	-moz-animation: meteor1 10s ease infinite;
	-o-animation: meteor1 10s ease infinite;
	animation: meteor1 10s ease infinite;
	opacity: 0;	
}
@-webkit-keyframes meteor1{
	0%{}
	80%{opacity: 0;margin:-400px 0 0 700px;}
	90%{opacity: 1;}
	100%{opacity: 0;margin: 600px 0 0 -500px; }
}
@-moz-keyframes meteor1{
	0%{}
	80%{opacity: 0;margin:-400px 0 0 700px;}
	90%{opacity: 1;}
	100%{opacity: 0;margin: 600px 0 0 -500px; }
}
@-o-keyframes meteor1{
	0%{}
	80%{opacity: 0;margin:-400px 0 0 700px;}
	90%{opacity: 1;}
	100%{opacity: 0;margin: 600px 0 0 -500px; }
}
@keyframes meteor1{
	0%{}
	80%{opacity: 0;margin:-400px 0 0 700px;}
	90%{opacity: 1;}
	100%{opacity: 0;margin: 600px 0 0 -500px; }
}
.meteor2{
	width: 90px;
	height: 60px;
	margin: -500px 0 0 300px; 
	-webkit-animation: meteor2 8s ease infinite;
	-moz-animation: meteor2 8s ease infinite;
	-o-animation: meteor2 8s ease infinite;
	animation: meteor2 8s ease infinite;
	opacity: 0;	
}
@-webkit-keyframes meteor2{
	0%{}
	25%{opacity: 0;margin:-500px 0 0 300px;}
	50%{opacity: 1;}
	75%{opacity: 0;margin: 100px 0 0 -1000px; }
	100%{}
}
@-moz-keyframes meteor2{
	0%{}
	25%{opacity: 0;margin:-500px 0 0 300px;}
	50%{opacity: 1;}
	75%{opacity: 0;margin: 100px 0 0 -1000px; }
	100%{}
}
@-o-keyframes meteor2{
	0%{}
	25%{opacity: 0;margin:-500px 0 0 300px;}
	50%{opacity: 1;}
	75%{opacity: 0;margin: 100px 0 0 -1000px; }
	100%{}
}
@keyframes meteor2{
	0%{}
	25%{opacity: 0;margin:-500px 0 0 300px;}
	50%{opacity: 1;}
	75%{opacity: 0;margin: 100px 0 0 -1000px; }
	100%{}
}
.meteor3{
	width: 90px;
	height: 60px;
	margin: 100px 0 0 1000px; 
	-webkit-animation: meteor3 16s ease infinite;
	-moz-animation: meteor3 16s ease infinite;
	-o-animation: meteor3 16s ease infinite;
	animation: meteor3 16s ease infinite;
	opacity: 0;	
}
@-webkit-keyframes meteor3{
	0%{}
	25%{opacity: 0;margin:100px 0 0 1000px;}
	50%{opacity: 1;}
	75%{opacity: 0;margin: 600px 0 0 100px; }
	100%{}
}
@-moz-keyframes meteor3{
	0%{}
	25%{opacity: 0;margin:100px 0 0 1000px;}
	50%{opacity: 1;}
	75%{opacity: 0;margin: 600px 0 0 100px; }
	100%{}
}
@-o-keyframes meteor3{
	0%{}
	25%{opacity: 0;margin:100px 0 0 1000px;}
	50%{opacity: 1;}
	75%{opacity: 0;margin: 600px 0 0 100px; }
	100%{}
}
@keyframes meteor3{
	0%{}
	25%{opacity: 0;margin:100px 0 0 1000px;}
	50%{opacity: 1;}
	75%{opacity: 0;margin: 600px 0 0 100px; }
	100%{}
}

.btn-up,.btn-down{
	position: fixed;
	top: 40px;
	left: 50%;
	width: 69px;
	height: 41px;
	background: url("../images/btn_up.png") no-repeat;
	margin-left: -34px;
	display: none;
}
.btn-down{
	background: url("../images/btn_down.png") no-repeat;
	top: auto;
	bottom: 40px;
}
.btnlistpar{
	padding: 0;
	margin: 0;
	margin-top: -127px;
	top: 50%;
	right: 20px;
	position: fixed;
	_position: absolute;
	line-height: 18px;
	overflow: hidden;
	*width:27px;
	float: right;
	clear: both;
}
.btnlistpar:hover{
	*width:88px;
}
.btnlistpar a{
	display: block;
	margin-top: 4px;
	padding-right: 26px;
	color: #c1c7d0;
	text-align: right;
	cursor: pointer;
	background: url("../images/btnlist.png") no-repeat right center;
	float: right!important;
	clear: both;
	overflow: hidden;
	width: 1px;
	height: 28px;
	line-height: 28px;
	position: relative;
	font-size: 12px;
	color: #a6bee0;
}
.btnlistpar a span{
	display: none;
	text-align: right;
}
.btnlistpar a:hover{
	width: 62px;
	background:url("../images/btnlist_sel.png") no-repeat right center;
}
.btnlistpar .sel{
	background:url("../images/btnlist_sel.png") no-repeat right center;
}
.btnlistpar a:hover span{
	display: block;
}
.btnlistpar #bdshare{
	background:url("../images/share.png") no-repeat right center;
}
.btnlistpar #bdshare em{
	position: absolute;
	top: 0;
	right: 0;
	width: 100%;
	height: 100%;
	background: none !important;
}
.btnlistparPhone{
	margin-top: -215px;
	right: 50px;
}
.btnlistparPhone a{
	height: 36px;
	line-height: 36px;
	padding-right: 50px;
	font-size: 24px;
	margin-top: 20px;
}
.btnlistparPhone a:not(.share):before{
	content: '';
	width: 30px;
	height: 30px;
	background: #c1c7d0;
	border-radius: 18px;
	position: absolute;
	top: 3px;
	right: 3px;
}
.btnlistparPhone a.sel:not(.share):before{
	width: 36px;
	height: 36px;
	top: 0;
	right: 0;
}
.btnlistparPhone a.sel:before{
	background-color: #2365d3;
}

.btn{
	width: 288px;
	height: 102px;
	line-height: 102px;
	color: #cee6ff;
	position: absolute;
	bottom: 18%;
	left: 50%;
	margin-left: -144px;
	background: url("../images/btn.png") no-repeat center;
	text-align: center;
	font-size: 22px;
	letter-spacing: 1px;
	text-shadow:2px 4px 3px rgba(13,33,95,0.30);
}
.btn span{
	font-size: 18px;
}
.btn:hover{
	color: #fff;
	background: url("../images/btn_hover.png") no-repeat center;
}
.btnvisited{
	color: #b4d0ec;
}
.btn1{
	bottom: auto;
	top: 50%;
	margin-top: -30px;
}

.lodpar{
	position: absolute;
	width: 100%;
	background: #040f27;
	top: 0;
	left: 0;
	z-index: 9999;
	height: 100%;
}
.lodtit{
	width: 184px;
	height: 100px;
	background: url("../images/log_icon_a.png") no-repeat center;
	background-size:100% 100%;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -50px 0 0 -92px;
	position: relative;
}
.lodtit_sel{
	background: url("../images/log_icon_b.png") no-repeat center;
}
.lodleft,.lodright{
	position: absolute;
	top: 50%;
	height: 20px;
	width: 0;
	overflow: hidden;
	left: 0;
	margin-top: -15px;
}
.lodright{
	left: auto;
	right: 0;
	margin-top: 15px;
}
.lodleft dt,.lodright dt{
	line-height: 0;
	font-size: 0;
	height: 20px;
	float: right;
	width: 37px;
	position: relative;
}
.lodright dt{
	float: left;
}
.lodleft dd,.lodright dd{
	height: 2px;
	width: 100%;
	position: absolute;
	left: 0;
	top: 9px;
	_top:9px;
	background: #55acfd;
	line-height: 0;
	font-size: 0;
}

.contpar{
	position: relative;
}	
.contpar .cont{
	width: 100%;
	height: 700px;
	position: relative;
	overflow: hidden;

}
.cont0{
	background: #040509 url("../images/cont0_bg.png") repeat center top;
}
.cont1{
	background: #142647 ;
}
.cont2,.cont3,.cont4{
	background: url("../images/cont2_bg.png") repeat;
}
.cont5{
	background: url("../images/cont3_bg.png") repeat center top;
}
.cont6{
	background: url("../images/cont4_bg.png") repeat center;
}
/*============================================================*/
.cont0 .header{
	position: absolute;
	top: 0;
	left: 50%;
	/*width: 80%;
	margin-left: -40%;*/
	_width:1400px !important;
	_margin-left:-700px !important;
}
.tit-consub0{
	position: absolute;
	top: 50%;
	left: 50%;
	color: #fff;
	font-size: 40px;
	height: 50px;
	line-height: 50px;
	margin: -250px 0 0 -390px;
	width: 640px;
	opacity: 0;
	font-family: '微软雅黑';
}
.cont0 .header img{
	width: 100%;
}
.contpar_0 .cont0 .header{/*<500 <280*/
	margin-left: -240px;
	width: 480px;
}
.contpar_1 .cont0 .header{/*<720 <430*/
	margin-left: -250px;
	width: 500px;
}
.contpar_2 .cont0 .header{/*<870 <490*/
	margin-left: -360px;
	width: 720px;
}
.contpar_0 .cont0 .btn
,.contpar_1 .cont0 .btn
,.contpar_2 .cont0 .btn
{
	font-size: 16px;
	background: url("../images/btn2.png") no-repeat center;
}
.contpar_0 .cont0 .btn:hover
,.contpar_1 .cont0 .btn:hover
,.contpar_2 .cont0 .btn:hover
{
	background: url("../images/btn_hover2.png") no-repeat center;
}
.contpar_0 .cont0 .btn span
,.contpar_1 .cont0 .btn span
,.contpar_2 .cont0 .btn span
{
	font-size: 14px;
}
.contpar_3 .cont0 .header{/*<1024 <580*/
	margin-left: -435px;
	width: 870px;
}
.contpar_4 .cont0 .header{/*<1150 <680*/
	margin-left: -512px;
	width: 1024px;
}
.contpar_5 .cont0 .header{/*<1280 <720*/
	margin-left: -575px;
	width: 1150px;
}
.contpar_3 .cont0 .btn
,.contpar_4 .cont0 .btn
,.contpar_5 .cont0 .btn
{
	font-size: 18px;
	background: url("../images/btn1.png") no-repeat center;
}
.contpar_3 .cont0 .btn:hover
,.contpar_4 .cont0 .btn:hover
,.contpar_5 .cont0 .btn:hover
{
	background: url("../images/btn_hover1.png") no-repeat center;
}
.contpar_3 .cont0 .btn span
,.contpar_4 .cont0 .btn span
,.contpar_5 .cont0 .btn span
{
	font-size: 16px;
}
.contpar_6 .cont0 .header{/*<1366 <768*/
	margin-left: -640px;
	width: 1280px;
}
.contpar_7 .cont0 .header{/*<1600 <900*/
	margin-left: -683px;
	width: 1366px;
}
.contpar_8 .cont0 .header{/*>1600 >900*/
	margin-left: -700px;
	width: 1400px;
}
.logo{
	width:100px;
	height: 25px;
	line-height: 30px;
	background: url("../images/cont0_logo.png") no-repeat left top;
	position: absolute;
	top: 20px;
	left: 16%;
	color: #fff;
	padding:0 0 0 35px;
}
.keymouse{
	background: url("../images/cont0_keymouse.png") no-repeat center;
	width: 95px;
	height: 33px;
	position: absolute;
	bottom: 20px;
	right: 20px;
	line-height: 0;
}
.keymouse img{

	-webkit-animation: keymouse 6s linear infinite;
	-moz-animation: keymouse 6s linear infinite;
	-o-animation: keymouse 6s linear infinite;
	animation: keymouse 6s linear infinite;	
	opacity: 0;

}
@-webkit-keyframes keymouse{
	0%{}
	30%{opacity: 0;}
	40%{opacity: 1;}
	50%{opacity: 0;}
	60%{opacity: 1;}
	70%{opacity: 0;}
	100%{}

}
@-moz-keyframes keymouse{
	0%{opacity: 0;}
	50%{opacity: 1;}
	100%{opacity: 0;}
}
@-o-keyframes keymouse{
	0%{opacity: 0;}
	50%{opacity: 1;}
	100%{opacity: 0;}
}
@keyframes keymouse{
	0%{opacity: 0;}
	50%{opacity: 1;}
	100%{opacity: 0;}
}

.btn_down{
	cursor: pointer;
	width: 70px;
	height: 66px;
	position: absolute;
	bottom: 5%;
	left: 50%;
	margin-left: -35px;
	background: url("../images/cont0_btndown.png") no-repeat center bottom;
}
.btn_down_animation{
	animation: shake .8s linear 0s 1 normal;
	-moz-animation: shake .8s linear 0s 1 normal;
	-webkit-animation: shake .8s ease-in-out 0s 1 normal;
	-o-animation: shake .8s linear 0s 1 normal;	
}
@-webkit-keyframes shake{
	0% {-webkit-transform: translate(0,0);}
	25% {-webkit-transform: translate(0,-50px);}
	50% {-webkit-transform: translate(0,0);}
	70% {-webkit-transform: translate(0px,-20px);}
	100% {-webkit-transform: translate(0,0);}
}
@keyframes shake {
	0% {transform: translate(0,0);}
	25% {transform: translate(0,-50px);}
	50% {transform: translate(0,0);}
	70% {transform: translate(0px,-20px);}
	100% {transform: translate(0,0);}
}
@-moz-keyframes shake {
	0% {-moz-transform: translate(0,0);}
	25% {-moz-transform: translate(0,-50px);}
	50% {-moz-transform: translate(0,0);}
	70% {-moz-transform: translate(0px,-20px);}
	100% {-moz-transform: translate(0,0);}
}
@-o-keyframes shake {
	0% {-o-transform: translate(0,0);}
	25% {-o-transform: translate(0,-50px);}
	50% {-o-transform: translate(0,0);}
	70% {-o-transform: translate(0px,-20px);}
	100% {-o-transform: translate(0,0);}
}
.btndowntit{
	width: 70px;
	height: 26px;
	line-height: 26px;
	position: absolute;
	bottom: 10%;
	left: 50%;
	margin-left: -35px;
	text-align: center;
	color: #4368b0;
}

/*=================================================*/
.cont1 .videopar{
	position: absolute;
	top: 50%;
	left: 50%;
	width: 1920px;
	height: 1024px;
	margin: -450px 0 0 -960px;
	background: url("../images/cont1_video_bg.png") no-repeat center bottom;
	opacity: 0;

	transition:all .3s ease;
	-webkit-transition:all .3s ease;
	-moz-transition:all .3s ease;
	-o-transition:all .3s ease;

}
.cont1 .videopar_ani{
	opacity: 1;
	margin: -512px 0 0 -960px;
}
.cont1 .videopar .left,.cont1 .videopar .right{
	width: 41px;
	height: 69px;
	position: absolute;
	left: 450px;
	top: 476px;
	background: url("../images/btn_left.png") no-repeat center;
	cursor: pointer;
}
.cont1 .videopar .left:hover{
	background: url("../images/btn_left_sel.png") no-repeat center;
}
.cont1 .videopar .right{
	left: auto;
	right: 470px;
	background: url("../images/btn_right.png") no-repeat center;
}
.cont1 .videopar .right:hover{
	background: url("../images/btn_right_sel.png") no-repeat center;
}
.cont1 .videopar .tit{
	overflow: hidden;
	font-size: 40px;
	padding: 230px 567px 0 556px;
	color: #2d4677;
	height: 60px;
}
.cont1 .videopar .tit li{
	float: left;
	transition:all .8s ease;
	-webkit-transition:all .8s ease;
	-moz-transition:all .8s ease;
	-o-transition:all .8s ease;
	cursor: pointer;
	width: 265px;
	text-align: center;
}
.cont1 .videopar .tit li:nth-child(1) {text-align:left;}
.cont1 .videopar .tit li:nth-child(3) {text-align:right;}

.cont1 .videopar .tit .current{
	color: #73aaf4;
	cursor: default;
}
.cont1 .videopar .video {
	width: 800px;
	height: 480px;
	margin: 15px 0 0 555px;
	position: relative;
	overflow:hidden;
}
.cont1 .videopar .video ul {width:2400px;position:absolute;}
.cont1 .videopar .video dt,.cont1 .videopar .video li{
	float:left;
	width: 800px;
	height: 450px;
	line-height: 0;
	transition:all .5s ease;
	-webkit-transition:all .5s ease;
	-moz-transition:all .5s ease;
	-o-transition:all .5s ease;
	position: relative;
	
}
.mp3 {width:100%;height:30px;text-align:center;position:absolute;bottom:-46px;left:0;}
.mp3 a, .mp3 a:hover {color:#73aaf4;}
.cont1 .videopar .video dt span,.cont1 .videopar .video li span{
	position: absolute;
	width: 113px;
	height: 113px;
	background: url("../images/btn_video.png") no-repeat center;
	top: 50%;
	left: 50%;
	margin: -52px 0 0 -52px;
	cursor: pointer;
}
.cont1 .videopar .video .v{
	position: absolute;
	top: 0;
	left: 0;
	width: 800px;
	height: 450px;
}



/*=================================================================*/



.cont2{
	position: relative;
	width: 100%;
	height: 100%;
	overflow: hidden;
}
.cont2 .img0
,.cont2 .img1
,.cont2 .img2
,.cont2 .img3
,.cont2 .img4
,.cont2 .img5
,.cont2 .img6
,.cont2 .img7
,.cont2 .img8
,.cont2 .img9
,.cont2 .img10
,.cont2 .img11
,.cont2 .img12
,.cont2 .img13
,.cont2 .img14
{
	position: absolute;
	left: 50%;
	top: 50%;	
}
.cont2 .img6
,.cont2 .img7
,.cont2 .img8
,.cont2 .img10
,.cont2 .img11
,.cont2 .img13
{
	transition:all .6s ease;
	-webkit-transition:all .6s ease;
	-moz-transition:all .6s ease;
	-o-transition:all .6s ease;
}
.cont2 .img0
,.cont2 .img1
,.cont2 .img2
{/*第一动画*/
	transition:all .5s ease;
	-webkit-transition:all .5s ease;
	-moz-transition:all .5s ease;
	-o-transition:all .5s ease;
}
.cont2 .img0{
	width: 900px;
	height: 560px;
	margin: 0px 0 0 -450px;
	opacity: 0;

}
.cont2 .img0_ani{
	opacity: 1;
	margin: -240px 0 0 -450px;
}
.cont2 .img1{
	width: 1080px;
	height: 58px;
	margin: 488px 0 0 -499px;
	opacity: 0;

}
.cont2 .img1_ani{
	margin: 246px 0 0 -499px;
	opacity: 1;
}
.cont2 .img2{
	width: 280px;
	height: 280px;
	margin: 211px 0 0 -395px;
	opacity: 0;

}
.cont2 .img2_ani{
	margin: -27px 0 0 -395px;
	opacity: 1;
}
.cont2 .img3,.cont2 .img4,.cont2 .img5{
	transition:all 1s ease;
	-webkit-transition:all 1s ease;
	-moz-transition:all 1s ease;
	-o-transition:all 1s ease;
	opacity: 0;
}
.cont2 .img3{
	width: 188px;
	height: 116px;
	margin: 161px 0 0 0px;

}
.cont2 .img3_ani{
	margin: 161px 0 0 -471px;
	opacity: 1;
}
.cont2 .img4{
	width: 326px;
	height: 200px;
	margin: 76px 0 0 -200px;

}
.cont2 .img4_ani{
	margin: 76px 0 0 234px;
	opacity: 1;
}
.cont2 .img5{
	width: 0;
	height: 0;
	overflow: hidden;
	margin: 200px 0 0 -50px;

}
.cont2 .img5_ani{
	width: 170px;
	height: 250px;
	margin: -32px 0 0 336px;
	opacity: 1;
}
.cont2 .img6,.cont2 .img7{
	width: 110px;
	height: 110px;
	margin: 74px 0 0 -365px;

		opacity: 0;
transform: scale(.7);
-webkit-transform: scale(.7);
-moz-transform: scale(.7);
-o-transform: scale(.7);


}
.cont2 .img6_ani{
	-webkit-animation: rotate 4s linear infinite;
	-moz-animation: rotate 4s linear infinite;
	-o-animation: rotate 4s linear infinite;
	animation: rotate 4s linear infinite;	
}
@-webkit-keyframes rotate{from{-webkit-transform: rotate(0deg)}
to{-webkit-transform: rotate(360deg)}
}
@-moz-keyframes rotate{from{-moz-transform: rotate(0deg)}
to{-moz-transform: rotate(359deg)}
}
@-o-keyframes rotate{from{-o-transform: rotate(0deg)}
to{-o-transform: rotate(359deg)}
}
@keyframes rotate{from{transform: rotate(0deg)}
to{transform: rotate(359deg)}
}
.cont2 .img7{
	margin: 133px 0 0 -289px;
}
.cont2 .img7_ani{
	-webkit-animation: rotate1 4s linear infinite;
	-moz-animation: rotate1 4s linear infinite;
	-o-animation: rotate1 4s linear infinite;
	animation: rotate1 4s linear infinite;	
}
@-webkit-keyframes rotate1{from{-webkit-transform: rotate(360deg)}
to{-webkit-transform: rotate(0deg)}
}
@-moz-keyframes rotate1{from{-moz-transform: rotate(359deg)}
to{-moz-transform: rotate(0deg)}
}
@-o-keyframes rotate1{from{-o-transform: rotate(359deg)}
to{-o-transform: rotate(0deg)}
}
@keyframes rotate1{from{transform: rotate(359deg)}
to{transform: rotate(0deg)}
}
.cont2 .img8 dt,.cont2 .img9 dt,.cont2 .img10 dt,.cont2 .img11 dt{
	font-size: 25px;
}
.cont2 .img8{
	overflow: hidden;
	text-align: center;
	width: 210px;
	height: 110px;
	margin: -80px 0 0 -360px;
	background:url("../images/cont2_img8.png") no-repeat;
	opacity: 0;


}
.cont2 .img8_ani{
	opacity: 1;
	margin: -120px 0 0 -360px;
}

.cont2 .img8 dt{
	padding:18px 0 5px 0;
}
.cont2 .img8 dd{
	line-height: 21px;
}
.cont2 .img9{
	overflow: hidden;
	text-align: center;
	transition:all 1s ease;
	-webkit-transition:all 1s ease;
	-moz-transition:all 1s ease;
	-o-transition:all 1s ease;
	width: 250px;
	height: 114px;
	margin: 130px 0 0 4px;
	background: url("../images/cont2_img9.png") no-repeat;
	opacity: 0;
	transform-origin:100% 100%;
	-webkit-transform-origin:100% 100%;
	-moz-transform-origin:100% 100%;
	-o-transform-origin:100% 100%;
	transform: scale(.1);
	-webkit-transform: scale(.1);
	-moz-transform: scale(.1);
	-o-transform: scale(.1);

}
.cont2 .img9_ani{
	opacity: 1;
	transform: scale(1);
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-o-transform: scale(1);
}
.cont2 .img9 dt{
	padding: 9px 0 2px 0;
}
.cont2 .img9 dd{
	line-height: 21px;
}
.cont2 .img10,.cont2 .img11{
	width: 240px;
	height: 116px;
	background: url("../images/cont2_img10.png") no-repeat center top;
	overflow: hidden;
	text-align: center;
	transition:all .3s ease;
	-webkit-transition:all .3s ease;
	-moz-transition:all .3s ease;
	-o-transition:all .3s ease;
	margin:5px 0 0 -132px;
	opacity: 0;

}

.cont2 .img11{
	margin: 4px 0 0 130px;
	background: url("../images/cont2_img11.png") no-repeat center top;

}
.cont2 .img10_ani,.cont2 .img11_ani{
	opacity: 1;
	margin-top:  -35px ;
}


.cont2 .img10 dt,.cont2 .img11 dt{
	padding: 12px 0 10px 0;
	color: #fff;
	margin-bottom: 10px;
}
.cont2 .img10 dd,.cont2 .img11 dd{
	line-height: 20px;
}
.cont2 .img12{
	overflow: hidden;
	width: 36px;
	height: 0;
	margin: 80px 0 0 325px;
	transition:all .2s .35s ease;
	-webkit-transition:all .2s .35s ease;
	-moz-transition:all .2s .35s ease;
	-o-transition:all .2s .35s ease;

	transform: rotate(-30deg);
	-webkit-transform: rotate(-30deg);
	-moz-transform: rotate(-30deg);
	-o-transform: rotate(-30deg);

}
.cont2 .img12_ani{
	height: 138px;
	transform: rotate(0deg);
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-o-transform: rotate(0deg);
}
.cont2 .img13{
	width: 78px;
	height: 78px;
	margin: 222px 0 0 300px;
		opacity: 0;
transform: scale(.7);
-webkit-transform: scale(.7);
-moz-transform: scale(.7);
-o-transform: scale(.7);

}
.cont2 .img13_ani{
	-webkit-animation:arrowSmall .85s linear normal;
}
@-webkit-keyframes arrowSmall{
	0%{-webkit-transform:rotateY(0deg);}
    25%{-webkit-transform:rotateY(360deg);}
    50%{-webkit-transform:rotateY(0deg);}
    75%{-webkit-transform:rotateY(360deg);}
    100%{-webkit-transform:rotateY(0deg);}
}
.cont2 .img14{
	width: 1410px;
	height: 929px;
	margin: -450px -705px;
}

/*=================================================================*/


.cont3 .img0_consub1
,.cont3 .img1_consub1
,.cont3 .img2_consub1
,.cont3 .img3_consub1
,.cont3 .img4_consub1
,.cont3 .img5_consub1
,.cont3 .img6_consub1
,.cont3 .img7_consub1
,.cont3 .img8_consub1
{
	position: absolute;
	left: 50%;
	top: 50%;	
}
.cont3 .img1_consub1
,.cont3 .img2_consub1
,.cont3 .img3_consub1
,.cont3 .img6_consub1
,.cont3 .img7_consub1
,.cont3 .img8_consub1
{
	transition:all .6s ease;
	-webkit-transition:all .6s ease;
	-moz-transition:all .6s ease;
	-o-transition:all .6s ease;
}
.tit-consub1{
	margin: -270px 0 0 -390px;
	position: absolute;
	top: 50%;
	left: 50%;
	color: #fff;
	font-size: 40px;
	height: 50px;
	line-height: 50px;
	width: 640px;
	opacity: 0;
}
.cont3 .img0_consub1{
	width: 1300px;
	height: 830px;
	margin: 0px 0 0 -646px;
	transition:all .5s ease;
	-webkit-transition:all .5s ease;
	-moz-transition:all .5s ease;
	-o-transition:all .5s ease;
	opacity: 0;


}
.cont3 .img0_ani{
	margin: -320px 0 0 -646px;
	opacity: 1;
}
.cont3 .img1_consub1{
	width: 380px;
	height: 540px;
	margin: -236px 0 0 -441px;
	opacity: 0;

	transform-origin: 100% 50%;
-webkit-transform-origin: 100% 50%;
-moz-transform-origin: 100% 50%;
-o-transform-origin: 100% 50%;

transform: scale(.1);
-webkit-transform: scale(.1);
-moz-transform: scale(.1);
-o-transform: scale(.1);

}
.cont3 .img2_consub1{
	width: 200px;
	height: 250px;
	margin: -182px 0 0 -59px;
	opacity: 0;

	transform-origin: 0% 50%;
-webkit-transform-origin: 0% 50%;
-moz-transform-origin: 0% 50%;
-o-transform-origin: 0% 50%;

transform: scale(.1);
-webkit-transform: scale(.1);
-moz-transform: scale(.1);
-o-transform: scale(.1);

}
.cont3 .img3_consub1{
	width: 133px;
	height: 197px;
	margin: -36px 0 0 -230px;
	opacity: 0;

transform: scale(.1);
-webkit-transform: scale(.1);
-moz-transform: scale(.1);
-o-transform: scale(.1);

}

.cont3 .img1_ani
,.cont3 .img2_ani
,.cont3 .img3_ani{
	opacity: 1;
transform: scale(1);
-webkit-transform: scale(1);
-moz-transform: scale(1);
-o-transform: scale(1);

}

.cont3 .img4_consub1{
	width: 240px;
	height: 100px;
	margin: -172px 0 0 167px;
	background: url("../images/cont2_consub1_img4.png") no-repeat center top;
	text-align: center;
	padding-left: 14px;
	opacity: 0;
	transform-origin: 0% 50%;
-webkit-transform-origin: 0% 50%;
-moz-transform-origin: 0% 50%;
-o-transform-origin: 0% 50%;

transform: scaleX(.01);
-webkit-transform: scaleX(.01);
-moz-transform: scaleX(.01);
-o-transform: scaleX(.01);

}
.cont3 .img4_consub1 dt,.cont3 .img5_consub1 dt{
	font-size: 25px;
	padding:10px 0 5px;

}
.cont3 .img4_consub1 dd,.cont3 .img5_consub1 dd{
	line-height: 21px;

}
.cont3 .img5_consub1{
	width: 250px;
	height: 100px;
	margin: 29px 0 0 -492px;
	background: url("../images/cont2_consub1_img5.png") no-repeat center top;
	text-align: center;
	padding-right: 16px;
	opacity: 0;
	transform-origin: 100% 50%;
-webkit-transform-origin: 100% 50%;
-moz-transform-origin: 100% 50%;
-o-transform-origin: 100% 50%;

transform: scaleX(.01);
-webkit-transform: scaleX(.01);
-moz-transform: scaleX(.01);
-o-transform: scaleX(.01);

}
.cont3 .img4_ani,.cont3 .img5_ani{
	transition:all .6s ease;
	-webkit-transition:all .6s ease;
	-moz-transition:all .6s ease;
	-o-transition:all .6s ease;
	opacity: 1;
transform: scaleX(1);
-webkit-transform: scaleX(1);
-moz-transform: scaleX(1);
-o-transform: scaleX(1);
}
.cont3 .img6_consub1,.cont3 .img7_consub1{
	overflow: hidden;
	width: 240px;
	height: 120px;
	margin: 56px 0 0 90px;
	background: url("../images/cont2_consub1_img6.png") no-repeat center top;
	text-align: center;
	opacity: 0;
	transform-origin: 50% 100%;
-webkit-transform-origin: 50% 100%;
-moz-transform-origin: 50% 100%;
-o-transform-origin: 50% 100%;

transform: scaleY(.01);
-webkit-transform: scaleY(.01);
-moz-transform: scaleY(.01);
-o-transform: scaleY(.01);

}
.cont3 .img6_ani,.cont3 .img7_ani{
	opacity: 1;
transform: scaleY(1);
-webkit-transform: scaleY(1);
-moz-transform: scaleY(1);
-o-transform: scaleY(1);
}
.cont3 .img7_consub1{
	margin: 169px 0 0 -110px;
	background: url("../images/cont2_consub1_img7.png") no-repeat center top;

}
.cont3 .img6_consub1 dt,.cont3 .img7_consub1 dt{
	line-height: 60px;
	color: #fff;
	font-size: 25px;
}
.cont3 .img8_consub1{
	width: 100px;
	height: 100px;
	margin: 20px 0 0 358px;

	opacity: 0;
transform: scale(.7);
-webkit-transform: scale(.7);
-moz-transform: scale(.7);
-o-transform: scale(.7);

}


/*=================================================================*/



.cont4 .img0
,.cont4 .img1
,.cont4 .img2
,.cont4 .img3
,.cont4 .img4
,.cont4 .img5
,.cont4 .img6
,.cont4 .img8
,.cont4 .img9
,.cont4 .img10
{
	position: absolute;
	left: 50%;
	top: 50%;	
}
.cont4 .img1
,.cont4 .img2
,.cont4 .img3
,.cont4 .img4
{
	transition:all .6s ease;
	-webkit-transition:all .6s ease;
	-moz-transition:all .6s ease;
	-o-transition:all .6s ease;
}
.tit-consub2{
	position: absolute;
	top: 50%;
	left: 50%;
	color: #fff;
	font-size: 40px;
	height: 50px;
	line-height: 50px;
	margin: -260px 0 0 -390px;
	width: 640px;
	opacity: 0;
}
.cont4 .img0{
	width: 1200px;
	height: 700px;
	margin: -310px 0 0 -200px;
	transition:all .4s ease;
	-webkit-transition:all .4s ease;
	-moz-transition:all .4s ease;
	-o-transition:all .4s ease;
	opacity: 0;

}
.cont4 .img0_ani{
	opacity: 1;
	margin: -310px 0 0 -600px;
}
.cont4 .img1{
	overflow: hidden;
	width: 250px;
	height: 116px;
	margin: -42px 0 0 -384px;
	background: url("../images/cont2_consub2_img1.png") no-repeat center top;

	opacity: 0;

}
.cont4 .img1_ani{
	opacity: 1;
	margin: -82px 0 0 -384px;
}
.cont4 .img2{
	width: 290px;
	height: 106px;
	margin: -145px 0 0 215px;
	background: url("../images/cont2_consub2_img2.png") no-repeat center top;
	opacity: 0;
	transform-origin: 0% 50%;
-webkit-transform-origin: 0% 50%;
-moz-transform-origin: 0% 50%;
-o-transform-origin: 0% 50%;

transform: scaleX(.01);
-webkit-transform: scaleX(.01);
-moz-transform: scaleX(.01);
-o-transform: scaleX(.01);

}
.cont4 .img2_ani{
	opacity:1;
transform: scaleX(1);
-webkit-transform: scaleX(1);
-moz-transform: scaleX(1);
-o-transform: scaleX(1);
}
.cont4 .img1,.cont4 .img2{
	text-align: center;
}
.cont4 .img1 dt,.cont4 .img2 dt{
	font-size: 25px;
	padding: 26px 0 5px 0;
}
.cont4 .img1 dd,.cont4 .img2 dd{
	line-height: 20px;
}
.cont4 .img3{
	overflow: hidden;
	width: 250px;
	height: 120px;
	margin: -19px 0 0 -90px;
	background: url("../images/cont2_consub2_img3.png") no-repeat center top;
	text-align: center;
	opacity: 0;

}
.cont4 .img3_ani{
	opacity: 1;
	margin: -59px 0 0 -90px;
}
.cont4 .img3 dt{
	line-height: 60px;
	color: #fff;
	font-size: 25px;
	padding: 0 0 6px 0;
}
.cont4 .img3 dd{
	line-height: 22px;
}
.cont4 .img4{
	width: 100px;
	height: 100px;
	margin: 110px 0 0 -284px;
	opacity: 0;
transform: scale(.7);
-webkit-transform: scale(.7);
-moz-transform: scale(.7);
-o-transform: scale(.7);


}
.cont4 .img4_ani{
	opacity: 1;
transform: scale(1);
-webkit-transform: scale(1);
-moz-transform: scale(1);
-o-transform: scale(1);

}
.cont4 .img5{
	overflow: hidden;
	width: 218px;
	height: 90px;
	margin: 52px 0 0 -188px;

	transition:all .2s ease;
	-webkit-transition:all .2s ease;
	-moz-transition:all .2s ease;
	-o-transition:all .2s ease;

	transform: rotate(-16deg);
	-webkit-transform: rotate(-16deg);
	-moz-transform: rotate(-16deg);
	-o-transform: rotate(-16deg);

	transform-origin: 100% 0%;
-webkit-transform-origin: 100% 0%;
-moz-transform-origin: 100% 0%;
-o-transform-origin: 100% 0%;

transform: scaleX(.01);
-webkit-transform: scaleX(.01);
-moz-transform: scaleX(.01);
-o-transform: scaleX(.01);
opacity: 0;

}
.cont4 .img5_ani{
	transform: rotate(0deg);
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-o-transform: rotate(0deg);
opacity: 1;

transform: scaleX(1);
-webkit-transform: scaleX(1);
-moz-transform: scaleX(1);
-o-transform: scaleX(1);
}
.cont4 .img6{
	width: 340px;
	height: 250px;
	margin: 55px 0 0 -54px;
	background: url("../images/cont2_consub2_img6.png") no-repeat center top;
	text-align: center;
	line-height: 220px;
	position: relative;
	overflow: hidden;
		transition:all .6s ease;
	-webkit-transition:all .6s ease;
	-moz-transition:all .6s ease;
	-o-transition:all .6s ease;
	opacity: 0;

}
.cont4 .img6_ani{
	margin: 55px 0 0 54px;
	opacity: 1;
}
.cont4 .img6 img{
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -52px 0 0 -52px;
}
.cont4 .img8{
	width: 0;
	height: 0;
	margin: -5px 0 0 311px;
	overflow: hidden;

}
.cont4 .img8_ani{
	width: 98px;
	height: 76px;
	animation:kf_cont4_img8 1s linear normal;
	-webkit-animation:kf_cont4_img8 1s linear normal;
	-moz-animation:kf_cont4_img8 1s linear normal;
	-o-animation:kf_cont4_img8 1s linear normal;
}
@keyframes kf_cont4_img8{
	0%{	width: 0;height: 0;}
	32%{width: 0;height: 0;}
	62%{width: 0;height: 0;}
	80%{width: 98px;}
	100%{height: 76px;}
}
@-webkit-keyframes kf_cont4_img8{
	0%{	width: 0;height: 0;}
	32%{width: 0;height: 0;}
	62%{width: 0;height: 0;}
	80%{width: 98px;}
	100%{height: 76px;}
}
@-moz-keyframes kf_cont4_img8{
	0%{	width: 0;height: 0;}
	32%{width: 0;height: 0;}
	62%{width: 0;height: 0;}
	80%{width: 98px;}
	100%{height: 76px;}
}
@-o-keyframes kf_cont4_img8{
	0%{	width: 0;height: 0;}
	32%{width: 0;height: 0;}
	62%{width: 0;height: 0;}
	80%{width: 98px;}
	100%{height: 76px;}
}
.cont4 .img9{
	width: 150px;
	height: 200px;
	margin: 85px 0 0 150px;
		transition:all .4s ease;
	-webkit-transition:all .4s ease;
	-moz-transition:all .4s ease;
	-o-transition:all .4s ease;
	opacity: 0;

}
.cont4 .img9_ani{
	margin: 85px 0 0 330px;
	opacity: 1;
}
.cont4 .img9 ul{
	width: 85px;
	height: 150px;
	position: absolute;
	top: 17px;
left: 35px;
overflow: hidden;
}
.cont4 .img9 ul li{
	overflow: hidden;
	width: 36px;
	height: 36px;
	position: absolute;
	top: -40px;
	left: 10px;
		transition:all .15s ease;
	-webkit-transition:all .15s ease;
	-moz-transition:all .15s ease;
	-o-transition:all .15s ease;

}
.cont4 .img9 ul .item1{
	left: 44px;
}
.cont4 .img9 ul .item2{
	left: 10px;
}
.cont4 .img9 ul .item0_ani{
	top: 15px;
}
.cont4 .img9 ul .item1_ani{
	top: 60px;
}
.cont4 .img9 ul .item2_ani{
	top: 100px;
}
.cont4 .img10{
	width: 106px;
	text-align: center;
	opacity: 0;
	margin: 54px 0 0 -446px;
		transition:all .4s ease;
	-webkit-transition:all .4s ease;
	-moz-transition:all .4s ease;
	-o-transition:all .4s ease;

}
.cont4 .img10 dt{
	width: 106px;
	height: 106px;
	line-height: 0;
}
.cont4 .img10 dd{
	line-height: 18px;
	color: #fff;
	font-size: 12px;

}
.cont4 .img10_ani{
	opacity: 1;
	margin: 54px 0 0 -406px;
}

.flinks{
	width: 928px;
	height: 40px;
	padding: 0 10px;
	border: 1px solid #1c3962;
	position: absolute;
	bottom: 130px;
	left: 50%;
	margin-left: -475px;
	overflow: hidden;
}
.flinks dd{
	line-height: 16px;
	height:16px;
	color: #7083a2;
	float: left;
	display: inline;
	padding: 12px 0;  
}
.flinks dd a{
	display: block;
	height: 16px;
	line-height: 16px;
	color: #7083a2;
	border-left: 1px solid #7083a2;
	padding: 0 10px;
	font-size: 12px;
	float: left;
}
.flinks dd span{
	position: relative;
	top: -1px;
}
.flinks dt{
	cursor: pointer;
	position: absolute;
	top: 13px;
	right: 10px;
	width: 13px;
	height: 13px;
	background: url("../images/cont4_downlist.png") no-repeat;
}
.flinks_sel{
	height: auto;
}
.flinks_sel dt{
	background: url("../images/cont4_downlist_.png") no-repeat;
}
.foot{
	background: #1c2847;
	height: 105px;
	text-align: center;
	position: absolute;
	width: 100%;
	bottom: 0;
}
.foot dt{
	padding: 20px 0 10px;
	color: #c6cbde;
}
.foot dt a{
	color: #c6cbde;
}
.foot dt a:hover{
	color: #5096f4;
}
.foot dd{
	color: #969fbe;
}

/*=========================================*/
.cWin{
	opacity: 0;
	width: 316px;
	height: 316px;
	background: url("../images/cont4_winbg.png") no-repeat -1300px -100px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin:-107px 0 0 -495px;
	line-height: 0;
	-webkit-animation: water-front-animation 160s infinite linear;
	-moz-animation: water-front-animation 160s infinite linear;
	-o-animation: water-front-animation 160s infinite linear;
	animation: water-front-animation 160s infinite linear;

	transition:all .3s ease;
	-webkit-transition:all .3s ease;
	-moz-transition:all .3s ease;
	-o-transition:all .3s ease;

}
@-webkit-keyframes water-front-animation {
	0%   {background-position: -1300px -100px;  }
	50%  {background-position: 0px -100px;  }
	100% {background-position: -1301px -100px; }
}
@-moz-keyframes water-front-animation {
	0%   {background-position: -1300px -100px;  }
	50%  {background-position: 0px -100px;  }
	100% {background-position: -1301px -100px; }
}
@-o-keyframes water-front-animation {
	0%   {background-position: -1300px -100px;  }
	50%  {background-position: 0px -100px;  }
	100% {background-position: -1301px -100px; }
}
@keyframes water-front-animation {
	0%   {background-position: -1300px -100px;  }
	50%  {background-position: 0px -100px;  }
	100% {background-position: -1301px -100px; }
}
.cWin_ani{
	margin:-167px 0 0 -495px;
	opacity: 1;
}
/*common animation*/
.com_ani_rotate{
	-webkit-animation: rotate 4s linear infinite;
-moz-animation: rotate 4s linear infinite;
-o-animation: rotate 4s linear infinite;
animation: rotate 4s linear infinite;
}
.com_ani_scale_1{
		opacity: 1 !important;
transform: scale(1) !important;
-webkit-transform: scale(1) !important;
-moz-transform: scale(1) !important;
-o-transform: scale(1) !important;

}

/*add by xiesw for 新闻列表*/
.list-news li {
	list-style-type: none;
	line-height: 32px;
	font-size: 16px;
	padding-left: 17px;
}
.list-news li span {
	display:inline-block;
	width:410px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	vertical-align:middle;
}
.list-news li em {
	margin-left:5px;
	font:14px/32px arial;
}