article,aside,audio,blockquote,body,button,canvas,code,dd,details,div,dl,dt,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,input,legend,li,main,nav,ol,p,pre,section,summary,td,textarea,th,ul,video {
	margin: 0;
	padding: 0
}

article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary {
	display: block
}

audio,canvas,video {
	display: inline-block
}

audio:not([controls]) {
	display: none;
	height: 0
}[hidden] {
	display: none;
	visibility: hidden
}

html {
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	-webkit-tap-highlight-color: transparent
}

abbr[title] {
	cursor: help;
	border-bottom: 1px dotted
}

b,strong {
	font-weight: 700
}

code,kbd,pre,samp {
	font-family: monospace,serif;
	font-size: 1em
}

del {
	font-family: Arial
}

img {
	vertical-align: middle;
	border: 0
}

li {
	list-style: none
}

mark {
	background: #ff0;
	color: #000
}

pre {
	white-space: pre-wrap
}

blockquote:after,blockquote:before,q:after,q:before {
	content: ""
}

sub,sup {
	position: relative;
	font-size: 75%;
	line-height: 0;
	vertical-align: baseline
}

sup {
	top: -0.5em
}

sub {
	bottom: -0.25em
}

svg:not(:root) {
	overflow: hidden
}

address,caption,cite,dfn,em,i,q,th {
	font-weight: 400;
	font-style: normal
}

h1,h2,h3,h4,h5,h6,small {
	font-size: 100%
}

table {
	border-collapse: collapse;
	border-spacing: 0
}

th {
	font-weight: 700
}

fieldset,legend {
	border: 0
}

button,html input[type=button],input[type=reset],input[type=submit] {
	-webkit-appearance: button;
	cursor: pointer
}

button[disabled],html input[disabled] {
	cursor: default
}

button,input,select,select optgroup,textarea {
	font-family: inherit;
	font-size: inherit;
	font-style: inherit;
	line-height: inherit;
	vertical-align: middle
}

button,input,select[multiple],textarea {
	background-image: none
}

button::-moz-focus-inner,input::-moz-focus-inner {
	border: 0;
	padding: 0
}

input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration {
	-webkit-appearance: none
}

input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button {
	height: auto
}

textarea {
	overflow: auto;
	vertical-align: top
}

body {
	font: 14px/1.5 "Microsoft Yahei", Arial, Tahoma, sans-serif;
	color: #666;
	background-color: #fff;
	overflow: hidden
}

h1,h2,h3,h4,h5,h6 {
	color: #333
}

a {
	cursor: pointer;
	color: #333;
	text-decoration: none;
	-moz-outline: 0
}

a:hover {
	color: #f70;
	text-decoration: underline
}

a:focus {
	outline: thin dotted #252525;
	outline: 5px auto -webkit-focus-ring-color;
	outline-offset: -2px
}

.cf {
	*zoom: 1
}

.cf:after {
	content: " ";
	clear: both;
	display: table;
	line-height: 0;
	height: 0;
	overflow: hidden
}

.g-overflow {
	overflow-y: hidden !important
}

.g-hidden {
	display: none
}

.hide {
	display: none
}

.g-wrapper {
	width: 1200px;
	margin: 0 auto;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box
}

.g-wrapper:after {
	content: " ";
	clear: both;
	display: table;
	line-height: 0;
	height: 0;
	overflow: hidden
}

.g-header {
	font-family: 'Microsoft Yahei';
	font-size: 14px;
	position: fixed;
	background-color: #fff;
	width: 100%;
	z-index: 300
}

.g-header a {
	color: #333
}

.g-header .navWrap {
	background-color: #fff;
	height: 95px
}

.g-header .navWrap .info {
	float: left;
	padding: 21px 0 20px
}

.g-header .navWrap .info .logo {
	float: left;
	width: 200px;
	height: 50px
}

.g-header .navWrap .info .logo a {
	display: block;
	overflow: hidden;
	width: 200px;
	height: 50px
}

.g-header .navWrap .info .slogan {
	position: relative;
	top: 9px;
	display: block;
	float: left;
	overflow: hidden;
	width: 125px;
	height: 32px;
	margin-left: 20px;
	text-indent: -99em;
	 
}

.g-header .navWrap .info .region {
	position: relative;
	float: left;
	padding: 6px
}

.g-header .navWrap .info .region:hover {
	z-index: 1000
}

