@charset "utf-8";
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,a,em,img,ol,ul,li,form,label {
	margin:0;
	padding:0
}
li {
	list-style:none
}
.clearfix {
	zoom:1
}
.clearfix:after {
	clear:both;
	content:".";
	display:block;
	height:0;
	visibility:hidden
}
.left {
	float:left
}
.right {
	float:right
}
a {
	text-decoration:none
}
.block {
	display:block
}
@font-face {
	font-family:"fzlthjw";
	src:url('http://s4.qhimg.com/static/405ac7bbbf49abc5.eot');
	src:url('http://s4.qhimg.com/static/405ac7bbbf49abc5.eot?#font-spider') format('embedded-opentype'),url('http://s2.qhimg.com/static/260e83e2f5030b82.woff') format('woff'),url('http://s3.qhimg.com/static/b63df6794f26f6c0.ttf') format('truetype'),url('http://s7.qhimg.com/static/8bad84d831ac466e.svg') format('svg');
	font-weight:normal;
	font-style:normal
}
body {
	font-family:"Microsoft Yahei";
	font-size:10px;
	color:#333
}
.container {
	min-width:1000px;
	margin:0 auto
}
.nav {
	position:absolute;
	top:0;
	left:0;
	right:0;
	width:100%;
    height:60px;
    position: fixed;
	z-index:99999;
	background:rgba(242,247,251,0.9);
}
.nav-inner {
	width:1000px;
	margin:0 auto
}
.navbar {
	float:right;
	margin-right:120px
}
.navbar li {
	position:relative;
	float:left;
	width:93px;
	text-align:center
}
.navbar li a {
	display:block;
	width:100%;
	height:100%;
	color:#333;
	line-height:60px;
	font-size:14px
}
.navbar li:hover>a,.navbar li:hover {
	color:#2cb9ff
}
.drop-down .drop-down-inner a {
	color:#333
}
.drop-down .drop-down-inner a:hover {
	color:#2cb9ff
}
.drop-down {
	display:none;
	position:absolute;
	top:59px;
	left:-68.5px;
	width:220px;
	border:1px solid #eaeaea;
	background:#fff;
	background:transparent\9;
	background:rgba(255,255,255,0.94);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#efffffff,endColorstr=#efffffff);
	zoom:1
}
.drop-down-inner {
	position:relative;
	text-align:center
}
.drop-down-inner:before,.drop-down-inner:after {
	content:"";
	position:absolute;
	width:0;
	height:0
}
.drop-down-inner:before {
	top:-16px;
	left:106px;
	border:8px solid transparent;
	border-bottom-color:#eaeaea
}
.drop-down-inner:after {
	top:-12px;
	left:108px;
	border:6px solid transparent;
	border-bottom-color:#fff
}
.navbar li .drop-down a {
	line-height:48px
}
.drop-down a {
	border-bottom:1px solid #eaeaea
}
.drop-down a.last {
	border:0
}
.navbar li:hover .drop-down {
	display:block
}
.logo {
	float:left;
	margin-top:10px;
	margin-left:10px;
	width:81px;
	height:40px;
	background:url(../images/logo.png) no-repeat 0 0;
	_background-image:none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,src="http://p9.qhimg.com/d/inn/45225cf6/logo.png")
}
.floor {
	position:relative;
	height:800px;
	overflow:hidden;
	color:#737373
}
.floor.floor1 {
	height:860px;
	background:-webkit-linear-gradient(top,#f2f7fb,#fafbfc);
	background:linear-gradient(180deg,#f2f7fb,#fafbfc)
}
.floor h2 {
	color:#333
}
.floor * {
	opacity:0
}
.floor.in *,.floor.floor1 *,.floor5 .fig {
	opacity:1
}
.floor1 {
	background-color:#f9fbfd
}
.floor3 {
	background-color:#f1f8fa
}
.floor7 {
	background-color:#fafafa
}
.floor1 .title {
	position:absolute;
	top:254px;
	left:50%;
	margin-left:-278px;
	width:566px;
	height:86px;
	background:url(../images/title.png) no-repeat 0 0;
	_background-image:none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,src="http://p8.qhimg.com/d/inn/868a0666/title.png")
}
.download-btn {
	position:absolute;
	top:414px;
	left:50%;
	margin-left:-122.5px;
	width:245px;
	height:70px;
	cursor:pointer;
	background:url(../images/download-btn.png) no-repeat -72px -23px;
	_background-image:none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,src="http://p7.qhimg.com/d/inn/0cbf9659/download-btn-ie6.png");
	z-index:9999
}
.download-btn:hover {
	background-position:-72px -118px
}
.download-btn:active {
	background-position:-72px -212px
}
.download-jiuzai-btn {
	margin-left:-380px;
	background:url(../images/jiuzai.png) no-repeat 0 0;
	_background-image:none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,src="http://p9.qhimg.com/d/inn/312ef4af/jiuzai-ie6.png");
	z-index:9999
}
.download-jiuzai-btn:hover {
	background-position:0 -70px
}
.download-jiuzai-btn:active {
	background-position:0 -140px
}
.download-nsa-btn {
	margin-left:137px;
	background:url(../images/nsa.png) no-repeat 0 0;
	_background-image:none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,src="http://p2.qhimg.com/d/inn/312ef4af/nsa-ie6.png");
	z-index:9999
}
.download-nsa-btn:hover {
	background-position:0 -70px
}
.download-nsa-btn:active {
	background-position:0 -140px
}
.download-nsa-link {
	position:absolute;
	top:414px;
	left:50%;
	margin-left:137px;
	width:205px;
	height:70px;
	cursor:pointer;
	z-index:19999;
	color:#6470e0;
	line-height:56px;
	text-align:center;
	font-size:18px
}
.download-nsa-link,.download-nsa-link:hover,.download-nsa-link:visited,.download-nsa-link:link {
	text-decoration:underline
}
.download-nsa-link:hover {
	color:#7080f0
}
.download-nsa-link:active {
	color:#606cd8
}
.download-red-tip {
	position:absolute;
	top:378px;
	left:50%;
	margin-left:-348px;
	width:181px;
	height:29px;
	background:url(../images/tip.png) no-repeat 0 0;
	_background-image:none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,src="http://p5.qhimg.com/d/inn/242076a0/TIP.png");
	z-index:9999;
	line-height:25px;
	font-size:12px;
	text-align:center;
	color:#f75f43
}
.download-red-tip:link,.download-red-tip:hover,.download-red-tip:visited {
	color:#f75f43;
	text-decoration:none
}
.tip-dialog {
	display:none;
	position:absolute;
	left:50%;
	margin-left:-220.5px;
	top:60px;
	width:441px;
	height:155px;
	z-index:19999;
	background:url(../images/dialog.png) no-repeat 0 0;
	_background-image:none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,src="http://p2.qhimg.com/d/inn/3f526b25/dialog.png")
}
.tip-dialog p {
	position:absolute;
	top:30px;
	left:50%;
	width:340px;
	margin-left:-170px;
	color:#616362;
	font-size:16px;
	line-height:24px
}
.tip-dialog .small-jiuzai-btn {
	position:absolute;
	top:74px;
	left:45px;
	width:183px;
	height:49px;
	cursor:pointer;
	background:url(../images/jiuzai-s.png) no-repeat 0 0;
	_background-image:none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,src="http://p0.qhimg.com/d/inn/cdccf5f4/jiuzai-s.png")
}
.tip-dialog .nsa-link {
	position:absolute;
	top:86px;
	left:243px;
	height:22px;
	cursor:pointer;
	line-height:22px;
	font-size:15px;
	color:#787eff;
	text-decoration:underline
}
.other-download {
	position:absolute;
	top:498px;
	left:50%;
	width:170px;
	margin-left:-85px;
	color:#dbe3de
}
.other-download a {
	position:relative;
	float:left;
	display:block;
	font-family:"fzlthjw","Microsoft Yahei";
	font-size:14px;
	text-align:center;
	color:#616362;
	z-index:9999
}
.d:after {
	content:"";
	position:absolute;
	top:2px;
	right:-4px;
	bottom:2px;
	width:1px;
	background-color:#dbe3de
}
.d.offline:after {
	right:2px
}
a.offline {
	padding: 0 25px;
	text-align:center
}
a.international {
	padding: 0 20px;
	text-align:center
}
a.beta span.icon {
	position:absolute;
	top:-16px;
	left:86px;
	width:30px;
	height:14px;
	background:url(../images/icon.png) no-repeat 0 0;
}
.other-download a:hover {
	color:#2cb9ff
}
.other-download a:active {
	color:#2cb9ff
}
.piece {
	position:absolute;
	z-index:0
}
.piece-top {
	width:873px;
	height:375px;
	background:url(../images/piece-top.png) no-repeat 0 0;
	_background-image:none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,src="http://p3.qhimg.com/d/inn/458e341b/piece-top.png");
	left:50%;
	margin-left:-58px;
	-webkit-animation:slideDown 1s forwards ease-in-out;
	animation:slideDown 1s forwards ease-in-out
}
.floor.r .piece-top {
	-webkit-animation:rslideUp 1s forwards ease-in-out;
	animation:rslideUp 1s forwards ease-in-out
}
.piece-bottom {
	width:971px;
	height:401px;
	background:url(../images/piece-bottom.png) no-repeat 0 0;
	_background-image:none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,src="http://p8.qhimg.com/d/inn/458e341b/piece-bottom.png");
	bottom:0;
	right:50%;
	margin-right:-263px;
	-webkit-animation:slideUp 1s forwards ease-in-out;
	animation:slideUp 1s forwards ease-in-out
}
.floor.r .piece-bottom {
	-webkit-animation:rslideDown 1s forwards ease-in-out;
	animation:rslideDown 1s forwards ease-in-out
}
.circle {
	width:628px;
	height:549px;
	left:50%;
	top:0;
	margin-left:204px;
	z-index:0;
	-webkit-animation:slideDownL .6s forwards ease-in-out;
	animation:slideDownL .6s forwards ease-in-out;
	background:url(../images/circle.png) no-repeat 0 0;
	_background-image:none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,src="http://p7.qhimg.com/d/inn/4c6fb409/circle.png")
}
.floor.r .circle {
	-webkit-animation:rslideUpL .6s forwards ease-in-out;
	animation:rslideUpL .6s forwards ease-in-out
}
.screen {
	width:297px;
	height:167px;
	left:50%;
	top:0;
	margin-left:-860px;
	-webkit-animation:slideDownLL .6s forwards ease-in-out;
	animation:slideDownLL .6s forwards ease-in-out;
	background:url(../images/screen.png) no-repeat 0 0;
	_background-image:none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,src="http://p2.qhimg.com/d/inn/4c6fb409/screen.png")
}
.floor.r .screen {
	-webkit-animation:rslideUpLL .6s forwards ease-in-out;
	animation:rslideUpLL .6s forwards ease-in-out
}
.shield {
	width:176px;
	height:176px;
	left:50%;
	top:373px;
	margin-left:-549px;
	-webkit-animation:slideUpL .8s forwards ease-in-out;
	animation:slideUpL .8s forwards ease-in-out;
	background:url(../images/shield.png) no-repeat 0 0;
	_background-image:none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,src="http://p5.qhimg.com/d/inn/4c6fb409/shield.png")
}
.floor.r .shield {
	-webkit-animation:rslideDownL .8s forwards ease-in-out;
	animation:rslideDownL .8s forwards ease-in-out
}
.brush {
	width:253px;
	height:237px;
	left:50%;
	bottom:-167px;
	margin-left:320px;
	-webkit-animation:slideUpL .6s forwards ease-in-out;
	animation:slideUpL .6s forwards ease-in-out;
	background:url(../images/brush.png) no-repeat 0 0;
	_background-image:none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,src="http://p3.qhimg.com/d/inn/4c6fb409/brush.png")
}
.floor.r .brush {
	-webkit-animation:rslideDownL .6s forwards ease-in-out;
	animation:rslideDownL .6s forwards ease-in-out
}
@-webkit-keyframes simpeshow {
	0% {
	opacity:0
}
50% {
	opacity:0
}
100% {
	opacity:1
}
}@keyframes simpeshow {
	0% {
	opacity:0
}
50% {
	opacity:0
}
100% {
	opacity:1
}
}@-webkit-keyframes slideDownL {
	0% {
	-webkit-transform:translateY(-30px);
	transform:translateY(-30px)
}
100% {
	-webkit-transform:translateY(0);
	transform:translateY(0)
}
}@keyframes slideDownL {
	0% {
	-webkit-transform:translateY(-30px);
	transform:translateY(-30px)
}
100% {
	-webkit-transform:translateY(0);
	transform:translateY(0)
}
}@-webkit-keyframes slideDownLL {
	0% {
	-webkit-transform:translateY(-15px);
	transform:translateY(-15px)
}
100% {
	-webkit-transform:translateY(0);
	transform:translateY(0)
}
}@keyframes slideDownLL {
	0% {
	-webkit-transform:translateY(-15px);
	transform:translateY(-15px)
}
100% {
	-webkit-transform:translateY(0);
	transform:translateY(0)
}
}@-webkit-keyframes slideUpL {
	0% {
	-webkit-transform:translateY(30px);
	transform:translateY(30px)
}
100% {
	-webkit-transform:translateY(0);
	transform:translateY(0)
}
}@keyframes slideUpL {
	0% {
	-webkit-transform:translateY(30px);
	transform:translateY(30px)
}
100% {
	-webkit-transform:translateY(0);
	transform:translateY(0)
}
}@-webkit-keyframes slideDown {
	0% {
	-webkit-transform:translateY(-60px);
	transform:translateY(-60px)
}
100% {
	-webkit-transform:translateY(0);
	transform:translateY(0)
}
}@keyframes slideDown {
	0% {
	-webkit-transform:translateY(-60px);
	transform:translateY(-60px)
}
100% {
	-webkit-transform:translateY(0);
	transform:translateY(0)
}
}@-webkit-keyframes slideUp {
	0% {
	-webkit-transform:translateY(100px);
	transform:translateY(100px)
}
100% {
	-webkit-transform:translateY(0);
	transform:translateY(0)
}
}@keyframes slideUp {
	0% {
	-webkit-transform:translateY(100px);
	transform:translateY(100px)
}
100% {
	-webkit-transform:translateY(0);
	transform:translateY(0)
}
}@-webkit-keyframes rslideUp {
	0% {
	-webkit-transform:translateY(0);
	transform:translateY(0)
}
100% {
	-webkit-transform:translateY(-100px);
	transform:translateY(-100px)
}
}@keyframes rslideUp {
	0% {
	-webkit-transform:translateY(0);
	transform:translateY(0)
}
100% {
	-webkit-transform:translateY(-100px);
	transform:translateY(-100px)
}
}@-webkit-keyframes rslideUpL {
	0% {
	-webkit-transform:translateY(0);
	transform:translateY(0)
}
100% {
	-webkit-transform:translateY(-30px);
	transform:translateY(-30px)
}
}@keyframes rslideUpL {
	0% {
	-webkit-transform:translateY(0);
	transform:translateY(0)
}
100% {
	-webkit-transform:translateY(-30px);
	transform:translateY(-30px)
}
}@-webkit-keyframes rslideUpLL {
	0% {
	-webkit-transform:translateY(0);
	transform:translateY(0)
}
100% {
	-webkit-transform:translateY(-15px);
	transform:translateY(-15px)
}
}@keyframes rslideUpLL {
	0% {
	-webkit-transform:translateY(0);
	transform:translateY(0)
}
100% {
	-webkit-transform:translateY(-15px);
	transform:translateY(-15px)
}
}@-webkit-keyframes rslideDown {
	0% {
	-webkit-transform:translateY(0);
	transform:translateY(0)
}
100% {
	-webkit-transform:translateY(60px);
	transform:translateY(60px)
}
}@keyframes rslideDown {
	0% {
	-webkit-transform:translateY(0);
	transform:translateY(0)
}
100% {
	-webkit-transform:translateY(60px);
	transform:translateY(60px)
}
}@-webkit-keyframes rslideDownL {
	0% {
	-webkit-transform:translateY(0);
	transform:translateY(0)
}
100% {
	-webkit-transform:translateY(30px);
	transform:translateY(30px)
}
}@keyframes rslideDownL {
	0% {
	-webkit-transform:translateY(0);
	transform:translateY(0)
}
100% {
	-webkit-transform:translateY(30px);
	transform:translateY(30px)
}
}.window10 {
	position:absolute;
	top:524px;
	left:50%;
	margin-left:-135px;
	width:270px;
	height:14px;
	text-align:justify;
	font-size:12px;
	color:#b5bab8
}
.install-help {
	position:absolute;
	top:575px;
	left:50%;
	width:78px;
	height:18px;
	margin-left:-39px
}
.install-help a {
	display:inline-block;
	font-size:14px;
	height:18px;
	line-height:18px;
	vertical-align:middle
}
.install-help a:link,.install-help a:visited {
	color:#616362
}
.install-help a:hover {
	color:#2cb9ff
}
.install-help a span {
	display:inline-block;
	padding-right:5px;
	vertical-align:middle
}
.install-help a img {
	display:inline-block;
	vertical-align:middle
}
.item {
	position:absolute
}
.item1 {
	right:50%;
	top:237px;
	margin-right:201px;
	width:273px;
	height:164px;
	background:url(../images/browser.png) no-repeat 0 0;
	_background-image:none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,src="http://p5.qhimg.com/d/inn/4c6fb409/browser.png")
}
.item2 {
	right:50%;
	top:560px;
	margin-right:70px;
	width:322px;
	height:106px;
	background:url(../images/muma.png) no-repeat 0 0;
	_background-image:none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,src="http://p1.qhimg.com/d/inn/4c6fb409/muma.png")
}
.item3 {
	left:50%;
	top:138px;
	margin-left:116px;
	width:382px;
	height:136px;
	background:url(../images/transfer.png) no-repeat 0 0;
	_background-image:none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,src="http://p6.qhimg.com/d/inn/4c6fb409/transfer.png")
}
.item4 {
	left:50%;
	top:480px;
	margin-left:130px;
	width:347px;
	height:117px;
	background:url(../images/download.png) no-repeat 0 0;
	_background-image:none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,src="http://p9.qhimg.com/d/inn/4c6fb409/download.png")
}
.floor2 .bg {
	width:100%;
	height:100%;
	background:url(../images/floor2-bg.png) 50% 0;
	_background-image:none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,src="http://p8.qhimg.com/d/inn/4c6fb409/floor2-bg.png")
}
.floor2 .title {
	position:absolute;
	top:322px;
	left:50%;
	margin-left:-109px;
	width:218px;
	height:105px;
	background:url(../images/floor2-title.png) 0 0;
	_background-image:none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,src="http://p0.qhimg.com/d/inn/4c6fb409/floor2-title.png")
}
@-webkit-keyframes show1 {
	0% {
	opacity:0;
	-webkit-transform:translateY(50px);
	transform:translateY(50px)
}
15% {
	opacity:0;
	-webkit-transform:translateY(50px);
	transform:translateY(50px)
}
30% {
	opacity:1;
	-webkit-transform:translateY(0);
	transform:translateY(0)
}
}@keyframes show1 {
	0% {
	opacity:0;
	-webkit-transform:translateY(50px);
	transform:translateY(50px)
}
15% {
	opacity:0;
	-webkit-transform:translateY(50px);
	transform:translateY(50px)
}
30% {
	opacity:1;
	-webkit-transform:translateY(0);
	transform:translateY(0)
}
}@-webkit-keyframes show2 {
	0% {
	opacity:0;
	-webkit-transform:translateY(50px);
	transform:translateY(50px)
}
25% {
	opacity:0;
	-webkit-transform:translateY(50px);
	transform:translateY(50px)
}
40% {
	opacity:1;
	-webkit-transform:translateY(0);
	transform:translateY(0)
}
}@keyframes show2 {
	0% {
	opacity:0;
	-webkit-transform:translateY(50px);
	transform:translateY(50px)
}
25% {
	opacity:0;
	-webkit-transform:translateY(50px);
	transform:translateY(50px)
}
40% {
	opacity:1;
	-webkit-transform:translateY(0);
	transform:translateY(0)
}
}@-webkit-keyframes show3 {
	0% {
	opacity:0;
	-webkit-transform:translateY(50px);
	transform:translateY(50px)
}
35% {
	opacity:0;
	-webkit-transform:translateY(50px);
	transform:translateY(50px)
}
50% {
	opacity:1;
	-webkit-transform:translateY(0);
	transform:translateY(0)
}
}@keyframes show3 {
	0% {
	opacity:0;
	-webkit-transform:translateY(50px);
	transform:translateY(50px)
}
35% {
	opacity:0;
	-webkit-transform:translateY(50px);
	transform:translateY(50px)
}
50% {
	opacity:1;
	-webkit-transform:translateY(0);
	transform:translateY(0)
}
}@-webkit-keyframes show4 {
	0% {
	opacity:0;
	-webkit-transform:translateY(50px);
	transform:translateY(50px)
}
45% {
	opacity:0;
	-webkit-transform:translateY(50px);
	transform:translateY(50px)
}
60% {
	opacity:1;
	-webkit-transform:translateY(0);
	transform:translateY(0)
}
}@keyframes show4 {
	0% {
	opacity:0;
	-webkit-transform:translateY(50px);
	transform:translateY(50px)
}
45% {
	opacity:0;
	-webkit-transform:translateY(50px);
	transform:translateY(50px)
}
60% {
	opacity:1;
	-webkit-transform:translateY(0);
	transform:translateY(0)
}
}@-webkit-keyframes showBg {
	0% {
	opacity:0;
	-webkit-transform:translateY(50px);
	transform:translateY(50px)
}
55% {
	opacity:0;
	-webkit-transform:translateY(50px);
	transform:translateY(50px)
}
70% {
	opacity:1;
	-webkit-transform:translateY(0);
	transform:translateY(0)
}
}@keyframes showBg {
	0% {
	opacity:0;
	-webkit-transform:translateY(50px);
	transform:translateY(50px)
}
55% {
	opacity:0;
	-webkit-transform:translateY(50px);
	transform:translateY(50px)
}
70% {
	opacity:1;
	-webkit-transform:translateY(0);
	transform:translateY(0)
}
}@-webkit-keyframes showTitle {
	0% {
	opacity:0;
	-webkit-transform:scale(.8);
	transform:scale(.8)
}
20% {
	opacity:1;
	-webkit-transform:scale(1);
	transform:scale(1)
}
}@keyframes showTitle {
	0% {
	opacity:0;
	-webkit-transform:scale(.8);
	transform:scale(.8)
}
20% {
	opacity:1;
	-webkit-transform:scale(1);
	transform:scale(1)
}
}.floor2.in .title {
	-webkit-animation:showTitle 2s forwards;
	animation:showTitle 2s forwards
}
.floor2.in .item1 {
	-webkit-animation:show1 2s forwards;
	animation:show1 2s forwards
}
.floor2.in .item3 {
	-webkit-animation:show2 2s forwards;
	animation:show2 2s forwards
}
.floor2.in .item2 {
	-webkit-animation:show3 2s forwards;
	animation:show3 2s forwards
}
.floor2.in .item4 {
	-webkit-animation:show4 2s forwards;
	animation:show4 2s forwards
}
.floor2.in .bg {
	-webkit-animation:showBg 2s forwards;
	animation:showBg 2s forwards
}
.floor3 .text {
	position:absolute;
	top:164px;
	right:50%;
	margin-right:44px;
	width:450px;
	height:462px;
	background:url(../images/floor3-text.png) no-repeat 10px 0;
	_background-image:none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,src="http://p7.qhimg.com/d/inn/4aec96fa/icon.png")
}
.floor3 .fig {
	position:absolute;
	top:117px;
	left:50%;
	margin-left:29px
}
.floor .fig-inner {
	position:relative;
	width:458px;
	height:558px
}
.fig-inner .laptop {
	position:absolute;
	top:0;
	left:0;
	width:458px;
	height:558px;
	background:url(../images/zjlx.png) no-repeat 0 0;
	background-size: 90%;
	_background-image:none;
}
.fig-inner .shadow {
	position:absolute;
	top:86px;
	right:-5px;
	width:332px;
	height:482px;
	background:url(../images/shadow.png) no-repeat 0 0;
	_background-image:none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,src="http://p7.qhimg.com/d/inn/4aec96fa/shadow.png")
}
@-webkit-keyframes text {
	0% {
	opacity:0;
	-webkit-transform:translateY(100px);
	transform:translateY(100px)
}
30% {
	opacity:1;
	-webkit-transform:translateY(0);
	transform:translateY(0)
}
}@keyframes text {
	0% {
	opacity:0;
	-webkit-transform:translateY(100px);
	transform:translateY(100px)
}
30% {
	opacity:1;
	-webkit-transform:translateY(0);
	transform:translateY(0)
}
}@-webkit-keyframes fig {
	0% {
	opacity:0;
	-webkit-transform:translate3d(20px,20px,0);
	transform:translate3d(20px,20px,0)
}
30% {
	opacity:0;
	-webkit-transform:translate3d(20px,20px,0);
	transform:translate3d(20px,20px,0)
}
60% {
	opacity:1;
	-webkit-transform:translate3d(0,0,0);
	transform:translate3d(0,0,0)
}
}@keyframes fig {
	0% {
	opacity:0;
	-webkit-transform:translate3d(20px,20px,0);
	transform:translate3d(20px,20px,0)
}
30% {
	opacity:0;
	-webkit-transform:translate3d(20px,20px,0);
	transform:translate3d(20px,20px,0)
}
60% {
	opacity:1;
	-webkit-transform:translate3d(0,0,0);
	transform:translate3d(0,0,0)
}
}@-webkit-keyframes simpleFig {
	0% {
	opacity:0;
	-webkit-transform:translate3d(0px,20px,0);
	transform:translate3d(0px,20px,0)
}
20% {
	opacity:0;
	-webkit-transform:translate3d(0px,20px,0);
	transform:translate3d(0px,20px,0)
}
100% {
	opacity:1;
	-webkit-transform:translate3d(0,0,0);
	transform:translate3d(0,0,0)
}
}@keyframes simpleFig {
	0% {
	opacity:0;
	-webkit-transform:translate3d(0px,20px,0);
	transform:translate3d(0px,20px,0)
}
20% {
	opacity:0;
	-webkit-transform:translate3d(0px,20px,0);
	transform:translate3d(0px,20px,0)
}
100% {
	opacity:1;
	-webkit-transform:translate3d(0,0,0);
	transform:translate3d(0,0,0)
}
}@-webkit-keyframes shadow {
	0% {
	-webkit-transform:translate3d(-86px,-20px,0);
	transform:translate3d(-86px,-20px,0)
}
40% {
	-webkit-transform:translate3d(-86px,-20px,0);
	transform:translate3d(-86px,-20px,0)
}
70% {
	-webkit-transform:translate3d(0,0,0);
	transform:translate3d(0,0,0)
}
}@keyframes shadow {
	0% {
	-webkit-transform:translate3d(-86px,-20px,0);
	transform:translate3d(-86px,-20px,0)
}
40% {
	-webkit-transform:translate3d(-86px,-20px,0);
	transform:translate3d(-86px,-20px,0)
}
70% {
	-webkit-transform:translate3d(0,0,0);
	transform:translate3d(0,0,0)
}
}.floor3.in .text {
	-webkit-animation:text 1s forwards;
	animation:text 1s forwards
}
.floor3.in .fig {
	-webkit-animation:fig 2s forwards ease;
	animation:fig 2s forwards ease
}
.floor3.in .shadow {
	-webkit-animation:shadow 2s forwards ease;
	animation:shadow 2s forwards ease
}
.floor4 .lock {
	position:absolute;
	right:50%;
	width:525px;
	height:866px
}
.lock .lock-inner {
	position:relative;
	height:100%;
	width:100%;
	overflow:hidden;
	background:none;
	_background-image:none;
}
.lock-inner .left-paper {
	position:absolute;
	width:525px;
	height:866px;
	background:url(../images/xxjh.png) no-repeat 0 0;
	background-size:90%;
	_background-image:none;
}
.ksdr-zx{top:50px;}
.ksdr-zx .left-paper {
	position:absolute;
	width:525px;
	height:866px;
	background:url(../images/ksdr-zx.png) no-repeat 0 0;
	background-size:99%;
	_background-image:none;
}
.floor4 .text {
	position:absolute;
	top:210px;
	left:50%;
	margin-left:79px;
	width:375px;
	height:348px;
	background:url(../images/floor4-text.png) no-repeat 0 0;
	_background-image:none;
}
.floor4 .ksdr-zx-text{
	position:absolute;
	top:210px;
	left:50%;
	margin-left:79px;
	width:375px;
	height:348px;
	background:url(../images/floor4-ksdr-zx-text.png) no-repeat 0 0 !important;
	_background-image:none;
}
@-webkit-keyframes lockshield {
	0% {
	opacity:0
}
30% {
	opacity:0
}
60% {
	opacity:1
}
}@keyframes lockshield {
	0% {
	opacity:0
}
30% {
	opacity:0
}
60% {
	opacity:1
}
}@-webkit-keyframes leftpaper {
	0% {
	opacity:0;
	-webkit-transform:translate3d(10px,50px,0) rotateZ(23deg);
	transform:translate3d(10px,50px,0) rotateZ(23deg)
}
30% {
	opacity:1;
	-webkit-transform:translate3d(10px,50px,0) rotateZ(23deg);
	transform:translate3d(10px,50px,0) rotateZ(23deg)
}
50% {
	-webkit-transform:translate3d(0,0,0) rotateZ(0);
	transform:translate3d(0,0,0) rotateZ(0)
}
}@keyframes leftpaper {
	0% {
	opacity:0;
	-webkit-transform:translate3d(10px,50px,0) rotateZ(23deg);
	transform:translate3d(10px,50px,0) rotateZ(23deg)
}
30% {
	opacity:1;
	-webkit-transform:translate3d(10px,50px,0) rotateZ(23deg);
	transform:translate3d(10px,50px,0) rotateZ(23deg)
}
50% {
	-webkit-transform:translate3d(0,0,0) rotateZ(0);
	transform:translate3d(0,0,0) rotateZ(0)
}
}@-webkit-keyframes rightpaper {
	0% {
	opacity:0;
	-webkit-transform:translate3d(-10px,50px,0) rotateZ(-15deg);
	transform:translate3d(-10px,50px,0) rotateZ(-15deg)
}
40% {
	opacity:1;
	-webkit-transform:translate3d(-10px,50px,0) rotateZ(-15deg);
	transform:translate3d(-10px,50px,0) rotateZ(-15deg)
}
70% {
	-webkit-transform:translate3d(0,0,0) rotateZ(0);
	transform:translate3d(0,0,0) rotateZ(0)
}
}@keyframes rightpaper {
	0% {
	opacity:0;
	-webkit-transform:translate3d(-10px,50px,0) rotateZ(-15deg);
	transform:translate3d(-10px,50px,0) rotateZ(-15deg)
}
40% {
	opacity:1;
	-webkit-transform:translate3d(-10px,50px,0) rotateZ(-15deg);
	transform:translate3d(-10px,50px,0) rotateZ(-15deg)
}
70% {
	-webkit-transform:translate3d(0,0,0) rotateZ(0);
	transform:translate3d(0,0,0) rotateZ(0)
}
}.floor4.in .text {
	-webkit-animation:text 1s forwards;
	animation:text 1s forwards
}
.floor4.in .lock {
	-webkit-animation:lockshield 2s forwards ease;
	animation:lockshield 2s forwards ease
}
.floor4.in .left-paper {
	-webkit-animation:leftpaper 2s forwards ease;
	animation:leftpaper 2s forwards ease
}
.floor4.in .right-paper {
	-webkit-animation:rightpaper 2s forwards ease;
	animation:rightpaper 2s forwards ease
}
.floor5 {
	background-color:#e0d5d0
}
.floor5 .text {
	position:absolute;
	top:199px;
	right:50%;
	margin-right:140px;
	width:330px;
	height:329px;
	background:url(../images/floor5-text.png) no-repeat 0 0;
	_background-image:none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,src="http://p4.qhimg.com/d/inn/00cb64d1/floor5-text.png")
}
.floor5 .fig {
	position:absolute;
	top:0;
	left:0;
	height:100%;
	width:100%;
	background:url(../images/floor5-fig.png) no-repeat 50% 0;
	_background-image:none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,src="http://p1.qhimg.com/d/inn/3406aed3/floor5-fig.png")
}
.floor5.in .text {
	-webkit-animation:text 1s forwards;
	animation:text 1s forwards
}
.viewport {
	position:absolute;
	right:50%;
	top:100px;
	margin-right:-150px;
	width:658px;
	height:533px;
	-webkit-transition:all .5s linear;
	transition:all .5s linear
}
.viewport.top {
	background:url(../images/top-tab.png) no-repeat 0 0;
	_background-image:none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,src="http://p0.qhimg.com/d/inn/c0829189/top-tab.png")
}
.viewport.bottom {
	background:url(../images/bottom-tab.png) no-repeat 0 0;
	_background-image:none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,src="http://p1.qhimg.com/d/inn/c0829189/bottom-tab.png")
}
.floor6 .text {
	position:absolute;
	top:223px;
	left:50%;
	margin-left:213px;
	width:228px;
	height:295px;
	background:url(../images/floor6-text.png) no-repeat 0 0;
	_background-image:none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,src="http://p1.qhimg.com/d/inn/2f05a7e3/floor6-text.png")
}
.view-btn {
	display:block;
	position:absolute;
	width:35px;
	height:46px;
	cursor:pointer;
	background:url(../images/viewport-btn.png) no-repeat
}
.view-btn-top {
	top:504px;
	left:50%;
	margin-left:321px;
	_background:url(../images/viewport-btn-ie6-top.png) no-repeat;
	background-position:0 0
}
.view-btn.view-btn-top.current {
	background-position:0 -63px
}
.view-btn-bottom {
	top:504px;
	left:50%;
	margin-left:380px;
	background-position:-59px 0;
	_background:url(../images/viewport-btn-ie6-bottom.png) no-repeat;
	_background-position:0 0
}
.view-btn.view-btn-bottom.current {
	background-position:-59px -63px;
	_background-position:0 -63px
}
.floor6.in .viewport {
	-webkit-animation:simpleFig 2s forwards ease;
	animation:simpleFig 2s forwards ease
}
.floor6.in .text,.floor6.in .view-btn {
	-webkit-animation:text 1s forwards;
	animation:text 1s forwards
}
.floor7 {
	height:864px
}
.floor7 .text {
	position:absolute;
	top:346px;
	right:50%;
	margin-right:50px;
	width:410px;
	height:256px;
	background:url(../images/floor7-text.png) no-repeat 0 0;
	_background-image:none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,src="http://p8.qhimg.com/d/inn/cc22679f/floor7-text.png")
}
.floor7 .fig {
	position:absolute;
	top:50px;
	left:58%;
	margin-left:-118px;
	width:525px;
	height:700px;
	background:url(../images/floor7-fig.png) no-repeat 0 0;
	background-size: 90%;
	_background-image:none;
}
.floor7 .download-btn {
	top:711px
}
.floor7 .window10 {
	top:785px
}
.floor7.in .text {
	-webkit-animation:text 1s forwards;
	animation:text 1s forwards
}
.floor7.in .fig {
	-webkit-animation:simpleFig 2s forwards ease;
	animation:simpleFig 2s forwards ease
}
.btn-right {
	display:none;
	position:fixed;
	right:10px;
	top:70%;
	width:42px;
	height:120px;
	background:url(../images/btn-right.png) no-repeat 0 0;
	z-index:99999
}
.btn-right:hover {
	background-position:0 -120px
}
.back-top {
	position:fixed;
	right:10px;
	top:70%;
	margin-top:130px;
	display:none;
	width:42px;
	height:42px;
	cursor:pointer;
	background:url(../images/top.png) no-repeat 0 0
}
.back-top:hover {
	background-position:-81px 0
}
.copyright {
	height:135px;
	text-align:center;
	color:#afafaf;
	background-color:#f0f2f1
}
.copyright p {
	padding-top:48px
}
.gongshang {
	padding-top:6px
}
.gongshang a {
	display:inline-block;
	height:22px;
	padding-left:5px;
	line-height:22px;
	color:#afafaf;
}
.floor .text * {
	font-weight:normal!important;
	_display:none
}
.floor .text h2,.floor .text h1 {
	color:#595959!important;
	_display:none
}
.floor .text p,.floor .item p {
	color:#909693;
	_display:none
}
.floor.floor5 .text p {
	color:#808080
}
.floor2 .item p {
	font-size:13px;
	line-height:20px
}
.floor2 .item1 p {
	padding:130px 0 0 24px
}
.floor2 .item2 p {
	padding:48px 0 0 112px
}
.floor2 .item3 p {
	padding:102px 0 0 171px
}
.floor2 .item4 p {
	padding:50px 0 0 108px
}
.floor3 .list {
	padding:106px 0 0 62px
}
.floor3 .list-item {
	padding-bottom:32px
}
.floor3 .list-item1 {
	padding-bottom:31px
}
.floor3 .list-item2 {
	padding-bottom:29px
}
.floor3 .list-item3 {
	padding-bottom:28px
}
.floor3 .list-item4 {
	padding-bottom:30px
}
.floor3 .list-item h2 {
	font-size:18px;
	font-weight:400
}
.floor3 .list-item p {
	margin-left:1px;
	font-size:13px;
	line-height:24px
}
.floor4 .content {
	padding:140px 0 0 5px
}
.floor4 .content h1 {
	font-size:20px;
	font-weight:400
}
.floor4 .content p {
	width:355px;
	padding-top:38px;
	font-size:13px;
	line-height:24px;
	text-align:justify
}
.floor5 .content {
	padding:193px 0 0 13px
}
.floor5 .list p {
	font-size:14px;
	margin-bottom:5px
}
.floor5 .sub-title h2 {
	padding-top:39px;
	margin-left:-10px;
	font-size:20px;
	font-weight:400
}
.floor6 .list {
	padding:122px 0 0 13px
}
.floor6 .list p {
	font-size:14px;
	margin-bottom:5px
}
.floor7 .content {
	padding:135px 0 0 13px
}
.floor7 .sub-title h2 {
	padding-left:23px;
	font-size:20px;
	font-weight:400
}
.floor7 .list {
	padding-top:33px
}
.floor7 .list p {
	font-size:14px;
	margin-bottom:4px
}
.floor5 .text p,.floor6 .text p,.floor7 .text p {
	padding-left:20px;
	margin-left:-20px;
	background:url(../images/point.png) no-repeat 9px 50%
}

