@charset"utf-8";



.d-join_advantage {width:100%;max-width:1920px;background:#f5f7fa;}

.d-join_advantage .banner {position:relative;overflow:hidden;width:100%;height:420px;margin:0 auto;background:url("/static/www/images/zsjm/zs_bg.jpg") no-repeat center top;text-align:center;}

.d-join_advantage .banner img {position:absolute;top:50px;left:50%;margin-left:-337px;padding:50px;background:rgba(255, 255, 255, 0.6);}



.advantage-box {width:1200px;margin:30px auto 0;padding-bottom:30px;}

.crowd {overflow:hidden;width:100%;}

.crowd h2 {line-height:40px;text-align:center;}

.crowd h2 p {font-size:14px;color:#909aaa;}

.crowd ul {margin-top:30px;}

.crowd li {float:left;width:530px;height:150px;margin-right:20px;margin-bottom:20px;padding:30px;background:#fff;box-shadow:0px 0px 10px #ccc;}

.crowd li:nth-child(2n) {margin-right:0;}

.crowd .img {float:left;width:200px;height:100%;}

.crowd .txt {float:right;width:330px;height:100%;}

.crowd .txt h3 {line-height:30px;font-size:18px;color:#617fb0;}

.crowd .txt p {line-height:24px;font-size:14px;color:#848c9a;}



.advantage-required {overflow:hidden;width:100%;margin-top:30px;text-align:center;}

.advantage-required h2 {line-height:40px;text-align:center;}

.advantage-required h2 p {font-size:14px;color:#909aaa;}

.advantage-required table {width:100%;margin-top:20px;}

.advantage-required table * {color:#6792d1;}



.advantage-explain {overflow:hidden;width:100%;margin-top:30px;padding-bottom:20px;}

.advantage-explain h2 {height:80px;line-height:40px;text-align:center;}

.advantage-explain h2 p {font-size:14px;color:#909aaa;}

.advantage-explain .info {float:left;width:50%;line-height:24px;font-size:14px;color:#8383ab;}





.table-striped>tbody>tr:nth-of-type(odd) {

    background-color: #fff;

}

table{

    font-size: 14px;

    line-height: 22px;

}

table tr td{

    text-align: center;

    color: #6792d1;

}

table tr.yellow td{

    color: #ddb878;

}

table tr td:first-child{

    color: #6b809e;

    border-right: 1px solid #e3e7f0;

}

.table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr >

 td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead >

 tr > th {border:none;padding:8px;}







/* 01 实力传承*/

.cc ul{

    padding: 20px 0 0;

    overflow: hidden;

}

.cc ul li{

    float: left;

    width: 25%;

    padding: 10px ;

}

.cc ul li a{

    display: block;

    width: 100%;

    border-radius: 5px;

    background-color: #fff;

    box-shadow: 0 0 8px rgba(0,0,0,0.1);

    transition: all .25s linear;

    -webkit-transition: all .25s linear;

    position: relative;

    top: 0;

}

.cc ul li .txt{

    padding: 10px 12px 14px;

}

.cc ul li .txt h2{

    position: relative;

    border-bottom: 1px solid #f1ebda;

    color: #baa469;

    font-size: 16px;

    line-height: 30px;

    height: 30px;

    font-weight: bold;

    overflow: hidden;

}

.cc ul li .txt h2:after{

    position: absolute;

    left: 0;

    bottom: 0px;

    width: 68px;

    height: 1px;

    background-color: #baa469;

    display: block;

    content: ''; 

}

.cc ul li .txt p{

    font-size: 14px;

    color: #848c9a;

    line-height: 24px;

    height: 48px;

    overflow: hidden;

    margin: 12px 0;

}

.cc ul li .txt .im{

    width: 100%;

}

.cc ul li .txt .im img{

    width: 100%;

}

.cc-ban{

    width: 1200px ;

    margin: 0 auto;

}

.cc-ban img{

    width: 100%;

}

/* 02 加盟方式和程序*/

.ls-ph{

    display: none;

}

.ls-im{

    margin-top: 20px;

}

.ls-im img{

    width: 100%;

}

/* 03加盟总则 */

.zz{

    background-size: cover;

    background-repeat: no-repeat;

    background-image: url(../images/zsjm/ts_jm.jpg);

    padding: 32px 0 50px;

}

.zz .cc-tit p{

    color: #c6dffc;

}

.zz ul{

    overflow: hidden;

    padding-top: 15px;

}

.zz ul li{

    float: left;

    width: 25%;

    padding: 16px 8px;

}

.zz-con{

    position: relative;

    width: 100%;

    padding: 24px 10px 24px 120px;

    background-color: #fff;

    border-radius: 5px;

    box-shadow: 0 0 8px rgba(255,255,255,0.35);

    transition: all .25s linear;

    -webkit-transition: all .25s linear;

    top: 0;    

}

.zz-lf{

    position: absolute;

    left: 10px;

    height: 100%;

    width: 110px;

    top: 0;

}

.zz-lf h2{

    position: absolute;

    top: -14px;

    left: 0;

    width: 96px;

    height: 32px;

    line-height: 32px;

    color: #fff;

    text-align: center;

    border-bottom-left-radius: 10px;

    border-bottom-right-radius: 10px;

}

.zz-lf .num{

    width: 100%;

    padding-top: 30px;

}

.zz-lf .num p{

    font-size: 56px;

    margin-bottom: 12px;

    text-align: center;

}

.zz-lf .num span{

    display: block;

    width: 68px;

    height: 24px;

    line-height: 24px;

    font-size: 16px;

    color: #fff;

    text-align: center;

    margin: 0 auto 10px;

}

.zz-lf .num i{

    font-style: normal;

    text-align:center;

    display: block;

}

.zbot{

    position: absolute;

    bottom: -14px;

    width: 96px;

    left: 0;

    border-top-left-radius: 10px;

    border-top-right-radius: 10px;

    padding: 14px;

}

.zbot .heng{

    width: 100%;

    height: 4px;

    background-color: #626e7b;

    border-radius: 2px;

    margin-bottom: 14px;

    position: relative;

}

.zbot .heng b{

    background-color: #fff;

    border-radius: 2px;

    width: 30px;

    display: block;

    position: absolute;

    left: 0;

    height: 4px;

    top: 0;

}

.zbot span{

    display: block;

    margin: 0 auto 14px;

    width: 42px;

    padding: 0;

}

.zbot span img{

    width: 100%;

}

.zbot p{

    color: #fff;

    text-align: center;

}

.zz-rt{

    width: 100%;

}

.zz-rt .heng{

    width: 100%;

    height: 4px;

    background-color: #d3dae1;

    border-radius: 2px;

    margin-bottom: 20px;

    position: relative;

}

.zz-rt .heng b{

    border-radius: 2px;

    display: block;

    position: absolute;

    left: 0;

    height: 4px;

    top: 0;

}

.zz-rt p{

    height: 224px;

    overflow: hidden;

    font-size: 14px;

    line-height: 28px;

}

.zz ul li:first-child .zz-lf h2{

    background-color: #7d90a5;

}

.zz ul li:first-child .zz-lf .num p{

    color: #8b939e;

}

.zz ul li:first-child .zz-lf .num span{

    background-color: #5b94e1;

}

.zz ul li:first-child .zz-lf .num i{

    color: #5b94e1;

}

.zz ul li:first-child .zz-lf .zbot{

    background-color: #7d90a5;

}

.zz ul li:first-child .zz-rt .heng b{

    background-color: #9bc2ee;

    width: 20%;

}

.zz ul li:first-child .zz-rt p{

    color: #8b919e;

}



.zz ul li:nth-child(2) .zz-lf h2{

    background-color: #25996c;

}

.zz ul li:nth-child(2) .zz-lf .num p{

    color: #8b9e98;

}

.zz ul li:nth-child(2) .zz-lf .num span{

    background-color: #5cb88e;

}

.zz ul li:nth-child(2) .zz-lf .num i{

    color: #5cb88e;

}

.zz ul li:nth-child(2) .zz-lf .zbot{

    background-color: #25996c;

}

.zz ul li:nth-child(2) .zz-rt .heng b{

    background-color: #509a7d;

    width: 40%;

}

.zz ul li:nth-child(2) .zz-rt p{

    color: #509a7d;

}



.zz ul li:nth-child(3) .zz-lf h2{

    background-color: #7d83a5;

}

.zz ul li:nth-child(3) .zz-lf .num p{

    color: #8488a2;

}

.zz ul li:nth-child(3) .zz-lf .num span{

    background-color: #8591d4;

}

.zz ul li:nth-child(3) .zz-lf .num i{

    color: #8591d4;

}

.zz ul li:nth-child(3) .zz-lf .zbot{

    background-color: #7d83a5;

}

.zz ul li:nth-child(3) .zz-rt .heng b{

    background-color: #818dce;

    width: 60%;

}

.zz ul li:nth-child(3) .zz-rt p{

    color: #777c98;

}



.zz ul li:nth-child(4) .zz-lf h2{

    background-color: #9e7da5;

}

.zz ul li:nth-child(4) .zz-lf .num p{

    color: #9c919f;

}

.zz ul li:nth-child(4) .zz-lf .num span{

    background-color: #c5a1cd;

}

.zz ul li:nth-child(4) .zz-lf .num i{

    color: #c5a1cd;

}

.zz ul li:nth-child(4) .zz-lf .zbot{

    background-color: #9e7da5;

}

.zz ul li:nth-child(4) .zz-rt .heng b{

    background-color: #c199c9;

    width: 80%;

}

.zz ul li:nth-child(4) .zz-rt p{

    color: #b4a4b7;

}



.zz-ph .zz-nei .zz01 .zz-lf h2{

    background-color: #7d90a5;

}

.zz-ph .zz-nei .zz01 .zz-lf .num p{

    color: #8b939e;

}

.zz-ph .zz-nei .zz01 .zz-lf .num span{

    background-color: #5b94e1;

}

.zz-ph .zz-nei .zz01 .zz-lf .num i{

    color: #5b94e1;

}

.zz-ph .zz-nei .zz01 .zz-lf .zbot{

    background-color: #7d90a5;

}

.zz-ph .zz-nei .zz01 .zz-rt .heng b{

    background-color: #9bc2ee;

    width: 20%;

}

.zz-ph .zz-nei .zz01 .zz-rt p{

    color: #8b919e;

}



.zz-ph .zz-nei .zz02 .zz-lf h2{

    background-color: #25996c;

}

.zz-ph .zz-nei .zz02 .zz-lf .num p{

    color: #8b9e98;

}

.zz-ph .zz-nei .zz02 .zz-lf .num span{

    background-color: #5cb88e;

}

.zz-ph .zz-nei .zz02 .zz-lf .num i{

    color: #5cb88e;

}

.zz-ph .zz-nei .zz02 .zz-lf .zbot{

    background-color: #25996c;

}

.zz-ph .zz-nei .zz02 .zz-rt .heng b{

    background-color: #509a7d;

    width: 40%;

}

.zz-ph .zz-nei .zz02 .zz-rt p{

    color: #509a7d;

}



.zz-ph .zz-nei .zz03 .zz-lf h2{

    background-color: #7d83a5;

}

.zz-ph .zz-nei .zz03 .zz-lf .num p{

    color: #8488a2;

}

.zz-ph .zz-nei .zz03 .zz-lf .num span{

    background-color: #8591d4;

}

.zz-ph .zz-nei .zz03 .zz-lf .num i{

    color: #8591d4;

}

.zz-ph .zz-nei .zz03 .zz-lf .zbot{

    background-color: #7d83a5;

}

.zz-ph .zz-nei .zz03 .zz-rt .heng b{

    background-color: #818dce;

    width: 60%;

}

.zz-ph .zz-nei .zz03 .zz-rt p{

    color: #777c98;

}



.zz-ph .zz-nei .zz04 .zz-lf h2{

    background-color: #9e7da5;

}

.zz-ph .zz-nei .zz04 .zz-lf .num p{

    color: #9c919f;

}

.zz-ph .zz-nei .zz04 .zz-lf .num span{

    background-color: #c5a1cd;

}

.zz-ph .zz-nei .zz04 .zz-lf .num i{

    color: #c5a1cd;

}

.zz-ph .zz-nei .zz04 .zz-lf .zbot{

    background-color: #9e7da5;

}

.zz-ph .zz-nei .zz04 .zz-rt .heng b{

    background-color: #c199c9;

    width: 80%;

}

.zz-ph .zz-nei .zz04 .zz-rt p{

    color: #b4a4b7;

}

.zz-ph{

    display: none;

}

#zzbox{

    padding: 20px 10px;

}

/* 04 LLumar 加盟连锁体系 */

.tx{

    border-bottom: 1px solid #c9d2df;

    padding: 20px 0;

}

.tx-con{

    overflow: hidden;

}

.tx-lf{

    float: left;

    width: 50%;

    padding-right: 135px;

}

.tx-rt{

    float: left;

    width: 50%;

    padding-left: 135px;

}

.tx-lf .txbox{

    padding-right: 100px;

}

.tx-rt .txbox{

    padding-left: 100px;

}

.txbox{

    position: relative;

}

.txbox .tx-txt{

    width: 100%;

}

.txbox .tx-txt h2{

    font-size: 18px;

    color: #54648a;

    line-height: 24px;

}

.txbox .tx-txt h2:after{

    display: block;

    content: '';

    background-color: #8ca3d9;

    width: 30px;

    height: 4px;

    border-radius: 2px;

    margin: 10px 0;

}

.txbox .tx-txt p{

    font-size: 14px;

    color: #959aa6;

    line-height: 24px;

}

.txbox span{

    position: absolute;

    top: 0;

    width: 80px;

    padding: 15px;

    border:2px dashed #9bacc5;

    border-radius: 50%;

}

.txbox span img{

    width: 100%;

}

.tx-lf .txbox span{

    right: 0; 

}

.tx-rt .txbox span{   

    left: 0;

}

.tx-im{

    margin-bottom: 10px;

}

.tx-im img{

    max-width: 100%;

    display: block;

    margin: 0 auto;

}

/* 05 加盟经营体系 */

.jm{

    padding: 10px 0;

}

.jm ul{

    overflow: hidden;

}

.jm ul li{

    float: left;

    width: 25%;

    padding: 0 10px;

}

.jm ul li span{

    display: block;

    width: 116px;

    margin: 0 auto 26px;

}

.jm ul li span img{

    width: 100%;

}

.jm ul li p{

    max-width: 250px;

    margin: 0 auto;

    font-size: 14px;

    line-height: 24px;

}

.jm ul li:first-child p{

    color: #848996;

}

.jm ul li:nth-child(2) p{

    color: #799783;

}

.jm ul li:nth-child(3) p{

    color: #9297b0;

}

.jm ul li:nth-child(4) p{

    color: #9f9285;

}

/* 06 加盟申请意向 */

.yx{

    background-size: cover;

    background-repeat: no-repeat;

    background-image: url(../images/zsjm/zs_bot.jpg);

    padding: 32px 0 ;

}

.yx .cc-tit p{

    color: #c6dffc;

}

.yxbox{

    width: 840px;

    margin: 25px auto 0;

}

.yxbox form{

    overflow: hidden;

    width: 100%;

    display: block;

}

.yx-lf{

    width: 50%;

    float: left;

    padding-right: 40px;

    border-right: 1px solid #82838d;

    padding-top: 20px;

}

.yx-rt{

    width: 50%;

    float: left;

    padding-left: 40px;

    padding-top: 20px;

}

.yxbox label{

    position: relative;

    width: 100%;

    padding-right: 20px;

    margin-bottom: 20px;

    height: 36px;

    line-height: 36px;

    color: #fff;

}

.yxbox label span{

    font-size: 14px;

    line-height: 36px;

    position: absolute;

    right: 0;

    top: 0;

    height: 36px;

}

.yxbox input{

    background-color: #fff;

    color: #666;

    width: 100%;

    height: 36px;

    line-height: 36px;

    border-radius: 5px;

    font-size: 14px;

    outline: none;

    border: none;

    padding-left: 12px;

}

.yxbox select{

    background-color: #fff;

    color: #666;

    width: 100%;

    height: 36px;

    line-height: 36px;

    border-radius: 5px;

    font-size: 14px;

    outline: none;

    border: none;

    padding-left: 12px;

}

.yxbox textarea{

    background-color: #fff;

    color: #666;

    width: 100%;

    height: 200px;

    line-height: 24px;

    border-radius: 5px;

    font-size: 14px;

    outline: none;

    border: none;

    padding: 10px;

}

.yxbox a{

    color: #fff;

}

.yx-btn{

    background-color: #4f84d3;

    width: 180px;

    height: 36px;

    line-height: 36px;

    margin: 20px auto 0;

    border-radius: 5px;

    font-size: 14px;

    text-align: center;

    color: #fff;

    display: block;

}

/******