:root {
    --vt-c-white: #fff;
    --vt-c-white-soft: #f8f8f8;
    --vt-c-white-mute: #f2f2f2;
    --vt-c-black: #181818;
    --vt-c-black-soft: #222;
    --vt-c-black-mute: #282828;
    --vt-c-indigo: #2c3e50;
    --vt-c-divider-light-1: rgba(60, 60, 60, .29);
    --vt-c-divider-light-2: rgba(60, 60, 60, .12);
    --vt-c-divider-dark-1: rgba(84, 84, 84, .65);
    --vt-c-divider-dark-2: rgba(84, 84, 84, .48);
    --vt-c-text-light-1: var(--vt-c-indigo);
    --vt-c-text-light-2: rgba(60, 60, 60, .66);
    --vt-c-text-dark-1: var(--vt-c-white);
    --vt-c-text-dark-2: hsla(0, 0%, 92%, .64);
    --color-background: var(--vt-c-white);
    --color-background-soft: var(--vt-c-white-soft);
    --color-background-mute: var(--vt-c-white-mute);
    --color-border: var(--vt-c-divider-light-2);
    --color-border-hover: var(--vt-c-divider-light-1);
    --color-heading: var(--vt-c-text-light-1);
    --color-text: var(--vt-c-text-light-1);
    --section-gap: 160px
}

@media (prefers-color-scheme:dark) {
    :root {
        --color-background: var(--vt-c-black);
        --color-background-soft: var(--vt-c-black-soft);
        --color-background-mute: var(--vt-c-black-mute);
        --color-border: var(--vt-c-divider-dark-2);
        --color-border-hover: var(--vt-c-divider-dark-1);
        --color-heading: var(--vt-c-text-dark-1);
        --color-text: var(--vt-c-text-dark-2)
    }
}

*,
:after,
:before {
    box-sizing: border-box;
    margin: 0;
    font-weight: 400
}