.answerA{
	position: absolute;
    top: 120px;
    left: 50%;
    margin-left: -460px;
    width: 920px;
	height: 348px;
	animation: simpleFig 2s forwards ease;
}

.answer-head{
	width: 120px;
    height: 120px;
    border-radius: 50%;
    border: 4px solid #F0F0F0;
	display: block;
	float: left;
    overflow: hidden;
	margin-right: 50px;
}
.answer-content{
	width: 640px;
    height: 130px;
    background: #FFFFFF;
    float: left;
    box-shadow: 0px 0px 60px #CCCCCC;
    padding: 50px;
    border-radius: 8px;
}
.answer-content span a{
	font-size: 20px;
    color: #000000;
    line-height: 18px;
}
.answer-content p{
	font-size: 14px;
    line-height: 32px;
    color: #999999;
    margin-top: 15px;
}
.answerB{
	position: absolute;
    top: 450px;
    left: 50%;
    margin-left: -460px;
    width: 920px;
	height: 348px;
	animation: simpleFig 2s forwards ease;
}
.answerB .answer-head{
	margin-right: 0;
	margin-left: 50px;
}

.aboutUs{
	background-color:#fafafa
}
.aboutUs ul{
	position: absolute;
	left: 50%;
	margin-left:-760px;
	top: 50%;
	margin-top: -186px;
	padding: 0;
}
.aboutUs ul li{
	float: left;
	margin: 0 10px;
	animation: simpleFig 2s forwards ease;
}
.aboutUs p{
	position: absolute;
	width: 100%;
	top:50%;
	margin-top: 126px;
	text-align: center;
	font-size: 24px;
	color: #2cb9ff;
	animation: simpleFig 2.5s forwards ease;
}
