/** {*/
/*margin: 0;*/
/*padding: 0;*/
/*}*/
/*解决fullpage的空白bug*/
body {
	margin: 0;
	padding: 0;
}

html {
	overflow-x: hidden;
	overflow-y: auto;
}

/*头部*/
.menus ul {
	margin: 0;
	padding: 0;
}

.menus {
	width: 100%;
	height: 45px;
	position: relative;
	top: 0;
	z-index: 3;
	background: #020202;
}

.menus .banner {
	position: absolute;
	top: 0;
	left: 40%;
	margin-left: -322px;
	width: 750px;
	height: 100%;
	text-align: center;
	cursor: pointer;
}

.menus .banner ul li a {
	height: 100%;
	width: 100%;
	list-style: none;
	float: left;
	/*padding-left: 12px;*/
	/*padding-right: 12px;*/
	margin-left: 10%;
	color: #ffffff;
	font-size: 12px;
	/* line-height: 45px; */
	display: inline-block;
	text-decoration: none;
}

.menus .banner ul li {
	list-style: none;
	float: left;
	padding-left: 6px;
	padding-right: 6px;
	margin-left: 5%;
	color: #ffffff;
	font-size: 13px;
	line-height: 45px;
	position: relative;
}

.menus .banner ul li.cRed {
	border-bottom: 2px solid #ff3e3e;
}

.menus .file {
	display: inline-block;
	position: absolute;
	top: 45px;
	left: 0;
	display: none;
}

.menus .file span {
	display: inline-block;
	width: 75px;
	height: 35px;
	line-height: 35px;
	background: #2c2c2c;
	float: left;
	padding: 0 10px;
	margin-left:-15px;
}

.menus2span {
	display: inline-block;
	width: 75px;
	height: 35px;
	line-height: 35px;
	background: #2c2c2c;
	float: left;
	padding: 0 10px;
}

.menus .file span:nth-child(1) {
	margin-bottom: 1px;
}

.menus .banner .file span a {
	width: 75px;
	height: 35px;
	display: inline-block;
	text-decoration: none;
	color: #ffffff;
	text-align: center;
	margin: 0;
	/*padding:0 10px;*/
}

.menus .register {
	position: absolute;
	right: 20px;
	top: 0;
	width: 310px;
	height: 100%;
	line-height: 45px;
	color: #cccccc;
	font-size: 12px;
	text-align: center;
}

.menus .register span {
	display: inline-block;
	padding-left: 10px;
	padding-right: 10px;
	cursor: pointer;
}

.menus .register span:nth-child(3) {
	padding-left: 20px;
	background: url("../imgs/phone.png") no-repeat;
	background-position: -6px;
}
/*背景图片的设置*/
#fullpage .containter {
	width: 100%;
	height: 100%;
	position: absolute;
}

.footer {
	width: 100%;
	height: 45px;
	background: #020202;
	position: absolute;
	bottom: 0;
}

.footer .footer_free {
	color: #ffffff;
	padding-left: 80px;
	display: inline-block;
}

.footer .footer_free span {
	display: inline-block;
	height: 45px;
	line-height: 45px;
	font-size: 14px;
	color: #cecece;
}

.footer .copyright {
	position: absolute;
	color: #cecece;
	right: 80px;
	display: inline-block;
	height: 45px;
	line-height: 45px;
	font-size: 14px;
}

