.custom-wrapper {
    width: 10rem;
}

    .custom-wrapper .banner-wrap {
        position: relative;
        width: 100%;
        height: 17.015625rem;
        color: #fff;
        background: url('/content/m/banner_bk.jpg') no-repeat center;
        background-size: 100% 100%;
        padding-top: 3.0625rem;
    }

.banner-wrap h1 {
    font-size: 1.21875rem;
    text-align: center;
    font-weight: 500;
    margin-bottom: .625rem;
}

.banner-wrap p {
    font-size: .5625rem;
    text-align: center;
    font-weight: 500;
    margin-bottom: .25rem;
}

.city-wrap {
    display: block;
    color: #87a519;
    text-align: center;
    margin-top: 1.328125rem;
}

    .city-wrap span {
        color: #87a519;
        font-size: .34375rem;
        font-weight: 600;
        vertical-align: middle;
    }

    .city-wrap i {
        color: #87a519;
        display: inline-block;
        width: 0;
        height: .34375rem;
        border-left: 1px solid #87a519;
        vertical-align: middle;
        margin: 0 .1875rem;
    }

.banner-con {
    position: absolute;
    bottom: 0;
    width: 100%;
    background: rgba(0,0,0,0.5);
    padding: .96875rem 0 1.96875rem;
    text-align: center
}

    .banner-con > i {
        display: block;
        position: absolute;
        top: 0;
        left: 50%;
        transform: translate(-50%,-50%);
        width: 1.046875rem;
        height: 1.046875rem;
        background: #9ac200;
        border-radius: 50%;
    }

        .banner-con > i::before,
        .banner-con > i::after {
            display: block;
            position: absolute;
            content: '';
            left: 50%;
            transform: translate(-50%,-50%) rotate(-45deg);
            width: .3125rem;
            height: .3125rem;
            border-left: 2px solid #fff;
            border-bottom: 2px solid #fff;
        }

        .banner-con > i::before {
            top: 35%;
        }

        .banner-con > i::after {
            top: 55%;
        }

.con-top {
    text-align: center
}

    .con-top > div,
    .con-bottom {
        display: inline-block;
        border: 1px dashed #87a519;
        border-radius: .078125rem;
        text-align: center;
        padding: .328125rem .125rem;
    }

    .con-top > div {
        width: 3.9375rem;
        height: 1.53125rem;
        vertical-align: middle;
    }

        .con-top > div:nth-of-type(1) {
            margin-right: .21875rem;
        }

.con-bottom {
    margin-top: .28125rem;
    width: 8.125rem;
    height: 1.53125rem;
}

.banner-con h3 {
    font-size: .375rem;
    margin-bottom: .28125rem;
}

.banner-con p {
    font-size: .3125rem;
    color: #b9b9b9;
    white-space: nowrap;
    overflow: hidden;
}
/* banner end */
/* com style */
.coop-wrap,
.clues-wrap,
.cases-wrap,
.plan-wrap,
.question-wrap {
    padding-top: 1rem;
}

    .coop-wrap h2,
    .clues-wrap h2,
    .cases-wrap h2,
    .plan-wrap h2,
    .question-wrap h2 {
        position: relative;
        font-size: .5rem;
        font-weight: 400;
        text-align: center;
        padding-bottom: .375rem;
        margin-bottom: .8125rem;
    }

        .coop-wrap h2::before,
        .clues-wrap h2::before,
        .cases-wrap h2::before,
        .plan-wrap h2::before,
        .question-wrap h2::before {
            position: absolute;
            bottom: 0;
            left: 50%;
            transform: translateX(-50%);
            content: '';
            width: .5rem;
            height: 0;
            border-bottom: 2px solid #9dc408;
        }
