.fountainTextG {
	color: #000000;
	font-family: Arial;
	font-size: 40px;
	text-decoration: none;
	font-weight: bold;
	font-style: normal;
	float: left;
	-moz-animation-name: bounce_fountainTextG;
	-moz-animation-duration: 1.82s;
	-moz-animation-iteration-count: infinite;
	-moz-animation-direction: normal;
	-moz-transform: scale(.5);
	-webkit-animation-name: bounce_fountainTextG;
	-webkit-animation-duration: 1.82s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-direction: normal;
	-webkit-transform: scale(.5);
	-ms-animation-name: bounce_fountainTextG;
	-ms-animation-duration: 1.82s;
	-ms-animation-iteration-count: infinite;
	-ms-animation-direction: normal;
	-ms-transform: scale(.5);
	-o-animation-name: bounce_fountainTextG;
	-o-animation-duration: 1.82s;
	-o-animation-iteration-count: infinite;
	-o-animation-direction: normal;
	-o-transform: scale(.5);
	animation-name: bounce_fountainTextG;
	animation-duration: 1.82s;
	animation-iteration-count: infinite;
	animation-direction: normal;
	transform: scale(.5);
}

#fountainTextG_1 {
	-moz-animation-delay: 0.52s;
	-webkit-animation-delay: 0.52s;
	-ms-animation-delay: 0.52s;
	-o-animation-delay: 0.52s;
	animation-delay: 0.52s;
}

#fountainTextG_2 {
	-moz-animation-delay: 0.65s;
	-webkit-animation-delay: 0.65s;
	-ms-animation-delay: 0.65s;
	-o-animation-delay: 0.65s;
	animation-delay: 0.65s;
}

#fountainTextG_3 {
	-moz-animation-delay: 0.78s;
	-webkit-animation-delay: 0.78s;
	-ms-animation-delay: 0.78s;
	-o-animation-delay: 0.78s;
	animation-delay: 0.78s;
}

#fountainTextG_4 {
	-moz-animation-delay: 0.91s;
	-webkit-animation-delay: 0.91s;
	-ms-animation-delay: 0.91s;
	-o-animation-delay: 0.91s;
	animation-delay: 0.91s;
}

#fountainTextG_5 {
	-moz-animation-delay: 1.04s;
	-webkit-animation-delay: 1.04s;
	-ms-animation-delay: 1.04s;
	-o-animation-delay: 1.04s;
	animation-delay: 1.04s;
}

#fountainTextG_6 {
	-moz-animation-delay: 1.17s;
	-webkit-animation-delay: 1.17s;
	-ms-animation-delay: 1.17s;
	-o-animation-delay: 1.17s;
	animation-delay: 1.17s;
}

#fountainTextG_7 {
	-moz-animation-delay: 1.3s;
	-webkit-animation-delay: 1.3s;
	-ms-animation-delay: 1.3s;
	-o-animation-delay: 1.3s;
	animation-delay: 1.3s;
}

#fountainTextG_8 {
	-moz-animation-delay: 1.43s;
	-webkit-animation-delay: 1.43s;
	-ms-animation-delay: 1.43s;
	-o-animation-delay: 1.43s;
	animation-delay: 1.43s;
}

#fountainTextG_9 {
	-moz-animation-delay: 1.56s;
	-webkit-animation-delay: 1.56s;
	-ms-animation-delay: 1.56s;
	-o-animation-delay: 1.56s;
	animation-delay: 1.56s;
}

#fountainTextG_10 {
	-moz-animation-delay: 1.69s;
	-webkit-animation-delay: 1.69s;
	-ms-animation-delay: 1.69s;
	-o-animation-delay: 1.69s;
	animation-delay: 1.69s;
}

.footer-nav {
	position: absolute;
	bottom: 40px;
	left: 40px;
	width: 100%;
	z-index: 999;
	display: flex;
	align-items: center;
}

@-moz-keyframes bounce_fountainTextG {
	0% {
		-moz-transform: scale(1);
		color: #000000;
	}

	100% {
		-moz-transform: scale(.5);
		color: #FFFFFF;
	}

}

@-webkit-keyframes bounce_fountainTextG {
	0% {
		-webkit-transform: scale(1);
		color: #000000;
	}

	100% {
		-webkit-transform: scale(.5);
		color: #FFFFFF;
	}

}

@-ms-keyframes bounce_fountainTextG {
	0% {
		-ms-transform: scale(1);
		color: #000000;
	}

	100% {
		-ms-transform: scale(.5);
		color: #FFFFFF;
	}

}



@keyframes bounce_fountainTextG {
	0% {
		transform: scale(1);
		color: #000000;
	}

	100% {
		transform: scale(.5);
		color: #FFFFFF;
	}
}

.swiper-container {
	width: 640px;
	/* height: 1140px; */
	height: 100vh;
	overflow: hidden;
}

.page2mobile_pic {
	width: 80%;
	position: absolute;
	top: 95px;
	left: 70px;
}

/*page1*/
.swiper-slide1 {
	background: transparent url("../jcimg/jcbg.png") no-repeat center top;
	background-size: 100% 100%;
}