/*第一张动画*/
@
-webkit-keyframes bounceInDown { 0%, 100%, 60%, 75%, 90% {
	-webkit-transition-timing-function: cubic-bezier(0.215, .61, .355, 1);
	transition-timing-function: cubic-bezier(0.215, .61, .355, 1)
}

0%
{
opacity
:
 
0;
-webkit-transform
:
 
translate3d
(0
,
-3000
px
,
0);
transform
:
 
translate3d
(0
,
-3000
px
,
0)
}
60%
{
opacity
:
 
1;
-webkit-transform
:
 
translate3d
(0
,
25
px
,
0);
transform
:
 
translate3d
(0
,
25
px
,
0)
}
75%
{
-webkit-transform
:
 
translate3d
(0
,
-10
px
,
0);
transform
:
 
translate3d
(0
,
-10
px
,
0)
}
90%
{
-webkit-transform
:
 
translate3d
(0
,
5
px
,
0);
transform
:
 
translate3d
(0
,
5
px
,
0)
}
100%
{
-webkit-transform
:
 
none
;

        
transform
:
 
none

    
}
}
@
keyframes bounceInDown { 0%, 100%, 60%, 75%, 90% {
	-webkit-transition-timing-function: cubic-bezier(0.215, .61, .355, 1);
	transition-timing-function: cubic-bezier(0.215, .61, .355, 1)
}

0%
{
opacity
:
 
0;
-webkit-transform
:
 
translate3d
(0
,
-3000
px
,
0);
-ms-transform
:
 
translate3d
(0
,
-3000
px
,
0);
transform
:
 
translate3d
(0
,
-3000
px
,
0)
}
60%
{
opacity
:
 
1;
-webkit-transform
:
 
translate3d
(0
,
25
px
,
0);
-ms-transform
:
 
translate3d
(0
,
25
px
,
0);
transform
:
 
translate3d
(0
,
25
px
,
0)
}
75%
{
-webkit-transform
:
 
translate3d
(0
,
-10
px
,
0);
-ms-transform
:
 
translate3d
(0
,
-10
px
,
0);
transform
:
 
translate3d
(0
,
-10
px
,
0)
}
90%
{
-webkit-transform
:
 
translate3d
(0
,
5
px
,
0);
-ms-transform
:
 
translate3d
(0
,
5
px
,
0);
transform
:
 
translate3d
(0
,
5
px
,
0)
}
100%
{
-webkit-transform
:
 
none
;

        
-ms-transform
:
 
none
;

        
transform
:
 
none

    
}
}
.bounceInDown {
	-webkit-animation: bounceInDown 2s;
	animation: bounceInDown 2s;
}

@
-webkit-keyframes bounceInUp { 0%, 100%, 60%, 75%, 90% {
	-webkit-transition-timing-function: cubic-bezier(0.215, .61, .355, 1);
	transition-timing-function: cubic-bezier(0.215, .61, .355, 1)
}

0%
{
opacity
:
 
0;
-webkit-transform
:
 
translate3d
(0
,
3000
px
,
0);
transform
:
 
translate3d
(0
,
3000
px
,
0)
}
60%
{
opacity
:
 
1;
-webkit-transform
:
 
translate3d
(0
,
-20
px
,
0);
transform
:
 
translate3d
(0
,
-20
px
,
0)
}
75%
{
-webkit-transform
:
 
translate3d
(0
,
10
px
,
0);
transform
:
 
translate3d
(0
,
10
px
,
0)
}
90%
{
-webkit-transform
:
 
translate3d
(0
,
-5
px
,
0);
transform
:
 
translate3d
(0
,
-5
px
,
0)
}
100%
{
-webkit-transform
:
 
translate3d
(0
,
0,
0);
transform
:
 
translate3d
(0
,
0,
0)
}
}
@
keyframes bounceInUp { 0%, 100%, 60%, 75%, 90% {
	-webkit-transition-timing-function: cubic-bezier(0.215, .61, .355, 1);
	transition-timing-function: cubic-bezier(0.215, .61, .355, 1)
}

0%
{
opacity
:
 
0;
-webkit-transform
:
 
translate3d
(0
,
3000
px
,
0);
-ms-transform
:
 
translate3d
(0
,
3000
px
,
0);
transform
:
 
translate3d
(0
,
3000
px
,
0)
}
60%
{
opacity
:
 
1;
-webkit-transform
:
 
translate3d
(0
,
-20
px
,
0);
-ms-transform
:
 
translate3d
(0
,
-20
px
,
0);
transform
:
 
translate3d
(0
,
-20
px
,
0)
}
75%
{
-webkit-transform
:
 
translate3d
(0
,
10
px
,
0);
-ms-transform
:
 
translate3d
(0
,
10
px
,
0);
transform
:
 
translate3d
(0
,
10
px
,
0)
}
90%
{
-webkit-transform
:
 
translate3d
(0
,
-5
px
,
0);
-ms-transform
:
 
translate3d
(0
,
-5
px
,
0);
transform
:
 
translate3d
(0
,
-5
px
,
0)
}
100%
{
-webkit-transform
:
 
translate3d
(0
,
0,
0);
-ms-transform
:
 
translate3d
(0
,
0,
0);
transform
:
 
translate3d
(0
,
0,
0)
}
}
.bounceInUp {
	-webkit-animation: bounceInUp 2s;
	animation: bounceInUp 2s;
}

