/*<!--top-->*/
.sn-top-contianer{
	position: relative;
	width: 1200px;
	height: 100px;
	margin:  0 auto;
	z-index: 100;
}
.sn-topLogo-icon{
	position: absolute;
	left: 0px;
	top: 50%;
	margin-top: -25px;
	width: 130px;
	height: 50px;
	background: url(/img/static/icon/sn-app_icon_03.png) no-repeat center center;
}
/*<!--nav-->*/
.sn-topNav-content{
	width: 100%;
	text-align: right;
	font-size: 0px;
	padding-top: 36px;
}
.sn-nav-item{
	font-size: 18px;
	line-height: 24px;
	color: #ffffff;
	margin-left: 50px;
	font-weight: 300;
	transition: all 0.1s;
	-webkit-transition: all 0.1s;
	-moz-transition: all 0.1s;
	-ms-transition: all 0.1s;
	-o-transition: all 0.1s;
}
.sn-nav-item:hover{
	color: #77cc32;
}
/*设置每个page的背景*/
.page1{
	background: url(/img/static/page/sn-auP1-bg.jpg) no-repeat center center;
	background-size: cover;
}
.page2{
	background: url(/img/static/page/sn-auP2-bg.jpg) no-repeat center center;
	background-size: cover;
}
.page3{
	background: url(/img/static/page/sn-auP3-bg.jpg) no-repeat center center;
	background-size: cover;
}
.page4{
	background: url(/img/static/page/sn-auP4-bg.jpg) no-repeat center center;
	background-size: cover;
}
.page5{
	background: url(/img/static/page/sn-auP5-bg.jpg) no-repeat center center;
	background-size: cover;
}
.page6{
	background: url(/img/static/page/sn-auP6-bg.jpg) no-repeat center center;
	background-size: cover;
}
.page7{
	background: url(/img/static/page/sn-auP7-bg.jpg) no-repeat center center;
	background-size: cover;
}
.page8{
	background: url(/img/static/page/sn-auP8-bg.jpg) no-repeat center center;
	background-size: cover;
}
.page9{
	background: url(/img/static/page/sn-auP9-bg.jpg) no-repeat center center;
	background-size: cover;
}
.page10{
	background: url(/img/static/page/sn-auP10-bg.jpg) no-repeat center center;
	background-size: cover;
}
/*--page1--*/
.sn-page1-body{
	width: 1200px;
	height: 420px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -210px;
	margin-left: -600px;
}
.sn-page1-title{
	width: 330px;
	height: 180px;
	font-size: 0px;
	margin: 0 auto;
}
.sn-page1-title>img{
	width: 100%;
}
.sn-page1-text{
	width: 100%;
	text-align: center;
	font-size: 14px;
	color: #ffffff;
	line-height: 36px;
	padding-top: 26px;
	padding-bottom: 30px;
}
.sn-page1-btn{
	text-align: center;
}
.sn-btn-goMore{
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	-ms-appearance: none;
	-o-appearance: none;
	border: none;
	outline: none;
	width: 164px;
	height: 38px;
	background: #77CC32;
	border-radius: 19px;
	font-size: 16px;
	color: #ffffff;
	font-weight: 300;
	box-shadow: 1px 2px 8px rgba(119,204,50,0.2);
	transition: all 0.2s;
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-ms-transition: all 0.2s;
	-o-transition: all 0.2s;
}
.sn-btn-goMore:hover{
	box-shadow: 1px 2px 10px rgba(119,204,50,0.5);
}
/*--page2--*/
.sn-page2-body{
	width: 1200px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -600px;
	margin-top: -300px;
}
.sn-page2-title,
.sn-page3-title,
.sn-page4-title,
.sn-page5-title,
.sn-page6-title,
.sn-page7-title,
.sn-page8-title,
.sn-page9-title,
.sn-page10-title{
	text-align: center;
	padding-bottom: 4px;
}
.sn-page2-xTitle,
.sn-page3-xTitle,
.sn-page4-xTitle,
.sn-page6-xTitle,
.sn-page9-xTitle,
.sn-page10-xTitle{
	text-align: center;
	font-size: 21px;
	color: #ffffff;
	line-height: 36px;
	font-weight: 300;
}
.sn-page2-title>span,
.sn-page3-title>span,
.sn-page4-title>span,
.sn-page5-title>span,
.sn-page6-title>span,
.sn-page7-title>span,
.sn-page8-title>span,
.sn-page9-title>span,
.sn-page10-title>span{
	font-size: 25px;
	color: #ffffff;
	line-height: 40px;
	position: relative;
}
.sn-page2-title>span:before,
.sn-page3-title>span:before,
.sn-page4-title>span:before,
.sn-page5-title>span:before,
.sn-page6-title>span:before,
.sn-page7-title>span:before,
.sn-page8-title>span:before,
.sn-page9-title>span:before,
.sn-page10-title>span:before{
	display: block;
	content: "";
	position: absolute;
	top: 50%;
	left: -24px;
	margin-top: -7px;
	width: 14px;
	height: 14px;
	border-radius: 50%;
	background: #77cc32;
	opacity: 0.34;
}
.sn-page2-title>span:after,
.sn-page3-title>span:after,
.sn-page4-title>span:after,
.sn-page5-title>span:after,
.sn-page6-title>span:after,
.sn-page7-title>span:after,
.sn-page8-title>span:after,
.sn-page9-title>span:after,
.sn-page10-title>span:after{
	display: block;
	content: "";
	position: absolute;
	top: 50%;
	left: -20px;
	margin-top: -3px;
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background: #77cc32;
}
/*<!--page2-nav-->*/
.sn-signUp-lists{
	width: 100%;
	text-align: center;
	font-size: 0px;
	padding-bottom: 20px;
	padding-top: 50px;
}
.sn-signUp-item{
	display: inline-block;
	width: 138px;
	height: 38px;
	box-sizing: border-box;
	border: 1px solid #FFFFFF;
	text-align: center;
	line-height: 34px;
	border-radius: 19px;
	font-size: 18px;
	color: #ffffff;
	margin: 0px 21px;
	transition: all 0.2s;
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-ms-transition: all 0.2s;
	-o-transition: all 0.2s;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
}
.sn-signUp-item.active{
	background: #77CC32;
	border-color: #77CC32;
}
.sn-sigUp-options{
	width: 100%;
	height: 420px;
	position: relative;
	overflow: hidden;
}
.sn-sigUp-option{
	opacity: 0;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 1;
	width: 100%;
	height: 100%;
	/*动画*/
	transform: perspective(600px) rotateX(-90deg);
	-webkit-transform: perspective(600px) rotateX(-90deg);
	transform-origin: top;
	-webkit-transition: all 0.5s;
	/*---测试---*/
	font-size: 0px;
}
.sn-sigUp-option.active{
	opacity: 1;
	z-index: 100;
	transform:  rotateX(-0deg);
	-webkit-transform:  rotateX(-0deg);
	-moz-transform:  rotateX(-0deg);
	-ms-transform: rotateX(-0deg);
	-o-transform:  rotateX(-0deg);
}
/*--page3--*/
.sn-page3-body{
	width: 1200px;
	height: 300px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -600px;
	margin-top: -150px;
}
.sn-custom{
	width: 100%;
	text-align: center;
	font-size: 0px;
	margin-top: 80px;
}
.sn-custom-list{
	display: inline-block;
	padding: 0px 50px;
	position: relative;
}
.sn-custom-list:before{
	display: block;
	content: "";
	position: absolute;
	top: 30px;
	left: 0px;
	height: 30px;
	width: 1px;
	background: #acb4c3;
}
.sn-custom-list:first-child:before{
	display: none;
}
.sn-show-img{
	width: 110px;
	height: 90px;
	margin: 0 auto;
}
.sn-show-img.sn-web{
	background: url(/img/static/icon/sn-page3-icon_01.png) no-repeat center 4px;
}
.sn-show-img.sn-h5{
	background: url(/img/static/icon/sn-page3-icon_01.png) no-repeat center -104px;
}
.sn-show-img.sn-app{
	background: url(/img/static/icon/sn-page3-icon_01.png) no-repeat center -210px;
}
.sn-show-img.sn-wchat{
	background: url(/img/static/icon/sn-page3-icon_01.png) no-repeat center -315px;
}
.sn-custom-text{
	display: block;
	text-align: center;
	font-size: 20px;
	color: #ffffff;
	line-height: 24px;
	padding-top: 26px;
}
/*--page4--*/
.sn-page4-body{
	width: 1200px;
	height: 560px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -600px;
	margin-top: -280px;
}
.sn-cooperation-lists{
	width: 100%;
	text-align: center;
	font-size: 0px;
	margin-top: 60px;
}
.sn-cooper-list{
	display: inline-block;
	width: 200px;
	height: 420px;
	margin: 0px 18px;
}
.sn-my-icon{
	background: url(/img/static/icon/sn-cooperation-img_03.png) no-repeat 17px 0px;
}
.sn-my-wallet{
	background: url(/img/static/icon/sn-cooperation-img_03.png) no-repeat -222px 0px;
}
.sn-my-service{
	background: url(/img/static/icon/sn-cooperation-img_03.png) no-repeat -456px 0px;
}
.sn-my-movie{
	background: url(/img/static/icon/sn-cooperation-img_03.png) no-repeat -692px 0px;
}
/*--page5--*/
.sn-page5-body{
	width: 1200px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -600px;
	margin-top: -260px;
}
.sn-page5-showImg{
	width: 1200px;
	height: 500px;
	font-size: 0px;
	margin: 0 auto;
	margin-top: 20px;
}
.sn-page5-showImg>img{
	width: 100%;
}
/*--page6--*/
.sn-page6-body{
	position: absolute;
	top: 50%;
	left: 50%;
	width: 1200px;
	/*测试*/
	margin-left: -600px;
	margin-top: -250px;
}
.sn-page6-showImg{
	width: 100%;
	margin-top: 50px;
	position: relative;
}
.sn-middle-img{
	width: 541px;
	height: 343px;
	font-size: 0px;
	padding: 18px;
	background: #FFFFFF;
	border-radius: 6px;
	box-shadow: 0px 5px 27px rgba(26,29,31,0.75);
	margin: 0 auto;
}
.sn-middle-img>img{
	width: 100%;
}
.sn-left-img{
	width: 280px;
	height: 200px;
	position: absolute;
	bottom: 40px;
	left: 20px;
}
.sn-right-img{
	width: 260px;
	height: 186px;
	position: absolute;
	bottom: 80px;
	right: 0px;
}
/*--page7--*/
.sn-page7-body{
	width: 1200px;
	height: 600px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -600px;
	margin-top: -300px;
}
.sn-showImg{
	width: 513px;
	height: 478px;
	font-size: 0px;
	border-radius: 3px;
	overflow: hidden;
	box-shadow: 0px 0px 27px rgba(26,29,31,0.52);
	margin: 0 auto;
	margin-top: 60px;
}
.sn-showImg>img{
	width: 100%;
}
/*--page8--*/
.sn-page8-body{
	width: 1200px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -600px;
	margin-top: -150px;
}
.sn-service-lists{
	width: 100%;
}
.sn-service-list{
	width: 50%;
	float: left;
	text-align: center;
	position: relative;
}
.sn-service-list:first-child:after{
	display: block;
	content: "";
	width: 1px;
	height: 124px;
	background: #868b8f;
	position: absolute;
	top: 60px;
	right: 0px;
}
.sn-service-text{
	width: 100%;
	text-align: center;
	padding-top: 30px;
}
.sn-service-text>p{
	font-size: 24px;
	color: #ffffff;
	font-weight: 300;
	padding: 20px 0px;
}
/*--page9--<!--设备列表-->*/
.sn-page9-body{
	width: 1200px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -280px;
	margin-left: -600px;
}
.sn-equipment-lists{
	width: 100%;
	text-align: center;
	padding-top: 30px;
}
.sn-equipment-list{
	display: inline-block;
	height: 200px;
	height: 200px;
	font-size: 0px;
}
.sn-eq-middle{
	width: 300px;
}
/*--page10--*/
.sn-page10-body{
	width: 1200px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -310px;
	margin-left: -600px;
}
.sn-page10-showImg{
	width: 1060px;
	height: 520px;
	font-size: 0px;
	margin: 0 auto;
	margin-top: 20px;
}
.sn-page10-showImg>img{
	width: 100%;
}

