@import url(https://fonts.googleapis.com/css?family=Noto+Sans+SC:100&display=swap);

@font-face {
    font-family: Arial;
    src: url(../fonts/Arial.eot);
    src: url(../fonts/Arial.ttf) format("truetype");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: Noto Sans SC;
    font-style: normal;
    font-weight: 100;
    font-display: swap;
    src: local("Noto Sans SC Thin"), local("NotoSansSC-Thin"), url(../fonts/k3kJo84MPvpLmixcA63oeALZTbKK0Qw.woff) format("woff")
}

* {
    -webkit-tap-highlight-color: transparent
}

*,
:after,
:before {
    box-sizing: border-box
}

blockquote,
body,
button,
code,
dd,
div,
dl,
dt,
fieldset,
form,
h1,
h2,
h3,
h4,
h5,
h6,
input,
legend,
li,
ol,
p,
pre,
td,
textarea,
th,
ul {
    margin: 0;
    padding: 0
}

body,
html {
    background: #fff
}

body {
    line-height: 1
}

body,
caption,
td,
th {
    font-size: .14rem
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 400;
    font-size: 100%
}

address,
caption,
cite,
code,
dfn,
em,
strong,
th,
var {
    font-style: normal;
    font-weight: 400
}

a {
    text-decoration: none
}

img {
    border: none;
    vertical-align: middle
}

li,
ol,
ul {
    list-style: none
}

button,
input,
select,
textarea {
    font: .14rem
}

table {
    border-collapse: collapse
}

html {
    overflow-y: scroll
}

.clearfix:after,
.clearfix:before {
    content: " ";
    display: inline-block;
    height: 0;
    clear: both;
    visibility: hidden
}

.clearfix {
    *zoom: 1
}

.fl {
    float: left
}

.fr {
    float: right
}

.al {
    text-align: left
}

.ac {
    text-align: center
}

.ar {
    text-align: right
}

.pr {
    position: relative
}

.hide {
    display: none
}

.infinite {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

.swiper-container,
.wrap {
    padding-top: .6rem
}

.wrap {
    width: 100%;
    min-width: 12rem;
    background: #363636
}

.switch-lang {
    width: 1rem;
    height: .3rem;
    line-height: .3rem;
    margin-top: .15rem;
    font-size: 0;
    border: 1px solid #ccc
}

.switch-lang .lang-bg {
    background: #727b86;
    color: #fff
}

.switch-lang a {
    display: inline-block;
    width: 50%;
    height: 100%;
    text-align: center;
    color: #727b86;
    font-size: .14rem
}

#mobile-btn {
    display: none;
    padding: 3px 6px;
    border: 1px solid #ccc;
    border-radius: 3px;
    background: #fefefe;
    box-sizing: border-box;
    margin: 11px 15px;
    cursor: pointer
}

#mobile-btn img {
    width: 20px
}

.zh-page nav {
    font-family: Source-Han-Ligh
}

nav {
    position: fixed;
    margin: 0 auto;
    width: 100%;
    height: .6rem;
    box-shadow: .02rem 0 .04rem rgba(0, 0, 0, .1);
    background: #fff;
    z-index: 100
}

nav .nav-innerbox {
    width: 12rem;
    height: 100%;
    margin: 0 auto
}

nav .nav-logo {
    width: 1.7rem
}

nav>a {
    display: block;
    margin-left: .7rem
}

nav ul {
    margin-right: .63rem;
    height: .6rem
}

nav li {
    float: left;
    min-width: 1.2rem;
    font-size: .16rem;
    line-height: .6rem;
    text-align: center
}

nav li a {
    padding: .1rem;
    line-height: .2rem;
    color: #727b86
}

nav li a:hover {
    color: #727b86;
    color: #232639;
    font-weight: 500
}

nav li ul {
    position: absolute;
    left: -99.99rem;
    background: #fff;
    width: 1.5rem;
    height: auto;
    box-shadow: 0 .01rem .01rem .01rem rgba(0, 0, 0, .1)
}

nav li ul li {
    height: 0;
    width: 100%;
    float: none;
    font-size: 0;
    -webkit-transition: height .5s;
    transition: height .5s
}

nav li:hover ul {
    left: auto
}

nav li:hover ul li {
    height: .6rem;
    font-size: .16rem
}

footer {
    background: #3b3b3b;
    overflow: hidden
}

footer .footer-box {
    width: 12rem;
    margin: 0 auto;
    overflow: hidden;
    text-align: center;
    padding-bottom: .1rem
}

.footer-fixed {
    position: fixed;
    width: 100%;
    bottom: 0;
    left: 0
}

.footer-left {
    float: left;
    width: 7rem
}

.footer-left .recordcode {
    text-align: center;
    color: #fff;
    font-size: .1rem;
    text-align: left;
    color: #999
}

.footer-right {
    float: right;
    font-size: 0;
    padding: .1rem 0 0
}

.footer-right .server-box {
    display: inline-block;
    float: left;
    overflow: hidden;
    padding-right: 20px
}