@
-webkit-keyframes bounceInLeft { 0%, 100%, 60%, 75%, 90% {
	-webkit-transition-timing-function: cubic-bezier(0.215, .61, .355, 1);
	transition-timing-function: cubic-bezier(0.215, .61, .355, 1)
}

0%
{
opacity
:
 
0;
-webkit-transform
:
 
translate3d
(-3000px
,
0,
0);
transform
:
 
translate3d
(-3000px
,
0,
0)
}
60%
{
opacity
:
 
1;
-webkit-transform
:
 
translate3d
(25px
,
0,
0);
transform
:
 
translate3d
(25px
,
0,
0)
}
75%
{
-webkit-transform
:
 
translate3d
(-10px
,
0,
0);
transform
:
 
translate3d
(-10px
,
0,
0)
}
100%
{
-webkit-transform
:
 
translate3d
(5px
,
0,
0);
transform
:
 
translate3d
(5px
,
0,
0)
}
100%
{
-webkit-transform
:
 
none
;

           
transform
:
 
none
;

       
}
}
@
keyframes bounceInLeft { 0%, 100%, 60%, 75%, 90% {
	-webkit-transition-timing-function: cubic-bezier(0.215, .61, .355, 1);
	transition-timing-function: cubic-bezier(0.215, .61, .355, 1)
}

0%
{
opacity
:
 
0;
-webkit-transform
:
 
translate3d
(-3000px
,
0,
0);
-ms-transform
:
 
translate3d
(-3000px
,
0,
0);
transform
:
 
translate3d
(-3000px
,
0,
0)
}
60%
{
opacity
:
 
1;
-webkit-transform
:
 
translate3d
(25px
,
0,
0);
-ms-transform
:
 
translate3d
(25px
,
0,
0);
transform
:
 
translate3d
(25px
,
0,
0)
}
75%
{
-webkit-transform
:
 
translate3d
(-10px
,
0,
0);
-ms-transform
:
 
translate3d
(-10px
,
0,
0);
transform
:
 
translate3d
(-10px
,
0,
0)
}
90%
{
-webkit-transform
:
 
translate3d
(5px
,
0,
0);
-ms-transform
:
 
translate3d
(5px
,
0,
0);
transform
:
 
translate3d
(5px
,
0,
0)
}
100%
{
-webkit-transform
:
 
none
;

        
-ms-transform
:
 
none
;

        
transform
:
 
none

    
}
}
.bounceInLeft {
	-webkit-animation-name: bounceInLeft;
	animation-name: bounceInLeft;
	animation-duration: 4s;
	-webkit-animation-duration: 4s;
	/*animation-delay :2s;*/
	/*-webkit-animation-delay :2s;*/
}

