@charset "utf-8";
/* 代码整理；懒人之家 www.lanrenzhijia.com */
* { margin: 0; padding: 0;}
body { font: 16px/1.8 "Microsoft Yahei",verdana;}

/* 右侧导航 */
#fullPage-nav { _display: none; 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: #8F9DA4; 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%;}

.bg11 { position: absolute; bottom: 0; width: 100%; height: 850px; background: url(../images/bg11.png) 50% 0 no-repeat; transition: all 1s;}
.bg12 { position: absolute; bottom: -362px; width: 100%; height: 362px; background: url(../images/bg12.png) 50% 0 no-repeat; opacity: 0; transition: all 1.7s; bottom: 10px\0;}
.bg13 { position: absolute; bottom: -462px; width: 100%; height: 462px; background: url(../images/bg13.png) 50% 0 no-repeat; transition: all 1s;}
.hgroup { position: absolute; width: 554px; height: 176px; left: 41%; top: 15%; margin: 0 0 0 -220px; text-indent: -9999px; background-image: url(../images/slogan.png); opacity: 0; -webkit-transform:scale(0.5, 0.5); transform:scale(0.5, 0.5); transition: all 1s;}
.p11 { position: absolute; left: 0; top: 30%; width: 40%; margin: 0 0 0 30%; font-size: 12px; color: #d6e6f4; opacity: 0; transition: all 0.5s; z-index:99999999;}
@media screen and (max-height: 720px) {
.p11 { position: absolute; left: 0; top: 30%; width: 450px; margin: 0 0 0 30%; font-size: 12px; color: #d6e6f4; opacity: 0; transition: all 0.5s; z-index:99999999;}
} 

.bg21 { position: absolute; left: 50%; bottom: 15%; width: 819px; height: 250px; margin-left: -608px; margin-bottom: 40px; background: url(../images/bg21.png) 0 0 no-repeat; transition: all 1s;  opacity: 0; margin-left: -1108px;}
.bg22 { position: absolute; left: 50%; bottom: 15%; width: 819px; height: 299px; margin-left: -280px; margin-bottom: 70px; background: url(../images/bg22.png) right 0 no-repeat; transition: all 1s; opacity: 0; margin-left: 320px;}
.bg23 { position: absolute; left: 50%; bottom:0; width: 550px; height: 350px; margin-left: -275px; background: url(../images/bg23.png) 50% 0 no-repeat; transition: all 1s;  bottom: -70%;}
.section strong { position: absolute; left: 50%; top: 15%; z-index: 10; width: 512px; height: 45px; margin-left: -256px; font-size: 24px; font-weight: 500; color: #748A9E; opacity: 0; -webkit-transform:scale(0.5, 0.5); transform:scale(0.5, 0.5); transition: all 1s;}
.section h3 { position: absolute; left: 50%; top: 15%; z-index: 10; width: 650px; height: 100px; margin-left: -325px; margin-top: 0px; text-indent: -9999px; background-repeat: no-repeat; opacity: 0; -webkit-transform:scale(0.5, 0.5); transform:scale(0.5, 0.5); transition: all 1s;}
.p1 { position: absolute; left: 50%; top: 33%; width: 630px; margin-left: -310px;font-size: 14px; color: #d6e6f4; opacity: 0; transition: all 1s; }

.section2 h3 { background-image: url(../images/t2.png);}
.section3 h3 { background-image: url(../images/t3.png);}
.section4 h3 { background-image: url(../images/t4.png);}
.section4 h3 { position: absolute; left: 50%; top: 5%; z-index: 10; width: 500px; height: 700px; margin-left: -325px; margin-top: 0px; text-indent: -9999px; background-repeat: no-repeat; opacity: 0; -webkit-transform:scale(0.5, 0.5); transform:scale(0.5, 0.5); transition: all 1s;}
.section3 h3 { position: absolute; left: 50%; top: 15%; z-index: 10; width: 500px; height: 700px; margin-left: -350px; margin-top: 0px; text-indent: -9999px; background-repeat: no-repeat; opacity: 0; -webkit-transform:scale(0.5, 0.5); transform:scale(0.5, 0.5); transition: all 1s;}
.bg31 { position: absolute; left: 50%; bottom: 0;  width: 550px; height: 572px; margin-left: -275px; background: url(../images/bg31.png) 0 0 no-repeat; opacity: 0; transition: all 2s;}
.bg32 { position: absolute; left: 50%; bottom: 0; width: 462px; height: 572px; margin-left: -0px; background: url(../images/bg32.png) 0 0 no-repeat; opacity: 0; transition: all 1s;}
.bg33 { position: absolute; left: 50%; bottom: 0; width: 814px; height: 614px; margin-left: -407px; opacity: 0; background: url(../images/bg33.png) 0 0 no-repeat; opacity: 0; transition: all 3s;}
.p3 { position: absolute; width: 500px; left: 43%; top: 30%;  margin-left: -350px; font-size: 14px; color: #476781; opacity: 0; transition: all 1s; display:block; height:700px}

.p4 { position: absolute; left: 50%; top: 18%; width: 650px; margin-left: -325px;font-size: 14px; color: #94978c; opacity: 0; transition: all 1s;}
.bg41 { position: absolute; opacity: 0;width: 100%; height: 469px; bottom: 15%; background: url(../images/bg41.png) 50% 0 no-repeat; transition: all 1s;}
.bg42-1 { position: absolute; opacity: 0; width: 275px; height: 275px; left: 2%; bottom: 50%; background: url(../images/bg42-1.png) 0 0 no-repeat; transition: all 1s;}
.bg42-2 { position: absolute; opacity: 0; width: 275px; height: 275px; left: 20%; bottom: 13%; background: url(../images/bg42-2.png) 0 0 no-repeat; transition: all 1s;}
.bg42-3 { position: absolute; opacity: 0; width: 405px; height: 305px; left: 50%; bottom: 5%; background: url(../images/bg42-3.png) 0 0 no-repeat; transition: all 1s;}
.bg42-4 { position: absolute; opacity: 0; width: 275px; height: 275px; left: 75%; bottom: 50%; background: url(../images/bg42-4.png) 0 0 no-repeat; transition: all 1s;}

.go { position: absolute; left: 50%; top: 55%; width: 254px; height: 70px; margin-top: 220px; margin-left: -127px; text-indent: -9999px; background-image: url(../images/btn.png); opacity: 0; transition: all 1s;}

.copyright { position: absolute; left: 0; bottom: 20px; width: 100%; text-align:left; font-size: 0;}
.copyright a, .copyright span { margin: 0 7px; font-size: 12px; color: #a0a0a0;}

/* CSS3过度及动画 */
.active strong, .active h3 { opacity: 1; -webkit-transform:scale(1, 1); transform:scale(1, 1); transition-delay: 0.7s;}
.active .p1 { opacity: 1; transition-delay: 1.7s;}
.active .p4 { opacity: 1; transition-delay: 1.7s;}
.active .bg12 { bottom: 0px; opacity: 1; transition-delay: 0.7s; }
.active .bg13 { bottom: 0; opacity: 1; transition-delay: 0.7s;}
.active .hgroup { opacity: 1; -webkit-transform:scale(1, 1); transform:scale(1, 1); transition-delay: 0.7s;}
.active .mail { top: 25px; transition-delay: 0.7s;}
.active .p11 { opacity: 1; transition-duration: 1s; transition-delay: 1s;}

.active .bg21 { opacity: 1; margin-left: -608px; transition-delay: 0.7s;}
.active .bg23 { bottom: 0; transition-delay: 0.7s;}
.active .bg22 { margin-left: -280px; opacity: 1; transition-delay: 0.7s;}

.active .p3 { margin-left: -350px; opacity: 1; transition-delay: 0.7s;}
.active .bg31, .active .bg32 { opacity: 1; transition-delay: 1s;}
.active .bg33 { margin-left: -407px; opacity: 1; transition-delay: 0.7s;}

.active .bg41 { opacity: 1; transition-delay: 2s;}
.active .bg42-1{ opacity: 1;  transition-delay: 1.1s;}
.active .bg42-2{ opacity: 1;  transition-delay: 1.3s;}
.active .bg42-3{ opacity: 1;  transition-delay: 1.5s;}
.active .bg42-4 { opacity: 1;  transition-delay: 1.7s;}


.active .go { top: 25%; opacity: 1; transition-delay: 1.2s;}

/* for lt ie 10 */
.ltie10 strong, .ltie10 h3 { opacity: 0; transform:scale(1, 1); transition-delay: 0.7s;}
.ltie10 .p1 { opacity: 0; transition-delay: 1.7s;}
.ltie10 .p4 { opacity: 0; transition-delay: 2.2s;}
.ltie10 .bg12 { bottom: -362px; opacity: 0; transition-delay: 0.7s; }
.ltie10 .bg13 { bottom: -462px; opacity: 0; transition-delay: 0.7s;}
.ltie10 .hgroup { opacity: 0; }
.ltie10 .mail { top: 25px; transition-delay: 0.7s;}
.ltie10 .p11 { opacity: 0; transition-duration: 1s; transition-delay: 2s;}

.ltie10 .bg21 { opacity: 0; margin-left: -608px; transition-delay: 0.7s;}
.ltie10 .bg23 { bottom: -70%; transition-delay: 0.7s;}
.ltie10 .bg22 { margin-left: -280px; opacity: 0; transition-delay: 0.7s;}

.ltie10 .p3 { margin-left: -350px; opacity: 0; transition-delay: 0.7s;}
.ltie10 .bg31, .ltie10 .bg32 { opacity: 0; transition-delay: 1s;}
.ltie10 .bg33 { margin-left: -407px; opacity: 0; transition-delay: 0.7s;}

.ltie10 .bg41 { opacity: 0; transition-delay: 2s;}
.ltie10 .bg42-1{ opacity: 0;  transition-delay: 1.1s;}
.ltie10 .bg42-2{ opacity: 0;  transition-delay: 1.3s;}
.ltie10 .bg42-3{ opacity: 0;  transition-delay: 1.5s;}
.ltie10 .bg42-4 { opacity: 0;  transition-delay: 1.7s;}
.ltie10 .go { top: 25%; opacity: 0; transform:scale(1, 1); transition-delay: 1.2s;}

.Copyright{ bottom:10px;position:fixed;  width:100%;left:5%; color:#fff; font-size:12px;}
.Copyright em{background:url(../images/Copyright.png) center bottom no-repeat; width:63px; height:69px; bottom:5px;}
.sectionhead{position:absolute; z-index:99; zoom:1; width:80%; left:50%; top:20px; margin-left:-40%;}
a.logo{ display:inline-block; width:257px; height:47px;background:url(../images/logo.png) no-repeat;}
.nav{ display:inline-block; float:right; color:#fff; line-height:57px;}
.nav a{color:#fff; padding:5px 5px; text-decoration:none;}
	.nav a:hover{color:#e1e1e1;text-decoration:none;}