.home .banner {

    position: relative

}



.home .banner::before {

    content: '';

    display: block;

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    background: rgba(0, 0, 0, 0.2)

}



.home .banner img {

    width: 100%;

    display: block;

    object-fit: cover;

    height: 33vh

}



.home .banner .text {

    position: absolute;

    left: 0;

    width: 100%;

    bottom: 1.5625vw;

    color: white;

    padding: 0 10.41667vw

}



.home .banner .text .p1 {

    font-size: 1.5625vw;

    font-weight: 600;

    line-height: 1

}



.home .banner .text .des {

    font-size: 1.04167vw;

    margin-top: 1.04167vw;

    line-height: 1.3;

    font-weight: 200

}



.home .nav_menu {

    background: #F5F5F5;

    padding: 0 10.41667vw;

    display: flex;

    align-items: center

}



.home .nav_menu a {

    display: block;

    padding: 1.04167vw 2.29167vw;

    color: #222;

    font-size: .88542vw;

    line-height: 1.2;

    transition: all 600ms;

    cursor: pointer

}



.home .nav_menu a:hover {

    background: #FFF;

    color: #E6001A

}



.home .nav_menu .on {

    background: #FFF;

    color: #E6001A

}



.home .nav_menu span {

    width: 1px;

    height: .52083vw;

    background: #CCC

}



.home .container {

    margin: 4.16667vw 10.41667vw 8.33333vw 10.41667vw

}



.home .container .section1 .t {

    color: #000;

    font-size: 1.66667vw;

    margin: 0 1.40625vw

}



.home .container .section1 .people .item1 {

    display: flex;

    justify-content: space-between;

    gap: 3.125vw;

    margin-top: 3.125vw

}



.home .container .section1 .people .item1 .pic {

    width: 12%;

    overflow: hidden

}



.home .container .section1 .people .item1 .pic img {

    width: 100%;

    display: block;

    object-fit: cover;

    transition: all 600ms

}



.home .container .section1 .people .item1 .info {

    width: 85%

}



.home .container .section1 .people .item1 .info .name {

    font-size: 1.25vw;

    line-height: 1.4;

    margin-top: 1.5625vw;

    font-weight: bold

}



.home .container .section1 .people .item1 .info .tag {

    margin: .625vw 0 1.875vw 0;

    font-size: .9375vw

}



.home .container .section1 .people .item1 .info .des {

    color: #666;

    font-size: .83333vw;

    line-height: 1.625

}



.home .container .section1 .people .item1:hover .pic img {

    transform: scale(1.05)

}

.home .container .section1 .people .item1{

    width: 100%;

}

.home .container .section1 .people{

    display: flex;

    justify-content: space-between;

    flex-wrap: wrap;

}

/**/



.home .container .section1 .people .item2 {

    width: 50%;

    padding: 2.08333vw 1.5625vw;

    text-align: center;



}



.home .container .section1 .people .item2 .pic img {

    width: 8.33333vw;

    height: 8.33333vw;

    border-radius: 50%;

    transition: all 600ms

}



.home .container .section1 .people .item2 .name {

    margin: 1.25vw 0 .41667vw 0;

    font-size: 1.25vw;

    font-weight: 600

}



.home .container .section1 .people .item2 .tag {

    color: #333;

    font-size: .83333vw;

    line-height: 2;

    margin-bottom: 1.45833vw

}



.home .container .section1 .people .item2 .des {

    color: #666;

    font-size: .83333vw;

    line-height: 1.625

}



.home .container .section1 .people .item2:hover .pic img {

    transform: scale(1.05)

}

/**/

.home .container .section2 {

    margin: 3.125vw 0;

    display: flex;

    justify-content: space-between

}



.home .container .section2 .item {

    width: 50%;

    padding: 2.08333vw 1.5625vw;

    text-align: center

}



.home .container .section2 .item .pic img {

    width: 8.33333vw;

    height: 8.33333vw;

    border-radius: 50%;

    transition: all 600ms

}



.home .container .section2 .item .name {

    margin: 1.25vw 0 .41667vw 0;

    font-size: 1.25vw;

    font-weight: 600

}



.home .container .section2 .item .tag {

    color: #333;

    font-size: .83333vw;

    line-height: 2;

    margin-bottom: 1.45833vw

}



.home .container .section2 .item .des {

    color: #666;

    font-size: .83333vw;

    line-height: 1.625

}



.home .container .section2 .item:hover .pic img {

    transform: scale(1.05)

}