@
-webkit-keyframes bounceInRight { 0%, 100%, 60%, 75%, 90% {
	-webkit-transition-timing-function: cubic-bezier(0.215, .61, .355, 1);
	transition-timing-function: cubic-bezier(0.215, .61, .355, 1)
}

0%
{
opacity
:
 
0;
-webkit-transform
:
 
translate3d
(3000px
,
0,
0);
transform
:
 
translate3d
(3000px
,
0,
0)
}
60%
{
opacity
:
 
1;
-webkit-transform
:
 
translate3d
(-25px
,
0,
0);
transform
:
 
translate3d
(-25px
,
0,
0)
}
75%
{
-webkit-transform
:
 
translate3d
(10px
,
0,
0);
transform
:
 
translate3d
(10px
,
0,
0)
}
90%
{
-webkit-transform
:
 
translate3d
(-5px
,
0,
0);
transform
:
 
translate3d
(-5px
,
0,
0)
}
100%
{
-webkit-transform
:
 
none
;

        
transform
:
 
none

    
}
}
@
keyframes bounceInRight { 0%, 100%, 60%, 75%, 90% {
	-webkit-transition-timing-function: cubic-bezier(0.215, .61, .355, 1);
	transition-timing-function: cubic-bezier(0.215, .61, .355, 1)
}

0%
{
opacity
:
 
0;
-webkit-transform
:
 
translate3d
(3000px
,
0,
0);
-ms-transform
:
 
translate3d
(3000px
,
0,
0);
transform
:
 
translate3d
(3000px
,
0,
0)
}
60%
{
opacity
:
 
1;
-webkit-transform
:
 
translate3d
(-25px
,
0,
0);
-ms-transform
:
 
translate3d
(-25px
,
0,
0);
transform
:
 
translate3d
(-25px
,
0,
0)
}
75%
{
-webkit-transform
:
 
translate3d
(10px
,
0,
0);
-ms-transform
:
 
translate3d
(10px
,
0,
0);
transform
:
 
translate3d
(10px
,
0,
0)
}
90%
{
-webkit-transform
:
 
translate3d
(-5px
,
0,
0);
-ms-transform
:
 
translate3d
(-5px
,
0,
0);
transform
:
 
translate3d
(-5px
,
0,
0)
}
100%
{
-webkit-transform
:
 
none
;

        
-ms-transform
:
 
none
;

        
transform
:
 
none

    
}
}
.bounceInRight {
	-webkit-animation-name: bounceInRight;
	animation-name: bounceInRight;
	animation-duration: 4s;
	-webkit-animation-duration: 4s;
	/*animation-delay :2s;*/
	/*-webkit-animation-delay :2s;*/
}

/*第二张动画*/
@
-webkit-keyframes fadeInLeft { 0% {
	opacity: 0;
	-webkit-transform: translate3d(-100%, 0, 0);
	transform: translate3d(-100%, 0, 0)
}

100%
{
opacity
:
 
1;
-webkit-transform
:
 
none
;

        
transform
:
 
none

    
}
}
@
keyframes fadeInLeft { 0% {
	opacity: 0;
	-webkit-transform: translate3d(-100%, 0, 0);
	-ms-transform: translate3d(-100%, 0, 0);
	transform: translate3d(-100%, 0, 0)
}

100%
{
opacity
:
 
1;
-webkit-transform
:
 
none
;

        
-ms-transform
:
 
none
;

        
transform
:
 
none

    
}
}
.fadeInLeft {
	-webkit-animation: fadeInLeft 1s;
	animation: fadeInLeft 1s;
}

@
-webkit-keyframes fadeInLeft2 { 0% {
	opacity: 0;
}

50%{
opacity
:
 
0;
-webkit-transform
:
 
translate3d
(-100%
,
0,
0);
transform
:
 
translate3d
(-100%
,
0,
0)
}
100%
{
opacity
:
 
1;
-webkit-transform
:
 
none
;

        
transform
:
 
none

    
}
}
@
keyframes fadeInLeft2 { 0% {
	opacity: 0;
}

50%{
opacity
:
 
0;
-webkit-transform
:
 
translate3d
(-100%
,
0,
0);
-ms-transform
:
 
translate3d
(-100%
,
0,
0);
transform
:
 
translate3d
(-100%
,
0,
0)
}
100%
{
opacity
:
 
1;
-webkit-transform
:
 
none
;

        
-ms-transform
:
 
none
;

        
transform
:
 
none

    
}
}
.fadeInLeft2 {
	-webkit-animation: fadeInLeft2 2s;
	animation: fadeInLeft2 2s;
}

