@charset "UTF-8";
html, body {
    width: 100%;
    height: 100%;
    /*overflow: hidden;*/
}
body {
    background: url("../img/bg_space.png");
}
.section {
    position: relative;
    overflow: hidden !important;
    display: block !important;
}
.inner {
    width: 1920px;
    height: 1080px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -540px;
    margin-left: -960px;
}


.sec1 .inner {
    background: url("../img/main_bg.png");
}
.sec1 .bg {
    width: 2942px;
    height: 1080px;
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -1471px;
}
.sec1 .iron {
    width: 1266px;
    height: 1608px;
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -633px;
}
.sec1 .smoke {
    width: 2265px;
    height: 493px;
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -1132px;
}
.sec1 .rocket_body {
    width: 1655px;
    height: 1375px;
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -827px;
}
.sec1 .rocket_text {
    width: 490px;
    height: 75px;
    position: absolute;
    bottom: 160px;
    left: 50%;
    margin-left: -245px;
}
.sec1 .stone .left {
    width: 300px;
    height: 300px;
    position: absolute;
    bottom: 80px;
    left: 0;
}
.sec1 .stone .right {
    width: 485px;
    height: 353px;
    position: absolute;
    bottom: 80px;
    right: -50px;
}
.sec1 .cover {
    width: 2496px;
    height: 481px;
    position: absolute;
    bottom: -205px;
    left: 50%;
    margin-left: -1248px;
}
.sec1 .app {
    width: 439px;
    height: 438px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -220px;
    margin-left: -219px;
}
.sec1 .app li {
    width: 439px;
    height: 438px;
    position: relative;
}
.sec1 .app li .popup {
    position: absolute;
    top: 0;
    left: 0;
}
.sec1 .app li .text {
    position: absolute;
    top: 0;
    left: 0;
}
.sec1 .app li .btn {
    position: absolute;
    top: 0;
    left: 0;
}
.sec1 .scrollup {
    position: absolute;
    top: 100px;
    left: 50%;
    margin-left: -31px;
}


.sec2 .inner {

}
.sec2 .basic_strap {
    width: 915px;
    height: 599px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -300px;
    margin-left: -457px;
}
.sec2 .charger {
    width: 574px;
    height: 184px;
    position: absolute;
    bottom: 176px;
    left: 665px;
    z-index: 100;
}
.sec2 .satellite {
    width: 360px;
    height: 405px;
    position: absolute;
    top: -81px;
    right: 107px;
}
.sec2 .astronaut {
    width: 593px;
    height: 197px;
    position: absolute;
    bottom: 257px;
    left: 94px;
}
.sec2 .spanner {
    width: 712px;
    height: 413px;
    position: absolute;
    bottom: -30px;
    right: 13px;
}
.sec2 .left_btn {
    width: 30px;
    height: 60px;
    position: absolute;
    top: 514px;
    left: 380px;
    cursor: pointer;
}
.sec2 .right_btn {
    width: 30px;
    height: 60px;
    position: absolute;
    top: 514px;
    right: 380px;
    cursor: pointer;
}
.sec2 .text01 {
    /*width: 421px;*/
    width: 0;
    height: 104px;
    position: absolute;
    top: 278px;
    right: 1113px;
    z-index: 101;
    overflow: hidden;
}
.sec2 .text02 {
    /*width: 444px;*/
    width: 0;
    height: 120px;
    position: absolute;
    bottom: 262px;
    left: 1109px;
    z-index: 101;
    overflow: hidden;
}
.sec2 .piece_01 {
    width: 212px;
    height: 193px;
    position: absolute;
    left: 500px;
    top: -150px;
}
.sec2 .piece_02 {
    width: 141px;
    height: 193px;
    position: absolute;
    right: 400px;
    top: -80px;
}
.sec2 .piece_03 {
    width: 262px;
    height: 366px;
    position: absolute;
    top: 115px;
    left: -10px;
}
.sec2 .piece_04 {
    width: 150px;
    height: 267px;
    position: absolute;
    top: 120px;
    left: 550px;
}
.sec2 .piece_05 {
    width: 78px;
    height: 99px;
    position: absolute;
    top: 130px;
    right: 550px;
}
.sec2 .piece_06 {
    width: 373px;
    height: 360px;
    position: absolute;
    top: 300px;
    right: -100px;
}
.sec2 .piece_07 {
    width: 68px;
    height: 90px;
    position: absolute;
    top: 600px;
    right: 300px;
}
.sec2 .piece_08 {
    width: 360px;
    height: 360px;
    position: absolute;
    left: 50px;
    bottom: -50px;
}
.sec2 .piece_09 {
    width: 255px;
    height: 111px;
    position: absolute;
    bottom: 40px;
    left: 620px;
}
.sec2 .piece_10 {
    width: 162px;
    height: 135px;
    position: absolute;
    bottom: 0;
    right: 20px;
}
.sec2 .piece_11 {
    width: 258px;
    height: 174px;
    position: absolute;
    bottom: -200px;
    right: 250px;
}
.sec2 .piece_12 {
    width: 376px;
    height: 214px;
    position: absolute;
    left: 750px;
    bottom: -250px;
}
.sec2 .app {
    width: 549px;
    height: 552px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -276px;
    margin-left: -274px;
    opacity: 0;
    z-index: 100;
}


