body {
    padding: 0;
    margin: 0;
}

a {
    text-decoration: none;
}

@font-face {
    font-family: Squre;
    src: url(../squarefont/Square.ttf);
}
.wrapper-main {
    width: 100%;
    height: 14270px;
    background-color: #000000;
    overflow: hidden;

}
.wrapper {
    border: 0px solid red;
    width: 1280px;
    height:14270px;
    margin: auto;
    background-color: #ffffff;
}
.short-menu {
    width: 116px;
    height: 115px;
    float: left;
    cursor: pointer;
    background: url("../images/short_menu.png") no-repeat;
    z-index: 99;
    position: fixed;
    margin: 39px 0 0 143px;
    border-radius: 69px;
}

.short-menu-pop{
    border: 0px solid #F00;
    width: 73px;
    height: 85px;
    position: fixed;
    /*background:url("../images/logo_w2.png") no-repeat;*/
    background: url("../images/logo-w_5.png");
    z-index: 999999;
    margin: 54px 0px 0px 160px;
    display: none;
    cursor: pointer;
}



.x{
    border:0px solid red;
    width:auto;
    height:auto;
    margin: 11px;
}

.world-text {
    border: 0px solid red;
    width: auto;
    height: auto;
    position: absolute;
    margin: 150px 0 0 142px;
}
.txt-world{
    border:0px solid red;
    width:1000px;
    height: 385px;
    margin: auto;
}
.txt-fly{
    border:0px solid red;
    width:535;
    height:auto;
    overflow: hidden;
    margin: auto;
}
.txt-dis{
    border:0px solid red;
    width:780;
    height:auto;
    overflow: hidden;
    margin: auto;
}

.eye-view {
    border: 0px solid red;
    width: auto;
    height: auto;
    position: absolute;
    margin: 222px 0 0 132px;
    z-index: 9;
}
.popup {
    border: 0px solid #FFFFFF;
    width: 1000px;
    height: 400px;
    position: absolute;
    background-color: #000000;
    margin: 220px 0 0 140px;
    display: none;
    z-index: 9999999;
}
.popup1 {
    border-bottom: 0px solid #FFFFFF;
    width: 1000px;
    height: 400px;
    position: absolute;
    background-color: #000000;
    margin: 220px 0 0 140px;
    display: none;
    z-index: 9999999;
}
.popup2 {
    border: 0px solid red;
    width: 1000px;
    height: 400px;
    position: absolute;
    background-color: #000000;
    margin: 220px 0 0 140px;
    display: none;
    z-index: 9999999;
}
.popup4 {
    border: 0px solid red;
    width: 1000px;
    height: 400px;
    position: absolute;
    background-color: #000000;
    margin: 220px 0 0 140px;
    display: none;
    z-index: 9999999;
}
.popup5 {
    border-bottom: 0px solid #FFFFFF;
    width: 1000px;
    height: 400px;
    position: absolute;
    background-color: #000000;
    margin: 220px 0 0 140px;
    display: none;
    z-index: 9999999;
}

.close {
    border: 1px solid #283872;
    width: 40px;
    height: 40px;
    position: absolute;
    border-radius: 25px;
    background-color: #e52673;
    margin: -22px;
    right: 0;
    cursor: pointer;
}
.close1 {
    border: 1px solid #283872;
    width: 40px;
    height: 40px;
    position: absolute;
    border-radius: 25px;
    background-color: #e52673;
    margin: -22px;
    right: 0;
    cursor: pointer;
}
.close2 {
    border: 1px solid #283872;
    width: 40px;
    height: 40px;
    position: absolute;
    border-radius: 25px;
    background-color: #e52673;
    margin: -22px;
    right: 0;
    cursor: pointer;
}
.close3 {
    border: 1px solid #283872;
    width: 40px;
    height: 40px;
    position: absolute;
    border-radius: 25px;
    background-color: #e52673;
    margin: -22px;
    right: 0;
    cursor: pointer;
}
.close4 {
    border: 1px solid #283872;
    width: 40px;
    height: 40px;
    position: absolute;
    border-radius: 25px;
    background-color: #e52673;
    margin: -22px;
    right: 0;
    cursor: pointer;
}

.close5 {
    border: 1px solid #283872;
    width: 40px;
    height: 40px;
    position: absolute;
    border-radius: 25px;
    background-color: #e52673;
    margin: -22px;
    right: 0;
    cursor: pointer;
}


