#FOTA {
    width: 100%;
    overflow: hidden;
}

.banner .content {
    top: 0;
    bottom: 0;
    margin: auto;
}

.centerTitle {
    color: #fff;
}

.module {
    padding: 1rem 0;
    background-color: #000000;
}

.module .module_titleText {
    font-size: var(--overview);
    line-height: var(--lineHeight18);
    color: #FFFFFF;
    text-align: center;
    margin-top: .40rem;
    white-space: pre-line;
}

.module .content {
    margin-top: .5rem;
}

.kanzi_one {
    background: #091832;
}

.kanzi_one .kanzi_text {
    font-size: var(--comSubTit);
    color: #FFFFFF;
    line-height: var(--lineHeight18);
    text-align: center;
    margin: .6rem auto;
}


.kanzi_one .kanzi_top .flex {
    align-items: flex-start;
}

.kanzi_one .kanzi_top .kanzi_top_right {
    width: 4.40rem;
}

.kanzi_one .kanzi_top .kanzi_top_right .right_title {
    font-size: var(--indexNewsTit);
    line-height: 1.8;
    color: #FFFFFF;
}

.kanzi_one .kanzi_top .kanzi_top_right .right_text {
    font-size: var(--comTextCont);
    line-height: 1.8;
    color: #999999;
    width: 1.82rem;
}

.kanzi_one .kanzi_top .kanzi_top_right .right_top,
.kanzi_one .kanzi_top .kanzi_top_right .right_centre,
.kanzi_one .kanzi_top .kanzi_top_right .right_down {
    padding: .4rem;
    background: #060D19;
    height: 2.36rem;
    justify-content: space-between;
}

.kanzi_one .kanzi_top .kanzi_top_right .right_centre {
    background: #0F1725;
}

.kanzi_one .kanzi_top .kanzi_top_right .right_down {
    background: #161F30;
}

.kanzi_one .kanzi_down {
    margin-top: .2rem;
    position: relative;
}


.kanzi_one .kanzi_down .introduce {
    font-size: var(--comTextCont);
    color: #fff;
    align-items: flex-start;
    justify-content: space-between;
    width: 80%;
    position: absolute;
    left: 10%;
    bottom: .4rem;
}

.kanzi_one .kanzi_down .introduce_title {
    color: #fff;
    font-size: var(--comSubTit);
    margin-bottom: .2rem;
}

.kanzi_one .kanzi_down .introduce_text {
    color: #c1c1c1;
    font-size: var(--comTextCont);
}

.kanzi_one .kanzi_down .introduce_text > div {
    line-height: 30px;
    position: relative;
    padding-left: .15rem;
}

.kanzi_one .kanzi_down .introduce_text > div::before {
    position: absolute;
    content: '';
    display: block;
    left: 0;
    width: .05rem;
    height: .05rem;
    background-color: #B81C22;
    border-radius: 50%;
    top: 13px;
}

.kanzi_one .kanzi_down .introduce_left {
    width: 40%;

}

.kanzi_one .kanzi_down .introduce_right {
    width: 40%;
}

.kanzi_one .kanzi_down .introduce_right .introduce_title {
    margin-top: 0;
}

.kanzi_one .kanzi_down .introduce_right .introduce_right_down {
    margin-top: .6rem;
}

.kanzi_for {
    background-color: #000000;
}

.kanzi_for .kanzi_forTop {
    margin-top: .41rem;
}

.kanzi_for .kanzi_forTop .forTop_left {
    margin-right: .1rem;
    width: 6.35rem;
}

.kanzi_for .kanzi_forTop .forTop_left .forTop_left_top {
    font-size: var(--caseOverview);
    color: #FFFFFF;
    line-height: 2;
    height: 2.57rem;
    background: #21272D;
    padding: .5rem;
    margin-bottom: .1rem;
}

.kanzi_for .kanzi_forTop .forTop_right {
    width: 6.35rem;
}

