h1,h2,h3,p,form,ul,li,body {
	padding: 0;
	margin: 0
}

ul,li {
	list-style: none
}

img {
	border: 0
}

a:active {
	outline: none;
	star: expression(this.onFocus=this.blur())
}

body {
	font: 14px/1.2
}

.header {
	width: 100%;
	height: 85px;
	position: absolute;
	z-index: 10;
	left: 0;
	top: 0
}

.header_cnt {
	width: 1058px;
	height: 100px;
	overflow: hidden;
	margin: auto
}

.body_1024 .header_cnt {
	width: 960px
}

.logo {
	width: 450px;
	height: 74px;
	background: url(../Images/logo.png) no-repeat;
	margin: 34px 0 0;
	float: left
}

.nav {
	float: right;
	margin: 45px 0 0;
	width: 450px
}

.nav ul {
	width: 460px;
	margin: 0 -20px 0 0
}

.nav li {
	float: left;
	padding: 0
}

.nav li.split {
	width: 75px;
	height: 20px
}

.nav a {
	color: #fff;
	font-size: 16px;
	text-decoration: none;
	padding: 0 0 3px
}

.nav a.on,.nav a:hover {
	border-bottom: 2px solid #fff
}

.sec1 {
	margin: 0;
	width: 100%;
	height: 950px;
	position: relative;
	z-index: 9;
	overflow: hidden;
	background: #3970d7 url(../Images/sec1-5c1b49e1.jpg) center bottom no-repeat;
	background-size: cover
}

.body_1366 .sec1 {
	height: 667px
}

.body_1366 .sec1,.body_1024 .sec1 {
	background: #3970d7 url(../Images/sec1-5c1b49e1.jpg) center top no-repeat
}

.body_1024 .sec1 {
	height: 750px
}

.summary {
	color: #FFF;
	text-align: center;
	font-size: 70px;
	font-weight: 400;
	padding: 230px 0 0;
	white-space: nowrap
}

.body_1366 .summary {
	padding: 160px 0 0
}

.body_1024 .summary {
	padding: 180px 0 0
}

.summary span {
	padding: 0 70px 0 20px;
	font-size: 80px;
	position: relative;
	top: 7px
}

.summary-tips {
	color: #fff;
	font-size: 27px;
	text-align: center;
	padding: 27px 0 0;
	font-weight: 400;
	white-space: nowrap
}

.webbar {
	width: 100%;
	margin: 122px 0 0;
	height: 78px;
	position: relative;
	z-index: 600
}

.webbar p {
	width: 281px;
	margin: 0 auto;
	font-size: 35px;
	color: #fff;
	font-weight: 400;
	text-decoration: none;
	background-image: url(../Images/sprite20151210-9f4dc36f.png);
	background-position: 0 0;
	z-index: 600
}

.webbar p,.webbar p label {
	display: block;
	height: 78px;
	position: relative;
	cursor: pointer;
	overflow: hidden
}

.webbar p label {
	z-index: 10
}

.webbar p label.animate {
	transition: margin-top .2s ease-in-out
}

.webbar p label i {
	position: absolute;
	display: block;
	width: 25px;
	height: 30px;
	left: 44px;
	top: 27px;
	z-index: 1;
	cursor: pointer;
	background-image: url(../Images/sprite20151210-9f4dc36f.png);
	background-position: -168px -194px
}

.webbar p label.animate i {
	animation: mupdown .8s linear infinite;
	-webkit-animation: mupdown .8s linear infinite;
	-moz-animation: mupdown .8s linear infinite;
	-o-animation: mupdown .8s linear infinite;
	-ms-animation: mupdown .8s linear infinite
}

.webbar p:hover label.animate {
	margin-top: -78px
}

.webbar p a {
	color: #fff;
	text-decoration: none
}

@keyframes mupdown {
	0% {
		top: 20px
	}

	25% {
		top: 25px
	}

	75% {
		top: 30px
	}

	100% {
		top: 20px
	}
}

@-webkit-keyframes mupdown {
	0% {
		top: 20px
	}

	25% {
		top: 25px
	}

	75% {
		top: 30px
	}

	100% {
		top: 20px
	}
}

.webbar a span {
	position: relative;
	top: 18px;
	left: 95px;
	z-index: 1;
	cursor: pointer;
	font-weight: 400
}

.app-info {
	color: #fff;
	text-align: center;
	font-size: 15px;
	margin: 40px auto 0;
	width: 80%;
	white-space: nowrap
}