.nevi-wrapper{
    border: 0px solid #F00;
    width: 273px;
    height: 174px;
    position: fixed;
    background-color: #E52673;
    z-index: 99999;
    overflow: hidden;
    /*display: none;*/
    padding: 106px 0px 0px;
    margin: 40px 0px 0px 66px;
    font-family: Squre;
}


.nevi {
    border: 0px solid #F00;
    width: 273px;
    height: 145px;
    position: fixed;
    background-color: #E52673;
    z-index: 99999;
    overflow: hidden;
    display: none;
    padding: 106px 0px 0px;
    margin: 40px 0px 0px 66px;
    font-family: Squre;
}

.nevi > ul {
    list-style: none;
    margin: 0px 0px 10 -39px;
}

.nevi > ul > li {
    height: auto;
    padding: 0 20px 0 20px;
    cursor: pointer;
    text-transform: uppercase;
    font-size: 14px;
    line-height: 27px;
    color: #fff;
}

.nevi > ul > li:hover {
    height: auto;
    padding: 0 20px 0 20px;
    cursor: pointer;
    text-transform: uppercase;
    line-height: 27px;
    background-color: #000;
    color: #fff;
    margin-bottom: 1px;
}
.nevi > ul > li a {
    color: #fff;
}
.learn {
    border: 0px solid red;
    width: 145px;
    height: 40px;
    position: absolute;
    margin-top: 270px;
    margin-left: 150px;
    overflow: hidden;
    cursor: pointer;
}
.learn_page2 {
    border: 0px solid red;
    width: 145px;
    height: 40px;
    z-index: 9999;
    position: absolute;
    margin-top: 295px;
    margin-left: 383px;
    overflow: hidden;
    cursor: pointer;
}
.learn_page3 {
    border: 0px solid red;
    width: 145px;
    height: 40px;
    z-index: 9999;
    position: absolute;
    margin: 472px 0 0 568px;
    overflow: hidden;
    cursor: pointer;
}

.learn_page4 {
    border: 0px solid red;
    width: auto;
    height: auto;
    position: absolute;
    z-index: 99;
    margin: 438px 0 0 569px;
    cursor: pointer;
}
.learn_page5 {
    border: 0px solid red;
    width: auto;
    height: auto;
    position: absolute;
    margin: 227px 0px 0px 990px;
    z-index: 99;
}
.online {
    border: 1px solid red;
    width: 115px;
    height: 110px;
    position: absolute;
}
.plane-bubble {
    border: 0px solid red;
    width: 350px;
    height: 350px;
    top: 2260px;
    right: 15%;
    position: absolute;
    /* border-radius: 148px; */
    overflow: hidden;
    word-wrap: break-word;
    font-family: new;
    line-height: 50px;
    font-size: 30px;
    background: rgba(255, 255, 255, 0.55);
    font-weight: bold;
    display: none;
}
.tank-bubble {
    border: 0px solid red;
    width: 350px;
    height: 350px;
    top: 3040px;
    left: 7%;
    position: absolute;
    /* border-radius: 148px; */
    overflow: hidden;
    word-wrap: break-word;
    font-family: new;
    line-height: 50px;
    font-size: 30px;
    background: rgba(255, 255, 255, 0.55);
    font-weight: bold;
    display: none;
}
.plane2 {
    border: 1px solid red;
    width: 260px;
    height: 130px;
    overflow: hidden;
    position: absolute;
    margin: 2150px 800px;
}
.plane1 {
    border: 1px solid red;
    width: 430px;
    height: 200px;
    margin: 2250px 600px;
    position: absolute;
    overflow: hidden;
}
#main-scenes {
    position: relative;

}
.client {
    border: 1px solid red;
    width: 750px;
    height: 540px;
    margin: 4800px 400px 0 400px;
    overflow: hidden;
    position: absolute;

}

.blur_page1{
    width: 100%;
    height: 14270px;
    border: 0px solid red;
    background:rgba(0,0,0,0.85);
    /*background: url("../images/blur_Page_1.jpg");*/
    position: absolute;
    z-index: 9999;
    display: none;
}
.blur_page2{
    width: 100%;
    height: 14270px;
    border: 0px solid red;
    background:rgba(0,0,0,0.5);
    /*background: url("../images/blur_Page_1.jpg");*/
    position: absolute;
    z-index: 9999;
    display: none;
}
.blur_page3{
    width: 100%;
    height: 14270px;
    border: 0px solid red;
    background:rgba(0,0,0,0.5);
    /*background: url("../images/blur_Page_1.jpg");*/
    position: absolute;
    z-index: 9999;
    display: none;
 }
