.friends-slide, .index-case section, .topBar, .topBar .lzpz {
    overflow: hidden;
}

body, html {
    height: 100%;
    font-size: 14px;
}

.topBar {
    position: relative;
    height: 100%;
    background-size: 100% 100%;
}

    .topBar.mobile {
        background: url(../img/top-phone-bg.png) top no-repeat;
        background-size: cover;
    }

    .topBar .cover-header {
        position: relative;
        color: #fff;
        text-align: center;
        z-index: 98;
        top: 30%;
    }

        .topBar .cover-header h2 {
            font-size: 30px;
            font-weight: normal;
            /*font-family: webfont;*/
        }

        .topBar .cover-header p {
            font-size: 20px;
            font-weight: 500;
            margin: 30px 0;
        }

    .topBar .lzpz {
        background: linear-gradient(150deg,#23213d,#2e383f);
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
    }

.card, .case-title {
    position: relative;
}

.btn-ins {
    display: inline-block;
    margin: 0 5px;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    white-space: nowrap;
    line-height: 1.65;
    border-radius: 4px;
    -webkit-user-select: none;
    user-select: none;
    font-size: 16px;
    border: 1px solid #fff;
    background-color: rgba(155,163,175,0);
    color: #fff;
    padding: 5px 21px;
}

.h2, .section-heading {
    line-height: 1.7;
    text-align: center;
}

.h2, body > section {
    padding-bottom: 20px;
}

.btn-ins:hover {
    background-color: rgba(155,163,175,.1);
    color: #fff;
}

body > section {
    margin: 0 auto;
    padding-top: 20px;
    width: 100%;
    background-color: #fff;
}

#anchorMore {
    padding-top: 2rem;
}

.section-center {
    display: table;
}

    .section-center .section-inner {
        display: table-cell;
        vertical-align: middle;
        text-align: center;
    }

.section-heading {
    margin-bottom: 60px;
    color: #1f2126;
    font-weight: 400;
    font-size: 24px;
}

.section-sub-heading {
    margin-top: -50px;
    margin-bottom: 1rem;
    color: #9ba3af;
    text-align: center;
    font-weight: 400;
    font-size: 16px;
}

.h2 {
    font-size: 24px;
    color: #1f2126;
}

.card {
    padding-top: 20px;
    padding-bottom: 1px;
}

.method .card .card-icon {
    width: 157px;
    height: 156px;
}

.card .card-body {
    padding: 10px 0;
}

    .card .card-body h4 {
        font-weight: 300;
        font-size: 20px;
    }

.card .card-title {
    margin-bottom: 10px;
    color: #3d444f;
    font-weight: 400;
}

.card .card-body p {
    color: #7c8490;
}

.card .card-text {
    margin-bottom: 30px;
    padding-bottom: 18px;
    color: #696969;
    font-size: 16px;
    height: 20px;
}

.service-flow {
    background: url(../img/lc-bg.jpg) center no-repeat;
    height: 560px;
    text-align: center;
}

    .service-flow img {
        width: 80%;
        max-width: 200px;
    }

    .service-flow .flow-hm {
        text-align: center;
        background: url(../img/underline.png) center bottom no-repeat;
        padding-bottom: 2rem;
        font-size: 24px;
        color: #fff;
        margin: 60px 0;
    }

    .service-flow .process {
        color: #c2c4c4;
    }

    .service-flow i {
        display: block;
        width: 120px;
        height: 120px;
        border-radius: 50%;
        margin: 0 auto;
        transition: all .4s ease-in-out;
        -webkit-transition: all .4s ease-in-out;
    }

        .service-flow i:hover {
            background-color: #1794f4;
            transform: rotate(360deg);
            -webkit-transform: rotate(360deg);
            -moz-transform: rotate(360deg);
        }

    .service-flow .flow1 {
        background: url(../img/index/flow1.png) center no-repeat rgba(0,0,0,.2);
    }

    .service-flow .flow2 {
        background: url(../img/index/flow2.png) center no-repeat rgba(0,0,0,.2);
    }

    .service-flow .flow3 {
        background: url(../img/index/flow3.png) center no-repeat rgba(0,0,0,.2);
    }

    .service-flow .flow4 {
        background: url(../img/index/flow4.png) center no-repeat rgba(0,0,0,.2);
    }

    .service-flow .flow5 {
        background: url(../img/index/flow5.png) center no-repeat rgba(0,0,0,.2);
    }

    .service-flow .flow6 {
        background: url(../img/index/flow6.png) center no-repeat rgba(0,0,0,.2);
    }

    .service-flow h6 {
        margin: 10px;
        font-size: 18px;
    }

    .service-flow .am-hide-sm {
        margin-top: 1.6rem;
        font-size: 14px;
        line-height: 20px;
        height: 40px;
    }