.kanzi_for .kanzi_forDown {
    margin-top: .1rem;
    font-size: var(--caseOverview);
    color: #FEFEFE;
    padding: .42rem .8rem;
    background: #111217;
    justify-content: space-between;
    align-items: flex-start;
}

.kanzi_for .kanzi_forDown dt {
    width: .86rem;
    height: .86rem;
    margin: auto;
    margin-bottom: .2rem;
}

.kanzi_for .kanzi_forDown dl {
    text-align: center;
    width: 20%;
}

.flow {
    justify-content: space-between;
    margin-top: .6rem;
    align-items: flex-start;
}

.flow .flow_left {
    width: 3.56rem;
}

.flow .flow_left .flow_title {
    font-size: var(--comSubTit);
    color: #fff;
    margin-bottom: .2rem;
}

.flow .flow_left .flow_text {
    color: #C1C1C1;
    font-size: var(--comTextCont);
    margin-bottom: .3rem;
    line-height: 1.8;
}

.flow .flow_left .flow_textTitle {
    font-size: var(--caseOverview);
    color: #fff;
    margin-bottom: .18rem;
}

.flow .flow_right {
    width: 60%;
}

.kanzi_img {
    margin: .6rem auto;
    margin-top: 1.2rem;
    position: relative;
    padding: .6rem;
    border: 1px solid rgba(255, 2555, 255, 0.2);
}

.kanzi_img p {
    text-align: center;
    font-size: var(--indexNewsTit);
    line-height: 1.8;
    max-width: 80%;
    margin: auto;
    color: #fff;
    margin-top: .5rem;
    margin-bottom: .5rem;
}

.kanzi_img_title {
    margin: auto;
    display: block;
    width: 3rem;
}

.kanzi_studio {
    background: url(../img/znzcKanzi/图层\ 187.png) no-repeat center;
    background-size: 100% 100%;
    padding: 1rem 0;
}

.kanzi_studio .studio_text {
    font-size: var(--comSubTit);
    color: #FFFFFF;
    text-align: center;
    margin-top: .38rem;
}

.kanzi_studio .for_title {
    font-size: var(--comSubTit);
    color: #fff;
    text-align: center;
}

.kanzi_studio .for {
    margin-top: .72rem;
    align-items: flex-start;
}

.kanzi_studio .for_title {
    margin-bottom: .2rem;
}


.kanzi_studio > .flex {
    font-size: var(--comTextCont);
    color: #999999;
    line-height: 1.5;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
}

.kanzi_studio .for_left {
    padding-right: .6rem;
}

.kanzi_studio .for_right {
    padding-left: .6rem;

}

.kanzi_studio .for_left {
    border-right: 1px dashed rgba(255, 2555, 255, 0.2);
}

.kanzi_studio .for_left .flex {

    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: .2rem;
}

.kanzi_studio .for_right .flex {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: .2rem;
}

.kanzi_studio .flex dl {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-direction: column;
    height: 1.4rem;
}