/* -------------------------------------- */
.coop-wrap {
    background: url('/content/m/background_2.jpg') no-repeat center;
    background-size: 100% 100%;
}

    .coop-wrap h2 {
        color: #333;
    }

    .coop-wrap .swiper-wrapper {
        margin-bottom: .78125rem;
    }

    .coop-wrap .swiper-slide {
        text-align: center;
    }

    .coop-wrap img {
        display: inline-block;
        width: 2.453125rem;
        height: 1.171875rem;
        background: #9ac200;
        margin: 0 .203125rem 20px;
    }

    .coop-wrap .swiper-pagination-bullet-active {
        background: #9ac200;
    }

/* 合作商logo end*/

/* --------------------------------------------- */
.clues-wrap {
    background: url('/content/m/background_3.jpg') no-repeat center;
    background-size: 100% 100%;
    padding-bottom: .90625rem;
}

    .clues-wrap h2 {
        color: #fff;
    }

    .clues-wrap .el-button,
    .clues-ruleForm {
        width: 9.0625rem;
        margin: 0 auto;
    }

        .clues-ruleForm .el-input__inner {
            height: 1.171875rem;
            border-radius: 1.5625rem;
            font-size: .375rem;
            padding: 0 .75rem;
            width: 100%;
            box-sizing: border-box;
            outline: none;
            margin-bottom: 10px;
        }

    .clues-wrap .el-button {
        display: block;
        height: 1.171875rem;
        color: #fff;
        background: #9ac200;
        border: 0;
        font-size: .4375rem;
        font-weight: 400;
        border-radius: 1.5625rem;
        margin-bottom: .65625rem;
    }

        .clues-wrap .el-button:focus,
        .clues-wrap .el-button:hover {
            color: #fff;
            background: #9ac200;
            border: 0;
        }

    .clues-wrap p {
        text-align: center;
    }

        .clues-wrap p > * {
            vertical-align: middle;
        }

    .clues-wrap i {
        display: inline-block;
        width: .375rem;
        height: .375rem;
        margin-right: .15625rem;
        background: url('/content/m/icon3.png') no-repeat center;
        background-size: 100% 100%;
    }

    .clues-wrap p a {
        font-size: .375rem;
        color: #9dc408;
    }
/* 线索提交end */
/* ------------------------------------------------ */
.cases-wrap h2 {
    color: #333;
}

.cases-wrap .cases-container {
    padding: .625rem;
}

.case-slide {
    padding: .78125rem .5rem .703125rem;
    box-shadow: 0 0 .234375rem #eee;
    border-radius: .3125rem;
}
/* item */
.cases-wrap .case-i-container {
    margin-bottom: .625rem;
}

.cases-wrap .case-i-wrapper {
    box-shadow: 0 0 .234375rem #333;
}

.cases-pagination {
    padding: 0 .390625rem;
}

    .cases-pagination .cases-pagination-bullet {
        display: inline-block;
        min-width: 1.6875rem;
        padding: .140625rem .125rem;
        color: #999;
        background: transparent;
        border-radius: 1.5625rem;
        text-align: center;
        font-size: .34375rem;
    }

    .cases-pagination .cases-pagination-bullet-active {
        color: #fff;
        background: #9ac200;
    }
/* item text */
.case-i-content * {
    vertical-align: middle;
}

.case-i-content .title {
    font-size: .40625rem;
    margin-bottom: .53125rem;
}

    .case-i-content .title img {
        width: .6875rem;
        height: .6875rem;
        margin-right: .1875rem;
    }

.case-i-content .case-i-info {
    display: -webkit-box;
    font-size: .375rem;
    line-height: .46875rem;
    height: 100%;
    margin-bottom: .78125rem;
    color: #ababab;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    overflow: hidden;
}

/* item more */
.c-more-title {
    font-size: .375rem;
    margin-bottom: .71875rem;
    font-weight: 400;
}

.c-more-advantage > div {
    width: 49%;
    text-align: center;
}

    .c-more-advantage > div > div {
        display: inline-block;
        text-align: left;
    }

    .c-more-advantage > div p {
        margin-bottom: .546875rem;
        font-size: .34375rem;
        color: #888888;
    }

