#banner {
    width: 100%;
    padding: 2rem;

    float: left;
    margin-top: 6rem;

    .banners {
        width: 100%;
        display: flex;
        justify-content: space-between;
        align-items: center;

        .banner1 {
            width: 57%;

            img {
                width: 100%;
                object-fit: cover;
                border-radius: 2rem;
            }
        }

        .banner2 {
            width: 41%;
            background-color: #fefefe;
            border-radius: 1.5rem;
            padding: 3rem 2rem 5rem 2rem;
            height: 100%;

            .banner21 {
                font-size: 25px;
                color: #f4913a;
                padding-bottom: 2rem;
                border-bottom: 1px solid #e3e3e3;

                p {
                    font-size: 14px;
                    color: #a4a2a2;
                }
            }

            .banner22 {
                font-size: 25px;
                color: #000;
                padding: 2rem 0rem;
                border-bottom: 1px solid #e3e3e3;

                .aa {
                    float: left;
                    font-size: 28px;
                    color: #f4913a;
                }

                p {
                    font-size: 14px;
                    margin-top: 5px;
                    color: #5e5e5e;
                }
            }

            .banner23 {
                padding: 2rem 0rem;
                border-bottom: 1px solid #e3e3e3;

                .banner23s {
                    font-size: 20px;
                    color: #738296;

                    span {
                        color: #f4913a;
                    }

                }
            }

        }
    }

    @media screen and(max-width:1030px) {
        .banners {
            .banner2 {
                padding: 2rem;

                .banner21 {
                    font-size: 20px;
                    padding-bottom: 1rem;

                    p {
                        font-size: 12px;
                    }
                }

                .banner22 {
                    font-size: 20px;
                    padding: 1rem 0;

                    .aa {
                        font-size: 22px;
                    }

                    p {
                        font-size: 12px;
                    }
                }

                .banner23 {
                    padding: 1rem 0;

                    .banner23s {
                        font-size: 14px;
                    }
                }
            }
        }
    }

    @media screen and(max-width:846px) {
        .banners {
            .banner2 {
                padding: 1.5rem;

                .banner21 {
                    font-size: 17px;
                    padding-bottom: 1rem;

                    p {
                        font-size: 10px;
                    }
                }

                .banner22 {
                    font-size: 17px;
                    padding: 1rem 0;

                    .aa {
                        font-size: 20px;
                    }

                    p {
                        font-size: 10px;
                    }
                }

                .banner23 {
                    padding: 1rem 0;

                    .banner23s {
                        font-size: 12px;
                    }
                }
            }
        }
    }

    @media screen and(max-width:720px) {
        .banners {
            flex-direction: column;

            .banner1 {
                width: 100%;
            }

            .banner2 {
                width: 100%;
                padding: 2rem;
                margin-top: 2rem;

                .banner21 {
                    font-size: 25px;
                    padding-bottom: 2rem;

                    p {
                        font-size: 18px;
                    }
                }

                .banner22 {
                    font-size: 25px;
                    padding: 2rem 0;

                    .aa {
                        font-size: 25px;
                    }

                    p {
                        font-size: 18px;
                    }
                }

                .banner23 {
                    padding: 2rem 0;

                    .banner23s {
                        font-size: 18px;
                    }
                }
            }
        }

    }

    @media screen and(max-width:490px) {
        .banners {
            flex-direction: column;

            .banner1 {
                width: 100%;
            }

            .banner2 {
                width: 100%;
                padding: 2rem;
                margin-top: 2rem;

                .banner21 {
                    font-size: 18px;
                    padding-bottom: 1.5rem;

                    p {
                        font-size: 14px;
                    }
                }

                .banner22 {
                    font-size: 18px;
                    padding: 1.5rem 0;

                    .aa {
                        font-size: 18px;
                    }

                    p {
                        font-size: 14px;
                    }
                }

                .banner23 {
                    padding: 1.5rem 0;

                    .banner23s {
                        font-size: 13px;
                    }
                }
            }
        }

    }
}