.g-header .navWrap .info .region:hover i {
	border-width: 0 6px 6px;
	border-style: dashed dashed solid;
	border-color: transparent transparent #999
}

.g-header .navWrap .info .region:hover .box {
	display: block
}

.g-header .navWrap .info .region em {
	font-size: 16px;
	float: left;
	padding: 8px 10px;
	cursor: pointer;
	color: #999
}

.g-header .navWrap .info .region span {
	padding-left: 2px;
	cursor: pointer
}

.g-header .navWrap .info .region i {
	display: inline-block;
	overflow: hidden;
	width: 0;
	height: 0;
	margin: 0 2px;
	vertical-align: middle;
	border-width: 6px 6px 0;
	border-style: solid dashed dashed;
	border-color: #999 transparent transparent
}

.g-header .navWrap .info .region .box {
	position: absolute;
	top: 42px;
	left: 12px;
	display: none;
	width: 336px;
	padding: 8px 12px;
	border: 1px solid #0181cc;
	background: #fff;
	box-shadow: 0 1px 2px rgba(0,0,0,0.5)
}

.g-header .navWrap .info .region ul li {
	float: left;
	padding: 5px 10px
}

.g-header .navWrap .info .region ul li.unlimted {
	width: 100%
}

.g-header .navWrap .info .region ul li a {
	color: #0081cc
}

.g-header .navWrap .info .region ul li a:hover {
	color: #f70
}

.g-header .navWrap .nav {
	float: right;
	margin-bottom: -1px
}

.g-header .navWrap .nav>ul>li {
	position: relative;
	float: left;
	padding: 0 15px;
	z-index: 200
}

.g-header .navWrap .nav>ul>li .pic {
	display: none;
	position: absolute;
	left: 50%;
	margin-left: -92px
}

.g-header .navWrap .nav>ul>li>a {
	line-height: 21px;
	font-size: 18px;
	font-weight: 700px;
	display: inline-block;
	padding: 36px 15px;
	color: #333;
	border-bottom: 3px solid transparent
}

.g-header .navWrap .nav>ul>li:hover>a {
	color: #ff8a00;
	text-decoration: none;
	border-bottom-color: #ff8a00
}

.g-header .navWrap .nav>ul>li:hover .pic {
	display: block
}

.g-body .page-sections {
	position: relative
}

.g-body .page-sections .page-section {
	padding-top: 95px
}

.g-body .page-sections .page-section.active {
	display: block
}

.g-body .page-sections .page-section .inner {
	color: #fff;
	font-size: 0px;
	position: relative;
	text-align: center;
	margin: 0 auto
}

.g-body .page-sections .page-section .inner:after,.g-body .page-sections .page-section .inner>b {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	width: 0;
	height: 100%;
	vertical-align: middle
}

.g-body .page-sections .page-section .inner:after {
	content: ''
}

.g-body .page-sections .page-section .inner div.con {
	display: inline-block;
	vertical-align: middle;
	position: relative;
	width: 1200px
}

.g-body .page-sections .page-section .inner div.con>div.left,.g-body .page-sections .page-section .inner div.con>div.right {
	box-sizing: border-box;
	float: left;
	width: 559px;
	position: relative;
	z-index: 3
}

.g-body .page-sections .page-section .inner div.con .left {
	text-align: center
}

.g-body .page-sections .page-section .inner div.con .right>h2 {
	font-size: 80px;
	color: #fff;
	padding-top: 115px;
	line-height: 1em;
	white-space: nowrap
}

.g-body .page-sections .page-section .inner div.con .right p.sub {
	font-size: 46px
}

.g-body .page-sections .page-section-1 {
	background: #29aac7
}

.g-body .page-sections .page-section-1 .inner>div.con .left ul li {
	position: absolute;
	width: 116px;
	height: 114px;
	background: url(../images/app/appIntro-icon.png) no-repeat
}

.g-body .page-sections .page-section-1 .inner>div.con .left ul li p {
	font-size: 18px;
	line-height: 24px;
	color: #fff
}

.g-body .page-sections .page-section-1 .inner>div.con .left ul li p:first-child {
	padding-top: 34px
}

.g-body .page-sections .page-section-1 .inner>div.con .left ul li:first-child {
	top: 35px
}

.g-body .page-sections .page-section-1 .inner>div.con .left ul li.odd {
	right: -10px;
	background-position: 0 -88px
}