.swiper-slide1 .icon {
	position: absolute;
	top: 80px;
	left: 50px;
	width: 550px;
}

.swiper-slide1 .hzs {
	position: absolute;
	top: 430px;
	left: 63px;
}

.swiper-slide1 .page1mobile {
	position: absolute;
	top: 1020px;
	left: 180px;
}

.swiper-slide2 {
	background: transparent url("../jcimg/deybg.png") no-repeat center top;
	background-size: 100% 100%;
}

.swiper-slide2 img {
	width: 65%;
}

.swiper-slide3,
.swiper-slide8,
.swiper-slide9 {
	background: transparent url("../jcimg/dsybg.png") no-repeat center top;
	background-size: 100% 100%;
}

.swiper-slide4,
.swiper-slide5,
.swiper-slide6,
.swiper-slide7,
.swiper-slide10,
.swiper-slide11,
.swiper-slide12,
.swiper-slide13,
.swiper-slide14 {
	background: url("../jcimg/jcbg.png") no-repeat center top;
	background-size: 100% 100%;
}

.swiper-slide1 .page1_1 {
	width: 330px;
	left: 165px;
}

.swiper-slide1 .page1_2 {
	position: absolute;
	top: 300px;
	left: 50px;
	width: 550px;
}

.swiper-slide1 .page1_3 {
	width: 550px;
	top: 500px;
}

.swiper-slide1 .page1_4 {
	width: 370px;
	top: 950px;
	left: 140px;
}

/*page2*/
.swiper-slide2 .page2mobile_pic {
	width: 80%;
	position: absolute;
	top: 95px;
	left: 70px;
}

.swiper-slide2 .page2_1,
.swiper-slide2 .page2_2,
.swiper-slide2 .page2_3,
.swiper-slide2 .page2_4,
.swiper-slide2 .page2_5,
.swiper-slide2 .page2_6 {
	position: absolute;
	left: 108px;
}

.swiper-slide2 .page2_1 {
	top: 230px;
}

.swiper-slide2 .page2_2 {
	top: 340px;
}

.swiper-slide2 .page2_3 {
	top: 450px;
}

.swiper-slide2 .page2_4 {
	top: 560px;
}

.swiper-slide2 .page2_5 {
	top: 670px;
}

.swiper-slide2 .page2_6 {
	top: 780px;
}

.swiper-slide2 .page2_7 {
	position: absolute;
	left: 108px;
	top: 890px;
}

/* 3 */

.swiper-slide3 .page3_1,
.swiper-slide3 .page3_2,
.swiper-slide3 .page3_3,
.swiper-slide3 .page3_4 {
	position: absolute;
}

.swiper-slide3 .page3_1 {
	top: 95px;
	left: 70px;
	width: 80%;
}

.swiper-slide3 .page3_2 {
	top: 155px;
	left: 140px;
	max-width: 370px;
}

.swiper-slide3 .page3_3 {
	top: 270px;
	left: 75px;
	width: 500px
}

.swiper-slide3 .page3_4 {
	top: 540px;
	left: 40px;
	width: 568px
}


/* 4 */
.swiper-slide4 .page4_1,
.swiper-slide4 .page4_2,
.swiper-slide4 .page4_3 {
	position: absolute;
}

.swiper-slide4 .page4_1 {
	top: 200px;
	left: 35px;
	width: 92%;
}

.swiper-slide4 .page4_2 {
	top: 155px;
	left: 140px;
	max-width: 370px;
}

.swiper-slide4 .page4_3 {
	top: 300px;
	left: 70px;
	width: 510px;
}

/* 5 */
.swiper-slide5 .page5_1,
.swiper-slide5 .page5_2,
.swiper-slide5 .page5_3,
.swiper-slide5 .page5_4 {
	position: absolute;
}

.swiper-slide5 .page5_1 {
	top: 200px;
	left: 35px;
	width: 92%;
}

.swiper-slide5 .page5_2 {
	top: 155px;
	left: 140px;
	max-width: 370px;
}

.swiper-slide5 .page5_3 {
	top: 280px;
	left: 73px;
	width: 500px;
}

.swiper-slide5 .page5_4 {
	top: 570px;
	left: 73px;
	width: 500px;
}


/* 6 */
.swiper-slide6 .page6_1,
.swiper-slide6 .page6_2,
.swiper-slide6 .page6_3,
.swiper-slide6 .page6_4 {
	position: absolute;
}

.swiper-slide6 .page6_1 {
	top: 200px;
	left: 35px;
	width: 92%;
}

.swiper-slide6 .page6_2 {
	top: 155px;
	left: 140px;
	max-width: 370px;
}

.swiper-slide6 .page6_3 {
	top: 280px;
	left: 73px;
	width: 80%;
}

.swiper-slide6 .page6_4 {
	top: 520px;
	left: 73px;
	width: 80%;
}

/* 7 */
.swiper-slide7 .page7_1,
.swiper-slide7 .page7_2,
.swiper-slide7 .page7_3,
.swiper-slide7 .page7_4 {
	position: absolute;
}

.swiper-slide7 .page7_1 {
	top: 200px;
	left: 35px;
	width: 92%;
}

