@import url('https://fonts.googleapis.com/css?family=Noto+Sans+TC:100,300,400,500,700,900&subset=chinese-traditional');
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500&display=swap');

body {
    font-family: 'Roboto', 'PingFangTC', sans-serif !important;
    font-weight: normal;
    overflow-x: hidden;
    color: #fff;
    padding-top: 100vh;
}

body.ie {
    padding-top: 0;
}

h1,
h2,
h3 {
    font-family: 'Roboto', 'Noto Sans TC', sans-serif !important;
    font-weight: 700;
}

*,
*:before,
*:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

section {
    position: relative;
    overflow: hidden;
}

section .main-wrapper {
    max-width: 1200px;
    margin: 0px auto;
    z-index: 2;
    position: relative;
}

.back-to-top {
    width: 60px;
    display: block;
    position: fixed;
    right: 15%;
    bottom: 10%;
    z-index: 99;
    display: none;
}

.back-to-top img {
    display: block;
    width: 100%;
}

h2 {
    margin: 0 auto 50px auto;
    max-width: 946px;
    height: 150px;
    background: url(../img/h2-bg1.png) center no-repeat;
    background-size: 100% 100%;
    padding-top: 25px;
    text-align: center;
}

h2.large {
    height: 220px;
    background: url(../img/h2-bg4.png) center no-repeat;
    background-size: 100% 100%;
    padding-top: 35px;
}

h2 img {
    display: block;
    height: 52px;
    margin: 0px auto;
}

h2 span {
    display: block;
    line-height: 41px;
    font-size: 28px;
    margin-top: 12px;
}

.kv {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: calc(100% - 72px);
    overflow: hidden;
    background: #001334;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100vh;
}
.kv img.kv-bg {
    height: 100%;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
}

@media screen and (max-width: 1200px) {
    .kv img.kv-bg {
        width: 100%;
        height: auto;
        padding-top: 72px;
    }
    .kv .desktop {
        display: none;
    }
}
@media screen and (max-width: 991px) {
    .kv img.kv-bg {
        padding-top: 50px;
    }
}
.kv.leaveTop {
    position: relative;
    height: 0;
}

.ie .kv {
    position: relative;
    top: 0;
}

.kv video {
    display: none;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.kv .bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: url(../img/kv-bg.png) center no-repeat;
    background-size: 100% auto;
    z-index: 10;
}

.kv .scroll {
    position: absolute;
    width: 4.4vw;
    top: calc(100% - 118px);
    left: 0;
    right: 0;
    margin: auto;
    z-index: 10;
}

.kv .scroll img {
    display: block;
    width: 100%;
}

.kv .fade {
    -webkit-animation: fade 3s infinite alternate linear;
    animation: fade 3s infinite alternate linear;
    opacity: 0;
}

.kv i.play {
    display: block;
    width: 25px;
    height: 161px;
    background: url(../img/img-shine-light.png) no-repeat;
    background-size: 100% 100%;
    position: absolute;
}

.kv i.play:nth-of-type(1) {
    left: 20%;
    bottom: 0;
    -webkit-animation: kv1 5s infinite;
    animation: kv1 5s infinite;
    opacity: 0;
}

@keyframes kv1 {
    0% {
        bottom: 0;
        opacity: 1;
    }

    100% {
        bottom: 20%;
        opacity: 0;
    }
}

.kv i.play:nth-of-type(2) {
    left: 25%;
    bottom: 10%;
    -webkit-animation: kv2 5s infinite;
    animation: kv2 5s infinite;
    opacity: 0;
}

@keyframes kv2 {
    0% {
        bottom: 10%;
        opacity: 1;
    }

    100% {
        bottom: 30%;
        opacity: 0;
    }
}

.kv i.play:nth-of-type(3) {
    left: 30%;
    bottom: -10%;
    -webkit-animation: kv3 5s infinite;
    animation: kv3 5s infinite;
    opacity: 0;
}

@keyframes kv3 {
    0% {
        bottom: -10%;
        opacity: 1;
    }

    100% {
        bottom: 10%;
        opacity: 0;
    }
}

.kv i.play:nth-of-type(4) {
    left: 40%;
    bottom: 15%;
    -webkit-animation: kv4 5s infinite;
    animation: kv4 5s infinite;
    opacity: 0;
}

@keyframes kv4 {
    0% {
        bottom: 15%;
        opacity: 1;
    }

    100% {
        bottom: 35%;
        opacity: 0;
    }
}

.kv i.play:nth-of-type(5) {
    right: 25%;
    bottom: 0;
    -webkit-animation: kv1 5s infinite;
    animation: kv1 5s infinite;
    opacity: 0;
}

.kv i.play:nth-of-type(6) {
    right: 30%;
    bottom: 10%;
    -webkit-animation: kv2 5s infinite;
    animation: kv2 5s infinite;
    opacity: 0;
}

.kv i.play:nth-of-type(7) {
    right: 45%;
    bottom: -10%;
    -webkit-animation: kv3 5s infinite;
    animation: kv3 5s infinite;
    opacity: 0;
}

.kv i.play:nth-of-type(8) {
    right: 35%;
    bottom: 15%;
    -webkit-animation: kv4 5s infinite;
    animation: kv4 5s infinite;
    opacity: 0;
}

.main1 {
    padding-top: 128px;
    overflow: hidden;
    margin-top: -1px;
}

.main1 .bg {
    position: relative;
    padding: 54px 0 131px 0;
    overflow: hidden;
}

.main1 .bg:before {
    content: "";
    display: block;
    width: 50%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: url(../img/main1-bg-left.png) no-repeat;
    background-size: 100% 100%;
    z-index: -1;
}

.main1 .bg:after {
    content: "";
    display: block;
    width: 50%;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    background: url(../img/main1-bg-right.png) no-repeat;
    background-size: 100% 100%;
    z-index: -1;
}

.main1 .bg .bg-left {
    width: 532px;
    height: 517px;
    background: url(../img/main1-bg-pattern-left.png) no-repeat;
    background-size: 100% 100%;
    position: absolute;
    left: 0;
    bottom: 0;
    top: 0;
    margin: auto;
    z-index: 1;
}

.main1 .bg .bg-right {
    width: 532px;
    height: 517px;
    background: url(../img/main1-bg-pattern-right.png) no-repeat;
    background-size: 100% 100%;
    position: absolute;
    right: 0;
    bottom: 0;
    top: 0;
    margin: auto;
    z-index: 1;
}

.main1 .text {
    position: relative;
}

.main1 .text .left {
    float: left;
    width: 50%;
    text-align: left;
    overflow: hidden;
}

.main1 .text .right {
    float: right;
    width: 50%;
    text-align: right;
    overflow: hidden;
}

.main1 .text > div strong {
    display: block;
    position: relative;
    margin-bottom: 78px;
}

.main1 .text > .left strong b {
    display: inline-block;
    color: #00beee;
    font-size: 45px;
    line-height: 59px;
    font-weight: 700;
    margin-bottom: 11px;
    width: 459px;
    position: relative;
}

.main1 .text > .left strong b span {
    font-size: 28px;
}

