section.volunteer-page .volunteer-top-kv {
    width: 100%;
    height: 680px;
    background: url('../img/volunteer/gongyi_kv_new.jpg') no-repeat top center;
    background-size: cover;
    position:relative;
}

section.volunteer-page .volunteer-partner .right .content .more{
    width:168px;
    height:51px;
    background:url('../img/news/news_more.png');
    cursor: pointer;
}

.english-edition section.volunteer-page .volunteer-partner .right .content .more{
    width:164px;
    height:47px;
    background:url('../img/news/en_news_more.png');
    cursor: pointer;
}

section.volunteer-page .volunteer-activity .right .content .small-title{
    display: -webkit-box;
    text-overflow: ellipsis;
    overflow : hidden;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    margin:20px 0;
    max-height:90px;
}

section.volunteer-page .volunteer-activity .right .content .more{
    width:168px;
    height:51px;
    background:url('../img/news/news_more.png');
    cursor: pointer;
}

.english-edition section.volunteer-page .volunteer-activity .right .content .more{
    width:164px;
    height:47px;
    background:url('../img/news/en_news_more.png');
    cursor: pointer;
}

section.volunteer-page .volunteer-activity{
    display:flex;
    justify-content: space-between;
    height:380px;
    margin-top:40px;
}

section.volunteer-page .volunteer-activity .left{
    width:32.4%;
    height:380px;
}

section.volunteer-page .volunteer-activity .right{
    width:66%;
    height:376px;
    border-top:4px solid #bca172;
    background:#fafafa;
}

section.volunteer-page .volunteer-activity hr {
    margin: 16px 0;
    color: rgb(151,151,151);
}

section.volunteer-page .volunteer-content{
    padding:40px 90px 0 90px;
    margin-bottom:71px;
}

section.volunteer-page .volunteer-content hr{
    margin:40px 0;
    color:rgb(151,151,151);
}

section.volunteer-page .volunteer-content .text30{
    margin-bottom:30px;
}

section.volunteer-page .volunteer-content .text{
    line-height:30px;
}

section.volunteer-page .volunteer-content .text24{
    margin:40px 0;
}

section.volunteer-page .volunteer-content .jijin-title{
    width:100%;
    height:59px;
    overflow:hidden;
    margin-top:24px;
    margin-bottom:20px;
}

.volunteer-content .fenge{
    margin-bottom:40px;
}

section.volunteer-page .volunteer-content .jijin-title .left{
    height:59px;
    line-height:59px;
    float:left;
}

section.volunteer-page .volunteer-content .jijin-title .right{
    float:right;
    background:url('../img/volunteer/logo_jijin.png') no-repeat top center;
    width:206px;
    height:59px;
}


section.volunteer-page .volunteer-content .volunteer-direction{
    border-top:1px solid #BCA377;
    border-bottom:1px solid #BCA377;
}

section.volunteer-page .volunteer-content .volunteer-direction .top{
    border-left:9px solid #BCA377;
    border-bottom:1px solid #BCA377;
    display:flex;
}

section.volunteer-page .volunteer-content .volunteer-direction .bottom{
    border-right:9px solid #BCA377;
    display:flex;
}

section.volunteer-page .volunteer-content .volunteer-direction>div{
    padding:50px 100px;
}

section.volunteer-page .volunteer-content .volunteer-direction>div .content{
    display:flex;
    justify-content: space-between;
}

.volunteer-content .huodong-title{
    margin-top:60px;
    margin-bottom:20px;
}

section.volunteer-page .volunteer-content .volunteer-direction>div .content .left{
    width:46.8%;
    position:relative;
}

section.volunteer-page .volunteer-content .volunteer-direction>div .content .right{
    width:46.8%;
    position:relative;
}

section.volunteer-page .volunteer-content .volunteer-direction>div .content .left img{
    width:100%;
    height:auto;
    display:block;
    margin:0;
    padding:0;
    position:relative;
}

section.volunteer-page .volunteer-content .volunteer-direction>div .content .right img{
    width:100%;
    height:auto;
    display:block;
    margin:0;
    padding:0;
    position:relative;
}

section.volunteer-page .volunteer-content .volunteer-direction>div .content .left .text{
    position:relative;
    margin-top:70px;
    line-height:30px;
}

section.volunteer-page .volunteer-content .volunteer-direction>div .content .right .text{
    position:relative;
    margin-top:70px;
    line-height:30px;
}

section.volunteer-page .volunteer-content .volunteer-direction .top .content .left .text .icon{
    width:72px;
    height:72px;
    background:url('../img/volunteer/icon1.png');
    position:absolute;
    left:-36px;
    top:-36px;
}

