@charset "gb2312";
html, body, h1, h2, h3, h4, h5, h6, div, dl, dt, dd, ul, ol, li, p, blockquote, pre, hr, figure, table, caption, th, td, form, fieldset, legend, input, button, textarea, menu {
    margin: 0;
    padding: 0
}

html, body, fieldset, img, iframe, abbr {
    border: 0
}

li {
    list-style: none
}

textarea {
    overflow: auto;
    resize: none
}

a, button {
    cursor: pointer
}

h1, h2, h3, h4, h5, h6, em, strong, b {
    font-weight: 700
}

a, a:hover {
    text-decoration: none
}

body, html {
    width: 100%;
    font-weight: 400;
    /*display: -webkit-box;*/
    /*-webkit-box-orient: vertical;*/
    /*-webkit-box-align: center;*/
}

html {
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    font-family: "Microsoft YaHei", "Helvetica Neue", Arial, HelveticaNeue, Helvetica, "BBAlpha Sans", sans-serif
}

body {
    background: #fefefe;
    opacity: 1;
    -webkit-transition: opacity 500ms ease-in;
    transition: opacity 500ms ease-in
}

a {
    text-decoration: none
}

input {
    -webkit-appearance: none
}

* {
    outline: 0;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
    -webkit-focus-ring-color: rgba(0, 0, 0, 0)
}

p, a, li, span, input {
    font-size: .28rem
}

h1 {
    font-size: .32rem
}

h2 {
    font-size: .34rem
}

h3 {
    font-size: .3rem
}

h4 {
    font-weight: 400;
    font-size: .3rem
}

h5 {
    font-size: .28rem
}

textarea {
    font-size: 24px
}

a {
    color: #434343
}

html {
    font-size: 312.5%
}

@media screen and (max-width: 359px) and (orientation: portrait) {
    html {
        font-size: 266.67%
    }
}

@media screen and (min-width: 360px) and (max-width: 374px) and (orientation: portrait) {
    html {
        font-size: 300%
    }
}

@media screen and (min-width: 384px) and (max-width: 399px) and (orientation: portrait) {
    html {
        font-size: 320%
    }
}

@media screen and (min-width: 400px) and (max-width: 413px) and (orientation: portrait) {
    html {
        font-size: 333.33%
    }
}

@media screen and (min-width: 414px) and (max-width: 431px) and (orientation: portrait) {
    html {
        font-size: 345%
    }
}

@media screen and (min-width: 432px) and (max-width: 479px) and (orientation: portrait) {
    html {
        font-size: 360%
    }
}

@media screen and (min-width: 480px) and (max-width: 639px) and (orientation: portrait) {
    html {
        font-size: 400%
    }
}

@media screen and (min-width: 640px) {
    html {
        font-size: 533.33%
    }
}

body, html {
    background-color: #000;
}

.bottom-part {
    height: 1.3rem;
    min-width: 320px;
    max-width: 640px;
    width: 100%;
    position: fixed;
    bottom: 0px;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    color: #fff;
    z-index: 10;
    background: url(../img/banner.png);
    background-size: 100%;
}

.bottom-part2 {
    height: 1.5rem;
    min-width: 320px;
    max-width: 640px;
    width: 100%;
    position: fixed;
    bottom: 0px;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    color: #fff;
    z-index: 10;
    background: url(../img/banner2.png);
    background-size: 100%;
}

.swiper-container {
    width: 7.0rem;
    height: 7rem;
    left: 50%;
    top: 10rem;
    margin-left: -3.4rem;
    z-index: 2;
    position: absolute;
}

.slide-1 {
    background: url(../img/01.jpg) no-repeat center 0;
    background-size: 100%;
}

.slide-2 {
    background: url(../img/02.jpg) no-repeat center 0;
    background-size: 100%;
}

.slide-3 {
    background: url(../img/03.jpg) no-repeat center 0;
    background-size: 100%;
}

.slide-4 {
    background: url(../img/04.jpg) no-repeat center 0;
    background-size: 100%;
}
.slide-5 {
    background: url(../img/05.jpg) no-repeat center 0;
    background-size: 100%;
}

.download-bottom {
    width: 3rem;
    height: 1rem;
    left: 50%;
    top: .15rem;
    margin-left: .7rem;
    position: absolute;
}