.c-more-litem {
    float: left;
}

.c-more-ritem {
    float: right;
}


.micon-1 {
    background: url('/img/new/region/a-icon01.png') no-repeat center;
}

.micon-2 {
    background: url('/img/new/region/a-icon02.png') no-repeat center;
}

.micon-3 {
    background: url('/img/new/region/a-icon03.png') no-repeat center;
}

.micon-4 {
    background: url('/img/new/region/a-icon04.png') no-repeat center;
}

.m-icon {
    display: inline-block;
    width: .4375rem;
    height: .4375rem;
    margin-right: .3125rem;
    background-size: 100% 100%;
}

.case-more-btn {
    text-align: center;
}

    .case-more-btn a {
        display: inline-block;
        padding: .1875rem .59375rem;
        font-size: .40625rem;
        font-weight: 400;
        color: #9dc408;
        border: 1px solid #9dc408;
        border-radius: 1.5625rem;
    }

.case-item-img {
    width: 4.21875rem;
}
/* 案例 end */
/* --------------------------------------- */
.plan-wrap .swiper-container {
    margin-top: 1.0625rem;
}

.plan-wrap .swiper-wrapper {
    margin-bottom: 2.03125rem;
}

.plan-wrap .swiper-container .swiper-pagination {
    bottom: .953125rem;
}

.plan-wrap .slide {
    display: block;
    position: relative;
    width: 100%;
    height: 5.15625rem;
    overflow: hidden;
    border-radius: .3125rem;
    padding: .8125rem 0 .734375rem .734375rem;
    color: #fff;
}

    .plan-wrap .slide.sle1 {
        background: url('/content/m/solution_bk1.png') no-repeat center;
        background-size: 100% 100%;
    }

    .plan-wrap .slide.sle2 {
        background: url('/content/m/solution_bk2.png') no-repeat center;
        background-size: 100% 100%;
    }

    .plan-wrap .slide.sle3 {
        background: url('/content/m/solution_bk3.png') no-repeat center;
        background-size: 100% 100%;
    }

    .plan-wrap .slide.sle4 {
        background: url('/content/m/solution_bk4.png') no-repeat center;
        background-size: 100% 100%;
    }

    .plan-wrap .slide.sle5 {
        background: url('/content/m/solution_bk5.png') no-repeat center;
        background-size: 100% 100%;
    }

    .plan-wrap .slide.sle6 {
        background: url('/content/m/solution_bk6.png') no-repeat center;
        background-size: 100% 100%;
    }

.plan-wrap .sle-tit {
    font-size: .4375rem;
    font-weight: 500;
    margin-bottom: .5rem;
}

.plan-wrap p {
    font-size: .375rem;
    margin-bottom: .25rem;
}

.plan-wrap .more {
    display: block;
    position: absolute;
    bottom: .734375rem;
    left: .734375rem;
    padding: .1875rem .59375rem;
    background: #fff;
    border-radius: .125rem;
    font-size: .3125rem;
}

.plan-wrap .sle1 .more {
    color: #3161ff;
}

.plan-wrap .sle2 .more {
    color: #a7ca00;
}

.plan-wrap .sle3 .more {
    color: #9e6ef3;
}

.plan-wrap .sle4 .more {
    color: #a7ca00;
}

.plan-wrap .sle5 .more {
    color: #f5b525;
}

.plan-wrap .sle6 .more {
    color: #9e6ef3;
}
/* 行业解决方案 end */


/* ------------------------------------------------ */
.question-wrap {
    background: cornsilk;
    background: url(/img/mobile/region/answer_bg.jpg) no-repeat #f3f3f3 top center;
    background-size: cover;
}

    .question-wrap .swiper-container {
        margin-top: .6875rem;
        margin-bottom: 1.09375rem;
    }

    .question-wrap .swiper-slide {
        border-radius: .0625rem;
    }