.kanzi_studio .flex dt {
    height: .8rem;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.kanzi_studio .flex dt img {
    width: auto;
    max-width: 100%;
    max-height: 100%;
    height: auto;
}

.kanzi_studio .flex dd {
    text-align: center;
    margin-top: .1rem;
}

.kanzi_engine .kanzi_engine_top {
    margin-top: .6rem;
    position: relative;
}

.kanzi_engine .kanzi_engine_top .top_left {
    position: absolute;
    top: .6rem;
    left: 0.8rem;
}

.kanzi_engine .kanzi_engine_top .top_left .flex {
    width: 50%;
    align-items: flex-start;
    flex-wrap: wrap;
}

.kanzi_engine .kanzi_engine_top dl {
    font-size: var(--comTextCont);
    color: #999;
    text-align: center;
    margin-right: .71rem;
}

.kanzi_engine .kanzi_engine_top dt {
    height: .8rem;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.kanzi_engine .kanzi_engine_top dt img {
    width: auto;
    height: auto;
    margin: auto;
}

.kanzi_engine .kanzi_engine_top dd {
    width: 1.34rem;
    margin: .1rem auto;
}

.kanzi_engine .kanzi_engine_centre {
    margin-top: .2rem;
    position: relative;
}

.kanzi_engine .kanzi_engine_centre .connect {
    position: absolute;
    top: 5.63rem;
    left: .8rem;
    padding-right: 1.18rem;
}

.kanzi_engine .kanzi_engine_centre .connect .flex {
    justify-content: space-between;
    margin-bottom: .91rem;
    align-items: flex-start;
}


.kanzi_engine .kanzi_engine_centre .connect .flex_body {
    width: 46%;
}

.kanzi_engine .kanzi_engine_centre .connect .flex_title,
.kanzi_engine .kanzi_engine_down .down_right .flex_title {
    font-size: var(--indexNewsTit);
    color: #fff;
    line-height: .36rem;
}

.kanzi_engine .kanzi_engine_centre .connect .flex_title div,
.kanzi_engine .kanzi_engine_down .down_right .flex_title div {
    margin-bottom: .15rem;
}

.kanzi_engine .kanzi_engine_centre .connect .flex_title_img img,
.kanzi_engine .kanzi_engine_down .down_right .flex_title_img img {
    width: auto;
    height: auto;
    margin-bottom: .37rem;
    max-width: 100%;
    max-height: 100%;
}

.kanzi_engine .kanzi_engine_centre .connect .introduce_text,
.kanzi_engine .kanzi_engine_down .down_right .introduce_text {
    color: #999;
    font-size: var(--comTextCont);
}

.kanzi_engine .kanzi_engine_centre .connect .introduce_text div,
.kanzi_engine .kanzi_engine_down .down_right .introduce_text div {
    margin: .1rem 0;
    display: flex;
}

.kanzi_engine .kanzi_engine_centre .connect .introduce_text span,
.kanzi_engine .kanzi_engine_down .down_right .introduce_text span {
    color: var(--redcolor);
    display: block;
    margin-right: .15rem;
}

.kanzi_engine .introduce_text li {
    line-height: 30px;
    position: relative;
    list-style-type: disc;
}

.kanzi_engine .introduce_text ul {
    padding-left: 20px;
}

.kanzi_engine .introduce_text li::marker {
    color: var(--redcolor);
}

.kanzi_engine .kanzi_engine_down {
    position: relative;
    margin-top: .2rem;
}

.kanzi_engine .kanzi_engine_down .down_right {
    position: absolute;
    left: 6.63rem;
    top: .68rem;
    width: 4.89rem;
}


.mobile_img {
    display: none !important;
}

.kanzi_engine .kanzi_engine_centre .pic {
    height: 450px;
    overflow: hidden;
}

.kanzi_engine .kanzi_engine_centre .pic img {
    max-height: fit-content;
}

.kanzi_engine .kanzi_engine_centre .connect {
    position: static;
    padding-right: 0;
    margin-top: 30px;
    padding: 0 50px 30px 50px;
}

.kanzi_engine .kanzi_engine_centre {
    border: 1px solid #313131;

}

@media screen and (max-width: 1440px) and (min-width: 1024px) {
    :root {
        --indexNewsTit: 18px;
    }

    .kanzi_one .kanzi_top .kanzi_top_left {
        width: 700px;
        height: 600px;
    }

    .kanzi_one .kanzi_top .kanzi_top_right {
        width: calc(100% - 700px);
    }

    .kanzi_one .kanzi_top .kanzi_top_left img {
        object-fit: cover;
    }

    .kanzi_one .kanzi_top .kanzi_top_right .right_top,
    .kanzi_one .kanzi_top .kanzi_top_right .right_centre,
    .kanzi_one .kanzi_top .kanzi_top_right .right_down {
        height: 200px;
    }

    .kanzi_for .kanzi_forTop .forTop_left {
        width: calc(50% - 5px);
        margin-right: 0;
    }

    .kanzi_for .kanzi_forTop .forTop_right {
        width: calc(50% - 5px);
    }

    .kanzi_for .kanzi_forTop .forTop_left .forTop_left_top {
        height: 2.1rem;
    }

    .kanzi_for .kanzi_forTop {
        padding-left: 0rem !important;
        justify-content: space-between;
        padding-right: 0rem !important;
        flex-shrink: initial;
    }


    .kanzi_engine .kanzi_engine_top .top_left {
        top: 20px;
    }

    .kanzi_engine .kanzi_engine_centre .connect {
        top: 35%;
    }

    .kanzi_engine .kanzi_engine_down .down_right {
        width: 45%;
        right: 40px;
        left: auto;
    }

    .kanzi_engine_top,
    .kanzi_engine_centre,
    .kanzi_engine_down {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
}

@media screen and (max-width: 1366px) and (min-width: 1024px) {
    .kanzi_engine .kanzi_engine_top .top_left {
        top: 15px;
    }
}


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

    .kanzi_one .kanzi_top,
    .kanzi_for .kanzi_forTop {
        display: flex;
        flex-wrap: wrap;
    }

    .kanzi_one .kanzi_top .kanzi_top_left,
    .kanzi_for .kanzi_forTop .forTop_left,
    .flow .flow_left,
    .flow .flow_right {
        width: 100%;
    }

    .kanzi_one .kanzi_top .kanzi_top_right,
    .kanzi_for .kanzi_forTop .forTop_right {
        margin-top: .1rem;
        width: 100%;
        display: flex;
        justify-content: space-between;
    }

    .flow {
        flex-wrap: wrap;
    }

    .kanzi_studio > .flex {
        grid-template-columns: 1fr;
    }

    .kanzi_studio .for_right {
        padding-left: 0;
    }

    .kanzi_studio .for_left {
        padding-right: 0;
    }

    .kanzi_studio .flex .for_left {
        width: 100%;
    }

    .kanzi_studio .for_right {
        width: 100%;
        margin-top: .4rem;
    }

    .kanzi_studio .for_title {
        margin-bottom: .2rem;
    }

    .kanzi_studio .for_left {
        border-right: none;
    }

    .kanzi_engine .kanzi_engine_top .top_left .flex {
        width: 60%;
    }

    .kanzi_engine .kanzi_engine_centre .connect {
        position: absolute;
        top: 3.63rem;
    }

    .kanzi_engine .kanzi_engine_centre .connect .flex {
        margin-bottom: .4rem;
    }

    .kanzi_engine .kanzi_engine_down .down_right {
        position: absolute;
        top: 0.5rem;
        left: 5rem;
    }

    .kanzi_engine .kanzi_engine_centre .pic {
        height: 4rem;
        overflow: hidden;
    }

    .kanzi_engine .kanzi_engine_centre .connect {
        position: static;
        padding-right: 0;
    }

    .kanzi_engine .kanzi_engine_centre .pic img {
        width: 100%;
        height: auto;
    }

    .kanzi_engine .kanzi_engine_centre .connect .flex {
        margin-bottom: .2rem;
        align-items: flex-start;
    }

    .kanzi_engine .kanzi_engine_centre .connect .flex_body {
        width: 48%;
    }

    .kanzi_engine .kanzi_engine_centre .connect .flex_body .flex_title_img {
        width: 90%;
        overflow: hidden;
    }


    .kanzi_one .kanzi_top .kanzi_top_right {
        flex-direction: column;
    }

    .kanzi_one .kanzi_top .kanzi_top_right .right_text {
        width: auto;
    }

    .kanzi_one .kanzi_top .kanzi_top_right .right_hint {
        padding-right: .3rem;
    }

    .kanzi_engine .kanzi_engine_top dl {
        margin-right: .2rem;
    }

    .kanzi_engine .kanzi_engine_top dt img {
        max-width: 100%;
    }

    .kanzi_engine .kanzi_engine_top .top_left .flex {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: .1rem;
        width: 100%;
    }

    .kanzi_engine .kanzi_engine_top .top_left {
        left: .6rem;
    }

    .kanzi_one .kanzi_top .kanzi_top_right .right_top,
    .kanzi_one .kanzi_top .kanzi_top_right .right_centre,
    .kanzi_one .kanzi_top .kanzi_top_right .right_down {
        height: fit-content;
    }

    .kanzi_for .kanzi_forTop .forTop_left .forTop_left_top {
        height: fit-content;
    }

    .kanzi_engine .kanzi_engine_top dt {
        height: 40px;
        margin-bottom: 10px;
    }

    .kanzi_engine .kanzi_engine_top dl {
        margin-bottom: 20px;
    }

    .kanzi_studio .flex dd {
        height: 42px;
    }

    .kanzi_img {
        width: calc(100% - 40px);
        margin-bottom: 0;
    }

    .kanzi_img p {
        width: 100%;
        max-width: 100%;
    }

    .kanzi_studio .for_title {
        position: relative;
        height: 30px;
        line-height: 30px;
        padding-left: 12px;
    }

    .kanzi_engine .kanzi_engine_centre .connect .flex {
        flex-direction: column;
    }

    .kanzi_engine .kanzi_engine_centre .connect .flex_body {
        width: 100%;
        margin-bottom: 20px;
    }

    .kanzi_engine .kanzi_engine_centre .connect .flex_title_img img,
    .kanzi_engine .kanzi_engine_down .down_right .flex_title_img img {
        margin-bottom: 20px;
        height: 20px;

    }

    .kanzi_engine .kanzi_engine_centre .connect .flex_title div,
    .kanzi_engine .kanzi_engine_down .down_right .flex_title div {
        margin-bottom: 10px;
    }

    .kanzi_engine .kanzi_engine_centre .connect .flex_title,
    .kanzi_engine .kanzi_engine_down .down_right .flex_title {
        line-height: 1.5;
        margin-bottom: 10px;
    }

    .kanzi_engine .kanzi_engine_centre .connect .flex {
        margin-bottom: 0;
    }

    .kanzi_engine .kanzi_engine_centre .connect {
        padding: 0;
    }

    .kanzi_engine_down .mobile_img {
        max-width: 500px;
        margin: 0 auto;
    }

    .kanzi_engine .kanzi_engine_down .down_right {
        height: auto;
        position: static;
        width: 100%;
        padding: 30px 0;
    }

    .kanzi_engine_down .mobile_img {
        max-width: 500px;
        margin: 0 auto;
        display: block !important;
    }

    .kanzi_engine_down .pc_img {
        display: none !important;
    }

    .kanzi_engine .kanzi_engine_centre {
        border: none;

    }
}

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


    .kanzi_one .kanzi_down .introduce {
        bottom: 10px;
        top: auto;
    }

    .kanzi_one .kanzi_down .introduce_left,
    .kanzi_one .kanzi_down .introduce_right {
        width: 48%;
    }

    .kanzi_for .kanzi_forDown {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 20px;
    }

    .kanzi_for .kanzi_forDown dl {
        width: 100%;
    }

    .kanzi_for .kanzi_forDown dt {
        min-width: 50px;
        min-height: 50px;
    }

    .kanzi_img p {
        font-size: 12px;
    }

    .kanzi_studio .flex dl {
        height: auto;
    }

    .kanzi_engine .kanzi_engine_centre .connect .flex_title,
    .kanzi_engine .kanzi_engine_down .down_right .flex_title {
        font-size: 12px;
        line-height: 1.5;
    }

    .kanzi_engine .kanzi_engine_top .top_left {
        position: static;
        margin-top: 20px;
    }

    .kanzi_engine .kanzi_engine_top .top_left .flex {

        display: grid;
        grid-template-columns: repeat(3, 1fr);
        width: 100%;
    }
    .kanzi_engine .kanzi_engine_top dt {
        display: flex;
        justify-content: center;
    }

    .kanzi_engine .kanzi_engine_top dd {
        margin: 0;
        text-align: center;
        width: 100%;
    }


    .kanzi_one .kanzi_top .kanzi_top_right .right_img {
        width: 50px;
    }

    .kanzi_one .kanzi_top .kanzi_top_right > div {
        height: 140px !important;
        align-items: center;
    }

    .kanzi_one .kanzi_down .down_bg_img {
        display: block;
    }

    .kanzi_one .kanzi_down .introduce {
        height: auto;
        min-height: auto;
        max-height: auto;
        position: relative;
        top: -70px;
        bottom: auto;
        overflow: visible;
        width: 100%;
        left: 0;
    }

    .kanzi_one .kanzi_down {
        background-color: #000003;

    }

    .module {
        padding-bottom: 0;
    }

    .kanzi_one .kanzi_down .introduce_text > div::before {
        width: 4px;
        height: 4px;
    }

    .kanzi_one .kanzi_down .introduce_text > div {
        padding-left: 10px;
    }

    .kanzi_img {
        width: calc(100% - 30px);
    }

    .kanzi_engine .kanzi_engine_centre .connect .flex_title_img img,
    .kanzi_engine .kanzi_engine_down .down_right .flex_title_img img {
        height: 16px;
    }

    .pc_img {
        display: none !important;
    }

    .mobile_img {
        display: block !important;
    }

    .kanzi_engine_top .mobile_img {
        max-width: 500px;
        margin: 0 auto;
    }

    .kanzi_engine_top {
        border: 1px solid rgba(255, 2555, 255, 0.1);
        max-width: calc(100% - 40px);
        padding-top: 40px;
        padding-bottom: 40px;
    }

    .kanzi_engine .kanzi_engine_down .down_right {
        height: auto;
        position: static;
        width: 100%;
        padding: 30px 0;
    }

    .kanzi_engine .kanzi_engine_top dt img {
        width: 60px;
    }

    .kanzi_studio .flex dt {
        height: 40px;
    }

    .kanzi_studio .studio_text {
        max-width: calc(100% - 40px);
        margin: auto;
    }

    .kanzi_engine_down .mobile_img {
        max-width: 500px;
        margin: 0 auto;
    }

}

@media screen and (max-width: 500px) {
    .kanzi_one .kanzi_top .kanzi_top_right .right_img {
        width: 40px;
    }

    .kanzi_one .kanzi_top .kanzi_top_right > div {
        height: 120px !important;
        align-items: center;
    }

    .kanzi_one .kanzi_down .introduce_left .introduce_title:nth-child(2) {
        font-size: 12px;
    }

    .kanzi_img_title {
        width: 140px;
    }

    .kanzi_studio .for_title::before {
        height: 15px;
    }

    .kanzi_engine .kanzi_engine_centre .connect .flex_title_img img,
    .kanzi_engine .kanzi_engine_down .down_right .flex_title_img img {
        height: 14px;
    }

    .kanzi_engine_top {
        max-width: calc(100% - 30px);
        padding-top: 30px;
        padding-bottom: 30px;
    }

    .kanzi_engine .kanzi_engine_top .top_left .flex {
        grid-template-columns: repeat(2, 1fr);
        row-gap: 20px;
    }

    .kanzi_studio .for_left .flex,
    .kanzi_studio .for_right .flex {
        grid-template-columns: repeat(2, 1fr);

        row-gap: 20px;
    }

    .kanzi_studio .for_title {
        margin-bottom: 20px;
    }
}