.download-btn-jc {
    width: 6.2rem;
    height: 3.8rem;
    left: 50%;
    top: 2.2rem;
    margin-left: -3.1rem;
    position: absolute;
    z-index: 10;
}

.target {
    background: url(../img/target.png) no-repeat center;
    background-size: 100%;
    width: 2.5rem;
    height: 2.5rem;
    left: 50%;
    top: 3rem;
    margin-left: -2.2rem;
    position: absolute;
    animation: move 2.3s linear infinite;
    -webkit-animation: move 2.3s linear infinite;
}

@-webkit-keyframes move {
    0% {
        top: 3rem;
        margin-left: -2.2rem;
    }
    20% {
        top: 4.2rem;
        margin-left: -2.8rem;
    }
    60% {
        top: 4.4rem;
        margin-left: -.5rem;
    }
    100% {
        top: 3rem;
        margin-left: -2.2rem;
    }
}

@-moz-keyframes move {
    0% {
        top: 3rem;
        margin-left: -2.2rem;
    }
    20% {
        top: 4.2rem;
        margin-left: -2.8rem;
    }
    60% {
        top: 4.4rem;
        margin-left: -.5rem;
    }
    100% {
        top: 3rem;
        margin-left: -2.2rem;
    }
}

@-o-keyframes move {
    0% {
        top: 3rem;
        margin-left: -2.2rem;
    }
    20% {
        top: 4.2rem;
        margin-left: -2.8rem;
    }
    60% {
        top: 4.4rem;
        margin-left: -.5rem;
    }
    100% {
        top: 3rem;
        margin-left: -2.2rem;
    }
}

@keyframes move {
    0% {
        top: 3rem;
        margin-left: -2.2rem;
    }
    20% {
        top: 4.2rem;
        margin-left: -2.8rem;
    }
    60% {
        top: 4.4rem;
        margin-left: -.5rem;
    }
    100% {
        top: 3rem;
        margin-left: -2.2rem;
    }
}

@-ms-keyframes move {
    0% {
        top: 3rem;
        margin-left: -2.2rem;
    }
    20% {
        top: 4.2rem;
        margin-left: -2.8rem;
    }
    60% {
        top: 4.4rem;
        margin-left: -.5rem;
    }
    100% {
        top: 3rem;
        margin-left: -2.2rem;
    }
}

.download-btn-1 {
    width: 6rem;
    height: 3.6rem;
    left: 50%;
    top: 23.6rem;
    margin-left: -3rem;
    position: absolute;
    z-index: 10;
}

.download-btn-2 {
    /*background: url(../img/anniu.gif) no-repeat center center;*/
    background-size: 100%;
    width: 4rem;
    height: 1.8rem;
    left: 50%;
    top: 10.5rem;
    margin-left: -2rem;
    position: absolute;
    animation: float 1s linear infinite;
    -webkit-animation: float 1s linear infinite;
}

.download-btn-3 {
    /*background: url(../img/anniu.gif) no-repeat center center;*/
    background-size: 100%;
    width: 6rem;
    height: 0.8rem;
    left: 50%;
    top: 28.1rem;
    margin-left: -3rem;
    position: absolute;
    animation: float 1s linear infinite;
    -webkit-animation: float 1s linear infinite;
}

@-webkit-keyframes float {
    0% {
        background-size: 80%;
    }
    25% {
        background-size: 90%;
    }
    50% {
        background-size: 100%;
    }
    75% {
        background-size: 90%;
    }
    100% {
        background-size: 80%;
    }
}

@-moz-keyframes float {
    0% {
        background-size: 80%;
    }
    25% {
        background-size: 90%;
    }
    50% {
        background-size: 100%;
    }
    75% {
        background-size: 90%;
    }
    100% {
        background-size: 80%;
    }
}

@-o-keyframes float {
    0% {
        background-size: 80%;
    }
    25% {
        background-size: 90%;
    }
    50% {
        background-size: 100%;
    }
    75% {
        background-size: 90%;
    }
    100% {
        background-size: 80%;
    }
}

@keyframes float {
    0% {
        background-size: 80%;
    }
    25% {
        background-size: 90%;
    }
    50% {
        background-size: 100%;
    }
    75% {
        background-size: 90%;
    }
    100% {
        background-size: 80%;
    }
}

@-ms-keyframes float {
    0% {
        background-size: 80%;
    }
    25% {
        background-size: 90%;
    }
    50% {
        background-size: 100%;
    }
    75% {
        background-size: 90%;
    }
    100% {
        background-size: 80%;
    }
}