@
-webkit-keyframes fadeInRight { 0% {
	opacity: 0;
	-webkit-transform: translate3d(100%, 0, 0);
	transform: translate3d(100%, 0, 0)
}

100%
{
opacity
:
 
1;
-webkit-transform
:
 
none
;

        
transform
:
 
none

    
}
}
@
keyframes fadeInRight { 0% {
	opacity: 0;
	-webkit-transform: translate3d(100%, 0, 0);
	-ms-transform: translate3d(100%, 0, 0);
	transform: translate3d(100%, 0, 0)
}

100%
{
opacity
:
 
1;
-webkit-transform
:
 
none
;

        
-ms-transform
:
 
none
;

        
transform
:
 
none

    
}
}
.fadeInRight {
	-webkit-animation: fadeInRight 2s;
	animation: fadeInRight 2s;
}

/*第三张动画*/
@
-webkit-keyframes threeDown { 0%, 100%, 60%, 75%, 90% {
	-webkit-transition-timing-function: cubic-bezier(0.215, .61, .355, 1);
	transition-timing-function: cubic-bezier(0.215, .61, .355, 1)
}

0%
{
opacity
:
 
0;
-webkit-transform
:
 
translate3d
(0
,
-600
px
,
0);
-ms-transform
:
 
translate3d
(0
,
-600
px
,
0);
transform
:
 
translate3d
(0
,
-600
px
,
0)
}
60%
{
-webkit-transform
:
 
translate3d
(0
,
25
px
,
0);
transform
:
 
translate3d
(0
,
25
px
,
0)
}
75%
{
-webkit-transform
:
 
translate3d
(0
,
-10
px
,
0);
transform
:
 
translate3d
(0
,
-10
px
,
0)
}
90%
{
opacity
:
 
1;
-webkit-transform
:
 
translate3d
(0
,
5
px
,
0);
transform
:
 
translate3d
(0
,
5
px
,
0)
}
100%
{
-webkit-transform
:
 
none
;

        
transform
:
 
none

    
}
}
@
keyframes threeDown { 0%, 100%, 60%, 75%, 90% {
	-webkit-transition-timing-function: cubic-bezier(0.215, .61, .355, 1);
	transition-timing-function: cubic-bezier(0.215, .61, .355, 1)
}

0%
{
opacity
:
 
0;
-webkit-transform
:
 
translate3d
(0
,
-600
px
,
0);
-ms-transform
:
 
translate3d
(0
,
-600
px
,
0);
transform
:
 
translate3d
(0
,
-600
px
,
0)
}
60%
{
-webkit-transform
:
 
translate3d
(0
,
25
px
,
0);
-ms-transform
:
 
translate3d
(0
,
25
px
,
0);
transform
:
 
translate3d
(0
,
25
px
,
0)
}
75%
{
-webkit-transform
:
 
translate3d
(0
,
-10
px
,
0);
-ms-transform
:
 
translate3d
(0
,
-10
px
,
0);
transform
:
 
translate3d
(0
,
-10
px
,
0)
}
90%
{
opacity
:
 
1;
-webkit-transform
:
 
translate3d
(0
,
5
px
,
0);
-ms-transform
:
 
translate3d
(0
,
5
px
,
0);
transform
:
 
translate3d
(0
,
5
px
,
0)
}
100%
{
-webkit-transform
:
 
none
;

        
-ms-transform
:
 
none
;

        
transform
:
 
none

    
}
}
.threeDown {
	-webkit-animation: threeDown 2s;
	animation: threeDown 2s;
}

