/**
 * fullPage 1.4.5
 * https://github.com/alvarotrigo/fullPage.js
 * MIT licensed
 *
 * Copyright (C) 2013 alvarotrigo.com - A project by Alvaro Trigo
 */


 *{margin:0; padding: 0;}
html, body {
    margin: 0;
    padding: 0;
}
#superContainer {
    height: 100%;
    position: relative;
}
.section {
    min-width: 1024px;
    margin: 0 auto;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.slide {
    float: left;
}
.slide, .slidesContainer {
    height: 100%;
    display: block;
}
.slides {
    height: 100%;
    overflow: hidden;
    position: relative;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
.section.table, .slide.table {
    display: table;
    width: 100%;
}
.tableCell {
    display: table-cell;
    vertical-align: middle;
    width: 100%;
    height: 100%;
}
.slidesContainer {
    float: left;
    position: relative;
}
.controlArrow {
    position: absolute;
    top: 50%;
    cursor: pointer;
    width: 0;
    height: 0;
    border-style: solid;
    margin-top: -38px;
}
.controlArrow.prev {
    left: 15px;
    width: 0;
    border-width: 38.5px 34px 38.5px 0;
    border-color: transparent #fff transparent transparent;
}
.controlArrow.next {
    right: 15px;
    border-width: 38.5px 0 38.5px 34px;
    border-color: transparent transparent transparent #fff;
}
.scrollable {
    overflow: scroll;
}
.easing {
    -webkit-transition: all 0.7s ease-out;
    -moz-transition: all 0.7s ease-out;
    -o-transition: all 0.7s ease-out;
    transition: all 0.7s ease-out;
}
#fullPage-nav {
    position: fixed;
    z-index: 100;
    margin-top: -32px;
    top: 50%;
    opacity: 1;
}
#fullPage-nav.right {
    right: 17px;
}
#fullPage-nav.left {
    left: 17px;
}
.fullPage-slidesNav {
    position: absolute;
    z-index: 4;
    left: 50%;
    opacity: 1;
}
.fullPage-slidesNav.bottom {
    bottom: 17px;
}
.fullPage-slidesNav.top {
    top: 17px;
}
#fullPage-nav ul,
.fullPage-slidesNav ul {
  margin: 0;
  padding: 0;
}
#fullPage-nav li,
.fullPage-slidesNav li {
    display: block;
    width: 14px;
    height: 13px;
    margin: 7px;
    position:relative;
}
.fullPage-slidesNav li {
    display: inline-block;
}
#fullPage-nav li a,
.fullPage-slidesNav li a {
    display: block;
    position: relative;
    z-index: 1;
    width: 100%;
    height: 100%;
    cursor: pointer;
    text-decoration: none;
}
#fullPage-nav li .active span,
.fullPage-slidesNav .active span {
    background: #333;
}
#fullPage-nav span,
.fullPage-slidesNav span {
    top: 2px;
    left: 2px;
    width: 8px;
    height: 8px;
    border: 1px solid #000;
    background: rgba(0, 0, 0, 0);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    position: absolute;
    z-index: 1;
}
.fullPage-tooltip {
    position: absolute;
    color: #fff;
    font-size: 14px;
    font-family: arial, helvetica, sans-serif;
    top: -2px;
}
.fullPage-tooltip.right {
    right: 20px;
}
.fullPage-tooltip.left {
    left: 20px;
}