.g-body .page-sections .page-section-1 .inner>div.con .left ul li.even {
	left: -10px;
	right: auto;
	background-position: -115px -88px
}

.g-body .page-sections .page-section-1 .inner>div.con .left ul li.second {
	top: 135px
}

.g-body .page-sections .page-section-1 .inner>div.con .left ul li.third {
	top: 200px
}

.g-body .page-sections .page-section-1 .inner>div.con .left ul li.fourth {
	top: 300px
}

.g-body .page-sections .page-section-1 .inner>div.con .right {
	padding-left: 40px
}

.g-body .page-sections .page-section-1 .inner>div.con .right p.sub {
	background-image: url("/images/app/slo.png");background-repeat: no-repeat;
	height: 45px;
	margin: 30px auto 65px auto;
	display: block;
	width: 345px
}

.g-body .page-sections .page-section-1 .inner>div.con .right .download .d_left {
	float: left;
	margin-right: 30px;
	width: 286px
}

.g-body .page-sections .page-section-1 .inner>div.con .right .download .d_left button i {
	height: 43px;
	width: 37px;
	display: inline-block;
	margin-right: 20px;
	position: relative;
	top: 12px
}

.g-body .page-sections .page-section-1 .inner>div.con .right .download .d_left .button-1 {
	background-color: #51d600;
	margin-bottom: 24px
}

.g-body .page-sections .page-section-1 .inner>div.con .right .download .d_left .button-1 i {
	background: url(../images/app/appIntro-icon.png) no-repeat -37px 0
}

.g-body .page-sections .page-section-1 .inner>div.con .right .download .d_left .button-1:hover {
	background-color: #82DC4B
}

.g-body .page-sections .page-section-1 .inner>div.con .right .download .d_left .button-2 {
	background-color: #0c82d4
}

.g-body .page-sections .page-section-1 .inner>div.con .right .download .d_left .button-2 i {
	background: url(../images/app/appIntro-icon.png) no-repeat 0 0
}

.g-body .page-sections .page-section-1 .inner>div.con .right .download .d_left .button-2:hover {
	background-color: #319AE2
}

.g-body .page-sections .page-section-1 .inner>div.con .right .download>img {
	float: left
}

.g-body .page-sections .page-section-2 {
	background: url(../images/app/house1.png) no-repeat bottom center #47cae0
}

.g-body .page-sections .page-section-2 .inner>div.con .right {
	padding-left: 30px
}

.g-body .page-sections .page-section-2 .inner>div.con .right p.sub {
	padding-top: 16px;
	padding-bottom: 56px
}

.g-body .page-sections .page-section-2 .inner>div.con .right ul li {
	float: left;
	margin-left: 28px;
	text-align: center
}

.g-body .page-sections .page-section-2 .inner>div.con .right ul li>span {
	display: inline-block;
	background: url(../images/app/icon.png) no-repeat;
	width: 110px;
	height: 126px;
	padding-top: 9px
}

.g-body .page-sections .page-section-2 .inner>div.con .right ul li>span>i {
	display: block;
	width: 92px;
	height: 92px;
	border-radius: 50%;
	overflow: hidden;
	margin-left: 9px;
	background: url(../images/app/icon.png) no-repeat 0px -140px
}

.g-body .page-sections .page-section-2 .inner>div.con .right ul li>span>i.second {
	background-position: 0 -236px
}

.g-body .page-sections .page-section-2 .inner>div.con .right ul li>span>i.third {
	background-position: 0px -328px
}

.g-body .page-sections .page-section-2 .inner>div.con .right ul li>span>i.fourth {
	background-position: 0px -420px
}

.g-body .page-sections .page-section-2 .inner>div.con .right ul li>p {
	padding-top: 13px;
	font-size: 18px
}

.g-body .page-sections .page-section-2 .inner>div.con .right ul>li:first-child {
	margin-left: 0
}

.g-body .page-sections .page-section-3 {
	background: #1dcfb7
}

.g-body .page-sections .page-section-3 .inner>div.con .right {
	padding-left: 30px
}

.g-body .page-sections .page-section-3 .inner>div.con .right p.sub {
	padding-top: 16px;
	padding-bottom: 56px
}

.g-body .page-sections .page-section-3 .inner>div.con .right ul li {
	position: absolute;
	text-align: center
}