.footer-right .g-box {
    text-align: left
}

.footer-right .g-box li {
    display: inline-block;
    overflow: hidden;
    width: .3rem;
    margin-right: .1rem;
    font-size: 0
}

.footer-right .g-box li svg {
    width: 100%;
    fill: #fff
}

.footer-right .g-box li svg:hover {
    fill: #ccc;
    -webkit-transition: all .5s;
    transition: all .5s
}

.footer-right .g-box li img {
    width: 100%
}

.footer-right .server-phone {
    float: left;
    width: 100%;
    height: .15rem;
    text-align: left;
    line-height: .3rem
}

.footer-right .server-phone p {
    display: inline-block
}

.footer-right .server-phone p:first-child {
    font-size: .16rem;
    color: #fff
}

.footer-right .server-phone p:nth-child(2) {
    margin-left: 20px;
    font-size: .16rem;
    color: #bddbfb
}

.footer-right .erweima {
    float: left;
    width: .5rem;
    height: auto;
    margin: .07rem 0 0
}

.footer-nav {
    max-width: 12rem;
    margin: .1rem auto 0
}

.footer-nav li {
    margin-right: .2rem;
    text-align: left;
    float: left;
    font-size: .16rem;
    line-height: .4rem
}

.footer-nav li a {
    color: #fff
}

.clear:after {
    content: ".";
    height: 0;
    visibility: hidden;
    display: block;
    clear: both
}

.pp h1 {
    line-height: 1.2
}

.suoyouge {
    display: inline-block
}

.suoyouge:before {
    content: "'"
}

.f15 {
    font-size: .15rem
}

.f16 {
    font-size: .16rem
}

.f17 {
    font-size: .17rem
}

.f18 {
    font-size: .18rem
}

.f19 {
    font-size: .19rem
}

.f20 {
    font-size: .2rem
}

.f21 {
    font-size: .21rem
}

.f22 {
    font-size: .22rem
}

.f23 {
    font-size: .23rem
}

.f24 {
    font-size: .24rem
}

.f25 {
    font-size: .25rem
}

.f26 {
    font-size: .26rem
}

.f27 {
    font-size: .27rem
}

.f28 {
    font-size: .28rem
}

.f29 {
    font-size: .29rem
}

.f30 {
    font-size: .3rem
}

.f31 {
    font-size: .31rem
}

.f32 {
    font-size: .32rem
}

.f33 {
    font-size: .33rem
}

.f34 {
    font-size: .34rem
}

.f35 {
    font-size: .35rem
}

.f36 {
    font-size: .36rem
}

.f37 {
    font-size: .37rem
}

.f38 {
    font-size: .38rem
}

.f39 {
    font-size: .39rem
}

.f40 {
    font-size: .4rem
}

.f41 {
    font-size: .41rem
}

.f42 {
    font-size: .42rem
}

.f43 {
    font-size: .43rem
}

.f44 {
    font-size: .44rem
}

.f45 {
    font-size: .45rem
}

.f46 {
    font-size: .46rem
}

.f47 {
    font-size: .47rem
}

.f48 {
    font-size: .48rem
}

.f49 {
    font-size: .49rem
}

.f50 {
    font-size: .5rem
}

.f51 {
    font-size: .51rem
}

.f52 {
    font-size: .52rem
}

.f53 {
    font-size: .53rem
}

.f54 {
    font-size: .54rem
}

.f55 {
    font-size: .55rem
}

.f56 {
    font-size: .56rem
}

.f57 {
    font-size: .57rem
}

.f58 {
    font-size: .58rem
}

.f59 {
    font-size: .59rem
}

.f60 {
    font-size: .6rem
}

.f61 {
    font-size: .61rem
}

.f62 {
    font-size: .62rem
}

.f63 {
    font-size: .63rem
}

.f64 {
    font-size: .64rem
}

.f65 {
    font-size: .65rem
}

.f66 {
    font-size: .66rem
}

.f67 {
    font-size: .67rem
}

.f68 {
    font-size: .68rem
}

.f69 {
    font-size: .69rem
}

.f70 {
    font-size: .7rem
}

.mb30 {
    margin-bottom: .3rem
}

.mb45 {
    margin-bottom: .45rem
}

.bottom194 {
    bottom: 1.94rem
}

.f38-transform {
    font-size: .76rem
}

.f54-transform {
    font-size: 1.08rem
}

.f18-transform {
    font-size: .36rem
}

.ja-page,
.zh-page {
    font-family: Noto Sans SC, ExtraLight, SiYuan-ExtraLig, Arial, Microsoft YaHei, \\9ED1\4F53, \\5B8B\4F53, sans-serif
}

.en-page {
    font-family: Arial, Nunito Sans, sans-serif
}

.en-page .en-f15 {
    font-size: .15rem
}

.en-page .en-f16 {
    font-size: .16rem
}

.en-page .en-f17 {
    font-size: .17rem
}

.en-page .en-f18 {
    font-size: .18rem
}

.en-page .en-f19 {
    font-size: .19rem
}

