body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td { margin:0; padding:0; }
body {  background: #fff; color:rgb(51,51,51);font-size: 12px; font-family: "Microsoft YaHei", Arial, Helvetica, sans-serif; }
h1, h2, h3, h4, h5, h6 { font-weight:normal; font-size:100%; }
a { color:rgb(51,51,51); text-decoration:none;}
img { border:none; }
ol,ul,li { list-style:none; }
input, textarea, select, button { font:14px Verdana,Helvetica,Arial,sans-serif; border: 1px solid #999; }
table { border-collapse:collapse; }
.clearfix:after{
    content: "";
    display: block;
    clear:both;
}
*:focus {outline: none;}


.container{
	width: 100%;
}
.section{
	overflow: hidden;
}
/*第一页start*/
#section1{
	width: 100%;
	height: 100%;
	position: relative;
	text-align: center;
        background-size: cover;
	background-image: url(../bg.png);
}
#section1 .p1,.p2{
	width: 100%;
	text-align: center;
	font-weight: bold;
	color: rgb(255,255,255);
	opacity: 0;
	position: absolute;
}
#section1 .p1{
	top: 34%;
	font-size: 32px;
}
#section1 .p2{
	top: 46%;
	font-size: 20px;
}
.p3{
	width: 100%;
	text-align: center;
	position: absolute;
	top:85%;
	opacity: 0;
	font-size: 0.2rem;
}
#section1 .p3in{
	padding: 0.05rem 0.5rem;
	border: 1px solid rgb(255,255,255);
	color:rgb(255,255,255);
	font-size: 0.2rem;
	border-radius:0.05rem;
	transition: all 1s;
}
#section1 .p3in:hover{
	background-color: rgb(255,255,255);
	color: rgb(54,139,211);
}
#down1{
	width: 100%;
	text-align: center;
	position: absolute;
	top:68%;
	font-size:0.2rem;
	color: rgb(255,255,255);
	display: none;
}
/*第一页end*/
@-ms-keyframes name1{
	from{
		-ms-transform: rotate(0deg);
	}
	to{
		-ms-transform: rotate(360deg);
	}
}
@-webkit-keyframes name1{
	from{
		transform: rotate(0deg);
	}
	to{
		transform: rotate(360deg);
	}
}
.donghua{
	animation: name1 2s linear forwards 1;
}
@-ms-keyframes scale1{
	from{
		-ms-transform: scale(0.5,0.5);
	}
	to{
		-ms-transform: scale(2,2);
	}
}
@-webkit-keyframes scale1{
	from{
		transform: scale(0.5,0.5);
	}
	to{
		transform: scale(2,2);
	}
}
.fangda{
	animation: scale1 1s linear forwards 1;
}
/*第二页start*/
#section2{
	overflow: hidden;
	position: relative;
	text-align: center;
	
}
.section2-in{
	position: absolute;
	left:50%;
	bottom:-15px;
}
.section2-bg{
	/*width:1400px;*/
	height:580px;
	position: absolute;
	bottom:0;
	left: 0;
	display: none;
}

.section2-in img{
	position: absolute;
}

.img-1{
	top:50%;
	left:40%;
	opacity: 0;
	height: 111px;
}
.img-2{
	top:50%;
	left:40%;
	opacity: 0;
	height: 124px;
}
.img-3{
	top:50%;
	left:40%;
	opacity: 0;
	height: 141px;
	
}
.img-4{
	top:50%;
	left:40%;
	opacity: 0;
	height: 153px;
	
}
.img-5{
	top:50%;
	left:40%;
	opacity: 0;
	height: 127px;
	
}
.img-6{
	top:50%;
	left:40%;
	opacity: 0;
	height: 203px;
	
	
}
.img-7{
	top:50%;
	left:40%;
	opacity:0;
	height:139px;
	
}
.img-8{
	top:50%;
	left:40%;
	opacity:0;
	height:114px;
	
}
.s2-text{
	position: absolute;
	bottom:8%;
	color: rgb(255,255,255);
	font-size:0.55rem;
	font-weight: bold;
	letter-spacing:0.1rem;
}
/*第二页end*/

/*第三页start*/
#section3{
	position: relative;
	overflow: hidden;
	background-image: url(../bg.png);
	background-size: cover;
}
#section3 img{
	position:absolute;
	height:720px;
}
.s3-in{
	position: absolute;
	top:0;
	left:0;
}
.s3-bg1{
	top:8%;
	left:-20%;
	opacity: 0;
	width: 700px;
}
.s3-bg2{
	top:-5%;
	left:40%;
	opacity:0;
	width:1400px;
}