.sec3 .inner {

}
.sec3 .line {
    width: 1842px;
    height: 726px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -363px;
    margin-left: -921px;
}
.sec3 .star_left {
    width: 1441px;
    height: 409px;
    position: absolute;
    bottom: 33px;
    left: 310px;
}
.sec3 .star_right {
    width: 1441px;
    height: 408px;
    position: absolute;
    top: 13px;
    right: 210px;
}
.sec3 .star_left_on {
    width: 1441px;
    height: 409px;
    position: absolute;
    bottom: 33px;
    left: 310px;
    opacity: 0;
}
.sec3 .star_right_on {
    width: 1441px;
    height: 408px;
    position: absolute;
    top: 13px;
    right: 210px;
    opacity: 0;
}
.sec3 .aurora_01 {
    width: 1122px;
    height: 1049px;
    position: absolute;
    bottom: -700px;
    left: -200px;
}
.sec3 .aurora_02 {
    width: 970px;
    height: 372px;
    position: absolute;
    top: -180px;
    right: 100px;
}
.sec3 .text {
    width: 1167px;
    height: 50px;
    position: absolute;
    bottom: 90px;
    left: 320px;
}
.sec3 .planet_app {
    width: 1574px;
    height: 762px;
    position: absolute;
    top: 125px;
    left: 180px;
}
.sec3 .planet {
    width: 1028px;
    height: 881px;
    position: absolute;
    top: 165px;
    left: 386px;
}
.sec3 .left_btn {
    width: 30px;
    height: 60px;
    position: absolute;
    top: 514px;
    left: 600px;
    cursor: pointer;
}
.sec3 .right_btn {
    width: 30px;
    height: 60px;
    position: absolute;
    top: 514px;
    right: 600px;
    cursor: pointer;
}
.sec3 .app {
    width: 549px;
    height: 552px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -276px;
    margin-left: -274px;
    opacity: 0;
}
.sec3 .app li .popup {
    width: 549px;
    height: 552px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -276px;
    margin-left: -274px;
    display: none;
}
.sec3 .app li .popup .text {
    width: 549px;
    height: 552px;
    position: absolute;
    top: 0;
    left: 0;
}
.sec3 .app li .popup .btn {
    width: 159px;
    height: 45px;
    position: absolute;
    bottom: 150px;
    left: 50%;
    margin-left: -80px;
    cursor: pointer;
}


.sec4 .inner {

}
.sec4 .phone_left {
    width: 386px;
    height: 672px;
    position: absolute;
    bottom: 65px;
    left: 180px;
    margin-left: -350px;
    opacity: 0;
}
.sec4 .phone_right {
    width: 423px;
    height: 672px;
    position: absolute;
    top: 340px;
    right: 180px;
    margin-right: -350px;
    opacity: 0;
}
.sec4 .text01 {
    width: 505px;
    height: 64px;
    position: absolute;
    top: 200px;
    left: 200px;
}
.sec4 .text02 {
    width: 562px;
    height: 64px;
    position: absolute;
    top: 200px;
    right: 200px;
}
.sec4 .ironman {
    width: 416px;
    height: 404px;
    position: absolute;
    bottom: -165px;
    left: -175px;
}
.sec4 .planet {
    width: 322px;
    height: 230px;
    position: absolute;
    top: -130px;
    right: -20px;
}
.sec4 .app {
    width: 549px;
    height: 552px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -276px;
    margin-left: -274px;
    opacity: 0;
}


.sec5 .inner {

}
.sec5 .spanner {
    width: 631px;;
    height: 373px;
    position: absolute;
    bottom: -10px;
    right: -168px;
}
.sec5 .aurora {
    width: 994px;
    height: 547px;
    position: absolute;
    top: -20px;
    left: 80px;
}
.sec5 .astronaut {
    width: 1522px;
    height: 887px;
    position: absolute;
    top: 225px;
    right: 400px;
}
.sec5 .text01 {
     width: 428px;
     height: 220px;
     position: absolute;
     top: 200px;
     left: 200px;
 }