.main1 .text > .left strong b:after {
    content: "";
    display: block;
    width: 39%;
    height: 2px;
    position: absolute;
    bottom: -2px;
    right: 20%;
    background-image: linear-gradient(to left, #00ffff, #215efd);
}

.main1 .text > .right strong b {
    display: inline-block;
    color: #00f2da;
    font-size: 45px;
    line-height: 59px;
    font-weight: 700;
    margin-bottom: 11px;
    width: 459px;
    position: relative;
}

.main1 .text > .right strong b:after {
    content: "";
    display: block;
    width: 39%;
    height: 2px;
    position: absolute;
    bottom: -2px;
    left: 23%;
    background-image: linear-gradient(to left, #00ffff, #215efd);
}

.main1 .text > div strong > img {
    display: inline-block;
    height: 65px;
}

.main1 .text .left strong small {
    display: block;
    font-size: 18px;
    font-weight: 700;
    color: #e2c137;
}

.main1 .text .left strong > i {
    position: absolute;
    right: 53px;
    top: 85px;
    display: block;
    width: 90px;
    line-height: 82px;
    height: 82px;
    text-align: center;
    background: url(../img/main1-stitle.png) no-repeat;
    background-size: 100% 100%;
    font-size: 35px;
    font-style: normal;
    font-weight: 700;
    color: #e2c137;
}

.main1 .text .right strong small {
    display: block;
    font-size: 18px;
    font-weight: 700;
    color: #E2C137;
}

.main1 .text .right strong > i {
    position: absolute;
    left: 53px;
    top: 85px;
    display: block;
    width: 90px;
    line-height: 82px;
    height: 82px;
    text-align: center;
    background: url(../img/main1-stitle_.png) no-repeat;
    background-size: 100% 100%;
    font-size: 35px;
    font-style: normal;
    font-weight: 700;
    color: #E2C137;
}

.main1 .text > div .box {
    display: inline-block;
    width: 240px;
    background: url(../img/main1-box-title.png) no-repeat;
    background-size: 100% 100%;
    padding: 35px 21px;
    font-size: 16px;
    line-height: 20px;
    text-align: justify;
    text-justify: inter-ideograph;
}

.main1 .text > div .list {
    display: inline-block;
    width: 240px;
    margin-top: 7px;
    text-align: left;
}

.main1 .text > div .list span {
    display: block;
    font-size: 14px;
    line-height: 20px;
    padding-left: 30px;
    position: relative;
    margin-top: 24px;
}

.main1 .text > div .list span:before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    position: absolute;
    left: 0;
    top: 0;
    width: 20px;
    height: 22px;
    background: url(../img/icon-aim.png) no-repeat;
    background-size: 100% 100%;
}

.main1 .text > img {
    display: block;
    width: 640px;
    position: absolute;
    top: 210px;
    left: 0;
    right: 0;
    margin: auto;
}

.main2 {
    padding-top: 103px;
    padding-bottom: 155px;
    position: relative;
    overflow: hidden;
}

.main2 > .fly {
    display: block;
    width: 19.5%;
    position: absolute;
    left: 5.8%;
    top: 79px;
}

.main2 > .left {
    display: block;
    width: 23.3%;
    position: absolute;
    left: 0;
    top: 718px;
    z-index: -1;
}

.main2 > .right {
    display: block;
    width: 29.6%;
    position: absolute;
    right: 0;
    top: 197px;
    z-index: -1;
}

.main2 > .earth {
    width: 33%;
    position: absolute;
    right: 0;
    bottom: 705px;
}

.main2 > .earth > img {
    display: block;
    width: 100%;
}

.main2 > .earth i:nth-of-type(1) {
    display: block;
    width: 35px;
    height: 225px;
    background: url(../img/img-shine-light.png) no-repeat;
    background-size: 100% 100%;
    position: absolute;
    right: 20%;
    top: 0;
    -webkit-animation: light1 5s infinite;
    animation: light1 5s infinite;
}

@keyframes light1 {
    0% {
        top: 20%;
        opacity: 1;
    }

    100% {
        top: -10%;
        opacity: 0;
    }
}

.main2 > .earth i:nth-of-type(2) {
    display: block;
    width: 35px;
    height: 225px;
    background: url(../img/img-shine-light.png) no-repeat;
    background-size: 100% 100%;
    position: absolute;
    right: 50%;
    top: 50%;
    -webkit-animation: light2 5s infinite;
    animation: light2 5s infinite;
}

@keyframes light2 {
    0% {
        top: 50%;
        opacity: 1;
    }

    100% {
        top: 20%;
        opacity: 0;
    }
}

.main2 > .earth i:nth-of-type(3) {
    display: block;
    width: 35px;
    height: 225px;
    background: url(../img/img-shine-light.png) no-repeat;
    background-size: 100% 100%;
    position: absolute;
    right: 55%;
    top: -10%;
    -webkit-animation: light3 5s infinite;
    animation: light3 5s infinite;
}

@keyframes light3 {
    0% {
        top: -10%;
        opacity: 1;
    }

    100% {
        top: -40%;
        opacity: 0;
    }
}

.main2 .tabs ul {
    list-style: none;
    text-align: center;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 1;
    padding-top: 24px;
}

.main2 .tabs ul li {
    display: inline-block;
    vertical-align: middle;
    width: calc(50% - 4px);
}

.main2 .tabs ul li a {
    display: block;
    width: 100%;
    line-height: 30px;
    color: #fff;
    font-size: 22px;
}

.main2 .tabs ul li a i {
    font-style: normal;
}

.main2 .tabs ul li.ui-tabs-active a {
    color: #00ffff;
    font-weight: 700;
}

.main2 .tabs ul li.ui-tabs-active a i {
    color: #e2c137;
}

.main2 .tabs .main {
    position: relative;
    padding-top: 85px;
    padding-bottom: 150px;
}

.main2 .tabs .main .bg {
    background: url(../img/main2-box-head.png) center no-repeat;
    background-size: 100% auto;
    width: 100%;
    margin: 0;
    position: absolute;
    top: 50%;
    left: 0;
    height: calc(50% - 94px);
    z-index: -1;
}

.main2 .tabs .main:before {
    content: "";
    display: block;
    width: 100%;
    height: 50%;
    background: url(../img/main2-box-head.png) top no-repeat;
    background-size: 100% auto;
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
}

.main2 .tabs .main + .main:before {
    background: url(../img/main2-box-head_.png) top no-repeat;
    background-size: 100% auto;
}

.main2 .tabs .main:after {
    content: "";
    display: block;
    width: 100%;
    height: 94px;
    background: url(../img/main2-box-head.png) bottom no-repeat;
    background-size: 100% auto;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: -1;
}

.main2 .tabs .main .box {
    margin: 0 auto;
    width: calc(100% - 190px);
}

.main2 .tabs .main .box h3 {
    width: 280px;
    line-height: 56px;
    padding: 0 20px;
    font-size: 22px;
    font-weight: 700;
    color: #ffffff;
    position: relative;
    border-top: 3px solid #00ffff;
    margin-bottom: 38px;
    margin-top: 80px;
}

.main2 .tabs .main .box h3:before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    z-index: -1;
    position: absolute;
    left: 0;
    top: 0;
    background-image: linear-gradient(to top, rgba(153, 153, 153, 0), #00ffff);
    opacity: 0.5;
}

.main2 .tabs .main .box .block {
    display: inline-block;
    vertical-align: top;
    width: calc(100% - 4px);
}

.main2 .tabs .main .box .block > div {
    display: inline-block;
    vertical-align: top;
    width: calc(100% - 4px);
}

.main2 .tabs .main .box .half {
    width: calc(50% - 4px);
}

.main2 .tabs .main .box .block > .half {
    width: calc(50% - 44px);
    margin-right: 40px;
}

.main2 .tabs .main .box h4 {
    font-size: 18px;
    font-weight: 700;
    color: #00ffff;
    margin-bottom: 17px;
}

.main2 .tabs .main .box .circle {
    display: block;
    width: 220px;
    line-height: 220px;
    text-align: center;
    position: relative;
}

.main2 .tabs .main .box .circle img {
    display: block;
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
}

.main2 .tabs .main .box .circle1 {
    font-size: 40px;
    color: #fff;
    font-weight: 700;
}

.main2 .tabs .main .box .circle2 {
    font-size: 40px;
    color: #ff766b;
    font-weight: 700;
}

.main2 .tabs .main .box .circle2 span {
    display: inline-block;
    vertical-align: middle;
    margin-left: -5px;
}

.main2 .tabs .main .box .circle3 {
    font-size: 40px;
    color: #00FFB2;
    font-weight: 700;
}

.main2 .tabs .main .box .circle3 span {
    display: inline-block;
    vertical-align: middle;
    margin-left: -5px;
}

.main2 .tabs .main .box small {
    display: block;
    font-size: 12px;
    line-height: 22px;
    margin-top: 30px;
}

.main2 .tabs .main .box .line-chart {
    padding: 15px 20px;
    box-shadow: inset 0 0 20px 0 #00ffff;
    background-color: #001334;
}

.main2 .tabs .main .box .map {
    width: 100%;
    box-shadow: inset 0 0 20px 0 #00ffff;
    background: url(../img/main2-map-bg.png) #001334 center no-repeat;
    background-size: 92% 94%;
    position: relative;
}

.main2 .tabs .main .box .map > div {
    width: 80%;
    margin: 5% auto;
    position: relative;
}

.main2 .tabs .main .box .map > div .line {
    display: block;
    width: 100%;
}

.main2 .tabs .main .box .map > div .btn1 {
    display: block;
    height: 100%;
    position: absolute;
    left: 0;
    top: -1%;
    z-index: 3;
}

.main2 .tabs .main .box .map > div .btn2 {
    display: block;
    height: 29%;
    position: absolute;
    left: 42%;
    top: 7%;
    z-index: 2;
}

.main2 .tabs .main .box .map > div .btn3 {
    display: block;
    height: 61%;
    position: absolute;
    right: 0;
    top: 7%;
    z-index: 1;
}

.main2 .tabs .main .box .map > div .btn1 + .btn1,
.main2 .tabs .main .box .map > div .btn2 + .btn2,
.main2 .tabs .main .box .map > div .btn3 + .btn3 {
    opacity: 0;
}


.main2 .tabs .main .box .map > div input {
    display: none;
}

.main2 .tabs .main .box .map > div > div {
    display: block;
    position: absolute;
    padding: 15px 20px;
    background: rgba(255, 255, 255, 0.3);
}

.main2 .tabs .main .box .map > div > div b {
    display: block;
    margin-bottom: 10px;
    font-size: 16px;
    font-weight: 500;
    line-height: 20px;
}

.main2 .tabs .main .box .map > div > div span {
    display: block;
    line-height: 20px;
    font-size: 14px;
    color: #fff;
}

.main2 .tabs .main .box .map > div > div span i {
    float: right;
    width: 50px;
    margin-left: 15px;
    text-align: right;
    font-style: normal;
}

.main2 .tabs .main .box .map > div input:checked + div {
    display: block !important;
}

.main2 .tabs .main .box .map > div input:checked + div + label img {
    opacity: 1;
}

.main2 .tabs .main .box .map > div input:checked + div + label .btn1:nth-of-type(1),
.main2 .tabs .main .box .map > div input:checked + div + label .btn2:nth-of-type(1),
.main2 .tabs .main .box .map > div input:checked + div + label .btn3:nth-of-type(1) {
    opacity: 1;
}

.main2 .tabs .main .box .map > div input:checked + div + label .btn1:nth-of-type(2),
.main2 .tabs .main .box .map > div input:checked + div + label .btn2:nth-of-type(2),
.main2 .tabs .main .box .map > div input:checked + div + label .btn3:nth-of-type(2) {
    opacity: 1;
}

.main2 .tabs .main .box .map > div input:nth-of-type(1) + div {
    border-left: 10px solid #00f2da;
    left: 5%;
    top: 45%;
}

.main2 .tabs .main .box .map > div input:nth-of-type(1) + div b {
    color: #00f2da;
}

.main2 .tabs .main .box .map > div input:nth-of-type(2) + div {
    border-left: 10px solid #FF766B;
    left: 45%;
    top: 45%;
}

.main2 .tabs .main .box .map > div input:nth-of-type(2) + div b {
    color: #FF766B;
}

.main2 .tabs .main .box .map > div input:nth-of-type(3) + div {
    border-left: 10px solid #E2C137;
    right: -5%;
    top: 45%;
}

.main2 .tabs .main .box .map > div input:nth-of-type(3) + div b {
    color: #E2C137;
}

.main2 .tabs .main .box .map > strong {
    position: absolute;
    display: block;
    left: 35px;
    bottom: 38px;
}

.main2 .tabs .main .box .map > strong span {
    display: inline-block;
    vertical-align: middle;
    margin-right: 15px;
    border-left: 10px solid #00ffff;
    font-size: 16px;
    font-weight: 500;
    color: #00ffff;
    line-height: 20px;
    padding-left: 7px;
}

.main2 .tabs .main .box .country-list {
    display: none !important;
}

.main2 .tabs .main .box .number-list {
    margin-top: -30px;
}

.main2 .tabs .main .box .number-list p {
    display: inline-block;
    vertical-align: top;
    width: calc(33.33333% - 34px);
    margin-right: 30px;
    padding-top: 30px;
    padding-bottom: 10px;
    line-height: 20px;
    font-size: 16px;
    color: #fff;
    border-bottom: 2px solid #00ffff;
    height: 80px;
}

.main2 .tabs .main .box .number-list p:after {
    content: "";
    display: block;
    clear: both;
}

.main2 .tabs .main .box .number-list p:nth-of-type(3n) {
    margin-right: 0;
}

.main2 .tabs .main .box .number-list p span {
    float: left;
    width: calc(100% - 60px);
}

.main2 .tabs .main .box .number-list p i {
    float: right;
    font-style: normal;
}

.main2 .tabs .main .box .sm-list > div {
    display: inline-block;
    vertical-align: top;
    width: 45%;
}

.main2 .tabs .main .box .sm-list > div p {
    line-height: 32px;
    font-size: 16px;
    font-weight: 500;
    color: #00ffff;
    padding-left: 50px;
}

.main2 .tabs .main .box .sm-list > div p img {
    display: inline-block;
    vertical-align: top;
    width: 20px;
    margin-right: 12px;
}

.main2 .tabs .main .box .sm-list > div p b {
    display: inline-block;
    vertical-align: top;
    width: 85px;
    line-height: 20px;
}

.main2 .tabs .main .box .sm-list > div p span {
    display: inline-block;
    vertical-align: top;
    margin-left: 5px;
    color: #fff;
    line-height: 20px;
}

.main2 .tabs .main .box .sm-list > img {
    display: block;
    width: 200px;
    position: absolute;
    right: -20px;
    top: 80px;
}

.main3 {
    padding-top: 115px;
    padding-bottom: 134px;
    background: url(../img/main3-bg.png) #103484 center repeat-x;
    background-size: auto 100%;
    overflow: hidden;
}

.main3 .bg {
    position: absolute;
    right: 0;
    top: 33px;
    width: 49.4%;
    height: calc(100% - 30px);
    z-index: 0;
    opacity: 0;
}

.main3 .bg.bg1 {
    background: url(../img/main3-bg1.png) top no-repeat;
    background-size: 100% auto;
}

.main3 .main-wrapper {
    position: relative;
    z-index: 1;
}

.main3 .box {
    padding: 70px 90px 0 90px;
    background: url(../img/main3-box-top.png) no-repeat;
    background-size: 100% 100%;
    position: relative;
}

.main3 .box > div {
    width: 380px;
    margin: 0px auto;
}

.main3 .box > div img {
    display: block;
    width: 100%;
    margin: 0px auto;
}

.main3 .box > div strong {
    display: block;
    font-size: 22px;
    font-weight: 700;
    color: #00ffff;
    line-height: 30px;
    text-align: center;
    margin: 13px auto 10px auto;
}

.main3 .box > div p {
    line-height: 22px;
    color: #fff;
    font-size: 16px;
    padding: 0 35px;
    height: 88px;
}

.main3 .tabs ul {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 1;
}

.main3 .tabs ul li:nth-of-type(1) {
    width: 120px;
    display: block;
    position: absolute;
    left: 265px;
    top: 70px;
    z-index: 2;
    background: url(../img/btn-circle-defult1.png) center no-repeat;
    background-size: 75% 75%;
}

.main3 .tabs ul li:nth-of-type(2) {
    width: 120px;
    display: block;
    position: absolute;
    left: 90px;
    top: 155px;
    z-index: 2;
    background: url(../img/btn-circle-defult2.png) center no-repeat;
    background-size: 75% 75%;
}

.main3 .tabs ul li:nth-of-type(3) {
    width: 120px;
    display: block;
    position: absolute;
    left: 131px;
    top: 368px;
    z-index: 2;
    background: url(../img/btn-circle-defult3.png) center no-repeat;
    background-size: 75% 75%;
}

.main3 .tabs ul li:nth-of-type(4) {
    width: 120px;
    display: block;
    position: absolute;
    left: 290px;
    top: 500px;
    z-index: 2;
    background: url(../img/btn-circle-defult4.png) center no-repeat;
    background-size: 75% 75%;
}

.main3 .tabs ul li:nth-of-type(5) {
    width: 120px;
    display: block;
    position: absolute;
    right: 265px;
    top: 70px;
    z-index: 2;
    background: url(../img/btn-circle-defult5.png) center no-repeat;
    background-size: 75% 75%;
}

.main3 .tabs ul li:nth-of-type(6) {
    width: 120px;
    display: block;
    position: absolute;
    right: 90px;
    top: 155px;
    z-index: 2;
    background: url(../img/btn-circle-defult6.png) center no-repeat;
    background-size: 75% 75%;
}

.main3 .tabs ul li:nth-of-type(7) {
    width: 120px;
    display: block;
    position: absolute;
    right: 131px;
    top: 368px;
    z-index: 2;
    background: url(../img/btn-circle-defult7.png) center no-repeat;
    background-size: 75% 75%;
}

.main3 .tabs ul li:nth-of-type(8) {
    width: 120px;
    display: block;
    position: absolute;
    right: 290px;
    top: 500px;
    z-index: 2;
    background: url(../img/btn-circle-defult8.png) center no-repeat;
    background-size: 75% 75%;
}

.main3 .tabs ul li:nth-of-type(1).ui-tabs-active,
.main3 .tabs ul li:nth-of-type(1):hover {
    background: url(../img/btn-circle-active1.png) center no-repeat;
    background-size: 100% 100%;
}

.main3 .tabs ul li:nth-of-type(2).ui-tabs-active,
.main3 .tabs ul li:nth-of-type(2):hover {
    background: url(../img/btn-circle-active2.png) center no-repeat;
    background-size: 100% 100%;
}

.main3 .tabs ul li:nth-of-type(3).ui-tabs-active,
.main3 .tabs ul li:nth-of-type(3):hover {
    background: url(../img/btn-circle-active3.png) center no-repeat;
    background-size: 100% 100%;
}

.main3 .tabs ul li:nth-of-type(4).ui-tabs-active,
.main3 .tabs ul li:nth-of-type(4):hover {
    background: url(../img/btn-circle-active4.png) center no-repeat;
    background-size: 100% 100%;
}

.main3 .tabs ul li:nth-of-type(5).ui-tabs-active,
.main3 .tabs ul li:nth-of-type(5):hover {
    background: url(../img/btn-circle-active5.png) center no-repeat;
    background-size: 100% 100%;
}

.main3 .tabs ul li:nth-of-type(6).ui-tabs-active,
.main3 .tabs ul li:nth-of-type(6):hover {
    background: url(../img/btn-circle-active6.png) center no-repeat;
    background-size: 100% 100%;
}

.main3 .tabs ul li:nth-of-type(7).ui-tabs-active,
.main3 .tabs ul li:nth-of-type(7):hover {
    background: url(../img/btn-circle-active7.png) center no-repeat;
    background-size: 100% 100%;
}

.main3 .tabs ul li:nth-of-type(8).ui-tabs-active,
.main3 .tabs ul li:nth-of-type(8):hover {
    background: url(../img/btn-circle-active8.png) center no-repeat;
    background-size: 100% 100%;
}

.main3 .tabs ul li a,
.main3 .tabs ul li a img {
    display: block;
    width: 100%;
    opacity: 0;
}

.main3 .tabs > .line-left {
    position: absolute;
    left: 11%;
    top: 18%;
    width: 21%;
    display: block;
}

.main3 .tabs > .line-right {
    position: absolute;
    right: 11%;
    top: 18%;
    width: 21%;
    display: block;
}

.main3 .bottom {
    width: 100%;
}

.main4 {
    padding-top: 121px;
    padding-bottom: 315px;
    overflow: hidden;
}

.main4 > .bg {
    display: block;
    width: 100%;
    position: absolute;
    right: 0;
    top: 4%;
    z-index: -1;
}

.main4 > .fly {
    display: block;
    width: 19.6%;
    position: absolute;
    right: 6.7%;
    top: 259px;
}

.main4 > .arrow {
    display: block;
    width: 1400px;
    position: absolute;
    right: 0;
    left: 0;
    margin: auto;
    top: 206px;
    z-index: -1;
}

.main4 > .earth {
    width: 31.1%;
    position: absolute;
    left: 0;
    bottom: 0;
}

.main4 > .earth > img {
    display: block;
    width: 100%;
    max-width: 515px;
}

.main4 .main-wrapper {
    max-width: 1000px;
    margin: 0px auto;
}

.main4 .year-img {
    margin-bottom: 70px;
    padding-top: 44px;
}

.main4 .year-img > div {
    float: left;
}

.main4 .year-img > div:nth-of-type(1) {
    background: url(../img/main4-step1-bg.png) no-repeat;
    background-size: 100% 100%;
    width: 35%;
    padding: 35px 10% 0 5%;
}

.main4 .year-img > div:nth-of-type(2) {
    background: url(../img/main4-step2-bg.png) no-repeat;
    background-size: 100% 100%;
    width: 43%;
    margin: 0 -7%;
    padding: 35px 12% 0 12%;
}

.main4 .year-img > div:nth-of-type(3) {
    background: url(../img/main4-step3-bg.png) no-repeat;
    background-size: 100% 100%;
    width: 35%;
    padding: 35px 8% 0 8%;
}

.main4 .year-img > div strong {
    display: block;
    text-align: center;
    font-size: 22px;
    font-weight: 700;
    color: #00ffff;
    line-height: 33px;
    margin-bottom: 10px;
}

.main4 .year-img > div p {
    color: #fff;
    font-size: 16px;
    line-height: 22px;
    margin-bottom: 20px;
    text-align: justify;
    text-justify: inter-ideograph;
}

.main4 .year-img > div img {
    display: block;
    width: 150px;
    margin: 0 auto 10px auto;
}

.main4 .year-img > div ul {
    list-style: none;
    width: 205px;
    margin: 0 auto 36px auto;
}

.main4 .year-img > div ul li {
    display: inline-block;
    vertical-align: middle;
    width: calc(50% - 3px);
    line-height: 28px;
    font-size: 14px;
    color: #00ffff;
}

.main4 .year-img > div ul li img {
    display: inline-block;
    vertical-align: middle;
    margin: 6px 5px 6px 0;
    width: 15px;
}

.main4 .tabs {
    margin-bottom: 52px;
}

.main4 .tabs > ul {
    float: left;
    width: 200px;
    height: 350px;
    list-style: none;
}

.main4 .tabs > ul li:nth-of-type(2),
.main4 .tabs > ul li:nth-of-type(3) {
    margin-top: -18%;
}

.main4 .tabs > ul li a {
    display: block;
    background: url(../img/tab-arrow-2-defult.png) no-repeat;
    background-size: 100% 100%;
    line-height: 140px;
    height: 140px;
    width: 100%;
    text-align: center;
    color: #fff;
    font-size: 22px;
    padding-top: 5%;
    position: relative;
}

.main4 .tabs > ul li.ui-tabs-active a {
    background: url(../img/tab-arrow-2-active.png) no-repeat;
    background-size: 100% 100%;
    font-weight: 900;
}

.main4 .tabs > ul li:first-of-type a {
    background: url(../img/tab-arrow-1-default.png) no-repeat;
    background-size: 100% 100%;
    padding-top: 0;
}

.main4 .tabs > ul li:first-of-type.ui-tabs-active a {
    background: url(../img/tab-arrow-1-active.png) no-repeat;
    background-size: 100% 100%;
}

.main4 .tabs > ul li a:before {
    content: "";
    position: absolute;
    right: -5px;
    top: 35%;
    margin: auto;
    width: 10px;
    height: 10px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    background-color: #00ffff;
    display: none;
}

.main4 .tabs > ul li a:after {
    content: "";
    position: absolute;
    right: -50px;
    top: 37.5%;
    margin: auto;
    width: 45px;
    height: 2px;
    background-color: #00ffff;
    display: none;
}

.main4 .tabs > ul li.ui-tabs-active a:before,
.main4 .tabs > ul li.ui-tabs-active a:after {
    display: block;
}

.main4 .tabs > div {
    float: right;
    width: 750px;
    height: 350px;
    padding: 50.8px 121px 49.2px 72px;
    box-shadow: inset 0 0 20px 0 #00ffff;
    background-color: #001334;
}

.main4 .tabs > div img {
    float: left;
    width: 270px;
}

.main4 .tabs > div .text {
    float: right;
    width: calc(100% - 293px);
}

.main4 .tabs > div .text strong {
    display: block;
    font-size: 22px;
    font-weight: 900;
    color: #00ffff;
    line-height: 33px;
    padding-bottom: 8px;
}

.main4 .tabs > div .text p {
    font-size: 16px;
    line-height: 22px;
    margin-top: 20px;
    padding-left: 22px;
    position: relative;
}

.main4 .tabs > div .text p:before {
    content: "";
    display: block;
    position: absolute;
    left: 8px;
    top: 8px;
    width: 6px;
    height: 6px;
    background: #00ffff;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

.main4 .tabs > div .text p b {
    display: block;
    font-weight: 600;
}

.main4 .word {
    border-top: 1px solid #fff;
    padding-top: 10px;
    line-height: 22px;
    font-size: 12px;
}

.main4 .alert-box {
    margin-top: 94px;
}

.main4 .alert-box .title {
    height: 99px;
    background: url(../img/alert-box-head.png) no-repeat;
    background-size: 100% 100%;
    padding: 33px 38px;
    line-height: 33px;
    font-size: 16px;
    color: #00ffff;
}

.main4 .alert-box .title b {
    display: inline-block;
    vertical-align: middle;
    line-height: 33px;
    font-size: 22px;
    font-weight: 900;
}

.main4 .alert-box .foot {
    height: 99px;
    background: url(../img/alert-box-foot.png) no-repeat;
    background-size: 100% 100%;
}

.main4 .alert-box .text {
    padding: 15px 38px 0 38px;
    width: calc(100% - 5.5px);
    margin: 0 auto;
    border-left: 2px solid #00ffff;
    border-right: 2px solid #00ffff;
}

.main4 .alert-box .text p {
    line-height: 25px;
    font-size: 14px;
    margin-top: 30px;
    text-align: justify;
    text-justify: inter-ideograph;
    word-break: break-all;
    font-weight: bold;
}

.main4 .alert-box .text p.under {
    color: #00ffff;
    font-size: 16px;
}

.main4 .alert-box .text p a {
    color: #fff;
}

.main4 .alert-box .text p small {
    font-size: 12px;
    line-height: 25px;
}

.main4 .alert-box .text p .color {
    color: #00ffff;
}

.main4 .alert-box .text p .line {
    text-decoration: underline;
    text-underline-offset: .2rem;
}

.fade {
    -webkit-animation: fade 3s infinite alternate linear;
    animation: fade 3s infinite alternate linear;
}

@keyframes fade {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

.desktop {
    display: block !important;
}

.pad,
.mobile {
    display: none !important;
}

.foot-link {
    display: none;
}

.loading-page {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 99999;
    background: #001334;
    width: 100vw;
    height: 100vh;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
}

.loading-page .counter {
    width: 280px;
    height: 280px;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    background: url(../img/load-object.png) center no-repeat;
    background-size: 120px 86px;
}

.loading-page .word {
    display: block;
    width: 100px;
    height: 15px;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 70px;
    margin: auto;
    background: url(../img/load-word.png) center no-repeat;
    background-size: 100% 100%;
}

.loading-page .light {
    display: block;
    width: 60px;
    height: 60px;
    position: absolute;
    left: 0;
    right: 0;
    top: 90px;
    margin: auto;
    -webkit-animation: fade 1s infinite alternate linear;
    animation: fade 1s infinite alternate linear;
    background: url(../img/load-light.png) center no-repeat;
    background-size: 100% 100%;
}

.loading-page .circle {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    background: url(../img/load-circle.png) center no-repeat;
    background-size: 100% 100%;
    animation: rotate 2s infinite linear;
}

@keyframes rotate {
    0% {
        transform: rotateZ(0deg);
    }

    100% {
        transform: rotateZ(360deg);
    }
}

.galaxy {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transform-style: preserve-3d;
    perspective: 5000px;
    overflow: hidden;
    pointer-events: none;
    z-index: -1;
    display: none;
}

.cloud {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: scale(0.3) translate(-50%, -50%);
    transform-origin: 50% 50%;
    transform-style: preserve-3d;
    transition: transform 4s;
    z-index: -1;
}

input:checked ~ .cloud {
    transform: scale(0.5) translate(-50%, -50%);
}

@-webkit-keyframes rotation {
    from {
        transform: rotateY(0) rotateX(0);
    }

    to {
        transform: rotateY(-360deg) rotateX(360deg);
    }
}

@keyframes rotation {
    from {
        transform: rotateY(0) rotateX(0);
    }

    to {
        transform: rotateY(-360deg) rotateX(360deg);
    }
}

.cluster {
    transform-origin: 50% 50%;
    transform-style: preserve-3d;
    perspective: 5000px;
    -webkit-animation: rotation 240s linear infinite;
    animation: rotation 240s linear infinite;
}

.star {
    transform-style: preserve-3d;
    perspective: 1000px;
}

.star,
.star::before {
    position: absolute;
    top: 0;
    left: 0;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background-color: rgba(255, 255, 255, 0.8);
    z-index: -1;
}

.star::before {
    content: "";
    transform: rotateY(-90deg);
}

.star:nth-child(1) {
    transform: translate3d(-687px, 828px, 239px);
}

.star:nth-child(2) {
    transform: translate3d(361px, 444px, -67px);
}

.star:nth-child(3) {
    transform: translate3d(-1698px, 1182px, -487px);
}

.star:nth-child(4) {
    transform: translate3d(976px, 744px, 21px);
}

.star:nth-child(5) {
    transform: translate3d(-1017px, 839px, 718px);
}

.star:nth-child(6) {
    transform: translate3d(-1114px, -1627px, 863px);
}

.star:nth-child(7) {
    transform: translate3d(517px, 779px, -1237px);
}

.star:nth-child(8) {
    transform: translate3d(1619px, 1745px, 616px);
}

.star:nth-child(9) {
    transform: translate3d(-1030px, 216px, 538px);
}

.star:nth-child(10) {
    transform: translate3d(1955px, 1609px, -209px);
}

.star:nth-child(11) {
    transform: translate3d(1151px, 855px, -1176px);
}

.star:nth-child(12) {
    transform: translate3d(-1624px, -1805px, 750px);
}

.star:nth-child(13) {
    transform: translate3d(-1166px, -1582px, 1929px);
}

.star:nth-child(14) {
    transform: translate3d(1479px, -374px, -59px);
}

.star:nth-child(15) {
    transform: translate3d(-483px, 812px, 1842px);
}

.star:nth-child(16) {
    transform: translate3d(1244px, 611px, -733px);
}

.star:nth-child(17) {
    transform: translate3d(-1464px, 1468px, 685px);
}

.star:nth-child(18) {
    transform: translate3d(-664px, 1369px, -1841px);
}

.star:nth-child(19) {
    transform: translate3d(-1568px, 1191px, -1486px);
}

.star:nth-child(20) {
    transform: translate3d(1856px, 717px, -1819px);
}

.star:nth-child(21) {
    transform: translate3d(702px, 1145px, 1329px);
}

.star:nth-child(22) {
    transform: translate3d(-128px, -1548px, -1897px);
}

.star:nth-child(23) {
    transform: translate3d(145px, 568px, -1473px);
}

.star:nth-child(24) {
    transform: translate3d(821px, 653px, -1437px);
}

.star:nth-child(25) {
    transform: translate3d(-1090px, -1130px, 1406px);
}

.star:nth-child(26) {
    transform: translate3d(-1428px, 314px, 763px);
}

.star:nth-child(27) {
    transform: translate3d(-1939px, 442px, 423px);
}

.star:nth-child(28) {
    transform: translate3d(-956px, 1223px, 106px);
}

.star:nth-child(29) {
    transform: translate3d(1275px, 1637px, 80px);
}

.star:nth-child(30) {
    transform: translate3d(742px, -1635px, -1899px);
}

.star:nth-child(31) {
    transform: translate3d(-1443px, -856px, 487px);
}

.star:nth-child(32) {
    transform: translate3d(1736px, -661px, 1425px);
}

.star:nth-child(33) {
    transform: translate3d(-1880px, -200px, -1750px);
}

.star:nth-child(34) {
    transform: translate3d(-1858px, -780px, -478px);
}

.star:nth-child(35) {
    transform: translate3d(1800px, 1469px, 1424px);
}

.star:nth-child(36) {
    transform: translate3d(1170px, -757px, -1868px);
}

.star:nth-child(37) {
    transform: translate3d(318px, 1921px, 852px);
}

.star:nth-child(38) {
    transform: translate3d(1187px, -1327px, -1249px);
}

.star:nth-child(39) {
    transform: translate3d(-1899px, -755px, 801px);
}

.star:nth-child(40) {
    transform: translate3d(1806px, 930px, 353px);
}

.star:nth-child(41) {
    transform: translate3d(1606px, 1104px, 1507px);
}

.star:nth-child(42) {
    transform: translate3d(845px, 1779px, -1705px);
}

.star:nth-child(43) {
    transform: translate3d(984px, 1509px, 1517px);
}

.star:nth-child(44) {
    transform: translate3d(-1553px, -143px, -334px);
}

.star:nth-child(45) {
    transform: translate3d(1691px, 1416px, 1374px);
}

.star:nth-child(46) {
    transform: translate3d(-1962px, 1600px, 1623px);
}

.star:nth-child(47) {
    transform: translate3d(-670px, 1082px, 1523px);
}

.star:nth-child(48) {
    transform: translate3d(-1119px, 749px, 1071px);
}

.star:nth-child(49) {
    transform: translate3d(1406px, -729px, 1173px);
}

.star:nth-child(50) {
    transform: translate3d(560px, -1834px, 1646px);
}

.star:nth-child(51) {
    transform: translate3d(-1902px, 537px, -1800px);
}

.star:nth-child(52) {
    transform: translate3d(1211px, 17px, -393px);
}

.star:nth-child(53) {
    transform: translate3d(1360px, 309px, -704px);
}

.star:nth-child(54) {
    transform: translate3d(765px, 218px, 1762px);
}

.star:nth-child(55) {
    transform: translate3d(598px, 1209px, 712px);
}

.star:nth-child(56) {
    transform: translate3d(-1716px, 1063px, -40px);
}

.star:nth-child(57) {
    transform: translate3d(-1227px, 1572px, -860px);
}

.star:nth-child(58) {
    transform: translate3d(276px, 265px, 711px);
}

.star:nth-child(59) {
    transform: translate3d(546px, -123px, -1409px);
}

.star:nth-child(60) {
    transform: translate3d(1637px, -529px, -479px);
}

.star:nth-child(61) {
    transform: translate3d(-1185px, -1969px, -11px);
}

.star:nth-child(62) {
    transform: translate3d(927px, 1146px, 556px);
}

.star:nth-child(63) {
    transform: translate3d(-166px, -253px, 1554px);
}

.star:nth-child(64) {
    transform: translate3d(-1467px, 1640px, -558px);
}

.star:nth-child(65) {
    transform: translate3d(-1045px, -96px, -1223px);
}

.star:nth-child(66) {
    transform: translate3d(215px, 1211px, -775px);
}

.star:nth-child(67) {
    transform: translate3d(693px, -859px, -1677px);
}

.star:nth-child(68) {
    transform: translate3d(-46px, -486px, -341px);
}

.star:nth-child(69) {
    transform: translate3d(-1701px, -671px, -1503px);
}

.star:nth-child(70) {
    transform: translate3d(-1769px, 462px, 114px);
}

.star:nth-child(71) {
    transform: translate3d(-1354px, -492px, -1974px);
}

.star:nth-child(72) {
    transform: translate3d(-1883px, 758px, -1049px);
}

.star:nth-child(73) {
    transform: translate3d(393px, -514px, -1595px);
}

.star:nth-child(74) {
    transform: translate3d(-123px, 983px, -1143px);
}

.star:nth-child(75) {
    transform: translate3d(-243px, -1702px, -342px);
}

.star:nth-child(76) {
    transform: translate3d(956px, -1792px, -1577px);
}

.star:nth-child(77) {
    transform: translate3d(1628px, 1887px, -1018px);
}

.star:nth-child(78) {
    transform: translate3d(-1639px, 1965px, -594px);
}

.star:nth-child(79) {
    transform: translate3d(-1553px, -1152px, -1472px);
}

.star:nth-child(80) {
    transform: translate3d(1208px, -704px, -787px);
}

.star:nth-child(81) {
    transform: translate3d(232px, 1662px, -1597px);
}

.star:nth-child(82) {
    transform: translate3d(-75px, 362px, 699px);
}

.star:nth-child(83) {
    transform: translate3d(-506px, -1551px, -404px);
}

.star:nth-child(84) {
    transform: translate3d(165px, 701px, 1836px);
}

.star:nth-child(85) {
    transform: translate3d(-1564px, -842px, 1545px);
}

.star:nth-child(86) {
    transform: translate3d(1494px, -40px, 561px);
}

.star:nth-child(87) {
    transform: translate3d(-1974px, 923px, 974px);
}

.star:nth-child(88) {
    transform: translate3d(-1941px, -832px, -1718px);
}

.star:nth-child(89) {
    transform: translate3d(1378px, 669px, -522px);
}

.star:nth-child(90) {
    transform: translate3d(-1799px, -1261px, 554px);
}

.star:nth-child(91) {
    transform: translate3d(1229px, -1932px, 1261px);
}

.star:nth-child(92) {
    transform: translate3d(-1462px, 1149px, -1016px);
}

.star:nth-child(93) {
    transform: translate3d(-1996px, -849px, -1110px);
}

.star:nth-child(94) {
    transform: translate3d(1549px, 1356px, -700px);
}

.star:nth-child(95) {
    transform: translate3d(40px, 666px, -526px);
}

.star:nth-child(96) {
    transform: translate3d(1395px, -471px, -1597px);
}

.star:nth-child(97) {
    transform: translate3d(1382px, -751px, 399px);
}

.star:nth-child(98) {
    transform: translate3d(-1457px, 1258px, -1537px);
}

.star:nth-child(99) {
    transform: translate3d(-1670px, 423px, -456px);
}

.star:nth-child(100) {
    transform: translate3d(-1108px, 201px, 20px);
}

.star:nth-child(101) {
    transform: translate3d(1973px, -210px, -1055px);
}

.star:nth-child(102) {
    transform: translate3d(1283px, 448px, 1503px);
}

.star:nth-child(103) {
    transform: translate3d(568px, 1059px, 1462px);
}

.star:nth-child(104) {
    transform: translate3d(254px, 564px, -1376px);
}

.star:nth-child(105) {
    transform: translate3d(1843px, 1912px, 881px);
}

.star:nth-child(106) {
    transform: translate3d(1734px, -149px, 1171px);
}

.star:nth-child(107) {
    transform: translate3d(-1180px, -681px, 1733px);
}

.star:nth-child(108) {
    transform: translate3d(-1609px, 716px, 148px);
}

.star:nth-child(109) {
    transform: translate3d(1392px, -577px, 40px);
}

.star:nth-child(110) {
    transform: translate3d(962px, 1525px, 1323px);
}

.star:nth-child(111) {
    transform: translate3d(-1334px, 132px, -153px);
}

.star:nth-child(112) {
    transform: translate3d(666px, 1958px, -1853px);
}

.star:nth-child(113) {
    transform: translate3d(-1951px, 1638px, -20px);
}

.star:nth-child(114) {
    transform: translate3d(-326px, -899px, -774px);
}

.star:nth-child(115) {
    transform: translate3d(-365px, -1197px, 1248px);
}

.star:nth-child(116) {
    transform: translate3d(-630px, 1254px, -1631px);
}

.star:nth-child(117) {
    transform: translate3d(-1320px, -1743px, 1486px);
}

.star:nth-child(118) {
    transform: translate3d(-1659px, 1916px, 260px);
}

.star:nth-child(119) {
    transform: translate3d(179px, 192px, -468px);
}

.star:nth-child(120) {
    transform: translate3d(1674px, 1116px, 1096px);
}

.star:nth-child(121) {
    transform: translate3d(-750px, 711px, -1185px);
}

.star:nth-child(122) {
    transform: translate3d(159px, 1332px, -1155px);
}

.star:nth-child(123) {
    transform: translate3d(767px, -1546px, -1877px);
}

.star:nth-child(124) {
    transform: translate3d(523px, -1610px, 805px);
}

.star:nth-child(125) {
    transform: translate3d(-422px, -1393px, -1130px);
}

.star:nth-child(126) {
    transform: translate3d(-851px, -401px, -1001px);
}

.star:nth-child(127) {
    transform: translate3d(-193px, 1641px, 231px);
}

.star:nth-child(128) {
    transform: translate3d(-1576px, 68px, 857px);
}

.star:nth-child(129) {
    transform: translate3d(-57px, 1087px, 1412px);
}

.star:nth-child(130) {
    transform: translate3d(-1322px, -1100px, 233px);
}

.star:nth-child(131) {
    transform: translate3d(571px, 354px, -530px);
}

.star:nth-child(132) {
    transform: translate3d(175px, -1786px, -1919px);
}

.star:nth-child(133) {
    transform: translate3d(1285px, -1070px, 1089px);
}

.star:nth-child(134) {
    transform: translate3d(-663px, -1235px, -805px);
}

.star:nth-child(135) {
    transform: translate3d(81px, 78px, -1450px);
}

.star:nth-child(136) {
    transform: translate3d(783px, -941px, -656px);
}

.star:nth-child(137) {
    transform: translate3d(-260px, -121px, -602px);
}

.star:nth-child(138) {
    transform: translate3d(1907px, -1656px, 1309px);
}

.star:nth-child(139) {
    transform: translate3d(-1679px, -430px, 1431px);
}

.star:nth-child(140) {
    transform: translate3d(668px, 1744px, -1630px);
}

.star:nth-child(141) {
    transform: translate3d(-1970px, 90px, -524px);
}

.star:nth-child(142) {
    transform: translate3d(-117px, -344px, -570px);
}

.star:nth-child(143) {
    transform: translate3d(1837px, 592px, 262px);
}

.star:nth-child(144) {
    transform: translate3d(-1841px, 1128px, 923px);
}

.star:nth-child(145) {
    transform: translate3d(-244px, 1656px, -766px);
}

.star:nth-child(146) {
    transform: translate3d(900px, -1582px, 1269px);
}

.star:nth-child(147) {
    transform: translate3d(-1562px, 682px, 1981px);
}

.star:nth-child(148) {
    transform: translate3d(1839px, 1180px, -454px);
}

.star:nth-child(149) {
    transform: translate3d(85px, 484px, 1543px);
}

.star:nth-child(150) {
    transform: translate3d(1654px, -139px, -1564px);
}

.star:nth-child(151) {
    transform: translate3d(-1617px, -1376px, -264px);
}

.star:nth-child(152) {
    transform: translate3d(775px, -336px, 1343px);
}

.star:nth-child(153) {
    transform: translate3d(209px, 1138px, 616px);
}

.star:nth-child(154) {
    transform: translate3d(-807px, -421px, -1544px);
}

.star:nth-child(155) {
    transform: translate3d(-178px, 1717px, 1837px);
}

.star:nth-child(156) {
    transform: translate3d(-54px, 956px, -193px);
}

.star:nth-child(157) {
    transform: translate3d(765px, -826px, -474px);
}

.star:nth-child(158) {
    transform: translate3d(-1332px, -819px, 1702px);
}

.star:nth-child(159) {
    transform: translate3d(-118px, -871px, -1189px);
}

.star:nth-child(160) {
    transform: translate3d(422px, 422px, -444px);
}

.star:nth-child(161) {
    transform: translate3d(205px, 1958px, -1118px);
}

.star:nth-child(162) {
    transform: translate3d(1315px, 110px, -1384px);
}

.star:nth-child(163) {
    transform: translate3d(-42px, 327px, -1785px);
}

.star:nth-child(164) {
    transform: translate3d(225px, 1931px, -107px);
}

.star:nth-child(165) {
    transform: translate3d(59px, 1880px, 558px);
}

.star:nth-child(166) {
    transform: translate3d(-816px, 1096px, -298px);
}

.star:nth-child(167) {
    transform: translate3d(-1954px, 1341px, -1424px);
}

.star:nth-child(168) {
    transform: translate3d(1381px, -1465px, 133px);
}

.star:nth-child(169) {
    transform: translate3d(1695px, -117px, -1329px);
}

.star:nth-child(170) {
    transform: translate3d(-106px, -999px, -1574px);
}

.star:nth-child(171) {
    transform: translate3d(-1521px, -1451px, -1108px);
}

.star:nth-child(172) {
    transform: translate3d(1344px, 1246px, -1409px);
}

.star:nth-child(173) {
    transform: translate3d(-154px, -801px, -1538px);
}

.star:nth-child(174) {
    transform: translate3d(-639px, 356px, 157px);
}

.star:nth-child(175) {
    transform: translate3d(356px, -1195px, 1666px);
}

.star:nth-child(176) {
    transform: translate3d(1542px, -534px, -1708px);
}

.star:nth-child(177) {
    transform: translate3d(307px, 703px, 1914px);
}

.star:nth-child(178) {
    transform: translate3d(-569px, 1099px, 697px);
}

.star:nth-child(179) {
    transform: translate3d(-741px, -1760px, 348px);
}

.star:nth-child(180) {
    transform: translate3d(-899px, -1275px, -1879px);
}

.star:nth-child(181) {
    transform: translate3d(1889px, -291px, 630px);
}

.star:nth-child(182) {
    transform: translate3d(-1174px, 660px, 620px);
}

.star:nth-child(183) {
    transform: translate3d(-624px, -1787px, -619px);
}

.star:nth-child(184) {
    transform: translate3d(1119px, -598px, 1988px);
}

.star:nth-child(185) {
    transform: translate3d(325px, -1870px, 40px);
}

.star:nth-child(186) {
    transform: translate3d(-1439px, -1264px, -1192px);
}

.star:nth-child(187) {
    transform: translate3d(1068px, -273px, 63px);
}

.star:nth-child(188) {
    transform: translate3d(-1027px, -1331px, -1872px);
}

.star:nth-child(189) {
    transform: translate3d(-590px, 543px, 1548px);
}

.star:nth-child(190) {
    transform: translate3d(-319px, 1287px, 719px);
}

.star:nth-child(191) {
    transform: translate3d(-1525px, 129px, 1927px);
}

.star:nth-child(192) {
    transform: translate3d(1460px, -507px, 932px);
}

.star:nth-child(193) {
    transform: translate3d(453px, 830px, -234px);
}

.star:nth-child(194) {
    transform: translate3d(-75px, 492px, -1250px);
}

.star:nth-child(195) {
    transform: translate3d(-1908px, -351px, 1007px);
}

.star:nth-child(196) {
    transform: translate3d(-915px, 1524px, -72px);
}

.star:nth-child(197) {
    transform: translate3d(124px, -1851px, -308px);
}

.star:nth-child(198) {
    transform: translate3d(1299px, 1644px, -553px);
}

.star:nth-child(199) {
    transform: translate3d(1044px, 1376px, 1061px);
}

.star:nth-child(200) {
    transform: translate3d(-348px, -987px, 243px);
}

.star:nth-child(201) {
    transform: translate3d(-1772px, 606px, 1107px);
}

.star:nth-child(202) {
    transform: translate3d(1551px, -1616px, 858px);
}

.star:nth-child(203) {
    transform: translate3d(634px, -995px, -1319px);
}

.star:nth-child(204) {
    transform: translate3d(-1587px, -1489px, 1957px);
}

.star:nth-child(205) {
    transform: translate3d(1775px, 1944px, -1398px);
}

.star:nth-child(206) {
    transform: translate3d(-1956px, -1626px, 1744px);
}

.star:nth-child(207) {
    transform: translate3d(-1480px, 1697px, -142px);
}

.star:nth-child(208) {
    transform: translate3d(1745px, -1320px, -541px);
}

.star:nth-child(209) {
    transform: translate3d(-1587px, -378px, -366px);
}

.star:nth-child(210) {
    transform: translate3d(1435px, -939px, 1083px);
}

.star:nth-child(211) {
    transform: translate3d(412px, -1004px, -1672px);
}

.star:nth-child(212) {
    transform: translate3d(236px, -872px, 46px);
}

.star:nth-child(213) {
    transform: translate3d(458px, -592px, 914px);
}

.star:nth-child(214) {
    transform: translate3d(-1969px, 1025px, 390px);
}

.star:nth-child(215) {
    transform: translate3d(-256px, -35px, 1606px);
}

.star:nth-child(216) {
    transform: translate3d(-817px, 1650px, -31px);
}

.star:nth-child(217) {
    transform: translate3d(-1748px, 502px, 413px);
}

.star:nth-child(218) {
    transform: translate3d(-1371px, -1473px, 471px);
}

.star:nth-child(219) {
    transform: translate3d(-379px, -770px, -430px);
}

.star:nth-child(220) {
    transform: translate3d(-692px, -1086px, 7px);
}

.star:nth-child(221) {
    transform: translate3d(151px, -725px, 1461px);
}

.star:nth-child(222) {
    transform: translate3d(1778px, -1170px, -571px);
}

.star:nth-child(223) {
    transform: translate3d(-463px, 1181px, 1961px);
}

.star:nth-child(224) {
    transform: translate3d(-172px, -148px, 7px);
}

.star:nth-child(225) {
    transform: translate3d(1448px, 471px, 1394px);
}

.star:nth-child(226) {
    transform: translate3d(-917px, -378px, 1325px);
}

.star:nth-child(227) {
    transform: translate3d(1499px, -776px, 85px);
}

.star:nth-child(228) {
    transform: translate3d(-452px, -1053px, 626px);
}

.star:nth-child(229) {
    transform: translate3d(-1886px, 1627px, -1696px);
}

.star:nth-child(230) {
    transform: translate3d(-1149px, -1120px, 667px);
}

.star:nth-child(231) {
    transform: translate3d(-1563px, -632px, 1981px);
}

.star:nth-child(232) {
    transform: translate3d(-989px, 1691px, -43px);
}

.star:nth-child(233) {
    transform: translate3d(74px, 543px, -10px);
}

.star:nth-child(234) {
    transform: translate3d(-1349px, 1629px, 1589px);
}

.star:nth-child(235) {
    transform: translate3d(826px, -1333px, -185px);
}

.star:nth-child(236) {
    transform: translate3d(440px, 1773px, -1700px);
}

.star:nth-child(237) {
    transform: translate3d(1678px, -1019px, 809px);
}

.star:nth-child(238) {
    transform: translate3d(-71px, -888px, -68px);
}

.star:nth-child(239) {
    transform: translate3d(712px, -218px, -736px);
}

.star:nth-child(240) {
    transform: translate3d(-396px, -1218px, -75px);
}

.star:nth-child(241) {
    transform: translate3d(-1105px, -768px, 1253px);
}

.star:nth-child(242) {
    transform: translate3d(-430px, 1102px, -1123px);
}

.star:nth-child(243) {
    transform: translate3d(-976px, 72px, -1192px);
}

.star:nth-child(244) {
    transform: translate3d(-1508px, -468px, -1990px);
}

.star:nth-child(245) {
    transform: translate3d(-666px, 1384px, 1297px);
}

.star:nth-child(246) {
    transform: translate3d(-1018px, 946px, -1101px);
}

.star:nth-child(247) {
    transform: translate3d(1986px, 1892px, -1372px);
}

.star:nth-child(248) {
    transform: translate3d(-317px, 1591px, 554px);
}

.star:nth-child(249) {
    transform: translate3d(1743px, -1870px, -1352px);
}

.star:nth-child(250) {
    transform: translate3d(666px, 1164px, 875px);
}

.star:nth-child(251) {
    transform: translate3d(-507px, 548px, -548px);
}

.star:nth-child(252) {
    transform: translate3d(-140px, -1717px, 1331px);
}

.star:nth-child(253) {
    transform: translate3d(-1896px, -773px, -897px);
}

.star:nth-child(254) {
    transform: translate3d(1803px, -602px, -1118px);
}

.star:nth-child(255) {
    transform: translate3d(845px, -64px, 1754px);
}

.star:nth-child(256) {
    transform: translate3d(1183px, -42px, -1674px);
}

.star:nth-child(257) {
    transform: translate3d(547px, 271px, -923px);
}

.star:nth-child(258) {
    transform: translate3d(1050px, -1949px, 1681px);
}

.star:nth-child(259) {
    transform: translate3d(-1915px, 13px, -966px);
}

.star:nth-child(260) {
    transform: translate3d(1299px, 859px, -447px);
}

.star:nth-child(261) {
    transform: translate3d(825px, 625px, 721px);
}

.star:nth-child(262) {
    transform: translate3d(-1195px, 246px, 1253px);
}

.star:nth-child(263) {
    transform: translate3d(-1014px, -172px, -1205px);
}

.star:nth-child(264) {
    transform: translate3d(1509px, -340px, 1949px);
}

.star:nth-child(265) {
    transform: translate3d(1273px, -1797px, 1611px);
}

.star:nth-child(266) {
    transform: translate3d(-250px, -1273px, -685px);
}

.star:nth-child(267) {
    transform: translate3d(1159px, 1182px, -1690px);
}

.star:nth-child(268) {
    transform: translate3d(-35px, 1125px, -854px);
}

.star:nth-child(269) {
    transform: translate3d(1786px, 689px, -673px);
}

.star:nth-child(270) {
    transform: translate3d(-460px, 1787px, 1544px);
}

.star:nth-child(271) {
    transform: translate3d(993px, 1681px, 1524px);
}

.star:nth-child(272) {
    transform: translate3d(840px, -111px, -1035px);
}

.star:nth-child(273) {
    transform: translate3d(1299px, -1468px, 1284px);
}

.star:nth-child(274) {
    transform: translate3d(-174px, 1462px, -1224px);
}

.star:nth-child(275) {
    transform: translate3d(1451px, 1055px, 1586px);
}

.star:nth-child(276) {
    transform: translate3d(1485px, -1563px, 565px);
}

.star:nth-child(277) {
    transform: translate3d(-1667px, 773px, 1813px);
}

.star:nth-child(278) {
    transform: translate3d(1793px, 1933px, -643px);
}

.star:nth-child(279) {
    transform: translate3d(-1167px, -1865px, 403px);
}

.star:nth-child(280) {
    transform: translate3d(1843px, 577px, -1359px);
}

.star:nth-child(281) {
    transform: translate3d(106px, 1925px, 1872px);
}

.star:nth-child(282) {
    transform: translate3d(-1271px, -977px, 1859px);
}

.star:nth-child(283) {
    transform: translate3d(43px, -1238px, -503px);
}

.star:nth-child(284) {
    transform: translate3d(1290px, 1161px, -127px);
}

.star:nth-child(285) {
    transform: translate3d(-111px, -337px, 1194px);
}

.star:nth-child(286) {
    transform: translate3d(-62px, -1945px, -1637px);
}

.star:nth-child(287) {
    transform: translate3d(-1271px, 1473px, 1791px);
}

.star:nth-child(288) {
    transform: translate3d(50px, -1343px, -614px);
}

.star:nth-child(289) {
    transform: translate3d(1938px, -21px, -881px);
}

.star:nth-child(290) {
    transform: translate3d(1620px, 1371px, 1604px);
}

.star:nth-child(291) {
    transform: translate3d(-86px, -1925px, 1600px);
}

.star:nth-child(292) {
    transform: translate3d(18px, 167px, 802px);
}

.star:nth-child(293) {
    transform: translate3d(-484px, -271px, -1436px);
}

.star:nth-child(294) {
    transform: translate3d(-168px, -1937px, -1630px);
}

.star:nth-child(295) {
    transform: translate3d(1687px, -82px, 673px);
}

.star:nth-child(296) {
    transform: translate3d(1937px, -1010px, -464px);
}

.star:nth-child(297) {
    transform: translate3d(1342px, -187px, -1291px);
}

.star:nth-child(298) {
    transform: translate3d(1407px, -1662px, -799px);
}

.star:nth-child(299) {
    transform: translate3d(1090px, 1488px, -1585px);
}

.star:nth-child(300) {
    transform: translate3d(-1313px, -1838px, -699px);
}

.star:nth-child(301) {
    transform: translate3d(-1651px, -608px, -1878px);
}

.star:nth-child(302) {
    transform: translate3d(126px, 89px, -910px);
}

.star:nth-child(303) {
    transform: translate3d(-801px, -263px, -242px);
}

.star:nth-child(304) {
    transform: translate3d(1178px, 1917px, 637px);
}

.star:nth-child(305) {
    transform: translate3d(1433px, 977px, 921px);
}

.star:nth-child(306) {
    transform: translate3d(-1753px, 1861px, -1839px);
}

.star:nth-child(307) {
    transform: translate3d(-1201px, -286px, -20px);
}

.star:nth-child(308) {
    transform: translate3d(1099px, -1537px, -689px);
}

.star:nth-child(309) {
    transform: translate3d(-202px, 1755px, -752px);
}

.star:nth-child(310) {
    transform: translate3d(-626px, 1513px, -474px);
}

.star:nth-child(311) {
    transform: translate3d(84px, 230px, 638px);
}

.star:nth-child(312) {
    transform: translate3d(989px, 1752px, 1024px);
}

.star:nth-child(313) {
    transform: translate3d(-148px, -817px, -880px);
}

.star:nth-child(314) {
    transform: translate3d(-1893px, 685px, -79px);
}

.star:nth-child(315) {
    transform: translate3d(453px, 1818px, -1652px);
}

.star:nth-child(316) {
    transform: translate3d(83px, -668px, -528px);
}

.star:nth-child(317) {
    transform: translate3d(550px, 1247px, 538px);
}

.star:nth-child(318) {
    transform: translate3d(-63px, 877px, -601px);
}

.star:nth-child(319) {
    transform: translate3d(987px, 1812px, 72px);
}

.star:nth-child(320) {
    transform: translate3d(-619px, -258px, 802px);
}

.star:nth-child(321) {
    transform: translate3d(755px, 574px, -996px);
}

.star:nth-child(322) {
    transform: translate3d(-1539px, -1864px, 966px);
}

.star:nth-child(323) {
    transform: translate3d(1757px, 1800px, 199px);
}

.star:nth-child(324) {
    transform: translate3d(-1199px, 1337px, 626px);
}

.star:nth-child(325) {
    transform: translate3d(-1824px, 626px, -1957px);
}

.star:nth-child(326) {
    transform: translate3d(-231px, -1763px, 30px);
}

.star:nth-child(327) {
    transform: translate3d(-379px, -1790px, -592px);
}

.star:nth-child(328) {
    transform: translate3d(-1920px, -1866px, 1735px);
}

.star:nth-child(329) {
    transform: translate3d(-901px, -1239px, -104px);
}

.star:nth-child(330) {
    transform: translate3d(-1714px, -483px, 486px);
}

.star:nth-child(331) {
    transform: translate3d(471px, 607px, 1138px);
}

.star:nth-child(332) {
    transform: translate3d(-656px, 1802px, 1783px);
}

.star:nth-child(333) {
    transform: translate3d(1724px, 31px, 368px);
}

.star:nth-child(334) {
    transform: translate3d(201px, -885px, 1335px);
}

.star:nth-child(335) {
    transform: translate3d(1574px, -780px, 550px);
}

.star:nth-child(336) {
    transform: translate3d(-736px, 1577px, 65px);
}

.star:nth-child(337) {
    transform: translate3d(-134px, -1422px, 1290px);
}

.star:nth-child(338) {
    transform: translate3d(1091px, 114px, -938px);
}

.star:nth-child(339) {
    transform: translate3d(1359px, -263px, 1062px);
}

.star:nth-child(340) {
    transform: translate3d(1177px, -1389px, -595px);
}

.star:nth-child(341) {
    transform: translate3d(1170px, -647px, 1541px);
}

.star:nth-child(342) {
    transform: translate3d(482px, -848px, -643px);
}

.star:nth-child(343) {
    transform: translate3d(-213px, 215px, 1086px);
}

.star:nth-child(344) {
    transform: translate3d(276px, -1489px, -43px);
}

.star:nth-child(345) {
    transform: translate3d(114px, -1194px, -855px);
}

.star:nth-child(346) {
    transform: translate3d(173px, 1142px, -306px);
}

.star:nth-child(347) {
    transform: translate3d(522px, -157px, -1901px);
}

.star:nth-child(348) {
    transform: translate3d(649px, 850px, 973px);
}

.star:nth-child(349) {
    transform: translate3d(-1150px, -495px, -1394px);
}

.star:nth-child(350) {
    transform: translate3d(-1933px, 1376px, 1930px);
}

.star:nth-child(351) {
    transform: translate3d(466px, 1465px, -176px);
}

.star:nth-child(352) {
    transform: translate3d(-658px, -1437px, -284px);
}

.star:nth-child(353) {
    transform: translate3d(537px, 1850px, -271px);
}

.star:nth-child(354) {
    transform: translate3d(1825px, -143px, -44px);
}

.star:nth-child(355) {
    transform: translate3d(1226px, -1369px, -478px);
}

.star:nth-child(356) {
    transform: translate3d(634px, 899px, 1237px);
}

.star:nth-child(357) {
    transform: translate3d(10px, -294px, -1481px);
}

.star:nth-child(358) {
    transform: translate3d(365px, 1976px, 223px);
}

.star:nth-child(359) {
    transform: translate3d(-1008px, 41px, 1032px);
}

.star:nth-child(360) {
    transform: translate3d(-922px, -1385px, -1961px);
}

.star:nth-child(361) {
    transform: translate3d(-1889px, -613px, 1152px);
}

.star:nth-child(362) {
    transform: translate3d(1834px, 823px, 908px);
}

.star:nth-child(363) {
    transform: translate3d(-419px, 801px, -297px);
}

.star:nth-child(364) {
    transform: translate3d(693px, -1909px, -124px);
}

.star:nth-child(365) {
    transform: translate3d(-150px, -465px, 735px);
}

.star:nth-child(366) {
    transform: translate3d(1267px, -1482px, 1669px);
}

.star:nth-child(367) {
    transform: translate3d(-1248px, 1719px, -492px);
}

.star:nth-child(368) {
    transform: translate3d(-1759px, -948px, 1738px);
}

.star:nth-child(369) {
    transform: translate3d(-137px, 1458px, -955px);
}

.star:nth-child(370) {
    transform: translate3d(-439px, -1293px, -1748px);
}

.star:nth-child(371) {
    transform: translate3d(1634px, -271px, 1869px);
}

.star:nth-child(372) {
    transform: translate3d(-310px, 1122px, 1370px);
}

.star:nth-child(373) {
    transform: translate3d(-1887px, -971px, 31px);
}

.star:nth-child(374) {
    transform: translate3d(1751px, -909px, -851px);
}

.star:nth-child(375) {
    transform: translate3d(1154px, -1554px, 882px);
}

.star:nth-child(376) {
    transform: translate3d(-631px, 1104px, -1705px);
}

.star:nth-child(377) {
    transform: translate3d(1556px, -368px, 988px);
}

.star:nth-child(378) {
    transform: translate3d(-609px, 1984px, -425px);
}

.star:nth-child(379) {
    transform: translate3d(600px, 730px, -758px);
}

.star:nth-child(380) {
    transform: translate3d(-1175px, 1574px, -973px);
}

.star:nth-child(381) {
    transform: translate3d(-1196px, -254px, -33px);
}

.star:nth-child(382) {
    transform: translate3d(-1425px, 1323px, 1684px);
}

.star:nth-child(383) {
    transform: translate3d(-943px, 1095px, 864px);
}

.star:nth-child(384) {
    transform: translate3d(101px, 760px, -411px);
}

.star:nth-child(385) {
    transform: translate3d(-938px, 1700px, 631px);
}

.star:nth-child(386) {
    transform: translate3d(-1637px, -1104px, 539px);
}

.star:nth-child(387) {
    transform: translate3d(-129px, -1453px, -1781px);
}

.star:nth-child(388) {
    transform: translate3d(-778px, -1812px, 1301px);
}

.star:nth-child(389) {
    transform: translate3d(-423px, -21px, 656px);
}

.star:nth-child(390) {
    transform: translate3d(-1882px, -670px, -1523px);
}

.star:nth-child(391) {
    transform: translate3d(-1973px, 893px, -442px);
}

.star:nth-child(392) {
    transform: translate3d(1505px, 1482px, 685px);
}

.star:nth-child(393) {
    transform: translate3d(966px, -1880px, -821px);
}

.star:nth-child(394) {
    transform: translate3d(-1987px, 879px, -1749px);
}

.star:nth-child(395) {
    transform: translate3d(1804px, -97px, -1657px);
}

.star:nth-child(396) {
    transform: translate3d(1244px, 820px, 1585px);
}

.star:nth-child(397) {
    transform: translate3d(-660px, 413px, -973px);
}

.star:nth-child(398) {
    transform: translate3d(1838px, 244px, 1401px);
}

.star:nth-child(399) {
    transform: translate3d(334px, -919px, 604px);
}

.star:nth-child(400) {
    transform: translate3d(-1665px, -1733px, -877px);
}

.star:nth-child(401) {
    transform: translate3d(1156px, 1879px, 1990px);
}

.star:nth-child(402) {
    transform: translate3d(1306px, 874px, 738px);
}

.star:nth-child(403) {
    transform: translate3d(1253px, -1958px, 632px);
}

.star:nth-child(404) {
    transform: translate3d(967px, 1853px, 459px);
}

.star:nth-child(405) {
    transform: translate3d(-81px, 468px, -322px);
}

.star:nth-child(406) {
    transform: translate3d(-1798px, -1372px, 536px);
}

.star:nth-child(407) {
    transform: translate3d(1639px, -38px, -306px);
}

.star:nth-child(408) {
    transform: translate3d(1097px, -1873px, -1921px);
}

.star:nth-child(409) {
    transform: translate3d(1214px, -1095px, 1666px);
}

.star:nth-child(410) {
    transform: translate3d(936px, -874px, 1122px);
}

.star:nth-child(411) {
    transform: translate3d(-706px, -1541px, -1008px);
}

.star:nth-child(412) {
    transform: translate3d(-1287px, 1128px, -235px);
}

.star:nth-child(413) {
    transform: translate3d(1961px, -95px, -160px);
}

.star:nth-child(414) {
    transform: translate3d(1154px, -1607px, 1381px);
}

.star:nth-child(415) {
    transform: translate3d(-1498px, -1189px, 1643px);
}

.star:nth-child(416) {
    transform: translate3d(179px, -1152px, -412px);
}

.star:nth-child(417) {
    transform: translate3d(-805px, 465px, -1761px);
}

.star:nth-child(418) {
    transform: translate3d(-276px, -822px, 272px);
}

.star:nth-child(419) {
    transform: translate3d(782px, 1683px, 1323px);
}

.star:nth-child(420) {
    transform: translate3d(1011px, -269px, 1457px);
}

.star:nth-child(421) {
    transform: translate3d(-323px, -1301px, -927px);
}

.star:nth-child(422) {
    transform: translate3d(585px, 617px, 2px);
}

.star:nth-child(423) {
    transform: translate3d(692px, -342px, -377px);
}

.star:nth-child(424) {
    transform: translate3d(1986px, -1462px, 724px);
}

.star:nth-child(425) {
    transform: translate3d(-1048px, -602px, 1773px);
}

.star:nth-child(426) {
    transform: translate3d(-1515px, 1744px, 1172px);
}

.star:nth-child(427) {
    transform: translate3d(-1368px, 1679px, 926px);
}

.star:nth-child(428) {
    transform: translate3d(-514px, -70px, -398px);
}

.star:nth-child(429) {
    transform: translate3d(-710px, 1325px, -57px);
}

.star:nth-child(430) {
    transform: translate3d(-211px, 912px, -1839px);
}

.star:nth-child(431) {
    transform: translate3d(377px, -99px, -540px);
}

.star:nth-child(432) {
    transform: translate3d(402px, -1612px, -666px);
}

.star:nth-child(433) {
    transform: translate3d(89px, 1276px, 1883px);
}

.star:nth-child(434) {
    transform: translate3d(1512px, 1522px, 1160px);
}

.star:nth-child(435) {
    transform: translate3d(-1027px, -1879px, 1793px);
}

.star:nth-child(436) {
    transform: translate3d(815px, 884px, 673px);
}

.star:nth-child(437) {
    transform: translate3d(-134px, -91px, 782px);
}

.star:nth-child(438) {
    transform: translate3d(1713px, -1779px, -174px);
}

.star:nth-child(439) {
    transform: translate3d(458px, -920px, 275px);
}

.star:nth-child(440) {
    transform: translate3d(-963px, 1526px, -1608px);
}

.star:nth-child(441) {
    transform: translate3d(-1749px, 1297px, -1400px);
}

.star:nth-child(442) {
    transform: translate3d(-915px, 1782px, 1736px);
}

.star:nth-child(443) {
    transform: translate3d(-474px, 1853px, -913px);
}

.star:nth-child(444) {
    transform: translate3d(-1030px, -397px, 1290px);
}

.star:nth-child(445) {
    transform: translate3d(-1354px, 1115px, 1269px);
}

.star:nth-child(446) {
    transform: translate3d(-623px, 1620px, 1848px);
}

.star:nth-child(447) {
    transform: translate3d(1504px, -1958px, -1988px);
}

.star:nth-child(448) {
    transform: translate3d(-1634px, -1838px, -959px);
}

.star:nth-child(449) {
    transform: translate3d(-1915px, -1490px, 611px);
}

.star:nth-child(450) {
    transform: translate3d(-1559px, 95px, -907px);
}

.star:nth-child(451) {
    transform: translate3d(896px, 1098px, -1620px);
}

.star:nth-child(452) {
    transform: translate3d(1490px, 153px, -355px);
}

.star:nth-child(453) {
    transform: translate3d(1149px, -161px, -139px);
}

.star:nth-child(454) {
    transform: translate3d(-1173px, -252px, 976px);
}

.star:nth-child(455) {
    transform: translate3d(1934px, -915px, 1315px);
}

.star:nth-child(456) {
    transform: translate3d(1109px, -416px, 618px);
}

.star:nth-child(457) {
    transform: translate3d(1885px, 1635px, 841px);
}

.star:nth-child(458) {
    transform: translate3d(830px, 1194px, -1772px);
}

.star:nth-child(459) {
    transform: translate3d(149px, 1250px, 609px);
}

.star:nth-child(460) {
    transform: translate3d(-114px, 1977px, -348px);
}

.star:nth-child(461) {
    transform: translate3d(-170px, 149px, -1288px);
}

.star:nth-child(462) {
    transform: translate3d(1698px, 1618px, 1350px);
}

.star:nth-child(463) {
    transform: translate3d(777px, 1699px, -1865px);
}

.star:nth-child(464) {
    transform: translate3d(-1203px, -1443px, 998px);
}

.star:nth-child(465) {
    transform: translate3d(-1110px, -1558px, 803px);
}

.star:nth-child(466) {
    transform: translate3d(-342px, -905px, 558px);
}

.star:nth-child(467) {
    transform: translate3d(1974px, -1009px, -1379px);
}

.star:nth-child(468) {
    transform: translate3d(-1031px, -369px, -1073px);
}

.star:nth-child(469) {
    transform: translate3d(-749px, -257px, 449px);
}

.star:nth-child(470) {
    transform: translate3d(1787px, -1001px, -1859px);
}

.star:nth-child(471) {
    transform: translate3d(957px, 1924px, -952px);
}

.star:nth-child(472) {
    transform: translate3d(1636px, -1821px, -545px);
}

.star:nth-child(473) {
    transform: translate3d(-1862px, -1757px, -1763px);
}

.star:nth-child(474) {
    transform: translate3d(-73px, 809px, -868px);
}

.star:nth-child(475) {
    transform: translate3d(-1970px, 447px, -520px);
}

.star:nth-child(476) {
    transform: translate3d(1513px, 1535px, -941px);
}

.star:nth-child(477) {
    transform: translate3d(-1982px, -1409px, -1624px);
}

.star:nth-child(478) {
    transform: translate3d(-17px, 1247px, -1425px);
}

.star:nth-child(479) {
    transform: translate3d(-1324px, 1660px, 1052px);
}

.star:nth-child(480) {
    transform: translate3d(468px, -1241px, -1286px);
}

.star:nth-child(481) {
    transform: translate3d(1328px, 1834px, -251px);
}

.star:nth-child(482) {
    transform: translate3d(-317px, 1144px, 1111px);
}

.star:nth-child(483) {
    transform: translate3d(1867px, -632px, 602px);
}

.star:nth-child(484) {
    transform: translate3d(-555px, -157px, 434px);
}

.star:nth-child(485) {
    transform: translate3d(-1114px, -1673px, -621px);
}

.star:nth-child(486) {
    transform: translate3d(1609px, 552px, 985px);
}

.star:nth-child(487) {
    transform: translate3d(-912px, -1515px, -1270px);
}

.star:nth-child(488) {
    transform: translate3d(69px, -297px, -69px);
}

.star:nth-child(489) {
    transform: translate3d(155px, 1410px, 1174px);
}

.star:nth-child(490) {
    transform: translate3d(825px, 1393px, -1234px);
}

.star:nth-child(491) {
    transform: translate3d(-613px, -377px, 1613px);
}

.star:nth-child(492) {
    transform: translate3d(-1745px, -1530px, 242px);
}

.star:nth-child(493) {
    transform: translate3d(1523px, -1096px, 1089px);
}

.star:nth-child(494) {
    transform: translate3d(872px, -847px, 738px);
}

.star:nth-child(495) {
    transform: translate3d(1163px, -1544px, -1204px);
}

.star:nth-child(496) {
    transform: translate3d(-1406px, -1352px, -991px);
}

.star:nth-child(497) {
    transform: translate3d(1744px, 132px, -1572px);
}

.star:nth-child(498) {
    transform: translate3d(1457px, -1755px, -156px);
}

.star:nth-child(499) {
    transform: translate3d(141px, -1333px, -773px);
}

.star:nth-child(500) {
    transform: translate3d(-291px, -41px, 133px);
}

.star:nth-child(501) {
    transform: translate3d(-647px, -57px, 1063px);
}

.star:nth-child(502) {
    transform: translate3d(-69px, 1112px, 1107px);
}

.star:nth-child(503) {
    transform: translate3d(1713px, 1844px, -1517px);
}

.star:nth-child(504) {
    transform: translate3d(-178px, 1728px, 1771px);
}

.star:nth-child(505) {
    transform: translate3d(-80px, -1488px, 1539px);
}

.star:nth-child(506) {
    transform: translate3d(-1401px, 586px, -1955px);
}

.star:nth-child(507) {
    transform: translate3d(849px, 1330px, -561px);
}

.star:nth-child(508) {
    transform: translate3d(939px, 1204px, 1131px);
}

.star:nth-child(509) {
    transform: translate3d(-710px, -187px, -98px);
}

.star:nth-child(510) {
    transform: translate3d(-1352px, -47px, -1742px);
}

.star:nth-child(511) {
    transform: translate3d(-1407px, -1870px, 1511px);
}

.star:nth-child(512) {
    transform: translate3d(-941px, 1614px, -1435px);
}

.star:nth-child(513) {
    transform: translate3d(-1789px, 1910px, 121px);
}

.star:nth-child(514) {
    transform: translate3d(615px, -1433px, -858px);
}

.star:nth-child(515) {
    transform: translate3d(-325px, -193px, -1267px);
}

.star:nth-child(516) {
    transform: translate3d(-305px, 1537px, 95px);
}

.star:nth-child(517) {
    transform: translate3d(-1961px, 468px, -1520px);
}

.star:nth-child(518) {
    transform: translate3d(-1240px, -1407px, 810px);
}

.star:nth-child(519) {
    transform: translate3d(-872px, 1052px, -1908px);
}

.star:nth-child(520) {
    transform: translate3d(-1882px, 1731px, -327px);
}

.star:nth-child(521) {
    transform: translate3d(-1557px, 640px, -1263px);
}

.star:nth-child(522) {
    transform: translate3d(927px, 1723px, -1917px);
}

.star:nth-child(523) {
    transform: translate3d(-774px, -1510px, 1295px);
}

.star:nth-child(524) {
    transform: translate3d(303px, -859px, -260px);
}

.star:nth-child(525) {
    transform: translate3d(-1861px, -1729px, -1927px);
}

.star:nth-child(526) {
    transform: translate3d(109px, 1935px, -856px);
}

.star:nth-child(527) {
    transform: translate3d(1699px, -89px, 1381px);
}

.star:nth-child(528) {
    transform: translate3d(-1965px, -133px, -375px);
}

.star:nth-child(529) {
    transform: translate3d(-631px, -1740px, -1861px);
}

.star:nth-child(530) {
    transform: translate3d(-449px, 1177px, 308px);
}

.star:nth-child(531) {
    transform: translate3d(-442px, -944px, 1434px);
}

.star:nth-child(532) {
    transform: translate3d(-395px, 1346px, -1578px);
}

.star:nth-child(533) {
    transform: translate3d(-545px, 464px, -1859px);
}

.star:nth-child(534) {
    transform: translate3d(-666px, -512px, -61px);
}

.star:nth-child(535) {
    transform: translate3d(-985px, 1845px, 1697px);
}

.star:nth-child(536) {
    transform: translate3d(1820px, -1320px, -806px);
}

.star:nth-child(537) {
    transform: translate3d(1979px, -1852px, 656px);
}

.star:nth-child(538) {
    transform: translate3d(-1727px, 138px, -1179px);
}

.star:nth-child(539) {
    transform: translate3d(1230px, -765px, 500px);
}

.star:nth-child(540) {
    transform: translate3d(-383px, 1650px, -1967px);
}

.star:nth-child(541) {
    transform: translate3d(-694px, 1344px, 1947px);
}

.star:nth-child(542) {
    transform: translate3d(-1286px, 1643px, -230px);
}

.star:nth-child(543) {
    transform: translate3d(-1397px, 481px, 1608px);
}

.star:nth-child(544) {
    transform: translate3d(-392px, -563px, 434px);
}

.star:nth-child(545) {
    transform: translate3d(-1766px, 1675px, -401px);
}

.star:nth-child(546) {
    transform: translate3d(-1901px, -443px, -11px);
}

.star:nth-child(547) {
    transform: translate3d(1386px, -1492px, 1146px);
}

.star:nth-child(548) {
    transform: translate3d(-461px, -158px, 890px);
}

.star:nth-child(549) {
    transform: translate3d(741px, 813px, 347px);
}

.star:nth-child(550) {
    transform: translate3d(-181px, -1100px, -417px);
}

.star:nth-child(551) {
    transform: translate3d(-1591px, 1359px, -1769px);
}

.star:nth-child(552) {
    transform: translate3d(794px, -433px, 1142px);
}

.star:nth-child(553) {
    transform: translate3d(-1215px, 1438px, -910px);
}

.star:nth-child(554) {
    transform: translate3d(-684px, -187px, -445px);
}

.star:nth-child(555) {
    transform: translate3d(-456px, 1825px, -954px);
}

.star:nth-child(556) {
    transform: translate3d(-312px, -154px, 563px);
}

.star:nth-child(557) {
    transform: translate3d(-1600px, -1817px, 1985px);
}

.star:nth-child(558) {
    transform: translate3d(171px, -1836px, 792px);
}

.star:nth-child(559) {
    transform: translate3d(1330px, -210px, -224px);
}

.star:nth-child(560) {
    transform: translate3d(-1592px, 663px, 1582px);
}

.star:nth-child(561) {
    transform: translate3d(-970px, 397px, -1841px);
}

.star:nth-child(562) {
    transform: translate3d(-328px, -711px, -319px);
}

.star:nth-child(563) {
    transform: translate3d(-775px, 948px, -401px);
}

.star:nth-child(564) {
    transform: translate3d(-137px, 90px, 269px);
}

.star:nth-child(565) {
    transform: translate3d(-535px, -438px, 210px);
}

.star:nth-child(566) {
    transform: translate3d(1482px, -1777px, 1387px);
}

.star:nth-child(567) {
    transform: translate3d(1268px, 1113px, -420px);
}

.star:nth-child(568) {
    transform: translate3d(1328px, -178px, 685px);
}

.star:nth-child(569) {
    transform: translate3d(504px, 684px, -1643px);
}

.star:nth-child(570) {
    transform: translate3d(330px, -856px, 336px);
}

.star:nth-child(571) {
    transform: translate3d(904px, 268px, -113px);
}

.star:nth-child(572) {
    transform: translate3d(-145px, -1568px, 1525px);
}

.star:nth-child(573) {
    transform: translate3d(156px, 399px, 1102px);
}

.star:nth-child(574) {
    transform: translate3d(-1228px, 1783px, -1686px);
}

.star:nth-child(575) {
    transform: translate3d(912px, 797px, 522px);
}

.star:nth-child(576) {
    transform: translate3d(-461px, -1941px, -1749px);
}

.star:nth-child(577) {
    transform: translate3d(1013px, -781px, 1204px);
}

.star:nth-child(578) {
    transform: translate3d(271px, -1034px, 242px);
}

.star:nth-child(579) {
    transform: translate3d(-1727px, -938px, -1772px);
}

.star:nth-child(580) {
    transform: translate3d(-855px, -674px, 1356px);
}

.star:nth-child(581) {
    transform: translate3d(-362px, 26px, -1233px);
}

.star:nth-child(582) {
    transform: translate3d(-441px, -1791px, -592px);
}

.star:nth-child(583) {
    transform: translate3d(250px, 29px, -1967px);
}

.star:nth-child(584) {
    transform: translate3d(-1687px, -543px, 975px);
}

.star:nth-child(585) {
    transform: translate3d(-715px, 1038px, 156px);
}

.star:nth-child(586) {
    transform: translate3d(1276px, -1206px, -1354px);
}

.star:nth-child(587) {
    transform: translate3d(-391px, -25px, 7px);
}

.star:nth-child(588) {
    transform: translate3d(85px, -1884px, -888px);
}

.star:nth-child(589) {
    transform: translate3d(-1577px, -898px, 1274px);
}

.star:nth-child(590) {
    transform: translate3d(-1112px, -1144px, 977px);
}

.star:nth-child(591) {
    transform: translate3d(-1153px, 801px, -1429px);
}

.star:nth-child(592) {
    transform: translate3d(789px, 302px, 1536px);
}

.star:nth-child(593) {
    transform: translate3d(-1243px, 21px, 504px);
}

.star:nth-child(594) {
    transform: translate3d(1408px, -757px, 980px);
}

.star:nth-child(595) {
    transform: translate3d(812px, -1044px, 712px);
}

.star:nth-child(596) {
    transform: translate3d(-586px, 1176px, -1917px);
}

.star:nth-child(597) {
    transform: translate3d(1550px, -1341px, 804px);
}

.star:nth-child(598) {
    transform: translate3d(-1369px, -673px, -1116px);
}

.star:nth-child(599) {
    transform: translate3d(1272px, -570px, -621px);
}

.star:nth-child(600) {
    transform: translate3d(1653px, 856px, -1333px);
}

@media screen and (max-width: 1200px) {

    .back-to-top {
        right: 5%;
        bottom: 5%;
    }

    section .main-wrapper {
        padding: 0 20px;
    }

    .kv .bg {
        display: none;
    }

    .kv i.play:nth-of-type(1) {
        left: 5%;
    }

    .kv i.play:nth-of-type(2) {
        left: 15%;
    }

    .kv i.play:nth-of-type(3) {
        left: 30%;
    }

    .kv i.play:nth-of-type(4) {
        left: 40%;
    }

    .kv i.play:nth-of-type(5) {
        right: 10%;
    }

    .kv i.play:nth-of-type(6) {
        right: 30%;
    }

    .kv i.play:nth-of-type(7) {
        right: 5%;
    }

    .kv i.play:nth-of-type(8) {
        right: 20%;
    }

    h2 {
        height: 120px;
        margin: 0 auto 45px auto;
        padding-top: 18px;
        max-width: calc(100vw - 80px);
    }

    h2.large {
        height: 170px;
        padding-top: 25px;
        margin-bottom: 50px;
    }

    h2 img {
        height: 42px;
        margin: 0 auto 10px auto;
    }

    h2 span {
        line-height: 33px;
        font-size: 24px;
    }

    .pad {
        display: block !important;
    }

    .desktop,
    .mobile {
        display: none !important;
    }

    .kv .scroll {
        width: 70px;
        top: calc(100% - 100px);
    }

    .main1 {
        padding-top: 92px;
    }

    .main1 .bg {
        padding: 35px 0 84px 0;
    }

    .main1 .bg:before {
        background-image: linear-gradient(to top, #001334, #041c47, #001334);
    }

    .main1 .bg:after {
        background-image: linear-gradient(to top, #001334, #103484, #001334);
    }

    .main1 .text > div strong {
        margin-bottom: 459px;
    }

    .main1 .text > .left {
        padding-right: 30px;
    }

    .main1 .text > .right {
        padding-left: 30px;
    }

    .main1 .text > .left strong b {
        display: block;
        font-size: 26px;
        line-height: 45px;
        margin-bottom: 8px;
        width: auto;
    }
    .main1 .text > .left strong b span {
        font-size: 18px;
    }

    .main1 .text > .left strong b:after {
        margin-top: 10px;
        right: auto;
        left: 0;
        width: 210px;
    }

    .main1 .text > .right strong b {
        display: block;
        font-size: 28px;
        line-height: 45px;
        margin-bottom: 8px;
        width: auto;
    }

    .main1 .text > .right strong b:after {
        margin-top: 10px;
        left: auto;
        right: 0;
        width: 210px;
    }

    .main1 .text > div strong > img {
        display: block;
        margin: 0px auto 5px auto;
    }

    .main1 .text > div strong small {
        font-size: 17px;
    }

    .main1 .text .left strong > i {
        right: 0;
        top: 70px;
    }

    .main1 .text .right strong > i {
        left: 0;
        top: 70px;
    }

    .main1 .text > div .box {
        display: block;
        margin: 0px auto;
    }

    .main1 .text > div .list {
        display: block;
        margin: 7px auto 0 auto;
    }

    .main1 .text > img {
        top: 240px;
    }

    .main2 {
        padding-top: 237px;
        padding-bottom: 106px;
        overflow: hidden;
    }

    .main2 > .fly {
        width: 400px;
        left: 31px;
        top: 0;
    }

    .main2 > .left {
        width: 400px;
        top: -160px;
    }

    .main2 > .right {
        width: 400px;
        right: 0;
        top: auto;
        bottom: 0;
    }

    .main2 > .earth {
        display: none;
    }

    .main2 .tabs .main {
        padding-top: 50px;
        padding-bottom: 107px;
    }

    .main2 .tabs .main .bg {
        background: url(../img/main2-box-head-pad.png) center no-repeat;
        background-size: 100% auto;
        top: 50%;
        height: calc(50% - 63px);
    }

    .main2 .tabs .main:before {
        height: 50%;
        background: url(../img/main2-box-head-pad.png) top no-repeat;
        background-size: 100% auto;
    }

    .main2 .tabs .main + .main:before {
        background: url(../img/main2-box-head-pad_.png) top no-repeat;
        background-size: 100% auto;
    }

    .main2 .tabs .main:after {
        height: 63px;
        background: url(../img/main2-box-head-pad.png) bottom no-repeat;
        background-size: 100% auto;
    }

    .main2 .tabs .main .box {
        width: calc(100% - 100px);
    }

    .main2 .tabs .main .box h3 {
        width: 263px;
        padding: 0 18px;
    }

    .main2 .tabs .main .box h4.center {
        text-align: center;
    }

    .main2 .tabs .main .box .block {
        display: block;
        width: 100%;
    }

    .main2 .tabs .main .box .half {
        display: block;
        width: 100%;
    }

    .main2 .tabs .main .box .half + .half {
        margin-top: 30px;
    }

    .main2 .tabs .main .box .block > .half {
        width: calc(50% - 24px);
        margin-right: 40px;
    }

    .main2 .tabs .main .box .block > .half + .half {
        margin: 0;
    }

    .main2 .tabs .main .box .circle {
        margin: 0px auto;
        height: auto;
    }

    .main2 .tabs .main .box small {
        margin-top: 20px;
    }

    .main2 .tabs .main .box .map > strong {
        left: 21px;
        bottom: 22px;
    }

    .main2 .tabs .main .box .map > div > div,
    .main2 .tabs .main .box .map > div input:checked + div {
        display: none !important;
    }

    .main2 .tabs .main .box .map > div .btn1:nth-of-type(1),
    .main2 .tabs .main .box .map > div .btn2:nth-of-type(1),
    .main2 .tabs .main .box .map > div .btn3:nth-of-type(1) {
        opacity: 1;
    }

    .main2 .tabs .main .box .map > div .btn1:nth-of-type(2),
    .main2 .tabs .main .box .map > div .btn2:nth-of-type(2),
    .main2 .tabs .main .box .map > div .btn3:nth-of-type(2) {
        opacity: 1;
    }

    .main2 .tabs .main .box .country-list {
        padding: 22px 0 5px 0;
        display: block !important;
    }

    .main2 .tabs .main .box .country-list p {
        display: inline-block;
        vertical-align: top;
        margin-left: 3%;
        width: 20%;
    }

    .main2 .tabs .main .box .country-list p:nth-of-type(1) b {
        display: block;
        background: rgba(255, 255, 255, 0.2);
        border-left: 10px solid #00f2da;
        color: #00f2da;
        font-size: 16px;
        padding-left: 10px;
        margin-bottom: 10px;
        line-height: 30px;
    }

    .main2 .tabs .main .box .country-list p:nth-of-type(2) b {
        display: block;
        background: rgba(255, 255, 255, 0.2);
        border-left: 10px solid #ff766b;
        color: #ff766b;
        font-size: 16px;
        padding-left: 10px;
        margin-bottom: 10px;
        line-height: 30px;
    }

    .main2 .tabs .main .box .country-list p:nth-of-type(3) b {
        display: block;
        background: rgba(255, 255, 255, 0.2);
        border-left: 10px solid #e2c137;
        color: #e2c137;
        font-size: 16px;
        padding-left: 10px;
        margin-bottom: 10px;
        line-height: 30px;
    }

    .main2 .tabs .main .box .country-list p span {
        display: inline-block;
        color: #fff;
        padding-left: 20px;
        line-height: 20px;
        width: 100%;
    }

    .main2 .tabs .main .box .country-list p span.half {
        display: inline-block;
        width: calc(50% - 3px);
        margin: 0;
    }

    .main2 .tabs .main .box .country-list p span i {
        float: right;
        font-style: normal;
        width: 50px;
    }

    .main2 .tabs .main .box .country-list p:last-of-type {
        width: 47%;
    }

    .main2 .tabs .main .box .number-list {
        margin-top: -30px;
    }

    .main2 .tabs .main .box .number-list p {
        width: calc(50% - 14px);
        margin-right: 20px;
        padding-top: 25px;
        padding-bottom: 10px;
        height: 75px;
    }

    .main2 .tabs .main .box .number-list p:nth-of-type(3n) {
        margin-right: 20px;
    }

    .main2 .tabs .main .box .number-list p:nth-of-type(2n) {
        margin-right: 0;
    }

    .main2 .tabs .main .box .sm-list > div {
        display: block;
        width: calc(100% - 210px);
    }

    .main2 .tabs .main .box .sm-list > div p {
        padding-left: 0;
    }

    .main2 .tabs .main .box .sm-list > img {
        top: auto;
        bottom: 0;
        right: 0;
    }

    .main3 {
        padding-top: 100px;
        padding-bottom: 99px;
    }

    .main3 .box {
        padding: 39px 37px 0 37px;
        background: url(../img/main3-box-top-pad.png) no-repeat;
        background-size: 100% 100%;
    }

    .main3 .box > div {
        width: 100%;
        max-width: 440px;
    }

    .main3 .box > div img {
        width: 100%;
        max-width: 300px;
    }

    .main3 .box > div strong {
        margin: 62px auto 10px auto;
    }

    .main3 .box > div p {
        padding: 0;
        height: 66px;
    }

    .main3 .tabs ul li:nth-of-type(1) {
        width: 11%;
        left: 19%;
        top: 5%;
    }

    .main3 .tabs ul li:nth-of-type(2) {
        width: 11%;
        left: 4%;
        top: 16%;
    }

    .main3 .tabs ul li:nth-of-type(3) {
        width: 11%;
        left: 7%;
        top: 45%;
    }

    .main3 .tabs ul li:nth-of-type(4) {
        width: 11%;
        left: 22%;
        top: 55%;
    }

    .main3 .tabs ul li:nth-of-type(5) {
        width: 11%;
        right: 19%;
        top: 5%;
    }

    .main3 .tabs ul li:nth-of-type(6) {
        width: 11%;
        right: 4%;
        top: 16%;
    }

    .main3 .tabs ul li:nth-of-type(7) {
        width: 11%;
        right: 7%;
        top: 45%;
    }

    .main3 .tabs ul li:nth-of-type(8) {
        width: 11%;
        right: 22%;
        top: 55%;
    }

    .main3 .tabs > .line-left {
        left: 8%;
        top: 11%;
        width: 22%;
        height: 55%;
    }

    .main3 .tabs > .line-right {
        right: 8%;
        top: 11%;
        width: 22%;
        height: 55%;
    }

    .main4 {
        padding-top: 100px;
        padding-bottom: 320px;
    }

    .main4 > .fly {
        width: 223px;
        right: 0;
        top: 870px;
    }

    .main4 > .arrow {
        display: none;
    }

    .main4 > .earth {
        width: 557px;
    }

    .main4 .year-img {
        margin: 0 auto 82px auto;
    }

    .main4 .year-img > div {
        height: auto;
    }

    .main4 .year-img > div:nth-of-type(1) {
        width: 36%;
        padding: 35px 8% 0 3%;
    }

    .main4 .year-img > div:nth-of-type(2) {
        width: 43%;
        margin: 0 -8%;
        padding: 35px 8% 0 8%;
    }

    .main4 .year-img > div:nth-of-type(3) {
        width: 36%;
        padding: 35px 6% 0 6%;
    }

    .main4 .year-img > div strong {
        margin-bottom: 18px;
    }

    .main4 .year-img > div p {
        height: 88px;
    }

    .main4 .tabs {
        max-width: 600px;
        margin: 0px auto 19px auto;
    }

    .main4 .tabs > ul {
        width: 375px;
        height: 135px;
        margin: 0 auto 30px auto;
        float: left;
    }

    .main4 .tabs > ul li {
        float: left;
    }

    .main4 .tabs > ul li:nth-of-type(2),
    .main4 .tabs > ul li:nth-of-type(3) {
        margin-top: 0;
        margin-left: -41px;
    }

    .main4 .tabs > ul li a {
        background: url(../img/tab-arrow-2-defult-mobile.png) no-repeat;
        background-size: 100% 100%;
        line-height: 135px;
        height: 135px;
        width: 152px;
        font-size: 22px;
        padding-top: 0;
        padding-left: 10%;
    }

    .main4 .tabs > ul li.ui-tabs-active a {
        background: url(../img/tab-arrow-2-active-mobile.png) no-repeat;
        background-size: 100% 100%;
    }

    .main4 .tabs > ul li:first-of-type a {
        background: url(../img/tab-arrow-1-defult-mobile.png) no-repeat;
        background-size: 100% 100%;
        padding-left: 0;
    }

    .main4 .tabs > ul li:first-of-type.ui-tabs-active a {
        background: url(../img/tab-arrow-1-active-mobile.png) no-repeat;
        background-size: 100% 100%;
    }

    .main4 .tabs > ul li a:before {
        right: 50%;
        top: auto;
        bottom: -5px;
    }

    .main4 .tabs > ul li a:after {
        right: 53%;
        top: auto;
        bottom: -30px;
        width: 2px;
        height: 25px;
    }

    .main4 .tabs > ul li.ui-tabs-active a:before,
    .main4 .tabs > ul li.ui-tabs-active a:after {
        display: block;
    }

    .main4 .tabs > div {
        width: 100%;
        height: auto;
        padding: 61px 15px 41px 15px;
    }

    .main4 .word {
        max-width: 600px;
        margin: 0px auto;
    }

    .main4 .alert-box {
        margin: 100px auto 0 auto;
        max-width: calc(100vw - 110px);
    }

    .main4 .alert-box .title {
        height: 124px;
        background: url(../img/alert-box-head-pad.png) no-repeat;
        background-size: 100% 100%;
        padding: 31px 48px 31px 48px;
        line-height: 22px;
    }

    .main4 .alert-box .title b {
        display: block;
        margin-bottom: 7px;
    }

    .main4 .alert-box .foot {
        height: 121px;
        background: url(../img/alert-box-foot-pad.png) no-repeat;
        background-size: 100% 100%;
    }

    .main4 .alert-box .text {
        padding: 28px 31px 0 31px;
    }

    .main4 .alert-box .text p:first-of-type {
        margin: 0;
    }

    .foot-link {
        position: fixed;
        left: 0;
        bottom: 0;
        width: 100%;
        z-index: 9999;
    }

    .foot-link img {
        display: block;
        width: 97%;
        position: relative;
        margin: 0px auto;
        z-index: 0;
    }

    .foot-link #foot-link1 {
        display: block;
        position: absolute;
        left: 0;
        top: 0;
        width: 50%;
        height: 100%;
        z-index: 1;
    }

    .foot-link #foot-link2 {
        display: block;
        position: absolute;
        right: 0;
        top: 0;
        width: 50%;
        height: 100%;
        z-index: 1;
    }
}

@media screen and (max-width: 991px) {
    .kv {
        top: 50px;
        height: calc(100% - 50px);
    }

    .main2 .tabs ul li a {
        font-size: 16px;
        line-height: 24px;
    }
}

@media screen and (max-width: 765px) {
    .main2 .tabs ul {
        padding-top: 0;
    }

    h2 {
        margin: 0 auto 30px auto;
        max-width: 300px;
        height: 146px;
        background: url(../img/h2-bg1-mobile.png) top no-repeat;
        background-size: 300px 80px;
        padding-top: 20px;
        white-space: nowrap;
    }

    h2.large {
        height: 196px;
        background: url(../img/h2-bg4-mobile.png) top no-repeat;
        background-size: 300px 150px;
        padding-top: 30px;
    }

    h2 img {
        height: 40px;
        margin: 0 auto 30px auto;
    }

    h2.large img {
        height: 90px;
        margin: 0 auto 40px auto;
    }

    h2 span {
        line-height: 25px;
        font-size: 18px;
    }

    .kv .scroll {
        width: 50px;
        top: calc(100% - 70px);
    }

    .main1 {
        padding-top: 80px;
    }

    .main1 .bg {
        padding: 0;
    }

    .main1 .bg:before {
        width: 100%;
        height: 50%;
        background-image: linear-gradient(to top, #001334, #041c47, #001334);
    }

    .main1 .bg:after {
        width: 100%;
        height: 50%;
        top: auto;
        bottom: 0;
        background-image: linear-gradient(to top, #001334, #103484, #001334);
    }

    .main1 .text .left {
        width: 100%;
        text-align: center;
        margin-bottom: 73px;
        padding: 0;
    }

    .main1 .text .right {
        width: 100%;
        text-align: center;
        padding: 0;
    }

    .main1 .text > div strong {
        margin-bottom: 35px;
    }

    .main1 .text > .left strong b {
        display: block;
        line-height: 45px;
        margin-bottom: 22px;
        width: calc(100% - 94px);
        margin-left: 94px;
        text-align: left;
    }

    .main1 .text > .right strong b {
        display: block;
        line-height: 45px;
        margin-bottom: 22px;
        width: calc(100% - 94px);
        margin-left: 94px;
        text-align: left;
    }

    .main1 .text > .right strong b:after {
        left: 0;
        right: auto;
    }

    .main1 .text > div strong > img {
        display: block;
        height: 52px;
        margin: 0 auto -10px auto;
    }

    .main1 .text > div strong small {
        font-size: 16px;
    }

    .main1 .text .left strong > i {
        right: auto;
        top: 48px;
        left: 0;
    }

    .main1 .text .right strong > i {
        right: auto;
        top: 48px;
        left: 0;
    }

    .main1 .text > div > img {
        width: 200px;
        display: block;
        margin: 0 auto 10px auto;
    }

    .main1 .text > div .box {
        display: block;
        width: 100%;
    }

    .main1 .text > div .list {
        display: block;
        width: 100%;
        margin-top: 2px;
    }

    .main1 .text > div .list span {
        margin-top: 20px;
    }

    .main1 .text > img {
        display: none;
    }

    .main2 {
        padding-top: 75px;
        padding-bottom: 78px;
    }

    .main2 > .right {
        width: 90%;
    }

    .main2 > .fly,
    .main2 > .left,
    .main2 > .earth {
        display: none;
    }

    .main2 .tabs .main {
        padding-bottom: 333px;
    }

    .main2 .tabs .main .box {
        width: calc(100% - 50px);
    }

    .main2 .tabs ul li a {
        line-height: 65px;
    }

    .main2 .tabs .main .box .name {
        display: block;
        margin: 30px auto -30px auto;
        text-align: center;
        color: #fff;
        font-size: 20px;
        font-weight: 700;
        line-height: 28px;
    }

    .main2 .tabs .main .box .name span {
        display: block;
        color: #e2c137;
    }

    .main2 .tabs .main .box h3 {
        width: 100%;
        line-height: 40px;
        font-size: 18px;
        text-align: center;
        padding: 0;
        margin: 60px auto 30px auto;
    }

    .main2 .tabs .main .box .half + .half {
        margin-top: 60px;
    }

    .main2 .tabs .main .box .block > .half {
        width: calc(50% - 4px);
        margin-right: 0;
    }

    .main2 .tabs .main .box .circle {
        width: 120px;
        line-height: 120px;
        height: auto;
    }

    .main2 .tabs .main .box .circle1,
    .main2 .tabs .main .box .circle2,
    .main2 .tabs .main .box .circle3 {
        font-size: 22px;
    }

    .main2 .tabs .main .box .circle2 span,
    .main2 .tabs .main .box .circle3 span {
        font-size: 22px;
    }

    .main2 .tabs .main .box .map > strong {
        display: none;
    }

    .main2 .tabs .main .box .country-list p:nth-of-type(1) {
        width: calc(48% - 3px);
        margin-left: 0;
    }

    .main2 .tabs .main .box .country-list p:nth-of-type(2) {
        width: calc(48% - 3px);
        margin-left: 4%;
    }

    .main2 .tabs .main .box .country-list p:nth-of-type(3) {
        width: calc(100% - 2px);
        margin: 15px 0 0 0;
    }

    .main2 .tabs .main .box .other {
        display: block;
        margin: 10px auto 20px auto;
    }

    .main2 .tabs .main .box .other span {
        display: inline-block;
        vertical-align: middle;
        margin-right: 15px;
        border-left: 10px solid #00ffff;
        font-size: 16px;
        font-weight: 500;
        color: #00ffff;
        line-height: 20px;
        padding-left: 7px;
    }

    .main2 .tabs .main .box .number-list {
        margin-top: -10px;
    }

    .main2 .tabs .main .box .number-list p {
        display: block;
        width: 100%;
        margin-right: 0;
        padding-top: 15px;
        height: auto;
    }

    .main2 .tabs .main .box .number-list p:nth-of-type(3n) {
        margin-right: 0;
    }

    .main2 .tabs .main .box .number-list p:nth-of-type(2n) {
        margin-right: 0;
    }

    .main2 .tabs .main .box .sm-list > div {
        display: block;
        width: 100%;
    }

    .main2 .tabs .main .box .sm-list > div p {
        font-size: 15px;
        line-height: 25px;
        padding: 4px 0;
    }

    .main2 .tabs .main .box .sm-list > div p img {
        margin-right: 5px;
    }

    .main2 .tabs .main .box .sm-list > div p b {
        width: 85px;
    }

    .main2 .tabs .main .box .sm-list > div p span {
        max-width: 160px;
        margin-left: 15px;
    }

    .main2 .tabs .main .box .sm-list > img {
        bottom: -255px;
        left: 0;
        margin: auto;
    }

    .main3 {
        padding-top: 54px;
        padding-bottom: 78px;
        background: url(../img/main3-bg-mobile.png) #103484 center repeat-x;
        background-size: auto 100%;
        min-height: inherit;
    }

    .main3 .box {
        padding: 30px 30px 0 30px;
        background: url(../img/main3-box-top-mobile.png) top no-repeat;
        background-size: 100% 50px;
    }

    .main3 .tabs > div {
        position: relative;
    }

    .main3 .tabs > div:after {
        content: "";
        display: block;
        position: absolute;
        top: 50px;
        left: 0;
        right: 0;
        margin: auto;
        width: 100%;
        height: calc(100% - 50px);
        z-index: -1;
        background: url(../img/main3-box-main-bg-mobile.png) top repeat-y;
        background-size: 100% auto;
    }

    .main3 .box > div {
        max-width: none;
    }

    .main3 .box > div img {
        max-width: none;
    }

    .main3 .box > div strong {
        margin: 7px auto 10px auto;
    }

    .main3 .box > div p {
        height: 110px;
    }

    .main3 .tabs {
        position: relative;
    }

    .main3 .tabs ul {
        white-space: nowrap;
        overflow: auto;
        width: 100vw;
        margin: 0 -20px;
        padding: 0 10px;
        position: relative;
    }

    .main3 .tabs ul li {
        position: relative !important;
        display: inline-block !important;
        ;
        vertical-align: middle;
        left: 0 !important;
        top: 0 !important;
        right: 0 !important;
        bottom: 0;
        margin-bottom: 20px;
        width: 80px !important;
    }

    .main3 .tabs ul li:not(.ui-tabs-active) {
        opacity: 0.5;
    }

    .main3 .tabs .prev {
        width: 40px;
        height: 40px;
        position: absolute;
        left: -20px;
        top: 60%;
        margin: auto;
        z-index: 2;
        cursor: pointer;
    }

    .main3 .tabs .next {
        width: 40px;
        height: 40px;
        position: absolute;
        right: -20px;
        top: 60%;
        margin: auto;
        z-index: 2;
        cursor: pointer;
    }

    .main3 .tabs .prev img,
    .main3 .tabs .next img {
        display: block;
        width: 40px;
        height: 40px;
        border-radius: 40px;
        -moz-border-radius: 40px;
        -webkit-border-radius: 40px;
    }

    .main3 .tabs > .line-left,
    .main3 .tabs > .line-right {
        display: none;
    }

    .main4 {
        padding-top: 75px;
        padding-bottom: 341px;
    }

    .main4 > .fly,
    .main4 > .arrow {
        display: none;
    }

    .main4 > .earth {
        width: 100%;
    }

    .main4 .year-img {
        margin-bottom: 88px;
        padding-top: 20px;
    }

    .main4 .year-img > div {
        float: none;
    }

    .main4 .year-img > br {
        display: none;
    }

    .main4 .year-img > div:nth-of-type(1) {
        width: 300px;
        padding: 35px 40px 64px 40px;
        height: 346px;
        background: url(../img/main4-step1-bg-mobile.png) no-repeat;
        background-size: 100% 100%;
        margin: 0px auto;
    }

    .main4 .year-img > div:nth-of-type(2) {
        width: 300px;
        padding: 79px 40px 56px 40px;
        height: 400px;
        background: url(../img/main4-step2-bg-mobile.png) no-repeat;
        background-size: 100% 100%;
        margin: -56px auto;
    }

    .main4 .year-img > div:nth-of-type(3) {
        width: 300px;
        padding: 73px 40px 62px 40px;
        height: 400px;
        background: url(../img/main4-step3-bg-mobile.png) no-repeat;
        background-size: 100% 100%;
        margin: 0px auto;
    }

    .main4 .year-img > div strong {
        margin-bottom: 10px;
    }

    .main4 .year-img > div p {
        height: 66px;
    }

    .main4 .year-img > div img {
        float: left;
        margin: 0;
        width: 135px;
    }

    .main4 .year-img > div ul {
        float: left;
        width: 58px;
        padding: 0 0 0 10px;
        margin: 0;
        white-space: nowrap;
    }

    .main4 .year-img > div:after {
        content: "";
        display: block;
        clear: both;
    }

    .main4 .year-img > div ul li {
        display: block;
    }

    .main4 .year-img > div br {
        display: block;
    }

    .main4 .tabs > ul {
        width: 300px;
        height: 82px;
        margin: 0 auto 20px auto;
        float: none;
    }

    .main4 .tabs > ul li {
        float: left;
    }

    .main4 .tabs > ul li:nth-of-type(2),
    .main4 .tabs > ul li:nth-of-type(3) {
        margin-top: 0;
        margin-left: -32px;
    }

    .main4 .tabs > ul li a {
        background: url(../img/tab-arrow-2-defult-mobile.png) no-repeat;
        background-size: 100% 100%;
        line-height: 82px;
        height: 82px;
        width: 120px;
        font-size: 22px;
        padding-top: 0;
        padding-left: 10%;
    }

    .main4 .tabs > ul li.ui-tabs-active a {
        background: url(../img/tab-arrow-2-active-mobile.png) no-repeat;
        background-size: 100% 100%;
    }

    .main4 .tabs > ul li:first-of-type a {
        background: url(../img/tab-arrow-1-defult-mobile.png) no-repeat;
        background-size: 100% 100%;
        padding-left: 0;
    }

    .main4 .tabs > ul li:first-of-type.ui-tabs-active a {
        background: url(../img/tab-arrow-1-active-mobile.png) no-repeat;
        background-size: 100% 100%;
    }

    .main4 .tabs > ul li a:before {
        right: 50%;
        top: auto;
        bottom: -5px;
    }

    .main4 .tabs > ul li a:after {
        right: 53%;
        top: auto;
        bottom: -20px;
        width: 2px;
        height: 15px;
    }

    .main4 .tabs > ul li.ui-tabs-active a:before,
    .main4 .tabs > ul li.ui-tabs-active a:after {
        display: block;
    }

    .main4 .tabs > div {
        width: 100%;
        height: auto;
        padding: 61px 15px 41px 15px;
    }

    .main4 .tabs > div img {
        width: 100%;
        margin-bottom: 20px;
    }

    .main4 .tabs > div .text {
        width: 100%;
    }

    .main4 .tabs > div .text strong {
        font-size: 19px;
        padding-bottom: 0;
        line-height: 28px;
        text-align: center;
    }

    .main4 .alert-box {
        margin-top: 50px;
        max-width: inherit;
    }

    .main4 .alert-box .title {
        height: 130px;
        background: url(../img/alert-box-head-mobile.png) no-repeat;
        background-size: 100% 100%;
        padding: 27px 30px 21px 30px;
        line-height: 22px;
        text-align: center;
    }

    .main4 .alert-box .title b {
        display: block;
        margin-bottom: 5px;
    }

    .main4 .alert-box .foot {
        height: 32px;
        background: url(../img/alert-box-foot-mobile.png) no-repeat;
        background-size: 100% 100%;
    }

    .main4 .alert-box .text {
        padding: 36px 25px 30px 25px;
        width: calc(100% - 5px);
        margin: 0 2px 0 3px;
    }

    .main4 .alert-box .text p:first-of-type {
        margin: 0;
    }

    .mobile {
        display: block !important;
    }

    .desktop,
    .pad {
        display: none !important;
    }

    .back-to-top {
        right: 5%;
        bottom: 15%;
    }
}

@media screen and (max-width: 576px) {
    .main2 .tabs .main .bg {
        background: url(../img/main2-box-head-mobile.png) center no-repeat;
        background-size: 100% auto;
        top: 50%;
        height: calc(50% - 43px);
    }

    .main2 .tabs .main:before {
        height: 50%;
        background: url(../img/main2-box-head-mobile.png) top no-repeat;
        background-size: 100% auto;
    }

    .main2 .tabs .main + .main:before {
        background: url(../img/main2-box-head-mobile_.png) top no-repeat;
        background-size: 100% auto;
    }

    .main2 .tabs .main:after {
        height: 43px;
        background: url(../img/main2-box-head-mobile.png) bottom no-repeat;
        background-size: 100% auto;
    }
}

@media screen and (max-width: 400px) {

    .main1 .text .left strong small,
    .main1 .text .right strong small {
        font-size: 16px;
    }

    .main2 .tabs .main .box .sm-list > div p {
        font-size: 13px;
    }

    .main2 .tabs .main .box .sm-list > div p b {
        width: 70px;
    }
}