/*page1*/
.hx-con-cn{font-size: 63px;font-weight: bold;color: #fff;font-family: Arial-BoldMT;letter-spacing:10px;
position:absolute;top:35%;left:37%; opacity: 0; -webkit-transform:scale(0.5, 0.5); transform:scale(0.5, 0.5); transition: all 1s;
}
.hx-con-en{font-size: 23px;font-weight:bold ;color: #fff;letter-spacing: 35px;
position:absolute;top:48%;left:20%; opacity: 0; -webkit-transform:scale(0.5, 0.5); transform:scale(0.5, 0.5); transition: all 1s;
}
.xian-1{background:#FEFEFF; width: 1px; height: 88px; display: inline-block;;z-index: 100;
position: absolute;top:25%;left:0;opacity: 0;transition: all 1.7s; 
}
.xian-2{background:#FEFEFF; width: 1px; height: 88px; display: inline-block;;z-index: 100;
position: absolute;top:56%;left:100%;opacity: 0;transition: all 1.7s;
}
.xian01{background:#00FEFE; width: 2px; height: 44px; display: inline-block;;z-index: 100;
position: absolute;top:57%;left:100%;opacity: 0;transition: all 1.7s; }
.zhu{color: #fff;position: absolute;bottom: 5%;left:35%;opacity: 0;transition: all 0.5s;}

/*page2*/
.hx2-en{font-size: 63px;font-family: Arial-BoldMT;font-weight: bold;color: #fff;letter-spacing:10px;padding:0;position: absolute;top:0;left: 20%;
opacity: 0;transition: all 1.7s;
}
.hx2-cn{font-size: 18px;color: #4CFDFF;letter-spacing: 45px;color: #4CFDFF;padding: 20px 0;position: absolute;top:0;left: 20%;
opacity: 0;transition: all 1.7s;
}
.hx2-des{width:25%;font-size: 12px;color: #CBCBCB;line-height: 23px;padding: 15px 0;position: absolute;top: 40%;left: 20%;opacity: 0;transition: all 0.5s;}
.hx2-more{font-size: 12px;color: #fff;letter-spacing: 10px;border:1px solid #114B5B;padding:10px 0 10px 15px;width: 125px;position:absolute;
top:100%;left: 20%;opacity: 0;transition: all 1.7s;}
i.xian-3{background:#00FEFE; width: 44px; height: 1px; display: inline-block;position: absolute;top:0;left:15%;}
i.xian-4{background:#00FEFE; width: 44px; height: 1px; display: inline-block;position: absolute;top:100%;right:15%;}
i.xian-5{background:#00FEFE; width: 1px; height: 15px; display: inline-block;position: absolute;bottom:10%;left:0;}
i.xian-6{background:#00FEFE; width: 1px; height: 15px; display: inline-block;position: absolute;top:10%;right:0;}

.page2-img1{width:36%;position: absolute;right: 0;top:20%;opacity: 0;transition: all 1.7s;}
.page2-img1 img{width: 100%;height: 100%;}
.page2-img2{width: 24%;position:absolute;top: 32%;right:0;opacity: 0;transition: all 1.7s;}
.page2-img2 img{width: 100%;height: 100%;}

.xian-7{background:#00FEFE; width: 44px; height: 2px; display: inline-block;position: absolute;top:20%;left:51%;
opacity: 0;transition: all 2s;transform: rotate(90deg);
}
.zhij{width: 52px;height: 52px;background-color: transparent;position: absolute;left:60%;top:75%;border-top: 1px solid #FEFEFE; border-right:1px solid #FEFEFE ;
opacity: 0;transition: all 2s;transform: rotate(-90deg);
}


/*page3*/
.hx3-en{font-size: 63px;font-family: Arial-BoldMT;font-weight: bold;color: #fff;letter-spacing:15px;padding:0;position: absolute;top: 20%;left: 35%;
opacity: 0;transition: all 1.7s;transform: rotate(180deg) scale(0.5,0.5);-webkit-transform: rotate(180deg) scale(0.5,0.5);
}
.hx3-cn{font-size: 18px;color: #4CFDFF;letter-spacing: 45px;color: #4CFDFF;padding: 20px 0;position: absolute;top: 25%;left:43%;
opacity: 0;transition: all 1.7s;transform: rotate(180deg) scale(0.5,0.5);-webkit-transform: rotate(180deg) scale(0.5,0.5);
}
.page3-bg1{width:350px;height:350px;text-align:center;position: absolute;left:0;top:35%;display: flex;flex-direction: column;justify-content: center;align-content: center;
opacity: 0;transition: all 1.7s;
}
.page3-bg2{width:350px;height:350px;text-align:center;position: absolute;left:40%;top:35%;display: flex;flex-direction: column;justify-content: center;align-content: center;
opacity: 0;transition: all 1.7s;
}
.page3-bg3{width:350px;height:350px;text-align:center;position: absolute;left:100%;top:35%;display: flex;flex-direction: column;justify-content: center;align-content: center;
opacity: 0;transition: all 1.7s;
}

.page3-tit{font-size: 16px;color: #fff;}
.page3-des{font-size: 12px;color: #fff;line-height: 30px;padding: 0 40px;}
.hx3-more{font-size: 12px;color: #fff;
	letter-spacing: 10px;
	border:1px solid #114B5B;
	padding:10px 0 10px 15px;
	width: 125px;
	position:absolute;
	top:100%;
	left: 70%;
	transition:
			all 1.7s;opacity: 0;}


/*page4*/
.hx4-en{font-size: 63px;font-family: Arial-BoldMT;font-weight: bold;color: #fff;letter-spacing:10px;padding:0;position: absolute;top:0;left:15%;
opacity: 0;transition: all 1.7s;transform: scale(0.5,0.5);-webkit-transform: scale(0.5,0.5);
}
.hx4-cn{font-size: 18px;color: #4CFDFF;letter-spacing: 45px;color: #4CFDFF;padding: 20px 0;position: absolute;top:0;left:15%;
opacity: 0;transition: all 1.7s;transform: scale(0.5,0.5);-webkit-transform: scale(0.5,0.5);
}
.page4-t1{color: #4CFDFF;font-size: 12px;padding: 0 20px;}
.page4-t2{color: #FFF;font-size: 18px;padding: 20px 20px;}
.page4-t3{color: #777;font-size: 12px;line-height: 30px;padding: 0 20px;}
.page4-t4{color: #4CFDFF;font-size: 12px;padding:40px 20px;}
.page4-news{text-align: left;}
.page4-news a{ color: #fff;}
.page4-des{font-size: 16px; background:#182346 ; margin-top: 260px; color: #fff;letter-spacing: 2px;text-align: left;padding: 0 20px;}
.hx4-more{font-size: 12px;color: #fff;letter-spacing: 10px;border:1px solid #114B5B;padding:10px 0 10px 15px;width: 125px;position:absolute;
top:26%;left:100%;opacity: 0; transition: all 1.7s;}
.xian-8{background:#FEFEFF; width: 88px; height: 1px; display: inline-block;;z-index: 100;
position: absolute;top:26%;left:100%;opacity: 0; transition: all 1.7s;
}


/*page5*/
.hx5-en{font-size: 63px;font-family: Arial-BoldMT;font-weight: bold;color: #fff;letter-spacing:10px;padding:0;position: absolute;top: 20%;left:15%;
opacity: 0;transition: all 1.7s;transform: scale(0.5,0.5);-webkit-transform: scale(0.5,0.5);
}
.hx5-cn{font-size: 18px;color: #4CFDFF;letter-spacing: 30px;color: #4CFDFF;padding: 20px 0;position: absolute;top: 30%;left:15%;
opacity: 0;transition: all 1.7s;transform: scale(0.5,0.5);-webkit-transform: scale(0.5,0.5);
}
.hx5-des{font-size: 12px;color:#fff;position: absolute;left: 15%;top:40%;opacity: 0;transition: all 0.5s;}
.ewm{position: absolute;top: 100%;left: 40%;opacity: 0;transition: all 1.7s;}
.wx-t{color: #fff;font-size: 12px;margin-left: -7px;}
.ewm img{width: 82px;height: 82px;}

.hx5-more{font-size: 12px;color: #fff;letter-spacing: 10px;border:1px solid #114B5B;padding:10px 0 10px 15px;width: 125px;position:absolute;
top:60%;left:0;opacity: 0;transition: all 1.2s;}
.xian-9{background:#FEFEFF; width: 13%; height: 1px; display: inline-block;;z-index: 100;
position: absolute;top:62%;left:-15%;opacity: 0;transition: all 1.7s;}

.hx5-img{width: 50%;position: absolute;right: 0;top:32%;opacity: 0;transition: all 2.5s;}
.hx5-img img{width: 100%;height: 100%;}
.zhij2{width: 52px;height: 52px;background-color: transparent;position: absolute;left:49%;top:100%;border-bottom: 1px solid #FEFEFE; border-left:1px solid #FEFEFE ;
opacity: 0;transition: all 1.7s;
}
.xian-10{background:#00FEFE; width: 44px; height: 2px; display: inline-block;position: absolute;top:0;left:50%;
opacity: 0;transition: all 1.7s;
}

/*css动画*/
.active .hx-con-cn{opacity: 1; -webkit-transform:scale(1, 1); transform:scale(1, 1); transition-delay: 0.7s;}
.active .hx-con-en{opacity: 1; -webkit-transform:scale(1, 1); transform:scale(1, 1); transition-delay: 0.7s;}
.active .xian-1{left: 50%; opacity: 1; transition-delay: 0.7s;}
.active .xian-2{left: 50%; opacity: 1; transition-delay: 0.7s;}
.active .xian01{left: 50%; opacity: 1; transition-delay: 0.7s;}
.active .zhu{opacity: 1; transition-duration:1s; transition-delay: 2s;}


.active .hx2-cn{top:30%; opacity: 1; transition-delay: 0.7s;}
.active .hx2-en{top:20%; opacity: 1; transition-delay: 0.7s;}
.active .hx2-more{top:75%; opacity: 1; transition-delay: 0s;}
.active .page2-img1{opacity: 1; transition-delay: 0.7s;}
.active .page2-img2{right:24%;opacity: 1; transition-delay: 0.7s;}
.active .xian-7{opacity: 1; transition-delay: 0.7s; transform: rotate(0deg);}
.active .zhij{opacity: 1; transition-delay: 0.7s; transform: rotate(0deg);}
.active .hx2-des{opacity: 1; transition-duration:1s; transition-delay: 2s;}



.active .hx3-en,.active .hx3-cn{opacity: 1;transform: rotate(0rad) scale(1,1);-webkit-transform: rotate(0rad) scale(1,1);transition-delay: 0.7s;}
.active .page3-bg1{left:15%; opacity: 1; transition-delay: 0.7s;}
.active .page3-bg2{top:35%;opacity: 1; transition-delay: 0.7s;}
.active .page3-bg3{left:65%; opacity: 1; transition-delay: 0.7s;}
.active .hx3-more{top:83%; opacity: 1; transition-delay: 0.7s;}



.active .hx4-en{opacity: 1;transform: scale(1,1);-webkit-transform: scale(1,1);top: 20%;transition-delay: 0.7s;}
.active .hx4-cn{opacity: 1;transform: scale(1,1);-webkit-transform: scale(1,1);top: 25%;transition-delay: 0.7s;}
.active .xian-8{opacity: 1;left: 72%;transition-delay: 0.7s;}
.active .hx4-more{opacity: 1;left: 78%;opacity: 1;transition-delay: 1.7s;}



.active .hx5-en,.active .hx5-cn{opacity: 1;transition-delay: 0.7s;transform: scale(1,1);-webkit-transform: scale(1,1);}
.active .hx5-des{opacity: 1;transition-delay: 2s;}
.active .xian-9{opacity: 1;transition-delay: 0.7s;left:0;}
.active .hx5-more{opacity: 1;transition-delay: 0.7s;left: 15%;}
.active .xian-10{opacity: 1;transition-delay: 0.7s;top:27%;}
.active .zhij2{opacity: 1;transition-delay: 0.7s;top: 66%;}
.active .hx5-img{opacity: 1;transition-delay: 0.7s;}
.active .ewm{opacity: 1;transition-delay: 0.7s;top:45%;}



/*ie10*/
.ltie10 .hx-con-cn{
	opacity: 1; -webkit-transform:scale(1, 1); transform:scale(1, 1); transition-delay: 0.7s;
}
.ltie10  .hx-con-en{
	opacity: 1; -webkit-transform:scale(1, 1); transform:scale(1, 1); transition-delay: 0.7s;
}
.ltie10 .xian-1{
	left: 50%; opacity: 1; transition-delay: 0.7s;
}
.ltie10  .xian-2{
	left: 50%; opacity: 1; transition-delay: 0.7s;
}
.ltie10  .xian01{
	left: 50%; opacity: 1; transition-delay: 0.7s;
}



.ltie10  .hx2-cn{top:30%; opacity: 1; transition-delay: 0.7s;}
.ltie10  .hx2-en{top:20%; opacity: 1; transition-delay: 0.7s;}
.ltie10  .hx2-more{top:65%; opacity: 1; transition-delay: 0s;}
.ltie10  .page2-img1{opacity: 1; transition-delay: 0.7s;}
.ltie10  .page2-img2{right:24%;opacity: 1; transition-delay: 0.7s;}
.ltie10  .xian-7{opacity: 1; transition-delay: 0.7s; transform: rotate(0deg);}
.ltie10  .zhij{opacity: 1; transition-delay: 0.7s; transform: rotate(0deg);}



.ltie10  .hx2-des{opacity: 1; transition-duration:1s; transition-delay: 2s;}
.ltie10  .hx3-en,.active .hx3-cn{opacity: 1;transform: rotate(0rad) scale(1,1);-webkit-transform: rotate(0rad) scale(1,1);transition-delay: 0.7s;}
.ltie10  .page3-bg1{left:15%; opacity: 1; transition-delay: 0.7s;}
.ltie10  .page3-bg2{top:40%;opacity: 1; transition-delay: 0.7s;}
.ltie10  .page3-bg3{left:65%; opacity: 1; transition-delay: 0.7s;}
.ltie10  .hx3-more{top:83%; opacity: 1; transition-delay: 0.7s;}



.ltie10  .hx4-en{opacity: 1;transform: scale(1,1);-webkit-transform: scale(1,1);top: 20%;transition-delay: 0.7s;}
.ltie10  .hx4-cn{opacity: 1;transform: scale(1,1);-webkit-transform: scale(1,1);top: 30%;transition-delay: 0.7s;}
.ltie10  .xian-8{opacity: 1;left: 72%;transition-delay: 0.7s;}
.ltie10  .hx4-more{opacity: 1;left: 78%;opacity: 1;transition: all 1.7s;transition-delay: 0.7s;}



.ltie10  .hx5-en,.active .hx5-cn{opacity: 1;transition-delay: 0.7s;transform: scale(1,1);-webkit-transform: scale(1,1);}
.ltie10  .hx5-des{opacity: 1;transition-delay: 2s;}
.ltie10  .xian-9{opacity: 1;transition-delay: 0.7s;left:0;}
.ltie10  .hx5-more{opacity: 1;transition-delay: 0.7s;left: 15%;}
.ltie10  .xian-10{opacity: 1;transition-delay: 0.7s;top:27%;}
.ltie10  .zhij2{opacity: 1;transition-delay: 0.7s;top: 66%;}
.ltie10  .hx5-img{opacity: 1;transition-delay: 0.7s;}

/* 右侧导航 */

#fullPage-nav { font-size: 12px;}

#fullPage-nav li { width: 90px; height: 21px; margin: 10px 0 0; vertical-align: middle;}

#fullPage-nav li a { float: right; width: 21px; height: 21px; color: #fff; text-decoration: none; text-align: right; background: url(../images/dot.png) 5px 5px no-repeat;}

#fullPage-nav li .active { background-position: 0 bottom;}

#fullPage-nav span { display: none;}

.fullPage-tooltip { float: left; top: 0; margin-right: 5px; font: 12px "Microsoft Yahei"; color: #8F9DA4; line-height: 21px;}



.section { position: relative; overflow: hidden;}

.section .bg { position: absolute; left: 0; top: 0; width: 100%; height: 100%;}

.section .bg img { display: block; width: 100%; height: 100%;}