.header-screen{
    width: 100%;
    height: 0;
}

/*发展路线*/
.development{
    width: 100%;
    background: #F2F2F2;
    padding-top: 1rem;
    color: #404040;
    padding-bottom: 1.5rem;
    text-align: center;
}
.development-header{
    font-size: .36rem;
    font-weight: normal;
    line-height: 100%;
}
.development-intro{
    width: 67%;
    max-width: 12.8rem;
    margin: 0 auto;
    font-size: .24rem;
    height: .66rem;
    line-height: .66rem;
    position: relative;
}
.line-middle-content{
    position: absolute;
    width: 2rem;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    background: #fff;
    z-index: 2;
}
.line-middle{
    width: 100%;
    height: .01rem;
    background: #E5E5E5;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 1;
}
.development-content{
    background: #F2F2F2;
}
.development-screen{
    width: 67%;
    max-width: 12.8rem;
    margin: 0 auto;
}

/*发展路线*/
.advantages{
    width: 100%;
    background: #fff;
    padding-top: 1rem;
    color: #404040;
    padding-bottom: 1.5rem;
    text-align: center;
}
.advantages-header{
    font-size: .36rem;
    font-weight: normal;
    line-height: 100%;
}
.advantages-screen{
    width: 67%;
    max-width: 12.8rem;
    margin: 0 auto;
}
.advantages-list{
    width: 32%;
    height: 3.16rem;
    float: left;
    margin-right: 2%;
    margin-top: .2rem;
    box-shadow: 0 0 .15rem #fff;
}
.advantages-list:hover{
    box-shadow: 0 0 .15rem #eee;
}

/*服务支持体系*/
.service{
    width: 100%;
    background: #F2F2F2 url("../images/service_bg.jpg") no-repeat left top;
    background-size: 100%;
    padding-top: 1rem;
    color: #404040;
    padding-bottom: 1.5rem;
    text-align: center;
}
.service-content{
    background: #F2F2F2;
}
.service-screen{
    width: 67%;
    max-width: 12.8rem;
    margin: .3rem auto 0 auto;
}
.service-list-small{
    float: left;
    margin-right: .17rem;
    cursor: pointer;
    position: relative;
}
.service-list{
    width: 24.8%;
    float: left;
    margin-right: 0.2%;
    cursor: pointer;
    margin-top: 0.2%;
    position: relative;
}
.service-list-bottom{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #00A0E8;
    color: #fff;
    overflow-y: auto;
    padding: .1rem;
    text-align: left;
}
div::-webkit-scrollbar {
    width: 0;
}
.service-list-num{
    font-size: .12rem;
}
.service-list-text{
    text-indent: .24rem;
    padding-bottom: .1rem;
}
.service-list-text-bottom{
    padding-bottom: .1rem;
}
.service-list-top img{
    margin: 0 auto;
}

/*合作流程*/
.process{
    width: 100%;
    background: #585858;
    padding: 1.1rem 0;
    text-align: center;
}
.process-header{
    color: #fff;
}
.process-middle-content{
    background: #585858;
    color: #fff;
}
.process-screen{
    width: 67%;
    max-width: 12.8rem;
    margin: .5rem auto 0 auto;
}
.process-list{
    width: 18%;
    float: left;
    margin-top: .2rem;
}
.process-img img{
    margin: 0 auto;
}
.process-intro{
    font-size: .32rem;
    color: #fff;
    margin-top: .3rem;
}
.process-content{
    font-size: .14rem;
    margin-top: .2rem;
    color: #fff;
}
.process-icon{
    width: 2%;
    float: left;
    margin-top: 7%;
}

/*加盟意向表*/
.make{
    width: 100%;
    background: #fff url("../images/make_bg.jpg") no-repeat left bottom;
    background-size: 100%;
    padding: 1.1rem 0;
    text-align: center;
}
.make-form{
    margin: 0 auto;
    width: 6rem;
}
#make-form{
    margin-top: .5rem;
}
.make-form-title{
    font-size: .32rem;
    line-height: 100%;
    text-align: center;
    color: #404040;
}
#make-form .control-label{
    width: 30%;
    float: left;
    font-size: .2rem;
    font-weight: normal;
    color: #404040 !important;
    text-align: left;
}
#make-form .form-control{
    width: 70%;
    float: left;
}
#make-form .help-block{
    font-size: .14rem;
    clear: both;
    padding: .1rem 0;
    color: #DF532D !important;
    text-align: left;
    text-indent: 30%;
}
#make-province{
    width: 35% !important;
    float: left;
}
#make-city{
    width: 35% !important;
    float: right;
}
#make-area{
    display: none !important;
}
#publish-make{
    background: #383838 !important;
    color: #fff !important;
    width: 45%;
}
#edit-make{
    border-color: #383838 !important;
    background: none !important;
    color: #383838 !important;
    width: 45%;
    float: right;
}




