@media (max-width: 768px) {

    /* 这里就是10/16x100%=62.5% 也就是默认10px的字号 */
    html {
        font-size: 62.5%;
    }

    .teamTop {}

    .teamTop-bg {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        height: 497px;
        background-image: url("../img/web/teambition/1.png")/*tpa=https://tbdingtalk.com/assets/addons/cms/img/web/teambition/1.png*/;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
        position: relative;
        overflow: hidden;
    }

    .teamTop-con {
        width: 100%;
        height: 300px;
        text-align: center;
        position: relative;
    }

    .teamTop-con img {
        transition: all 0.3s linear;
    }

    .teamTop-bg-icon2 {
        width: 15rem;
        position: absolute;
        top: 0rem;
        left: -10rem;
    }

    .teamTop-bg-icon3 {
        width: 150px;
        position: absolute;
        top: 213px;
        left: -260px;
    }

    /* .teamTop:hover .teamTop-bg-icon3 {
        top: 223px;
        left: -270px;
        transition: all 0.3s linear;
    } */
    .teamTop-bg-icon4 {
        width: 7.2rem;
        position: absolute;
        top: -3rem;
        left: -2rem;
    }

    .teamTop-bg-icon5 {
        width: 6rem;
        position: absolute;
        top: 3.5rem;
        left: 1.2rem;
    }

    .teamTop-bg-icon6 {
        width: 9rem;
        position: absolute;
        top: 1.5rem;
        left: 30.7rem;
    }

    .teamTop-bg-icon7 {
        width: 20rem;
        position: absolute;
        top: -2.5rem;
        left: 30rem;
        overflow: hidden;
    }

    .teamTop-bg-icon8 {
        width: 340px;
        position: absolute;
        top: 290px;
        left: 310px;
    }

    .teamTop-con-title {
        color: #212121;
        font-weight: 700;
        font-size: 30px;
        line-height: 34px;
    }

    .teamTop-con-text {
        font-family: 'PingFangSC';
        font-style: normal;
        font-size: 14px;
        /* color: #9fa4b7; */
        line-height: 28px;
        margin-top: 20px;
    }

    /* 语录部分 */
    .quotation {
        max-width: 100%;
        height: 500px;
        margin: 0px auto;
    }

    .quotation-image {
        width: 90%;
        display: none;
    }

    .quotation-image.mobile {
        display: inline-block;
    }

    /* .qu-major{
        display: none !important;
    }

    .qu-rem {
        display: inline-block;
        width: 100%;
        text-align: center;
        transition: all 1s;
    } */

    /* .qu-rem{
        display: inline-block;
        width: 100%;
        text-align: center;
        transition: all 1s;
    } */

    /* .quotation-image{
        width: 100%;
    } */


    /* 行业、角色、场景 */
    .industry {
        max-width: 100%;
        height: 400px;
        text-align: center;
        margin: 0px auto;
        padding-bottom: 68px;
        /* margin-top: 15rem; */
    }

    .industry-con {
        white-space: nowrap;
        display: none;
        overflow-x: scroll
    }

    .industry-list {
        width: 180px;
        height: 210px;
        display: inline-flex;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: center;
        justify-content: center;
        background: #f5f9ff;
        border-radius: 30px;
        text-align: center;
        margin-right: 24px;
        transform: translateX(150px);
        transition: all 1s;
        opacity: 0;
    }

    .industry-list-icon {
        width: 64px;
        height: 64px;
        margin-bottom: 20px;
    }

    .industry-list-title {
        font-weight: 600;
        font-size: 16px;
        color: #212121;
        margin-bottom: 10px;
    }

    .industry-list-text {
        font-size: 12px;
        line-height: 28px;
        width: 160px;
        white-space: normal;
        word-break: break-all;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;
        color: #8697b4;
    }

    /* 项目管理 */
    .teamCon {
        display: block;
        width: 100%;
        overflow: hidden;
    }

    .teamCon-left {
        display: block;
        width: 100%;
    }

    .teamCon-right {
        display: block;
        width: 100%;
    }

    .teamNav {
        display: flex;
        align-items: center;
        justify-content: space-between;
        width: 92%;
        margin: 2rem auto 40px;
    }

    .teamNav-list {
        padding: 5px 4px;
        margin-right: 0px;
        opacity: 0.4;
    }

    .teamNav-list.active {
        opacity: 1;
    }

    .teamNav-list-icon {
        width: auto;
        height: 16px;
        margin-right: 5px;
    }

    .teamCon-left-list {
        display: inline-block;
        width: 100%;
        height: auto;
        margin-right: -4px;
        margin-bottom: 2rem;
    }

    .teamCon-left-title {
        font-size: 14px;
        margin-bottom: 4px;
    }

    .teamCon-left-text .project-title {
        font-size: 24px;
        line-height: 32px;
        margin-bottom: 12px;
    }

    .teamCon-left-text .project-text {
        font-size: 14px;
        line-height: 20px;
    }

    .teamCon-right-list {
        display: inline-block;
        width: 100%;
    }

    .teamCon-right-list.row {
        margin-left: 0px;
        margin-right: -4px;
    }

    .office {
        margin: 0px 0px 50px;
    }

    .customer-img {
        /* padding: 10px; */
        /* width: 240px; */
    }


    /* 客户服务体系 */
    .customer {
        max-width: 100%;
        margin: 0px auto;
        text-align: center;
        padding-bottom: 215px;
    }

    .customer-con {
        display: flex;
        justify-content: space-around;
        flex-wrap: wrap;
    }

    .customer-img {
        padding: 10px;
        /* width: 240px; */
    }

    .customer-img img {
        width: 100%;
        padding: 10px;
        /* width: 240px; */
    }

    /* 开始使用 */
    .bottom-bg {
        width: 100%;
        position: absolute;
        top: 0px;
        left: 50%;
        margin-left: -383px;
        z-index: -1;
    }

    .office-list-title {
        font-size: 2.2rem;
    }

    .office-list-text {
        font-size: 1.4rem;
    }

    .industry-nav-list {
        font-size: 2rem;
    }

    .customer .customer-subtitle {
        font-size: 16px;
        line-height: 2.4rem;
    }

    .bottom-subtitle {
        font-weight: 400;
        font-size: 16px;
        line-height: 24px;
        position: relative;
    }

}