body {
    min-height: 100vh;
    color: var(--color-text);
    background: #ffffff;
    transition: color .5s, background-color .5s;
    line-height: 1.6;
    font-family: Inter, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
    font-size: 15px;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

html {
    font-size: 16px
}

body {
    margin: 0;
    padding: 0;
    color: #0e1f00;
    font-family: PingFang SC, Lantinghei SC, Helvetica Neue, Helvetica\,Arial, Microsoft YaHei, 微软雅黑, STHeitiSC-Light, simsun, 宋体, WenQuanYi Zen Hei, WenQuanYi Micro Hei, "sans-serif"
}

div {
    box-sizing: border-box
}

a {
    text-decoration: none
}

.content-item-box .item-img[data-v-20b9113f] {
    width: 266px;
    height: 144px;
    -o-object-fit: cover;
    object-fit: cover
}

.content-item-box .title[data-v-20b9113f] {
    font-size: 32px;
    font-weight: 500;
    line-height: 50px;
    margin-bottom: 24px
}

.content-item-box .top-desc[data-v-20b9113f] {
    font-size: 16px;
    line-height: 30px;
    color: #1e4300
}

.content-box[data-v-88ddd2b2] {
    display: flex;
    align-items: center;
    padding-left: 35px
}

.content-box .slide-img[data-v-88ddd2b2] {
    width: 25px;
    height: 600px;
    -o-object-fit: cover;
    object-fit: cover;
    z-index: 9
}

.content-box .center-slot[data-v-88ddd2b2] {
    margin-left: 76px
}

.home-footer[data-v-09ee3b69] {
    padding-bottom: 54px;
    padding-top: 126px
}

.home-footer .text[data-v-09ee3b69] {
    font-size: 12px;
    line-height: 28px;
    text-align: center
}

.home-footer .beian[data-v-09ee3b69] {
    display: flex;
    justify-content: center
}

.home-footer .beian .plice[data-v-09ee3b69] {
    display: flex;
    align-items: center;
    margin-left: 10px
}

.home-footer .beian .text[data-v-09ee3b69] {
    color: #0e1f00
}

.header[data-v-3aabf1b4] {
    padding: 44px 0 52px 35px;
    background-image: url(../img/header_bg.png);
    background-repeat: no-repeat;
    background-size: 100%;
    position: relative
}

.header .triangle-img[data-v-3aabf1b4] {
    position: absolute;
    top: 64px;
    right: 290px;
    width: 160px;
    height: 106px;
    -o-object-fit: cover;
    object-fit: cover;
    z-index: 9
}

.header .head-logo[data-v-3aabf1b4] {
    display: flex;
    align-items: center
}

.header .head-logo .logo-img[data-v-3aabf1b4] {
    width: 50px;
    height: 50px;
    -o-object-fit: cover;
    object-fit: cover
}

.header .head-logo .head-text[data-v-3aabf1b4] {
    margin-left: 10px
}

.header .head-logo .head-text .head-text-logo[data-v-3aabf1b4] {
    height: 30px;
    -o-object-fit: cover;
    object-fit: cover
}

.header .head-logo .head-text .text[data-v-3aabf1b4] {
    font-size: 12px;
    color: #28cd84;
    line-height: 16px;
    position: relative;
    top: -4px
}

.header .header-content[data-v-3aabf1b4] {
    display: flex;
    margin-top: 114px
}

.header .header-content .content-text[data-v-3aabf1b4] {
    margin-left: 76px;
    position: relative
}

.header .header-content .content-text .cy_linder[data-v-3aabf1b4] {
    position: absolute;
    left: 425px;
    top: -16px
}

.header .header-content .content-text .title[data-v-3aabf1b4] {
    font-family: Futura;
    font-size: 60px;
    font-weight: 700;
    line-height: 90px
}

.header .header-content .content-text .desc[data-v-3aabf1b4] {
    font-size: 50px
}

.header .header-content .content-text .desc .t-desc[data-v-3aabf1b4] {
    line-height: 66px;
    font-weight: 500
}

.header .header-content .content-text .desc .t-desc .text[data-v-3aabf1b4] {
    font-family: Futura !important;
    font-weight: 700;
    position: relative
}

.header .header-content .content-text .desc .t-desc .text .block[data-v-3aabf1b4] {
    display: inline-block;
    position: absolute;
    left: -2px;
    right: 0;
    bottom: 0;
    width: 170px;
    height: 35px;
    background-color: #d3ff99;
    z-index: -1
}

.header .header-content .content-text .desc .b-desc[data-v-3aabf1b4] {
    margin-top: 6px;
    line-height: 70px;
    font-weight: 600
}

.header .header-content .content-text .down-btn[data-v-3aabf1b4] {
    display: flex;
    margin-top: 53px
}

.header .header-content .content-text .down-btn .btn[data-v-3aabf1b4] {
    cursor: pointer;
    padding: 0 24px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 180px;
    height: 48px;
    border-radius: 34px;
    background-color: #fb5656;
    margin-right: 24px;
    color: #fff
}

.header .header-content .content-img-box[data-v-3aabf1b4] {
    position: relative
}

.header .header-content .content-img-box .ai-video-img[data-v-3aabf1b4] {
    -o-object-fit: cover;
    object-fit: cover
}

.header .header-content .content-img-box .dao_triangle[data-v-3aabf1b4] {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 130px;
    height: 124px;
    -o-object-fit: cover;
    object-fit: cover
}

.header .support-lan[data-v-3aabf1b4] {
    margin: 0 auto;
    margin-top: 97px;
    display: flex;
    align-items: center;
    padding: 0 24px;
    height: 48px;
    width: 1168px;
    background-image: url(../img/support_lan_bg.png);
    background-repeat: no-repeat
}

.header .support-lan .lan-text[data-v-3aabf1b4] {
    font-size: 12px;
    font-weight: 600;
    margin-right: 18px
}

.header .support-lan .img-box[data-v-3aabf1b4] {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.header .support-lan .img-box .lan-img[data-v-3aabf1b4] {
    width: 36px;
    height: 24px;
    -o-object-fit: cover;
    object-fit: cover
}

.role-box[data-v-3f559e95] {
    height: 100%;
    position: relative;
    padding: 0 24px;
    padding-top: 58px;
    border-radius: 24px
}

.role-box[data-v-3f559e95]:before {
    content: "";
    background: inherit;
    position: absolute;
    height: 80px;
    inset: -20px 0 auto 0;
    border-radius: inherit;
    transform: skewY(2deg)
}

.role-box .role-img[data-v-3f559e95] {
    position: absolute;
    right: 24px;
    top: -60px;
    width: 200px;
    height: 200px
}

.role-box .role-img img[data-v-3f559e95] {
    width: 200px;
    height: 200px;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 24px
}

.role-box .name[data-v-3f559e95] {
    font-family: Helvetica Neue;
    font-size: 32px;
    font-weight: 500;
    line-height: 30px
}

.role-box .role[data-v-3f559e95] {
    height: 34px;
    line-height: 34px;
    padding: 0 24px;
    border-radius: 24px;
    font-size: 14px;
    width: -moz-max-content;
    width: max-content;
    margin: 16px 0;
    font-weight: 500
}

.role-box .title[data-v-3f559e95] {
    font-weight: 500;
    line-height: 26px;
    margin: 16px 0 14px
}

.role-box .desc[data-v-3f559e95] {
    font-size: 14px;
    line-height: 26px;
    color: #1e4300
}

.home-role-box[data-v-54e3c004] {
    padding-left: 35px;
    margin-top: 124px;
    display: flex;
    align-items: center;
    position: relative
}

.home-role-box .role_line[data-v-54e3c004] {
    position: absolute;
    right: 42px;
    bottom: 40px;
    z-index: 9
}

.home-role-box .role-content[data-v-54e3c004] {
    margin-left: 76px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    position: relative
}

.home-role-box .role-content .item[data-v-54e3c004] {
    width: 45%;
    height: 364px;
    margin-bottom: 78px
}

.home-role-box .role-content .cylinder-img[data-v-54e3c004] {
    position: absolute;
    width: 170px;
    height: 170px;
    top: 364px;
    left: -40px;
    z-index: 9
}

.user-serve-box[data-v-02576e78] {
    background-color: #f6f6f6;
    padding-left: 35px;
    padding-top: 212px;
    display: flex;
    align-items: center
}

.user-serve-box .user[data-v-02576e78] {
    margin-left: 76px;
    margin: 0 auto
}

.user-serve-box .user .title[data-v-02576e78] {
    font-size: 32px;
    font-weight: 600;
    line-height: 50px;
    text-align: center;
    position: relative
}

.user-serve-box .user .title img[data-v-02576e78] {
    position: absolute;
    left: 52%;
    top: -40px;
    width: 380px;
    height: 120px;
    transform: translateX(-50%)
}

.user-serve-box .user .user-item-box[data-v-02576e78] {
    display: flex;
    justify-content: space-around;
    margin-top: 144px
}

.user-serve-box .user .user-item-box .item[data-v-02576e78] {
    position: relative;
    height: 100px;
    line-height: 100px;
    width: -moz-max-content;
    width: max-content;
    padding: 0 70px;
    border-radius: 24px;
    transform: skewX(-20deg);
    font-family: YouSheBiaoTiHei;
    font-size: 32px;
    font-weight: 400;
    text-align: center;
    margin-right: 40px
}

.user-serve-box .user .user-item-box .item .user-img[data-v-02576e78] {
    position: absolute;
    top: -40px;
    right: 24px;
    width: 64px;
    height: 64px;
    transform: skewX(20deg)
}

.user-serve-box .user .serve-text[data-v-02576e78] {
    text-align: center;
    font-size: 14px;
    font-weight: 500;
    line-height: 50px;
    margin-top: 145px
}

.user-serve-box .user .contact[data-v-02576e78] {
    margin: auto;
    height: 32px;
    padding: 0 16px;
    line-height: 32px;
    width: -moz-max-content;
    width: max-content;
    font-size: 12px;
    font-weight: 500;
    color: #0e1f00;
    background-color: #d3ff99;
    border: 1.5px solid #fff;
    border-radius: 85px
}

.user-serve-box .user .company-desc[data-v-02576e78] {
    text-align: center;
    font-size: 14px;
    font-weight: 500;
    line-height: 50px
}

.user-serve-box .user .com-desc[data-v-02576e78] {
    text-align: left;
    font-size: 14px;
    font-weight: 500;
    text-indent: 2em;
    padding: 0 100px
}

.home-container[data-v-aa87bd7e] {
    max-width: 1440px;
    margin: 0 auto
}