@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;
	z-index          : 99999;
	background       : url(../images/nav-bg.png) 50% 0;
	_background-image: none;
	_background-color: #fff;
}

.nav-inner {
	width : 1000px;
	margin: 0 auto;
}

.navbar {
	float      : left;
	margin-left: 107px;
}

.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: #06ab48;
}

.drop-down .drop-down-inner a {
	color: #333;
}

.drop-down .drop-down-inner a:hover {
	color: #06ab48;
}

.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            : 199px;
	height           : 34px;
	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, #e9f7ef, #fafcfb);
	background: linear-gradient(180deg, #e9f7ef, #fafcfb);
}

.floor h2 {
	color: #333;
}

.floor * {
	opacity: 0;
}

.floor.in *,
.floor.floor1 *,
.floor5 .fig {
	opacity: 1;
}

.floor1 {
	background-color: #f9fdf9;
}

.floor3 {
	background-color: #f1faf4;
}

.floor7 {
	background-color: #fafafa;
}

.floor1 .title {
	position         : absolute;
	top              : 254px;
	left             : 50%;
	margin-left      : -278px;
	width            : 566px;
	height           : 86px;
}

.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      : 270px;
	margin-left: -135px;
	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 {
	width     : 92px;
	text-align: left;
}

a.beta {
	position  : relative;
	width     : 107px;
	text-align: center;
}

a.international {
	width     : 67px;
	text-align: right;
}

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: #3cc967;
}

.other-download a:active {
	color: #16b056;
}

.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 0.6s forwards ease-in-out;
	animation        : slideDownL 0.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 0.6s forwards ease-in-out;
	animation        : rslideUpL 0.6s forwards ease-in-out;
}

.screen {
	width            : 297px;
	height           : 167px;
	left             : 50%;
	top              : 0;
	margin-left      : -860px;
	-webkit-animation: slideDownLL 0.6s forwards ease-in-out;
	animation        : slideDownLL 0.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 0.6s forwards ease-in-out;
	animation        : rslideUpLL 0.6s forwards ease-in-out;
}

.shield {
	width            : 176px;
	height           : 176px;
	left             : 50%;
	top              : 373px;
	margin-left      : -549px;
	-webkit-animation: slideUpL 0.8s forwards ease-in-out;
	animation        : slideUpL 0.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 0.8s forwards ease-in-out;
	animation        : rslideDownL 0.8s forwards ease-in-out;
}

.brush {
	width            : 253px;
	height           : 237px;
	left             : 50%;
	bottom           : -167px;
	margin-left      : 320px;
	-webkit-animation: slideUpL 0.6s forwards ease-in-out;
	animation        : slideUpL 0.6s forwards ease-in-out;
	background       : url(../images/brush.png) no-repeat 0 0;
	background-image: none;
}

.floor.r .brush {
	-webkit-animation: rslideDownL 0.6s forwards ease-in-out;
	animation        : rslideDownL 0.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: #3cc967;
}

.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;
}

@-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(0.8);
		transform        : scale(0.8);
	}

	20% {
		opacity          : 1;
		-webkit-transform: scale(1);
		transform        : scale(1);
	}
}

@keyframes showTitle {
	0% {
		opacity          : 0;
		-webkit-transform: scale(0.8);
		transform        : scale(0.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/laptop.png) no-repeat 0 0;
	_background-image: none;
	_filter          : progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, src="http://p4.qhimg.com/d/inn/4aec96fa/laptop.png");
}

.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%;
	top     : 157px;
	width   : 470px;
	height  : 398px;
}

.lock .lock-inner {
	position         : relative;
	height           : 100%;
	width            : 100%;
	overflow         : hidden;
	background       : url(../images/lock.png) no-repeat 50% 0;
	_background-image: none;
	_filter          : progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, src="http://p5.qhimg.com/d/inn/e27c34cf/lock.png");
}

.lock-inner .left-paper {
	position         : absolute;
	top              : 119px;
	right            : 50%;
	width            : 86px;
	height           : 95px;
	background       : url(../images/paper-left.png) no-repeat 0 0;
	_background-image: none;
	_filter          : progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, src="http://p0.qhimg.com/d/inn/4aec96fa/paper-left.png");
}

.lock-inner .right-paper {
	position         : absolute;
	top              : 128px;
	left             : 50%;
	margin-left      : -15px;
	width            : 96px;
	height           : 89px;
	background       : url(../images/paper-right.png) no-repeat 0 0;
	_background-image: none;
	_filter          : progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, src="http://p8.qhimg.com/d/inn/4aec96fa/paper-right.png");
}

.lock-inner .lock-shield {
	position         : absolute;
	top              : 160px;
	left             : 50%;
	margin-left      : -95px;
	width            : 190px;
	height           : 220px;
	background       : url(../images/lock-shield.png) no-repeat 0 0;
	_background-image: none;
	_filter          : progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, src="http://p0.qhimg.com/d/inn/75d9f825/lock-shield.png");
}

.floor4 .text {
	position         : absolute;
	top              : 210px;
	left             : 50%;
	margin-left      : 79px;
	width            : 375px;
	height           : 348px;
}

@-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;
}

.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 0.5s linear;
	transition        : all 0.5s linear;
}

.viewport.top {
	background       : url(../images/top-tab.png) no-repeat 0 0;
}

.viewport.bottom {
	background       : url(../images/top-tab.png) no-repeat 0 0;
}

.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;
}

.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: 25px;
	line-height : 22px;
	color       : #afafaf;
	background  : url(../images/t01d8eda6e551cf2615.png) 0 50% no-repeat;
}

.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%;
}