@media screen and (min-device-width: 768px) and (max-device-width: 1366px) {


    /* 这里就是10/16x100%=62.5% 也就是默认10px的字号 */
    html {
        font-size: 62.5%;
    }

    .customer {
        max-width: 100%;
        margin: 40px auto 0px;
        text-align: center;
        padding-bottom: 215px;
    }

    .customer-img img {
        width: 100%;
        padding: 6px;
        /* width: 240px; */
    }

    .industry-nav-list {
        font-size: 3rem;
    }

    .teamTop {}

    .teamTop-bg {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        height: 797px;
        background-image: url("../img/web/teambition/1.png")/*tpa=https://tbdingtalk.com/assets/addons/cms/img/web/teambition/1.png*/;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
        position: relative;
        overflow: hidden;
    }

    .teamTop-con {
        width: 600px;
        height: 400px;
        text-align: center;
        position: relative;
    }

    .teamTop-con img {
        transition: all 0.3s linear;
    }

    .teamTop-bg-icon2 {
        width: 248px;
        position: absolute;
        top: 84px;
        left: -209px;
    }

    .teamTop-bg-icon3 {
        width: 150px;
        position: absolute;
        top: 213px;
        left: -260px;
    }

    /* .teamTop:hover .teamTop-bg-icon3 {
        top: 223px;
        left: -270px;
        transition: all 0.3s linear;
    } */
    .teamTop-bg-icon4 {
        width: 100px;
        position: absolute;
        top: 61px;
        left: -48px;
    }

    .teamTop-bg-icon5 {
        width: 105px;
        position: absolute;
        top: 157px;
        left: -15px;
    }

    .teamTop-bg-icon6 {
        width: 150px;
        position: absolute;
        top: 118px;
        left: 554px;
    }

    .teamTop-bg-icon7 {
        width: 330px;
        position: absolute;
        top: 55px;
        left: 540px;
    }

    .teamTop-bg-icon8 {
        width: 340px;
        position: absolute;
        top: 290px;
        left: 310px;
    }

    .teamTop-con-title {
        color: #212121;
        font-weight: 700;
        font-size: 60px;
        line-height: 74px;
    }

    .teamTop-con-text {
        font-family: 'PingFangSC';
        font-style: normal;
        font-size: 14px;
        /* color: #9fa4b7; */
        line-height: 28px;
        margin-top: 20px;
    }


    /* 语录部分 */
    .quotation {
        max-width: 100%;
        height: 500px;
        margin: 0px auto;
    }

    .quotation-image {
        width: 36%;
        display: none;
    }

    .quotation-image.mobile {
        display: inline-block;
    }


    /* 行业、角色、场景 */
    .industry {
        max-width: 100%;
        height: 400px;
        text-align: center;
        margin: 0px auto;
        padding-bottom: 68px;
        /* margin-top: 15rem; */
    }

    .industry-con {
        white-space: nowrap;
        display: none;
        overflow-x: scroll;
        padding: 0rem 3rem;
    }

    .industry-list {
        width: 210px;
        height: 240px;
        display: inline-flex;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: center;
        justify-content: center;
        background: #f5f9ff;
        border-radius: 30px;
        text-align: center;
        margin-right: 24px;
        transform: translateX(150px);
        transition: all 1s;
        opacity: 0;
    }

    .industry-list-icon {
        width: 80px;
        height: 80px;
        margin-bottom: 22px;
    }

    .industry-list-title {
        font-weight: 600;
        font-size: 18px;
        color: #212121;
        margin-bottom: 10px;
    }

    .industry-list-text {
        font-size: 14px;
        line-height: 28px;
        width: 160px;
        white-space: normal;
        word-break: break-all;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;
        color: #8697b4;
    }

     /* 项目管理 */
     .teamCon {
        display: block;
        width: 100%;
        overflow: hidden;
    }

    .teamCon-left {
        display: block;
        width: 100%;
    }

    .teamCon-right {
        display: block;
        width: 100%;
    }

    .teamNav {
        display: flex;
        align-items: center;
        justify-content: space-between;
        width: 45%;
        margin: 2rem auto 40px;
    }

    .teamNav-list {
        padding: 5px 4px;
        margin-right: 0px;
        opacity: 0.4;
    }

    .teamNav-list.active {
        opacity: 1;
    }

    .teamNav-list-icon {
        width: auto;
        height: 16px;
        margin-right: 5px;
    }

    .teamCon-left-list {
        display: inline-block;
        width: 100%;
        height: auto;
        margin-right: -4px;
        margin-bottom: 2rem;
    }

    .teamCon-left-title {
        font-size: 20px;
        margin-bottom: 10px;
    }

    .teamCon-left-text .project-title {
        font-size: 30px;
        line-height: 32px;
        margin-bottom: 12px;
    }

    .teamCon-left-text .project-text {
        font-size: 18px;
        line-height: 24px;
    }

    .teamCon-right-list {
        display: inline-block;
        width: 100%;
    }

    .teamCon-right-list.row {
        margin-left: 0px;
        margin-right: -4px;
    }

    .office {
        margin: 0px 0px 50px;
    }

    .customer-img {
        /* padding: 10px; */
        /* width: 240px; */
    }





}