.download-btn-pic {
    width: 5.4rem;
    height: 3.2rem;
    left: 50%;
    top: 19rem;
    margin-left: -2.7rem;
    position: absolute;
    z-index: 10;
}


/*background: url(../img/light.gif) no-repeat center;*/
/*background-size: 100%;*/
/*width: 7rem;*/
/*height: 8rem;*/
/*left: 50%;*/
/*top: 13.6rem;*/
/*margin-left: -3.4rem;*/
/*position: absolute;*/

/*.download-btn-light{*/
/*width: 1.58rem;*/
/*height: 1.84rem;*/
/*left: 50%;*/
/*top:31.35rem;*/
/*margin-left: -1.6rem;*/
/*position: absolute;*/
/*z-index: 10;*/
/*}*/

.contact-btn {
    /*background: url(../img/dl-btn-b.png) no-repeat center center;*/
    /*background-size: 100%;*/
    width: 1rem;
    height: .4rem;
    left: 50%;
    top: 31.7rem;
    margin-left: .7rem;
    position: absolute;
}

.container1 {
    background: url(../img/au.jpg) no-repeat center 0;
    background-size: 100%;
    min-width: 320px;
    max-width: 640px;
    height: 13.3rem;
    width: 100%;
    position: relative;
    overflow: hidden;
    margin-left: auto;
    margin-right: auto;
}
.container2 {
    background: url(../img/contact.jpg) no-repeat center 0;
    background-size: 100%;
    min-width: 320px;
    max-width: 640px;
    height: 13.3rem;
    width: 100%;
    position: relative;
    overflow: hidden;
    margin-left: auto;
    margin-right: auto;
}

.main {
    position: relative;
}

.download-btn {
    background-size: 100%;
    left: 50%;
    margin-left: -3.7rem;
    top: 8.35rem;
    width: 7.5rem;
    height: 1.2rem;
    position: absolute;
    display: block;
    z-index: 999;
}

.jump-banner {
    background-size: 100%;
    left: 50%;
    margin-left: -2rem;
    top: 17.1rem;
    width: 1.3rem;
    height: 0.5rem;
    position: absolute;
    z-index: 999;
    background-color: Transparent;
    background-repeat:no-repeat;
    border: none;
    cursor:pointer;
    overflow: hidden;
}

.au-banner {
    background-size: 100%;
    left: 50%;
    margin-left: -0.65rem;
    top: 17.1rem;
    width: 1.3rem;
    height: 0.5rem;
    position: absolute;
    z-index: 999;
    background-color: Transparent;
    background-repeat:no-repeat;
    border: none;
    cursor:pointer;
    overflow: hidden;
}

.contact-banner {
    background-size: 100%;
    left: 50%;
    margin-left: 0.7rem;
    top: 17.1rem;
    width: 1.3rem;
    height: 0.5rem;
    position: absolute;
    z-index: 999;
    background-color: Transparent;
    background-repeat:no-repeat;
    border: none;
    cursor:pointer;
    overflow: hidden;
}

.jump-banner2 {
    top: 31.4%;
    width: 18%;
    height: 2%;
    right: 60%;
    position: absolute;
    z-index: 999;
    background-color: Transparent;
    background-repeat:no-repeat;
    border: none;
    cursor:pointer;
    overflow: hidden;
}

.au-banner2 {
    top: 31.4%;
    width: 18%;
    height: 2%;
    right: 41%;
    position: absolute;
    z-index: 999;
    background-color: Transparent;
    background-repeat:no-repeat;
    border: none;
    cursor:pointer;
    overflow: hidden;
}

.contact-banner2 {
    top: 31.4%;
    width: 18%;
    height: 2%;
    right: 23%;
    position: absolute;
    z-index: 999;
    background-color: Transparent;
    background-repeat:no-repeat;
    border: none;
    cursor:pointer;
    overflow: hidden;
}

.new-container {
    background: url(../img/new-bg.jpg) no-repeat center 0;
    background-size: 100%;
    min-width: 320px;
    max-width: 640px;
    height: 22.6rem;
    width: 100%;
    position: relative;
    overflow: hidden;
    margin-left: auto;
    margin-right: auto;
}

.quanxian{
    top: 19.8rem;
    position: relative;
    color: #ffffff;
}
.qxbanner{
    z-index: 999;
    color: #ffffff;
}