.index-case {
    padding: 40px 0;
}

.case-title {
    text-align: center;
    border-bottom: 1px solid #c9caca;
    font-size: 32px;
    color: #3e3a39;
    padding-bottom: 15px;
}

.index-case section {
    width: 1200px;
    margin: 20px auto 0;
}

    .index-case section ul {
        margin-right: -117px;
    }

    .index-case section li {
        background: #fff;
        float: left;
        width: 23%;
        padding: 14px 14px 0;
        margin: 5px 114px 20px 5px;
        position: relative;
        box-shadow: 0 0 10px rgba(0,0,128,.3);
    }

        .index-case section li img {
            width: 100%;
            display: block;
        }

        .index-case section li article {
            margin: 0 .5rem 1rem;
        }

            .index-case section li article h3 {
                color: #3e3a39;
                text-align: center;
                font-size: 24px;
                border-bottom: 1px dashed #b5b5b6;
                padding: 15px 20px 15px 0;
                margin-bottom: 15px;
                background: right center no-repeat;
            }

            .index-case section li article p {
                line-height: 26px;
                color: #3e3a39;
            }

                .index-case section li article p span {
                    display: block;
                    text-align: center;
                    height: 56px;
                    line-height: 26px;
                    overflow: hidden;
                }

.friends-slide > div {
    text-align: center;
    margin-bottom: 30px;
}

.friends-slide img {
    width: 100%;
    max-width: 160px;
    margin: 0 auto;
}

    .friends-slide img:hover {
        -webkit-filter: grayscale(0);
        -moz-filter: grayscale(0);
        -ms-filter: grayscale(0);
        -o-filter: grayscale(0);
        filter: grayscale(0);
    }

@media (max-width:1440px) {
    .index-case section {
        width: auto;
    }

        .index-case section ul li {
            width: 310px;
            margin-right: 90px;
        }
}

@media (max-width:1220px) {
    .index-case section {
        width: 720px;
    }

        .index-case section ul li {
            width: 200px;
            margin-right: 40px;
        }

    .service-flow .row i {
        width: 100px;
        height: 100px;
        background-size: 65px;
    }

    .service-flow .am-hide-sm {
        margin-top: 1rem;
    }
}

@media (max-width:767px) {
    html {
        font-size: 15px;
    }

    .index-case section {
        width: auto;
    }

        .index-case section ul {
            margin-right: 5px;
        }

            .index-case section ul li {
                width: auto;
                float: none;
                overflow: hidden;
                margin-right: 0;
                margin-bottom: 1rem;
                padding: .5rem;
            }

                .index-case section ul li picture {
                    float: left;
                    width: 30%;
                }

                .index-case section ul li article {
                    float: left;
                    width: 65%;
                    margin: 0 0 0 1rem;
                }

                .index-case section ul li img {
                    margin-top: 1rem;
                }

                .index-case section ul li article h3 {
                    background-size: 8px;
                    text-align: left;
                    padding-bottom: .5rem;
                    margin-bottom: .5rem;
                    font-size: 17px;
                }

                .index-case section ul li article p {
                    line-height: 22px;
                    font-size: 14px;
                }

        .index-case section li article p span {
            text-align: left;
            width: 100%;
            line-height: 20px;
            font-size: 13px;
        }

    .method .card .card-icon {
        width: 100%;
        height: auto;
    }

    .method .card .card-title {
        font-size: 1rem;
    }

    .method .card-footer p {
        font-size: .9rem;
    }

    .service-flow h6 {
        font-size: 1rem;
        margin: 12px;
    }

    .service-flow .row i {
        width: 80px;
        height: 80px;
        background-size: 50px;
    }

    .service-flow .am-hide-sm {
        display: none;
    }

    .service-flow .flow-hm {
        margin-bottom: 30px;
    }
}