section.volunteer-page .volunteer-content .volunteer-direction .top .content .right .text .icon{
    width:72px;
    height:72px;
    background:url('../img/volunteer/icon2.png');
    position:absolute;
    left:-36px;
    top:-36px;
}

section.volunteer-page .volunteer-content .volunteer-direction .bottom .content .left .text .icon{
    width:72px;
    height:72px;
    background:url('../img/volunteer/icon3.png');
    position:absolute;
    left:-36px;
    top:-36px;
}

section.volunteer-page .volunteer-content .volunteer-direction .bottom .content .right .text .icon{
    width:72px;
    height:72px;
    background:url('../img/volunteer/icon4.png');
    position:absolute;
    left:-36px;
    top:-36px;
}

section.volunteer-page .volunteer-activity{
    display:flex;
    justify-content: space-between;
    height:428px;
    margin-top:40px;
}

section.volunteer-page .volunteer-partner{
    display:flex;
    justify-content: space-between;
    height:302px;
    margin-top:40px;
}

section.volunteer-page .volunteer-activity .left{
    width:32.4%;
    height:428px;
}

section.volunteer-page .volunteer-partner .left{
    width:32.4%;
    height:350px;
}

section.volunteer-page .volunteer-activity .right{
    width:66%;
    height:424px;
    border-top:4px solid #bca172;
    background:#fafafa;
}

section.volunteer-page .volunteer-partner .right{
    width:66%;
    height:350px;
    background:#fafafa;
}

section.volunteer-page .volunteer-activity .right .content{
    padding:30px 40px;
}

