.join{
    padding-top: 100px;
}
/*主体*/
.main{
    padding: 0;
    margin: 0;
    color: #666;
    background-color:#ddd ;
    font-size: 0;
}
/*二级导航*/
.subnav{
    background-color: #fff;
    width: 100%;
    height: 70px;
    line-height: 70px;
    clear: both;
    overflow: hidden;
    font-size: 16px;
}
.current{
    font-size: 14px;
}


.menu{
    font-size: 16px;
}
.menu li{
    margin-left: 5px;
    display: inline;
    padding: 3px 10px;
    border-radius: 5px;
}
.menu li a{
    color:#666;
}
.active-sub,.menu li:hover{
    background-color: #000;
    color: #fff;
}
.menu li:hover a{
    color: #fff;
}
.menu .active-sub a{
    color: #fff;
}

/*内容*/
.column{

    font-size: 16px;
}
/*优势*/
.ad{
    padding-top: 100px ;
}
.ad-title{
    margin: 0 auto;
    text-align: center;
}
.ad .ad-title{
    width: 780px;
}
.ad-title h1{
    font-weight: normal;
    font-size:36px;
    color: #333;
}
.ad-title span{
    font-size:16px;
    letter-spacing:4px;
    display: inline-block;
    margin: 8px 0;
}
.ad-title p{
    font-size:14px;
    color: #999;
    line-height: 22px;
}
.ad dl{
    display: flex;
    justify-content: space-between;
    color: #333;
    text-align: center;
}
.ad dl dd{
    box-sizing: border-box;
    background-color: #fff;
}
.ab-text1{
    margin-top: 60px;
    margin-bottom: 80px;
}
.ab-text1 dd{
    position: relative;
    width: 32%;
    padding: 35px 20px 30px 20px;
}

.ab-text1 dd span{
    position: absolute;
    top:0;
    left: 50%;
    margin-top: -30px;
    margin-left: -30px;
    display: block;
    width: 60px;
    height: 60px;
    line-height: 56px;
    font-size: 18px;
    border-radius: 50%;
    border: 3px solid #ddd;
    background-color: #fff;
}
.ab-text1 h2{
    font-size: 30px;
    font-weight: normal;
    line-height: 66px;
    position: relative;
    margin-bottom: 20px;
}
.ab-text1 h2:after{
    content: '';
    position: absolute;
    bottom: 0;
    left: 47%;
    width: 30px;
    height: 1.5px;
    background-color: #1ef0b1;
}
.ab-text1 p{
    color: #707070;
    font-size: 14px;
    line-height: 24px;
}
.ab-text2{
    margin-top: 25px;
}
.ab-text2 dd{
    position: relative;
    width: 30%;
    padding: 30px;
    padding-bottom: 80px;
 }
.ab-text2 dd span{
    font-size:36px ;
    color: #333;
}
.ab-text2 dd p{
    margin-top: 8px;
    font-size:16px;
    color: #333;
}
.ab-text2 dd img{
    width: 28%;
    position: absolute;
    bottom: -25%;
    left: 36%;
}
.ad dl dd:hover,.ad dd:hover span,.ad dd:hover p{
    background-color: #1cb38e;
    color: #fff;
}
/*支持*/
.support{
    background: url("../images/bg5.jpg") no-repeat;
    background-size: cover;
    padding: 120px 0;
    margin-top: 120px;
}
.support .ad-title,.support .ad-title h1{
    color: #fff;
}
.su-main{
    width: 1200px;
    margin: 0 auto;
    margin-top: 80px;
    position: relative;
}
.su-main dl dd{
    color: #fff;
    font-size: 18px;
    position: absolute;
    top:0;
    left: 0;
}
.su-main dl dd:nth-of-type(1){
    top:25px;
    left: 430px;
}
.su-main dl dd:nth-of-type(2){
    top:78px;
    left:220px;
}
.su-main dl dd:nth-of-type(3){
    top:55px;
    left:870px;
}
.su-main dl dd:nth-of-type(4){
    top:207px;
    left:310px;
}
.su-main dl dd:nth-of-type(5){
    top:215px;
    left:1040px;
}
.su-main dl dd:nth-of-type(6){
    top:330px;
    left:120px;
}
.su-main dl dd:nth-of-type(7){
    top:340px;
    left:850px;
}
.su-main dl dd:nth-of-type(8){
    top:407px;
    left:585px;
}
.su-main dl dd:nth-of-type(9){
    top:460px;
    left:225px;
}
.su-main dl dd:nth-of-type(10){
    top:470px;
    left:930px;
}
/*服务*/
.service{
    clear:both;
    overflow: hidden;
    padding: 90px 0;
}
.service h2{
    color: #161616;
    font-size: 36px;
    text-align: center;
    font-weight: normal;
}
.service dl{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-top: 40px;
    /*border: 1px solid red;*/
}
.service dl dd{
    background-color: #fff;
    width: 43%;
    margin-left: 6%;
    height: 210px;
    
    position: relative;
    box-sizing: border-box;
    padding: 0 20px 0 6%;
    margin-bottom: 20px;
}
.service dl dd div{
    margin-top:105px;
    transform: translateY(-50%);
}

