body{ background:#fff;}
.img{ width:100%;}
.img img{ width:100%;}

.content_box{ position:relative; margin:0 auto;width:100%; height:100%; text-align:center;}


.top{ text-align:center;}



.top h2{ padding:0 0 0 0; font-size:.24rem; color:#e83f14; }
.top span{ font-size:0.09rem; text-transform:uppercase;color:#000;}

.topb h2{color:#fff !important;}
.topb span{color:#fff !important;}

.join_01{position:relative; height:2.43rem; background:url(../images/join/join_01.jpg) no-repeat; background-size:contain;}

.join_01 .tel_btn{ position:absolute; top:1.33rem; left:1.50rem; width:1.24rem; height:.255rem; line-height:.255rem; font-size:.1rem; color:#fff;}

.join_02{ padding:.25rem 0;}

.join_bm input[type="radio"]{ display:none;}
.join_bm input[type="text"],.join_bm input[type="tel"],.join_bm select{display:block; margin:0.12rem auto 0 auto; font-size:.12rem; border:#acadad solid 1px; padding-left:.12rem; text-align:left;width:3.2rem;height:.35rem; box-sizing:border-box; border-radius:0px;}

.join_bm button,.join_bm .join_bm_btn{  margin:.12rem auto 0 auto; display:block; border:0; width:3.2rem; height:.5rem; line-height:.5rem; background:#e83f14; font-size:.18rem; text-align:center; color:#fff; cursor:pointer; border-radius:0px;}

.join_03 .img{ padding:.15rem 0 .2rem 0}

.join_04{ padding:0 0 .13rem 0;}
.join_04_list{ margin:0 auto; background:#f8f8f8;}
.join_04_list dl{ font-size:0px;}
.join_04_list dd{ position:relative;display:inline-block;*display:inline;*zoom:1;vertical-align:top;margin:.08rem 0 0 .065rem; width:1.78rem; height:2.14rem; background:#fff;}
.join_04_list dd img{ width:100%; height:1.15rem;}
.join_04_list dd p{ display:block; line-height:.14rem; font-size:.08rem; padding:.1rem .14rem 0 .14rem ;}
.join_04_list dd:before{content:"01"; position:absolute; top:1rem; left:0; text-align:center; width:1.78rem; font-size:.8rem; color:#828282; font-family:"Impact Regular"; opacity:0.1; z-index:1;}

.join_04_list dd:nth-child(1) {content:"01";}
.join_04_list dd:nth-child(2):before {content: "02";}
.join_04_list dd:nth-child(3):before { content: "03";}
.join_04_list dd:nth-child(4):before {content: "04";}
.join_04_list dd:nth-child(5):before {content: "05";}
.join_04_list dd:nth-child(6):before {content: "06";}

.join_05{ height:2.7rem; background:url(../images/join/join_05.jpg) no-repeat center center;}
.join_05 .top{ padding-top:.22rem}
.join_pic{ margin:0 auto; text-align:center;}

.join_05 .join_pic{ padding-top:.08rem;}
.join_05 .join_pic img{ width:100%;}
.join_06{ height:2.055rem; background:#e83f14 url(../images/join/join_06.jpg) no-repeat center center;}
.join_07 .top{ padding-top:.24rem;}

.dialog_video_overlay{position: fixed;z-index: 1000;top: 0;width:100%; height: 100%;background: rgba(0,0,0,.6);}

.dialog_video{ position:fixed; top:50%;left:50%;z-index:900;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%); background:#fff; border-radius:8px; 
padding:0.1rem 0.1rem; width:3.20rem; text-align:center; z-index:1001;
}


.dialog_video .dialog_video_close{ position:absolute; right:-.16rem; top:-.20rem; width:.28rem; height:.28rem; line-height:.28rem; text-align:center; border:#fff solid 3px;border-radius:100%; color:#fff; font-size:.20rem; background:#eb3941; font-weight:800;}