section.volunteer-page .volunteer-activity .right .content .title{
    display: -webkit-box;
    text-overflow: ellipsis;
    overflow : hidden;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

section.volunteer-page .volunteer-partner .right .content{
    padding:30px 10px 10px 40px;
}

section.volunteer-page .volunteer-partner .right .content ul{
    margin-bottom: 20px;
    margin-top: 20px;
}

section.volunteer-page .volunteer-partner .right .content ul li{
    float:left;
    margin-right:35px;
}

section.volunteer-page .volunteer-partner .right .content ul li.partner1{
    width:164px;
    height:70px;
    background:url('../img/partner/partner-1.png') no-repeat center left;
}

section.volunteer-page .volunteer-partner .right .content ul li.partner2{
    width:164px;
    height:70px;
    background:url('../img/partner/partner-2.png') no-repeat center left;
}

section.volunteer-page .volunteer-partner .right .content ul li.partner3{
    width:164px;
    height:70px;
    background:url('../img/partner/partner-3.png') no-repeat center left;
}

section.volunteer-page .volunteer-partner .right .content ul li.partner4{
    width:164px;
    height:70px;
    background:url('../img/partner/partner-4.png') no-repeat center left;
}

section.volunteer-page .volunteer-partner .right .content ul li.partner5{
    width:164px;
    height:70px;
    background:url('../img/partner/partner-5.png') no-repeat center left;
}

@media screen and (max-width: 1680px) {
    section.volunteer-page .volunteer-partner{
        height:350px;
    }

    section.volunteer-page .volunteer-partner .left{
        height:428px;
    }

    section.volunteer-page .volunteer-partner .right{
        height:350px;
    }
}

@media screen and (max-width: 1440px) {
    section.volunteer-page .volunteer-top-kv{
        height:680px;
    }
}

@media screen and (max-width: 1440px) {
    section.volunteer-page .volunteer-partner .right .content ul {
        margin-bottom: 0px;
        margin-top: 5px;
    }
}

@media screen and (max-width: 1024px) {
    section.volunteer-page .volunteer-top-kv{
        height:290px;
    }

    section.volunteer-page .volunteer-content .volunteer-direction > div {
        padding: 50px 50px;
    }
}

@media screen and (max-width: 1024px) {
    section.volunteer-page .volunteer-partner .right .content ul li{
        float:left;
        margin-right:20px;
    }

    section.volunteer-page .volunteer-partner .right .content ul li.partner1{
        width:130px;
        height:70px;
        background:url('../img/partner/partner-1.png') no-repeat center left;
        background-size:90%;
    }

    section.volunteer-page .volunteer-partner .right .content ul li.partner2{
        width:130px;
        height:70px;
        background:url('../img/partner/partner-2.png') no-repeat center left;
        background-size:90%;
    }

    section.volunteer-page .volunteer-partner .right .content ul li.partner3{
        width:130px;
        height:70px;
        background:url('../img/partner/partner-3.png') no-repeat center left;
        background-size:90%;
    }

    section.volunteer-page .volunteer-partner .right .content ul li.partner4{
        width:130px;
        height:70px;
        background:url('../img/partner/partner-4.png') no-repeat center left;
        background-size:90%;
    }

    section.volunteer-page .volunteer-partner .right .content ul li.partner5{
        width:130px;
        height:70px;
        background:url('../img/partner/partner-5.png') no-repeat center left;
        background-size:90%;
    }
}

@media screen and (max-width: 768px) {
    section.volunteer-page .volunteer-top-kv{
        height:220px;
    }

    section.volunteer-page .volunteer-partner{
        height:450px !important;
    }

    section.volunteer-page .volunteer-partner .left{
        height:450px;
    }

    section.volunteer-page .volunteer-partner .right{
        height:450px;
    }
}

@media screen and (max-width: 768px){
    section.volunteer-page .volunteer-content {
        padding: 40px 20px 0 20px;
    }

    section.volunteer-page .volunteer-partner .right .content ul li {
        background-size: 78% !important;
        margin-right: 0px;
    }

    section.volunteer-page .volunteer-partner .right .content ul li.partner1{
        width:140px;
        height:55px;
        background:url('../img/partner/partner-1.png') no-repeat center left;
        background-size:90%;
    }

    section.volunteer-page .volunteer-partner .right .content ul li.partner2{
        width:140px;
        height:55px;
        background:url('../img/partner/partner-2.png') no-repeat center left;
        background-size:90%;
    }

    section.volunteer-page .volunteer-partner .right .content ul li.partner3{
        width:140px;
        height:55px;
        background:url('../img/partner/partner-3.png') no-repeat center left;
        background-size:90%;
    }

    section.volunteer-page .volunteer-partner .right .content ul li.partner4{
        width:140px;
        height:55px;
        background:url('../img/partner/partner-4.png') no-repeat center left;
        background-size:90%;
    }

    section.volunteer-page .volunteer-partner .right .content ul li.partner5{
        width:140px;
        height:55px;
        background:url('../img/partner/partner-5.png') no-repeat center left;
        background-size:90%;
    }
}

@media screen and (max-width: 425px) {
    section.volunteer-page .volunteer-top-kv{
        height:200px;
    }
}

@media screen and (max-width: 425px){
    section.volunteer-page .volunteer-content .volunteer-direction .top .content .left .text .icon{
        width:72px;
        height:72px;
        background:url('../img/volunteer/icon1.png');
        position:absolute;
        left:-12px;
        top:-36px;
    }

    section.volunteer-page .volunteer-content .volunteer-direction .top .content .right .text .icon {
        width: 72px;
        height: 72px;
        background: url('../img/volunteer/icon2.png');
        position: absolute;
        left: -12px;
        top: -36px;
    }

    section.volunteer-page .volunteer-content .volunteer-direction .bottom .content .left .text .icon {
        width: 72px;
        height: 72px;
        background: url('../img/volunteer/icon3.png');
        position: absolute;
        left: -12px;
        top: -36px;
    }

    section.volunteer-page .volunteer-content .volunteer-direction>div .content .right .text{
        margin-top:40px;
    }

    section.volunteer-page .volunteer-content .volunteer-direction>div .content .right .text span{
        margin-left:40px;
    }

    section.volunteer-page .volunteer-content .volunteer-direction .bottom .content .right .text .icon {
        width: 72px;
        height: 72px;
        background: url('../img/volunteer/icon4.png');
        position: absolute;
        left: -12px;
        top: -36px;
    }

    section.volunteer-page .volunteer-content .volunteer-direction{
        border:0;
    }

    section.volunteer-page .volunteer-content .volunteer-direction>div .content .left .text span{
        margin-left:40px;
    }

    section.volunteer-page .volunteer-content .volunteer-direction>div .content .left .text{
        border-bottom:1px solid #bca377;
        padding-bottom:40px;
    }

    section.volunteer-page .volunteer-content .volunteer-direction>div .content .right .text{
        border-bottom:1px solid #bca377;
        padding-bottom:40px;
        margin-bottom:40px;
    }

    .volunteer-content .fenge{
        padding-bottom:40px;
        border-bottom:5px solid #bca377;
    }

    section.volunteer-page .volunteer-content .volunteer-direction .bottom{
        padding:0 !important;
    }

    section.volunteer-page .volunteer-content .volunteer-direction .top{
        padding:0 !important;
    }

    section.volunteer-page .volunteer-content .volunteer-direction>div .content .left .text{
        margin-top:70px;
    }

    .volunteer-content .huodong-title{
        margin-top:0 !important;
    }

    section.volunteer-page .volunteer-content .jijin-title {
        width: 100%;
        height: auto;
        overflow: hidden;
        margin-top: -19px;
        margin-bottom: 10px;
    }

    section.volunteer-page .volunteer-content .jijin-title .left{
        float:none;
        margin-bottom:0;
    }

    section.volunteer-page .volunteer-content .jijin-title .right{
        float:none;
        margin-bottom:10px;
    }

    section.volunteer-page .volunteer-content .volunteer-direction>div .content{
        display:block;
    }

    section.volunteer-page .volunteer-content .volunteer-direction>div .content .left{
        width:100%;
    }

    section.volunteer-page .volunteer-content .volunteer-direction>div .content .left .text {
        position: relative;
        margin-top: 40px;
        line-height: 30px;
        margin-bottom:40px;
    }

    section.volunteer-page .volunteer-content .volunteer-direction>div .content .right{
        width:100%;
    }

    section.volunteer-page .volunteer-content .text{
        line-height:22.5px;
    }

    section.volunteer-page .volunteer-content .volunteer-direction>div .content .left .text{
        line-height:22.5px;
    }

    section.volunteer-page .volunteer-content .volunteer-direction>div .content .right .text{
        line-height:22.5px;
    }

    section.volunteer-page .volunteer-content .text-s3{
        font-size:2rem !important;
    }

    section.volunteer-page .volunteer-content .text-32{
        font-size:1.4rem !important;
    }

    section.volunteer-page .volunteer-content {
        padding: 40px 15px 0 15px;
    }

    section.volunteer-page .volunteer-activity .right .content {
        padding: 20px 15px;
    }

    section.volunteer-page .volunteer-content .volunteer-direction .top{
        border-left:0;
    }

    section.volunteer-page .volunteer-content .volunteer-direction>div {
        padding: 40px 15px;
    }

    section.volunteer-page .volunteer-content .volunteer-direction .top{
        border-bottom:0;
    }

    section.volunteer-page .volunteer-content .volunteer-direction .bottom{
        border-bottom:0;
    }

    section.volunteer-page .volunteer-content .volunteer-direction .bottom{
        border-right:0;
    }

    section.volunteer-page .volunteer-activity {
        display: block;
        justify-content: space-between;
        height: auto;
        margin-top:0;
        padding-bottom:40px;
        border-bottom:1px solid #9b9b9b;
    }

    section.volunteer-page .volunteer-activity .left {
        width: 100%;
        height: 214px;
        background-size:cover;
    }

    section.volunteer-page .volunteer-activity .right {
        width: 100%;
        height: auto;
        border-top: 4px solid #bca172;
        background: #fafafa;
    }

    section.volunteer-page .volunteer-partner {
        display: block;
        justify-content: space-between;
        height: auto;
        margin-top: 40px;
    }

    section.volunteer-page .volunteer-partner .left{
        width:100%;
        height:214px;
        background-size:cover;
    }

    section.volunteer-page .volunteer-partner .right{
        width:100%;
        height:auto;
    }

    section.volunteer-page .volunteer-partner .right .content {
        padding: 30px 15px 10px 15px;
    }

    section.volunteer-page .volunteer-partner .right .content ul li.partner1 {
        width: 47.5%;
        margin-right:5%;
        height: 55px;
        background: url('../img/partner/partner-1.png') no-repeat center left;
        background-size: 100% !important;
    }

    section.volunteer-page .volunteer-partner .right .content ul li.partner2 {
        width: 47.5%;
        height: 55px;
        background: url('../img/partner/partner-2.png') no-repeat center left;
        background-size: 100% !important;
    }

    section.volunteer-page .volunteer-partner .right .content ul li.partner3 {
        width: 47.5%;
        margin-right:5%;
        height: 55px;
        background: url('../img/partner/partner-3.png') no-repeat center left;
        background-size: 100% !important;
    }

    section.volunteer-page .volunteer-partner .right .content ul li.partner4 {
        width: 47.5%;
        height: 55px;
        background: url('../img/partner/partner-4.png') no-repeat center left;
        background-size: 100% !important;
    }

    section.volunteer-page .volunteer-partner .right .content ul li.partner5 {
        width: 47.5%;
        height: 55px;
        background: url('../img/partner/partner-5.png') no-repeat center left;
        background-size: 100% !important;
    }

    section.volunteer-page .volunteer-activity .right .content hr{
        display:none;
    }

    section.volunteer-page .volunteer-content hr{
        display:none;
    }

    section.volunteer-page .volunteer-content .text-32{
        margin-bottom:20px;
    }

    section.volunteer-page .volunteer-content .text.text-black.geli{
        padding-bottom:30px;
        border-bottom:1px solid #9b9b9b;
        margin-bottom:30px;
    }

    section.volunteer-page .volunteer-content .volunteer-direction>div .content .right .text.tebie{
        border-bottom:5px solid #bca172;
    }
}

@media screen and (max-width: 320px) {
    section.volunteer-page .volunteer-top-kv{
        height:160px;
    }

    section.volunteer-page .volunteer-partner{
        height:auto !important;
    }
}