body {
    background: #e4e4e4
}

.c_top_info {
    margin-top: 0;
    padding: calc((112 / 19.2) * 1%) 0 calc((116 / 19.2) * 1%) 0
}

.lists {
    --pd: calc((80 / 14) * 1%);
    margin-top: calc((62 / 14) * 1%)
}

.lists .item {
    border-radius: 35px 35px 35px 35px;
    padding: 63px 48px;
    transition: all .3s ease
}

.lists .item:hover {
    background: var(--color-shen)
}

.lists .item:hover .title,
.lists .item:hover .desc {
    color: #fff !important
}

.lists .item .img {
    width: 182px;
    height: 182px;
    border-radius: 50%
}

.lists .item .title {
    font-size: 26px;
    font-family: Roboto;
    transition: all .3s ease
}

.lists .item .desc {
    color: #666666;
    font-size: 18px;
    line-height: 30px;
    margin-top: 5px;
    transition: all .3s ease
}

.com_team {
    background: rgba(16, 34, 27, 0.1);
    margin: 0;
    padding: calc((128 / 19.2) * 1%) 0 calc((108 / 19.2) * 1%) 0
}

.meet_team {
    margin-top: calc((127 / 19.2) * 1%)
}

.meet_team .met_swiper {
    margin-top: calc((82 / 14) * 1%);
    padding-bottom: 108px
}

.meet_team .met_swiper .swiper-slide {
    border-radius: 20px 20px 20px 20px;
    overflow: hidden
}

.meet_team .met_swiper .swiper-slide:nth-child(even) {
    margin-top: 54px
}

.meet_team .met_swiper .swiper-slide:hover {
    background: #ced0d0
}

.meet_team .met_swiper .swiper-slide:hover .info .share {
    display: flex
}

.meet_team .met_swiper .swiper-slide .img {
    padding-bottom: calc((342 / 3) * 1%);
    width: 100%
}

.meet_team .met_swiper .swiper-slide .info {
    width: 100%;
    overflow: hidden;
    padding: 15px 0 24px
}

.meet_team .met_swiper .swiper-slide .info .title {
    font-family: Roboto
}

.meet_team .met_swiper .swiper-slide .info .title,
.meet_team .met_swiper .swiper-slide .info .desc {
    font-size: 20px
}

.meet_team .met_swiper .swiper-slide .info .desc {
    color: #767676;
    margin-top: 10px
}

.meet_team .met_swiper .swiper-slide .info .share {
    display: none;
    flex-wrap: wrap;
    margin-top: 18px
}

.meet_team .met_swiper .swiper-slide .info .share a {
    width: 34px;
    height: 34px;
    display: inline-block;
    border-radius: 50%;
    background: #d9dada;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 10px
}

.meet_team .met_swiper .swiper-slide .info .share a:hover {
    background: #c0c0c0
}

.exper {
    /* margin-top: calc((130 / 19.2) * 1%); */
    padding-left: var(--all-pd)
}

.exper .exper_main {
    --l-w: calc((412 / 14) * 1%);
    --pd: calc((154 / 14) * 1%)
}

.exper .exper_main .lll .size50 {
    margin-top: 65px
}

.exper .exper_main .lll .desc {
    font-size: 18px;
    color: #666666;
    line-height: 30px;
    margin-top: 35px
}

.exper .exper_main .rrr .swiper-slide {
    border-radius: 30px;
    overflow: hidden;
    position: relative
}

.exper .exper_main .rrr .swiper-slide:hover .mark {
    transform: translateX(0)
}

.exper .exper_main .rrr .swiper-slide:hover .info {
    padding-bottom: 82px;
    height: 100%;
    bottom: unset;
    top: 0
}

.exper .exper_main .rrr .swiper-slide:hover .info .year {
    color: #fff !important
}

.exper .exper_main .rrr .swiper-slide:hover .info .desc {
    height: auto
}

.exper .exper_main .rrr .sw-pag {
    width: 80%;
    height: 4px;
    background: #b7b7b7;
    margin: 80px 0 129px;
    position: relative
}

.exper .exper_main .rrr .sw-pag .swiper-pagination-progressbar-fill {
    background: var(--color-shen)
}

.exper .exper_main .rrr .img {
    padding-bottom: calc((518 / 3.75) * 1%);
    z-index: 1
}

.exper .exper_main .rrr .mark {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(var(--color-shen2), .5);
    z-index: 2;
    transform: translateX(-100%);
    transition: all .3s ease
}

.exper .exper_main .rrr .info {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 3;
    padding: 112px 50px 82px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: auto;
    top: unset;
    bottom: 0;
    padding-bottom: 64px;
    transition: all .3s ease
}

.exper .exper_main .rrr .info .year {
    font-family: Roboto;
    font-weight: 900;
    font-size: 50px;
    color: #ffffff;
    transition: all .3s ease
}

.exper .exper_main .rrr .info .desc {
    font-size: 18px;
    color: #ffffff;
    line-height: 30px;
    margin-top: 10px;
    height: 0;
    overflow: hidden;
    transition: all .3s ease
}

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

    .c_top_info,
    .com_team {
        padding-top: 60px
    }

    .meet_team {
        margin-top: 60px
    }

    .meet_team .met_swiper .swiper-slide:nth-child(even) {
        margin-top: 0
    }

    .meet_team .met_swiper .swiper-slide .info {
        background: #ced0d0
    }

    .meet_team .met_swiper .swiper-slide .info .share {
        display: flex !important
    }

    .exper .exper_main .lll .size50 {
        margin: 0
    }

    .exper .exper_main .rrr .sw-pag {
        margin: 30px 0
    }
}