/* 织梦58（dede58.com）做最好的织梦整站模板下载网站 */
* {
	margin: 0;
	padding: 0
}
body {
}
.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("../img/btn_up.png") no-repeat;
	margin-left: -34px;
	display: none;
}
.btn-down {
	background: url("../img/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;
	z-index: 9999;
}
.btnlistpar:hover {
*width:88px;
}
.btnlistpar a {
	display: block;
	margin-top: 4px;
	padding-right: 26px;
	color: #c1c7d0;
	text-align: right;
	cursor: pointer;
	background: url("../img/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("../img/btnlist_sel.png") no-repeat right center;
}
.btnlistpar .sel {
	background: url("../img/btnlist_sel.png") no-repeat right center;
}
.btnlistpar a:hover span {
	display: block;
}
.btnlistpar #bdshare {
	background: url("../img/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;
}
.lodpar {
	position: absolute;
	width: 100%;
	background: #040f27;
	top: 0;
	left: 0;
	z-index: 9999;
	height: 100%;
}
.lodtit {
	width: 184px;
	height: 100px;
	background: url("../img/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("../img/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 {
	position: relative;
}
.cont2 {
	background: url("../img/cont2_bg.jpg") no-repeat center;
	background-size: cover;
}
.cont3 {
}
.cont4 {
	background: #DEE5E4;
}
/*============================================================*/.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("../img/btn2.png") no-repeat center;
}
.contpar_0 .cont0 .btn:hover, .contpar_1 .cont0 .btn:hover, .contpar_2 .cont0 .btn:hover {
	background: url("../img/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("../img/btn1.png") no-repeat center;
}
.contpar_3 .cont0 .btn:hover, .contpar_4 .cont0 .btn:hover, .contpar_5 .cont0 .btn:hover {
	background: url("../img/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;
}
.keymouse {
	background: url("../img/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("../img/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("../img/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("../img/btn_left.png") no-repeat center;
	cursor: pointer;
}
.cont1 .videopar .left:hover {
	background: url("../img/btn_left_sel.png") no-repeat center;
}
.cont1 .videopar .right {
	left: auto;
	right: 470px;
	background: url("../img/btn_right.png") no-repeat center;
}
.cont1 .videopar .right:hover {
	background: url("../img/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("../img/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("../img/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("../img/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("../img/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("../img/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("../img/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("../img/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("../img/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("../img/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("../img/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("../img/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("../img/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("../img/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("../img/cont4_downlist.png") no-repeat;
}
.flinks_sel {
	height: auto;
}
.flinks_sel dt {
	background: url("../img/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("../img/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;
}