/* CSS Document */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video,img {
	margin:0;
	padding:0;
	border:0;
	font:inherit;
	font-size:100 %;
	vertical-align:baseline;
}
html,body {
	position:relative;
	height:100%;
}
body {
	background:#fff;
	font-size:14px;
	font-family:Arial,"Microsoft YaHei";
	color:#666;
}
ol,ul,li {
	list-style:none;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
caption,th,td {
	text-align:left;
	font-weight:400;
	vertical-align:middle;
}
q,blockquote {
	quotes:none;
}
q:before,q:after,blockquote:before,blockquote:after {
	content:"";
	content:none;
}
a img {
	border:none;
}
a {
	color:#666;
	text-decoration:none;
}
a:hover,.cBlue {
	color:#2ca9e1;
}
.cRed {
	color:#e4393c;
}
.cBlack {
	color:#000;
}
.cGray {
	color:#666;
}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary {
	display:block;
}
i,em {
	font-style:normal;
}
b,strong {
	font-weight:700;
}
.left {
	float:left;
}
.right {
	float:right;
}
button {
	cursor:pointer;
}
.clearfix:after {
	content:"";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.clearfix {
	zoom:1;
}
button {
	border:0;
}
.f12 {
	font-size:12px;
}
.f14 {
	font-size:14px;
}
.f16 {
	font-size:16px;
}
.f18 {
	font-size:18px;
}
.section {
	position:relative;
	overflow:hidden;
}
img {
	max-width:100%;
}
.section img,.arrow {
	-webkit-transition:all 1s;
	-webkit-animation-duration:1s;
	-webkit-animation-fill-mode:both;
	transition:all 1s;
	animation-duration:1s;
	animation-fill-mode:both
}
.arrow {
	opacity:.5;
}
#fullPage-nav {
	height:50px;
	background:#5c7a99;
	line-height:50px;
	position:fixed;
	width:100%;
	left:0;
	top:0;
	text-align:right;
	z-index:99;
}
#fullPage-nav .logo {
	position:absolute;
	left:30px;
	top:10px;
}
#fullPage-nav div {
	padding-right:5%;
}
#fullPage-nav div a {
	margin:0 30px;
	color:#b7c6ce;
	font-size:16px;
}
#fullPage-nav div a.active,#fullPage-nav div a:hover {
	color:#fff;
}
/*第一屏*/
.section1 {
	background-color:#000;
}
.focus_img {
	max-width:50%;
	opacity:0;
	position:absolute;
	top:50%;
	-webkit-transform:translate(0,-50%);
	transform:translate(0,-50%);
	left:0;
	right:0;
	margin:0 auto;
}
.active .focus_img {
	-webkit-animation:playp1 3s ease;
	animation:playp1 3s ease;
	opacity:1;
}
@-webkit-keyframes playp1 {
	0% {
	opacity:.2
}
100% {
	opacity:1;
}
}@keyframes playp1 {
	0% {
	opacity:.2
}
100% {
	opacity:1;
}
}.focus_text1,.focus_text2 {
	max-width:20%;
	position:absolute;
	opacity:.2;
	top:50%;
	-webkit-transition:all 1.5s;
	transition:all 1.5s;
}
.focus_text1 {
	left:0;
}
.focus_text2 {
	right:0;
}
.active .focus_text1 {
	-webkit-animation:fadeIn 2s ease 2s both;
	animation:fadeIn 2s ease 2s both;
	opacity:1;
	left:10%;
}
.active .focus_text2 {
	-webkit-animation:fadeIn 2s ease 2s both;
	animation:fadeIn 2s ease 2s both;
	opacity:1;
	right:10%;
}
/*第二屏*/
.section2 {
	background-color:#ececec;
}
.page2-mouse-box {
	width:55%;
	position:absolute;
	bottom:-10%;
	right:0;
}
.page2_mouse {
	opacity:.5;
	position:absolute;
	bottom:0;
	-webkit-transform:translateX(40%);
	transform:translateX(40%);
}
.active .page2_mouse {
	-webkit-animation:page2img 2s;
	animation:page2img 2s;
	opacity:1;
	-webkit-transform:translateX(0%);
	transform:translateX(0%);
}
@-webkit-keyframes page2img {
	0% {
	-webkit-transform:translateX(40%);
	opacity:.5;
}
100% {
	-webkit-transform:translateX(0%);
	opacity:1;
}
}@keyframes page2img {
	0% {
	-webkit-transform:translateX(40%);
	transform:translateX(40%);
	opacity:.5;
}
100% {
	-webkit-transform:translateX(0%);
	transform:translateX(0%);
	opacity:1;
}
}.page2-msg {
	width:30%;
	position:absolute;
	left:10%;
	top:20%;
	opacity:0;
}
.page2-msg img {
	max-width:60%;
}
.page2-msg h2 {
	font-size:31px;
	color:#5c7a99;
	line-height:40px;
	text-align:center;
	white-space:nowrap;
}
.page2-arrow {
	background:url(../img/page2-arrow.jpg) no-repeat;
	width:34px;
	height:19px;
	display:block;
	margin:11px auto 14px;
	background-size:80% auto;
}
.page2-msg div {
	opacity:0;
	text-align:center;
}
.active .page2-msg {
	-webkit-animation:fadeInUp 2s ease 1s both;
	animation:fadeInUp 2s ease 1s both;
	opacity:1;
}
.active .arrow {
	-webkit-animation:arrow 1s ease infinite;
	animation:arrow 1s ease infinite;
	opacity:0;
}
.active .page2-msg div {
	-webkit-animation:fadeInUp 2s ease 1.5s both;
	animation:fadeInUp 2s ease 1.5s both;
	opacity:1;
}
.page2-svg1 {
	position:absolute;
	bottom:0;
	width:72%;
	z-index:6;
	-webkit-transform:translate(-20%,-141%);
	transform:translate(-20%,-141%);
}
.page2-svg2 {
	position:absolute;
	bottom:0;
	width:66%;
	z-index:5;
	-webkit-transform:translate(-24%,-70%);
	transform:translate(-24%,-70%);
}
/*滚轮*/
#svg1 {
	-webkit-transform:translate(45%,-256%);
	transform:translate(45%,-256%);
}
.page2-mouse-box a {
	display:none;
}
.page2-svg1 a {
	left:0;
	bottom:0;
	height:58%;
	position:absolute;
	width:20%;
	background-size:contain;
	background-repeat:no-repeat;
	-webkit-transform:translate(135%,-11%);
	transform:translate(135%,-11%);
}
.page2-svg1 a:hover {
	background-image:url(../img/page2-svg1_a.png);
}
.page2-svg2 a {
	left:0;
	bottom:0;
	height:32%;
	position:absolute;
	width:21%;
	background-size:contain;
	background-repeat:no-repeat;
	-webkit-transform:translate(232%,-214%);
	transform:translate(232%,-214%);
}
.page2-svg2 a:hover {
	background-image:url(../img/page2-svg2_a.png);
}
.page2-content {
	border:1px solid #5c7a99;
	background:#ececec;
	box-shadow:3px 3px 20px #000;
	width:25%;
	text-align:center;
	bottom:0;
	position:absolute;
	-webkit-transform:translate(38%,-110%);
	transform:translate(38%,-110%);
	z-index:10;
	text-align:center;
	padding:20px;
	opacity:0;
	-webkit-transition:all 1s;
	transition:all 1s;
}
.page2-content1.active,.page2-content2.active {
	opacity:1;
	-webkit-animation:fadeIn .5s;
	animation:fadeIn .5s;
}
.page2-content img {
	max-width:80%;
}
/*第三屏*/
.section3 {
	background-color:#000;
}
.page3-mouse-box {
	display:block;
	width:50%;
	height:100%;
	position:relative;
}
.page3_mouse {
	max-width:100%;
	-webkit-transform:translate(-40%,-52%);
	transform:translate(-40%,-52%);
	position:absolute;
	top:50%;
	left:0;
	opacity:.2;
}
.active .page3_mouse {
	-webkit-animation:page3img 2s;
	animation:page3img 2s;
	opacity:1;
	-webkit-transform:translate(0,-52%);
	transform:translate(0,-52%);
}
@-webkit-keyframes page3img {
	0% {
	-webkit-transform:translate(-40%,-52%);
	opacity:.2;
}
100% {
	-webkit-transform:translate(0,-52%);
	opacity:1;
}
}@keyframes page3img {
	0% {
	-webkit-transform:translate(-40%,-52%);
	transform:translate(-40%,-52%);
	opacity:.2;
}
100% {
	-webkit-transform:translate(0,-52%);
	transform:translate(0,-52%);
	opacity:1;
}
}.page3-svg1 {
	position:absolute;
	left:0;
	top:50%;
	width:150%;
	z-index:6;
	-webkit-transform:translate(21%,-56%);
	transform:translate(21%,-56%);
}
.page3-msg {
	position:absolute;
	left:0;
	top:50%;
	max-width:35%;
	-webkit-transform:translate(175%,-93%);
	transform:translate(175%,-93%);
	opacity:0;
}
.active.page3-msg {
	opacity:1;
	-webkit-animation:fadeIn 1s;
	animation:fadeIn 1s;
}
.page3-msg-wrap {
	position:absolute;
	right:0;
	top:50%;
	-webkit-transform:translate(40%,70%);
	transform:translate(40%,70%);
	opacity:0;
}
.page3-msg-wrap img {
	max-width:60%;
}
.page3-msg-wrap div:nth-child(3) img {
	width:5%;
	position:absolute;
	left:-13%;
	top:-6%;
	opacity:.5;
}
.active .page3-msg-wrap {
	opacity:1;
	-webkit-animation:fadeIn 1.5s ease 1.5s both;
	animation:fadeIn 1.5s ease 1.5s both;
}
.yumen {
	position:absolute;
	left:0;
	top:50%;
	width:150%;
	z-index:6;
	-webkit-transform:translate(21%,-56%);
	transform:translate(21%,-56%);
}
.page3-product {
	position:absolute;
	width:60%;
	top:50%;
}
.page3-product img {
	position:absolute;
}
.page3-product3,.page3-product3_b {
	-webkit-transform:translate(-8%,104%);
	transform:translate(-8%,104%);
	max-width:17%;
	opacity:0;
	z-index:2
}
.page3-product2,.page3-product2_b {
	-webkit-transform:translate(37%,-17%);
	transform:translate(37%,-17%);
	max-width:10%;
	opacity:0;
	z-index:2
}
.page3-product1,.page3-product1_b {
	-webkit-transform:translate(18%,-350%);
	transform:translate(18%,-350%);
	max-width:8%;
	opacity:0;
	z-index:2
}
.active .page3-product1 {
	opacity:1;
	-webkit-animation:fadeIn 1.5s ease 1.5s both;
	animation:fadeIn 1.5s ease 1.5s both;
}
.active .page3-product2 {
	opacity:1;
	-webkit-animation:fadeIn 1.5s ease 1.7s both;
	animation:fadeIn 1.5s ease 1.9s both;
}
.active .page3-product3 {
	opacity:1;
	-webkit-animation:fadeIn 1.5s ease 1.9s both;
	animation:fadeIn 1.5s ease 2.5s both;
}
.active .page3-product3_b {
	opacity:1;
	z-index:1;
	-webkit-animation:fadeIn 1s ease 1s both;
	animation:fadeIn 1s ease 1s both;
}
.active .page3-product2_b {
	opacity:1;
	z-index:1;
	-webkit-animation:fadeIn 1s ease 1.2s both;
	animation:fadeIn 1s ease 1.2s both;
}
.active .page3-product1_b {
	opacity:1;
	z-index:1;
	-webkit-animation:fadeIn 1s ease 1.4s both;
	animation:fadeIn 1s ease 1.4s both;
}
/*第四屏*/
.section4 {
	background-color:#ececec;
}
.page4-mouse-box {
	position:absolute;
	width:60%;
	right:0;
	bottom:0;
}
.page4-mouse {
	-webkit-transform:translate(50%,0);
	transform:translate(50%,0);
	opacity:.2
}
.active .page4-mouse {
	-webkit-animation:page4img 2s;
	animation:page4img 2s;
	opacity:1;
	-webkit-transform:translate(0,0);
	transform:translate(0,0);
}
@-webkit-keyframes page4img {
	0% {
	-webkit-transform:translate(50%,0);
	opacity:.2;
}
100% {
	-webkit-transform:translate(0,0);
	opacity:1;
}
}@keyframes page4img {
	0% {
	-webkit-transform:translate(50%,0);
	transform:translate(50%,0);
	opacity:.2;
}
100% {
	-webkit-transform:translate(0,0);
	transform:translate(0,0);
	opacity:1;
}
}.page4-svg1 {
	width:74%;
	position:absolute;
	left:0;
	bottom:0%;
	z-index:6;
	-webkit-transform:translate(-11%,-39%);
	transform:translate(-11%,-39%);
}
.page4-msg {
	width:50%;
	position:absolute;
	left:0;
	top:0;
	border:1px solid #5c7a99;
	background:#ececec;
	box-shadow:3px 3px 20px #000;
	text-align:center;
	padding:5%;
	-webkit-transform:translate(-100%,2%);
	transform:translate(-100%,2%);
	opacity:0;
}
.active.page4-msg {
	opacity:1;
	-webkit-animation:fadeIn 1s;
	animation:fadeIn 1s;
}
.page4-msg-inner {
	position:absolute;
	left:-60%;
	top:60%;
	opacity:0;
}
.page4-msg-inner img {
	max-width:60%;
}
.page4-msg-inner div:nth-child(3) img {
	width:5%;
	position:absolute;
	right:28%;
	top:-1%;
	opacity:.5;
}
.active .page4-msg-inner {
	opacity:1;
	-webkit-animation:fadeIn 1.5s ease 1.5s both;
	animation:fadeIn 1.5s ease 1.5s both;
}
.page4-product {
	position:absolute;
	left:0%;
	width:100%;
	bottom:0;
}
.page4-product1 {
	-webkit-transform:translate(36%,-197%);
	transform:translate(36%,-197%);
	max-width:30%;
	opacity:0;
}
.page4-product2 {
	-webkit-transform:translate(145%,-289%);
	transform:translate(145%,-289%);
	max-width:24%;
	opacity:0;
}
.active .page4-product1 {
	opacity:1;
	-webkit-animation:fadeIn 1.5s ease 1.5s both;
	animation:fadeIn 1.5s ease 1.5s both;
}
.active .page4-product2 {
	opacity:1;
	-webkit-animation:fadeIn 1.5s ease 1.7s both;
	animation:fadeIn 1.5s ease 1.9s both;
}
/*第五屏*/
.section5 {
	background-color:#000;
}
.page5-mouse {
	max-width:40%;
	position:absolute;
	top:50%;
	left:5%;
	-webkit-transform:translate(-50%,-50%);
	transform:translate(-50%,-50%);
	opacity:.2;
}
.active .page5-mouse {
	-webkit-animation:page5img 2s;
	animation:page5img 2s;
	opacity:1;
	-webkit-transform:translate(0,-50%);
	transform:translate(0,-50%);
}
@-webkit-keyframes page5img {
	0% {
	-webkit-transform:translate(-50%,-50%);
	opacity:.2;
}
100% {
	-webkit-transform:translate(0,-50%);
	opacity:1;
}
}@keyframes page5img {
	0% {
	transform:translate(-50%,-50%);
	opacity:.2;
}
100% {
	transform:translate(0,-50%);
	opacity:1;
}
}.page5-light {
	position:absolute;
	max-width:30%;
	opacity:0;
}
.page5-light1 {
	top:-10%;
	left:50%;
}
.page5-light2 {
	right:-10%;
	top:10%;
	z-index:3;
}
.page5-light3 {
	right:10%;
	bottom:0;
}
.page5-msg {
	position:absolute;
	width:20%;
	left:50%;
	top:50%;
	-webkit-transform:translate(10%,-50%);
	transform:translate(10%,-50%);
	opacity:0;
}
.page5-msg img:nth-child(2) {
	position:absolute;
	left:-12%;
	top:7%;
	max-width:8%;
	opacity:.5;
}
.active .page5-msg {
	opacity:1;
	-webkit-animation:fadeIn 1.5s ease 1.5s both;
	animation:fadeIn 1.5s ease 1.5s both;
}
/*第六屏*/
.section6 {
	background-color:#ececec;
}
.page6-mouse-box {
	position:absolute;
	bottom:0%;
	width:100%;
	-webkit-transform:scale(.5);
	transform:scale(.5);
	opacity:.2;
	-webkit-transition:all 1.5s;
	transition:all 1.5s;
}
.page6-mouse {
	position:absolute;
	bottom:0;
	left:50%;
	max-width:60%;
	-webkit-transition:all 1.5s;
	transition:all 1.5s;
	-webkit-transform:translate(-50%,-35%);
	transform:translate(-50%,-35%);
}
.active .page6-mouse-box {
	opacity:1;
	-webkit-animation:bounceIn 1.5s ease;
	animation:bounceIn 1.5s ease;
	-webkit-transform:scale(1);
	transform:scale(1);
}
.active .page6-mouse-box .page6-mouse {
	-webkit-transform:translate(-50%,-15%);
	transform:translate(-50%,-15%);
}
@-webkit-keyframes bounceIn {
	0% {
	opacity:.2;
	-webkit-transform:scale(.5);
	-ms-transform:scale(.5);
	transform:scale(.5)
}
100% {
	opacity:1;
	-webkit-transform:scale(1);
	-ms-transform:scale(1);
	transform:scale(1)
}
}@keyframes bounceIn {
	0% {
	opacity:.2;
	-webkit-transform:scale(.5);
	-ms-transform:scale(.5);
	transform:scale(.5)
}
100% {
	opacity:1;
	-webkit-transform:scale(1);
	-ms-transform:scale(1);
	transform:scale(1)
}
}.page6-logo {
	position:absolute;
	right:5%;
	bottom:15%;
}
.page6-logo img {
	max-width:80%;
	margin-bottom:20%;
	opacity:0;
}
.active .page6-logo div:nth-child(1) img {
	-webkit-animation:fadeIn 1s ease 1.2s both;
	animation:fadeIn 1s ease 1.2s both;
	opacity:1
}
.active .page6-logo div:nth-child(2) img {
	-webkit-animation:fadeIn 1s ease 1.5s both;
	animation:fadeIn 1s ease 1.5s both;
	opacity:1
}
.active .page6-logo div:nth-child(3) img {
	-webkit-animation:fadeIn 1s ease 1.7s both;
	animation:fadeIn 1s ease 1.7s both;
	opacity:1
}
.active .page6-logo div:nth-child(4) img {
	-webkit-animation:fadeIn 1s ease 1.9s both;
	animation:fadeIn 1s ease 1.9s both;
	opacity:1
}
.page6-msg {
	width:30%;
	position:absolute;
	left:0;
	right:0;
	margin:0 auto;
	top:50%;
	-webkit-transform:translate(0,-120%);
	transform:translate(0,-120%);
	text-align:center;
	opacity:0;
	-webkit-transition:all 1.5s;
	transition:all 1.5s;
}
.page6-msg img {
	max-width:50%;
}
.page6-msg div img {
	padding-left:15%;
}
.active .page6-msg {
	opacity:1;
	-webkit-animation:fadeIn 1.5s ease 2s both;
	animation:fadeIn 1.5s ease 2s both;
}
/*.page2-msg img {
	max-width:60%;
}
.page2-msg h2 {
	font-size:31px;
	color:#5c7a99;
	line-height:40px;
	text-align:center;
	white-space:nowrap;
}
.page2-arrow {
	background:url(../img/page2-arrow.jpg) no-repeat;
	width:29px;
	height:19px;
	display:block;
	margin:10px auto 5px;
	background-size:80% auto;
}
.page2-msg div {
	opacity:0;
	text-align:center;
}
*/
/*第七屏*/
.section7 {
	background:#000;
}
.page7-main {
	position:absolute;
	left:0;
	right:0;
	width:60%;
	margin:0 auto;
	height:100%;
}
.page7-main img {
	position:absolute;
	left:0;
	top:50%;
	max-width:50%;
	-webkit-transform:translate(0,-40%);
	transform:translate(0,-40%);
	opacity:.2;
}
.page7-main img:nth-child(2) {
	z-index:2;
	opacity:0;
}
.page7-main img:nth-child(3) {
	-webkit-transform:translate(10%,-50%);
	transform:translate(10%,-50%);
	z-index:3;
	opacity:0;
}
/*第一张默认变亮*/
.active .page7-main img:nth-child(1) {
	opacity:1;
	-webkit-animation:fadeIn2 2s ease 1s both;
	animation:fadeIn2 2s ease 1s both;
}
@-webkit-keyframes fadeIn2 {
	0% {
	opacity:.2
}
100% {
	opacity:1
}
}@keyframes fadeIn2 {
	0% {
	opacity:.2
}
100% {
	opacity:1
}
}.active .page7-main img:nth-child(2) {
	opacity:1;
	-webkit-animation:anima2 2s ease 1.5s both;
	animation:anima2 2s ease 1.5s both;
	-webkit-transform:translate(10%,-50%);
	transform:translate(10%,-50%);
}
.active .page7-main img:nth-child(3) {
	opacity:1;
	-webkit-animation:anima3 2s ease 2s both;
	animation:anima3 2s ease 2s both;
	-webkit-transform:translate(20%,-60%);
	transform:translate(20%,-60%);
}
@-webkit-keyframes anima2 {
	0% {
	opacity:0;
	-webkit-transform:translate(0,-40%);
	transform:translate(0,-40%);
}
100% {
	opacity:1;
	-webkit-transform:translate(10%,-50%);
	transform:translate(10%,-50%);
}
}@keyframes anima2 {
	0% {
	opacity:0;
	-webkit-transform:translate(0,-40%);
	transform:translate(0,-40%);
}
100% {
	opacity:1;
	-webkit-transform:translate(10%,-50%);
	transform:translate(10%,-50%);
}
}@-webkit-keyframes anima3 {
	0% {
	opacity:0;
	-webkit-transform:translate(10%,-50%);
	transform:translate(10%,-50%);
}
100% {
	opacity:1;
	-webkit-transform:translate(20%,-60%);
	transform:translate(20%,-60%);
}
}@keyframes anima3 {
	0% {
	opacity:0;
	-webkit-transform:translate(10%,-50%);
	transform:translate(10%,-50%);
}
100% {
	opacity:1;
	-webkit-transform:translate(20%,-60%);
	transform:translate(20%,-60%);
}
}/*3秒后缩小*/
.page7-main div {
	position:absolute;
	width:100%;
	height:100%;
}
.active  .page7-main div {
	-webkit-animation:out 2s ease 4s both;
	animation:out 2s ease 4s both;
	-webkit-transform:scale(.2);
	transform:scale(.2);
	right:-70%;
	top:-20%;
}
@-webkit-keyframes out {
	0% {
	-webkit-transform:scale(1);
	transform:scale(1);
	right:-20%;
	top:0;
}
100% {
	-webkit-transform:scale(.2);
	transform:scale(.2);
	right:-70%;
	top:-20%;
}
}@keyframes out {
	0% {
	-webkit-transform:scale(1);
	transform:scale(1);
	right:-20%;
	top:0;
}
100% {
	-webkit-transform:scale(.2);
	transform:scale(.2);
	right:-70%;
	top:-20%;
}
}/*文字显示*/
.section img.arrow {
	width:8% !important;
}
.page7-msg1 {
	position:absolute;
	left:5%;
	bottom:20%;
	width:30%;
}
.page7-msg1-h,.page7-msg1-b,.page7-msg2-h,.page7-msg2-b {
	opacity:0;
}
.page7-msg1 img,.page7-msg2 img,.page7-msg3 img {
	max-width:55%;
}
.page7-msg1-h img:nth-child(2) {
	-webkit-transform:rotate(90deg);
	transform:rotate(90deg);
	position:relative;
	top:-18px;
}
.active .page7-msg1-h {
	opacity:1;
	-webkit-animation:fadeIn 1.5s ease 5s both;
	animation:fadeIn 1.5s ease 5s both;
}
.active .page7-msg1-b {
	opacity:1;
	-webkit-animation:fadeIn 1.5s ease 5.3s both;
	animation:fadeIn 1.5s ease 5.3s both;
}
.page7-msg2 {
	position:absolute;
	right:5%;
	bottom:35%;
	width:30%;
	text-align:right;
}
.page7-msg2 .arrow {
	position:relative;
	top:-11px;
	right:2px;
	-webkit-transform:rotate(-90deg);
	transform:rotate(-90deg);
}
.active .page7-msg2-h {
	opacity:1;
	-webkit-animation:fadeIn 1.5s ease 5.4s both;
	animation:fadeIn 1.5s ease 5.4s both;
}
.active .page7-msg2-b {
	opacity:1;
	-webkit-animation:fadeIn 1.5s ease 5.7s both;
	animation:fadeIn 1.5s ease 5.7s both;
}
.page7-msg3 {
	position:absolute;
	left:0;
	right:0;
	width:40%;
	text-align:center;
	bottom:5%;
	margin:0 auto;
	opacity:0;
}
.active .page7-msg3-h,.active .page7-msg3 {
	opacity:1;
	-webkit-animation:fadeIn 1.5s ease 5.8s both;
	animation:fadeIn 1.5s ease 5.8s both;
}
.active .page7-msg3-b {
	opacity:1;
	-webkit-animation:fadeIn 1.5s ease 6.1s both;
	animation:fadeIn 1.5s ease 6.1s both;
}
.page7-map {
	position:absolute;
	left:0;
	right:0;
	bottom:0;
	margin:0 auto;
	width:70%;
	-webkit-transform:scale(1);
	transform:scale(1);
	opacity:1;
	-webkit-transition:all 1.5s;
	transition:all 1.5s;
}
.page7-map-arrow {
	position:absolute;
	left:0;
	right:0;
	bottom:0;
	margin:0 auto;
	width:70%;
}
.page7-map-arrow img {
	width:1.5%;
	opacity:0;
}
.page7-map-arrow img:nth-child(1) {
	position:absolute;
	left:31%;
	top:-238%;
}
.active .page7-map-arrow img:nth-child(1) {
	opacity:1;
	-webkit-animation:fadeIn 1s ease 6.4s both;
	animation:map 1s ease 6.4s both;
}
.page7-map-arrow img:nth-child(2) {
	position:absolute;
	left:30%;
	top:-325%;
}
.active .page7-map-arrow img:nth-child(2) {
	opacity:1;
	-webkit-animation:fadeIn 1s ease 6.5s both;
	animation:map 1s ease 6.5s both;
}
.page7-map-arrow img:nth-child(3) {
	position:absolute;
	left:23%;
	top:-520%;
}
.active .page7-map-arrow img:nth-child(3) {
	opacity:1;
	-webkit-animation:fadeIn 1s ease 6.6s both;
	animation:map 1s ease 6.6s both;
}
.page7-map-arrow img:nth-child(4) {
	position:absolute;
	left:28%;
	top:-582%;
}
.active .page7-map-arrow img:nth-child(4) {
	opacity:1;
	-webkit-animation:fadeIn 1s ease 6.7s both;
	animation:map 1s ease 6.7s both;
}
.page7-map-arrow img:nth-child(5) {
	position:absolute;
	left:30%;
	top:-663%;
}
.active .page7-map-arrow img:nth-child(5) {
	opacity:1;
	-webkit-animation:fadeIn 1s ease 6.8s both;
	animation:map 1s ease 6.8s both;
}
.page7-map-arrow img:nth-child(6) {
	position:absolute;
	left:37%;
	top:-701%;
}
.active .page7-map-arrow img:nth-child(6) {
	opacity:1;
	-webkit-animation:fadeIn 1s ease 6.9s both;
	animation:map 1s ease 6.9s both;
}
.page7-map-arrow img:nth-child(7) {
	position:absolute;
	left:45%;
	top:-456%;
}
.active .page7-map-arrow img:nth-child(7) {
	opacity:1;
	-webkit-animation:fadeIn 1s ease 6.4s both;
	animation:map 1s ease 6.4s both;
}
.page7-map-arrow img:nth-child(8) {
	position:absolute;
	left:49%;
	top:-413%;
}
.active .page7-map-arrow img:nth-child(8) {
	opacity:1;
	-webkit-animation:fadeIn 1s ease 6.5s both;
	animation:map 1s ease 6.5s both;
}
.page7-map-arrow img:nth-child(9) {
	position:absolute;
	left:56%;
	top:-546%;
}
.active .page7-map-arrow img:nth-child(9) {
	opacity:1;
	-webkit-animation:fadeIn 1s ease 6.6s both;
	animation:map 1s ease 6.6s both;
}
.page7-map-arrow img:nth-child(10) {
	position:absolute;
	left:63%;
	top:-672%;
}
.active .page7-map-arrow img:nth-child(10) {
	opacity:1;
	-webkit-animation:fadeIn 1s ease 6.7s both;
	animation:map 1s ease 6.7s both;
}
.page7-map-arrow img:nth-child(11) {
	position:absolute;
	left:65%;
	top:-610%;
}
.active .page7-map-arrow img:nth-child(11) {
	opacity:1;
	-webkit-animation:fadeIn 1s ease 6.8s both;
	animation:map 1s ease 6.8s both;
}
.page7-map-arrow img:nth-child(12) {
	position:absolute;
	left:64%;
	top:-570%;
}
.active .page7-map-arrow img:nth-child(12) {
	opacity:1;
	-webkit-animation:fadeIn 1s ease 6.9s both;
	animation:map 1s ease 6.9s both;
}
.page7-map-arrow img:nth-child(13) {
	position:absolute;
	left:72%;
	top:-478%;
}
.active .page7-map-arrow img:nth-child(13) {
	opacity:1;
	-webkit-animation:fadeIn 1s ease 7s both;
	animation:map 1s ease 7s both;
}
.page7-map-arrow img:nth-child(14) {
	position:absolute;
	left:76%;
	top:-187%;
}
.active .page7-map-arrow img:nth-child(14) {
	opacity:1;
	-webkit-animation:fadeIn 1s ease 7.1s both;
	animation:map 1s ease 7.1s both;
}
.active  .page7-map {
	opacity:0;
	-webkit-animation:map 2.5s ease 6.2s both;
	animation:map 2.5s ease 6.2s both;
	-webkit-transform:scale(1.3);
	transform:scale(1.3);
}
@-webkit-keyframes map {
	0% {
	opacity:0;
	-webkit-transform:scale(1.3);
	transform:scale(1.3);
}
100% {
	opacity:1;
	-webkit-transform:scale(1);
	transform:scale(1);
}
}@keyframes map {
	0% {
	opacity:0;
	-webkit-transform:scale(1.3);
	transform:scale(1.3);
}
100% {
	opacity:1;
	-webkit-transform:scale(1);
	transform:scale(1);
}
}svg {
	max-width:100%;
}
svg * {
	stroke:#5c7a99;
	stroke-width:2;
	fill:none;
	data-duration:60
}
/*.page2-msg {
	width:30%;
	position:absolute;
	left:10%;
	top:20%;
}
.page2-msg h2 {
	font-size:31px;
	color:#5c7a99;
	line-height:40px;
	text-align:center;
	white-space:nowrap;
	opacity:0;
}
.page2-arrow {
	background:url(../img/page2-arrow.jpg) no-repeat;
	width:29px;
	height:19px;
	display:block;
	margin:10px auto 5px;
	background-size:70% auto;
	opacity:.5;
}
.page2-msg div {
	opacity:0;
}
.page2-msg p {
	padding-left:30%;
	line-height:25px;
	color:#575757;
	font-size:12px;
}
*/



