body {
    background-color: #f7f7f7;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-family: Helvetica Neue, Helvetica, Arial, PingFang SC, Hiragino Sans GB, Heiti SC, Microsoft YaHei, WenQuanYi Micro Hei, sans-serif;
    font-size: 14px;
    margin: 0;
    color: #222
}

body.loading:after {
    background: #fff url(logo.27c482ae.png) no-repeat 50%;
    background-size: 100px;
    -webkit-animation: fade 1.5s infinite alternate;
    animation: fade 1.5s infinite alternate;
    z-index: 1001
}

@-webkit-keyframes fade {
    0% {
        opacity: .3
    }
    to {
        opacity: 1
    }
}

@keyframes fade {
    0% {
        opacity: .3
    }
    to {
        opacity: 1
    }
}

.clean-padding {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.pull-left {
    float: left
}

.pull-right {
    float: right
}

@media screen and (min-width: 828px) and (max-width: 1000px) {
    .page-header {
        padding: 15px 30px
    }

    .page-header .page-header-container {
        display: none
    }

    .page-header .page-header-simple {
        display: block
    }

    .page-container {
        padding: 60px 20px
    }

    .idxPage {
        margin-top: 40px !important
    }

    .page-first .first-slogan {
        width: 354px
    }

    .page-first .page-first-slogan {
        width: 624px;
        font-size: 34px
    }

    .page-first .page-first-slogan .first-play, .page-first .page-first-slogan ul {
        margin-top: 50px
    }

    .page-first .page-first-slogan .first-play li, .page-first .page-first-slogan ul li {
        padding: 0 40px
    }

    .page-adv-block, .page-join-block {
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start
    }

    .page-adv-block .page-adv-item, .page-adv-block .page-join-item, .page-join-block .page-adv-item, .page-join-block .page-join-item {
        width: 49%
    }

    .page-adv-block .page-join-item, .page-join-block .page-join-item {
        height: auto
    }

    .page-demo {
        height: 440px
    }
}

@media screen and (min-width: 750px) and (max-width: 828px) {
    .page-first {
        background-size: cover
    }

    .page-first .first-slogan {
        width: 60%
    }

    .page-first .page-first-slogan {
        width: 100%;
        height: 100px;
        font-size: 17px
    }

    .page-first .page-first-slogan ul {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-justify-content: space-around;
        -ms-flex-pack: distribute;
        justify-content: space-around;
        padding: 0 15px
    }

    .page-first .page-first-slogan .first-play, .page-first .page-first-slogan ul {
        margin-top: 33.33333333px
    }

    .page-first .page-first-slogan .first-play li, .page-first .page-first-slogan ul li {
        padding: 0 20px;
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1
    }

    .page-first .page-first-slogan .first-play div.number, .page-first .page-first-slogan ul div.number {
        font-weight: 600;
        letter-spacing: 0
    }

    .page-first .page-first-slogan .first-play p, .page-first .page-first-slogan ul p {
        margin-top: 10px
    }

    .page-first .page-first-slogan .first-play, .page-first .page-first-slogan video {
        display: none
    }
}

@media screen and (max-width: 750px) {
    .page-header {
        padding: 15px 30px
    }

    .page-header .page-header-container {
        display: none
    }

    .page-header .page-header-simple {
        display: block
    }

    .page-container {
        padding: 60px 20px
    }

    .idxPage {
        margin-top: 40px !important
    }

    .page-first {
        background-size: cover
    }

    .page-first .first-slogan {
        width: 60%
    }

    .page-first .page-first-slogan {
        height: 100px;
        width: 100%;
        font-size: 17px
    }

    .page-first .page-first-slogan .first-play, .page-first .page-first-slogan ul {
        margin-top: 25px
    }

    .page-first .page-first-slogan .first-play li, .page-first .page-first-slogan ul li {
        padding: 0 13.33333333px
    }

    .page-first .page-first-slogan .first-play div.number, .page-first .page-first-slogan ul div.number {
        font-weight: 600;
        letter-spacing: 0
    }

    .page-first .page-first-slogan .first-play p, .page-first .page-first-slogan ul p {
        margin-top: 10px
    }

    .page-grid li {
        max-width: 42%
    }

    .page-about li > ul > li {
        margin-top: 15px
    }

    .page-about li > ul > li span {
        display: block;
        float: none
    }

    .page-adv-block .page-adv-item, .page-adv-block .page-join-item, .page-join-block .page-adv-item, .page-join-block .page-join-item {
        width: 100%
    }

    .page-adv-block .page-adv-item:nth-child(2), .page-adv-block .page-join-item:nth-child(2), .page-join-block .page-adv-item:nth-child(2), .page-join-block .page-join-item:nth-child(2) {
        margin-top: 20px
    }

    .page-adv-block .page-join-item, .page-join-block .page-join-item {
        height: auto
    }

    .page-cooperate {
        height: 720px
    }

    .page-demo {
        height: 880px
    }

    .page-footer .footer-wrapper .footer-qrcode {
        margin-bottom: 60px;
        float: none;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-justify-content: space-around;
        -ms-flex-pack: distribute;
        justify-content: space-around;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-flow: row wrap;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap
    }

    .recruitment-top {
        padding-top: 0
    }

    .recruitment-title {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-flow: row wrap;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap;
        padding: 30px 15px 56px
    }

    .recruitment-title .recruitment-phone {
        margin-top: 10px
    }

    .recruitment-title .jobWelfare {
        width: auto;
        -webkit-box-pack: start;
        -webkit-justify-content: start;
        -ms-flex-pack: start;
        justify-content: start
    }

    .recruitment-title .jobWelfare div {
        margin: 0 10px 10px 0
    }

    .recruitment-detial {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-flow: row wrap;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap
    }

    .recruitment-detial .recruitment-detials-other {
        width: 100%;
        margin-left: 0;
        margin-top: 20px;
        padding-bottom: 20px
    }

    .preceptH2 {
        padding: 0 22px 0 20px
    }

    .preceptH2 li {
        width: 38%
    }
}

@media screen and (max-width: 640px) {
    .page-first {
        background-size: cover
    }

    .page-first .page-first-slogan {
        font-size: 15.45454545px
    }
}

@media screen and (max-width: 1000px) {
    .page-first {
        display: none
    }

    .first-play {
        width: 50px !important;
        height: 50px !important
    }

    .idxPage {
        padding-top: 120px
    }

    .idxPage .gridLine {
        display: none
    }

    .idxPage li {
        margin-bottom: 30px
    }

    .server-grid {
        -webkit-justify-content: space-around;
        -ms-flex-pack: distribute;
        justify-content: space-around
    }
}

/*# sourceMappingURL=/screen.97cb014c.css.map */