.join .box1{padding:4% 10.4%;text-align:center;background-image:url(/static/assets/images/join-bg.jpg)}
.join .box1 .content{font-size:17px;line-height:2.2;color:#111;font-weight:700}
.mctit2{
    text-align: center;
    height: 90px;
    padding-top: 10px;
    border-bottom: 1px solid #e6e6e6;
}
.mctit2 h4{
       font-size: 34px;
       color: #4c4c4c;
}
.join .box2{height: 670px;padding-top: 35px;color:#fff;-webkit-background-size:100% auto;-moz-background-size:100% auto;-o-background-size:100% auto;background-size:100% auto;}
.join .box2 .common-name{color:#fff}
.join .box2 li:nth-child(8){
    border-right: none;
}
.join .box2 li:hover{
    border: 1px solid #d81e06;
    box-shadow: 0px 5px 15px 4px #c7c7c7;
    border-radius: 5px;
}
.join .box2 li:hover .c{
    background: #da250d;
}
.join .box2 li:hover .c .hong{
    display: none;
}
.join .box2 li:hover .c .bai{
    
display: block;
    
left: 34px;
    
top: 34px;
}
.join .box2 li{width: 12%;text-align:center;padding:0 1%;border-right: 1px solid #f3f3f3;margin-bottom:30px;float: left;margin-top: 80px;padding: 25px;}
.join .box2 li:hover .hover{
    position: relative;
    z-index: 9999;
    top: 50%;
}
.join .box2 .c .bai{
    display: none;
}
.join .box2 .c{width: 100px;line-height: 65px;text-align:center;height: 100px;border-radius:50%;margin:0 auto;border: 1px solid #d81e06;font-size:46px;font-family:horatioM;/* -webkit-filter:drop-shadow(3px 3px 1px rgba(0,0,0,.3)); *//* filter:drop-shadow(3px 3px 1px rgba(0, 0, 0, .3)); */}
.join .box2 .c img{position: relative;top: 10px;}
.join .box2 .t{font-size:18px;margin-top:20px;margin-bottom:10px;margin: auto;text-indent: 17px;text-align: left;height: 225px;line-height: 2;color: #4c4c4c;-webkit-writing-mode: vertical-rl;  13writing-mode: vertical-rl;}
.join .box2 .d{line-height:1.6;opacity:.7;color: #4c4c4c;}
.join .box2 b{
    font-size: 26px;
    color: #7f7f7f;
    font-weight: 100;
}
.join .box2 .tel{text-align:center;padding-top:40px}
.join .box2 .tel .ib{display:inline-block;line-height:1.3;position:relative}
.join .box2 .tel h2{font-size:30px}
.join .box2 .tel h3{font-size:40px;letter-spacing:4px;font-family:horatioM;font-weight:400}
.join .box2 .tel .ib:after,.join .box2 .tel .ib:before{content:'';position:absolute;width:80%;height:1px;background-color:#fff;top:46%;left:-90%}
.join .box2 .tel .ib:after{left:auto;right:-90%}

.join .box3{height: 560px;padding-top: 30px;background: #f1f1f1;color:#fff;-webkit-background-size:100% auto;-moz-background-size:100% auto;-o-background-size:100% auto;background-size:100% auto;}
.join .box3 .common-name{color:#fff}
.join .box3 .fenge{
    height: 353px;
    border-bottom: 1px solid #fff;
}
.join .box3 li{width: 12%;text-align:center;padding:0 1%;border-right: 1px solid #e6e6e6;margin-bottom:30px;float: left;height: 273px;margin-top: 80px;}
.join .box3 li:hover{
    border-bottom: 2px solid #c00000;
}
.join .box3 li:nth-child(8){
    border-right: 0;
}
.join .box3 .c{width: 70px;line-height: 65px;text-align:center;height: 70px;border-radius:50%;margin:0 auto;font-size:46px;font-family:horatioM;}
.join .box3 .t{font-size:18px;margin-top:20px;margin-bottom:10px;margin: auto;text-indent: 17px;text-align: center;height: 130px;line-height: 2;color: #4c4c4c;  13writing-mode: vertical-rl;}
.join .box3 .d{line-height:1.6;opacity:.7;color: #4c4c4c;}
.join .box3 b{
    font-size: 28px;
    color: #cccccc;
    font-weight: 100;
    font-weight: bold;
}
.join .box3 .tel{text-align:center;padding-top:40px}
.join .box3 .tel .ib{display:inline-block;line-height:1.3;position:relative}
.join .box3 .tel h2{font-size:30px}
.join .box3 .tel h3{font-size:40px;letter-spacing:4px;font-family:horatioM;font-weight:400}
.join .box3 .tel .ib:after,.join .box2 .tel .ib:before{content:'';position:absolute;width:80%;height:1px;background-color:#fff;top:46%;left:-90%}
.join .box3 .tel .ib:after{left:auto;right:-90%}
.join .box4 .mctit2{
    border-bottom: none;
}
.join .box3 .mctit2{
    border-bottom: none;
}
.join .box4{height: 750px;padding-top: 35px;color:#fff;background-size:100% auto;}
.join .box4 .common-name{color:#fff}
.join .box4 .fenge .fengel{
    float: right;
    width: 30%;
}
.join .box4 .fenge .fenger img{
    width: 100%;
}
.join .box4 .fenge .fenger p{
    background: #c00000;
    padding: 30px;
    position: relative;
    top: -150px;
    font-size: 16px;
    width: 85%;
}
.join .box4 .fenge .fenger{
    float: left;
    width: 70%;
    height: 500px;
}
.join .box4 .fenge{
    height: 586px;
    background: #f1f1f1;
    margin: auto;
    width: 1415px;
}
.join .box4 li:nth-child(2n){
    border-right: none;
}
.join .box4 li:nth-child(2n) .xian{
    border-right: none;
    background: 0;
}
.join .box4 li .xian{
    height: 110px;
    background: #e6e6e6;
    width: 1px;
    position: relative;
    top: -180px;
    float: right;
    left: 5px;
}
.join .box4 li{width: 50%;text-align:center;padding:0 1%;float: left;height: 146px;}
.join .box4 li:hover .r p{
    color: white;
}
.join .box4 li:hover{
    background: #d81e06;
    color: aliceblue;
}
.join .box4 li:hover .c .hui{display:none;}
.join .box4 li:hover .c .bai{display:block;}
.join .box4 .c img{
    padding-top: 28px;
}
.join .box4 .c .bai{
    display: none;
    padding-top: 42px;
    padding-left: 22px;
}
.join .box4 .c{width: 70px;line-height: 65px;text-align:center;height: 70px;border-radius:50%;margin:0 auto;font-size:46px;font-family:horatioM;}
.join .box4 .t{font-size: 16px;margin-top:20px;margin-bottom:10px;margin: auto;text-indent: 17px;text-align: center;height: 130px;line-height: 2;color: #666666;  13writing-mode: vertical-rl;}
.join .box4 .d{line-height:1.6;opacity:.7;color: #4c4c4c;}
.join .box4 b{
    font-size: 28px;
    color: #cccccc;
    font-weight: 100;
    font-weight: bold;
}
.join .box4 .tel{text-align:center;padding-top:40px}
.join .box4 .tel .ib{display:inline-block;line-height:1.3;position:relative}
.join .box4 .tel h2{font-size:30px}
.join .box4 .tel h3{font-size:40px;letter-spacing:4px;font-family:horatioM;font-weight:400}
.join .box4 .tel .ib:after,.join .box2 .tel .ib:before{content:'';position:absolute;width:80%;height:1px;background-color:#fff;top:46%;left:-90%}
.join .box4 .tel .ib:after{left:auto;right:-90%}


.common-name.with_num{position:relative;padding-top:35px;z-index:2}
.common-name.with_num .n{font-size:70px;opacity:.1;position:absolute;line-height:1;top:0;width:100%;text-align:center;z-index:-1;font-family:horatioM}
.jmzcm{display:none;}
.tzhbm{display:none;}
.join .box5{background-position:center bottom;background-repeat:no-repeat;height: 580px;padding-top: 39px;margin-bottom: 80px;}
.join .box5 ._flex_{padding-top: 0px;background: #f1f1f1;height: 100%;}
.join .box5 li .line{
    height: 1px;
    width: 30px;
    margin: auto;
    background: grey;
}
.join .box5 li{width:25%;text-align:center;color:#8b080b;border-right: 1px solid #e2e2e2;padding: 2% 3% 4.5%;float: left;height: 270px;}
.join .box5 li:nth-child(4n){border-right:none}
.join .box5 li:nth-child(n+5){padding: 2.5% 3% 2%;border-top:1px solid rgba(0,0,0,.15);}
.join .box5 li ._iconfont{line-height: 55px;font-size:46px;width:55px;margin:0 auto 10px;border-radius: 50%;background: #ce0600;font-size: 28px;color: white;}
.join .box5 li:nth-child(7) ._iconfont{/* font-size:60px */}
.join .box5 li .t{font-size:20px;font-weight:700;margin-bottom: 18px;color: #c00115;margin-top: 20px;}
.join .box5 li .d{color: #4c4c4c;line-height: 2;font-size: 14px;margin-top: 13px;}
.join .box6{clear: both;text-align: center;padding-top: 50px;padding-bottom: 100px;}
.join .box6 img{
    max-width: 100%;
}
.join .box6 .left{width:50%}
.join .box6 .right{width:50%;background-color:#e1003b;color:#fff;background-image:url(/static/assets/images/join5.jpg);background-position:right center;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;position:relative}
.join .box6 .item{width:50%;padding:8%;line-height:1.5}
.join .box6 .item h3{font-size:20px;margin-bottom:10px}
.join .box6 .item p span{display:block}
.join .box6 .item p{opacity:.8}
.join .box6 .right:after,.join .box6 .right:before{content:'';position:absolute;width:100%;height:1px;background-color:#fff;opacity:.4;left:0;top:50%}
.join .box6 .right:after{left:50%;top:0;width:1px;height:100%}
.join {
    padding: 0;
    overflow: hidden;
}