.home .container .section3 {

    margin: 4.58333vw 0

}



.home .container .section3 .t {

    font-size: 1.66667vw

}



.home .container .section3 .list {

    display: flex;

    margin-top: 2.08333vw

}



.home .container .section3 .list .item {

    width: 25%;

    padding: 2.08333vw 1.5625vw;

    text-align: center

}



.home .container .section3 .list .item .pic img {

    width: 8.33333vw;

    height: 8.33333vw;

    border-radius: 50%;

    transition: all 600ms

}



.home .container .section3 .list .item .name {

    margin: 1.25vw 0 .41667vw 0;

    font-size: 1.25vw;

    font-weight: 600

}



.home .container .section3 .list .item .tag {

    color: #333;

    font-size: .83333vw;

    line-height: 2;

    margin-bottom: 1.45833vw

}



.home .container .section3 .list .item .des {

    color: #666;

    font-size: .83333vw;

    line-height: 1.625;

    text-align: justify

}



.home .container .section3 .list .item:hover .pic img {

    transform: scale(1.05)

}



.home .container .section3 .list_3 .item {

    width: 33%

}



.home .container .section3 .list_2 .item {

    width: 50%

}



.home .container .section4, .home .container .section5, .home .container .section6 {

    margin: 4.58333vw 0

}



.home .container .section4 .t, .home .container .section5 .t, .home .container .section6 .t {

    font-size: 1.66667vw

}



.home .container .section4 .list, .home .container .section5 .list, .home .container .section6 .list {

    margin-top: 2.08333vw;

    position: relative

}



.home .container .section4 .list .prev, .home .container .section5 .list .prev, .home .container .section6 .list .prev {

    position: absolute;

    left: -1.04167vw;

    top: 50%;

    transform: translateY(-50%);

    background: rgba(0, 0, 0, 0.2);

    border-radius: 50%;

    width: 2.08333vw;

    height: 2.08333vw;

    display: flex;

    align-items: center;

    justify-content: center;

    cursor: pointer;

    z-index: 10

}



.home .container .section4 .list .prev img, .home .container .section5 .list .prev img, .home .container .section6 .list .prev img {

    display: block;

    width: .52083vw

}



.home .container .section4 .list .next, .home .container .section5 .list .next, .home .container .section6 .list .next {

    position: absolute;

    right: -1.04167vw;

    top: 50%;

    transform: translateY(-50%);

    background: rgba(0, 0, 0, 0.2);

    border-radius: 50%;

    width: 2.08333vw;

    height: 2.08333vw;

    display: flex;

    align-items: center;

    justify-content: center;

    cursor: pointer;

    z-index: 10

}



.home .container .section4 .list .next img, .home .container .section5 .list .next img, .home .container .section6 .list .next img {

    display: block;

    width: .52083vw

}



.home .container .section4 .list .item, .home .container .section5 .list .item, .home .container .section6 .list .item {

    width: 100%;

    padding: 2.08333vw 1.5625vw;

    text-align: center

}



.home .container .section4 .list .item .pic img, .home .container .section5 .list .item .pic img, .home .container .section6 .list .item .pic img {

    width: 8.33333vw;

    height: 8.33333vw;

    border-radius: 50%;

    transition: all 600ms

}



.home .container .section4 .list .item .name, .home .container .section5 .list .item .name, .home .container .section6 .list .item .name {

    margin: 1.25vw 0 .41667vw 0;

    font-size: 1.25vw;

    font-weight: 600

}



.home .container .section4 .list .item .tag, .home .container .section5 .list .item .tag, .home .container .section6 .list .item .tag {

    color: #333;

    font-size: .83333vw;

    line-height: 2;

    margin-bottom: 1.45833vw

}



.home .container .section4 .list .item .des, .home .container .section5 .list .item .des, .home .container .section6 .list .item .des {

    color: #666;

    font-size: .83333vw;

    line-height: 1.625;

    text-align: justify

}



.home .container .section4 .list .item:hover .pic img, .home .container .section5 .list .item:hover .pic img, .home .container .section6 .list .item:hover .pic img {

    transform: scale(1.05)

}



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

    .home .banner img {

        height: 300px

    }