.s3-text{
	position: absolute;
	left:46%;
	bottom:-20%;
	color: rgb(255,255,255);
	opacity: 0;
}
.s3-p1{
	font-size: 30px;
	display: inline-block;
	border-bottom: 1px solid rgb(255,255,255);
	margin-bottom: 10px;
}
.s3-p2{
	font-size: 20px;
	line-height: 35px;
}
#lj3{
	position: absolute;
	left:22%;
	top:123%;
	margin-left: -91px;
	display:inline-block;
	padding: 5px 50px;
	border: 1px solid rgb(255,255,255);
	color:rgb(255,255,255);
	font-size: 20px;
	border-radius: 5px;
	transition: all 0.5s;
}
#lj3:hover{
	background-color: rgb(255,255,255);
	color: rgb(54,139,211);
}

/*第三页end*/

/*第四页start*/
#section4{
	position: relative;
	background-image:url(../section4-bg.png);
	background-size: cover;
}
#section4 .p4{
	position:absolute;
	
}
#ditu{
	position: absolute;
	left:-40%;
	top:6%;
	/*width: 1000px;*/
	height:480px;
	opacity: 0;
}
.p9{
	position: absolute;
	left:88%;
	top:50%;
	opacity: 0;
}
#lj{
	
	display:inline-block;
	padding: 5px 50px;
	background-color: rgb(255,255,255);
	border: 1px solid rgb(28,128,206);
	color:rgb(0,0,0);
	font-size: 20px;
	border-radius: 5px;
	
	transition: all 0.5s;
}
#lj:hover{
	color: rgb(255,255,255);
	background-color:rgb(28,128,206);
}
.p-text{
	position: absolute;
	width:500px;
	top: 30%;
	left:90%;
	color: rgb(28,128,206);
	line-height: 30px;
	font-size: 17px;
	opacity: 0;
	
}
.p4{
	top:22%;
	left:88%;
	font-size: 30px;
	opacity: 0;
}
.overview{
	position: absolute;
	left:50%;
	bottom:-20%;
	opacity: 0;
}
.overview img{
	display: block;
	float: left;
	height: 240px;
	margin-right: -50px;
}
/*第四页end*/

/*第五页start*/
#section5{
	position: relative;
	background-image:url(../bg.png);
	background-size: cover;
	color: rgb(255,255,255);
}
.zhanlue{
	position: absolute;
	width: 800px;
	top: 0;
	left: 50%;
	margin-left: -400px;
	text-align: center;
	opacity: 0;
}
.z-p1{
	font-size: 30px;
	font-weight: bold;
	margin-bottom:15px;
}
.z-p2,.z-p3{
	line-height: 40px;
	font-size: 20px;
}

.jzl{
	position: absolute;
	width: 800px;
	left: 50%;
	margin-left: -450px;
	top: 42%;
	
	
	
}
.mid{
	position: absolute;
	left:50%;
	font-size: 20px;
	font-weight:bold;
	display: none;
}
.line1{
	position: absolute;
	left:0;
	top: 12px;
	width:220px;
	border-bottom: 1px solid rgb(255,255,255);
	opacity: 0;
}
.line2{
	position: absolute;
	left:85%;
	top: 12px;
	width:220px;
	border-bottom: 1px solid rgb(255,255,255);
	opacity: 0;
}
.icon{
	
	position: absolute;
	left: 50%;
	margin-left: -261px;
	top:80%;
	opacity: 0;
}
.icon img{
	height: 100px;
}
.icon1{
	float: left;
	margin-right:40px;
	
}
.icon-text{
	margin-top: 10px;
	text-align: center;
	font-size: 15px;
}
#lj2{
	position: absolute;
	left: 50%;
	top:224px;
	margin-left: -110px;
	display:inline-block;
	padding: 5px 50px;
	border: 1px solid rgb(255,255,255);
	color:rgb(255,255,255);
	font-size: 20px;
	border-radius: 5px;
	transition: all 0.5s;
}
#lj2:hover{
	background-color: rgb(255,255,255);
	color: rgb(54,139,211);
}
@media only screen and (max-width:1200px) {
				.p4 {
					font-size: 25px;
				}
				.p-text{
					font-size: 15px;
					line-height: 25px;
				}
				.s3-p1{
					font-size: 25px;
				}
				.s3-p2{
					font-size: 15px;
					line-height:28px;
				}
				#lj3{
					left: 29%;
					top: 120%;
				}
				
}
@media only screen and (max-height:600px ) {
	.p4{
		font-size: 25px;
	}
	.p-text{
		font-size: 15px;
		line-height: 25px;
	}
	.z-p2,.z-p3{
		line-height:30px;
		font-size:18px;
	}
	#lj2{
		top:190px;
	}
	.s3-p1{
		font-size: 25px;
	}
	.s3-p2{
		font-size: 15px;
		line-height:28px;
	}
	#lj3{
		left: 29%;
		top: 120%;
	}
	
	
	
}