.join_Us {
    position:relative;
    width: 96rem;
    height: auto;
    margin: 0 auto;
    
}

.join_Background {
     width: 96rem;
     margin: auto;
     
}
.join_Background img{
    width: 96rem;
    height: 24rem;
    
}

.join_box {
    position: absolute;
    top: 9.35rem;
    left: 50%;
    margin-left: -36rem;
    width: 72rem;
    animation:join_box 3s 1;
}


.join_1 {
            animation-name: fadeInUp;
            animation-duration: 0.5s;
            animation-delay: 1s;
            animation-fill-mode: both;
        }
        

 .join_2 {
            animation-name: fadeInUp;
            animation-duration: 0.5s;
            animation-delay: 1.2s;
            animation-fill-mode: both;
         }
@keyframes fadeInUp {
            0% {
                    opacity: 0;
                    -webkit-transform: translate3d(0, 100%, 0);
                    transform: translate3d(0, 100%, 0);
                }
            100% {
                    opacity: 1;
                    -webkit-transform: none;
                    transform: none;
                }
        }

.join_p1 {
    height: 1.7rem;
    font-size: 1.8rem;
    font-family: Source Han Sans CN;
    font-weight: 400;
    color: #333333;
    margin-bottom: 1.1rem;
    line-height: 1.7rem;
}

.join_p2 {
    height: .6rem;
    font-size: .8rem;
    font-family: Source Han Sans CN;
    font-weight: 700;
    color: #333333;
    line-height: .6rem;
}

.join_Nav {
    display: flex;
    justify-content: space-between;
    height: 3rem;
    width: 72rem;
     margin: auto;
    background: #F5F5F5;
}
.join_banxin {
    width: 100%;
    /*height: 3rem;*/
    background: #F5F5F5;
}

.join_Nav_ul {
    display: flex;
    justify-content: left;
}

.join_Nav_ul li {
    margin: 0 1.1rem;
}
.join_Nav_ul li:nth-child(1) {
    margin-left: 0;
}
.join_Nav_ul a {
    height: 3rem;
    font-size: .8rem;
    font-family: Source Han Sans CN;
    font-weight: 400;
    color: #666666;
    line-height: 3rem;
}

.join_Nav_ul a:hover {
    color: #0072CE;
}

.join_Nav_ul li:hover {
    border-bottom: .1rem solid #0072CE;
}

.join_Nav_right ul {
    display: flex;
}

.join_Nav_right a {
    height: 3rem;
    font-size: .7rem;
    font-family: Source Han Sans CN;
    font-weight: 400;
    color: #999999;
    line-height: 3rem;
}

.join_Nav_right a:hover {
    color: #0072CE;
}

.join_Nav_right span {
    font-size: .7rem;
    font-weight: 400;
    color: #999999;
    margin: 0 .25rem;
}
@media screen and (min-width: 1920px) {
    .join_Us {
         width: 96rem;
     }
}

@media screen and (max-width: 900px) {

   
    .join_Nav {
        width: 95%;
        height: 5rem;
        line-height: 5rem;
        background: #F5F5F5;
        padding: 0 2.05rem;
    }
    .join_Nav_ul{
        display: none;
    }
    .join_Nav_right {
        
    }
    .join_Nav_right span{
        font-size: 16px;
    }
    
}
@media screen and (max-width: 768px){
    .join_Nav_right a{
        height: 6rem;
        font-size:3rem;
        line-height: 6rem;
    }
}

@media screen and (max-width: 650px){
    .join_Nav {
        /*font-size: 6rem !important;*/
        height: 8rem !important;
        line-height: 8rem !important;
    }
    
    .develop_font {
        padding: 0.5rem !important;
        box-sizing: border-box;
    }
    .join_Nav_right li a{
        font-size: 16px !important;
    }
    
     .join_p1 {
         height: 20px;
        font-size: 14px;
        /*margin-bottom: 3rem;*/

    }
    .join_p2 {
         height: 20px;
        font-size: 12px;


    }
    
    
}

@media screen and (max-width: 500px) {
    .join_Background img{
        width: 100%;
        height:auto ;
    }
    /*.join_box .join_p1{*/
    /*    height: 16px;*/
    /*    line-height: 16px;*/
    /*   font-size: 16px;*/
    /*}*/
    /*.join_box .join_p2{*/
    /*    height: 16px;*/
    /*    line-height: 16px;*/
    /*    font-size:16px;*/
    /*}*/
    /*.join_Nav{*/
    /*    width: 100%;*/
    /*}*/
    /*.join_Nav_ul{*/
    /*    width: 100%;*/
    /*    display: flex;*/
    /*    justify-content: space-evenly;*/
    /*}*/
}