/***************************************  volunteer  ********************************************/

    .volunteer{margin-top: 100px;}

        .volunteer2 .content_block_seven{
            display: flex;
            flex-wrap: wrap;
            align-items: flex-end;
        }
        .volunteer2 .content_block_seven ul.uul{
            list-style-type: disc;
            margin-top: 5px;
            padding-left: 20px;
        }
        .volunteer2 .content_block_seven ul.uul li{
            list-style-type: disc;
            margin: 8px 0;
            color: #333;
        }

        .volunteer3 .content_block_seven ul.uul1{

        }

        .volunteer3 .content_block_seven ul.uul1 li{
            background-color: rgba(254, 237, 235, 1.0);
            border-radius: 20px;
            position: relative;
            padding: 25px 30px 25px 60px;
            margin: 60px 0;
            width: calc(100% - 35px);
            margin-left: 35px;
        }
        .volunteer3 .content_block_seven ul.uul1 li:nth-child(2){
            background-color: rgba(253, 236, 245, 1.0);
        }
        .volunteer3 .content_block_seven ul.uul1 li:nth-child(3){
            background-color: rgba(231, 247, 246, 1.0);
        }

        .volunteer3 .content_block_seven ul.uul1 li p{
          font-size: 16px;
      }

      .volunteer3 .content_block_seven ul.uul1 li span{
         display: block;
         width: 77px;
         height: 77px;
         border-radius: 50%;
         background-color: #F04D3F;
         color: #fff;
         position: absolute;
         top: -35px;
         left: -35px;
         display: flex;
         justify-content: center;
         align-items: center;
         padding: 5px;
         text-align: center;
         line-height: 1.2;
         overflow: hidden;
         word-break: break-all;
     }

     .volunteer3 .content_block_seven ul.uul1 li:nth-child(2) span{
        background-color: #EC4399;
    }
    .volunteer3 .content_block_seven ul.uul1 li:nth-child(3) span{
        background-color: #13B2A9;
    }


    .volunteer4 .content_block_seven ul.uul2{
        display: flex;
        justify-content: flex-start;
        flex-wrap: wrap;
        width: calc(100% + 30px);
        margin-left: -15px;
    }

    .volunteer4 .content_block_seven ul.uul2 li{
        width: calc(33.33% - 30px);
        margin: 0 15px;
    }

    .volunteer4 .content_block_seven ul.uul2 li .items{
        width: 100%;
        height: 100%;
        background-color: rgba(254, 237, 235, 1.0);
        position: relative;
        padding: 20px 20px 30px 20px;
    }

    .volunteer4 .content_block_seven ul.uul2 li .items .tit{
        display: flex;
        justify-content: flex-start;
        align-items: center;
        margin-bottom: 15px;
    }

    .volunteer4 .content_block_seven ul.uul2 li .items .tit label{
        width: 50px;
    }  

    .volunteer4 .content_block_seven ul.uul2 li .items .tit span{
       display: flex;
       width: calc(100% - 55px);
       color: #000;
       font-weight: bold;
       font-size: 22px;
    }

    .volunteer4 .content_block_seven ul.uul2 li .items p.ppp{
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-start;
        margin-top: 5px;
    }

    .volunteer4 .content_block_seven ul.uul2 li .items p.ppp i{
       font-size: 14px;
       color: #F04D3F;
       width: 20px;
       margin-top: 5px;
    }

    .volunteer4 .content_block_seven ul.uul2 li .items p.ppp span{
        display: flex;
        width: calc(100% - 20px);
        color: #333;
    }

    .volunteer4 .content_block_seven ul.uul2 li .items .line{
        position: absolute;
        background-color: #F04D3F;
    }

    .volunteer4 .content_block_seven ul.uul2 li .items .line1{
        width:100px;
        height: 4px;
        top: 0;
        left: 0;
    }
    .volunteer4 .content_block_seven ul.uul2 li .items .line2{
        width:100px;
        height: 4px;
        bottom: 0;
        right: 0;
    }
    .volunteer4 .content_block_seven ul.uul2 li .items .line3{
        width: 4px;
        height: 100px;
        top: 0;
        left: 0;
    }
    .volunteer4 .content_block_seven ul.uul2 li .items .line4{
        width: 4px;
        height: 100px;
        bottom: 0;
        right: 0;
    }

    .volunteer4 .content_block_seven ul.uul2 li:nth-child(2) .items{
        background-color: rgba(253, 236, 245, 1.0);
    }
    .volunteer4 .content_block_seven ul.uul2 li:nth-child(3) .items{
        background-color: rgba(231, 247, 246, 1.0);
    }


    .volunteer4 .content_block_seven ul.uul2 li:nth-child(2) .items p.ppp i{
       color: #EC4399;
    }
    .volunteer4 .content_block_seven ul.uul2 li:nth-child(2) .items .line{
        background-color: #EC4399;
    }
    .volunteer4 .content_block_seven ul.uul2 li:nth-child(3) .items p.ppp i{
       color: #13B2A9;
    }
    .volunteer4 .content_block_seven ul.uul2 li:nth-child(3) .items .line{
        background-color: #13B2A9;
    }



     .volunteer6 .content_block_seven ul.uul4{
        display: flex;
        justify-content: flex-start;
        flex-wrap: wrap;
        width: calc(100% + 30px);
        margin-left: -15px;
    }

    .volunteer6 .content_block_seven ul.uul4 li{
        width: calc(33.33% - 30px);
        margin: 0 15px;
    }

    .volunteer6 .content_block_seven ul.uul4 li .boximgs {
        overflow: hidden;
        width: 100%;
        position: relative;
        z-index: 9;
    }

    .volunteer6 .content_block_seven ul.uul4 li .boximgs img {
        width: 100%;
        overflow: hidden;
        -webkit-transition: all 0.5s ease 0s;
        -moz-transition: all 0.5s ease 0s;
        -ms-transition: all 0.5s ease 0s;
        -o-transition: all 0.5s ease 0s;
        transition: all 0.5s ease 0s;
    }
    .volunteer6 .content_block_seven ul.uul4 li:hover .boximgs img {
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -ms-transform: scale(1.1);
        -o-transform: scale(1.1);
        transform: scale(1.1);
    }


