html, body, div, span, table, tbody, tr, th, td, em, img, strong, h1, h2, h3, h4, h5, h6, p, a, dl, dt, dd, ol, ul, li, form, label, input, figure, article, section, header, footer, button {
    margin: 0;
    padding: 0;
    list-style: none;
    outline: none
}

h1, h2, h3, h4, h5, h6, b {
    font-weight: 400
}

a, img {
    border: none
}

input, select, textarea {
    -moz-appearance: none;
    appearance: none;
    -webkit-appearance: none;
    outline: none;
    -webkit-tap-highlight-color: rgba(255,255,255,0)
}

button {
    -webkit-tap-highlight-color: rgba(255,255,255,0)
}

body {
    font-family: Arial,"Microsoft YaHei","simsun";
    color: #fff;
    background: #000;
    font-size: .375rem
}

a {
    color: #333;
    font-size: .375rem;
    -webkit-tap-highlight-color: rgba(255,255,255,0);
    -webkit-user-select: none
}

    a:link {
        text-decoration: none
    }

    a:visited {
        text-decoration: none;
        color: #333
    }

    a:active {
        text-decoration: none;
        color: #333
    }

::-webkit-input-placeholder {
    color: #999
}

::-ms-clear, ::-ms-reveal {
    display: none
}

.clearfix:after {
    display: block;
    content: '.';
    clear: both;
    height: 0;
    line-height: 0;
    visibility: hidden
}

body > div {
    font-size: .375rem
}

.header {
    height: 1.40625rem
}

    .header .fixed {
        display: -webkit-box;
        display: flex;
        background: #000;
        padding: 0 .625rem;
        -webkit-box-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        justify-content: space-between;
        height: 1.40625rem;
        position: fixed;
        left: 0;
        width: 100%;
        box-sizing: border-box;
        z-index: 100
    }

    .header .icon-nav {
        display: block;
        width: .59375rem;
        height: .59375rem;
        background: url(/Static/wapimg/nav.png) no-repeat center center/0.59375rem 0.29688rem
    }

    .header .logo img {
        height: .57813rem;
        display: block
    }

.nav-child {
    background: #006fe1;
    padding: 0 .625rem;
    font-size: .39063rem;
    height: 1.40625rem;
    line-height: 1.40625rem;
    color: #fff
}

.nav-down {
    position: fixed;
    left: 0;
    top: 1.40625rem;
    /*top: 2.8125rem;*/
    width: 100%;
    right: 0;
    bottom: 1.25rem;
    box-sizing: border-box;
    z-index: 100;
    background: #1e1e1e;
    padding: 0 .625rem;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    opacity: 0;
    -webkit-transition: all .5s;
    transition: all .5s
}

    .nav-down .close {
        height: 1.5625rem;
        line-height: 1.5625rem;
        background: url(/Static/wapimg/close.png) no-repeat left center/0.4375rem 0.4375rem;
        cursor: pointer
    }

    .nav-down li {
        height: 1.41875rem;
        line-height: 1.41875rem;
        border-bottom: 2px solid #585858
    }

        .nav-down li a {
            color: #fff;
            font-size: .4375rem;
            display: block
        }

    .nav-down .icon {
        position: absolute;
        left: 0;
        bottom: .78125rem;
        width: 100%;
        display: -webkit-box;
        display: flex;
        -webkit-box-align: center;
        align-items: center;
        justify-content: space-around;
        padding: 0 1.5625rem;
        box-sizing: border-box
    }

        .nav-down .icon a {
            display: block;
            height: .78125rem;
            width: .78125rem
        }

        .nav-down .icon .icon-wx {
            background: url(/Static/wapimg/wx.png) no-repeat center center/100%
        }

        .nav-down .icon .icon-sina {
            background: url(/Static/wapimg/sina.png) no-repeat center center/100%
        }

        .nav-down .icon .icon-zhifu {
            background: url(/Static/wapimg/zhihu.png) no-repeat center center/100%
        }

    .nav-down.show {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1
    }

.footer {
    text-align: center;
    font-size: .25rem;
    color: #fff;
    height: 1.25rem;
    line-height: 1.25rem;
    background: #000
}

    .footer a {
        font-size: .25rem;
        color: #fff
    }