.en-page .en-f20 {
    font-size: .2rem
}

.en-page .en-f21 {
    font-size: .21rem
}

.en-page .en-f22 {
    font-size: .22rem
}

.en-page .en-f23 {
    font-size: .23rem
}

.en-page .en-f24 {
    font-size: .24rem
}

.en-page .en-f25 {
    font-size: .25rem
}

.en-page .en-f26 {
    font-size: .26rem
}

.en-page .en-f27 {
    font-size: .27rem
}

.en-page .en-f28 {
    font-size: .28rem
}

.en-page .en-f29 {
    font-size: .29rem
}

.en-page .en-f30 {
    font-size: .3rem
}

.en-page .en-f31 {
    font-size: .31rem
}

.en-page .en-f32 {
    font-size: .32rem
}

.en-page .en-f33 {
    font-size: .33rem
}

.en-page .en-f34 {
    font-size: .34rem
}

.en-page .en-f35 {
    font-size: .35rem
}

.en-page .en-f36 {
    font-size: .36rem
}

.en-page .en-f37 {
    font-size: .37rem
}

.en-page .en-f38 {
    font-size: .38rem
}

.en-page .en-f39 {
    font-size: .39rem
}

.en-page .en-f40 {
    font-size: .4rem
}

.en-page .en-f41 {
    font-size: .41rem
}

.en-page .en-f42 {
    font-size: .42rem
}

.en-page .en-f43 {
    font-size: .43rem
}

.en-page .en-f44 {
    font-size: .44rem
}

.en-page .en-f45 {
    font-size: .45rem
}

.en-page .en-f46 {
    font-size: .46rem
}

.en-page .en-f47 {
    font-size: .47rem
}

.en-page .en-f48 {
    font-size: .48rem
}

.en-page .en-f49 {
    font-size: .49rem
}

.en-page .en-f50 {
    font-size: .5rem
}

.en-page .en-f51 {
    font-size: .51rem
}

.en-page .en-f52 {
    font-size: .52rem
}

.en-page .en-f53 {
    font-size: .53rem
}

.en-page .en-f54 {
    font-size: .54rem
}

.en-page .en-f55 {
    font-size: .55rem
}

.en-page .en-f56 {
    font-size: .56rem
}

.en-page .en-f57 {
    font-size: .57rem
}

.en-page .en-f58 {
    font-size: .58rem
}

.en-page .en-f59 {
    font-size: .59rem
}

.en-page .en-f60 {
    font-size: .6rem
}

.en-page .en-f61 {
    font-size: .61rem
}

.en-page .en-f62 {
    font-size: .62rem
}

.en-page .en-f63 {
    font-size: .63rem
}

.en-page .en-f64 {
    font-size: .64rem
}

.en-page .en-f65 {
    font-size: .65rem
}

.en-page .en-f66 {
    font-size: .66rem
}

.en-page .en-f67 {
    font-size: .67rem
}

.en-page .en-f68 {
    font-size: .68rem
}

.en-page .en-f69 {
    font-size: .69rem
}

.en-page .en-f70 {
    font-size: .7rem
}

.en-page .nowrap {
    white-space: nowrap
}

.en-page nav li ul {
    width: 2.27rem;
    -webkit-transform: translate(-.48rem);
    -ms-transform: translate(-.48rem);
    transform: translate(-.48rem)
}

.en-page .en-mb5 {
    margin-bottom: .1rem
}

.en-page .en-bottom210 {
    bottom: 2.1rem
}

.en-page .en-f38-transform {
    font-size: .76rem
}

.en-page .en-f14-transform {
    font-size: .36rem
}