/*.active .page2-arrow {
	-webkit-animation:page2arrow 2s  infinite;
	animation:page2arrow 2s   infinite;
}
@-webkit-keyframes page2arrow {
	0% {
	opacity:.5;
}
100% {
	opacity:0;
}
}@keyframes page2arrow {
	0% {
	opacity:.5;
}
100% {
	opacity:0;
}
}*/
@-webkit-keyframes fadeInUp {
	0% {
	opacity:0;
	-webkit-transform:translateY(20px);
	transform:translateY(20px)
}
100% {
	opacity:1;
	-webkit-transform:translateY(0);
	transform:translateY(0)
}
}@keyframes fadeInUp {
	0% {
	opacity:0;
	-webkit-transform:translateY(20px);
	transform:translateY(20px)
}
100% {
	opacity:1;
	-webkit-transform:translateY(0);
	transform:translateY(0)
}
}@-webkit-keyframes fadeIn {
	0% {
	opacity:0
}
100% {
	opacity:1
}
}@keyframes fadeIn {
	0% {
	opacity:0
}
100% {
	opacity:1
}
}@-webkit-keyframes arrow {
	0% {
	opacity:.5;
}
100% {
	opacity:0;
}
}@keyframes arrow {
	0% {
	opacity:.5;
}
100% {
	opacity:0;
}
}html,body {
	margin:0;
	padding:0;
	overflow:hidden;
	/*Avoid flicker on slides transitions for mobile phones #336 */
    -webkit-tap-highlight-color:rgba(0,0,0,0);
}
#superContainer {
	height:100%;
	position:relative;
	/* Touch detection for Windows 8 */
    -ms-touch-action:none;
	/* IE 11 on Windows Phone 8.1*/
    touch-action:none;
}
.fp-section {
	position:relative;
	-webkit-box-sizing:border-box;
	/* Safari<=5 Android<=3 */
    -moz-box-sizing:border-box;
	/* <=28 */
    box-sizing:border-box;
}
.fp-slide {
	float:left;
}
.fp-slide,.fp-slidesContainer {
	height:100%;
	display:block;
}
.fp-slides {
	z-index:1;
	height:100%;
	overflow:hidden;
	position:relative;
	-webkit-transition:all 0.3s ease-out;
	/* Safari<=6 Android<=4.3 */
    transition:all 0.3s ease-out;
}
.fp-section.fp-table,.fp-slide.fp-table {
	display:table;
	table-layout:fixed;
	width:100%;
}
.fp-tableCell {
	display:table-cell;
	vertical-align:middle;
	width:100%;
	height:100%;
}
.fp-slidesContainer {
	float:left;
	position:relative;
}
.fp-controlArrow {
	position:absolute;
	z-index:4;
	top:50%;
	cursor:pointer;
	width:0;
	height:0;
	border-style:solid;
	margin-top:-38px;
}
.fp-controlArrow.fp-prev {
	left:15px;
	width:0;
	border-width:38.5px 34px 38.5px 0;
	border-color:transparent #fff transparent transparent;
}
.fp-controlArrow.fp-next {
	right:15px;
	border-width:38.5px 0 38.5px 34px;
	border-color:transparent transparent transparent #fff;
}
.fp-scrollable {
	overflow:scroll;
}
.fp-notransition {
	-webkit-transition:none !important;
	transition:none !important;
}
#fp-nav {
	position:fixed;
	z-index:100;
	margin-top:-32px;
	top:50%;
	opacity:1;
}
#fp-nav.right {
	right:17px;
}
#fp-nav.left {
	left:17px;
}
.fp-slidesNav {
	position:absolute;
	z-index:4;
	left:50%;
	opacity:1;
}
.fp-slidesNav.bottom {
	bottom:17px;
}
.fp-slidesNav.top {
	top: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-slidesNav ul li {
	display:inline-block;
}
#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:#333;
}
#fp-nav ul li a span,.fp-slidesNav ul li a span {
	top:2px;
	left:2px;
	width:8px;
	height:8px;
	border:1px solid #000;
	background:rgba(0,0,0,0);
	border-radius:50%;
	position:absolute;
	z-index:1;
}
#fp-nav ul li .fp-tooltip {
	position:absolute;
	top:-2px;
	color:#fff;
	font-size:14px;
	font-family:arial,helvetica,sans-serif;
	white-space:nowrap;
	max-width:220px;
	overflow:hidden;
	display:block;
	opacity:0;
	width:0;
}
#fp-nav ul li:hover .fp-tooltip {
	-webkit-transition:opacity 0.2s ease-in;
	transition:opacity 0.2s ease-in;
	width:auto;
	opacity:1;
}
#fp-nav ul li .fp-tooltip.right {
	right:20px;
}
#fp-nav ul li .fp-tooltip.left {
	left:20px;
}