.blur_page4{
    width: 100%;
    height: 14270px;
    border: 0px solid red;
    background:rgba(0,0,0,0.5);
    /*background: url("../images/blur_Page_1.jpg");*/
    position: absolute;
    z-index: 9999;
    display: none;
}
.blur_page5{
    width: 100%;
    height: 14270px;
    border: 0px solid red;
    background:rgba(0,0,0,0.5);
    /*background: url("../images/blur_Page_1.jpg");*/
    position: absolute;
    z-index: 9999;
    display: none;
}
.contact {
    border: 0px solid red;
    width: 350px;
    height: auto;
    overflow: hidden;
    float: left;
}
.cloud_balloon {
    border: 0px solid red;
    width: 100%;
    height: auto;
    position: absolute;
    top: 340px;
    margin: auto;
}
.cloud_jet {
    border: 0px solid red;
    width: 100%;
    height: auto;
    position: absolute;
    margin: auto;
    overflow: hidden;
}
.cloud3 {
    position: absolute;
    z-index: 9;
    border: 0px solid red;
    overflow: hidden;
    margin-top: 450px;
}
.cave{
    border:0px solid red;
    width:auto;
    height:auto;
    margin: 757px 0px 0px 0px;
}
.cloud {
    position: absolute;
    z-index: 9;
    width: 100%;
    height: auto;
}
.cloud1 {
    border: 0px solid red;
    position: absolute;
    width: 100%;
    height: auto;
    overflow: hidden;
    margin: 0px 0 0 0px;
    z-index: 8;
}
.cloud2 {
    position: absolute;
    z-index: 9;
    border: 0px solid red;
    overflow: hidden;
    margin: 400px auto;
}
.wave5{
    border:0px solid red;
    width:auto;
    height:auto;
    position:absolute;
    z-index: 999;
    margin: 764px 0px 0px;
}
.wave {
    border: 0px solid red;
    width: 100%;
    height: auto;
    position: absolute;
    top: 2060px;
    margin: auto;
    z-index: 9;
}
.logo-white {
    border: 0px solid red;
    width: auto;
    height: auto;
    float: left;
    background: url("../images/logo-white.png");
}
.fly_item{
    border: 0px solid red;
    width: auto;
    height: auto;
    position: absolute;
    z-index: 99;
}
.soil1 {
    border: 1px solid red;
    width: 100%;
    height: 400px;
    position: absolute;
    background-color: #000;
    margin-top: 1760px;
}
.item-plane {
    position: absolute;
    /*z-index: 9;*/
    border: 0px solid red;
}
.global_item {
    position: absolute;
    z-index: 9999;
    border: 0px solid red;
}
.item {
    position: absolute;
    z-index: 999;
    border: 0px solid red;
}
.item-motor {
    position: absolute;
    z-index: 999;
    border: 0px solid red;
    margin-left: 20%;
}
.item-tank {
    position: absolute;
    z-index: 999;
    border: 0px solid red;
}
.warship-item {
    position: absolute;
    z-index: 0;
    border: 0px solid red;
}
.item_p1 {
    border: 0px solid red;
    margin-left: 30%;
    position: absolute;
    z-index: 9999;
}
.item_p2 {
    border: 0px solid red;
    position: absolute;
    z-index: 9;
}
.item_online {
    border: 0px solid red;
    /*padding: 0 0 0 587px;*/
}
.item1 {
    position: absolute;
    z-index: 999;
    border: 0px solid red;
    margin-left: 33%;
}
.item_tank {
    position: absolute;
    z-index: 999;
    border: 0px solid red;
    margin-left: 10%;
}
.item2 {
    position: absolute;
    z-index: -9;
    width: 149px;
    height: 150px;
    border: 0px solid red;
}
.item3 {
    position: absolute;
    border: 0px solid red;
    z-index: 9;
}
.item4 {
    position: absolute;
    width: 149px;
    height: 150px;
    border: 0px solid red;
    z-index: 9;
}
.item5 {
    position: absolute;
    z-index: 9;
    width: 149px;
    height: 150px;
    border: 0px solid red;
}
#brand {
    float: left;
    width: 800px;
    padding: 0 0 0 210px;
    position: relative;
}
section .appendix {
    position: absolute;
    left: 0;
    top: 3200px;
    width: 100%;
}