#taem {
    width: 100%;
    float: left;
    padding: 2rem;

    .teams {
        padding: 2rem;
        background-color: #fefefe;
        border-radius: 2rem;

        .teamkg1 {
            padding: 1rem 1rem 0rem 1rem;

            .teamkg1tx1 {
                font-size: 25px;
            }
        }

        .teamskg {
            width: 100%;
            display: flex;
            align-items: center;
            padding: 2rem 0;
            border-bottom: 1px solid #e3e3e3;

            .teamskg1 {
                width: 30%;
                cursor: pointer;

                img {
                    width: 100%;
                    object-fit: cover;
                    border-radius: 1rem;
                }
            }

            .teamskg2 {
                width: 70%;
                padding-left: 2rem;

                .teamskg21 {
                    display: flex;
                    align-items: center;
                    cursor: pointer;

                    .teamskg21tx1 {
                        font-size: 22px;
                        font-weight: bold;
                        color: #000;
                    }

                    .teamskg21tx2 {
                        width: 60px;
                        height: 22px;
                        border-radius: 4px;
                        background-color: #f4913a;
                        font-size: 12px;
                        color: #fefefe;
                        text-align: center;
                        line-height: 22px;
                        margin-left: 1rem;
                    }
                }

                .teamskg22 {
                    margin-top: 1rem;
                    cursor: pointer;

                    .teamskg22tx1 {
                        font-size: 15px;
                        color: #738296;

                        span {
                            color: #f4913a;
                            font-weight: bold;
                        }
                    }
                }

                .teamskg23 {
                    margin-top: 1rem;
                    font-size: 15px;
                    color: #5e5e5e;
                    cursor: pointer;
                    display: -webkit-box;
                    overflow: hidden;
                    text-overflow: ellipsis;
                    -webkit-box-orient: vertical;
                    -webkit-line-clamp: 2;
                }
            }
        }
    }

    @media screen and(max-width:860px) {
        .teams {
            .teamkg1 {
                .teamkg1tx1 {
                    font-size: 20px;
                }
            }

            .teamskg {
                .teamskg2 {
                    .teamskg21 {
                        .teamskg21tx1 {
                            font-size: 17px;
                        }

                        .teamskg21tx2 {
                            width: 50px;
                            height: 20px;
                            line-height: 20px;
                            font-size: 10px;
                        }
                    }

                    .teamskg22 {
                        margin-top: 3px;

                        .teamskg22tx1 {
                            font-size: 12px;
                        }
                    }

                    .teamskg23 {
                        margin-top: 3px;
                        font-size: 12px;
                    }
                }
            }
        }
    }

    @media screen and(max-width:640px) {
        .teams {
            .teamkg1 {
                .teamkg1tx1 {
                    font-size: 16px;
                }
            }

            .teamskg {
                .teamskg2 {
                    padding-left: 1rem;

                    .teamskg21 {
                        .teamskg21tx1 {
                            font-size: 14px;
                        }

                        .teamskg21tx2 {
                            width: 35px;
                            height: 15px;
                            line-height: 15px;
                            font-size: 7px;
                        }
                    }

                    .teamskg22 {
                        margin-top: 1px;

                        .teamskg22tx1 {
                            font-size: 9px;
                        }
                    }

                    .teamskg23 {
                        margin-top: 3px;
                        font-size: 9px;
                    }
                }
            }
        }
    }

    @media screen and(max-width:475px) {
        .teams {
            .teamkg1 {
                .teamkg1tx1 {
                    font-size: 14px;
                }
            }

            .teamskg {
                padding: 1rem 0;

                .teamskg2 {
                    padding-left: 1rem;

                    .teamskg21 {
                        .teamskg21tx1 {
                            font-size: 12px;
                        }

                        .teamskg21tx2 {
                            width: 35px;
                            height: 15px;
                            line-height: 15px;
                            font-size: 7px;
                        }
                    }

                    .teamskg22 {
                        margin-top: 0px;

                        .teamskg22tx1 {
                            font-size: 7px;
                        }
                    }

                    .teamskg23 {
                        margin-top: 0 px;
                        font-size: 7px;
                    }
                }
            }
        }
    }
}