@media screen and (max-width:768px) {
    html {
        font-size: 7.4vw
    }

    * {
        -ms-text-size-adjust: none;
        -webkit-text-size-adjust: none
    }

    .parameter-list li span {
        font-size: .1rem
    }

    .wrap {
        padding-top: 48px
    }

    .switch-lang {
        width: 80px;
        height: 20px;
        line-height: 20px;
        margin-top: 14px;
        font-size: 0;
        border: 1px solid #727b86
    }

    .switch-lang a {
        display: inline-block;
        width: 50%;
        text-align: center;
        color: #727b86;
        font-size: 13px
    }

    nav {
        height: 48px
    }

    nav .nav-innerbox {
        width: 100%;
        margin: 0;
        max-width: auto;
        text-align: center
    }

    nav .nav-logo {
        width: 100px;
        padding-top: 9px;
        margin-left: 15px
    }

    nav ul {
        position: absolute;
        top: 100%;
        width: 100%;
        background: #fff;
        text-align: center;
        height: 0
    }

    nav .mobil-nav-active {
        height: auto
    }

    nav .mobil-nav-active li {
        height: 48px;
        border-top: 1px solid #ccc
    }

    nav ul>li {
        text-align: center;
        width: 100%;
        height: 0;
        overflow: hidden;
        box-sizing: border-box;
        -webkit-transition: height .2s;
        transition: height .2s
    }

    nav li {
        font-size: 14px
    }

    nav li:hover ul li {
        height: 48px;
        font-size: 14px
    }

    nav li a {
        padding: 0;
        display: block;
        height: 100%;
        line-height: 48px
    }

    nav li a,
    nav li li {
        width: 100%
    }

    .pull-down:after,
    .pull-down:before {
        display: inline-block;
        content: "";
        vertical-align: middle;
        width: 20px
    }

    .pull-down:after {
        height: 20px;
        background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAMAAABg3Am1AAAAQlBMVEUAAAByeoVye4VufYVxeoZxe4VyeoVzeIdxeoVxe4Zxe4VxeoVxeoVweYZxeoVyeoVyeoZmZplxeoZyeoVyfYhye4ZRYArUAAAAFXRSTlMAgPwSDORhNei3rnhwO9C+ZwXfXC/3n85jAAAAf0lEQVRIx+3POQ7DMAxE0bFEy/uWhPe/ago2QUAK49KAXv+Lj6Z5oKt0oXI5QdGKtxPkUUNjhmNLGkgbXJ0GFgQOdR0w7EafYciNNKBiCQZik/6ZUJd7fsAMiR8wq/5YYdiNGYbdeAkMuZE+MOzGCdpsAzzZVXfBDXIWQdM83BfNJxg1eVrZ3gAAAABJRU5ErkJggg==) no-repeat 100%/15px 15px
    }

    #mobile-btn {
        display: block;
        position: relative;
        z-index: 999
    }

    .en-page nav li ul,
    nav li ul {
        width: 100%;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }

    footer {
        background: #3b3b3b;
        margin: 0 auto
    }

    footer .footer-box {
        width: 100%
    }

    .footer-nav {
        max-width: 100%;
        text-align: center;
        padding: 10px 0
    }

    .footer-nav li {
        float: none;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        font-size: 12px;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        line-height: .6rem
    }

    .footer-left {
        float: none;
        width: auto
    }

    .footer-left .recordcode {
        text-align: center;
        color: #fff;
        font-size: 8px
    }

    .footer-right {
        float: none;
        font-size: 0;
        margin: 0 auto;
        overflow: hidden;
        display: inline-block
    }

    .footer-right .g-box {
        text-align: left
    }

    .footer-right .g-box li {
        display: inline-block;
        overflow: hidden;
        width: .6rem;
        margin-right: .2rem;
        font-size: 0
    }

    .footer-right .g-box li svg {
        fill: #fff
    }

    .footer-right .g-box li svg:hover {
        fill: #ccc;
        -webkit-transition: all .5s;
        transition: all .5s
    }

    .footer-right .g-box li img {
        width: 100%
    }

    .footer-right .server-phone {
        float: left;
        margin: .1rem .83rem 0 0;
        line-height: 20px
    }

    .footer-right .server-phone p:first-child {
        color: #fff;
        font-size: 14px;
        margin-bottom: 5px
    }

    .footer-right .server-phone p:nth-child(2) {
        color: #bddbfb;
        font-size: 14px
    }

    .footer-right .erweima {
        float: left;
        width: 45px;
        height: auto;
        margin: .26rem 0 .22rem
    }
}

@media screen and (min-width:768px) and (max-width:1199px) {
    html {
        font-size: 7.5vw
    }
}

@media only screen and (min-width:1200px) {
    html {
        font-size: 100px
    }
}

.f-blue {
    color: #4397ff
}

.pp-box {
    width: 100%;
    height: 7.1rem
}

.pp {
    margin: 0 auto;
    width: 12rem;
    height: 7.1rem;
    position: relative
}