#scenes-container {
    position: fixed;
    width: 1280px;
    border:0px solid #fff;
    height: 14812px;
    overflow: hidden;

}
#page {
    border-bottom: 0px solid red;
    width: 1280px;
    height: 800px;
    float: left;
    /*background: url("../images/page1.png");*/
}

#page2 {
    border-bottom: 0px solid red;
    width: 1280px;
    height: 800px;
    float: left;
    /*background: url("../images/page2.png");*/
}
#page3 {
    border-bottom: 0px solid red;
    width: 1280px;
    height: 800px;
    float: left;
    /*background: url("../images/page3.png");*/
}
#page4 {
    border-bottom: 0px solid red;
    width: 1280px;
    height: 800px;
    float: left;
    /*background: url("../images/page4.png");*/
}
#page5 {
    border-bottom: 0px solid red;
    width: 1280px;
    height: 900px;
    float: left;
    background-color: #000;
}
.contact-section {
    border: 0px solid #fff;
    float: left;
    width: 1280px;
    height: 463px;
    overflow: hidden;
    background-color: #000;
    /*background: url("../images/contact-section.png");*/
}
.discription {
    border: 0px solid red;
position: absolute;

}
.tt_box {
    color: #000;
    font-family: new;
    font-weight: bold;
    font-size: 80px;
}
.ast{
    position: absolute;
    border: 0px solid red;
    overflow: hidden;
    z-index: 99;
}
.ast4{
    position: absolute;
    border: 0px solid red;
    overflow: hidden;
    z-index: 99;
}

.ast5{
     position: absolute;
     border: 0px solid red;
     overflow: hidden;
     z-index: 3;
 }
.ast6{
    position: absolute;
    border: 0px solid red;
    overflow: hidden;
    z-index: 3;
}
.ast7{
    position: absolute;
    border: 0px solid red;
    overflow: hidden;
    z-index: 3;
}
.global{
    border:0px solid red;
    width:auto;
    height:auto;
    position: absolute;
    z-index: 9;
    margin: 1094px 0px 0px 568px;
}
.wind1_item {
    width:auto;
    height:auto;
    position: absolute;
    border: 0px solid red;
    overflow: hidden;
    margin: 611px 0 0 481px;
}
.wind2_item {
    width:auto;
    height:auto;
    position: absolute;
    border: 0px solid red;
    overflow: hidden;
    margin: 630px 0 0 275px;

}
.wind3_item {
    width:auto;
    height:auto;
    position: absolute;
    border: 0px solid red;
    overflow: hidden;
    margin: 590px 0 0 525px;
}
.address{
    border:0px solid red;
    width:auto;
    height:auto;
    word-wrap: break-word;
    color:#fff;
    font-family: Squre;
    float: left;
    font-size: 15;
}
.contact-wrapper{
    border:0px solid red;
    width:800px;
    height:auto;
    overflow: hidden;
    margin: 116px 0 0 370px;
}
.c-wrapper{
    border:0px solid red;
    width:500px;
    height: auto;
    float: left;
    overflow: hidden;
    margin: 30px 0 0 10px;
}
.all{
    width:auto;
    height:auto;
    padding: 30px 0 30px 0px;
}
.customer{
    border:0px solid red;
    overflow: hidden;
    width: auto;
    height: 400px;
    text-align: center;
    overflow-y: scroll;
    background: url("../images/bg.jpg");

}
#ex3::-webkit-scrollbar{
    width:8px;
    height: 100px;
    background-color:#cccccc;

}
#ex3::-webkit-scrollbar-thumb{
    background-color:#e52673;
    border-radius:5px;
}
#ex3::-webkit-scrollbar-thumb:hover{
    background-color: #e52a89;
    border:1px solid #333333;
}
#ex3::-webkit-scrollbar-thumb:active{
    background-color:#e52673;
    border:1px solid #333333;
}
#ex3::-webkit-scrollbar-track{
    border:1px gray solid;
    border-radius:5px;
    -webkit-box-shadow:0 0 6px gray inset;
}
.label{
    border: 0px solid red;
    width: auto;
    height: auto;
    overflow: hidden;
    margin: 528px 0 0 872px;
    position: absolute;
    z-index: 999;
}
.more{
    margin: 354px 480px;
    position: absolute;
}