.join-banner{
    height: 703px;background: url('../images/join@banner.jpg') no-repeat center top;position: relative;
}
.join-banner-telephone{
    position: absolute;width: 286px;height: 57px;bottom: 53px;left: 50%;margin-left: -143px;box-sizing: border-box;padding: 0 0 0 50px;background-size: 100%;
}
.join-banner-telephone span.telephone{
    float: left;width: 246px;line-height: 57px;color: white;font-size: 30px;font-family: 'Microsoft Yahei';box-sizing: border-box;
}
.join-banner-telephone span.telephone:nth-child(2){
    float: right;
}
.join-slide{
    width:100%; position:relative;
}
.join-slide .hd{
    height: 54px; line-height: 54px; text-align: center;position: absolute;left: 0;right: 0;top: 40px;
    z-index: 10;
}
.join-slide .hd ul{
    height: 54px;font-size: 18px;font-family: 'Microsoft Yahei';
}
.join-slide .hd ul li{
    cursor: pointer;display: inline-block;width: 240px;background: white;border-radius: 30px;margin: 0 20px;
}
.join-slide .hd ul li.on{
    color: white;
}
.join-slide .hd ul li:nth-child(1).on{
    background: #207097;
}
.join-slide .hd ul li:nth-child(2).on{
    background: #ba6c2b;
}
.join-slide .hd ul li:nth-child(3).on{
    background: #15646b;
}

.join-slide .bd .slide-main{
    zoom: 1;
}
.join-slide .bd .slide-partner{
    min-height: 1407px;
    /*background: url('../images/join@partner-bg.jpg') center top;*/
    padding: 142px 0 0 0;box-sizing: border-box;
}
.join-slide .bd .slide-partner .partner-main{
    position: relative;
}
.join-slide .bd .slide-partner .partner-main .partner-title{
    position: absolute;width: 120px;height: 512px;background: url('../images/join@partner-title.png') no-repeat;left: -120px;top: 0;
}
.join-slide .bd .slide-partner .partner-main img.partner-thumb{
    display: block;
}
.join-slide .bd .slide-partner .partner-main .partner-link{
    text-align: center;padding: 30px 0 0 0;
}
.join-slide .bd .slide-partner .partner-main .partner-link a.link{
    display: inline-block;width: 288px;height: 56px;line-height: 56px;background: #207097;font-size: 20px;
    font-family: 'Microsoft Yahei';color: white;text-decoration: none;
}

.join-slide .bd .slide-lawyer{
    min-height: 1110px;
    /*background: url('../images/join@lawyer-bg.jpg') center top;*/
    padding: 142px 0 0 0;box-sizing: border-box;
}
.join-slide .bd .slide-lawyer .lawyer-main{
    position: relative;
}
.join-slide .bd .slide-lawyer .lawyer-main .lawyer-title{
    position: absolute;width: 120px;height: 587px;background: url('../images/join@lawyer-title.png') no-repeat;left: -120px;top: 0;
}
.join-slide .bd .slide-lawyer .lawyer-main img.lawyer-thumb{
    display: block;
}
.join-slide .bd .lawyer-step{
    height: 729px;background: url('../images/join@lawyer-step.jpg') no-repeat center top;
}
.join-slide .bd .slide-lawyer .lawyer-main .lawyer-link{
    text-align: center;padding: 30px 0 0 0;
}
.join-slide .bd .slide-lawyer .lawyer-main .lawyer-link a.link{
    display: inline-block;width: 288px;height: 56px;line-height: 56px;background: #ba6c2b;font-size: 20px;
    font-family: 'Microsoft Yahei';color: white;text-decoration: none;
}

.join-slide .bd .slide-lawfirm{
    min-height: 1357px;
    /*background: url('../images/join@lawfirm-bg.jpg') center top;*/
    padding: 142px 0 0 0;box-sizing: border-box;
}
.join-slide .bd .slide-lawfirm .lawfirm-main{
    position: relative;
}
.join-slide .bd .slide-lawfirm .lawfirm-main .lawfirm-title{
    position: absolute;width: 120px;height: 517px;background: url('../images/join@lawfirm-title.png') no-repeat;left: -120px;top: 0;
}
.join-slide .bd .slide-lawfirm .lawfirm-main img.lawfirm-thumb{
    display: block;
}
.join-slide .bd .slide-lawfirm .lawfirm-main .lawfirm-link{
    text-align: center;padding: 50px 0;
}
.join-slide .bd .slide-lawfirm .lawfirm-main .lawfirm-link a.link{
    display: inline-block;width: 288px;height: 56px;line-height: 56px;background: #15646b;font-size: 20px;
    font-family: 'Microsoft Yahei';color: white;text-decoration: none;
}

.join-form{
    height: 480px;overflow: hidden;background: url('../images/join@form-bg.jpg') no-repeat;
}
.join-form-main{
    display: flex;display: -webkit-flex;justify-content: space-between;padding: 114px 0 0 0;
}
.join-form-main .form-left{
    flex: 0 0 364px;
}
.join-form-main .form-left input.inp-text{
    width: 100%;box-sizing: border-box;border: 1px #225595 solid;padding: 0 20px;height: 48px;line-height: 48px;margin: 0 0 26px 0;color: white;
    font-size: 16px;font-family: 'Microsoft Yahei';background: rgba(28,34,54,0.5);
}
.join-form-main .form-right{
    flex: 0 0 800px;
}
.join-form-main .form-right .inp-textarea{
    font-size: 16px;font-family: 'Microsoft Yahei';background: rgba(28,34,54,0.5);
    width: 100%;box-sizing: border-box;border: 1px #225595 solid;padding: 10px 20px;height: 122px;color: white;
}
.join-form-submit{
    text-align: center;padding: 42px 0 0 0;
}
.join-form-submit a.submit{
    display: inline-block;width: 260px;line-height: 54px;background: #2882e8;color: white;font-size: 16px;text-decoration: none;border-radius: 30px;
}
.lawfirm-list{
    height: 232px;
}