.footer-fav {
    text-align: center;
    border-top: 2px solid #585858;
    line-height: .6875rem;
    padding-bottom: 1.09375rem
}

    .footer-fav.no-border {
        border: 0
    }

    .footer-fav .text {
        font-size: .46875rem;
        padding: .9375rem 0 .46875rem;
        color: #fefefe
    }

    .footer-fav .btn {
        display: block;
        background: #0071e2;
        width: 2.8125rem;
        height: .78125rem;
        line-height: .78125rem;
        color: #fff;
        font-size: .375rem;
        border-radius: .39063rem;
        margin: 0 auto
    }

.bg {
    background: #efeff8
}

.container {
    padding: 0 .625rem
}

.dialog {
    position: fixed;
    left: 0;
    width: 100%;
    bottom: 0;
    right: 0;
    top: 1.7968rem;
    box-sizing: border-box;
    z-index: 101;
    opacity: 0;
    visibility: hidden;
    color: #fff;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center
}

    .dialog .mask {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        bottom: 0;
        right: 0;
        /*background: rgba(0,0,0,0.8);*/
        background: #1e1e1e;
        opacity: 0;
        -webkit-transition: all .5s;
        transition: all .5s
    }
    .dialog .mask2 {
        position: absolute;
        left: 0;
        /*top: 0;*/
        top: -.4rem;
        width: 100%;
        bottom: 0;
        right: 0;
        background: rgba(0,0,0,0.8);
        opacity: 0;
        -webkit-transition: all .5s;
        transition: all .5s
    }


    .dialog img {
        display: block;
        width: 100%
    }

    .dialog.active {
        opacity: 1;
        visibility: visible
    }

        .dialog.active .mask {
            opacity: 1
        }
        .dialog.active .mask2 {
            opacity: 1
        }

        .dialog.active .content {
            opacity: 1
        }
        .dialog.active .imgcontent {
            opacity: 1
        }

    .dialog .content {
        width: 4.125rem;
        padding: .90625rem .90625rem .84375rem .90625rem;
        background: #000;
        z-index: 2;
        position: relative;
        opacity: 0;
        -webkit-transition: all .5s;
        transition: all .5s
    }

        .dialog .content .close {
            display: block;
            width: .3125rem;
            height: .3125rem;
            background: url(/Static/wapimg/close.png) no-repeat left center/100%;
            position: absolute;
            right: .23438rem;
            top: .3038rem
        }

    .dialog h2 {
        font-size: .53125rem;
        padding: .46875rem 0;
        border-top: 2px solid #585858;
        border-bottom: 2px solid #585858;
        line-height: .7325rem;
        /*margin-top:.45rem;*/
    }

    .dialog h3 {
        font-size: .53125rem;
        padding: .46875rem 0;
        border-top: 2px solid #585858;
        border-bottom: 2px solid #585858;
        line-height: .7125rem;
        font-size: .40625rem;
        display: -webkit-box;
        display: flex;
        -webkit-box-align: center;
        align-items: center
    }

        .dialog h3 img {
            display: block;
            width: 1.09375rem;
            margin-right: .3125rem
        }

    /*.dialog .img {
        padding: .54688rem 0
    }*/

    .dialog .imgcontent {
        width: 5.9375rem;
        background: #000;
        z-index: 2;
        position: relative;
        opacity: 0;
        -webkit-transition: all .5s;
        transition: all .5s
    }

        .dialog .imgcontent .close {
            display: block;
            width: .3125rem;
            height: .3125rem;
            background: url(/Static/wapimg/close.png) no-repeat left center/100%;
            position: absolute;
            right: .23438rem;
            top: .3038rem
        }



.banner img {
    width: 100%;
    display: block
}

.partner {
    padding: .9375rem 0
}

    .partner ul {
        display: -webkit-box;
        display: flex;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        justify-content: space-between
    }

    .partner li {
        width: 2.34375rem;
        height: .755rem;
        padding: .23438rem 0
    }

        .partner li img {
            width: 100%;
            height: .755rem;
            display: block
        }