.swiper-slide7 .page7_2 {
	top: 155px;
	left: 140px;
	max-width: 370px;
}

.swiper-slide7 .page7_3 {
	top: 280px;
	left: 73px;
	width: 80%;
}

.swiper-slide7 .page7_4 {
	top: 630px;
	left: 73px;
	width: 80%;
}

/* 8 */
.swiper-slide8 .page8_1,
.swiper-slide8 .page8_2,
.swiper-slide8 .page8_3 {
	position: absolute;
}

.swiper-slide8 .page8_1 {
	top: 155px;
	left: 140px;
	max-width: 370px;
}

.swiper-slide8 .page8_2 {
	top: 270px;
	left: 73px;
	width: 80%;
}

.swiper-slide8 .page8_3 {
	top: 630px;
	left: 73px;
	width: 80%;
}

/* 9 */
.swiper-slide9 .page9_1,
.swiper-slide9 .page9_2,
.swiper-slide9 .page9_3 {
	position: absolute;
}

.swiper-slide9 .page9_1 {
	top: 155px;
	left: 140px;
	max-width: 370px;
}

.swiper-slide9 .page9_2 {
	top: 270px;
	left: 70px;
	width: 80%;
	z-index: 99;
}

.swiper-slide9 .page9_3 {
	top: 562px;
	left: 70px;
	width: 75%;
}

/* 10 */
.swiper-slide10 .page10_1,
.swiper-slide10 .page10_2,
.swiper-slide10 .page10_3 {
	position: absolute;
}

.swiper-slide10 .page10_1 {
	top: 95px;
	left: 34px;
}

.swiper-slide10 .page10_2 {
	top: 240px;
	left: 42px;
	max-width: 570px;
}

.swiper-slide10 .page10_3 {
	top: 740px;
	left: 120px;
	width: 375px;
}

/* 11 */
.swiper-slide11 .page11_1,
.swiper-slide11 .page11_2,
.swiper-slide11 .page11_3 {
	position: absolute;
}

.swiper-slide11 .page11_1 {
	top: 95px;
	left: 34px;
}

.swiper-slide11 .page11_2 {
	top: 285px;
	left: 130px;
	max-width: 570px;
}

.swiper-slide11 .page11_3 {
	top: 686px;
	left: 77px;
	width: 500px;
}

/* 12 */
.swiper-slide12 .page12_1,
.swiper-slide12 .page12_2,
.swiper-slide12 .page12_3,
.swiper-slide12 .page12_4 {
	position: absolute;
}

.swiper-slide12 .page12_1 {
	top: 95px;
	left: 138px;
}

.swiper-slide12 .page12_2 {
	top: 228px;
	left: 40px;
	max-width: 570px;
}

.swiper-slide12 .page12_3 {
	top: 531px;
	left: 190px;
	width: 255px;
}

.swiper-slide12 .page12_4 {
	top: 783px;
	left: 40px;
	max-width: 570px;
}

/* 13 */
.swiper-slide13 .page13_1,
.swiper-slide13 .page13_2,
.swiper-slide13 .page13_3,
.swiper-slide13 .page13_4,
.swiper-slide13 .page13_5,
.swiper-slide13 .page13_6 {
	position: absolute;
}

.swiper-slide13 .page13_1 {
	top: 95px;
	left: 77px;
}

.swiper-slide13 .page13_2 {
	top: 228px;
	left: 170px;
	max-width: 570px;
}

.swiper-slide13 .page13_3 {
	top: 355px;
	left: 38px;
	max-width: 570px;
}

.swiper-slide13 .page13_4 {
	top: 490px;
	left: 38px;
	max-width: 570px;
}

.swiper-slide13 .page13_5 {
	top: 650px;
	left: 38px;
	max-width: 570px;
}

.swiper-slide13 .page13_6 {
	top: 783px;
	left: 137px;
	max-width: 570px;
}

/* 14 */
.swiper-slide14 .page14_1,
.swiper-slide14 .page14_2,
.swiper-slide14 .page14_3,
.swiper-slide14 .page14_4,
.swiper-slide14 .page14_5,
.swiper-slide14 .page14_6,
.swiper-slide14 .page14_7 {
	position: absolute;
}

.swiper-slide14 .page14_1 {
	top: 95px;
	left: 77px;
}

.swiper-slide14 .page14_2 {
	top: 228px;
	left: 170px;
	max-width: 570px;
}

.swiper-slide14 .page14_3 {
	top: 355px;
	left: 38px;
	max-width: 570px;
}

.swiper-slide14 .page14_4 {
	top: 490px;
	left: 38px;
	max-width: 570px;
}

.swiper-slide14 .page14_5 {
	top: 626px;
	left: 38px;
	max-width: 570px;
}

.swiper-slide14 .page14_6 {
	top: 792px;
	left: 38px;
	max-width: 570px;
}

.swiper-slide14 .page14_7 {
	top: 930px;
	left: 38px;
	max-width: 570px;
}

.bottom {
	position: fixed;
	bottom: 0px;
	margin-left: -72px;
	left: 50%;
	z-index: 2015;
}