@media (max-width:767px){
    .header-bg .container{
        height: 60px;
    }
    .logo-link{
        margin-top: 12px;
        height: 35px;
    }
    .nav-btn{
        width: 25px
    }
    footer{
        padding:20px 0;
    }
    footer .phone{
        background-image: url("../imgs/footer/phone_m.png");
    }
    footer .address{
        background-image: url("../imgs/footer/addr_m.png");
    }
    .detail-title{
        height: 26px;
        line-height: 26px;
        font-size: 16px;
        padding-left: 40px;
    }
    .detail-no{
        height: 30px;
        line-height: 30px;
        padding-left: 40px;
        font-size: 20px;
    }
    .detail-dec{
        padding-left: 40px;
        font-size: 12px;
        line-height: 18px;
    }
    .main{
        padding-top: 60px;
    }
    .title{
        padding: 20px 0;
    }
    .section-title{
        font-size: 16px;
        line-height: 16px;
    }
    .section-title-en{
        font-size: 12px;
        line-height: 26px;
    }
    .section-title-adv{
        font-size: 12px;
        line-height: 26px;
    }
    .section-content{
        padding: 10px 0 35px;
    }
    .content-title{
        margin-top: 10px;
        font-size: 14px;
        text-align: center;
    }
    .line-sign{
        display: none;
    }
    .content-txt{
        padding-left: 10px;
        padding-right: 10px;
        font-size: 12px;
        line-height: 20px;
        text-align: center;
    }
    .more-btn-box{
        margin-top: 50px;
    }
    .more-btn-box.l,.more-btn-box.r{
        text-align: center;
    }
    .more-btn{
        width: 90px;
        height: 30px;
        line-height: 28px;
        border-radius: 15px;
        font-size: 12px;
    }
    .content-img{
        max-width: 630px;
    }
    .demand-inp{
        padding: 5px 15px;
    }
    .demand-btn{
        padding-top: 15px;
    }
    .demand-btn .btn-block{
        width: 40%;
        margin: 0 auto;
    }
    .banner-title-box{
        display: none;
    }
    .banner-img-m{
        display: block;
    }
    .banner-img-pc{
        display: none;
    }
    .wxdec{
        padding-top: 18px;
        padding-bottom: 18px;
        width: 100%;
    }
    .wxdec p{
        font-size: 12px;
        line-height: 20px;
    }
    .wxfun{
        padding: 20px 0;
    }
    .wxfun .mgt{
        margin-top: 30px;
    }
    .wxfun .circle-img{
        width: 80px;
        height: 80px;
    }
    .wxfun .circle-txt{
        margin-top: 13px;
        font-size: 16px;
        line-height: 16px;
    }
    .section-box .content-title{
        margin-top: 10px;
    }
    .case-title{
        font-size: 14px;
        line-height: 26px;
        margin-top: 15px;
    }
    .case-txt{
        padding: 15px;
        font-size: 12px;
        line-height: 20px;
    }
    .case-img-box img{
        margin: 25px 0;
        width: 70%;
    }
    .easier-bd{
        padding: 35px 0;
    }
    .easier .circle-txt{
        margin-top: 10px;
        font-size: 12px;
        line-height: 16px;
    }
    .appfun{
        padding: 35px 0;
    }  
    .appfun .circle-txt{
        margin-top: 10px;
        font-size: 12px;
        line-height: 20px;
    } 
    .service-box{
        margin-top: -40px;
        margin-bottom: 20px;
    }
    .service-box > div{
        padding: 35px 0;
    }
    .service-box .circle-txt{
        margin-top: 10px;
        font-size: 12px;
        line-height: 16px;
    }
    .foursqure-item{
        padding: 0 10%;
    }
    .item-box{
        width: 100%;
    }
    .item-box h3{
        font-size: 12px;
        line-height: 16px;
        margin-top: 16px;
    }
    .item-box .line-sign{
        display: inline-block;
        margin-top: 10px;
    }
    .item-box p{
        height: auto;
        padding: 15px; 
        font-size: 10px;
        line-height: 16px;
    }
    .foursqure{
        padding-bottom: 30px;
    }
    .shopfun .container > div{
        margin-bottom: 30px;
    }
    .shopfun .circle-img{
        max-width: 70px;
        width: 50%;
        height: auto;
    }
    .shopfun .circle-txt{
        font-size: 12px;
        margin-top: 10px;
    }
    .foursqure .section-title-adv{
        width: 80%;
        line-height: 18px;
        margin:5px auto 0;
    }
    .introduce .container{
        padding: 0 25px 30px;
    }
    .introduce .container p{
        font-size: 12px;
        line-height: 18px;
        text-indent: 24px;
    }
    .contact .content-title{
        margin-bottom: 15px;
        text-align: left;
    }
    .contact .content-txt{
        text-align: left;
    }
    .contact .content-txt.qq-link{
        margin-bottom: 20px;
        line-height: 22px;
    }
    .classical-case .section-content{
        padding: 35px 0;
    }
    .classical-case .content-txt{
        font-size: 12px;
        line-height: 18px;
    }
    .terminal-img{
        text-align: center;
    }
    .terminal-img img{
        margin-right: 15px;
    }
    .ter-pc{
        width: 16px;
    }
    .ter-and{
        width: 15px;
    }
    .ter-ios{
        width: 12px;
    }
    .ter-wx{
        width: 18px;
    }
    .ter-phone{
        width: 11px;
    }
    .classical-case .content-img{
        margin-bottom: 20px;
    }
    .step-box{
        padding: 40px 0;
    }
    .step-item{
        width: 100%;
    }
    .step-img-box{
        height: auto;
        line-height: 80px;
        width: 60%;
        float: left;
    }
    .step-des{
        width: 40%;
        float: left;
    }
    .step-img{
        width: 85px;
    }
    .step-r{
        display: none;
    }
    .step-d{
        display: inline-block;
        margin-top: 10px;
        width: 5px;
    }
    .step-des p{
        width: 100%;
        font-size: 12px;
        line-height: 18px;
        text-align: left;
    }
    .step-item.last {
        width: 100%;
    }
    .step-item.last .step-img{
        width: 85px;
    }
    .step-item.last .step-des{
        padding-top: 20px;
    }
}