.success-case {
    padding-top: .625rem
}

    .success-case .item {
        /*background: #fff;*/
        margin-bottom: .625rem;
        padding-bottom: .54688rem;
        position: relative
    }

        .success-case .item .tips {
            position: absolute;
            left: -100%;
            top: 0;
            width: 100%;
            z-index: 5;
            background: rgba(0,0,0,0.8);
            bottom: 0;
            display: -webkit-box;
            display: flex;
            -webkit-box-align: center;
            align-items: center;
            -webkit-box-pack: center;
            justify-content: center;
            color: #fff;
            text-align: center;
            font-size: .375rem;
            -webkit-transition: all .5s;
            transition: all .5s;
            opacity: 0
        }

            .success-case .item .tips h3 {
                font-size: .46875rem;
                font-weight: 700;
                padding-bottom: .39063rem
            }

        .success-case .item.no-link .tips {
            left: 0;
            opacity: 1
        }

        .success-case .item .img {
            position: relative
        }

            .success-case .item .img .video {
                position: absolute;
                left: 0;
                bottom: 0;
                width: .90625rem;
                height: .90625rem;
                background: #006fe1 url(/Static/wapimg/video.png) no-repeat center center/0.45313rem 0.26563rem
            }

            .success-case .item .img img {
                display: block;
                width: 100%
            }

        .success-case .item .caseitem {
        background-color:#fff;
        }

        .success-case .item .title {
            padding: .54688rem .625rem
        }

            .success-case .item .title a {
                font-size: .46875rem;
                line-height: .6875rem;
                color: #000
            }

                .success-case .item .title a span {
                    font-weight: bold
                }

        .success-case .item .intro {
            border-top: 1px solid #dedede;
            font-size: .39063rem;
            color: #787878;
            line-height: .6875rem;
            margin: 0 .625rem;
            padding-top: .625rem
        }

        .success-case .item .share {
            text-align: right;
            font-size: .3125rem;
            color: #006fe1;
            margin: 0 .625rem;
            line-height: .46875rem;
            padding-bottom:.4rem;
        }

            .success-case .item .share .icon-share {
                width: .46875rem;
                height: .39063rem;
                background: url(/Static/wapimg/share.png) no-repeat center top/0.34375rem 0.34375rem;
                display: inline-block;
                vertical-align: middle;
                margin-left: .07813rem
            }

.h1 {
    font-size: .46875rem;
    margin-bottom: .625rem;
    line-height: .6875rem
}

.case-detail {
    padding: .625rem 0
}

    .case-detail .content {
        font-size: .39063rem;
        line-height: .6875rem;
        margin-bottom: .78125rem;
        color: #bababa;
    }

    .case-detail .video {
        margin-bottom: 1.09375rem
    }

        .case-detail .video img, .case-detail .video video {
            width: 100%;
            display: block
        }

    .case-detail .prev-next {
        display: -webkit-box;
        display: flex;
        -webkit-box-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        align-items: center;
        height: 2.10938rem;
        border-top: 2px solid #585858;
        border-bottom: 2px solid #585858
    }

        .case-detail .prev-next a {
            display: block;
            color: #006fe1;
            font-size: .39063rem
        }

        .case-detail .prev-next .prev {
            padding-left: .625rem;
            background: url(/Static/wapimg/arrow.png) no-repeat left center/0.15625rem 0.29688rem
        }

        .case-detail .prev-next .next {
            padding-right: .625rem;
            background: url(/Static/wapimg/arrow2.png) no-repeat right center/0.15625rem 0.29688rem
        }

    .case-detail .more-list label {
        font-size: .4375rem;
        color: #fff;
        display: block;
        padding: .78125rem 0
    }

    .case-detail .more-list li {
        border-bottom: 2px solid #585858;
        padding: .78125rem 0
    }

        .case-detail .more-list li:first-child {
            padding-top: 0
        }

        .case-detail .more-list li a {
            color: #006fe1;
            font-size: .4375rem
        }

.about-us {
    padding-top: .625rem
}

    .about-us .content {
        font-size: .39063rem;
        color: #bababa;
        line-height: .6875rem
    }

