.section{background-position:center center;background-repeat:no-repeat;background-size:cover;}
 
.section{min-width:320px;position:relative;} 
.page1{background:#0F0B08;}  
.rbslider-container{position:relative;min-height:460px;}
.rbslider-slide{background-size:cover;background-position:center center;position:relative;}
 
 
.slide-content{width:40%;color:#fff;margin:0 auto 0;text-align:center;font-size:10px;position:relative;top:23%; } 
.slide-content .content-box{position:relative;z-index:3;}
 
.slide-content h2{font-size:3.3em;position:relative;}
.slide-content h2 b{font-size:0.8em;color:#0231a8;margin:0em 0 0.73em 0;line-height:1.8;margin-top:-60px;display:block;}

.slide-content .intro{font-size:1.7em;line-height:2em; position:relative;margin:70px 20px 80px 240px;color:#fff;text-align:left;min-width:400px;margin-left:30%;max-width:500px;font-family:YouYuan;}
 

.slide-content-1{width:40%;}
 
 
.slide-content-1 .img{width:38%;margin:20px auto 0;position:relative;} 


.rbslider-slide-active .slide-content-1 h2{-webkit-animation: down 1.2s;-ms-animation: down 1.2s;animation: down 1.2s;}
.rbslider-slide-active .slide-content-1 .intro{-webkit-animation:up 1s ease 1;-ms-animation:up 1s ease 1;animation:up 1s ease 1;}
.rbslider-slide-active .slide-content-1 .img{-webkit-animation: bounceIn 1.2s ease 1 1.5s,img-up 2s ease 1;-ms-animation: rotateIn .8s ease 1 2.3s, bounceIn .8s ease 1 3.1s,img-up 2s ease 1;animation: rotateIn .8s ease 1 2.3s, bounceIn .8s ease 1 3.1s,img-up 2s ease 1;}

 
 
.slide-content-2 h2{font-size:2em;-ms-transition:all 1.5s;transition:all 1.5s;}
 
 
.slide-content-2 h2 b{font-size:3.5em;margin:0.12em 0 0.15em 0;text-decoration:underline;}

.rbslider-slide-active .slide-content-2 h2{font-size:3em;-webkit-animation:bounceInLeft 1.5s;-ms-animation:bounceInLeft 1.5s;animation:bounceInLeft 1.5s;}
.rbslider-slide-active .slide-content-2 .intro{-webkit-animation:bounceInUp 2.5s;animation:bounceInUp 2.5s;}

.background-box{height:100%;width:100%;position:absolute;left:0;top:0;background:rgba(0,0,0,.5);transition:all .7s ease .5s;}
.rbslider-slide-active .background-box{width:50%;}
.slide-content-3{text-align:right;margin:0;width:50%;}
.slide-content-3 .content-box{padding-right:80px;width:auto;right:45%;-ms-transition:all .5s ease 1.1s;transition:all .5s ease 1.1s;opacity:0;}
.slide-content-3 h2 b{text-decoration:underline;text-transform:uppercase;}

.rbslider-slide-active .slide-content-3 .content-box{right:0;opacity:1;}

.home-about-navi{position:absolute;left:2.5%;top:18%;color:#ccc;background:#0D7462;background:rgba(13,116,98,.5);}
.home-about-navi li{height:32px;line-height:32px;text-align:center;font-size:1.06em;position:relative;z-index:3;cursor:pointer;padding:0 25px;}
.home-about-navi li.bg{position:fixed;background:#25A48E;background:rgba(13,137,116,.5);top:0;left:0;width:100%;padding:0;color:#fff;z-index:2;transition:all .4s;}

#superContainer {
	height: 100%;
	position: relative;
	-ms-touch-action: none;
	touch-action: none
}

.fp-section {
	position: relative;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

.fp-section.fp-table,.fp-slide.fp-table {
	display: table;
	table-layout: fixed;
	width: 100%
}

.fp-tableCell {
	display: table-cell;
	width: 100%;
	height: 100%
}

#fp-nav.right {
	right: 17px
}

#fp-nav ul,.fp-slidesNav ul {
	margin: 0;
	padding: 0
}

#fp-nav ul li,.fp-slidesNav ul li {
	display: block;
	width: 14px;
	height: 13px;
	margin: 7px;
	position: relative
}


#fp-nav ul li a,.fp-slidesNav ul li a {
	display: block;
	position: relative;
	z-index: 1;
	width: 100%;
	height: 100%;
	cursor: pointer;
	text-decoration: none
}

#fp-nav ul li a.active span,.fp-slidesNav ul li a.active span {
	background: #fff;
	background: rgba(255,255,255,.66)
}

#fp-nav ul li a span,.fp-slidesNav ul li a span {
	top: 2px;
	left: 2px;
	width: 8px;
	height: 8px;
	border: 1px solid #14c7a9;
	border-color: rgba(20,199,169,.8);
	background: #02d7b2;
	background: rgba(2,215,178,.66);
	border-radius: 50%;
	position: absolute;
	z-index: 1
}

