.join_Nav_ul li:nth-child(2) {
    border-bottom: .1rem solid #0072CE;
}

.join_Nav_ul li:nth-child(2) a {
    color: #0072CE;
}

.welfare,
.activity,
.story {
    text-align: center;
}

.activity {
    height: 54.5rem;
    background-image: url(../image/joinwork/bg_1.png);
    background-size: cover;
}

.activity_title,
.welfare_title,
.story_title {
    font-size: 1.6rem;
    font-family: Source Han Sans CN;
    font-weight: 400;
    color: #333333;
    padding-top: 5.05rem;
}

#swiper-two {
    width: 72.08rem;
    height: 36rem;
    margin: 3.1rem auto;
    /* overflow: hidden; */
}

#swiper-two .swiper-slide {
    display: flex;
    flex-wrap: wrap;
}

#swiper-two .swiper-slide {
    height: 18rem;
    /* display: flex; */
}

#swiper-two .swiper-slide div {
    width: 18rem;
    height: 13.5rem;
    position: relative;
}

#swiper-two .swiper-slide div img {
    width: 18rem;
    height: 13.5rem;
}

#swiper-two .swiper-slide p {
    position: absolute;
    left: 1.2rem;
    bottom: 1.15rem;
    height: .84rem;
    font-size: .88rem;
    font-family: Source Han Sans CN;
    font-weight: 400;
    color: #FFFFFF;
    line-height: 1.12rem;
}

.activity_bottom {
    position: relative;
    height: 40rem;
}

.welfare {
    display: flex;
    flex-direction: column;
    align-items: center;
    height: 46.5rem;
    background-color: #F2F4F9;
}

.welfare_title_p,
.activity_title_p {
    font-size: .8rem;
    font-family: Source Han Sans CN;
    font-weight: 400;
    color: #888888;
    margin-top: 1.1875rem;
}

.story {
    /*height: 45.05rem;*/
    background-image: url(../image/joinwork/bg_2.png);
    background-size: cover;
}

.welfare_img {
    width: 72rem;
    display: flex;
    justify-content: center;
    margin-top: 3.05rem;
}

.welfare_left img {
    width: 48.2rem;
    height: 30.2rem;
    border-radius:0.8rem;
}

.welfare_right {
    margin-left: 1.2rem;
}

.welfare_right div img {
    width: 22.6rem;
    height: 14.4rem;
    border-radius: 0.8rem;
}

.welfare_right div:nth-child(1) {
    margin-bottom: 1.4rem;
}

#swiper-one {
    width: 69rem;
    height: auto;
    margin-top: 3rem;
}

#swiper-one .swiper-slide {
    position: relative;
    width: 23rem !important;
    height: auto;
    padding: 1.36rem 3.05rem 0;
    border-radius: .4rem;
    transition: all 0.5s;
}

#swiper-one ul {
    box-sizing: border-box;
    padding-bottom: 5rem;
}

#swiper-one .swiper-slide img {
    width: 11rem;
    height: 11rem;
    margin-bottom: 2rem;
    border-radius: 50%;
}

#swiper-one .swiper-slide h2 {
    font-size: 1.1rem;
    font-family: Source Han Sans CN;
    font-weight: 400;
    color: #333333;
    /*line-height: 1.4rem;*/
    
    overflow:hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  -o-text-overflow:ellipsis;
}

#swiper-one .swiper-slide h3 {
    font-size: .8rem;
    font-family: Source Han Sans CN;
    font-weight: 400;
    color: #333333;
    /*line-height: 1.4rem;*/
    margin-top: 1rem;
    
    overflow:hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  -o-text-overflow:ellipsis;
}

#swiper-one .swiper-slide p {
    font-size: .8rem;
    font-family: Source Han Sans CN;
    font-weight: 400;
    color: #888888;
    line-height: 1.4rem;
    margin: 1.9rem auto 0;
    text-align: left;
    padding-bottom: 1rem;
    all: revert ;
     /*margin: auto;*/
    /*overflow:hidden;*/
    /*text-overflow: ellipsis;*/
    /*-webkit-line-clamp: 4;*/
    /*display: -webkit-box;*/
    /*-webkit-box-orient: vertical;*/
}

#swiper-one .swiper-slide_a {
    position: absolute;
    left: 50%;
    bottom: 3rem;
    transform: translate(-50%);
    font-size: .7rem;
    font-family: Source Han Sans CN;
    font-weight: 400;
    color: #D7D7D7;
    line-height: 1.4rem;
}

#swiper-one .swiper-slide:hover {
    box-shadow: 0 0 1.2rem 0 rgba(173, 173, 173, 0.1);
    transform: scale(1.1)
}