.core-business {
    padding-top: .625rem
}

    .core-business .img img {
        display: block;
        width: 100%
    }

    .core-business .list {
        margin-bottom: 1.09375rem
    }

    .core-business .list-2 {
        margin-bottom: 0
    }

        .core-business .list-2 .item:last-child {
            border-bottom: 0
        }

    .core-business .item {
        border-bottom: 2px solid #585858;
        padding-bottom: .78125rem;
        line-height: .6875rem;
        font-size: .39063rem;
        color: #bababa;
    }

        .core-business .item label {
            height: 2.34375rem;
            display: -webkit-box;
            display: flex;
            -webkit-box-align: center;
            align-items: center;
            font-weight: 700
        }

            .core-business .item label span {
                color: #006fe1;
                font-size: .46875rem;
                margin-right: 30px
            }

            .core-business .item label b {
                /*text-decoration: underline*/
            }

.contact-us {
    padding-top: .625rem
}

    .contact-us .item {
        border-top: 2px solid #585858
    }

        .contact-us .item h3 {
            height: 2.1875rem;
            display: -webkit-box;
            display: flex;
            -webkit-box-align: center;
            align-items: center;
            font-size: .40625rem;
            font-weight: 700;
            color: #bababa
        }

        .contact-us .item div {
            font-size: .40625rem;
            line-height: .6875rem;
            margin-bottom: .625rem;
            color: #bababa
        }

    .contact-us .content-2 {
        border-top: 2px solid #585858;
        font-size: .39063rem;
        line-height: .6875rem
    }

        .contact-us .content-2 h3 {
            display: -webkit-box;
            display: flex;
            height: 2.5rem;
            -webkit-box-align: center;
            align-items: center;
            font-weight: 700;
            font-size: .46875rem
        }
        .contact-us .content-2 p {
            color:#bababa;
        }

.market-study {
    padding-top: .625rem
}

    .market-study .h2 {
        height: 0.9rem;
        line-height: 0.9rem;
        font-weight: 700;
        font-size: .46875rem
    }

    .market-study h3 {
        font-size: .34375rem;
        color: #006fe1;
        margin-bottom: .78125rem
    }

    .market-study .content {
        font-size: .39063rem;
        line-height: .6875rem;
        margin-bottom: .78125rem;
        color: #bababa;
    }

        .market-study .content.no-margin {
            margin-bottom: 0
        }

    .market-study .img img {
        display: block;
        width: 100%;
        margin-bottom: .625rem
    }

    .market-study .img.no-margin img {
        margin-bottom: 0
    }

    .market-study .line {
        border-top: 2px solid #585858;
        height: .625rem
    }

.footer-fixed {
    height: 1.56rem
}

    .footer-fixed > div {
        height: 1.56rem;
        background: #e1e1e1;
        position: fixed;
        left: 0;
        bottom: 0;
        width: 100%;
        display: -webkit-box;
        display: flex;
        -webkit-box-align: center;
        align-items: center;
        justify-content: space-around;
        z-index: 120;
        border-top:2px solid #585858;
    }

    .footer-fixed a {
        display: -webkit-box;
        display: flex;
        -webkit-box-align: center;
        align-items: center;
        -webkit-box-pack: center;
        justify-content: center;
        font-size: .373rem;
        color:#585858;
    }

    .footer-fixed i {
        display: block;
        width: .6875rem;
        height: .6875rem;
        margin-right: .07813rem
    }

    .footer-fixed .icon-1 {
        background: url(/Static/wapimg/icon-1.png) no-repeat left center/100%
    }

    .footer-fixed .icon-2 {
        background: url(/Static/wapimg/icon-2.png) no-repeat left center/100%
    }

    .footer-fixed .icon-3 {
        background: url(/Static/wapimg/icon-3.png) no-repeat left center/100%
    }

.dialog-wx3 .title {
    text-align: center;
    font-size: .28125rem;
    border-bottom: 1px solid #fff;
    padding-bottom: 35px
}

    .dialog-wx3 .title h3 {
        border: 0;
        padding: 0;
        font-size: .42188rem;
        margin-bottom: 15px
    }

.dialog-wx3 .content {
    background: none;
    /*width: 3.4375rem*/
}
/*.dialog-case {
top:2.2rem;
}*/