@
-webkit-keyframes threeDownt { 0%, 100%, 60%, 75%, 90% {
	-webkit-transition-timing-function: cubic-bezier(0.215, .61, .355, 1);
	transition-timing-function: cubic-bezier(0.215, .61, .355, 1)
}

0%
{
opacity
:
 
0;
-webkit-transform
:
 
translate3d
(0
,
-600
px
,
0);
-ms-transform
:
 
translate3d
(0
,
-600
px
,
0);
transform
:
 
translate3d
(0
,
-600
px
,
0)
}
60%
{
-webkit-transform
:
 
translate3d
(0
,
25
px
,
0);
transform
:
 
translate3d
(0
,
25
px
,
0)
}
75%
{
-webkit-transform
:
 
translate3d
(0
,
-10
px
,
0);
transform
:
 
translate3d
(0
,
-10
px
,
0)
}
90%
{
opacity
:
 
1;
-webkit-transform
:
 
translate3d
(0
,
5
px
,
0);
transform
:
 
translate3d
(0
,
5
px
,
0)
}
100%
{
-webkit-transform
:
 
none
;

        
transform
:
 
none

    
}
}
@
keyframes threeDownt { 0%, 100%, 60%, 75%, 90% {
	-webkit-transition-timing-function: cubic-bezier(0.215, .61, .355, 1);
	transition-timing-function: cubic-bezier(0.215, .61, .355, 1)
}

0%
{
opacity
:
 
0;
-webkit-transform
:
 
translate3d
(0
,
-600
px
,
0);
-ms-transform
:
 
translate3d
(0
,
-600
px
,
0);
transform
:
 
translate3d
(0
,
-600
px
,
0)
}
60%
{
-webkit-transform
:
 
translate3d
(0
,
25
px
,
0);
-ms-transform
:
 
translate3d
(0
,
25
px
,
0);
transform
:
 
translate3d
(0
,
25
px
,
0)
}
75%
{
-webkit-transform
:
 
translate3d
(0
,
-10
px
,
0);
-ms-transform
:
 
translate3d
(0
,
-10
px
,
0);
transform
:
 
translate3d
(0
,
-10
px
,
0)
}
90%
{
opacity
:
 
1;
-webkit-transform
:
 
translate3d
(0
,
5
px
,
0);
-ms-transform
:
 
translate3d
(0
,
5
px
,
0);
transform
:
 
translate3d
(0
,
5
px
,
0)
}
100%
{
-webkit-transform
:
 
none
;

        
-ms-transform
:
 
none
;

        
transform
:
 
none

    
}
}
.threeDownt {
	-webkit-animation: threeDown2 2s;
	animation: threeDown 2s;
	animation-delay: 2s;
	-moz-animation-delay: 2s;
	-webkit-animation-delay: 2s;
}

@
-webkit-keyframes zoomInDown { 0% {
	opacity: 0;
	-webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
	transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
	-webkit-animation-timing-function: cubic-bezier(0.55, .055, .675, .19);
	animation-timing-function: cubic-bezier(0.55, .055, .675, .19)
}

60%
{
opacity
:
 
1;
-webkit-transform
:
 
scale3d
(
.475
,
.475
,
.475
)
 
translate3d
(0
,
60
px
,
0);
transform
:
 
scale3d
(
.475
,
.475
,
.475
)
 
translate3d
(0
,
60
px
,
0);
-webkit-animation-timing-function
:
 
cubic-bezier
(0
.175
,
.885
,
.32
,
1);
animation-timing-function
:
 
cubic-bezier
(0
.175
,
.885
,
.32
,
1)
}
}
@
keyframes zoomInDown { 0% {
	opacity: 0;
	-webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
	-ms-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
	transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
	-webkit-animation-timing-function: cubic-bezier(0.55, .055, .675, .19);
	animation-timing-function: cubic-bezier(0.55, .055, .675, .19)
}

60%
{
opacity
:
 
1;
-webkit-transform
:
 
scale3d
(
.475
,
.475
,
.475
)
 
translate3d
(0
,
60
px
,
0);
-ms-transform
:
 
scale3d
(
.475
,
.475
,
.475
)
 
translate3d
(0
,
60
px
,
0);
transform
:
 
scale3d
(
.475
,
.475
,
.475
)
 
translate3d
(0
,
60
px
,
0);
-webkit-animation-timing-function
:
 
cubic-bezier
(0
.175
,
.885
,
.32
,
1);
animation-timing-function
:
 
cubic-bezier
(0
.175
,
.885
,
.32
,
1)
}
}
.zoomInDown {
	-webkit-animation: zoomInDown 3s;
	animation: zoomInDown 3s;
}