#swiper-one .swiper-slide:hover .swiper-slide_a {
    color: #0071CE;
}

.story_buttom {
    position: relative;
    margin: 0 auto;
    width: 80%;
}

.story_buttom .swiper-button-white {
    position: absolute;
    width: 2rem;
    height: 2rem;
    color: #999999;
    background: #E5E5E5;
    border-radius: 50%;
    z-index: 999;
    /* font-size: 0; */
}

.icon-youjiantou,
.icon-zuojiantou {
    font-size: .8rem !important;
}

.story_buttom .swiper-button-white:hover {
    color: #FFFFFF;
    background: #0072CE;
}

.story_buttom .swiper-button-white::after {
    font-size: 0;
}
@media screen and (max-width: 1200px) {
    .activity_title_p,
    .welfare_title_p{
        width: 95%;
        margin: auto;
    }
}

@media screen and (max-width: 900px) {
    .activity_title, .welfare_title, .story_title{
        font-size: 2.6rem;
    }
    .activity_title_p, .welfare_title_p{
         margin-top: 1.1875rem;
    }
    .activity,
    .welfare {
        margin-top:5rem ;
        height: auto;
    }
    
    .welfare_img {
        width: 95%;
        flex-direction: column;
    }
    .welfare_right {
        display: flex;
        justify-content: space-between;
    }
    .welfare_right div {
        width: 48%;
    }
    .welfare_left,
    .welfare_right {
        width: 100%;
        margin: 1rem auto;
    }
    .welfare_left img,
    .welfare_right div img {
        width: 100%;
        height: auto;
    }
    .story {
        height: auto;
    }
    .story_buttom{
        width: 95%;
        height: auto;
    }
    #swiper-one {
        width: 80%;
        margin: 2rem auto;
    }
    #swiper-one .swiper-slide{
        width: 100% !important;
        height: auto;
    }
    #swiper-one .swiper-slide img{
        width: 50%;
        height: auto;
    }
    #swiper-one .swiper-slide p{
        width: 80%;
        line-height: 2rem;
        margin-bottom: 5rem ;
    }
   #swiper-two{
       width: 95%;
       height: auto;
   }
   #swiper-two .swiper-slide{
       height: auto;
   }
   #swiper-two .swiper-slide div{
        width: 22.7rem;
        height: 17.025rem;
       object-fit: cover;
   }
   #swiper-two .swiper-slide div img{
       width: 100%;
       height: 100%;
    }
   .swiper-pagination{
        display: none;
    }
   
}
@media screen and (max-width: 768px) {
    #swiper-one .swiper-slide p{
        line-height: 3rem;
    }
    .story_buttom .swiper-button-white{
        width: 3rem;
        height: 3rem;
    }
}
@media (max-width:650px){
    .activity_title, .welfare_title, .story_title{
        font-size: 20px !important;
    }
    .activity_title_p, .welfare_title_p{
        font-size: 14px !important;
        line-height: 20px !important;
    }
    #swiper-one .swiper-slide p{
        width: 100%;
    }
    /*.develop_font p{*/
    /*     line-height: 4rem !important;*/
    /*}*/
    /*.develop_title_p,#swiper-one{*/
    /*    width: 90% !important;*/
    /*}*/
    /*.environment{*/
    /*    margin-bottom: 20px;*/
    /*}*/
    .environment_bottom .swiper-button-white{
        width: 18px;
        height: 18px;
    }
    #swiper-one .swiper-slide:hover {
    box-shadow: 0 0 1.2rem 0 rgba(173, 173, 173, 0.1);
    transform: scale(1)
    }
    #swiper-one .swiper-slide h2{
        font-size: 18px;
    }
    #swiper-one .swiper-slide h3{
        font-size: 16px;
    }
     #swiper-one .swiper-slide p{
        font-size: 14px !important;
        /*height: 16px;*/
        line-height: 20px !important;
    }
    .story_buttom .swiper-button-white{
        width: 8rem;
        height: 8rem;
    }
    .icon-youjiantou, 
    .icon-zuojiantou{
        font-size: 4rem !important;
    }
}
@media screen and (max-width: 500px) {
    #swiper-two .swiper-slide{
        justify-content: space-around;
        height: auto;
    }
  
    .activity_bottom,
    #swiper-two .swiper-slide div,
    #swiper-two .swiper-slide div img{
       height: 100%;
    }
    
     #swiper-two .swiper-slide div{
        width: 42rem;
        height: 31.5rem;
        margin-top: 5px;
    }
    .story_buttom{
        width: 100%;
    }
   
   
    #swiper-one .swiper-slide img{
        width: 80%;
        height: auto;
    }
    
}