.p1-box {
    background: #ccc;
    background: -webkit-radial-gradient(300% 300%, circle, #151515, #f6f6f6);
    background: -moz-radial-gradient(300% 300%, circle, #151515, #f6f6f6);
    background-: radial-gradient(300% 300%, circle, #151515, #f6f6f6)
}

.p1 .title-box {
    overflow: hidden;
    height: 100%;
    float: left;
    width: 51%;
    padding-left: .69rem;
    padding-top: 2.5rem
}

.p1 .title-box .macaroon-h1 {
    margin-bottom: .4rem;
    color: #232639;
    white-space: nowrap
}

.p1 .title-box .macaroon-h2 {
    font-size: .54rem;
    color: #232639
}

.p1 .title-box .macaroon-price {
    margin-top: .2rem;
    font-size: .3rem
}

.p1 .title-box .topay {
    display: inline-block;
    font-size: 0;
    color: #099;
    margin-top: .2rem;
    white-space: nowrap;
    line-height: .3rem;
    vertical-align: middle
}

.p1 .title-box .topay span {
    font-size: .25rem;
    display: inline-block;
    cursor: pointer;
    overflow: hidden
}

.p1 .title-box .topay span:nth-child(2) {
    padding-left: .08rem;
    width: 0
}

.p1 .title-box .topay a {
    color: #099
}

.p1 .ma-img {
    width: 5.6rem;
    padding-top: .65rem
}

.p2-box {
    background: #363636
}

.p2 {
    text-align: center
}

.p2 img {
    width: auto;
    height: 100%
}

.p2 h1 {
    position: absolute;
    width: 100%;
    bottom: .64rem;
    text-align: center;
    color: #fff
}

.pp-left-box,
.pp-right-box {
    width: 50%;
    float: left
}

.pp-left-box {
    background: -webkit-linear-gradient(top, #262727, #323232, #262727);
    background: linear-gradient(180deg, #262727, #323232, #262727)
}

.pp-right-box {
    background: -webkit-linear-gradient(#f5f5f5, #d1d1d1);
    background: linear-gradient(#f5f5f5, #d1d1d1)
}

.p3 .pp-left {
    position: relative;
    width: 6rem;
    height: 100%;
    float: right
}

.p3 .pp-left img {
    position: absolute;
    top: .93rem;
    left: .66rem
}

.p3 .pp-left .p3-img1 {
    width: 4.39rem
}

.p3 .pp-left h1 {
    color: #fff;
    position: absolute;
    left: .66rem;
    bottom: .73rem
}

.p3 .pp-left .en-left {
    left: .3rem;
    line-height: 1.2
}

.p3 .pp-right {
    position: relative;
    width: 6rem;
    height: 100%;
    float: left;
    background: -webkit-linear-gradient(#f5f5f5, #d1d1d1);
    background: linear-gradient(#f5f5f5, #d1d1d1)
}

.p3 .pp-right .bg-img {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%
}

.p3 .pp-right .banner-p3 {
    position: absolute;
    top: 2.03rem;
    left: 50%;
    -webkit-transform: translate(-50%);
    -ms-transform: translate(-50%);
    transform: translate(-50%)
}

.p3 .pp-right .p3-img2 {
    width: 3.45rem
}

.p3 .pp-right h1 {
    margin-top: .75rem;
    padding-right: .64rem;
    color: #232639;
    text-align: right
}

.p4-box {
    background: #fff url(../images/p1.4_bgbg.png) no-repeat center bottom -2rem/15rem auto
}

.p4 {
    text-align: center;
    overflow: hidden
}

.p4 h1 {
    margin-top: .55rem;
    color: #232639
}

.p4 img {
    padding-right: .4rem;
    padding-top: .9rem
}

.p4 .p4-img1 {
    width: 4.89rem
}

.p5-box {
    background: #fff url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAH4AAAHgBAMAAACRFsQ8AAAAElBMVEVDl/8AAABDl/9Dl/9Dl/9Dl/9j1XiKAAAABnRSTlMaABMPCgfhkOQJAAABjElEQVR42u3dsU7DMBSF4UMKe28S7255gYDEbtQ+gFvU938V5hghxTpIZPj//ZMS24Ona8Wmsn4Jj8fj8fid+PT42WafLlkdtf5LTV0+LXJ8yuqv4YbPsnyR5UdZPsnzxfOTPL94fpLnF8/P8nw1vTw/mb6aXp6fTH80/WJ6eX4y/dH0xfRZba/X7SlaPdyiI80WD42NP0Wfb5b/EJ4/9fq69tHrlxV/7va5+XzPf5o+ur3+0g+mP+zDp+vmGt99F8Lj8Xg8Ho/H4/F4PB6Px+PxeDwej8fj8Xg8Ho/H4/F4PB6Px+PxeDwej8fj8Xg8Ho/H4/F4PB6Px+PxeDwej8fj8Xg8Ho/H4/F4PB6Px+N379Njc/uaPz6YXmHOj7+Z/s2cv//U7Yu3AaqyFkBHWT+g0TsBmrTupdMnScYWKtT20ecXtQ3n7SmqrGI0/Wz6cH355/djZtNHNn01/Wz6yKYfTZ9MH9X0yfRRTZ9MH3fTRzb9bPq4mz6K6aOYPorp4276SO+ej0iXcw//BlDfpwg9Y/c9AAAAAElFTkSuQmCC) no-repeat 100%/1.26rem auto
}

.p5 img {
    margin-top: .55rem
}

.p5 .p5-img1 {
    width: 5.51rem
}

.p5 div {
    padding-top: 2.82rem;
    margin-left: .8rem
}

.p5 div h1 {
    margin-bottom: .3rem
}

.p5 div h1,
.p5 div p {
    color: #232639
}

.p6-box {
    background: #191919;
    background: url(../images/p1.6_bg_02.jpg) repeat 50%/auto 100%
}

.p6 div {
    padding-left: .66rem
}

.p6 div h1 {
    color: #fff;
    margin-bottom: .8rem;
    margin-bottom: 1.1rem;
    margin-top: 1.75rem
}

.p6 div p {
    color: #fff
}

.p6 img {
    margin-top: 1.45rem
}

.p6 .p6-img1 {
    width: 4.1rem
}

.p7,
.p7-box {
    background-image: -webkit-linear-gradient(#fff, #fff 50%, #4397ff 0, #4397ff);
    background-image: linear-gradient(#fff, #fff 50%, #4397ff 0, #4397ff)
}

.p7 .right-box {
    width: 50%
}

.p7 .interface {
    width: 5.7rem;
    height: auto;
    margin-top: .29rem
}

.p7 .p7-img1 {
    width: 5.7rem
}

.p7 h1 {
    margin-top: .74rem
}

.service-list {
    padding-top: .3rem;
    overflow: hidden
}

.service-list li {
    float: left;
    width: .88rem
}

.service-list li:not(:first-child) {
    margin-left: .51rem
}

.service-list li>img {
    width: .88rem
}

.service-list li p {
    margin-top: .17rem;
    display: block;
    font-size: .4rem;
    color: #232639;
    text-align: center;
    width: 200%;
    -ms-transform: scale(.5);
    transform: scale(.5);
    -webkit-transform-origin: 0 0;
    -webkit-transform: scale(.5)
}

.app-download {
    margin-top: 1.7rem;
    margin-left: .5rem;
    overflow: hidden;
    position: relative
}

.app-download li {
    width: 1.52rem;
    height: 2.14rem;
    float: left
}

.app-download li p {
    line-height: .2rem;
    display: block;
    font-size: .18rem;
    color: #fff;
    text-align: left
}

.app-download li:nth-child(2) {
    position: absolute;
    left: 1.8rem;
    top: 0;
    width: auto;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0;
    -ms-transform: scale(.5);
    transform: scale(.5);
    -webkit-transform-origin: 0 0;
    -webkit-transform: scale(.5)
}

.app-download li:nth-child(2) p {
    background: #fff;
    border-radius: .6rem;
    height: 1.2rem;
    width: 6.34rem;
    line-height: 1.2rem;
    padding: 0 .4rem 0 1.1rem;
    color: #0065ac;
    font-size: .48rem
}

.app-download li:nth-child(2) p:first-child {
    background: #fff url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAMAAADW3miqAAAAYFBMVEUAAAAAZq0AZq0AZq0AZq0AZq0AZq0AZq0AZq0AZq0AZq0AZq0AZq0AZq0AZq0AZq0AZq0AZq0AZq0AZq0AZq0AZq0AZq0AZq0AZq0AZq0AZq0AZq0AZq0AZq0AZq0AZq1kXx+EAAAAH3RSTlMAE+tZB9BvvQ22npcv993W8eKtkYd3Rz4gp39iNChMYekRFwAAAQBJREFUOMudlN2SgyAMhYsREFD8X63V5v3fcnE7OyVtlE7PhcPFN4eTmHD5XmtfQwLJVYYICWZBxKw8h+5VgK7FKVOY3ejn3GgKgaoxEVsFH3WSuMjDF8ywXQohcg4ple0cbPtxU1dt7G1+RcTgcZccAJzHx/lGmdngv6rqeVxE7NMhq7YkFfEMROlnyTINyQS8kSVdcCyT3UltmoWkIBAfSdMu1Z9AMnkdn+l9phyyci8jxFsBGcaGp3x8oTB44LVE1IhHVDyV/gCy8XT3PNOQLqwtb0RWlE/VroThCxzfNqqmAP8eTH9Uo/vBPX54J7jttF72U9jifIau1oowaf0CpAdERo+0IocAAAAASUVORK5CYII=) no-repeat left .6rem center/.72rem .72rem;
    margin-top: .1rem
}

.app-download li:nth-child(2) p:nth-child(2) {
    background: #fff url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAMAAADW3miqAAAAjVBMVEUAAAAAZq0AZq0AZq0AZq0AZq0AZq0AZq0AZq0AZq0AZq0AZq0AZq0AZq0AZq0AZq0AZq0AZq0AZq0AZq0AZq0AZq0AZq0AZq0AZq0AZq0AZq0AZq0AZq0AZq0AZq0AZq0AZq0AZq0AZq0AZq0AZq0AZq0AZq0AZq0AZq0AZq0AZq0AZq0AZq0AZq0AZq10LqNVAAAALnRSTlMAazc6C+P51gT0y5jC8KKBc2RYKhbu3XxRGxHEs4pe3qeSPjEBrYZMRyPn0sy7mm33XAAAAThJREFUOMvV08lugzAQgGFIBmNnMcZA2AlLmq3JvP/j1U7bSBjTqoce8h8wQp9AgMf5ayAv36cXGc+p8wkoFAVQepLObKEreFXx1G1myWG441flQO2Ghvv9PdGErPyrACvKEsycVqNd3iMJbSbfIAbnUqNrIxD9yIJcgsgSfMSYOgR0YoBjsmVsq9NrQqp8gmjUL0YtBxiBInRjehbuKCEB1PUn6hB5zNHoFtUE2yfyEP3F2kTlcoXojdBygja9QvvfkL7T7hVRfzPfbpigcjH6TkdCuoKbaHUJGFk/EWQSijcTvUeHTI5/cmxBjllcmcifIjgSA7WW+cxFWim3CQL94DJNI8dawxBTNTYKBfMDzB7bXypU/4iO9NAYaDpV9Sfq5oyeYRTUOSmbziLovDZXw1N7XC3/0QeP3FFt2J+OXQAAAABJRU5ErkJggg==) no-repeat left .6rem center/.72rem .72rem;
    margin-top: .4rem
}

.p8-box {
    background: -webkit-radial-gradient(circle, #242424, #49494a);
    background: -moz-radial-gradient(circle, #242424, #49494a);
    background-: radial-gradient(circle, #242424, #49494a)
}

.p8 div:first-child {
    overflow: hidden
}

.p8 div:first-child h1 {
    margin: .74rem 0 0;
    text-align: center;
    color: #fff
}

.p8 div:first-child img {
    margin: .3rem 0 0 .3rem
}

.p8 div:first-child .p8-img1 {
    width: 4.8rem
}

.parameter-box {
    position: absolute;
    right: 0;
    top: 0;
    width: 5rem;
    height: 7rem;
    overflow: hidden
}

.parameter-list {
    width: 11.5rem;
    font-size: .28rem;
    color: #fff;
    padding-top: 1.48rem;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0;
    -ms-transform: scale(.5);
    transform: scale(.5);
    -webkit-transform-origin: 0 0;
    -webkit-transform: scale(.5)
}

.parameter-list li {
    font-size: 0
}

.parameter-list li:first-child span {
    padding-top: .28rem
}

.parameter-list li:last-child span {
    padding-bottom: .28rem
}

.parameter-list li span {
    font-size: .28rem;
    display: inline-block
}

.parameter-list li span:first-child {
    height: 100%;
    width: 2.26rem;
    vertical-align: top
}

.parameter-list li span:nth-child(2) {
    height: 100%;
    padding-left: .76rem;
    padding-bottom: .52rem;
    border-left: 1px solid #414141
}

.l-height {
    line-height: .5rem;
    margin-top: -.1rem
}

.en-page .en-width47 {
    width: 47%;
    box-sizing: border-box
}

.en-page .en-width60 {
    width: 60%
}

.en-page .en-width50 {
    width: 50%;
    white-space: nowrap
}

.en-page .right-box {
    white-space: nowrap
}

.en-page .p3 .pp-right h1 {
    padding: 0;
    line-height: 1.1
}

.en-page .p6 p {
    line-height: 1.1
}

.en-page .p6 div .en-margin {
    margin-top: 1.75rem;
    margin-bottom: .75rem
}

.en-page .p3 .pp-left .en-left {
    left: .3rem;
    line-height: 1.2
}

.en-page .en-transform-center {
    -ms-transform: scale(.5) translateX(-30%);
    transform: scale(.5) translateX(-30%);
    -webkit-transform: scale(.5) translateX(-10%)
}

@media screen and (max-width:768px) {
    .p5 div {
        margin-left: -.2rem
    }
}

.p1-box {
    background: #fff
}

.cooperates-title {
    font-size: .38rem;
    color: #232639;
    text-align: center;
    margin-top: .67rem
}

.p1 {
    overflow: hidden
}

.p1 .cooperates-h1 {
    color: #232639;
    text-align: center;
    margin-top: .67rem;
    font-size: .37rem
}

.p1 ul {
    width: 10rem;
    margin: .6rem auto 0;
    overflow: hidden
}

.p1 li {
    float: left;
    width: 2rem;
    height: 4rem
}

.p1 li p {
    height: 2rem;
    line-height: 2rem;
    background: #4397ff;
    font-size: .24rem;
    color: #fff;
    text-align: center
}

.p1 .p21-img1,
.p1 li p {
    width: 2rem
}

.p2-box {
    background: #232323
}

.p2 {
    padding-top: .01rem;
    position: relative;
    background: url(../images/cooperates_p2_bg.jpg) 0 0/100%;
    overflow: hidden
}

.p2 .cooperates-title {
    position: static;
    margin-top: .6rem
}

.p2 .b2b-list {
    position: absolute;
    top: 2.2rem;
    width: 36.8rem;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0;
    -ms-transform: scale(.5);
    transform: scale(.5);
    -webkit-transform-origin: 0 0;
    -webkit-transform: scale(.5)
}

.p2 .b2b-list p {
    color: #fff;
    font-size: .4rem
}

.p2 .b2b-list div {
    height: 2.5rem;
    padding-top: .2rem;
    font-size: .32rem;
    color: #fff;
    opacity: .9;
    line-height: 1.5
}

.p2 .b2b-list span {
    display: block;
    width: 100%
}

.p2 .b2b-list li {
    height: 2.8rem;
    max-width: 5.6rem
}

.p2 .b2b-list li:nth-child(3),
.p2 .b2b-list li:nth-child(4) {
    height: 3.2rem
}

.p2 .b2b-list li {
    float: left;
    margin-right: 12.6rem;
    width: 5.8rem;
    text-align: right
}

.p2 .b2b-list li:nth-child(2n-1) {
    width: 5.6rem;
    margin-left: .2rem
}

.p2 .b2b-list li:nth-child(2n) {
    width: auto;
    text-align: left;
    margin: 0
}

.p3-box {
    background: #fff
}

.p3 {
    overflow: hidden
}

.p3 ul {
    padding-top: 1.25rem;
    text-align: center
}

.p3 ul li {
    display: inline-block;
    width: 3.3rem
}

.p3 ul li p {
    padding-top: .54rem;
    color: #232639
}

.p3 .p31-img1 {
    width: 100%;
    padding: 0 .75rem
}

.p4,
.p4-box {
    background: #3a3a3b
}

.p4 {
    overflow: hidden
}

.p4 .cooperates-title {
    color: #fff;
    padding-bottom: 1.12rem;
    margin-top: .75rem
}

.p4 ul {
    font-size: 0
}

.p4 ul li {
    display: inline-block;
    width: 2.4rem;
    height: 3.2rem;
    margin-right: .37rem;
    position: relative
}

.p4 ul li p {
    width: 100%;
    position: absolute;
    top: 2rem;
    -webkit-transform: translate(-50%);
    -ms-transform: translate(-50%);
    transform: translate(-50%);
    left: 50%;
    font-size: .24rem;
    color: #fff
}

.p4 .p41-img1 {
    width: 100%;
    padding: 0
}

.p5-box {
    background: #fff url(../images/bg_66.jpg) no-repeat 50%/cover
}

.p5 {
    overflow: hidden;
    background: none
}

.p5 .cooperates-title {
    float: left;
    width: 50%;
    color: #232639;
    padding-left: .76rem;
    margin-top: 2.92rem;
    text-align: left;
    line-height: 1.2
}

.p5 .coo-adv-img {
    position: relative;
    float: right;
    padding: .88rem .8rem 0 0;
    margin: 0
}

.p5 .coo-adv-img img {
    margin: 0
}

.p5 .coo-adv-img .p51-img1 {
    width: 5.16rem
}

.p5 .adv-tag {
    margin: 0;
    color: #232639;
    font-size: .48rem;
    background: #eef6ff;
    padding: 0;
    height: .86rem;
    line-height: .86rem;
    padding: 0 .24rem 0 .56rem;
    border-radius: .2rem;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0;
    -ms-transform: scale(.5);
    transform: scale(.5);
    -webkit-transform-origin: 0 0;
    -webkit-transform: scale(.5)
}

.p5 .adv-tag,
.p5 .adv-tag i {
    position: absolute;
    white-space: nowrap
}

.p5 .adv-tag i {
    left: .22rem;
    top: .32rem;
    width: .16rem;
    height: .16rem;
    border-radius: 50%;
    border: 4px solid #4397ff
}

.p5 .adv01 {
    top: .95rem;
    left: -2.2rem
}

.p5 .adv02 {
    top: .33rem;
    right: -3.2rem
}

.p5 .adv03 {
    top: 6.18rem;
    right: -3rem
}

.p5 .adv04 {
    top: 5.7rem;
    left: -3rem
}

.p6-box {
    background: #363636
}

.p6 {
    position: relative;
    overflow: hidden;
    //width: 16rem !important;
    width: auto;
}

.p6 .p61-img1 {
    height: 100%;
    margin: 0;
    position:absolute;
    right:50%;
}

.p6 .content-box {
    left: 50%;
    top: 0;
    width: 100%;
    position: absolute;
    padding-left: 1.2rem;
    font-size: 0;
    word-wrap: break-word;
    white-space: pre-wrap;
    text-justify: inter-ideograph;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0;
    -ms-transform: scale(.5);
    transform: scale(.5);
    -webkit-transform-origin: 0 0;
    -webkit-transform: scale(.5)
}

.p6 .content-box p:first-child {
    margin: 1rem 0 .42rem
}

.p6 .content-box p {
    letter-spacing: .02rem;
    color: #fff;
    line-height: 1.3;
    margin-bottom: .2rem
}

.p6 .about-us-box {
    padding: .6rem 0 0
}

.jp-about-us {
    border-collapse: collapse;
    padding-top: .4rem
}

.jp-about-us td {
    font-size: .4rem;
    color: #fff;
    line-height: .7rem
}

.jp-about-us tr td:first-child {
    padding-right: .5rem
}

.en-page .p6 .content-box p {
    margin-bottom: .2rem;
    line-height: 1.25
}

.en-page .p6 .content-box p:last-child {
    margin-bottom: 0
}

.en-page .p6 .content-box p:first-child {
    margin: .4rem 0
}

.en-page .p5 .adv-tag {
    font-size: .4rem
}

.en-page .p5 .adv02,
.en-page .p5 .adv03 {
    right: auto;
    left: -.3rem
}

.en-page .p5 .adv03 {
    top: 6.3rem
}

.en-page .p4 .cooperates-title {
    line-height: 1.2
}

@media only screen and (max-width:7.68rem) {
    .p6 .content-box {
        width: 70%;
        float: right;
        padding-left: .6rem
    }
}