@charset "UTF-8";
* { 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: #6a6968; 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: #6a6968; line-height: 21px;}
.section {position: relative;overflow: hidden;}
.section img { display: block; width: 100%; height: 100%;}
.section h3 { display: block;font-size: 40px;line-height: 40px;font-weight: bold;color: #ffffff;opacity: 0; -webkit-transform:scale(0.5, 0.5); transform:scale(0.5, 0.5); transition: all 1s;}
.section1 {background:url('../images/section1.jpg')no-repeat;background-size: cover;background-position: center center;}
.section2 {background:url('../images/section2.jpg')no-repeat;background-size: cover;background-position: center center;}
.section3 {background:url('../images/section3.jpg')no-repeat;background-size: cover;background-position: center center;}
.section4 {background:url('../images/section4.jpg')no-repeat;background-size: cover;background-position: center center;}
.section5 {background:url('../images/section5.jpg')no-repeat;background-size: cover;background-position: center center;}
.section6 {background:url('../images/section6.jpg')no-repeat;background-size: cover;background-position: center center;}
.section7 {background:url('../images/section7.jpg')no-repeat;background-size: cover;background-position: center center;}
.logo{width: 142px;height: 49px;position: fixed;top:5.41%;left:4.06%;z-index: 9999;}
/*page1*/
.page1_0 { position: absolute; left:50%;top:50%;margin-left: -146px;margin-top: -281.5px;width: 292px;height: 563px; }
.page1_1 { position: absolute; bottom: -15%;left: 12px;width: 281px; height: 325px; opacity: 0; transition: all 1.7s;bottom: 0\-15%;}/*bottom: 143px\0;ie8 hack*/
.page1_2 { position: absolute; width: 285px; height: 381px; top: 0;left: 0;opacity: 0; -webkit-transform:scale(0.5, 0.5); transform:scale(0.5, 0.5); transition: all 1s;}
/*page2*/
.page2_1 { position: absolute; left: 50%; top: 0px; width: 278px; height: 85px;opacity: 0; margin-left: -139px;transition: all 1s;}
.page2_2 { position: absolute; left: 50%; top: 30.41%; width: 157px; height: 181px;opacity: 0; margin-left: -248px;opacity: 0; -webkit-transform:scale(0.5, 0.5); transform:scale(0.5, 0.5); transition: all 1s;}
.page2_3 { position: absolute; left: 50%; top: 30.41%; width: 156px; height: 181px;opacity: 0; margin-left: -78px;opacity: 0; -webkit-transform:scale(0.5, 0.5); transform:scale(0.5, 0.5); transition: all 1s;}
.page2_4 { position: absolute; left: 50%; top: 30.41%; width: 156px; height: 181px;opacity: 0; margin-left: 92px;opacity: 0; -webkit-transform:scale(0.5, 0.5); transform:scale(0.5, 0.5); transition: all 1s;}
.page2_5 { position: absolute; left: 50%; bottom: 26.65%; width: 823px; height: 99px; margin-left: -411.5px;transition: all 1s;  bottom: 0%;}
/*page3*/
.page3_1 { position: absolute; width: 222px; height: 254px; left: 50%;margin-left:-467px; bottom: 21.41%;opacity: 0; -webkit-transform:scale(0.5, 0.5); transform:scale(0.5, 0.5); transition: all 1s;}
.page3_2 { position: absolute; width: 353px; height: 308px; left: 50%;margin-left:-425px; bottom: 50%;opacity: 0; -webkit-transform:scale(0.5, 0.5); transform:scale(0.5, 0.5); transition: all 1s;}
.page3_3 { position: absolute; width: 203px; height: 236px; left: 50%;margin-left:-73px; bottom: 33.76%;opacity: 0; -webkit-transform:scale(0.5, 0.5); transform:scale(0.5, 0.5); transition: all 1s;}
.page3_4 { position: absolute; width: 203px; height: 235px; left: 50%;margin-left:174px; bottom: 51.71%;opacity: 0; -webkit-transform:scale(0.5, 0.5); transform:scale(0.5, 0.5); transition: all 1s;}
.page3_5 { position: absolute; width: 237px; height: 274px; left: 50%;margin-left:212px; bottom: 10.47%;opacity: 0; -webkit-transform:scale(0.5, 0.5); transform:scale(0.5, 0.5); transition: all 1s;}
.section3 h3 {position: absolute;bottom:22.35%;width:180px;left:50%;text-align: center;margin-left: -90px;}
/*page4*/
.page4_1 { position: absolute; left: 50%; top: 0px; width: 324px; height: 79px;opacity: 0; margin-left: -162px;transition: all 1s;}
.page4_2 { position: absolute; left: 50%; top: 25.88%; width: 221px; height: 256px;opacity: 0; margin-left: -252px;opacity: 0; -webkit-transform:scale(0.5, 0.5); transform:scale(0.5, 0.5); transition: all 1s;}
.page4_3 { position: absolute; left: 50%; top: 33.65%; width: 263px; height: 305px;opacity: 0; margin-left: -18px;opacity: 0; -webkit-transform:scale(0.5, 0.5); transform:scale(0.5, 0.5); transition: all 1s;}
.page4_4 { position: absolute; left: 50%; bottom: 8.41%; width: 240px; height: 84px; margin-left: -120px;transition: all 1s;  bottom: 0%;}
/*page5*/
.page5_1 { position: absolute; width: 647px; height: 287px; left: 50%;margin-left:-323.5px;top:8.12%;opacity: 0; -webkit-transform:scale(0.5, 0.5); transform:scale(0.5, 0.5); transition: all 1s;}
.page5_2, .page5_3, .page5_4, .page5_5 { position: absolute;width: 187px;height:62px; left: 50%;opacity: 0; transition: all 1s;}
.page5_2{top:38.58%;margin-left: 120px;}
.page5_3{top:49.76%;margin-left: -307px;}
.page5_4{top:60.94%;margin-left: 120px;}
.page5_5{top:72.12%;margin-left: -307px;}
/*page6*/
.page6_1 { position: absolute; width: 304px; height: 406px; overflow: hidden; left: 50%;margin-left:-480px;top:50%;margin-top:-203px;opacity: 0; -webkit-transform:scale(0.5, 0.5); transform:scale(0.5, 0.5); transition: all 1s;background: url(../images/page6_1.png) no-repeat;background-position: center top;text-align: center;}
.page6_1 p{display:block;font-size: 20px;line-height: 28px;color: #ffffff;position: absolute;left: 0;top:262px;}
.page6_1 p span{color: #ffe401;}
.page6_2, .page6_3, .page6_4 { position: absolute; left: 60%; width: 520px;height: 230px; opacity: 0; transition: all 1s;display: table;text-align: left;overflow: hidden;}
.page6_2{background: url(../images/page6_2.png) no-repeat;background-position: left center;top:6%;margin-left:-140px;}
.page6_3{background: url(../images/page6_3.png) no-repeat;background-position: left center;top:50%;margin-left:-6px;margin-top: -115px;}
.page6_4{background: url(../images/page6_4.png) no-repeat;background-position: left center;bottom:6%;margin-left:-140px;}
.page6_2 p, .page6_3 p, .page6_4 p { display: table-cell;vertical-align: middle;font-size: 18px;line-height: 26px;color: #ffffff; padding-left: 220px;}
.page6_2 p span, .page6_3 p span, .page6_4 p span { font-weight: bold;color: #ffe401; }
/*page7*/
.page7_1 { position: absolute; width: 230px; height: 349px; left: 50%;margin-left:-115px;top:5%;opacity: 0; -webkit-transform:scale(0.5, 0.5); transform:scale(0.5, 0.5); transition: all 1s;}
.page7_2 { position: absolute; width: 345px; height: 51px; left: 50%;margin-left:-172.5px;top:56.81%;opacity: 0; -webkit-transform:scale(0.5, 0.5); transform:scale(0.5, 0.5); transition: all 1s;}
.page7_3 { position: absolute; width: 502px; height: 175px; overflow: hidden; left: 50%;margin-left:-250px;bottom:5%;opacity: 0; -webkit-transform:scale(0.5, 0.5); transform:scale(0.5, 0.5); transition: all 1s;}
.page7_3 p{font-size: 18px;line-height: 24px;text-align: center;color: #ffffff;display: block;}
.page7_3 .name{width: 240px;height: 30px;position: absolute;left: 0;top:66px;overflow: hidden;border: solid 1px #ffffff;}
.page7_3 .phone{width: 240px;height: 30px;position: absolute;left: 260px;top:66px;overflow: hidden;border: solid 1px #ffffff;}
.page7_3 label{display: block;width: 68px;height: 30px;line-height: 30px;text-align: center;color: #960900;font-size: 18px;float: left;background: #ffffff;}
.page7_3 input[type='text']{width: 162px;height: 30px;line-height: 30px;text-align: left;color: #ffffff;padding-left: 10px;font-size: 18px;outline:none;border:0;float: left;background: rgba(255,255,255,0);}
.page7_3 input[type='image']{width: 148px;height: 44px;position: absolute;left: 50%;margin-left: -74px;outline:none;border:0;top:114px;cursor: pointer;}

/* CSS3过度及动画 */
.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 .page1_1 { bottom:0%; opacity: 1; transition-delay: 0.7s; }
.active .page1_2 { opacity: 1; -webkit-transform:scale(1, 1); transform:scale(1, 1); transition-delay: 0.7s;}
.active .page2_1 { top: 15.76%; opacity: 1; transition-delay: 0.7s;}
.active .page2_2 { opacity: 1; -webkit-transform:scale(1, 1); transform:scale(1, 1); transition-delay: 0.7s;}
.active .page2_3 { opacity: 1; -webkit-transform:scale(1, 1); transform:scale(1, 1); transition-delay: 0.9s;}
.active .page2_4 { opacity: 1; -webkit-transform:scale(1, 1); transform:scale(1, 1); transition-delay: 1.1s;}
.active .page2_5 { bottom: 26.65%; transition-delay: 0.7s;}
.active .page3_1 { opacity: 1; -webkit-transform:scale(1, 1); transform:scale(1, 1); transition-delay: 1.1s;}
.active .page3_2 { opacity: 1; -webkit-transform:scale(1, 1); transform:scale(1, 1); transition-delay: 0.9s;}
.active .page3_3 { opacity: 1; -webkit-transform:scale(1, 1); transform:scale(1, 1); transition-delay: 0.7s;}
.active .page3_4 { opacity: 1; -webkit-transform:scale(1, 1); transform:scale(1, 1); transition-delay: 0.8s;}
.active .page3_5 { opacity: 1; -webkit-transform:scale(1, 1); transform:scale(1, 1); transition-delay: 1.0s;}
.active .page4_1 { top: 11.94%; opacity: 1; transition-delay: 0.7s;}
.active .page4_2 { opacity: 1; -webkit-transform:scale(1, 1); transform:scale(1, 1); transition-delay: 0.8s;}
.active .page4_3 { opacity: 1; -webkit-transform:scale(1, 1); transform:scale(1, 1); transition-delay: 0.8s;}
.active .page4_4 { bottom: 8%; transition-delay: 0.7s;}
.active .page5_1 { opacity: 1; -webkit-transform:scale(1, 1); transform:scale(1, 1); transition-delay: 0.7s;}
.active .page5_2 { margin-left: -93.5px; opacity: 1; transition-delay: 0.7s;}
.active .page5_3 { margin-left: -93.5px; opacity: 1; transition-delay: 0.7s;}
.active .page5_4 { margin-left: -93.5px; opacity: 1; transition-delay: 0.7s;}
.active .page5_5 { margin-left: -93.5px; opacity: 1; transition-delay: 0.7s;}
.active .page6_1 { opacity: 1; -webkit-transform:scale(1, 1); transform:scale(1, 1); transition-delay: 0.7s;}
.active .page6_2 { left: 50%; opacity: 1; transition-delay: 0.7s;}
.active .page6_3 { left: 50%; opacity: 1; transition-delay: 0.7s;}
.active .page6_4 { left: 50%; opacity: 1; transition-delay: 0.7s;}
.active .page7_1 { opacity: 1; -webkit-transform:scale(1, 1); transform:scale(1, 1); transition-delay: 0.7s;}
.active .page7_2 { opacity: 1; -webkit-transform:scale(1, 1); transform:scale(1, 1); transition-delay: 0.9s;}
.active .page7_3 { opacity: 1; -webkit-transform:scale(1, 1); transform:scale(1, 1); transition-delay: 1.1s;}

/* for lt ie 10 */

.leon h3 { opacity: 1; transform:scale(1, 1); transition-delay: 0.7s;}
.leon .page1_1 { bottom: 0%; opacity: 1; transition-delay: 0.7s; }
.leon .page1_2 { opacity: 1; transform:scale(1, 1); transition-delay: 0.7s;}
.leon .page2_1 { top: 15.76%; opacity: 1; transition-delay: 0.7s;}
.leon .page2_2 { opacity: 1; transform:scale(1, 1); transition-delay: 0.7s;}
.leon .page2_3 { opacity: 1; transform:scale(1, 1); transition-delay: 0.9s;}
.leon .page2_4 { opacity: 1; transform:scale(1, 1); transition-delay: 1.1s;}
.leon .page2_5 { bottom: 31.65%; transition-delay: 0.7s;}
.leon .page3_1 { opacity: 1; transform:scale(1, 1); transition-delay: 1.1s;}
.leon .page3_2 { opacity: 1; transform:scale(1, 1); transition-delay: 0.9s;}
.leon .page3_3 { opacity: 1; transform:scale(1, 1); transition-delay: 0.7s;}
.leon .page3_4 { opacity: 1; transform:scale(1, 1); transition-delay: 0.8s;}
.leon .page3_5 { opacity: 1; transform:scale(1, 1); transition-delay: 1.0s;}
.leon .page4_1 { top: 11.94%; opacity: 1; transition-delay: 0.7s;}
.leon .page4_2 { opacity: 1; transform:scale(1, 1); transition-delay: 0.8s;}
.leon .page4_3 { opacity: 1; transform:scale(1, 1); transition-delay: 0.8s;}
.leon .page4_4 { bottom: 8%; transition-delay: 0.7s;}
.leon .page5_1 { opacity: 1; -webkit-transform:scale(1, 1); transform:scale(1, 1); transition-delay: 0.7s;}
.leon .page5_2 { margin-left: -93.5px; opacity: 1; transition-delay: 0.7s;}
.leon .page5_3 { margin-left: -93.5px; opacity: 1; transition-delay: 0.7s;}
.leon .page5_4 { margin-left: -93.5px; opacity: 1; transition-delay: 0.7s;}
.leon .page5_5 { margin-left: -93.5px; opacity: 1; transition-delay: 0.7s;}
.leon .page6_1 { opacity: 1; -webkit-transform:scale(1, 1); transform:scale(1, 1); transition-delay: 0.7s;}
.leon .page6_2 { left: 50%; opacity: 1; transition-delay: 0.7s;}
.leon .page6_3 { left: 50%; opacity: 1; transition-delay: 0.7s;}
.leon .page6_4 { left: 50%; opacity: 1; transition-delay: 0.7s;}
.leon .page7_1 { opacity: 1; -webkit-transform:scale(1, 1); transform:scale(1, 1); transition-delay: 0.7s;}
.leon .page7_2 { opacity: 1; -webkit-transform:scale(1, 1); transform:scale(1, 1); transition-delay: 0.9s;}
.leon .page7_3 { opacity: 1; -webkit-transform:scale(1, 1); transform:scale(1, 1); transition-delay: 1.1s;}