/* 
    .home .nav_menu {

        padding: 0

    }



    .home .nav_menu a {

        padding: 15px 10px;

        font-size: 14px

    }



    .home .nav_menu span {

        height: 10px

    } */

            .home .nav_menu {
        padding: 0;
        width: 100%;
        overflow-x: scroll;
         display: inline-block;
         white-space: nowrap;
        /* flex-wrap: wrap */
    }

    .home .nav_menu a {
        padding: 15px 10px;
        font-size: 14px;
        display: inline-block;
    }

    .home .nav_menu span {
        height: 10px
    }



    .home .container {

        margin: 30px 5%

    }



    .home .container .section1 .t {

        font-size: 24px;

        margin: 0

    }



    .home .container .section1 .people .item {

        margin-top: 30px;

        flex-direction: column;

        gap: 0

    }



    .home .container .section1 .people .item .pic {

        width: 100%

    }



    .home .container .section1 .people .item .info {

        width: 100%;

        margin-top: 20px

    }



    .home .container .section1 .people .item .info .name {

        font-size: 20px;

        margin-top: 0

    }



    .home .container .section1 .people .item .info .tag {

        font-size: 16px;

        margin: 5px 0 10px 0

    }



    .home .container .section1 .people .item .info .des {

        font-size: 14px

    }

    /**/

    .home .container .section1 .people .item2 {

        width: 100%;

        padding: 20px 10px

    }



    .home .container .section1 .people .item2 .pic img {

        width: 150px;

        height: 150px

    }



    .home .container .section1 .people .item2 .name {

        font-size: 20px;

        margin: 15px 0 5px 0

    }



    .home .container .section1 .people .item2 .tag {

        font-size: 16px;

        margin: 5px 0 10px 0;

        line-height: 1.5

    }



    .home .container .section1 .people .item2 .des {

        font-size: 14px

    }



    /**/





    .home .container .section2 {

        margin: 30px 0;

        flex-direction: column

    }



    .home .container .section2 .item {

        width: 100%;

        padding: 20px 10px

    }



    .home .container .section2 .item .pic img {

        width: 150px;

        height: 150px

    }



    .home .container .section2 .item .name {

        font-size: 20px;

        margin: 15px 0 5px 0

    }



    .home .container .section2 .item .tag {

        font-size: 16px;

        margin: 5px 0 10px 0;

        line-height: 1.5

    }



    .home .container .section2 .item .des {

        font-size: 14px

    }



    .home .container .section3 {

        margin: 30px 0;

        flex-direction: column

    }



    .home .container .section3 .t {

        font-size: 24px;

        margin: 0

    }



    .home .container .section3 .list {

        flex-direction: column

    }



    .home .container .section3 .list .item {

        width: 100%;

        padding: 20px 10px

    }



    .home .container .section3 .list .item .pic img {

        width: 150px;

        height: 150px

    }



    .home .container .section3 .list .item .name {

        font-size: 20px;

        margin: 15px 0 5px 0

    }



    .home .container .section3 .list .item .tag {

        font-size: 16px;

        margin: 5px 0 10px 0;

        line-height: 1.5

    }



    .home .container .section3 .list .item .des {

        font-size: 14px

    }



    .home .container .section4, .home .container .section5, .home .container .section6 {

        margin: 30px 0;

        flex-direction: column

    }



    .home .container .section4 .t, .home .container .section5 .t, .home .container .section6 .t {

        font-size: 24px;

        margin: 0

    }



    .home .container .section4 .list .prev, .home .container .section4 .list .next, .home .container .section5 .list .prev, .home .container .section5 .list .next, .home .container .section6 .list .prev, .home .container .section6 .list .next {

        width: 35px;

        height: 35px

    }



    .home .container .section4 .list .prev img, .home .container .section4 .list .next img, .home .container .section5 .list .prev img, .home .container .section5 .list .next img, .home .container .section6 .list .prev img, .home .container .section6 .list .next img {

        width: 8px

    }



    .home .container .section4 .list .item, .home .container .section5 .list .item, .home .container .section6 .list .item {

        width: 100%;

        padding: 20px 10px

    }



    .home .container .section4 .list .item .pic img, .home .container .section5 .list .item .pic img, .home .container .section6 .list .item .pic img {

        width: 150px;

        height: 150px

    }



    .home .container .section4 .list .item .name, .home .container .section5 .list .item .name, .home .container .section6 .list .item .name {

        font-size: 20px;

        margin: 15px 0 5px 0

    }



    .home .container .section4 .list .item .tag, .home .container .section5 .list .item .tag, .home .container .section6 .list .item .tag {

        font-size: 16px;

        margin: 5px 0 10px 0;

        line-height: 1.5

    }



    .home .container .section4 .list .item .des, .home .container .section5 .list .item .des, .home .container .section6 .list .item .des {

        font-size: 14px

    }

}