.question-cont {
    position: relative;
    width: 100%;
    height: 5.859375rem;
    padding: .75rem 0 .625rem;
    margin-bottom: .25rem;
    background: #fff;
}

    .question-cont p {
        display: -webkit-box;
        padding: 0 .546875rem;
        line-height: .59375rem;
        font-size: .375rem;
        color: #999;
        max-height: 90%;
        overflow: hidden;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 7;
    }

    .question-cont span {
        display: block;
        position: absolute;
        bottom: .625rem;
        right: 0;
        /* line-height: .96875rem; */
        /* text-align: right; */
        padding: 0 .375rem;
    }

        .question-cont span a {
            font-size: .28125rem;
            color: #9ac200;
        }

.question-label {
    position: relative;
    width: 100%;
    background: #fff;
    border-radius: 1.5625rem;
    text-align: center;
    padding: .546875rem 0;
    font-size: .375rem;
}

    .question-label img {
        position: absolute;
        top: 50%;
        left: 0;
        transform: translateY(-50%);
        width: 1.25rem;
        height: 1.25rem;
        border-radius: 50%;
        background: #fff;
        box-shadow: .078125rem 0 .234375rem #dfdfdf;
    }

/* 在线 */
.question-online {
    display: flex;
    justify-content: center;
    align-items: center;
    padding-bottom: 1.09375rem;
}

    .question-online img {
        display: block;
        width: 2.890625rem;
        height: 2.890625rem;
        border-radius: 50%;
        margin: 0 auto;
        margin-right: .9375rem;
    }

    .question-online .q-text {
        text-align: center;
    }

    .question-online h6 {
        font-size: .34375rem;
        margin-bottom: .3125rem;
    }

    .question-online p {
        font-size: .34375rem;
        margin-bottom: 20px;
        color: #999;
    }

    .question-online a {
        display: inline-block;
        padding: .21875rem .9375rem;
        color: #fff;
        background: #9ac200;
        border-radius: 1.5625rem;
        font-size: .34375rem;
    }
/* 技术问答 end*/
/* /--------------------------------- */
.clues-bt-wrap {
    width: 100%;
    height: 9.515625rem;
    background: url('/content/m/banner_bottom.jpg') no-repeat center;
    background-size: 100% 100%;
}

.ft-clues {
    width: 6.875rem;
    padding-top: 2.640625rem;
    margin: 0 auto;
    text-align: center;
}

    .ft-clues a {
        display: block;
        width: 100%;
        padding: .359375rem 0;
        font-size: .46875rem;
        color: #fff;
        background: #9ac200;
        border-radius: 1.5625rem;
        margin-bottom: .46875rem;
    }

    .ft-clues p {
        font-size: .3125rem;
        color: #b9b9b9;
    }
/* foot end */

/* 联系方式 btn-----------------------------------*/
.contact-btn-wrap {
    width: 100%;
    position: fixed;
    z-index: 99;
    bottom: 0;
    vertical-align: middle;
}

    .contact-btn-wrap * {
        vertical-align: middle;
    }

    .contact-btn-wrap > a {
        float: left;
        width: 50%;
        height: 1.49375rem;
        line-height: 1.49375rem;
        background: #fff;
        padding: 0;
        text-align: center;
        font-size: .375rem;
        color: #fff;
    }

    .contact-btn-wrap .cbtn-kq {
        background: #434343;
    }

    .contact-btn-wrap .cbtn-phone {
        background: #9ac200;
    }

.cbtn-phone i,
.cbtn-kq i {
    display: inline-block;
    width: .625rem;
    height: .625rem;
    background: coral;
    margin-right: .15625rem;
}

.cbtn-kq i {
    background: url('/content/m/icon1.png') no-repeat center;
    background-size: 100% 100%;
}

.cbtn-phone i {
    background: url('/content/m/icon2.png') no-repeat center;
    background-size: 100% 100%;
}
/* 联系方式 end*/