.apply{
    background: #E7C012;
    padding: .68rem;
}
.apply-a{
    display: block;
    width: 3.2rem;
    height: .7rem;
    line-height: .7rem;
    text-align: center;
    font-size: .32rem;
    color: #383838;
    border: .02rem solid #383838;
    margin: 0 auto;
}
.apply-a:hover{
    color: #383838;
}

@media (min-width: 1280px) and (max-width: 1600px) {
    .process-icon{
        margin-top: 9%;
    }
}

@media (min-width: 769px) and (max-width: 1280px) {
    /*发展路线*/
    .development {
        padding-top: .5rem;
        padding-bottom: 1rem;
    }

    .development-header {
        font-size: .24rem;
    }

    .development-intro {
        font-size: .16rem;
        height: .44rem;
        line-height: .44rem;
    }

    .line-middle-content {
        width: 1.3rem;
    }

    .advantages {
        padding-top: .5rem;
        padding-bottom: 1rem;
    }

    .advantages-header {
        font-size: .24rem;
    }

    .advantages-list {
        width: 29%;
        height: 24%;
        margin-right: .45rem;
        margin-top: .13rem;
        box-shadow: 0 0 .15rem #fff;
    }

    .advantages-list:hover {
        box-shadow: 0 0 .15rem #eee;
    }

    /*服务支持体系*/
    .service {
        padding-top: .5rem;
        padding-bottom: .5rem;
    }

    .service-screen {
        margin: .2rem auto 0 auto;
    }

    .service-list {
        width: 25%;
        margin: 0;
    }

    /*合作流程*/
    .process {
        width: 100%;
        background: #585858;
        padding: 1.1rem 0;
        text-align: center;
    }
    .process-header{
        color: #fff;
    }
    .process-middle-content {
        background: #585858;
        color: #fff;
    }
    .process-screen {
        width: 67%;
        max-width: 12.8rem;
        margin: .2rem auto 0 auto;
    }
    .process-list {
        width: 18%;
        float: left;
        margin-top: .2rem;
    }
    .process-img{
        padding: .15rem;
    }
    .process-intro {
        font-size: .21rem;
        color: #fff;
        margin-top: .1rem;
    }
    .process-content {
        font-size: .1rem;
        margin-top: .1rem;
        color: #fff;
        line-height: 150%;
    }
    .process-icon {
        width: 2%;
        float: left;
        margin-top: 10%;
    }

    .make{
        padding: .6rem 0;
    }
    .make-form{
        margin: 0 auto;
        width: 49%;
    }
    #make-form{
        margin-top: .5rem;
    }
    .make-form-title{
        font-size: .21rem;
    }
    .control-label{
        font-size: .13rem;
    }
    #make-form .form-control{
        width: 70%;
        float: left;
    }
    #make-form .help-block{
        font-size: .12rem;
    }
    #make-province{
        width: 35% !important;
    }
    #make-city{
        width: 35% !important;
    }

    .apply{
        padding: .38rem;
    }
    .apply-a{
        width: 20%;
        font-size: .23rem;
    }
}

/* 小屏幕（平板，大于等于 768px） */
@media (max-width: 768px) {
    .header-screen{
        width: 100%;
        height: .8rem;
    }

    .development-intro{
        width: 100%;
    }
    .development-screen{
        width: 100%;
    }

    .advantages-screen{
        width: 100%;
    }
    .advantages-list{
        width: 100%;
        margin-right: 0;
    }
    .advantages-list img{
        margin: 0 auto;
    }

    .service-screen{
        width: 100%;
    }
    .service-list-small{
        width: 100%;
        margin-right: 0;
        padding: 0 .15rem;
    }
    .service-list{
        width: 100%;
        margin-right: 0;
        padding: 0 .15rem;
    }

    .process-screen{
        width: 100%;
    }
    .process-list{
        width: 100%;
    }
    .process-icon{
        display: none;
    }

    .make-form{
        margin: 0 auto;
        width: 100%;
        padding: 0 .15rem;
    }
    .make-form-title{
        font-size: .24rem;
    }
    .form-control{
        width: 70%;
        float: left;
    }
    .control-label{
        font-size: .16rem;
    }
    .help-block{
        font-size: .16rem;
    }
    #make-province{
        width: 35% !important;
        float: left;
    }
    #make-city{
        width: 35% !important;
        float: right;
    }
    #make-area{
        display: none !important;
    }
    #publish-make{
        background: #383838 !important;
        color: #fff !important;
        width: 45%;
    }
    #edit-make{
        border-color: #383838 !important;
        background: none !important;
        color: #383838 !important;
        width: 45%;
        float: right;
    }

    .apply{
        padding: .4rem 0;
    }
    .apply-a{
        display: block;
        width: 3.2rem;
        height: .7rem;
        line-height: .7rem;
        text-align: center;
        font-size: .32rem;
        color: #383838;
        border: .02rem solid #383838;
        margin: 0 auto;
    }
    .process-img img{
        margin: 0 auto;
    }
}