.app-info label {
	padding: 0 5px
}

.app-more {
	text-align: center;
	margin: 14px 0 0
}

.app-more a {
	color: #fff;
	font-size: 16px
}

.more-tips {
	width: 100%;
	height: 72px;
	position: absolute;
	left: 0;
	bottom: 38px
}

.body_1366 .more-tips,.body_1024 .more-tips {
	bottom: 8px
}

.more-tips a {
	display: block;
	width: 72px;
	height: 72px;
	margin: auto;
	position: relative;
	background-image: url(../Images/sprite20151210-9f4dc36f.png);
	background-position: 0 -194px;
	transition: transform .3s ease-in 0s;
	-webkit-transition: -webkit-transform .3s ease-in 0s;
	-ms-transition: -ms-transform .3s ease-in 0s
}


.title {
	text-align: center;
	font-size: 71px;
	font-weight: 400;
	padding: 101px 0 25px;
	position: relative;
	z-index: 600
}

.body_1366 .title,.body_1024 .title {
	padding: 20px 0;
	font-size: 60px
}

.subtitle {
	text-align: center;
	font-weight: 400;
	font-size: 29px;
	position: relative;
	z-index: 600
}

.body_1366 .subtitle,.body_1024 .subtitle {
	font-size: 20px
}

.subsubtitle {
	padding: 30px 0 0;
	text-align: center;
	font-size: 18px;
	position: relative;
	z-index: 600
}

.body_1366 .subsubtitle,.body_1024 .subsubtitle {
	font-size: 16px;
	padding: 15px 0 0
}

.clo_black {
	color: #323232
}

.col_white {
	color: #fff
}

.col_blue {
	color: #bbd0e4
}

.clo_subblack {
	color: #323232
}

.clo_subsubblack {
	color: #acacac
}

.switch-img {
	text-align: center;
	width: 100%;
	height: 433px;
	padding: 92px 0 0;
	position: relative;
	z-index: 1
}

.switch-img a {
	position: absolute;
	cursor: text
}

.switchbar {
	width: auto;
	overflow: hidden;
	margin: 95px 0 0
}

.body_1366 .switchbar,.body_1024 .switchbar {
	margin: 20px 0 0
}

.sec2 {
	height: 962px
}

.sec2,.sec22 {
	width: auto;
	overflow: hidden
}

.sec22 {
	height: 890px
}

.body_1366 .sec2 {
	height: 667px
}

.body_1024 .sec2 {
	height: 750px
}

.sec3 {
	margin: 0;
	width: 100%;
	height: 817px;
	position: relative;
	z-index: 9;
	overflow: hidden
}

.sec3-bg {
	background: #106bac url(../Images/sec3-89da247d.jpg) center no-repeat;
	background-size: cover
}

.circle_wrap {
	width: 1215px;
	height: 1215px;
	position: absolute;
	top: 20px;
	left: 380px;
	z-index: 10
}

.circle_wrap-bg {
	background: url(../Images/circle_wrap-7c95abb7.png) top center no-repeat;
	background-size: cover
}

.animate .circle_wrap {
	animation: spin 15s linear infinite;
	-moz-animation: spin 15s linear infinite;
	-webkit-animation: spin 15s linear infinite;
	-o-animation: spin 15s linear infinite
}

.circle_moon {
	width: 1215px;
	height: 1215px;
	position: absolute;
	top: 20px;
	left: 380px;
	z-index: 10
}

.circle_moon-bg {
	background: url(../Images/circle_moon-5a428ca4.png) top center no-repeat;
	background-size: cover
}

.animate .circle_moon {
	animation: fspin 15s linear infinite;
	-moz-animation: fspin 15s linear infinite;
	-webkit-animation: fspin 15s linear infinite;
	-o-animation: fspin 15s linear infinite
}

.circle_line {
	width: 1215px;
	height: 1215px;
	position: absolute;
	top: 20px;
	left: 380px;
	z-index: 11
}

.circle_line-bg {
	background: url(../Images/circle_line-a9184433.png) top center no-repeat;
	background-size: cover
}

.animate .circle_line {
	animation: spin 15s linear infinite;
	-moz-animation: spin 15s linear infinite;
	-webkit-animation: spin 15s linear infinite;
	-o-animation: spin 15s linear infinite
}

.circle_j {
	width: 1215px;
	height: 1215px;
	position: absolute;
	top: 20px;
	left: 380px;
	z-index: 12
}