.sec5 .text02 {
    width: 397px;
    height: 208px;
    position: absolute;
    top: 182px;
    right: 206px;
}
.sec5 .text03 {
    width: 199px;
    height: 367px;
    position: absolute;
    bottom: 220px;
    right: 214px;
}
.sec5 .text01_btn {
    width: 191px;
    height: 50px;
    position: absolute;
    top: 448px;
    left: 213px;
}
.sec5 .text02_btn {
    width: 220px;
    height: 50px;
    position: absolute;
    top: 419px;
    right: 215px;
}
.sec5 .text03_btn {
    width: 167px;
    height: 42px;
    position: absolute;
    bottom: 236px;
    right: 230px;
}
.sec5 .app {
    width: 549px;
    height: 552px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -276px;
    margin-left: -274px;
    opacity: 0;
    cursor: pointer;
}


.sec6 .inner {

}
.sec6 .star {
    width: 1762px;
    height: 1071px;
    position: absolute;
    top: 120px;
    left: 25px;
    opacity: 0.6;
}
.sec6 .rocket {
    width: 268px;
    height: 230px;
    position: absolute;
    bottom: 100px;
    left: -200px;
}
.sec6 .jet {
    width: 200px;
    height: 28px;
    position: absolute;
    top: 530px;
    left: 500px;
}
.sec6 .gear_text {
     width: 597px;
     height: 167px;
     position: absolute;
     top: 450px;
     left: 820px;
}
.sec6 .gear_star {
    width: 597px;
    height: 167px;
    position: absolute;
    top: 450px;
    left: 820px;
    opacity: 0.3;
}
.sec6 .bigstar {
    width: 1510px;
    height: 735px;
    position: absolute;
    top: 290px;
    left: 300px;
}



.logo {
    width: 90px;
    height: 36px;
    position: fixed;
    top: 20px;
    left: 30px;
    z-index: 1001;
}
.menu {
    width: 32px;
    height: 24px;
    position: fixed;
    top: 25px;
    right: 30px;
    cursor: pointer;
    z-index: 1001;
}
.footer {
    width: 373px;
    height: 22px;
    position: fixed;
    bottom: 25px;
    right: 30px;
    z-index: 1001;
}
.gears2 {
    background: url("../img/gears2_head_01.png");
    width: 549px;
    height: 552px;
    position: fixed;
    top: 50%;
    left: 50%;
    margin-top: -276px;
    margin-left: -274px;
    /*opacity: 0.5;*/
    z-index: 1000;
}
.charger_cover {
    width: 280px;
    height: 80px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: 223px;
    margin-left: -140px;
    z-index: 100;
    display: none;
}

.shadow {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background: black;
    opacity: 0.7;
    z-index: 999;
    display: none;
}
nav {
    background: url("../img/nav_bg.png");
    width: 549px;
    height: 552px;
    position: fixed;
    top: 50%;
    left: 50%;
    margin-top: -276px;
    margin-left: -274px;
    z-index: 999;
    display: none;
}
nav li {
    width: 195px;
    height: 86px;
    position: absolute;
    cursor: pointer;
    opacity: 0.2;
}
nav li:nth-child(1) {
    background: url("../img/nav_btn_01.png");
    top: 50px;
    left: 180px;
}
nav li:nth-child(2) {
    background: url("../img/nav_btn_02.png");
    top: 176px;
    left: 348px;
    transform: rotate(74deg);
}
nav li:nth-child(3) {
    background: url("../img/nav_btn_03.png");
    top: 372px;
    left: 277px;
    transform: rotate(146deg);
}
nav li:nth-child(4) {
    background: url("../img/nav_btn_04.png");
    top: 366px;
    right: 280px;
    transform: rotate(-143deg);
}
nav li:nth-child(5) {
    background: url("../img/nav_btn_05.png");
    top: 176px;
    right: 345px;
    transform: rotate(-74deg);
}
nav li.on,
nav li:hover {
    opacity: 1;
}


.dimming {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background: black;
    opacity: 0.7;
    z-index: 9999;
    display: none;
}
.video_pop {
    width: 1018px;
    height: 572px;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 10000;
    margin: auto;
    display: none;
}
.video_pop .close_btn {
    position: absolute;
    top: -36px;
    right: -80px;
    cursor: pointer;
}