@import url('https://fonts.googleapis.com/css?family=Noto+Sans+SC:400,500,700&display=swap');

*{
	font-family:  'Noto Sans SC','microsoft yahei', arial, 'helvetica neue', 'hiragino sans gb', sans-serif;font-weight: 400;
	box-sizing: border-box;
}
a{
	color: #111;
}
a:hover{
	text-decoration: none; color: #111;
}
@font-face {
	font-family: Kankin;
	src: url(../font/Kankin.otf);
}
.wrapper{
	width: 1080px; margin: 0 auto;
}  
.section0{
	 background-image: linear-gradient(#023774,#6b8cb2 75%,#e4edfb);
}
.section0  .fp-tableCell{
	vertical-align: bottom;
}
.section0 h2{
	font-size: 200px; color: #fffefe; line-height: 1; margin-bottom: -0.4em;text-transform: uppercase; font-family: Kankin; padding-left: 75px;
}
.section0.active h2{
	webkit-animation: fadeInUp 0.8s 1.5s both;
	    animation: fadeInUp 0.8s 1.5s both;
	    -ms-animation: fadeInUp 0.8s 1.5s both;
}
.section0 .img{
	margin-left: -150px; margin-right: -150px;
}
.section0.active img{
	webkit-animation: fadeInUp 0.8s 0.8s both;
	    animation: fadeInUp 0.8s 0.8s both;
	    -ms-animation: fadeInUp 0.8s 0.8s both;
}
.section0 .img img{
	display: block; max-height: 68vh; margin: 0 auto; max-width: 100%;
}
.section1{
	 background-image: linear-gradient(#e2e2e3,#fefeff 80%);
}
/* .section1  .fp-tableCell{
	vertical-align: bottom;
} */
.section1 .section-info{
	padding-left: 85px; padding-right: 80px; margin-bottom:38vh;
}
.section1 .section-img{
	position: absolute; left: 0; right: 0; bottom: 0; width: 1080px; margin: 0 auto;
	 text-align: right; 
}
.section1 .section-img img{
	float: right; position: relative; z-index: 1;display: block; height: 40vh;margin-right: -35px; 
}
.section1 .section-img .bigtit{
	position: absolute; right: 17%; top: 130px; text-transform: uppercase;
	font-size: 145px; color: rgba(211, 211, 211, 0.5); line-height: 1;font-family: Kankin;
}
.section1.active .section-img .bigtit{
	webkit-animation: fadeInUp 1.2s 3s both;
	    animation: fadeInUp 1.2s 3s both;
	    -ms-animation: fadeInUp 1.2s 3s both;
}
.section1.active .section-img img{
	webkit-animation: fadeInUp 1.2s 2.5s both;
	    animation: fadeInUp 1.2s 2.5s both;
	    -ms-animation: fadeInUp 1.2s 2.5s both;
}
.titen{
	font-size:76px; color: rgba(35,24,21,0.18); line-height: 1;text-transform: uppercase;font-family: Kankin;
}
.section.active .titen{
	webkit-animation: flipInX .6s 0.8s both;
	    animation: flipInX .6s 0.8s both;
	    -ms-animation: flipInX .6s 0.8s both;
}
.tit{
	font-size: 76px; color: #231815; line-height: 1; margin-top: 12px; font-weight: 100;
}
.section.active .tit{
	webkit-animation: flipInX .6s 1.5s both;
	    animation: flipInX .6s 1.5s both;
	    -ms-animation: flipInX .6s 1.5s both;
}
.f500{
	font-weight: 500; 
}
.f700{
	font-weight: 700;
}
.line{
	width: 55px; height: 3px; background: #111111; margin-top: 70px; margin-bottom: 20px; display: inline-block;
}
.section.active .line{
	webkit-animation: fadeInUp 1.3s 1.5s both;
	    animation: fadeInUp 1.3s 1.5s both;
	    -ms-animation: fadeInUp 1.3s 1.5s both;
}
.text{
	font-size: 22px; color: #000; line-height: 1.7;
}
.section.active .text{
	webkit-animation: fadeInUp 0.8s 2s both;
	    animation: fadeInUp 0.8s 2s both;
	    -ms-animation: fadeInUp 0.8s 2s both;
}
.text p{
	margin-bottom: 10px;
}
.text p:last-child{
	margin-bottom: 0;
}
.section2{
	background-image: url(../images/bg1.jpg);
	background-repeat: no-repeat; background-position: center; background-size: cover;
}
.section2 .section-info{
	padding-left: 135px; padding-right: 135px;
}
.section3{
	 background-image: linear-gradient(#e2e2e3 ,#ffffff  50%);
}
/* .section3  .fp-tableCell{
	vertical-align: bottom;
} */
.section3 .section-info{
	padding-left: 135px; padding-right: 135px; text-align: right;  margin-bottom:22vh;
}
.section3 .section-img{
	position: absolute; left: 0; right: 0; bottom: 0;width: 1080px; margin: 0 auto;
}
.section3 .section-img img{
	display: block; max-width: 100%; max-height: 37vh;margin-left: -300px; margin-right: 100px;  
}
.section3.active .section-img img{
	webkit-animation: fadeInUp 1.2s 2.5s both;
	    animation: fadeInUp 1.2s 2.5s both;
	    -ms-animation: fadeInUp 1.2s 2.5s both;
}
.section4{
	background-image: url("../images/bg2.jpg");
	background-repeat: no-repeat; background-position: bottom 110px center; background-size: cover;
}
.section4 .section-info{
	padding-left: 90px; padding-right: 90px; margin-bottom: 300px;
}
.contact{
	display: flex; display: -webkit-flex; align-items: center;  -webkit-align-items: center;margin-top: 20px;
}
.section.active .contact{
	webkit-animation: fadeIn 1.2s 2s both;
	    animation: fadeIn 1.2s 2s both;
	    -ms-animation: fadeIn 1.2s 2s both;
}
.contact-qr{
	position: relative;
}
.contact-qr img{
	width: 160px; height: 160px; display: block;  position: relative; z-index: 1;
	webkit-animation: fadeInUp 1.2s 2.5s both;
	    animation: fadeInUp 1.2s 2.5s both;
	    -ms-animation: fadeInUp 1.2s 2.5s both;
}
.contact-qr::after{
	content: ""; position: absolute; left: 0; top: 0; width: 294px; height: 271px; display: block;  background: url(../images/qrbg.png) no-repeat center/cover;
}
.contact-txt{
	position: relative; margin-left:15px ; font-size: 21px; color: #231815; font-weight: bold; background: url(../images/arrow.png) no-repeat left center; padding-left: 30px; 
}

.copyright{
	position: absolute; left: 0; right: 0; bottom: 0; height: 160px; display: flex; align-items: center; justify-content: center;
	text-align: center;  font-size: 16px; line-height: 1.6; color: #fff;
	 background-image: linear-gradient(#0464d0 ,#1f99ee);
}
@media only screen and (max-width: 1440px) {
	.section0 h2{
		font-size: 160px;
	}
	.titen{
		font-size: 46px;
	}
	.tit{
		font-size: 48px;
	}
	.line{
		margin-top: 50px; margin-bottom: 15px;
	}
	.text{
		font-size: 15px;
	}
	.section1 .section-img .bigtit{
		font-size: 100px;
	}
	.section3 .section-img img{
		margin-left: -200px; margin-right: 80px;
	}
}
@media only screen and (max-width: 1000px) {
	.wrapper{
		width: 88%;
	}
	.section1 .section-info,
	.section2 .section-info,
	.section3 .section-info,
	.section4 .section-info{
		padding-left: 0; padding-right: 0;
	}
	.titen{
		font-size: 24px;
	}
	.tit{
		font-size: 22px; margin-top: 5px;
	}
	.text{
		font-size: 13px;
	}
	.line{
		width: 30px; height: 2px; margin-top: 25px; margin-bottom: 10px;
	}
	.text p{
		margin-bottom: 8px;
	}
	.contact-qr img{
		width: 100px; height: 100px; 
	}
	.contact-qr::after{
		width: 182px; height: 170px;
	}
	.contact-txt{
		font-size: 16px; background-size: 15px 15px; padding-left: 20px;
	}
	.section4{
		background-position:bottom 90px center; 
	}
	.copyright{
		font-size: 13px; height: 90px;
	}
	.section3 .fp-tableCell{
		vertical-align: middle;
	}
	.section3 .section-img{
		margin-left: 0; margin-right: 0; position: absolute; left: 0; right: 0; bottom: 0;
	}
	.section3 .section-img{
		margin-top: 30px; 
	}
	.section3 .section-img img{
		max-height: inherit; 
 	}
	.section1 .fp-tableCell{
		vertical-align: middle;
	}
	.section1 .section-info{
		margin-bottom: 50vw;
	}
	.section1 .section-img{
		margin-right: 0; margin-top: 30px; position: absolute; left: 0; right:8%; bottom: 0;
	}
	.section1 .section-img img{
		height: 55vw;
	}
	.section1 .section-img .bigtit{
		font-size: 50px; right: 20%;
	}
	.section0 .fp-tableCell{
		vertical-align: middle;
	}
	
	.section0 .img{
		position: absolute; left: 0; right: 0; bottom: 0;
		margin-left: -25vw; margin-right: -4vw;
	}
	.section0 .img img{
		 max-height: inherit;
	}
	.section0 h2{
		font-size: 100px; margin-bottom: 40vw;padding-left: 0;
	}
	#fp-nav.fp-right{
		right: -3px;
	}
	.section1 .section-img,
	.section3 .section-img{
		width: 88%;  margin: 0 auto;
	}
	.section3 .section-img img{
		margin-left: 0; margin-right: 0;
	}
	
}