* {
    box-sizing: border-box !important;
    list-style: none;
    padding: 0;
    margin: 0;

}

html {
    scroll-behavior: smooth;

}

/* 设置基础字体大小 */

body {
    /* color: #666666; */
    font-size: .625rem !important;
    /* font-family: "Roboto", sans-serif; */
    font-weight: normal;
}

.header {
    width: 100%;
    height: 4.9375rem;
    /* padding: 1.25rem; */
    border-top: .0625rem solid #E5E7EC;
    border-bottom: .0625rem solid #E5E7EC;
}

.header-img {
    width: 100%;
    height: 67.5rem;
    background-size: 100% 100%;
}


/* .right-list li a:hover .right-list li{
    border-bottom: .0625rem solid #3288FF;
  } */
.deon-img {
    width: 100%;
    height: 67.5rem;

}



.deonis {
    width: 100%;
    height: 37rem;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    align-items: center;
    margin-top: 3.75rem;
}

.deonis-title {
    width: 100%;
    height: 5.25rem;
    font-size: 3.75rem;
    font-family: PingFangSC-Semibold, PingFang SC;
    font-weight: 600;
    color: #373737;
    line-height: 5.25rem;
    text-align: center;
}

.deonis-text {
    width: 75rem;
    height: 22.75rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.deonis-text p {
    font-size: 1.5rem;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #2D2D2D;
    line-height: 2.25rem
}

.deonintiate {
    width: 100%;
    height: 50rem;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.deonintiate-title {
    width: 100%;
    text-align: center;
    height: 5.25rem;
    font-size: 3.75rem;
    font-family: PingFangSC-Semibold, PingFang SC;
    font-weight: 600;
    color: #373737;
    line-height: 5.25rem;
    margin-top: 4.8125rem;
}

.deonintiate-plate {
    width: 75rem;
    height: 31.25rem;
    margin-top: 3.5rem;
}

.deonintiate-list {
    width: 75rem;
    height: 31.25rem;
    display: flex;
    justify-content: space-between;

}

.deonintiate-list li {
    width: 17.75rem;
    height: 31.25rem;
    background: #F4F5F9;
    display: flex;
    flex-direction: column;
    align-items: center;
    background: linear-gradient(180deg, #F3F5F8 0%, #FFFFFF 100%);
    box-shadow: 0px 0px 12px 10px rgba(135, 171, 248, 0.1);
    border: 1px solid;
    border-image: linear-gradient(180deg, rgba(255, 255, 255, 1), rgba(255, 255, 255, 1)) 1 1;
}

.deonintiate-img {
    width: 4.5rem;
    height: 4.5rem;
    margin-top: 7.75rem;
}

.deonintiate-img img {
    width: 100%;
    height: 100%;
}

.p1 {
    font-size: 2.25rem;
    font-family: PingFangSC-Medium, PingFang SC;
    font-weight: 500;
    color: #2D2D2D;
    line-height: 3.125rem;
    margin-top: 1.75rem;
}

.p2 {
    font-size: 1.75rem;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #373737;
    line-height: 1.5rem;
    margin-top: 2.5rem;
}

.insist {
    width: 100%;
    height: 50rem;
    background: #F4F5F9;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.deoninsist {
    font-size: 3.75rem;
    font-family: PingFangSC-Semibold, PingFang SC;
    font-weight: 600;
    color: #373737;
    line-height: 5.25rem;
    text-align: center;
    padding: 3.375rem 0rem;
}

.users-top {
    width: 5.625rem;
    height: 3.125rem;
    display: flex;
    align-items: center;
    justify-content: space-around;
}

.users {
    width: 64.6875rem;
    height: 8.4375rem;

    margin-top: 1.4375rem
}

.team-top {
    width: 5.625rem;
    height: 3.125rem;
    display: flex;
    align-items: center;
    justify-content: space-around;
}

.client-top {
    width: 5.625rem;
    height: 3.125rem;
    display: flex;
    align-items: center;
    justify-content: space-around;
}

.client {
    width: 64.6875rem;
    height: 8.4375rem;
    margin-top: 3.75rem
}

.team {
    width: 64.6875rem;
    height: 8.4375rem;
    margin-top: 3.75rem
}

.shu {
    width: .25rem;
    height: 1.75rem;
    background: #2090F0;
}

.users-title {
    font-size: 2.25rem;
    font-family: PingFangSC-Medium, PingFang SC;
    font-weight: 500;
    color: #2D2D2D;
    line-height: 3.125rem;
}

.users-list {
    width: 64.6875rem;
    height: 3.125rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
}



.users-list li {
    width: 7.5rem;
    height: 3rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 2.25rem;
}

.users-list2 {
    width: 67.4375rem;
    height: 3.125rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.users-list2 li {
    width: 10rem;
    height: 3rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 2.25rem;
}

.users-list3 {
    width: 74.125rem;
    height: 3.125rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.users-list3 li {
    width: 16.6875rem;
    height: 3rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 2.25rem;
}



.users-img {
    width: 3rem;
    height: 3rem;
}

.users-img img {
    width: 100%;
    height: 100%;
}

.users-text {
    width: 3.875rem;
    height: 1.5rem;
    font-size: 1.75rem;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #373737;
    line-height: 1.5rem;
    margin-left: 1rem;
}

.users-text3 {
    width: 12.4375rem;
    height: 3.625rem;
    font-size: 1.75rem;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #373737;
    line-height: 2rem;
    margin-left: 1rem;
}

.users-text2 {
    width: 6.25rem;
    height: 1.5rem;
    font-size: 1.75rem;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #373737;
    line-height: 1.5rem;
    margin-left: 1rem;
}

.deon-event {
    width: 100%;
    height: 41rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    background: url(./../img/bg.gif) 100% 100% no-repeat;
    background-size: cover;
}

.event-title {
    font-size: 3.75rem;
    font-family: PingFangSC-Semibold, PingFang SC;
    font-weight: 600;
    color: #373737;
    line-height: 5.25rem;
    text-align: center;
    padding: 3.75rem 0rem;
}

.event-container {
    width: 39.375rem;
    height: 25.4375rem;
    display: flex;
    justify-content: space-between;
    display: none;
}

.event-container-act {
    display: flex;
}

.container-size {
    width: 11.0625rem;
    height: 7rem;
    font-size: 5rem;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #2D2D2D;
    line-height: 7rem;
}

.container-text {
    width: 26.4375rem;
    height: 20.875rem;
}

.container-text p {
    font-size: 1.5rem;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #2D2D2D;
    line-height: 2.0625rem;
}

.event-bottom {
    width: 62.5rem;
    height: 1.875rem;
    display: flex;
    align-items: center;
}

.event-bottom .event-bottom-item {
    width: 54px;
    height: 32px;
    background: url(../img/about1.png);
    /* margin-right: 2.5rem; */
    position: relative;
    background-size: 100% 100%;
}

.event-bottom-heng1 {
    width: 9.375rem;
    height: .875rem;
    background: url(../img/about2.png) no-repeat;
    background-size: 100% 100%;
}

.event-bottom-heng10 {
    width: 9.375rem;
    height: .875rem;
    background: url(../img/about8.png) no-repeat;
    background-size: 100% 100%;
}

.event-bottom-heng2 {
    width: 8.625rem;
    height: .875rem;
    background: url(../img/about3.png) no-repeat;
    background-size: 100% 100%;
}

.event-bottom-heng3 {
    width: 8.625rem;
    height: .875rem;
    background: url(../img/about4.png) no-repeat;
    background-size: 100% 100%;
}

.event-bottom-heng4 {
    width: 8.625rem;
    height: .875rem;
    background: url(../img/about4.png) no-repeat;
    background-size: 100% 100%;
}

.event-bottom-heng5 {
    width: 8.625rem;
    height: .875rem;
    background: url(../img/about4.png) no-repeat;
    background-size: 100% 100%;
}

.event-bottom-heng6,.event-bottom-heng7,.event-bottom-heng8,.event-bottom-heng9{
    width: 8.625rem;
    height: .875rem;
    background: url(../img/about4.png) no-repeat;
    background-size: 100% 100%;
}

.event-bottom-heng {
    width: 10rem;
    height: .3125rem;
    background: skyblue;
}

.event-bottom-item-act {
    position: absolute;
    left: .875rem;
    top: -8.5625rem;
    width: .125rem;
    background: url(../img/about9.png);
    height: 9.0625rem;
    display: none;
}

.year {
    width: 62.5rem;
    height: 1.5625rem;
}

.year-list {
    width: 54.25rem;
    margin-left: 4.3125rem;
    height: 1.5625rem;
    display: flex;
    justify-content: space-around;
}

.year-list li {
    width: 2.5rem;
    height: 1.5625rem;
    font-size: 1.125rem;
    font-family: PingFangSC-Semibold, PingFang SC;
    font-weight: 600;
    color: #2D2D2D;
    line-height: 1.5625rem;
}

.act-block {
    display: block;
}

.header-video {
    object-fit: fill;
    width:100%; 	
	height:68.5rem;
}
@media screen and (max-width: 750px) {
    .header-img {
        /* height: calc(100vh - 3.75rem); */
        height: 12.5rem;
    }

    .header-video {
        height: 12.5rem;
        position: relative;
        z-index: 12;
    }
    .deonis {
        height: 37.5rem;
        margin-top: 0;
    }
    .deonis-title {
        height: 1.875rem;
        line-height: 8.75rem;
        font-size: 1.875rem;
        text-align: center;
    }
    .deonis-text {
        width: 100%;
        padding: 0 .625rem;
    }

    .deonis-text p {
        font-size: .875rem;
        font-family: PingFangSC-Regular, PingFang SC;
        font-weight: 400;
        color: #2D2D2D;
        line-height: 1.25rem;
        text-indent: 32px;
    }

    .insist {
        height: 56.25rem;
    }

    .deoninsist, .event-title {
        font-size: 1.875rem;
        text-align: center;
        padding: .3125rem 0rem;
    }

    .users, .team, .client {
        width: 100%;
        height: 12.5rem;
    }
    .users-top, .team-top, .client-top {
        height: 1.5rem;
    }
    .users-title {
        font-size: 1.5rem;
        line-height: 1.5rem;
    }
    .users-list, .users-list2, .users-list3 {
        width: 80%;
        height: 9.375rem;
        flex-wrap: wrap;
        margin: 0 auto;

    }
    :is(.users-list, .users-list2,.users-list3) li {
        width: 7.5rem;
        height: 1.5625rem;
        margin-top: .75rem;
    }
    .users-img, .users-img img {
        width: 1.5rem;
        height: 1.5rem;
    }
    .users-text, .users-text2, .users-text3 {
        font-size: .875rem;
    }
    .users-text3 {
        line-height: 1.5rem;
        margin-left: .5625rem;
    }
    .deon-event {
        height: 34rem;
        background-size: contain;
    }
    .event-container-act {
        width: 100%;
    }
    .container-size {
        width: 30%;
        font-size: 2rem;
        text-align: center;
    }
    .container-text {
        width: 70%;
        height: 100%;
    }
    .container-text p {
        font-size: 0.75rem;
    }
    .event-bottom-item-act {
        left: 0.275rem;
        top: -9.5625rem;
    }
    .year, .year-list {
        width: 100%;
        margin: 0;
    }
    .event-bottom {
        width: 100%;
        margin: 0;
    }
    .deonintiate {
        width: 100%;
        height: 44rem;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .deonintiate-title {
        width: 22.5rem;
        height: 5.25rem;
        font-size: 1.875rem;
        font-family: PingFangSC-Semibold, PingFang SC;
        font-weight: 600;
        color: #373737;
        line-height: 5.25rem;
        margin-top: 4.8125rem;
        text-align: center;
    }

    .deonintiate-plate {
        width: 100%;
        height: 56.25rem;
        margin-top: .125rem;
    }

    .deonintiate-list {
        width: 100%;
        height: 28.875rem;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        padding: 0 .625rem;
    }
    .deonintiate-img {
        width: 4.375rem;
        height: 4.375rem;
    }
    .p1 {
        font-size: 1.5625rem;
        text-align: center;
    }

    .p2 {
        font-size: .875rem;
        text-align: center;
    }

    .deonintiate-list li {
        width: 24%;
        height: 27.75rem;
    }
}