body{
	width: 100%;
	overflow: hidden;
}
#pageContain {
	overflow: hidden;
}
.page {
	display: none;
	width: 100%;
	height: 100%;
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 0;
}
.contain {
	width: 100%;
	height: 100%;
	display: none;
	position: relative;
	z-index: 0;
}
.current .contain,
.slide .contain {
	display: block;
}
.current {
	display: block;
	z-index: 1;
}
.slide {
	display: block;
	z-index: 2;
}
.swipe {
	display: block;
	z-index: 3;
	transition-duration: 0ms !important;
	-webkit-transition-duration: 0ms !important;
}
/*set->pagination*/
#sn-pagination{
	display: block;
	width: 100%;
	position: absolute;
	bottom: 60px;
	z-index: 100;
	text-align: center;
}
.sn-pagination-item{
	display: inline-block;
	width: 12px;
	height: 12px;
	margin: 2px 12px;
	background: #a8abb0;
	border-radius: 50%;
	cursor: pointer;
	transition: all 0.2s;
}
.sn-pagination-item.active{
	width: 16px;
	height: 16px;
	margin: 0px 10px;
	background: #77CC32;
}
.sn-pagination-item:hover{
	box-shadow: 0px 1px 8px rgba(0,0,0,0.48);
}
/*<!--text-page-->*/
#sn-pagination-text{
	display: none;
	width: 100%;
	min-width: 1200px;
	position: absolute;
	bottom: 60px;
	text-align: center;
	z-index: 100;
	font-size: 0px;
}
.sn-pagText-item{
	display: inline-block;
	font-size: 18px;
	line-height: 20px;
	color: #ffffff;
	margin: 0px 20px;
	font-weight: 300;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
}
.sn-pagText-item:hover{
	color: #77CC32;
}
.nav_about{ position:fixed; top:35px; left:154px; font-size:24px; color:#fff; z-index:99999; width:300px; height:300px; display:none;}
@media screen and (max-width: 1366px) {
	.sn-topNav-content {
		display:none;

	}
	.nav_about{ display:block;}
}