.g-body .page-sections .page-section-3 .inner>div.con .right ul li>span {
	display: inline-block;
	background: url(../images/app/icon.png) no-repeat;
	width: 110px;
	height: 126px;
	padding-top: 9px
}

.g-body .page-sections .page-section-3 .inner>div.con .right ul li>span>i {
	display: block;
	width: 92px;
	height: 92px;
	margin-left: 9px;
	border-radius: 50%;
	overflow: hidden;
	background: url(../images/app/icon.png) no-repeat
}

.g-body .page-sections .page-section-3 .inner>div.con .right ul li>p {
	padding-top: 13px;
	font-size: 18px
}

.g-body .page-sections .page-section-3 .inner>div.con .right ul li .dot {
	font-size: 0;
	padding-top: 7px
}

.g-body .page-sections .page-section-3 .inner>div.con .right ul li .dot i {
	display: inline-block;
	width: 22px;
	height: 22px;
	background-image: url(data:image/png;
	base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAYAAADEtGw7AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo4REFEQ0VGMTAyMTAxMUU2OTI1RkVFNjMyNTI1OTBBMCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo4REFEQ0VGMjAyMTAxMUU2OTI1RkVFNjMyNTI1OTBBMCI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjhEQURDRUVGMDIxMDExRTY5MjVGRUU2MzI1MjU5MEEwIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjhEQURDRUYwMDIxMDExRTY5MjVGRUU2MzI1MjU5MEEwIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+q3vGPAAAAWRJREFUeNq0lbFOAkEQhpeNMZqgXgc2WGsBQkFLiBY+gLXX+VB29j6AhWhsLRRCoyXXQLRRMdFCXf9JhmQzmeOWjfzJR+42e//NDTOzJeecydEqqIEqk/D6KxiDCRiBb+3hUo7xPtgDZTNf7+AR9IuM10GHI11EGbgFn5oxmR6CbRMnSs/VzNw3PlIiLfPL6qDCa5TbAbgGH0rkl74x5bQtNrXACX+Jpi9wDu7F+h3lnIxXcHEMNoXpKb244PMpqjNhTl9xYfGzI0w3QBpganhPys/46atZrlFfXbC2wJ9Gew/EWtUqVdCIqIi6ZpzIxQjjirhPrPkf/Yj7X8u972sSYfwiW91yx/gaRBgPZXBWifCGiz9UtLenGY94Ss005Y5yAaaO905Fg2RFLZ3OqenClg4ZQg0uKRrqz5zTXsgQWurYXNqg99UEu4FH0xN4CD3z5GFK6dmijgJv3mGa5R2mfwIMAGGSef8uGmDcAAAAAElFTkSuQmCC)
}

.g-body .page-sections .page-section-3 .inner>div.con .right ul>li:first-child {
	left: -52px;
	top: 298px
}

.g-body .page-sections .page-section-3 .inner>div.con .right ul>li:first-child>span>i {
	background-position: 0 -789px
}

.g-body .page-sections .page-section-3 .inner>div.con .right ul li.second {
	left: 160px;
	top: 377px
}

.g-body .page-sections .page-section-3 .inner>div.con .right ul li.second>span>i {
	background-position: 0 -696px
}

.g-body .page-sections .page-section-3 .inner>div.con .right ul li.third {
	left: 320px;
	top: 310px
}

.g-body .page-sections .page-section-3 .inner>div.con .right ul li.third>span>i {
	background-position: 0 -604px
}

.g-body .page-sections .page-section-3 .inner>div.con .right ul li.fourth {
	left: 490px;
	top: 392px
}

.g-body .page-sections .page-section-3 .inner>div.con .right ul li.fourth>span>i {
	background-position: 0 -512px
}

.g-body .page-sections .page-section-3 .inner>div.con .ps3_bg {
	position: absolute;
	width: 1920px;
	height: 276px;
	bottom: 50%;
	left: 50%;
	margin-left: -960px;
	margin-bottom: -253px;
	z-index: 1
}

.g-body .page-sections .page-section-4 {
	background-color: #40d494
}

.g-body .page-sections .page-section-4 .inner>div.con .left .bg {
	position: absolute;
	background: url(../images/app/201604141626.jpg) no-repeat;
	width: 596px;
	height: 542px;
	top: 62px;
	left: -58px
}

.g-body .page-sections .page-section-4 .inner>div.con .left>img {
	z-index: 3;
	position: relative
}

.g-body .page-sections .page-section-4 .inner>div.con .right {
	padding-left: 40px
}

.g-body .page-sections .page-section-4 .inner>div.con .right>h2 {
	padding-top: 60px
}

.g-body .page-sections .page-section-4 .inner>div.con .right p.sub {
	padding-top: 16px;
	padding-bottom: 16px
}

.g-body .page-sections .page-section-4 .inner>div.con .right>img {
	margin-left: -62px
}

 .g-body .page-sections .page-section-5 {
	background: url(../images/app/house1.png) no-repeat bottom center #00c27b
}

.g-body .page-sections .page-section-5 .inner>div.con .right {
	padding-left: 30px
}

.g-body .page-sections .page-section-5 .inner>div.con .right p.sub {
	padding-top: 16px;
	padding-bottom: 56px
}

.g-body .page-sections .page-section-5 .inner>div.con .right ul li {
	float: left;
	margin-left: 28px;
	text-align: center
}

.g-body .page-sections .page-section-5 .inner>div.con .right ul li>span {
	display: inline-block;
	background: url(../images/app/icon.png) no-repeat;
	width: 110px;
	height: 126px;
	padding-top: 9px
}

.g-body .page-sections .page-section-5 .inner>div.con .right ul li>span>i {
	display: block;
	width: 92px;
	height: 92px;
	border-radius: 50%;
	overflow: hidden;
	margin-left: 9px;
	background: url(../images/app/icon.png) no-repeat 0px -140px
}

.g-body .page-sections .page-section-5 .inner>div.con .right ul li>span>i.second {
	background-position: 0 -236px
}

.g-body .page-sections .page-section-5 .inner>div.con .right ul li>span>i.third {
	background-position: 0px -328px
}

.g-body .page-sections .page-section-5 .inner>div.con .right ul li>span>i.fourth {
	background-position: 0px -420px
}

.g-body .page-sections .page-section-5 .inner>div.con .right ul li>p {
	padding-top: 13px;
	font-size: 18px
}

.g-body .page-sections .page-section-5 .inner>div.con .right ul>li:first-child {
	margin-left: 0
}

.g-body .page-sections .page-section-6 {
	background: url(../images/app/house.png) no-repeat center bottom #d3f5ee
}

.g-body .page-sections .page-section-6 .inner>div.con {
	text-align: center
}

.g-body .page-sections .page-section-6 .inner>div.con h2 {
	color: #1cbd93;
	font-size: 60px;
	padding-top: 35px
}

.g-body .page-sections .page-section-6 .inner>div.con p.subtitle {
	font-size: 30px;
	color: #1cbd93;
	padding-top: 3px;
	padding-bottom: 70px
}

.g-body .page-sections .page-section-6 .inner>div.con .code {
	margin-bottom: 180px
}

.g-body .page-sections .page-section-6 .inner>div.con .code .item {
	display: inline-block;
	background-color: #fff;
	border-radius: 5px;
	overflow: hidden;
	padding: 0 40px 30px 40px
}

.g-body .page-sections .page-section-6 .inner>div.con .code .item p {
	font-size: 26px;
	color: #000;
	padding-top: 18px;
	padding-bottom: 8px
}

.g-body .page-sections .page-section-6 .inner>div.con .code .item:first-child {
	margin-right: 80px
}

.g-body ul.page-pointer {
	top: 50%;
	margin-top: -45px;
	right: 3%;
	z-index: 200
}

.g-body ul.page-pointer li {
	width: 20px;
	height: 20px;
	border-radius: 50%;
	overflow: hidden;
	background-color: #fff;
	opacity: 0.3;
	filter: alpha(opacity=30);
	margin-bottom: 12px;
	cursor: pointer
}

.g-body ul.page-pointer li:hover {
	opacity: 0.8;
	filter: alpha(opacity=80)
}

.g-body ul.page-pointer li.active {
	opacity: 1;
	filter: alpha(opacity=100)
}

.g-body ul.vertical {
	position: fixed
}

.g-body ul.vertical li {
	margin-bottom: 12px
}

.g-button {
	width: 286px;
	height: 80px;
	line-height: 80px;
	font-size: 26px;
	border-radius: 4px;
	border: 0;
	outline: none;
	color: #fff;
	margin-bottom: 24px;
}