.rbslider-container {
	margin: 0 auto;
	position: relative;
	z-index: 1
}

.rbslider-wrapper {
	position: relative;
	width: 100%;
	height: 100%;
	z-index: 1;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-transition-property: -webkit-transform;
	-moz-transition-property: -moz-transform;
	-o-transition-property: -o-transform;
	-ms-transition-property: -ms-transform;
	transition-property: transform;
	-webkit-transform: translate3d(0,0,0);
	-moz-transform: translate3d(0,0,0);
	-o-transform: translate(0,0);
	-ms-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box
}

.rbslider-slide {
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-flex-shrink: 0;
	-ms-flex: 0 0 auto;
	flex-shrink: 0;
	width: 100%;
	height: 100%;
	position: relative
}

.rbslider-pagination {
	position: absolute;
	text-align: center;
	-webkit-transform: translate3d(0,0,0);
	-ms-transform: translate3d(0,0,0);
	-o-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
	z-index: 10
}

.rbslider-pagination-bullet {
	width: 55px;
	height: 10px;
	display: inline-block;
	background: #ddd;
	opacity: .8;
}

.rbslider-pagination-bullet-active {
	opacity: 1;
	background: #0231a8
}

.rbslider-container-horizontal>.rbslider-pagination {
	top: 90%;
	left: 0;
	width: 100%
}

.rbslider-container-horizontal>.rbslider-pagination .rbslider-pagination-bullet {
	margin: 0 3px
}

.bounceInLeft {
	-webkit-animation-name: bounceInLeft;
	animation-name: bounceInLeft
}

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

@-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,3000px,0);
		transform: translate3d(0,3000px,0)
	}

	60% {
		opacity: 1;
		-webkit-transform: translate3d(0,-20px,0);
		transform: translate3d(0,-20px,0)
	}

	75% {
		-webkit-transform: translate3d(0,10px,0);
		transform: translate3d(0,10px,0)
	}

	90% {
		-webkit-transform: translate3d(0,-5px,0);
		transform: translate3d(0,-5px,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,3000px,0);
		-ms-transform: translate3d(0,3000px,0);
		transform: translate3d(0,3000px,0)
	}

	60% {
		opacity: 1;
		-webkit-transform: translate3d(0,-20px,0);
		-ms-transform: translate3d(0,-20px,0);
		transform: translate3d(0,-20px,0)
	}

	75% {
		-webkit-transform: translate3d(0,10px,0);
		-ms-transform: translate3d(0,10px,0);
		transform: translate3d(0,10px,0)
	}

	90% {
		-webkit-transform: translate3d(0,-5px,0);
		-ms-transform: translate3d(0,-5px,0);
		transform: translate3d(0,-5px,0)
	}

	100% {
		-webkit-transform: translate3d(0,0,0);
		-ms-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0)
	}
}