.nav{position: fixed;}
#fullPage-nav { _display: none; font-size: 12px;}
#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;}

#buttons{position: absolute;left: 50%;margin-left: -60px;bottom: 10px;z-index: 9;}
#buttons .on{background: #fff;}
#buttons span{width: 40px;height: 6px;background: #333;cursor: pointer;display: inline-block;}

.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%;}


.section2 h3 { background-image: url(../images/t2.png);}
.section3 h3 { background-image: url(../images/t3.png);}
.section4 h3 { background-image: url(../images/t4.png);}
.section5 h3 { background-image: url(../images/t5.png);}

/*about*/
.bg21{position: absolute;left: 50%;bottom: -500px;width: 490px;height: 115px;margin-left: -660px;background: url(../images/aboutus.png) 0 0 no-repeat;transition: all 1s;opacity: 0;}
.bg22{position: absolute;left: 50%;bottom: -500px;width: 220px;height: 60px;margin-left: -660px;background: url(../images/about.png) 0 0 no-repeat;transition: all 1s;opacity: 0;}
.bg23{position: absolute;left: 50%;bottom: -500px;width: 606px;height: 285px;margin-left: -660px;transition: all 1s;opacity: 0;font-size: 14px;line-height: 30px;}
.bg24{position: absolute;left: 50%;bottom: -100px;width: 84px;height: 34px;margin-left: -660px;transition: all 1s;opacity: 0;}
.bg24 a{display: inline-block;border: 1px #000 solid;width: 76px;height: 28px;line-height: 28px;text-align: center;font-size: 12px;position:absolute;z-index:0;transition:.5s;overflow:hidden;}
.bg24 a:hover{color:#fff;transition:.5s;}
.bg24 a:after{display:block;content:"";width:78px;height:28px;background:#000;position:absolute;left:-1px;top:28px;transition:.7s;}
.bg24 a:hover:after{display:block;content:"";width:78px;height:28px;background:#000;position:absolute;left:-1px;top:0px;transition:.7s;z-index:-1;}
.bg25{position: absolute; right: 50%; bottom: 28%; width: 335px; height: 448px; margin-right: -900px; transition: all 1s;  opacity: 0;}
.bg26{position: absolute; right: 50%; bottom: 31%; width: 307px; height: 423px; margin-right: -900px; transition: all 1s;  opacity: 0;}
.bg27{position: absolute; right: 50%; bottom: 22%; width: 215px; height: 44px; margin-right: -900px; transition: all 1s;  opacity: 0;}
.bg28{position: absolute; right: 50%; bottom: 25%; width: 215px; height: 44px; margin-right: -900px; transition: all 1s;  opacity: 0;}


.active .bg21{ opacity: 1; bottom: 66%; transition-delay: 0.7s;}
.active .bg22{ opacity: 1; bottom: 68%; transition-delay: 0.8s;}
.active .bg23 { opacity: 1; bottom: 32%; transition-delay: 0.8s;}
.active .bg24 { opacity: 1; bottom: 24%; transition-delay: 0.8s;}
.active .bg25 {opacity: 1;margin-right: -330px;transition-delay: 0.8s;}
.active .bg26 {opacity: 1;margin-right: -656px;transition-delay: 0.8s;}
.active .bg27 {opacity: 1;margin-right: -266px;transition-delay: 0.9s;}
.active .bg28 { opacity: 1; margin-right: -590px; transition-delay: 0.9s;}
.active .bg27 a{transition:.5s;}
.active .bg27:hover a{padding-left:60px;transition:.5s;}
.active .bg28 a{transition:.5s;}
.active .bg28:hover a{padding-left:60px;transition:.5s;}



/*product*/
.bg31,.bg41 { position: absolute; left: 50%; top: -500px; width: 902px; height: 115px; margin-left: -660px; transition: all 1s;  opacity: 0;}
.bg32,.bg42 { position: absolute; left: 50%; top: -500px; width: 220px; height: 60px; margin-left: -660px; transition: all 1s;  opacity: 0;}
.bg31{background: url(../images/productsus.png) 0 0 no-repeat;}
.bg32{background: url(../images/products.png) 0 0 no-repeat;}
.bg33 {position: absolute;left: 50%;bottom: -700px;/* width: 1320px; *//* height: 482px; */margin-left: -37%;transition: all 1s;opacity: 0;}
.bg33 li{width: 23%;/* height: 482px; */float: left;margin: 0 1%;overflow: hidden;position: relative;}
.bg33 li img{/* position: absolute; */transition: 0.5s;width: 100%;}
.bg33 li:hover img{/* position: absolute; */transform:scale(1.1);transition: 0.5s;}
.bg33 li .proli{position: absolute;width: 70%;height: 60%;left:50%;top:50%;margin-left: -34%;margin-top: -46%;opacity: 0;transition: all 1s;}
.bg33 li:hover .proli{position: absolute;width: 70%;height: 60%;background: rgba(255,255,255, .7);left:50%;top:50%;margin-left: -34%;margin-top: -46%;opacity: 1;transition: all 1s;}
.bg33 li .proli h2{font-size: 1.8vw;color: #000;margin: 0 auto;display: block;text-align: center;width: 73%;padding-top: 16%;}
.bg33 li .proli h2 span{font-size: .8vw;display: block;padding-bottom: 24%;}
.bg33 li .proli a{transition:.5s;display: block;text-align: center;font-size: 14px;color: #000;width: 120px;height: 30px;line-height:30px;border: 1px #000 solid;margin: 0 auto;position:absolute;left:50%;margin-left:-60px;z-index:0;overflow:hidden;}
.bg33 li .proli a:hover{color:#fff;transition:.5s}
.bg33 li .proli a:after{display:block;content:"";width:122px;height:30px;background:#000;position:absolute;left:-1px;top:30px;transition:.7s;}
.bg33 li .proli a:hover:after{display:block;content:"";width:122px;height:30px;background:#000;position:absolute;left:-1px;top:0px;transition:.7s;z-index:-1;}

.active .bg31,.active .bg41 { opacity: 1; top: 21%; transition-delay: 0.7s;}
.active .bg32,.active .bg42 { opacity: 1; top: 26%; transition-delay: 0.6s;}
.active .bg33 { opacity: 1; bottom: 10%; transition-delay: 0.8s;}



/*project*/
.bg41{background: url(../images/projectus.png) 0 0 no-repeat;}
.bg42{background: url(../images/projects.png) 0 0 no-repeat;}
.bg43{position: absolute; left: 50%; bottom: 4%; width: 1320px; height: 482px; margin-left: -670px;transition: all 1s;  opacity: 0;}
.picScroll-left{width:1320px;overflow:hidden;position:relative;margin: 0 auto;}
.picScroll-left .hd{position: absolute;top: 40%;overflow:hidden;width: 100%;height: 110px;}
.picScroll-left .hd .prev{background: url(../images/hright.png)no-repeat center;display: block;width: 43px;height: 100%;float: right;}
.picScroll-left .hd .next{background: url(../images/hleft.png)no-repeat center;display: block;width: 43px;height: 100%;float: left;}
.picScroll-left .hd .prevStop{ background-position:-60px 0; }
.picScroll-left .hd .nextStop{ background-position:-60px -50px; }
.picScroll-left .bd{width: 91%;padding:10px;margin: 0 auto;}
.picScroll-left .bd ul{ overflow:hidden; zoom:1; }
.picScroll-left .bd ul li{ margin:0 8px; float:left; _display:inline; overflow:hidden; text-align:center;  }
.picScroll-left .bd ul li .pic{ text-align:center; }
.picScroll-left .bd ul li .pic img{width:380px;height:300px;display:block;padding:2px;}
.picScroll-left .bd ul li .pic a:hover img{ border-color:#999;  }

.active .bg43 { opacity: 1; transition-delay: 1s;}


/*news*/
.bg51{ position: absolute; left: 50%; width: 490px; height: 115px;bottom: 65%; margin-left: -1208px;background: url(../images/newsus.png) 0 0 no-repeat; transition: all 1s;  opacity: 0;}
.bg52{ position: absolute; left: 50%; width: 220px; height: 60px;bottom: 67%; margin-left: -1208px; background: url(../images/news.png) 0 0 no-repeat; transition: all 1s;  opacity: 0;}
.bg53{ position: absolute; right: 50%; width: 700px; height: 60px;bottom: 56%; margin-right: -1208px; transition: all 1s;  opacity: 0;}
.bg53 p a{font-size: 16px;color: #000;text-align: center;display: inline-block;line-height: 43px;width: 160px;background: #fff;margin: 0 20px;}
.bg53 p a:hover{background: #F5F5F5;}
.bg54{position: absolute;left: 50%;bottom: 4%;/* width: 1320px; *//* height: 482px; */margin-left: -36.5%;transition: all 1s;opacity: 0;}
.bg54 ul li{float:left;width: 29%;/* height: 470px; */margin: 0 1.5%;overflow: hidden;}
.bg54 ul li:nth-child(1){background: url(../images/news1.png) no-repeat center;background-size: 100% 100%;}
.bg54 ul li:nth-child(2){background: url(../images/news2.png) no-repeat center;background-size: 100% 100%;}
.bg54 ul li:nth-child(3){background: url(../images/news3.png) no-repeat center;background-size: 100% 100%;}
.bg54 ul li .newsli{width: 76%;height: 100%;padding: 6% 12% 32% 12%;background: rgba(0,0,0, .7);opacity: 0;transition: all 1s;}
.bg54 ul li:hover .newsli{height: 100%;width: 76%;padding: 6% 12% 32% 12%;background: rgba(0,0,0, .7);opacity: 1;transition: all 1s;}
.bg54 ul li .newsli h2{color: #fff;font-size: 1.5vw;margin-top: 10%;}
.bg54 ul li .newsli h2 span{display: block;font-size: .8vw;font-weight: normal;}
.bg54 ul li .newsli p{font-size: .8vw;line-height: 150%;color: #fff;margin-top: 10%;display: block;}
.bg54 ul li .newsli a{display: block;text-align: center;font-size: .8vw;line-height: 230%;height: 6.5%;color: #fff;border: 1px #fff solid;width: 8%;margin-top: 2%;position: absolute;overflow:hidden;transition:.7s;}
.bg54 ul li .newsli a:hover{color:#000;z-index:0;transition:.7s;}
.bg54 ul li .newsli a:after{display:block;content:"";width:122px;height:34px;background:#fff;position:absolute;left:-1px;top:34px;transition:.7s;}
.bg54 ul li .newsli a:hover:after{display:block;content:"";width:122px;height:34px;background:#fff;position:absolute;left:-1px;top:0;transition:.7s;z-index:-1}

.active .bg51{ opacity: 1;bottom: 65%; margin-left: -660px;transition-delay: 0.6s;}
.active .bg52{ opacity: 1;bottom: 67%;margin-left: -660px;transition-delay: 0.7s;}
.active .bg53{opacity: 1;bottom: 61%;margin-right: -14%;transition-delay: 0.8s;}
.active .bg54{opacity: 1;transition-delay: 1s;}



/*contact*/
.bg61{position: absolute;left: 50%;width: 1166px;height: 546px;margin-left: -600px;bottom: -1000px;background: url(../images/contact1.png) 0 0 no-repeat;transition: all 1s;opacity: 0;}
.bg62{position: absolute;left: 50%;width: 605px;height: 84px;margin-left: -500px;bottom: -1000px;background: url(../images/contactus.png) 0 0 no-repeat;transition: all 1s;opacity: 0;}
.bg63{position: absolute;left: 50%;width: 220px;height: 60px;margin-left: -500px;bottom: -1000px;background: url(../images/contact.png) 0 0 no-repeat; transition: all 1s;  opacity: 0;}
.bg64{position: absolute;left: 50%;width: 360px;height: 210px;margin-left: -500px;bottom: -1000px;transition: all 1s;  opacity: 0;}
.bg64 h1{font-size: 24px;color: #fff;padding-bottom: 30px;}
.bg64 p{font-size: 14px;color: #fff;line-height: 30px;}
.bg65{position: absolute;left: 50%;width: 114px;height: 32px;margin-left: -100px;bottom: -1000px;transition: all 1s;opacity: 0;overflow: hidden;}
.bg65 a{display: block;color: #fff;font-size: 14px;text-align: center;border: 1px #fff solid;width: 98%;height: 30px;line-height: 30px;overflow:hidden;position:absolute;z-index:2;transition:.7s;}
.bg65:hover a{display: block;color: #000;font-size: 14px;text-align: center;border: 1px #fff solid;width: 98%;height: 30px;line-height: 30px;overflow:hidden;position:absolute;z-index:2;transition:.7s;}
.bg65 a:after{display:block;content:"";width: 114px;height: 32px;background: #fff;position: absolute;left: 0;top: 32px;transition: .7s;z-index:-1}
.bg65 a:hover:after{display:block;content:"";width: 114px;height: 32px;background: #fff;position: absolute;left: 0;top: 0px;transition:.7s;z-index:-1}
.bg66{position: absolute;right: 50%;width: 145px;height: 175px;margin-right: -500px;bottom: -1000px;transition: all 1s;  opacity: 0;}
.bg66 img{width:100%;}
.bg66 p{text-align: center;color: #fff;font-size: 16px;}
.bg67{position: absolute;right: 50%;width: 495px;height: 35px;margin-right: -540px;bottom: -1000px;transition: all 1s;  opacity: 0;color: #fff;font-size: 14px;}

.active .bg61{ opacity: 1; bottom: 15%; transition-delay: 0.6s;}
.active .bg62{ opacity: 1; bottom: 56%; transition-delay: 0.7s;}
.active .bg63{ opacity: 1; bottom: 53%; transition-delay: 0.8s;}
.active .bg64{ opacity: 1; bottom: 27%; transition-delay: 0.9s;}
.active .bg65{ opacity: 1; bottom: 27%; transition-delay: 0.9s;}
.active .bg66{ opacity: 1; bottom: 35%; transition-delay: 0.9s;}
.active .bg67{ opacity: 1; bottom: 17%; transition-delay: 1s;}








@media screen and (min-width:1200px) and (max-width:1440px){
	.bg21{margin-left: -640px;}
	.bg22{margin-left: -640px;}
	.bg23{margin-left: -640px;}
	.bg24{margin-left: -640px;}
	.active .bg21{bottom: 63%;}
	.active .bg22{bottom: 64%;}
	.active .bg23{bottom: 16%;}
	.active .bg24{bottom: 2%;}
	.active .bg25{bottom: 13%;}
	.active .bg26{bottom: 13%;}
	.active .bg27{bottom: 2%;}
	.active .bg28{bottom: 2%;}
	
	.bg41{margin-left: -640px;}
	.bg42{margin-left: -640px;}
	.active .bg43{bottom: -140px;}
	
	.bg51{margin-left: -640px !important;}
	.bg52{margin-left: -640px !important;}
	.active .bg53{bottom: 70%;margin-right: -700px;}
	.active .bg54{bottom: -70px;}
	
	.active .bg61{bottom: 1%;}
	.active .bg62{bottom: 64%;}
	.active .bg63{bottom: 61%;}
	.active .bg64{bottom: 20%;}
	.active .bg65{bottom: 20%;}
	.active .bg67{bottom: 3%;}
}