.circle_j-bg {
	background: url(../Images/circle_j-335e64de.png) top center no-repeat;
	background-size: cover
}

.animate .circle_j {
	animation: spin 3s linear infinite;
	-moz-animation: spin 3s linear infinite;
	-webkit-animation: spin 3s linear infinite;
	-o-animation: spin 3s linear infinite
}

@keyframes dopacity {
	0% {
		opacity: .1
	}

	100% {
		opacity: 1
	}
}

@-webkit-keyframes dopacity {
	0% {
		opacity: .1
	}

	100% {
		opacity: 1
	}
}

.animate .circle_wolf {
	animation: dopacity 5s linear;
	-moz-animation: dopacity 5s linear;
	-webkit-animation: dopacity 5s linear;
	-o-animation: dopacity 5s linear;
	opacity: 1;
	filter: alpha(opacity=100)
}

.circle_wolf {
	width: 1215px;
	height: 1215px;
	position: absolute;
	top: 20px;
	left: 380px;
	z-index: 13;
	opacity: .1
}

.circle_wolf-bg {
	background: url(../Images/circle_wolf-4c7e704b.png) top center no-repeat;
	background-size: cover
}

.circle_icon {
	display: none
}

@keyframes spin {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg)
	}

	100% {
		-webkit-transform: rotate(-360deg);
		transform: rotate(-360deg)
	}
}

@-webkit-keyframes spin {
	0% {
		-webkit-transform: rotate(0deg)
	}

	100% {
		-webkit-transform: rotate(-360deg)
	}
}

@keyframes fspin {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg)
	}

	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg)
	}
}

@-webkit-keyframes fspin {
	0% {
		-webkit-transform: rotate(0deg)
	}

	100% {
		-webkit-transform: rotate(360deg)
	}
}

.winbar {
	margin: 80px 0 0;
	width: 100%;
	position: relative
}

.wins {
	width: 209px;
	height: 150px;
	background: url(../Images/wins-116091e5.jpg) no-repeat
}

.wins,.winm {
	position: absolute;
	top: 100px;
	left: 400px;
	display: none
}

.winm {
	width: 259px;
	height: 170px;
	background: url(../Images/winm-0f9e7664.jpg) no-repeat
}

.winb {
	width: 399px;
	height: 260px;
	display: none;
	background: url(../Images/winb-bff5ba4e.jpg) no-repeat
}

.winb,.winl {
	position: absolute;
	top: 100px;
	left: 400px
}

.winl {
	width: 630px;
	height: 420px;
	background: url(../Images/winl-a0642946.jpg?v=20151210a) no-repeat
}

.sec4 {
	margin: 0;
	width: 100%;
	height: 598px;
	position: relative;
	z-index: 9;
	overflow: hidden
}

.sec4-bg {
	background: #106bac url(../Images/sec4-aa115e06.jpg) center no-repeat;
	background-size: cover
}

.btn_btdownload {
	width: 100%;
	overflow: hidden;
	margin: 80px 0 0
}

.btn_btdownload a {
	width: 277px;
	height: 74px;
	position: relative;
	margin: 0 auto;
	background-position: 0 -78px;
	color: #fff;
	text-decoration: none;
	font-size: 34px
}

.btn_btdownload a,.btn_btdownload a i {
	display: block;
	background-image: url(../Images/sprite20151210-9f4dc36f.png)
}

.btn_btdownload a i {
	width: 25px;
	height: 30px;
	position: absolute;
	top: 23px;
	left: 40px;
	background-position: -168px -194px;
	animation: mupdown .8s linear infinite;
	-webkit-animation: mupdown .8s linear infinite;
	-moz-animation: mupdown .8s linear infinite;
	-o-animation: mupdown .8s linear infinite;
	-ms-animation: mupdown .8s linear infinite
}

.btn_btdownload a span {
	position: relative;
	top: 18px;
	left: 95px
}

.foot {
	width: 100%;
	min-width: 1058px;
	height: 357px;
	overflow: hidden
}

.fcnt {
	width: 750px;
	margin: 0 auto
}

.pfcnt {
	width: 850px
}

.fcnt-unit {
	float: left;
	width: 315px;
	height: 357px
}

.fcnt-unit-last {
	width: 180px
}

.fcnt-unit h3 {
	font-weight: 400;
	margin: 92px 0 0;
	font-size: 19px;
	color: #323232
}