* { 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: #fff; text-decoration: none; text-align: right; background: url(../images/dot.png) 5px 5px no-repeat;}
#fullPage-nav li .active { background-position: 0 -25px;}
#fullPage-nav span { display: none;}
.fullPage-tooltip { float: left; top: 0; margin-right: 5px; font: 12px "Microsoft Yahei"; color: #fff; 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%;}
.section .main{ width: 1024px; height: 100%; margin: 0 auto; position: relative;}

.bg11 { z-index: 2; position: absolute; left: 37%; top: 42%; width: 204px; height: 280px; margin-left: 5%; background: url(../images/two_xy.png) 0 0 no-repeat; opacity: 0; transition: all 1s;}
.bg13 { position: absolute; width: 350px; height: 354px; top: 33%; position: absolute; z-index: 1; left: 5%;   margin-left: -5%; opacity: 0; transition: all 1s; background: url(../images/renpackage.png) 0 0 no-repeat;}




.hgroup { position: absolute; width: 554px; height: 176px; left: 50%; top: 25%; margin: 0 0 0 -277px; 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: 50%; top: 50%; width: 600px; margin: 0 0 0 -280px; font-size: 14px; color: #94a7c6; opacity: 0; transition: all 0.5s;}
.mail { position: absolute; left: 50%; top: -26px; width: 375px; height: 26px; margin-left: -187px; background-image: url(../images/logo.png); transition: all 1s;}
.mail { float: left; height: 26px; text-indent: -9999px;}
.mail-163 { float: left; width: 107px;}
.mail-126 { float: left;width: 108px; margin-left: 23px;}
.mail-yeah { float: right; width: 115px;}

.bg21 { position: absolute; left: 50%; bottom: 15%; width: 819px; height: 250px; margin-left: -608px; margin-bottom: 40px; backgro0und: url(../images/bg21.png) 0 0 no-repeat; transition: all 1s;  opacity: 0; margin-left: -1108px;}
.bg22 { z-index: 2; position: absolute; left: 17%; z-index: 111; top: 52%; width: 295px; height: 291px; margin-left: 150px; background: url(../images/three_xy.png) 0 0 no-repeat; opacity: 0; transition: all 1s;}
.bg23 { position: absolute; width: 562px; height: 290px; top: 200px; position: absolute; z-index: 1; left: 20%;   margin-left: -53px; opacity: 0; transition: all 1s; background: url(../images/dreams.png) 0 0 no-repeat;}
.dreams1{animation:updowna 2s infinite;
    -moz-animation:updowna 2s infinite; /*Firefox*/
    -webkit-animation:updowna 2s infinite; /*Safari and Chrome*/opacity: 0;  z-index: 10; position: absolute; left: 0; top: 320px; width: 199px; height: 235px;  background: url(../images/dreams1.png) 50% 0 no-repeat; transition: all 1s;}
@keyframes updowna
{
0% {top:26%;}
50% {top:28%;}
100% {top:26%;}
}
@-moz-keyframes updowna /*Firefox*/
{
0% {top:22%;}
50% {top:24%;}
100% {top:22%;}
}
@-webkit-keyframes updowna /*Safari and Chrome*/
{
0% {top:38%;}
50% {top:40%;}
100% {top:38%;}
}
.dreams2{animation:updownb 3s infinite;
    -moz-animation:updownb 3s infinite; /*Firefox*/
    -webkit-animation:updownb 3s infinite; /*Safari and Chrome*/opacity: 0;  z-index: 10; position: absolute; left: 20%; top: 250px; width: 191px; height: 209px;  background: url(../images/dreams2.png) 50% 0 no-repeat; transition: all 1s;}
@keyframes updownb
{
0% {top:22%;}
50% {top:24%;}
100% {top:22%;}
}
@-moz-keyframes updownb /*Firefox*/
{
0% {top:22%;}
50% {top:24%;}
100% {top:22%;}
}
@-webkit-keyframes updownb /*Safari and Chrome*/
{
0% {top:22%;}
50% {top:24%;}
100% {top:22%;}
}
.dreams3{animation:updownc 3.5s infinite;
    -moz-animation:updownc 3.5s infinite; /*Firefox*/
    -webkit-animation:updownc 3.5s infinite; /*Safari and Chrome*/opacity: 0;  z-index: 10; position: absolute; left: 35%; top: 340px; width: 231px; height: 183px;  background: url(../images/dreams3.png) 50% 0 no-repeat; transition: all 1s;}
@keyframes updownc
{
0% {top:38%;}
50% {top:40%;}
100% {top:38%;}
}
@-moz-keyframes updownc /*Firefox*/
{
0% {top:38%;}
50% {top:40%;}
100% {top:38%;}
}
@-webkit-keyframes updownc /*Safari and Chrome*/
{
0% {top:38%;}
50% {top:40%;}
100% {top:38%;}
}






.section strong { text-align: right; position: absolute; right: 10%;  top: 120px; z-index: 10; width: 700px; height: 45px; font-size: 24px; color: #fff; opacity: 0; -webkit-transform:scale(0.5, 0.5); transform:scale(0.5, 0.5); transition: all 1s;}
.section strong p{ font-weight: normal; font-size: 24px; color: #fff;}
.section strong .title{ font-size: 38px;}
.section h3 { position: absolute; left: 50%; top: 15%; z-index: 10; width: 512px; height: 45px; margin-left: -256px; margin-top: 60px; 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: 15%; width: 510px; margin-left: -255px; margin-top: 130px; font-size: 16px; color: #727F8C; 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);}
.section5 h3 { background-image: url(../images/t5.png);}
.section6 strong { width: 561px; margin-left: -280px;}
.section6 h3 { width: 561px; margin-left: -280px; background-image: url(../images/t6.png);}
.section7 strong { width: 561px; margin-left: -280px;}
.section7 h3 { width: 561px; margin-left: -280px; background-image: url(../images/t7.png);}
.section8 strong { width: 561px; margin-left: -280px;}
.section8 h3 { width: 561px; margin-left: -280px; background-image: url(../images/t8.png);}
.section9 strong { width: 609px; margin-left: -304px;}
.section9 h3 { width: 609px; margin-left: -304px; background-image: url(../images/t9.png);}
.section9 h3 span { position: absolute; left: -100px; top: -48px; width: 89px; height: 90px; background-image: url(../images/yixin.png);}

.bg31 { position: absolute; left: 50%; bottom: 0; width: 892px; height: 472px; margin-left: -396px; margin-bottom: 80px; background-image: url(images/bg31.png); opacity: 0; transition: all 1s;}
.bg32 { position: absolute; left: 50%; bottom: 0; width: 892px; height: 472px; margin-left: -396px; background: url(../images/bg32.png) 470px bottom no-repeat; opacity: 0; transition: all 1s;}
.bg33 { z-index: 2; position: absolute; left: 35%;  top: 44%; width: 213px; height: 255px;  margin-left: 10%; background: url(../images/one_xy.png) 0 0 no-repeat; opacity: 0; transition: all 1s;}
.p3 { position: absolute; width: 430px; height: 524px; top: 23%; position: absolute; z-index: 1;  left: 10%;    margin-left: -5%; opacity: 0; transition: all 1s; background: url(../images/hotel.png) 0 0 no-repeat;}

.bg41 {  z-index: 2; position: absolute; left: 18%; top: 50%; width: 375px; height: 236px; margin-left: 50px; background: url(../images/bed_xy.png) 0 0 no-repeat; opacity: 0; transition: all 1s;}
.bg42 { position: absolute; width: 150px; height: 150px; top: 25%; position: absolute; z-index: 1; left: 8%;   margin-left: -40px; opacity: 0; transition: all 1s; background: url(../images/time.png) 0 0 no-repeat;}
.bg_huhu{opacity: 0;  z-index: 111; position: absolute; left: 35%; top: 35%; width: 58px; height: 125px;  background: url(../images/huhu.png) 50% 0 no-repeat; transition: all 1.3s; 
    animation:mymove 3s infinite;
    -moz-animation:mymove 3s infinite; /*Firefox*/
    -webkit-animation:mymove 3s infinite; /*Safari and Chrome*/
}
@keyframes mymove
{
0% {top:35%; opacity: 0;}
50% {top:32%; opacity: .5;}
100% {top:29%; opacity: 0;}
}
@-moz-keyframes mymove /*Firefox*/
{
0% {top:35%; opacity: 0;}
50% {top:32%; opacity: .5;}
100% {top:29%; opacity: 0;}
}
@-webkit-keyframes mymove /*Safari and Chrome*/
{
0% {top:35%; opacity: 0;}
50% {top:32%; opacity: .5;}
100% {top:29%; opacity: 0;}
}


.section5 h4 { margin-bottom: 12px; font-size: 23px; font-weight: 500;}
.section5 p { font-size: 14px;}
.bg51 {position: absolute; z-index: 1; left: 50%; margin-left: -851px; background: url(../images/sunshine.png) 50% 0 no-repeat; opacity: 0; transition: all 1s;}
.bg52 { top: 15%; position: absolute; z-index: 1; left: 20%; width: 196px; height:199px;  margin-left: -103px; background: url(../images/sunshine.png) 50% 0 no-repeat; opacity: 0; transition: all 1s; -webkit-animation:circle 8s infinite linear; animation:circle 8s infinite linear; -moz-animation:circle 8s infinite linear;/*匀速 循环*/}
@-webkit-keyframes circle{
0%{ transform:rotate(0deg); }
100%{ transform:rotate(360deg); }
}
@-ms-keyframes circle{
0%{ transform:rotate(0deg); }
100%{ transform:rotate(360deg); }
}
@-moz-keyframes circle{
0%{ transform:rotate(0deg); }
100%{ transform:rotate(360deg); }
}
@keyframes circle{
0%{ transform:rotate(0deg); }
100%{ transform:rotate(360deg); }
}

.bg53 { top: 50%; position: absolute; z-index: 1; left: 20%; width: 370px; height: 273px; margin-left: 200px; background: url(../images/five_xy.png) 50% 0 no-repeat; opacity: 0; transition: all 2s;}
.bg54 {position: absolute; z-index: 1; left: 50%; margin-left: 445px; background: url(../images/bg54.png) 50% 0 no-repeat; opacity: 0; transition: all 1s;}

.bg_money0 { z-index: 111; position: absolute; left: 17%; top: 10%; width: 46px; height: 44px;  background: url(../images/money1.png) 50% 0 no-repeat; transition: all 1.3s;}
.bg_money1 { z-index: 111; position: absolute; left: 25%; top: 20%; width: 56px; height: 55px; background: url(../images/money2.png) 50% 0 no-repeat; transition: all 1.5s;}
.bg_money2 { z-index: 111; position: absolute; left: 20%; top: 30%; width: 51px; height: 50px; background: url(../images/money3.png) 50% 0 no-repeat; transition: all 1.8s;}



.bg62 { opacity: 0; position: absolute; left: 0; bottom: 30%; width: 400px; height: 315px;  background-image: url(../images/rooms.png); transition: all 1s;}
.txt6 { z-index: 10; opacity: 0; position: absolute; left: 40%;  bottom: 27%; width: 200px; height: 206px; margin-left: 15%;  background-image: url(../images/six_xy.png); transition: all 1s;}
.xin{opacity: 0; position: absolute; left: 44%; width: 100px; height: 84px;  background: url(../images/xin.png) 50% 0 no-repeat; transition: all 1.3s; 
    animation:remove 3s infinite;
    -moz-animation:remove 3s infinite; /*Firefox*/
    -webkit-animation:remove 3s infinite; /*Safari and Chrome*/
    transition-remove: .7s;
}
@keyframes remove
{
0% {bottom:41%; opacity: 1; background-size: 33px 28px; -ms-background-size: 33px 28px;}
100% {bottom:65%; opacity: 0; background-size: 100px 84px; -ms-background-size: 100px 84px;}
}
@-moz-keyframes remove /*Firefox*/
{
0% {bottom:41%; opacity: 1; background-size: 33px 28px;-ms-background-size: 33px 28px;}
100% {bottom:65%; opacity: 0; background-size: 100px 84px;-ms-background-size: 100px 84px;}
}
@-webkit-keyframes remove /*Safari and Chrome*/
{
0% {bottom:41%; opacity: 1; background-size: 33px 28px;-ms-background-size: 33px 28px;}
100% {bottom:65%; opacity: 0; background-size: 100px 84px;-ms-background-size: 100px 84px;}
}v


.copyright { position: absolute; left: 0; bottom: 20px; width: 100%; text-align: center; 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 .bg12 { bottom: 90px; 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: 2s;}

.active .bg21 { opacity: 1; margin-left: 0; transition-delay: 0.7s;}
.active .bg23,.active .bg22,.active .bg21 { bottom: 15%; transition-delay: 0.7s;}
.active .bg22 { margin-left: 0; opacity: 1; transition-delay: 0.7s;}
.active .bg23 { margin-left: 0; opacity: 1; transition-delay: 0.7s;}

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

.active .bg13 { margin-left: 0; opacity: 1; transition-delay: 0.7s;}
.active .bg11, .active .bg13 { opacity: 1; transition-delay: 1s;}
.active .bg11 { margin-left: 0; opacity: 1; transition-delay: 0.7s;}

.active .bg41 { margin-left: 0; opacity: 1; transition-delay: 0.7s;}
.active .bg41, .active .bg42 { opacity: 1; transition-delay: 1s;}
.active .bg42 { margin-left: 0; opacity: 1; transition-delay: 0.7s;}

.active .bg51 { margin-left: -551px; opacity: 1; transition-delay: 0.7s;}
.active .bg52 { margin-left: 0px; opacity: 1; transition-delay: 0.7s;}
.active .bg53 { margin-left: 0px; opacity: 1; transition-delay: 0.7s;}
.active .bg54 { margin-left: 345px; opacity: 1; transition-delay: 0.7s;}

.active .dreams1 { top: 26%; transition-delay: 0.7s; opacity: 1;}
.active .dreams2 { top: 22%; transition-delay: 1.2s; opacity: 1;}
.active .dreams3 { top: 38%; transition-delay: 1.7s; opacity: 1;}

.active .bg_huhu { top: 33%; transition-delay: 1.2s; opacity: 1;  }
.active .bg_money0 { top: 45%; transition-delay: 0.8s; opacity: 0;}
.active .bg_money1 { top: 45%; transition-delay: 0.8s; opacity: 0;}
.active .bg_money2 { top: 45%; transition-delay: 0.8s; opacity: 0;}
.active .bg62 { margin-left: 10%; opacity: 1; transition-delay: 0.7s;}
.active .txt6 { margin-left: 0px; opacity: 1; transition-delay: 0.7s;}

.active .bg71 { bottom: 250px; opacity: 1; transition-delay: 0.7s;}
.active .bg72 { bottom: 350px; opacity: 1; transition-delay: 0.9s;}
.active .txt7 { bottom: 420px; opacity: 1; transition-delay: 1.1s;}

.active .bg82 { bottom: 260px; margin-left: -280px; opacity: 1; transition-delay: 0.7s;}
.active .bg83 { bottom: 380px; margin-left: -430px; opacity: 1; transition-delay: 1s;}
.active .bg84 { bottom: 420px; margin-left: -510px; opacity: 1; transition-delay: 1.2s;}
.active .p8 { opacity: 1; transition-delay: 1.7s;}

.active .bg91 { margin-left: -570px; opacity: 1; transition-delay: 0.7s;}
.active .bg92 { opacity: 1; transition-delay: 0.8s;}
.active .bg93 { margin-left: 230px; opacity: 1; transition-delay: 0.7s;}

.active .bg102, .active .bg103 { opacity: 1; -webkit-transform:scale(1, 1); transform:scale(1, 1); transition-delay: 0.7s;}
.active .go { top: 25%; opacity: 1; transition-delay: 1.2s;}


.blingstar{
        position: relative;
        overflow: hidden;
        width:430px;
        height: 524px; 
        top: 23%;
         z-index: 1;  
         left: 10%;
}
.bling1{
        position:absolute;
        left:140px;
        top: 110px;
        z-index: 111111;
        width:20px;
        height: 25px;
        opacity: 1;
        animation: twinkling 1s infinite ease-in-out;
        animation-delay: 1.2s;
        -webkit-animation: twinkling 1s infinite ease-in-out;
        -webkit-animation-delay: 1.2s;
        -moz-animation: twinkling 1s infinite ease-in-out;
        -moz-animation-delay: 1.2s;
        -ms-animation: twinkling 1s infinite ease-in-out;
        -ms-animation-delay: 1.2s;
}
.animated{ 
-webkit-animation-duration: 1s; 
animation-duration: 1s; 
-webkit-animation-fill-mode: both; 
animation-fill-mode: both 
}
@-webkit-keyframes twinkling{ 
0%{ 
opacity: 1; 
} 
50%{ 
opacity: .2; 
} 
100%{ 
opacity: 1; 
} 
} 
@keyframes twinkling{ 
0%{ 
opacity: 1; 
} 
50%{ 
opacity: .2; 
} 
100%{ 
opacity: 1; 
} 
}

.bling2{
        position:absolute;
        left:98px;
        top:150px;
        z-index: 111111;
        width: 40px;
        height: 50px;
        opacity: 1;
        animation: twinkling 2s infinite ease-in-out;
        animation-delay: 1s;
        -webkit-animation: twinkling 2s infinite ease-in-out;
        -webkit-animation-delay: 1s;
        -moz-animation: twinkling 2s infinite ease-in-out;
        -moz-animation-delay: 1s;
        -ms-animation: twinkling 2s infinite ease-in-out;
        -ms-animation-delay: 1s;
}
.bling3{
        position:absolute;
        opacity: 1;
        left: 190px;
        top: 180px;
        z-index: 111111;
        width: 30px;
        height: 40px;
        animation: twinkling 1.5s infinite ease-in-out;
        animation-delay: .7s;
        -webkit-animation: twinkling 1.5s infinite ease-in-out;
        -webkit-animation-delay: .7s;
        -moz-animation: twinkling 1.5s  infinite ease-in-out;
        -moz-animation-delay: .7s;
        -ms-animation: twinkling 1.5s  infinite ease-in-out;
        -ms-animation-delay: .7s;
}











.common{
    position: fixed;
    width: 100%;
    height: 100%;
    min-width: 1024px;
    overflow: hidden;
    top: 0;
    left: 0;
    z-index: 11;
}
.common .nav{
    position: absolute; 
    left: 0;
    top: 0;
    width: 100%;
    height: 43px;
    z-index: 11112;
}
.common .nav .logo{
        background: url('../images/down_logo.png') no-repeat scroll;
        height: 60px;
        float: left;
        width: 99px;
        margin-left: 30px;
        margin-top: 12px;
        background-size: 100% auto;
}
.common .nav .nav_links{
    float: right;
    overflow: hidden;
}
.common .nav .nav_links ul{ float: right; height: 60px;}
.common .nav .nav_links ul li{ cursor: pointer; text-align: center;  float: left;list-style: none; color: #fff; font-size: 18px; line-height: 60px; height: 60px; width: 150px;}
.common .nav .nav_links ul li a{ text-decoration: none; color: #fff; line-height: 60px; height: 60px; width: 150px; display: block;}
.common .nav .nav_links ul .active{ background: rgba(255,255,255, .3);}
.common .common_sy{ width: 1024px; height: 100%; margin: 0 auto; position: relative; }
.common .common_links{ position: absolute; top: 300px; right: 10%; background: url("../images/cuppng.png") no-repeat scroll; }
.common .common_links img{ z-index: 11111; position: relative; left: -200px; top: -20px;}   
.common .common_links  .erweima{ width: 204px; height: 204px;}



.app_show{ display:none; background: rgba(0,0,0,.5); position: fixed; top: 0; left: 0; height: 100%; width: 100%; margin:0 auto; z-index: 11111; text-align: center;} 
.app_content{ position: relative; top: 20%; width: 650px; height:292px; margin: 0 auto;}
.app_content .fl_l{ width: 220px; height: 292px; background: #f2f2f2; float: left; background: url('../images/app_fl.png') no-repeat scroll;}
.app_content .fl_r{ width: 430px; height: 292px; background: #fff; float: left;}
.app_content .fl_r .app_nav{ width: 430px; height: 70px; float: left;}
.app_content .fl_r .app_nav ul { width: 400px; height: 69px; border-bottom: 1px solid #dddddd; margin:0 15px;  }
.app_content .fl_r .app_nav ul li{ cursor: pointer; overflow: visible; text-align: center; margin: 0 21px; width:90px;  height: 68px; list-style: none; float: left; line-height: 69px; font-size: 18px; color: #555; }
.app_content .fl_r .app_nav ul .actives{  border-bottom: 3px solid #999999;}
.app_content .fl_r .app_load_c{ width: 430px; height: 222px; float: left;}
.app_content .fl_r .app_load_c .load_btn{ margin-top: 72px; width: 430px; text-align: center; height: 68px;}
.app_content .fl_r .app_load_c .load_btn a{ text-decoration: none; border-radius: 5px; display: block; margin:0 auto; width:155px; height: 48px; line-height: 48px; font-size:14px; color: #fff; background: #49f;  }
.app_content .fl_r .app_load_c p{ color: #555; display: block; text-align: center; width: 100%;}

#app_closed{ cursor: pointer; width:32px; height: 32px; position: absolute; right: -32px; top: 0; background: url('../images/closed.png') no-repeat scroll; opacity: .5;}
#app_closed:hover{ opacity: .5;}
.common_links #down_ys{ cursor: pointer; width: 204px; height: 46px; border:1px solid #fff; margin:0 20px; line-height: 46px; border-radius: 5px; text-align: center; color: #fff;}
.common_links .on{ background: rgba(0,0,0,.4) !important; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=40); background-color:#000;  color: #fff !important; border: none !important; line-height: 48px !important; width: 206px !important; height: 48px!important;}

.next{position: absolute; bottom: 20px; left: 0; height: 40px; width: 100%; background: url('../images/next.png') no-repeat scroll center;}

/* for lt ie 10 */
.ltie10 strong, .ltie10 h3 {  transform:scale(1, 1); transition-delay: 0.7s;}
.ltie10 .p1 {  transition-delay: 1.7s;}
.ltie10 .bg12 {  transition-delay: 0.7s; }
.ltie10 .bg13 {  transition-delay: 0.7s;}
.ltie10 .hgroup {  transform:scale(1, 1); transition-delay: 0.7s;}
.ltie10 .mail { transition-delay: 0.7s;}
.ltie10 .p11 {  transition-duration: 1s; transition-delay: 2s;}
.ltie10 .bg21 {  transition-delay: 0.7s;}
.ltie10 .bg23 {  transition-delay: 0.7s;}
.ltie10 .bg22 { left: 17%; margin-left: 0;  transition-delay: 0.7s;}
.ltie10 .p3 { left: 10%; margin-left: 0; transition-delay: 0.7s;}
.ltie10 .bg31, .ltie10 .bg32 { transition-delay: 1s;}
.ltie10 .bg33 { left: 35%; margin-left: 0;  transition-delay: 0.7s;}
.ltie10 .bg13 { left: 5%; margin-left: 0;  transition-delay: 0.7s;}
.ltie10 .bg11, .ltie10 .bg13 {  transition-delay: 1s;}
.ltie10 .bg11 { left: 37%; margin-left:0;  transition-delay: 0.7s;}
.ltie10 .bg41 { left: 18%; margin-left: 0;  transition-delay: 0.7s;}
.ltie10 .bg42 { left: 8%; margin-left: 0;  transition-delay: 1.1s;}
.ltie10 .bg43 { transition-delay: 0.9s;}
.ltie10 .bg51 {  transition-delay: 0.7s;}
.ltie10 .bg52 { left: 20%; margin-left: 0;  transition-delay: 0.7s;}
.ltie10 .bg53 { left: 20%; margin-left: 0;  transition-delay: 0.7s;}
.ltie10 .bg54 {  transition-delay: 0.7s;}
.ltie10 .dreams1 { top:20%; transition-delay: 0.8s;}
.ltie10 .dreams2 { top: 22%;  transition-delay: 0.8s;}
.ltie10 .dreams3 { top:38%; transition-delay: 0.8s;}
.ltie10 .bg_huhu {  transition-delay: 0.8s;}
.ltie10 .bg_money0 { top:10%; opacity: 1;  transition-delay: 0.8s;}
.ltie10 .bg_money1 { top:20%; opacity: 1; transition-delay: 0.8s;}
.ltie10 .bg_money2 { top:30%; opacity: 1; transition-delay: 0.8s;}
.ltie10 .bg62 { left: 0; margin-left: 0;  transition-delay: 0.7s;}
.ltie10 .txt6 { left: 40%; margin-left: 0;  transition-delay: 0.7s;}
.ltie10 .bg71 {  transition-delay: 0.7s;}
.ltie10 .bg72 { 1; transition-delay: 0.9s;}
.ltie10 .txt7 { transition-delay: 1.1s;}
.ltie10 .bg82 { transition-delay: 0.7s;}
.ltie10 .bg83 {   transition-delay: 1s;}
.ltie10 .bg84 {  transition-delay: 1.2s;}
.ltie10 .p8 {  transition-delay: 1.7s;}
.ltie10 .bg91 {  transition-delay: 0.7s;}
.ltie10 .bg92 {  transition-delay: 0.8s;}
.ltie10 .bg93 {  opacity: 1; transition-delay: 0.7s;}
.ltie10 .bg102, .ltie10 .bg103 {  transform:scale(1, 1); transition-delay: 0.7s;}
.ltie10 .go {  opacity: 1; transform:scale(1, 1); transition-delay: 1.2s;}
.ltie10 .bg_huhu{ top:34%;}

.ltie10 .blingstar{
        position: relative;
        overflow: hidden;
        width:430px;
        height: 524px; 
        top: 23%;
         z-index: 1;  
         left: 10%;
}
.ltie10 .bling1{
        position:absolute;
        left:140px;
        top: 110px;
        z-index: 111111;
        width:20px;
        height: 25px;
        opacity: 1;
}

.ltie10 .bling2{
        position:absolute;
        left:98px;
        top:150px;
        z-index: 111111;
        width: 40px;
        height: 50px;
        opacity: 1;
}
.ltie10 .bling3{
        position:absolute;
        left: 190px;
        top: 180px;
        z-index: 111111;
        width: 30px;
        height: 40px;
        opacity: 1;
}
.section strong p.wxqb{
	font-weight: 500;
	font-size: 45px;
	color: #ffe612;
}
.section strong p.pot{
	font-weight: 700;
	font-size: 24px;
	margin-top: -16px;
	letter-spacing: 6px;
}
.section strong p.title1{
	font-weight: 100;
	margin-top: -24px;
	font-size: 47px;
}