@
-webkit-keyframes threeUp { 0%, 100%, 60%, 75%, 90% {
	-webkit-transition-timing-function: cubic-bezier(0.215, .61, .355, 1);
	transition-timing-function: cubic-bezier(0.215, .61, .355, 1)
}

0%
{
opacity
:
 
0;
-webkit-transform
:
 
translate3d
(0
,
3000
px
,
0);
transform
:
 
translate3d
(0
,
3000
px
,
0)
}
60%
{
-webkit-transform
:
 
translate3d
(0
,
-20
px
,
0);
transform
:
 
translate3d
(0
,
-20
px
,
0)
}
75%
{
-webkit-transform
:
 
translate3d
(0
,
10
px
,
0);
transform
:
 
translate3d
(0
,
10
px
,
0)
}
90%
{
opacity
:
 
1;
-webkit-transform
:
 
translate3d
(0
,
-5
px
,
0);
transform
:
 
translate3d
(0
,
-5
px
,
0)
}
100%
{
-webkit-transform
:
 
translate3d
(0
,
0,
0);
transform
:
 
translate3d
(0
,
0,
0)
}
}
@
keyframes threeUp { 0%, 100%, 60%, 75%, 90% {
	-webkit-transition-timing-function: cubic-bezier(0.215, .61, .355, 1);
	transition-timing-function: cubic-bezier(0.215, .61, .355, 1)
}

0%
{
opacity
:
 
0;
-webkit-transform
:
 
translate3d
(0
,
3000
px
,
0);
-ms-transform
:
 
translate3d
(0
,
3000
px
,
0);
transform
:
 
translate3d
(0
,
3000
px
,
0)
}
60%
{
-webkit-transform
:
 
translate3d
(0
,
-20
px
,
0);
-ms-transform
:
 
translate3d
(0
,
-20
px
,
0);
transform
:
 
translate3d
(0
,
-20
px
,
0)
}
75%
{
-webkit-transform
:
 
translate3d
(0
,
10
px
,
0);
-ms-transform
:
 
translate3d
(0
,
10
px
,
0);
transform
:
 
translate3d
(0
,
10
px
,
0)
}
90%
{
opacity
:
 
1;
-webkit-transform
:
 
translate3d
(0
,
-5
px
,
0);
-ms-transform
:
 
translate3d
(0
,
-5
px
,
0);
transform
:
 
translate3d
(0
,
-5
px
,
0)
}
100%
{
-webkit-transform
:
 
translate3d
(0
,
0,
0);
-ms-transform
:
 
translate3d
(0
,
0,
0);
transform
:
 
translate3d
(0
,
0,
0)
}
}
.threeUp {
	-webkit-animation: threeUp 2s;
	animation: threeUp 2s;
}
/*修改native样式*/
#fp-nav ul li a.active span, .fp-slidesNav ul li a.active span {
	width: 11px;
	height: 11px;
	border: 1px solid #fff;
	background: none;
	left: 9.5px;
	/*这里设置的是活动导航的颜色*/
}

#fp-nav ul li a span, .fp-slidesNav ul li a span {
	/*border: 1px solid #fff;*/
	background-color: #CDCDCD;
	width: 10px;
	height: 10px;
	/*这里设置的是非活动导航的颜色*/
}

#fp-nav ul li a:hover span, .fp-slidesNav ul li a:hover span {
	width: 14px;
	height: 14px;
	border: 1px solid #fff;
	background: none;
	/*这里设置的是活动导航的颜色*/
}


.tooltips {
	border-width: 1px;
	border-style: solid;
	position: absolute;
	display: none;
	border-radius: 3px;
	opacity: 0;
	filter: alpha(opacity = 0);
	z-index: 999;
}

.tooltips p.content {
	padding: 5px;
}

.tooltips .triangle-front, .tooltips .triangle-back {
	width: 0;
	height: 0;
	overflow: hidden;
	border-width: 8px;
	border-style: solid;
	position: absolute;
	border-color: transparent;
	top: 100%;
	left: 50%;
	margin-left: -8px;
}

.tooltips .triangle-back {
	margin-top: -1px;
}