.fcnt-unit ul {
	width: auto;
	overflow: hidden;
	margin: 38px 0 0;
	color: #969696
}

.fcnt-unit ul li {
	padding: 0 0 8px
}

.fcnt-unit ul li a {
	text-decoration: none;
	color: #969696
}

.fcnt-unit ul li a:hover {
	text-decoration: underline
}

.fcnt-unit ul li a.iweixi {
	display: block;
	width: 42px;
	height: 42px;
	background-image: url(../Images/sprite20151210-9f4dc36f.png);
	background-position: -180px -152px;
	float: left;
	margin-right: 10px;
	transition: transform .3s ease-in 0s;
	-webkit-transition: -webkit-transform .3s ease-in 0s;
	-ms-transition: -ms-transform .3s ease-in 0s
}

.fcnt-unit ul li a.iweixi:hover,.fcnt-unit ul li a.isina:hover {
	transform: rotate(360deg);
	-webkit-transform: rotate(360deg);
	-moz-transform: rotate(360deg);
	-o-transform: rotate(360deg);
	-ms-transform: rotate(360deg)
}

.fcnt-unit ul li a.isina {
	display: block;
	width: 42px;
	height: 42px;
	background-image: url(../Images/sprite20151210-9f4dc36f.png);
	background-position: -138px -152px;
	float: left;
	transition: transform .3s ease-in 0s;
	-webkit-transition: -webkit-transform .3s ease-in 0s;
	-ms-transition: -ms-transform .3s ease-in 0s
}

.foot-info {
	height: 84px;
	width: 100%;
	min-width: 1058px;
	text-align: center;
	line-height: 84px;
	background: #5b5b5b;
	color: #c0c1c3
}

.foot-info span.split {
	padding: 0 5px
}

.foot-info a {
	color: #c0c1c3;
	text-decoration: none
}

.mv-info {
	width: 287px;
	line-height: 46px;
	z-index: 300;
	overflow: hidden
}

.mv-info,.mv-infobg {
	height: 46px;
	position: absolute;
	left: 0;
	top: 0
}

.mv-infobg {
	width: 100%;
	z-index: 5;
	background: #000;
	opacity: .5
}

.mv-info-cnt {
	width: 110%;
	height: 46px;
	position: relative;
	z-index: 10
}

.mv-info-cnt a {
	display: block;
	height: 46px;
	color: #fff;
	float: left;
	text-decoration: none;
	padding: 0 15px
}

.mv-info-cnt a:hover {
	background: #fff;
	color: #333
}

.brbar {
	width: 48px;
	height: 48px;
	position: fixed;
	right: -48px;
	bottom: 10px;
	z-index: 700
}

.brbar .to-top {
	display: block;
	width: 48px;
	height: 48px;
	border-radius: 3px;
	overflow: hidden;
	background-image: url(../Images/sprite20151210-9f4dc36f.png);
	background-position: -72px -194px
}

.brbar .to-top:hover {
	background-image: url(../Images/sprite20151210-9f4dc36f.png);
	background-position: -120px -194px
}

.brbar .rot-to-top {
	-webkit-animation: rotate .5s linear;
	animation: rotate .5s linear;
	-webkit-transform: rotate(-360deg);
	transform: rotate(-360deg)
}

.brbar .frot-to-top {
	-webkit-animation: frotate .5s linear;
	animation: frotate .5s linear;
	-webkit-transform: frotate(-360deg);
	transform: frotate(-360deg)
}

@-webkit-keyframes rotate {
	0% {
		-webkit-transform: rotate(0deg)
	}

	100% {
		-webkit-transform: rotate(-360deg)
	}
}

@keyframes rotate {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg)
	}

	100% {
		-webkit-transform: rotate(-360deg);
		transform: rotate(-360deg)
	}
}

@keyframes frotate {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg)
	}

	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg)
	}
}

@-webkit-keyframes frotate {
	0% {
		-webkit-transform: rotate(0deg)
	}

	100% {
		-webkit-transform: rotate(360deg)
	}
}

@keyframes frotate {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg)
	}

	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg)
	}
}

.weixinma {
	width: 168px;
	height: 190px;
	background: url(../Images/weixima-ee9cc02c.png) no-repeat;
	position: absolute;
	z-index: 300
}

.weixinma p {
	width: 100%;
	color: #fff;
	position: absolute;
	left: 0;
	bottom: 15px;
	text-align: center
}

.container {
	width: 100%;
	min-width: 1058px;
	overflow: hidden
}