#about {
    width: 100%;
    float: left;
    padding: 2rem;

    .abouts {   
        width: 100%;
        float: left;
        padding: 2rem;
        background-color: #fefefe;
        border-radius: 2rem;

        .abouts1 {
            width: 100%;
            float: left;
            display: flex;

            .abouts1img {
                width: 50%;

                img {
                    width: 100%;
                    object-fit: cover;
                    border-radius: 2rem;
                }
            }

            .abouts1tx {
                width: 50%;
                padding-left: 3rem;

                .abouts1tx1 {
                    font-size: 27px;

                    p {
                        color: #2cc69f;
                    }
                }

                .abouts1tx11 {
                    margin-top: 2rem;
                    width: 45px;
                    height: 2px;
                    background-color: #ff7f5b;
                }

                .abouts1tx2 {
                    margin-top: 2rem;
                    color: #777777;
                }

                .abouts1tx3 {
                    margin-top: 4rem;
                    width: 200px;
                    height: 50px;
                    line-height: 50px;
                    text-align: center;
                    background-color: #2cc69f;
                    border-radius: 2.5rem;
                    font-size: 17px;
                    font-weight: lighter;
                    color: #fefefe;
                    cursor: pointer;
                }
            }
        }

        .abouts2 {
            width: 100%;
            float: left;
            margin-top: 7rem;

            .abouts2box {
                width: 100%;
                .abouts2box1 {
                    width: 100%;
                    display: flex;

                    .abouts2box1kg1 {
                        width: 20%;
                        height: 65px;
                        background-color: #fefbef;
                        display: flex;
                        justify-content: center;
                        align-items: center;
                        border-radius: 3rem;

                        .abouts2box1kg11 {
                            background-color: #fefefe;
                            border-radius: 3rem;
                            width: 97%;
                            height: 56px;
                            text-align: center;
                            line-height: 56px;
                            font-size: 20px;
                            color: #707474;
                            cursor: pointer;
                        }
                        .active{
                            background-color: #fefbef;
                        }
                    }
                }

                .abouts2box2 {
                    width: 100%;
                    background-color: #fefbef;
                    margin-top: -3rem;
                    padding-top: 3rem;
                    display: flex;
                    align-items: center;
                    padding: 8rem 6rem;
                    .abouts2box2kg1 {
                        width: 30%;
                        .abouts2box2kg11 {
                            width: 22%;
                            img {
                                width: 100%;
                                object-fit: contain;
                            }
                        }
                        .abouts2box2kg12 {
                            font-size: 30px;
                            color: #000;
                            margin-top: 1rem;
                        }
    
                        .abouts2box2kg13 {
                            margin-top: 2rem;
                            width: 35px;
                            height: 2px;
                            background-color: #ff7f5b;
                        }
                        .abouts2box2kg14{
                            color: #666666;
                            font-size: 15px;
                            margin-top: 1rem;
                        }
                        .abouts2box2kg15{
                            color: #ccd0d8;
                            font-size: 12px;
                            margin-top: 1rem;
                        }
                    }
                    .abouts2box2kg2{
                        width: 70%;
                        padding-left: 1rem;
                        .abouts2box2kg21{
                            width: 50%;
                            float: left;
                            img{
                                width: 100%;
                                padding: 1rem;
                                object-fit: contain;
                                border-radius: 2rem;
                            }
                        }
                    }
                }
            }
        }
    }
    @media screen and(max-width:1030px) {
        .abouts{
            .abouts1{
                .abouts1tx{
                    .abouts1tx1{
                        font-size: 18px;
                    }
                    .abouts1tx11{
                        width: 34px;
                        margin-top: 1rem;
                    }
                    .abouts1tx2{
                        margin-top: 1rem;
                        font-size: 12px;
                    }
                    .abouts1tx3{
                        width: 150px;
                        height: 40px;
                        border-radius: 2rem;
                        font-size: 15px;
                        line-height: 40px;
                    }
                }
            }
            .abouts2{
                .abouts2box{
                    .abouts2box1{
                        .abouts2box1kg1{
                            .abouts2box1kg11{
                                font-size: 18px;
                            }
                        }
                    }
                    .abouts2box2{
                        padding: 8rem 4rem;
                        .abouts2box2kg1{
                            .abouts2box2kg12{
                                font-size: 26px;
                            }
                            .abouts2box2kg14{
                                font-size: 13px;
                            }
                            .abouts2box2kg15{
                                font-size: 10px;
                            }
                        }
                    }
                }
                
            }
        }
    }
    @media screen and(max-width:980px) {
        .abouts{
            .abouts1{
                .abouts1tx{
                    .abouts1tx1{
                        font-size: 18px;
                    }
                    .abouts1tx11{
                        width: 34px;
                        margin-top: 1rem;
                    }
                    .abouts1tx2{
                        margin-top: 1rem;
                        font-size: 12px;
                        display: -webkit-box; //创建一个伪多行文本容器
                        -webkit-line-clamp: 7;
                        -webkit-box-orient: vertical;//设置盒子的子元素是垂直排列的
                        overflow: hidden;
                        text-overflow: ellipsis;  //溢出时用省略号显示
                    }
                    .abouts1tx3{
                        width: 150px;
                        height: 40px;
                        border-radius: 2rem;
                        font-size: 15px;
                        line-height: 40px;
                        margin-top: 20px;
                    }
                }
            }
            .abouts2{
                .abouts2box{
                    .abouts2box1{
                        .abouts2box1kg1{
                            .abouts2box1kg11{
                                font-size: 18px;
                            }
                        }
                    }
                    .abouts2box2{
                        padding: 4rem 4rem;
                        .abouts2box2kg1{
                            .abouts2box2kg12{
                                font-size: 26px;
                            }
                            .abouts2box2kg14{
                                font-size: 13px;
                            }
                            .abouts2box2kg15{
                                font-size: 10px;
                            }
                        }
                        .abouts2box2kg2{
                            .abouts2box2kg21{
                                width: 100%;
                                padding: 2rem;
                                img{
                                    width: 100%;
                                    padding: 0;
                                }
                            }
                            .kg21{
                                display: none;
                            }
                        }
                    }
                }
                
            }
        }
    }
    @media screen and(max-width:786px) {
        .abouts{
            .abouts1{
                .abouts1tx{
                    .abouts1tx1{
                        font-size: 16px;
                    }
                    .abouts1tx11{
                        width: 34px;
                        margin-top: 1rem;
                    }
                    .abouts1tx2{
                        margin-top: 1rem;
                        font-size: 12px;
                        display: -webkit-box; //创建一个伪多行文本容器
                        -webkit-line-clamp: 5;
                        -webkit-box-orient: vertical;//设置盒子的子元素是垂直排列的
                        overflow: hidden;
                        text-overflow: ellipsis;  //溢出时用省略号显示
                    }
                    .abouts1tx3{
                        width: 120px;
                        height: 30px;
                        border-radius: 2rem;
                        font-size: 13px;
                        line-height: 30px;
                        margin-top: 10px;
                    }
                }
            }
            .abouts2{
                .abouts2box{
                    .abouts2box1{
                        .abouts2box1kg1{
                            .abouts2box1kg11{
                                font-size: 15px;
                            }
                        }
                    }
                    .abouts2box2{
                        padding: 4rem 4rem;
                        .abouts2box2kg1{
                            .abouts2box2kg12{
                                font-size: 23px;
                            }
                            .abouts2box2kg14{
                                font-size: 10px;
                            }
                            .abouts2box2kg15{
                                font-size: 8px;
                            }
                        }
                        .abouts2box2kg2{
                            .abouts2box2kg21{
                                width: 100%;
                                padding: 2rem;
                                img{
                                    width: 100%;
                                    padding: 0;
                                }
                            }
                            .kg21{
                                display: none;
                            }
                        }
                    }
                }
                
            }
        }
    }
    @media screen and(max-width:646px) {
        .abouts{
            .abouts1{
                flex-direction: column;
                .abouts1img{
                    width: 100%;
                }
                .abouts1tx{
                    width: 100%;
                    padding-left: 0;
                    margin-top: 2rem;
                    .abouts1tx1{
                        font-size: 20px;
                    }
                    .abouts1tx11{
                        width: 34px;
                        margin-top: 1rem;
                    }
                    .abouts1tx2{
                        margin-top: 1rem;
                        font-size: 14px;
                        display: -webkit-box; //创建一个伪多行文本容器
                        -webkit-line-clamp: 6;
                        -webkit-box-orient: vertical;//设置盒子的子元素是垂直排列的
                        overflow: hidden;
                        text-overflow: ellipsis;  //溢出时用省略号显示
                    }
                    .abouts1tx3{
                        width: 130px;
                        height: 40px;
                        border-radius: 2rem;
                        font-size: 15px;
                        line-height: 40px;
                        margin-top: 10px;
                    }
                }
            }
            .abouts2{
                .abouts2box{
                    .abouts2box1{
                        .abouts2box1kg1{
                            height: 50px;
                            .abouts2box1kg11{
                                font-size: 13px;
                            }
                        }
                    }
                    .abouts2box2{
                        padding: 3rem 3rem;
                        flex-direction: column;
                        .abouts2box2kg1{
                            width: 100%;
                            padding: 2rem;
                            .abouts2box2kg11{
                                width: 16%;
                            }
                            .abouts2box2kg12{
                                font-size: 23px;
                            }
                            .abouts2box2kg14{
                                display: none;
                            }
                            .abouts2box2kg13{
                                margin-top: 1rem;
                            }
                        }
                        .abouts2box2kg2{
                            width: 100%;
                            padding-left: 0px;
                            .abouts2box2kg21{
                                width: 100%;
                                padding: 0px;
                                img{
                                    width: 100%;
                                    padding: 0;
                                }
                            }
                            .kg21{
                                display: none;
                            }
                        }
                    }
                }
                
            }
        }
    }
    @media screen and(max-width:580px) {
        .abouts{
            .abouts1{
                flex-direction: column;
                .abouts1img{
                    width: 100%;
                }
                .abouts1tx{
                    width: 100%;
                    padding-left: 0;
                    margin-top: 2rem;
                    .abouts1tx1{
                        font-size: 20px;
                    }
                    .abouts1tx11{
                        width: 34px;
                        margin-top: 1rem;
                    }
                    .abouts1tx2{
                        margin-top: 1rem;
                        font-size: 14px;
                        display: -webkit-box; //创建一个伪多行文本容器
                        -webkit-line-clamp: 6;
                        -webkit-box-orient: vertical;//设置盒子的子元素是垂直排列的
                        overflow: hidden;
                        text-overflow: ellipsis;  //溢出时用省略号显示
                    }
                    .abouts1tx3{
                        width: 130px;
                        height: 40px;
                        border-radius: 2rem;
                        font-size: 15px;
                        line-height: 40px;
                        margin-top: 10px;
                    }
                }
            }
            .abouts2{
                display: none;
            }
        }
    }
    
}