.volunteer5 .content_block_seven{position: relative;}
.volunteer5 .volunteeritems{width: calc(100% - 100px);margin-left: 50px;}
.volunteer5 .volunteeritems .swiper-slide{
    width: calc(50% - 30px);
   position: relative;
}
.volunteer5 .volunteeritems .swiper-slide .item{
    position: relative;
    background-color: #F5F5F5;
    box-shadow: 0 3px 5px #DDDDDD;
    padding: 25px 25px 35px 25px;
    margin: 0 15px;
}
.volunteer5 .volunteeritems .swiper-slide .boximg{
    overflow: hidden;
    display: inline-block;
    position: absolute;
    top: -80px;
    width: 160px;
    height: 160px;
    border-radius: 50%;
    border: 2px solid #39C4EA;
}
.volunteer5 .volunteeritems .swiper-slide .boximg img{
    width: 100%;
    height: auto;
    min-height: 100%;
    -webkit-transition: all 0.5s ease 0s ;
    -moz-transition: all 0.5s ease 0s ;
    -ms-transition: all 0.5s ease 0s ;
    -o-transition: all 0.5s ease 0s ;
    transition: all 0.5s ease 0s ;
}
.volunteer5 .volunteeritems .swiper-slide .boximg:hover img{
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}
.volunteer5 .volunteeritems .swiper-wrapper{
    padding: 80px 0 10px 0;
}
.volunteer5 .volunteeritems .swiper-slide .con{margin-top: 80px;}
.volunteer5 .volunteeritems .swiper-slide .con nav{font-size: 16px;color: #000;border-bottom: 1.5px solid #DDDDDD;margin-bottom: 15px;padding-bottom: 15px;}
.volunteer5 .volunteeritems .swiper-slide .con .texts{display: flex;justify-content: space-between;align-items: flex-end;}
.volunteer5 .volunteeritems .swiper-slide .con .texts .left{width: calc(100% - 50px);}
.volunteer5 .volunteeritems .swiper-slide .con .texts .left em{font-style: inherit;margin-top: 20px;margin-bottom: 10px;color: #000;}
.volunteer5 .volunteeritems .swiper-slide .con .texts .left p{color: #333;}
.volunteer5 .volunteeritems .swiper-slide .con .texts .right{width: 50px;text-align: right;}

.volunteer5 .swiper-button-next,.volunteer5 .swiper-button-prev{
    outline: none;top:60%;width: 40px;
    height: 40px;border-radius: 50%;box-shadow: 0 3px 10px #ccc;
}
.volunteer5 .swiper-button-next:after,.volunteer5 .swiper-button-prev:after{font-size: 14px;color: #333;}
.volunteer5 .swiper-button-next{right: 0%;}
.volunteer5 .swiper-button-prev{left: 0%;}


.volunteer5 .swiper-pagination {
    position: absolute;
    text-align: center;
    transition: .3s opacity;
    transform: translate3d(0,0,0);
    z-index: 10;
    width: 92%;
    display: none;
    justify-content: center;
    bottom: -25px;
}
.volunteer5 .swiper-pagination-bullet {
    width: 11px;
    height: 11px;
    display: inline-block;
    border-radius: 100%;
    background: #000;
    opacity: .2;
    margin: 0 3px;
}

.volunteer5 .swiper-pagination-bullet-active {
   background-color: #39C4EA;
   opacity: 1;
}
.volunteer5{
    margin-bottom: 30px;
}

@media (max-width: 1440px) {

    .volunteer{margin-top: 60px;}
    .volunteer .text h3{margin-bottom: 20px;}

    .volunteer4 .content_block_seven ul.uul2 li {
        width: calc(33.33% - 15px);
        margin: 0 7.5px;
    }

    .volunteer5 .volunteeritems .swiper-slide .boximg {
        top: -70px;
        width: 130px;
        height: 130px;
    }
    .volunteer5 .volunteeritems .swiper-slide .item {
        margin: 0 10px;
    }

    .volunteer6 .content_block_seven ul.uul4 li {
        width: calc(33.33% - 15px);
        margin: 0 7.5px;
    }

}


@media (max-width: 1220px) {

.volunteer5 {
    padding-left: 0;
    padding-right: 0;
}
.volunteer5 .volunteeritems {
    width: 100%;
    margin-left: 0;
}
.volunteer5 .swiper-pagination {
    display: flex;
    width: 100%;
}

.volunteer5 .swiper-button-prev{display: none;}
.volunteer5 .swiper-button-next{display: none;}

}


@media (max-width: 1024px) {

.volunteer5 .volunteeritems .swiper-slide .item{
    margin: 0;
}

.volunteer5 .swiper-button-next, .volunteer5 .swiper-button-prev {
    width: 30px;
    height: 30px;
}

.volunteer4 .content_block_seven ul.uul2 li {
    width: 100%;
    margin: 15px 0;
}
.volunteer6 .content_block_seven ul.uul4 li {
      width: 100%;
    margin: 15px 0;
}

.volunteer4 .content_block_seven ul.uul2 li .items .line1{
    width:80px;
    height: 4px;
    top: 0;
    left: 0;
}
.volunteer4 .content_block_seven ul.uul2 li .items .line2{
    width:80px;
    height: 4px;
    bottom: 0;
    right: 0;
}
.volunteer4 .content_block_seven ul.uul2 li .items .line3{
    width: 4px;
    height: 80px;
    top: 0;
    left: 0;
}
.volunteer4 .content_block_seven ul.uul2 li .items .line4{
    width: 4px;
    height: 80px;
    bottom: 0;
    right: 0;
}


.volunteer3 .content_block_seven ul.uul1 li span{
        font-size: 14px;
     }


}



@media (max-width: 768px) {


.volunteer3 .content_block_seven ul.uul1 li span {
    width: 72px;
    height: 72px;
    left: -25px;
}


  .volunteer3 .content_block_seven ul.uul1 li {
    border-radius: 15px;
    position: relative;
    padding: 32px 25px 25px 30px;
    margin: 50px 0;
    width: calc(100% - 25px);
    margin-left: 25px;
}

  .volunteer{
    padding-left: 0;
    padding-right: 0;
  }

  .paddnone{
    padding-left: 0;
    padding-right: 0;
}

  .volunteer4 .content_block_seven ul.uul2{
    width: 100%;
    margin-left: 0;
  }

  .volunteer6 .content_block_seven ul.uul4{
    width: 100%;
    margin-left: 0;
  }

}