.service dl dd img{
     width: 25%;
    position: absolute;
    top:50%;
    transform: translateY(-50%);
    left: -13%;
 }
.service dl dd span{
    font-size: 24px;
    color: #1eb08c;
    display: block;
    margin-bottom: 15px;
}
.service dl dd p{
    font-size: 16px;
    color: #999;
}

/*条件*/
.condition{
    padding:100px 0;
}

.condition dl{
    margin-top: 50px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.condition dl dd{
    width: 49%;
    /*border: 1px solid #c0bbbb;*/
    padding:25px 0;
    background-color: #fff;
    margin-bottom: 10px;
}
.condition dl dd img:nth-of-type(2){
    display: none;
}
/*.condition dl dd:nth-of-type(2n-1){*/
    /*border-right: 0;*/
/*}*/
/*.condition dl dd{*/
    /*border-bottom: 0;*/
/*}*/
/*.condition dl dd:nth-of-type(9),.condition dl dd:nth-of-type(10){*/
    /*border-bottom: 1px solid #c0bbbb !important;*/
/*}*/
.condition dl dd:nth-of-type(2) p{
    margin-top: 15px;
}
.condition dl dd img{
    width: 65px;
    /*border: 1px solid red;*/
    float: left;
    margin:0 4%;
}
.condition dl dd p{
    font-size: 16px;
    line-height: 32px;
    float: left;
    /*border: 1px solid red;*/
    width: 80%;
}
.condition dl dd:hover{
    color: #fff;
    background-color: #1cb38e;
}
.condition dl dd:hover img:nth-of-type(2){
    display: inline-block;
}
.condition dl dd:hover img:nth-of-type(1){
    display: none;
}
/*liuc*/
.process{
    padding: 100px 0;
}
.process dl{
    margin-top: 50px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    text-align: center;
}
.process dl dd{
    width: 31%;
    background-color: #fff;
    padding: 30px 52px 40px;
    margin-bottom: 30px;
    box-sizing: border-box;
}
.process dl dd span{
    color: #333;
    font-size: 20px;
    display: block;
    margin-bottom: 20px;
    position: relative;
    padding-bottom: 20px;
}
.process dl dd span:after{
    content: '';
    position: absolute;
    bottom: 0;
    left: 47%;
    width: 30px;
    height: 1.5px;
    background-color: #1ef0b1;
}
.process dl dd p{
    color: #666;
    font-size: 14px;
}
.process dl dd:hover{
     background-color: #1cb38e;
     color: #fff;
 }
.process dl dd:hover span,.process dl dd:hover p{
    color: #fff;
}
/*加盟*/
.ask{
    clear: both;
    overflow: hidden;
    background: url("../images/bg6.jpg") no-repeat;
    background-size: cover;
    padding: 100px 0;
}
.ask .center-box{
    clear: both;
    overflow: hidden;
}
.ask form{
    width: 40%;
    float: left;
    /*border: 1px solid red;*/
}
.ask form{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.ask form label{
    font-size: 24px;
    color: #333;
    margin-bottom: 5px;
}
.ask form input,.ask form textarea,.ask form button,.ask form select{
    width: 100%;
    background-color: #fff;
    margin-top: 15px;
    height: 40px;
    font-size: 14px;
    padding: 0 15px;
    border: 1px solid #bfbfbf;
}
.ask form select{
    height: 30px;
    width: 48%;
    padding: 0 5px;
    font-size: 12px;
    color: #666;
}
.ask form textarea{
    min-height:150px;
    padding:10px 15px;
}
.ask .ask-text{
    width: 50%;
    float: right;
    padding-top:40px;
    /*border: 1px solid #2019ff;*/
    position: relative;
}
.ask-icon{
    position: absolute;
    right: -30px;
    top:0;
}
.ask form button{
    background-color: #18916c;
    color: #fff;
    font-size: 18px;
}
.ask-top{
    padding: 0 20px;
}
.ask-top p{
    font-size: 28px;
    color: #18916c;
}
.ask-text h1{
    font-size: 57px;
    color: #333;
    font-weight: normal;
    border-top: 1px solid #bfbfbf;
    border-bottom: 1px solid #bfbfbf;
   padding: 15px 20px;
    margin: 20px 0;
}
.ask-text .ask-call{
    clear: both;
    overflow: hidden;
}
.ask-text .ask-call img{
    float: left;
    margin: 0 20px;
}
.ask-text .ask-call div{
    float: left;
}
.ask-call div span{
    font-size: 21px;
    color: #666;
}
.ask-call div h2{
    font-size:61px;
    color: #333;
    font-weight: normal;
    line-height: 55px;
}
/*PC端*/
@media (max-width: 1440px){

    .join{
        padding-top: 60px;
    }
    .subnav {
        height: 50px;
        line-height: 50px;
        /*margin-top: -4px;*/
        font-size: 14px;
    }

    .current {
        font-size: 12px;
        color: #999;
    }

    .menu {
        font-size: 14px;
    }

    .menu li {
        padding: 2px 8px;
        border-radius: 5px;
    }



    /*内容*/
    .column{

        font-size: 14px;
    }
    /*优势*/
    .ad{
        padding-top: 80px ;
    }

    .ad .ad-title{
        width: 600px;
    }
    .ad-title h1{
        font-size:32px;
    }
    .ad-title span{
        font-size:14px;
        letter-spacing:3px;
        margin: 5px 0;
    }
    .ad-title p{
        font-size:12px;
        line-height: 18px;
    }


    .ab-text1{
        margin-top: 40px;
        margin-bottom: 50px;
    }
    .ab-text1 dd{
        position: relative;
        width: 32%;
        padding: 40px 30px 30px 30px;
    }

    /*.ab-text1 dd span{*/
        /*margin-top: -20px;*/
        /*margin-left: -20px;*/
        /*width: 40px;*/
        /*height: 40px;*/
        /*line-height: 36px;*/
        /*fonts-size: 16px;*/
    /*}*/
    .ab-text1 h2{
        font-size: 24px;
        line-height: 52px;
        margin-bottom: 10px;
    }

    .ab-text1 p{
        font-size: 12px;
        line-height: 20px;
    }

    .ab-text2 dd{
        padding: 15px;
        padding-bottom: 53px;
    }
    .ab-text2 dd span{
        font-size:30px ;
    }
    .ab-text2 dd p{
        margin-top: 5px;
        font-size:14px;
    }

    /*支持*/
    .support{
        padding: 80px 0;
    }

    .su-main{
        width: 1200px;
        margin: 0 auto;
        margin-top: 80px;
        position: relative;
    }
    .su-main dl dd{
        color: #fff;
        font-size: 18px;
        position: absolute;
        top:0;
        left: 0;
    }
    .su-main dl dd:nth-of-type(1){
        top:25px;
        left: 430px;
    }
    .su-main dl dd:nth-of-type(2){
        top:78px;
        left:220px;
    }
    .su-main dl dd:nth-of-type(3){
        top:55px;
        left:870px;
    }
    .su-main dl dd:nth-of-type(4){
        top:207px;
        left:310px;
    }
    .su-main dl dd:nth-of-type(5){
        top:215px;
        left:1040px;
    }
    .su-main dl dd:nth-of-type(6){
        top:330px;
        left:120px;
    }
    .su-main dl dd:nth-of-type(7){
        top:340px;
        left:850px;
    }
    .su-main dl dd:nth-of-type(8){
        top:407px;
        left:585px;
    }
    .su-main dl dd:nth-of-type(9){
        top:460px;
        left:225px;
    }
    .su-main dl dd:nth-of-type(10){
        top:470px;
        left:930px;
    }
    /*服务*/
    .service{
        padding: 80px 0;
    }
    .service h2{
        font-size: 30px;
    }


   .service dl dd{
        height: 160px;
    }
    .service dl dd div{
        margin-top:80px;
        transform: translateY(-50%);
    }
    .service dl dd img{
        top:50%;
        transform: translateY(-50%);
    }
    .service dl dd span{
        font-size: 20px;
        margin-bottom: 8px;
    }
    .service dl dd p{
        font-size: 12px;
        line-height: 18px;
    }

    /*条件*/

    .condition dl{
        margin-top: 30px;
    }
    .condition dl dd:nth-of-type(2) p{
        margin-top: 10px;
    }
    .condition dl dd img{
        width: 45px;
        margin:0 3%;
    }
    .condition dl dd p{
        font-size: 12px;
        line-height: 20px;
        /*border: 1px solid red;*/
    }
    /*liuc*/
    .process{
        padding:80px 0;
    }
    .process dl{
        margin-top: 40px;
    }
    .process dl dd{
        padding: 25px 36px 25px;
        margin-bottom: 20px;
    }

    .process dl dd span{
        font-size:16px;
        margin-bottom: 15px;
        padding-bottom: 15px;
    }

    .process dl dd p{
        font-size: 12px;
    }

    /*加盟*/
    .ask{
        padding:80px 0;
    }
    .ask form{
        width: 40%;
        /*border: 1px solid red;*/
    }
    .ask form label{
        font-size: 22px;
        margin-bottom: 5px;
    }
    .ask form input,.ask form textarea,.ask form button{
        margin-top: 12px;
        height: 30px;
        font-size: 12px;
        padding: 0 10px;
    }
    .ask form input:nth-of-type(3),.ask form input:nth-of-type(4){
        width: 48%;
    }
    .ask form textarea{
        min-height:120px;
        padding:10px;
    }

    .ask-icon{
        width: 18px;
        height: auto;
    }
    .ask form button{
        font-size: 14px;
    }




    .ask-top{
        padding: 0 20px;
    }
    .ask-top p{
        font-size: 19.5px;
    }
    .ask-text h1{
        font-size: 40px;
        padding: 10px 15px;
        margin: 15px 0;
    }
    .ask-text .ask-call img{
        margin: 0 10px 0 20px;
    }

    .ask-call div span{
        font-size: 15px;
        margin-top: 15px;
        display: block;
    }
    .ask-call div h2{
        font-size:35px;
        line-height: 40px;
    }

}