.sheet-team {
    padding: 24px 0 0;
}
.team-block1 {
    max-width: var(--master-width);
    width: 100%;
    padding: 0 var(--theme-spacing);
    margin: 0 auto;
    display: flex;
    flex-direction: column;
}
.team-b1-left {
}
.team-b1-right {
    margin-top: 24px;
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    color: var(--theme-gray01-color);
}
.team-b1-test1 {
    font-family: 'Source Han Serif CN';
    margin-bottom: 5px;
    font-weight: 900;
    font-size: 28px;
    line-height: 40px;
}
.team-b1-test2 {
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
    color: var(--theme-Primary-color);
}
.team-block2 {
    background-image: url("../images/team/bg-1.png");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}
.team-b2-bg {
    max-width: var(--master-width);
    width: 100%;
    margin: 90px auto 0;
    position: relative;
    padding-top: 130px;
    padding-bottom: 32px;
}
.team-b2-top {
    display: flex;
    flex-direction: column;
    position: absolute;
    top: 0;
    transform: translateY(-50%);
}
.team-b2-tb {
    height: 100px;
    width: calc((var(--master-width) - var(--theme-spacing) * 13) * (3 / 12) + var(--theme-spacing) * 2); /*占用3个栅格*/
    background-image: url("../images/team/circle.svg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}
.team-b2-t-title {
    position: absolute;
    top: 24px;
    left: 24px;
    right: 24px;
    font-family: 'Source Han Serif CN';
    font-weight: 900;
    font-size: 28px;
    line-height: 40px;
    color: var(--theme-white01-color);
}
.team-b2-t-arrow {
    position: absolute;
    bottom: 24px;
    left: 32px;
    width: 8px;
}
.team-b2-list1 {
    padding: 0 var(--theme-spacing);
    display: flex;
}
.team-b2-l1-item {
    width: calc((100% - var(--theme-spacing) * 3) / 3);
    /*max-width: 228px;*/
    position: relative;
    border: 2px solid transparent;
    margin-right: var(--theme-spacing);
    /*cursor: pointer;*/
}
.team-b2-l1-item:nth-child(3n) {
    margin-right: 0;
}

.team-l1-hide {
    margin: 0;
    overflow: hidden;
}
.team-l1-bg {
    position: absolute;
    /*background: linear-gradient(336.13deg, #FFFFFF 15.41%, #D8D8D8 84.73%);*/
    top: 60px;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 2px;
}
.team-l1-border {
    position: absolute;
    top: 60px;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 2px;
    z-index: 2;
    border-bottom: 4px solid var(--theme-Primary-color);
}
/*.team-l1-border:after {
    content: '';
    position: absolute;
    top: -2px;
    left: -2px;
    width: 100%;
    height: 100%;
    border: 2px solid #ED0F20;
    box-shadow: 0 0 10px rgba(237, 15, 32, 0.4);
    display: none;
}*/

.team-l1-img {
    transform: translate(-24px, 0%) scale(1);
    height: 400px;
    width: calc(100% + 24px);
    min-width: calc(100% + 24px);
    object-fit: cover;
    position: relative;
    transition: 300ms;
    z-index: 3;
}
.team-l1-test {
    background-image: url("../images/team/circle2.svg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    background-color: var(--theme-white01-color);
    position: relative;
    font-weight: 400;
    font-size: 16px;
    line-height: 26px;
    color: var(--theme-gray02-color);
    display: flex;
    flex-direction: column;
    height: 100%;
}
.team-l1-hover-block {
    opacity: 0;
    transition: 300ms;
    font-family: 'Source Han Serif CN';
    font-weight: 700;
    font-size: 20px;
    line-height: 30px;
    position: absolute;
    width: 100%;
    box-sizing: border-box;
    border-left: 2px solid #ED0F20;
    border-right: 2px solid #ED0F20;
    left: 0px;
    right: 0px;
    bottom: 110px;
    padding: 8px;
    z-index: 4;
    /*background: rgba(255, 255, 255, .9);*/
    background-image: url("../images/team/circle4.png");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}
.team-l1-i2 {
    width: 24px;
    margin-left: 3px;
}
.team-l1-block {
    padding: 26px 16px 0;
    height: 111px;
}
.team-l1-t1 {
    font-family: 'Source Han Serif CN';
    font-weight: 900;
    font-size: 20px;
    margin-bottom: 4px;
    color: var(--theme-gray01-color);
    display: flex;
}
.team-l1-t2 {
    font-weight: 400;
    font-size: 16px;
    line-height: 26px;
    color: var(--theme-gray02-color);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.team-l1-t3 {
    flex: 1;
    min-height: 111px;
    padding: 24px 16px 24px;
}
.team-l1-ic {
    width: 24px;
    margin-bottom: 15px;
}
.team-l1-ts {
    font-family: 'Source Han Serif CN';
    font-weight: 900;
    font-size: 20px;
    line-height: 30px;
    color: #000000;
    /*text-overflow: -o-ellipsis-lastline;*/
    /*overflow: hidden;*/
    /*text-overflow: ellipsis;*/
    /*display: -webkit-box;*/
    /*-webkit-line-clamp: 2;*/
    /*-webkit-box-orient: vertical;*/
}
.team-b2-title {
    font-family: 'Source Han Serif CN';
    font-weight: 900;
    font-size: 28px;
    line-height: 40px;
    color: var(--theme-gray01-color);
    margin-top: 32px;
    padding-left: var(--theme-spacing);
    margin-bottom: 48px;
}

.team-b2-tl2 {
    font-family: 'Source Han Serif CN';
    font-weight: 900;
    font-size: 28px;
    line-height: 40px;
    color: var(--theme-gray01-color);
    margin-top: 32px;
    padding-left: var(--theme-spacing);
    margin-bottom: 48px;
}


.team-b2-list2 {
    padding: 0 var(--theme-spacing);
    display: flex;
    flex-wrap: wrap;
    /*justify-content: space-between;*/
}
.team-b2-l2-bg {
    width: calc((100% - var(--theme-spacing) * 4) / 4);
    /*max-width: 364px;*/
    border: 2px solid transparent;
    margin-right: var(--theme-spacing);
    position: relative;
    margin-bottom: 48px;
}
.team-b2-l2-bg:hover {
    border: 2px solid var(--theme-Primary-color);
    box-shadow: 0px 0px 10px rgba(237, 15, 32, 0.4);
    z-index: 1;
}
.team-b-split {
    position: absolute;
    bottom: -2px;
    width: 100%;
    height: 4px;
    background-color: var(--theme-Primary-color);
}
.team-b2-l2-bg:nth-child(4n) {
    margin-right: 0;
}
.team-b2-l2-item {
    background-image: url("../images/team/circle5.svg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    background-color: var(--theme-white01-color);
    position: relative;
    height: 160px;
    cursor: pointer;
    display: flex;
    align-items: center;
    /*background-image: linear-gradient(309.03deg, #FFFFFF -1.99%, rgba(255, 255, 255, 0) 97.81%);*/
    /*border-bottom: 4px solid var(--theme-Primary-color);*/
}
.team-l2-img {
    height: 400px;
    object-fit: cover;
    position: relative;
    transition: 300ms;
    width: calc(100% + 24px);
    min-width: calc(100% + 24px);
    transform: translate(24px, 0%) scale(1);
}
.team-l2-test {
    margin-left: 16px;
    height: 86px;
}
.team-l2-i2 {
    width: 24px;
    margin-left: 3px;
}
.team-l2-t1 {
    font-family: 'Source Han Serif CN';
    font-weight: 700;
    font-size: 20px;
    line-height: 29px;
    margin-bottom: 4px;
    color: var(--theme-gray01-color);
}
.team-l2-t2 {
    font-weight: 400;
    font-size: 16px;
    line-height: 26px;
    color: var(--theme-gray02-color);
}


.team-b2-list3 {
    padding: 0 var(--theme-spacing);
    display: flex;
    justify-content: space-between;
}

.team-b2-l3-bg {
    width: calc((100% - var(--theme-spacing) * 2) / 3);
    /*max-width: 364px;*/
    border: 2px solid transparent;
    margin-right: var(--theme-spacing);
    position: relative;
}
.team-b2-l3-bg:nth-child(3n) {
    margin-right: 0;
}
.team-b2-l3-item {
    /*max-width: 364px;*/
    width: 100%;
    overflow: hidden;
    position: relative;
    /*border-bottom: 4px solid var(--theme-Primary-color);*/
    /*background: linear-gradient(336.13deg, #FFFFFF 10.41%, #D8D8D8 84.73%);*/
    /*background: linear-gradient(309.03deg, #FFFFFF -1.99%, rgba(255, 255, 255, 0) 97.81%);*/
    background-color: #E9E9E9;
    background-image: linear-gradient(309.03deg, #FFFFFF -1.99%, rgba(255, 255, 255, 0) 97.81%);
}
.team-b2-l3-item:nth-child(3n) {
}
.team-l3-img {
    height: 400px;
    width: calc(100% + 24px);
    min-width: calc(100% + 24px);
    object-fit: cover;
    position: relative;
    transition: 300ms;
    transform: translate(0px, 0%) scale(1);
}
.team-l3-test {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 15px;
}
.team-l3-i2 {
    width: 24px;
    margin-left: 3px;
}
.team-l3-t1 {
    font-family: 'Source Han Serif CN';
    font-weight: 700;
    font-size: 20px;
    line-height: 29px;
    margin-bottom: 4px;
}
.team-l3-t2 {
    font-weight: 400;
    font-size: 16px;
    line-height: 26px;
    color: var(--theme-gray02-color);
}



.team-block4 {
    max-width: var(--master-width);
    width: 100%;
    margin: -271px auto 0;
    position: relative;
}
.team-b4-title {
    font-family: 'Source Han Serif CN';
    font-weight: 900;
    font-size: 28px;
    line-height: 40px;
    color: var(--theme-gray01-color);
    padding-left: var(--theme-spacing);
    margin-bottom: 48px;
}
.team-b4-list4 {
    padding: 0 var(--theme-spacing);
    display: flex;
    flex-wrap: wrap;
}
.team-b4-l4-bg {
    width: calc((100% - var(--theme-spacing) * 3) / 4);
    /*max-width: 292px;*/
    border: 2px solid transparent;
    margin-right: var(--theme-spacing);
    margin-bottom: 48px;
}
.team-b4-l4-bg:nth-child(4n) {
    margin-right: 0;
}
.team-b4-l4-item {
    width: 100%;
    overflow: hidden;
    position: relative;
    background-color: #E9E9E9;
    background-image: linear-gradient(309.03deg, #FFFFFF -1.99%, rgba(255, 255, 255, 0) 97.81%);
}
.team-l4-img {
    transform: translate(0%, 10%) scale(1.1);
    height: 400px;
    object-fit: cover;
    position: relative;
    transition: 300ms;
}
.team-l4-test {
    height: 110px;
    padding: 12px 16px 16px;
    /*background-image: url("../images/team/circle2.svg");*/
    /*background-repeat: no-repeat;*/
    /*background-size: cover;*/
    /*background-position: center center;*/
    background-color: var(--theme-white01-color);
    position: relative;
    font-weight: 400;
    font-size: 16px;
    line-height: 26px;
    color: var(--theme-gray02-color);
}
.team-l4-t1 {
    font-family: 'Source Han Serif CN';
    font-weight: 700;
    font-size: 20px;
    line-height: 29px;
    margin-bottom: 4px;
    color: var(--theme-gray01-color)
}
.team-l4-t2 {
    font-weight: 400;
    font-size: 16px;
    line-height: 26px;
    color: var(--theme-gray02-color);
}

@media (min-width: 1024px) {  /* 屏幕宽度大于等于1024px */
    .team-b2-l1-item:hover .team-l1-border {
        border: 2px solid #ED0F20;
        box-shadow: 0 0 10px rgba(237, 15, 32, 0.4);
    }
    .team-l1-test {
        border-bottom: 4px solid var(--theme-Primary-color);
        display: flex;
        flex-direction: column;
        justify-content: center;
    }
    /*.team-b2-l1-item:hover .team-l1-border:after {
        display: block;
    }*/
    .team-b2-l1-item:hover .team-l1-hide {
        margin: 0 2px;
    }
    .team-b2-l1-item:hover .team-l1-img {
        transform: translate(0, 0%) scale(1);
    }
    .team-b2-l1-item:hover .team-l1-hover-block {
        opacity: 1;
    }
    .team-b2-l3-bg:hover .team-b-split{
        height: 2.5px;
    }
    .team-b2-l3-bg:hover {
        border: 2px solid var(--theme-Primary-color);
        box-shadow: 0px 0px 10px rgba(237, 15, 32, 0.4);
    }
    .team-b2-l3-item:hover .team-l3-img {
        transform: translate(-24px, 0%) scale(1);
    }
    .team-b4-l4-bg:hover {
        border: 2px solid #ED0F20;
        box-shadow: 0px 0px 10px rgba(237, 15, 32, 0.4);
    }
}
@media screen and (min-width: 768px) and (max-width: 1024px) { /* 屏幕宽度 [768,1024] */
    .team-l1-ts {
        font-weight: 900;
        font-size: 17px;
        line-height: 26px;
    }
    .sheet-team {
        padding-top: 24px;
    }
    .team-b2-bg {
        margin-top: 70px;
        padding-top: 85px;
    }
    .team-b2-tb {
        width: calc((var(--master-width) - var(--theme-spacing) * 13) * (3 / 12) + var(--theme-spacing) * 3);
        height: 110px;
    }
    .team-block1 {
        flex-wrap: wrap;
    }
    .team-b1-test1 {
        font-weight: 900;
        font-size: 20px;
        line-height: 30px;
        margin-bottom: 4px;
    }
    .team-b1-test2 {
        font-weight: 400;
        font-size: 16px;
        line-height: 26px;
    }
    .team-b1-right {
        width: 100%;
        margin-top: 12px;
    }
    .team-b2-t-title {
        font-weight: 900;
        font-size: 20px;
        line-height: 30px;
        top: var(--theme-spacing);
        left: var(--theme-spacing);
        right: 0;
    }
    .team-b2-t-arrow {
        bottom: var(--theme-spacing);
        left: calc(var(--theme-spacing) + 6px);
        height: 28px;
    }
    .team-b2-list1 {
        flex-direction: row;
        flex-wrap: wrap;
        margin-top: 48px;
    }
    .team-l1-bg {
        height: 200px;
        top: auto;
    }
    .team-l1-hide {
        height: 222px;
        margin: 0;
    }
    .team-l1-border {
        display: none;
    }
    .team-l1-test {
        border-bottom: 4px solid var(--theme-Primary-color);
        display: flex;
        flex-direction: column;
        justify-content: center;
    }
    .team-l1-img {
        width: 100%;
        min-width: 100%;
        transform: scale(1);
        height: auto;
        object-fit: cover;
        position: relative;
    }
    .team-b2-l1-item:hover .team-l1-img {
        transform: scale(1);
    }
    .team-l1-t1 {
        font-weight: 900;
        font-size: 17px;
        line-height: 26px;
        margin-bottom: 7px;
    }
    .team-l1-t2 {
        font-weight: 400;
        font-size: 14px;
        line-height: 26px;
        color: #707070;
    }
    .team-b2-title {
        font-size: 20px;
        line-height: 30px;
        margin-top: 48px;
        margin-bottom: 24px;
    }
    .team-b2-tl2 {
        font-weight: 900;
        font-size: 20px;
        line-height: 30px;
        margin-top: 0;
        margin-bottom: 24px;
    }
    .team-b2-list2, .team-b2-list3  {
        flex-direction: row;
        flex-wrap: wrap;
    }
    .team-b2-l3-item:hover .team-l3-img {
        transform: translate(0px, 0%) scale(1);
    }
    .team-l2-img, .team-l3-img {
        height: 100%;
        width: auto;
        min-width: 0;
        transform: scale(1);
        object-fit: cover;
    }
    .team-l2-t1, .team-l3-t1 {
        font-weight: 900;
        font-size: 17px;
        line-height: 26px;
    }
    .team-l2-t2, .team-l3-t2 {
        font-weight: 400;
        font-size: 14px;
        line-height: 22px;
    }

    .team-b4-title {
        font-size: 20px;
        line-height: 30px;
        margin-bottom: 28px;
    }
    .team-b4-list4 {
        display: flex;
    }
    .team-b4-l4-bg {
        width: calc(100% * 1/3 - var(--theme-spacing) / 2);
        margin-right: var(--theme-spacing);
        margin-bottom: 24px;
        background: linear-gradient(336.13deg, #FFFFFF 15.41%, #D8D8D8 84.73%);
        border: 0;
    }
    .team-b4-l4-bg:nth-child(2n) {
        margin-right: 0;
    }
    .team-b4-l4-bg:nth-child(3n) {
        margin-right: 0;
    }
    .team-l4-img {
        height: 226px;
        width: 100%;
        transform: scale(1);
    }
    .team-l4-test {
        min-height: 100px;
        height: auto;
        padding: 12px;
    }
    .team-l4-t1 {
        font-weight: 900;
        font-size: 17px;
        line-height: 26px;
        margin-bottom: 4px;
    }
    .team-l4-t2 {
        display: block;
        font-weight: 400;
        font-size: 14px;
        line-height: 22px;
    }
    .team-b2-l1-item:hover .team-l1-hover-block {
        opacity: 0;
    }
}
@media (max-width: 768px) { /* 屏幕宽度小于768px */
    .team-b2-bg {
        margin-top: 70px;
        padding-top: 85px;
    }
    .team-l1-test {
        border-bottom: 4px solid var(--theme-Primary-color);
        display: flex;
        flex-direction: column;
        justify-content: center;
    }
    .team-b1-test1 {
        font-weight: 900;
        font-size: 20px;
        line-height: 30px;
    }
    .team-b1-test2 {
        font-weight: 400;
        font-size: 16px;
        line-height: 26px;
    }
    .team-b2-tb {
        width: calc((var(--master-width) - var(--theme-spacing) * 13) * (5 / 12) + var(--theme-spacing) * 4);
        height: 110px;
    }
    .team-b2-t-title {
        font-weight: 900;
        font-size: 20px;
        line-height: 30px;
        top: var(--theme-spacing);
        left: var(--theme-spacing);
        right: 0;
    }
    .team-b2-t-arrow {
        left: var(--theme-spacing);
    }
    .team-l1-t1 {
        font-weight: 900;
        font-size: 17px;
        line-height: 26px;
    }
    .team-l1-t2 {
        font-weight: 400;
        font-size: 14px;
        line-height: 22px;
    }
    .team-l1-ts {
        font-weight: 900;
        font-size: 17px;
        line-height: 26px;
    }
    .team-b2-title {
        font-weight: 900;
        font-size: 20px;
        line-height: 30px;
        margin-top: 24px;
        margin-bottom: 24px;
    }
    .team-b2-tl2 {
        font-weight: 900;
        font-size: 20px;
        line-height: 30px;
        margin-top: 24px;
        margin-bottom: 24px;
    }
    .team-b2-list1 {
        flex-wrap: wrap;
        margin-top: 48px;
    }
    .team-b2-l1-item {
        width: calc((100% - var(--theme-spacing)) / 2);
        margin-bottom: 24px;
    }
    .team-b2-l1-item:nth-child(2n) {
        margin-right: 0;
    }
    .team-b2-list2 {
        flex-wrap: wrap;
    }
    .team-b2-l2-bg {
        width: calc((100% - var(--theme-spacing)) / 2);
        margin-bottom: 24px;
    }
    .team-b2-l2-bg:nth-child(2n) {
        margin-right: 0;
    }
    .g-s-t-b-right {
    }

    .team-l2-t1, .team-l3-t1 {
        font-weight: 900;
        font-size: 17px;
        line-height: 26px;
    }
    .team-l2-t2, .team-l3-t2 {
        font-weight: 400;
        font-size: 14px;
        line-height: 22px;
    }
}