.padding {
    padding-top: 150px;
    padding-bottom: 150px;
}

.padding-bottom-80 {
    padding-bottom: 80px;
}

.padding-top-0 {
    padding-top: 0;
}

.swiper {
    --swiper-theme-color: var(--main);
    /* 设置Swiper风格 */
    --swiper-navigation-color: #172259;
    /* 单独设置按钮颜色 */
    --swiper-navigation-size: 24px;
    /* 设置按钮大小 */
}

html {
    height: 100%;
}

.title_green {
    background: -o-linear-gradient(left, #8afaa2 18.06%, #72d1bc 60.19%, #3c78f4 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(18.06%, #8afaa2), color-stop(60.19%, #72d1bc), to(#3c78f4));
    background: linear-gradient(90deg, #8afaa2 18.06%, #72d1bc 60.19%, #3c78f4 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.title_purple {
    background: -o-linear-gradient(left, #ff9c8d 18.06%, #9f6fb2 60.19%, #6a53c5 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(18.06%, #ff9c8d), color-stop(60.19%, #9f6fb2), to(#6a53c5));
    background: linear-gradient(90deg, #ff9c8d 18.06%, #9f6fb2 60.19%, #6a53c5 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}


.index_banner {
    position: relative;
    z-index: 4;
    overflow: hidden;
}

.index_banner .pagewidth {
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
}

.index_banner .pagewidth .row {
    position: relative;
}

.index_banner .pagewidth .row .logo {
    position: absolute;
    padding: 6px;
    border-radius: 120px;
    background: #fff;
    overflow: hidden;
}

.index_banner .pagewidth .row .logo img {
    height: 100%;
    width: 100%;
    border-radius: 120px;
    transition-duration: 0.3s;
}

.index_banner .pagewidth .row .logo.logo_deepseek {
    width: 100px;
    height: 100px;
    left: -80px;
    top: -100px;
    z-index: 4;
    animation: flotage 4s ease-in-out infinite;
    /* 应用动画 */
}

.index_banner .pagewidth .row .logo.logo_doubao {
    width: 80px;
    height: 80px;
    right: -50px;
    top: -100px;
    z-index: 4;
    animation: flotage 6s ease-in-out infinite;
    /* 应用动画 */
}

.index_banner .pagewidth .row .logo.logo_yuanbao {
    width: 50px;
    height: 50px;
    left: -210px;
    top: 50px;
    z-index: 4;
    animation: flotage 7s ease-in-out infinite;
    /* 应用动画 */
}

.index_banner .pagewidth .row .logo.logo_kimi {
    width: 40px;
    height: 40px;
    right: -120px;
    top: 120px;
    z-index: 4;
    animation: flotage 9s ease-in-out infinite;
    /* 应用动画 */
}

.index_banner .pagewidth .row .logo.logo_wenxinyiyan {
    width: 40px;
    height: 40px;
    left: -120px;
    top: 250px;
    z-index: 4;
    animation: flotage 6s ease-in-out infinite;
    /* 应用动画 */
}

.index_banner .pagewidth .row .logo.logo_baiduaisou {
    width: 32px;
    height: 32px;
    right: -80px;
    top: 270px;
    z-index: 4;
    animation: flotage 5s ease-in-out infinite;
    /* 应用动画 */
}

.index_banner .pagewidth .row .title {
    padding-top: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-bottom: 30px;
    background: url("../images/line.png") no-repeat 210px 100%;
    background-size: 220px;
    background-position: 210px calc(100%);
}

.index_banner .pagewidth .row .title h1 {
    font-size: 90px;
    color: #fff;
}

.index_banner .pagewidth .row .title p {
    font-size: 90px;
    color: #fff;
    font-weight: 300;
}

.index_banner .pagewidth .row .subtitle {
    font-size: 32px;
    color: #fff;
}

.index_banner .pagewidth .row .btn {
    display: flex;
    align-items: center;
    justify-content: center;
    grid-gap: 32px;
    padding-top: 80px;
}

.index_banner .pagewidth .row .btn .item a {
    grid-gap: 10px;
    font-size: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.index_banner .pagewidth .row .btn .item a i {
    font-size: 20px;
}

.index_banner .pagewidth .row .logo img:hover {
    transform: scale(1.1);
}

/* 定义漂浮动画 */
@keyframes flotage {
    0% {
        transform: translateY(0px);
        /* 初始位置 */
    }

    50% {
        transform: translateY(-20px);
        /* 向上浮动 */
    }

    100% {
        transform: translateY(0px);
        /* 回到初始位置 */
    }
}


.index_treaty .title {
    text-align: center
}

.index_treaty .title h2 {
    display: inline-block;
    font-size: 60px;
    line-height: 1.2
}

.index_treaty .content {
    padding-top: 50px;
}

.index_treaty .content .info {
    color: #aaaaaa;
    font-size: 18px;
    width: 1000px !important;
    margin: 0 auto !important;
    text-align: center;
}

.index_treaty .content .info strong {
    color: #fff;
}

.index_treaty .content h4 {
    font-size: 24px;
    padding-bottom: 30px;
    color: #fff;
    text-align: center;
    padding-top: 50px;
}

.index_treaty .content .layui-table {
    background: rgba(22, 23, 28, 0.4) !important;
    width: 1000px !important;
    margin: 0 auto !important;
    border-radius: 12px !important;
}

.layui-table td,
.layui-table th,
.layui-table-col-set,
.layui-table-fixed-r,
.layui-table-grid-down,
.layui-table-header,
.layui-table-mend,
.layui-table-page,
.layui-table-tips-main,
.layui-table-tool,
.layui-table-total,
.layui-table-view,
.layui-table[lay-skin=line],
.layui-table[lay-skin=row] {
    border-width: 1px;
    border-style: solid;
    border-color: rgba(255, 255, 255, 0.15) !important;
    background: none;

}

.layui-table td,
.layui-table th {
    position: relative;
    padding: 9px 15px !important;
    min-height: 40px !important;
    line-height: 40px !important;
    font-size: 16px !important;
    color: #999 !important;
    transition-duration: 0.3s !important;
    text-align: center !important;
}

.layui-table td:hover,
.layui-table th:hover {
    color: #fff !important;
}


.layui-table th {
    position: relative;
    background: #3851d1 !important;
    padding: 9px 15px !important;
    min-height: 40px !important;
    line-height: 40px !important;
    font-size: 18px !important;
    color: #fff !important;
    transition-duration: 0.3s !important;
    text-align: center !important;
}






.index_three .title {
    text-align: center
}

.index_three .title h2 {
    display: inline-block;
    font-size: 60px;
}

.index_three .title p {
    color: #fff;
    font-size: 20px;
}

.index_three .content {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 32px;
    padding-top: 50px;
}

.index_three .content .item {
    transition-duration: 0.3s;
}

.index_three .content .item1 {
    background: #16181d;
    border-radius: 12px;
    overflow: hidden;
    padding: 30px;
}

.index_three .content .item2 {
    background: #16181d;
    border-radius: 12px;
    overflow: hidden;
    padding: 30px;
}

.index_three .content .item3 {
    border-radius: 12px;
    position: relative;
    overflow: hidden;
    padding: 30px;
}

.index_three .content .item3 img {
    position: absolute;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.index_three .content .item1 {
    position: relative;
}

.index_three .content .item1 h3 {
    font-size: 18px;
    line-height: 1em;
    color: #fff;
    font-weight: normal;
    position: relative;
    z-index: 6;
}

.index_three .content .item1 h3:after {
    position: absolute;
    content: "";
    left: -30px;
    top: 50%;
    transform: translateY(-50%);
    width: 2px;
    height: 16px;
    background: #fff;
}

.index_three .content .item1 .logo {
    padding-top: 40px;
    padding-bottom: 30px;
    position: relative;
    z-index: 6;
}

.index_three .content .item1 .logo img {
    height: 72px;
}

.index_three .content .item1 p {
    font-size: 32px;
    line-height: 1.2em;
    font-weight: normal;
    position: relative;
    z-index: 6;
}

.index_three .content .item1 .ri-thumb-up-fill {
    position: absolute;
    right: 30px;
    top: 30px;
    line-height: 1em;
    color: rgba(255, 255, 255, 0.06);
    font-size: 220px;
}

.index_three .content .item2 {
    position: relative;
}

.index_three .content .item2 h3 {
    font-size: 18px;
    line-height: 1em;
    color: #fff;
    font-weight: normal;
    position: relative;
    z-index: 6;
}

.index_three .content .item2 h3:after {
    position: absolute;
    content: "";
    left: -30px;
    top: 50%;
    transform: translateY(-50%);
    width: 2px;
    height: 16px;
    background: #fff;
}

.index_three .content .item2 .icon {
    position: absolute;
    right: 30px;
    top: 30px;
}

.index_three .content .item2 h2 {
    color: #fff;
    font-size: 30px;
    line-height: 1.2em;
    padding-top: 20px;
}

.index_three .content .item2 p.description {
    color: #a0fe8c;
    font-size: 32px;
    line-height: 1.2em;
    margin-bottom: 24px;
}

.index_three .content .item2 .row {
    position: relative;
    padding-top: 20px;
    background: #111317;
    padding: 20px;
    display: grid;
    grid-gap: 10px;
    grid-template-columns: repeat(2, 1fr);
    border-radius: 12px;
    border: 1px solid rgba(255, 255, 255, 0.15);
    transition-duration: 0.3s;
}

.index_three .content .item2 .row h4 {
    font-size: 16px;
    color: #fff;
    margin-bottom: 5px;
}

.index_three .content .item2 .row p {
    font-size: 32px;
    line-height: 1em;
    color: #a0fe8c;
    font-weight: 500;
}

.index_three .content .item2 .row:after {
    position: absolute;
    left: 50%;
    top: 20px;
    bottom: 20px;
    width: 1px;
    background: #38393d;
    content: ""
}

.index_three .content .item2 .row .con:last-child {
    padding-left: 30px;
}

.index_three .content .item3 {
    position: relative
}

.index_three .content .item3 .font {
    z-index: 3;
    position: absolute;
    left: 30px;
    top: 50%;
    transform: translateY(-50%);
    line-height: 1.3em;
    color: #fff;
}

.index_three .content .item3 .font h3 {
    font-size: 32px;
    line-height: 1.2em
}

.index_three .content .item3 .font p {
    font-size: 32px;
    font-weight: 500;
    line-height: 1.2em
}

.index_three .content .item:hover {
    transform: scale(1.02);
}

.index_safeguard {
    padding-top: 150px;
}

.index_safeguard .title {
    text-align: center;
    margin-bottom: 50px;
}

.index_safeguard .title h2 {
    display: inline-block;
    font-size: 60px;
}

.index_safeguard .title p {
    color: #fff;
    font-size: 20px;
}

.index_safeguard .content {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 32px;
}

.index_safeguard .content .item {
    text-align: center;
    transition-duration: 0.3s;
    background: rgba(22, 23, 28, 0.4);
    border-radius: 24px;
    padding: 72px 24px;
    border: 1px solid rgba(255, 255, 255, 0.15);
    transition-duration: 0.3s;
}

.index_safeguard .content .item:hover {
    background: rgba(22, 23, 28, 0.6);
    border: 1px solid rgba(255, 255, 255, 0.35);
}

.index_safeguard .content .item .icon {
    text-align: center;
}

.index_safeguard .content .item .icon i {
    font-size: 90px;
    display: inline-block;
    line-height: 1em;
}

.index_safeguard .content .item h3 {
    font-size: 24px;
    color: #fff;
    padding-top: 24px;
}

.index_safeguard .content .item p {
    font-size: 16px;
    color: #999;
    padding-top: 10px;
}

.index_safeguard .content .item p span {
    color: #fff;
}

.index_client {
    padding-top: 150px;
}

.index_client .title {
    text-align: center;
    margin-bottom: 50px;
}

.index_client .title h2 {
    display: inline-block;
    font-size: 60px;
}

.index_client .title p {
    color: #fff;
    font-size: 20px;
}

.index_client .number {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 32px;
    padding-top: 60px;
    padding-bottom: 60px;
    padding-left: 240px;
    padding-right: 240px;
}

.index_client .number .item {
    text-align: center
}

.index_client .number h2 {
    line-height: 2em;
    margin-bottom: 5px;
}

.index_client .number h2 span {
    font-size: 90px;
    color: #a0fe8c;
    font-weight: 700;
}

.index_client .number h2 em {
    font-size: 60px;
    color: #a0fe8c;
    font-style: initial
}

.index_client .number p {
    font-size: 16px;
    color: #fff;
}

.index_client .content {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    grid-gap: 32px;
    flex-wrap: wrap;
    background: rgba(22, 23, 28, 0.4);
    border-radius: 24px;
    padding: 72px;
    border: 1px solid rgba(255, 255, 255, 0.15);
}

.index_client .content .item {
    transition-duration: 0.3s;
}

.index_client .content .item img {
    opacity: 0.5;
    transition-duration: 0.3s;
}

.index_client .content .item:hover img {
    opacity: 1;
}



.index_solution {
    position: relative;
    z-index: 4;
}

.index_solution .pagewidth {
    height: 60vh;
    display: flex;
    align-items: center;
    justify-content: center;
}

.index_solution .pagewidth .row {
    position: relative;
    text-align: center
}

.index_solution .pagewidth .row .title {
    padding-bottom: 35px;
    background: url("../images/line.png") no-repeat 180px bottom;
    background-size: 220px;
}

.index_solution .pagewidth .row .title h2 {
    font-size: 90px;
    display: inline-block;
    text-align: center;
}

.index_solution .pagewidth .row .subtitle {
    font-size: 32px;
    color: #fff;
}

.index_solution .pagewidth .row .btn {
    display: flex;
    align-items: center;
    justify-content: center;
    grid-gap: 32px;
    padding-top: 60px;
}

.index_solution .pagewidth .row .btn .item a {
    grid-gap: 10px;
    font-size: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.index_solution .pagewidth .row .btn .item a i {
    font-size: 20px;
}



.page {
    overflow: hidden;
}

.product_box1 {
    padding-top: 220px;
}

.product_box1 .pagewidth {
    display: grid;
    grid-template-columns: auto 660px;
    grid-gap: 32px;
    align-items: center
}

.product_box1 .info {
    order: 1;
}

.product_box1 .title h2 {
    display: inline-block;
    font-size: 60px;
    line-height: 1.2em;
}

.product_box1 .title p {
    color: #fff;
    font-size: 20px;
}

.product_box1 .content ul {
    padding-top: 30px;
    padding-bottom: 30px;
}

.product_box1 .content ul li {
    color: #fff;
    font-size: 18px;
    display: flex;
    align-items: center;
    justify-content: left;
    grid-gap: 8px;
    margin-bottom: 10px;
}

.product_box1 .content ul li span {
    text-align: center;
    background: #fff;
    font-size: 16px;
    color: #111;
    border-radius: 24px;
    line-height: 24px;
    height: 24px;
    width: 24px;
    display: block
}

.product_box1 .btn {
    display: flex;
    align-items: center;
    justify-content: left;
    grid-gap: 32px;
    padding-top: 0px;
}

.product_box1 .btn .item a {
    grid-gap: 10px;
    font-size: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.product_box1 .btn .item a i {
    font-size: 20px;
}

.product_box1 .flash {
    position: relative;
    width: 660px;
    height: 660px;
    order: 2;
}

.product_box1 .flash .title {
    position: absolute;
    top: 400px;
    background: #fff;
    left: 50%;
    transform: translateX(-50%);
    color: var(--main);
    z-index: 7;
    font-size: 18px;
    border-radius: 40px;
    padding: 10px 25px;
}

.product_box1 .flash img.bg {
    width: 660px;
    position: absolute;
    top: 0px;
    z-index: 1;
}

.product_box1 .flash img.scan {
    width: 660px;
    position: absolute;
    top: 2px;
    left: 2px;
    z-index: 2;
    animation: rotate 8s linear infinite;
}

.product_box1 .flash img.icon {
    width: 170px;
    position: absolute;
    top: 50%;
    z-index: 4;
    left: 48%;
    transform: translate(-50%, -50%);
}

@keyframes rotate {
    from {
        transform: rotate(0deg);
        /* 起始角度：0度 */
    }

    to {
        transform: rotate(360deg);
        /* 结束角度：360度（一圈） */
    }
}

.product_box2 {
    padding-top: 150px;
}

.product_box2 .pagewidth {
    position: relative;
}

.product_box2 .title {
    text-align: left;
}

.product_box2 .title h2 {
    display: inline-block;
    font-size: 60px;
    line-height: 1.2em;
}

.product_box2 .title p {
    color: #fff;
    font-size: 20px;
}

.product_box2 .img {
    width: 100%;
    position: relative;
    top: -50px;
}

.product_box2 .content {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 32px;
    position: absolute;
    left: 0px;
    right: 0px;
    top: 350px;
    z-index: 3;
    color: #fff;
}

.product_box2 .content .item {
    background: rgba(22, 23, 28, 0.4);
    border-radius: 24px;
    padding: 32px;
    border: 1px solid rgba(255, 255, 255, 0.15);
    transition-duration: 0.3s;
}

.product_box2 .content .item h3 {
    font-size: 32px;
    margin-bottom: 10px;
    display: inline-block;
}

.product_box2 .content .item p {
    color: #aaaaaa;
    font-size: 18px;
}

.product_box2 .content .item p span {
    color: #8afaa2;
    font-weight: 500;
    font-size: 20px;
}


.product_box3 {
    padding-top: 0px;
    position: relative;
    padding-bottom: 0px;
}

.product_box3:after {
    position: absolute;
    border-radius: 100%;
    z-index: -1;
    content: "";
    background: radial-gradient(50% 50% at 50% 50%, #1488FC 0%, rgba(12, 81, 150, 0.00) 100%);
    opacity: 0.6;
    width: 900px;
    height: 900px;
    top: 70%;
    left: -40%;
    transform: translateY(-50%)
}

.product_box3:before {
    position: absolute;
    border-radius: 100%;
    z-index: -1;
    content: "";
    background: radial-gradient(50% 50% at 50% 50%, #9f6fb2 0%, rgba(12, 81, 150, 0.00) 100%);
    opacity: 0.6;
    width: 900px;
    height: 900px;
    top: 90%;
    right: -40%;
    transform: translateY(-50%)
}



.product_box3 .pagewidth {
    position: relative;
}

.product_box3 .title {
    text-align: center;
    margin-bottom: 50px;
}

.product_box3 .title h2 {
    display: inline-block;
    font-size: 60px;
    line-height: 1.2em;
}

.product_box3 .title h3 {
    display: inline-block;
    font-size: 90px;
    line-height: 1em;
    color: #fff;
    padding-top: 30px;
    padding-bottom: 30px;
}

.product_box3 .title p {
    color: #aaa;
    font-size: 20px;
}

.product_box3 .title p span {
    color: #8afaa2
}

.product_box3 .content {
    background: rgba(22, 23, 28, 0.4);
    border-radius: 24px;
    padding: 32px 120px;
    border: 1px solid rgba(255, 255, 255, 0.15);
    transition-duration: 0.3s;
}

.product_box3 .content .item {
    display: flex;
    align-items: center;
    justify-content: left;
    grid-gap: 24px;
    padding-top: 5px;
    padding-bottom: 5px;
    color: #fff;
    font-size: 20px;
}

.product_box3 .content .item:nth-child(1) .progressbar {
    width: 760px;
    background: var(--main);
    height: 22px;
    border-radius: 3px;
}

.product_box3 .content .item:nth-child(2) .progressbar {
    width: 260px;
    background: var(--main);
    height: 22px;
    border-radius: 3px;
}

.product_box3 .content .item strong {
    display: block;
    width: 200px;
}


.product_box4 {
    padding-top: 150px;
}

.product_box4 .title {
    text-align: center;
    margin-bottom: 50px;
}

.product_box4 .title h2 {
    display: inline-block;
    font-size: 60px;
}

.product_box4 .title p {
    color: #fff;
    font-size: 20px;
}

.product_box4 .content {
    background: rgba(22, 23, 28, 0.4);
    border-radius: 24px;
    padding: 72px 72px;
    border: 1px solid rgba(255, 255, 255, 0.15);
    transition-duration: 0.3s;
}

.product_box4 .content {}

.product_box4 .content .tree {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    grid-gap: 32px;
}

.product_box4 .content .tree .item img {
    max-width: 100%
}

.product_box4 .content .text {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    grid-gap: 32px;
}

.product_box4 .content .text .item {
    text-align: center;
}

.product_box4 .content .text .item .icon {
    position: relative;
    margin-bottom: 20px;
    font-size: 56px;
    display: inline-block;
    background: rgba(22, 23, 28, 0.4);
    line-height: 120px;
    height: 120px;
    width: 120px;
    border-radius: 120px;
    border: 1px solid rgba(255, 255, 255, 0.15);
    transition-duration: 0.3s;
}

.product_box4 .content .item .icon span {
    position: absolute;
    right: -120%;
    top: 50%;
    transform: translateY(-50%);
    display: block;
    font-size: 32px;
    height: 32px;
    width: 32px;
    line-height: 32px;
    text-align: center;
    transition-duration: 0.3s;
}

.product_box4 .content .text .item h3 {
    font-size: 24px;
    color: #999;
    text-align: center;
    transition-duration: 0.3s;
}

.product_box4 .content .item p {
    color: #999;
    transition-duration: 0.3s;
}

.product_box4 .content .text .item p span {
    color: #fff;
    transition-duration: 0.3s;
}

.product_box4 .content .item:hover .icon {
    border: 1px solid rgba(255, 255, 255, 0.5);
}

.product_box4 .content .text .item:hover h3 {
    color: #fff;
}

.product_box4 .content .item:hover p {
    color: #fff;
}

.product_box4 .content .text .item:nth-child(4) .icon span {
    display: none
}




.product_box5 {
    padding-top: 150px;
}

.product_box5 .title {
    text-align: center;
    margin-bottom: 50px;
}

.product_box5 .title h2 {
    display: inline-block;
    font-size: 60px;
}

.product_box5 .title p {
    color: #fff;
    font-size: 20px;
}

.product_box5 .content {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    grid-gap: 32px;
}

.product_box5 .content .item {
    text-align: center;
}

.product_box5 .content .item .icon {
    position: relative;
    margin-bottom: 20px;
    font-size: 56px;
    display: inline-block;
    background: rgba(22, 23, 28, 0.4);
    line-height: 120px;
    height: 120px;
    width: 120px;
    border-radius: 120px;
    border: 1px solid rgba(255, 255, 255, 0.15);
    transition-duration: 0.3s;
}

.product_box5 .content .item .icon span {
    display: none;
}

.product_box5 .content .item h3 {
    font-size: 24px;
    color: #999;
    text-align: center;
    transition-duration: 0.3s;
}

.product_box5 .content .item p {
    color: #999;
    transition-duration: 0.3s;
}

.product_box5 .content .item p span {
    color: #fff;
    transition-duration: 0.3s;
}

.product_box5 .content .item:hover .icon {
    border: 1px solid rgba(255, 255, 255, 0.5);
}

.product_box5 .content .item:hover h3 {
    color: #fff;
}

.product_box5 .content .item:hover p {
    color: #fff;
}


.product_box6 {
    padding-top: 150px;
}

.product_box6 .title {
    text-align: center;
    margin-bottom: 50px;
}

.product_box6 .title h2 {
    display: inline-block;
    font-size: 60px;
}

.product_box6 .title p {
    color: #fff;
    font-size: 20px;
}

.product_box6 .content {
    display: flex;
    justify-content: center;
    align-items: center;
    grid-gap: 24px 32px;
    flex-wrap: wrap
}

.product_box6 .content .item {
    background: linear-gradient(90deg, #4281ee, #3d59e4);
    position: relative;
    color: #fff;
    font-size: 16px;
    padding: 10px 24px;
    border-radius: 30px;
}

.product_box6 .content .item:nth-child(2n) {
    color: rgba(255, 255, 255, 0.6);
    padding: 8px 18px;
    font-size: 14px;
    background: #16171c
}

.product_box6 .content .item:nth-child(4n) {
    color: #fff;
    background: #44464e;
    padding: 12px 32px;
    font-size: 18px;
}

.product_box6 .content .item:after {
    content: "";
    position: absolute;
    border: 10px solid transparent;
    border-left-width: 0;
    left: 30px;
    border-top-color: #417ded;
    bottom: -19px;
    transform: rotate(10deg)
}

.product_box6 .content .item:nth-child(2n):after {
    border-top-color: #16171c;
}

.product_box6 .content .item:nth-child(4n):after {
    border-top-color: #43464e;
}

/* 偶数位 chat 气泡：文字不透明（覆盖 nth-child(2n) 的 0.6 透明度） */
.product_box6 .content .item.chat:nth-child(2n) {
    color: #fff;
}



.product_box7 {
    padding-bottom: 150px;
    padding-top: 150px;
}

.product_box7 .pagewidth {}

.product_box7 .pagewidth .info {
    text-align: center;
    margin-bottom: 32px;
}

.product_box7 .pagewidth .info h2 {
    font-size: 60px;
    display: inline-block;
}

.product_box7 .pagewidth .info p {
    font-size: 20px;
    color: #fff;
}

.product_box7 .pagewidth .btn {
    display: flex;
    align-items: center;
    justify-content: center;
    grid-gap: 32px;
}

.product_box7 .pagewidth .btn .item a {
    grid-gap: 10px;
    font-size: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.product_box7 .pagewidth .btn .item a i {
    font-size: 20px;
}


.product_box8 {
    position: relative;
}

.product_box8:before {
    position: absolute;
    border-radius: 100%;
    z-index: -1;
    content: "";
    background: radial-gradient(50% 50% at 50% 50%, #1488FC 0%, rgba(12, 81, 150, 0.00) 100%);
    opacity: 0.6;
    width: 1200px;
    height: 1200px;
    top: 50%;
    left: -25%;
    transform: translateY(-50%)
}

.product_box8:after {
    position: absolute;
    border-radius: 100%;
    z-index: -1;
    content: "";
    background: radial-gradient(50% 50% at 50% 50%, #6f2374 0%, rgba(111, 35, 116, 0.00) 100%);
    opacity: 0.6;
    width: 1200px;
    height: 1200px;
    top: 50%;
    right: -25%;
    transform: translateY(-50%)
}


.product_box8 .box {
    background: linear-gradient(90deg, #4281ee, #3d59e4);
    overflow: hidden;
    border-radius: 24px;
    padding: 100px 72px;
    padding-bottom: 0;
    transition-duration: 0.3s;
    display: grid;
    grid-template-columns: 4fr 6fr;
    grid-gap: 32px;
}

.product_box8 .info {
    padding-bottom: 100px;
}

.product_box8 .info h2 {
    display: inline-block;
    font-size: 48px;
    color: #fff;
    line-height: 1.2em;
    margin-bottom: 20px;
}

.product_box8 .info h3 {
    font-size: 32px;
    color: #fff;
}

.product_box8 .info p {
    color: #fff;
    font-size: 20px;
}

.product_box8 .img {
    position: relative;
}

.product_box8 .img .logo {
    position: absolute;
    padding: 6px;
    border-radius: 120px;
    background: #fff;
    overflow: hidden;
}

.product_box8 .img .logo img {
    height: 100%;
    width: 100%;
    border-radius: 120px;
}

.product_box8 .img .logo.logo_deepseek {
    width: 72px;
    height: 72px;
    left: 20px;
    top: -40px;
    z-index: 4;
    animation: flotage 4s ease-in-out infinite;
    /* 应用动画 */
}

.product_box8 .img .logo.logo_doubao {
    width: 64px;
    height: 64px;
    right: -50px;
    top: -50px;
    z-index: 4;
    animation: flotage 6s ease-in-out infinite;
    /* 应用动画 */
}

.product_box8 .img .logo.logo_yuanbao {
    width: 50px;
    height: 50px;
    left: 320px;
    top: -20px;
    z-index: 4;
    animation: flotage 7s ease-in-out infinite;
    /* 应用动画 */
}

.product_box8 .img .logo.logo_kimi {
    width: 40px;
    height: 40px;
    right: -120px;
    top: 120px;
    z-index: 4;
    animation: flotage 9s ease-in-out infinite;
    /* 应用动画 */
}

.product_box8 .img .logo.logo_wenxinyiyan {
    width: 40px;
    height: 40px;
    left: -40px;
    top: 250px;
    z-index: 4;
    animation: flotage 6s ease-in-out infinite;
    /* 应用动画 */
}

.product_box8 .img .logo.logo_baiduaisou {
    width: 32px;
    height: 32px;
    right: -40px;
    top: 270px;
    z-index: 4;
    animation: flotage 5s ease-in-out infinite;
    /* 应用动画 */
}

.product_box8 .img .mobile {
    font-size: 12px;
    position: absolute;
    z-index: 2;
    right: 520px;
    bottom: 0px;
    width: 140px;
    height: 240px;
    padding: 12px;
    border-radius: 24px 24px 0px 0px;
    background: #fff;
    border: #000 solid 4px;
    border-bottom: none;
}

.product_box8 .img .pc {
    font-size: 15px;
    position: absolute;
    z-index: 1;
    right: 0px;
    bottom: 0px;
    width: 500px;
    height: 300px;
    padding: 24px;
    border-radius: 16px 16px 0px 0px;
    background: #fff;
    border: #000 solid 4px;
    border-bottom: none;
}

.product_box8 .img .mobile:after {
    content: "";
    position: absolute;
    left: 50%;
    top: 10px;
    width: 40px;
    border-radius: 20px;
    background: #111;
    transform: translateX(-50%);
    height: 12px;
}

.product_box8 .img .pc:after {
    content: "";
    position: absolute;
    left: 50%;
    top: 0px;
    width: 60px;
    border-radius: 0 0 8px 8px;
    background: #111;
    transform: translateX(-50%);
    height: 12px;
}

.product_box8 .img .chat {
    padding-top: 40px;
}

.product_box8 .img .chat .chat_right {
    display: flex;
    justify-content: flex-end;
    margin-bottom: 10px;
}

.product_box8 .img .chat .chat_right {
    display: flex;
    justify-content: flex-end;
}

.product_box8 .img .chat .chat_right p {}

.product_box8 .img .chat .chat_left {
    position: absolute;
    left: 12px;
    bottom: 60px;
}

.product_box8 .img .pc.chat .chat_left {
    width: 220px;
    position: absolute;
    left: 12px;
    bottom: 80px;
}

.product_box8 .img .chat .chat_right .con {
    border-radius: 12px 12px 0px 12px;
    background: linear-gradient(90deg, #4281ee, #3d59e4);
    color: #fff;
    padding: 5px 10px;
}

.product_box8 .img .chat .chat_left .con {
    width: 60%;
    border-radius: 12px 12px 12px 0px;
    background: #ddd;
    color: #333;
    padding: 5px 10px;
}

.product_box8 .img .chat .chat_left .con p,
.product_box8 .img .chat .chat_right .con p {
    line-height: 1.5em;
}

.product_box8 .img .chat .form {
    position: absolute;
    bottom: 12px;
    left: 12px;
    right: 12px;
    border-radius: 24px;
    padding: 3px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: #ddd;
}

.product_box8 .img .pc.chat .form {
    bottom: 24px;
}

.product_box8 .img .chat .form span {
    font-size: 12px;
    line-height: 1em;
    padding-left: 8px;
    color: #333
}

.product_box8 .img .chat .form .btn {
    border-radius: 32px;
    height: 24px;
    width: 24px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 12px;
    background: linear-gradient(90deg, #4281ee, #3d59e4);
    color: #fff;
}

.product_box8 .img .chat .form .btn i {
    font-size: 12px;
}




.page_contact {
    position: relative;
    z-index: 44;
}

.page_contact .pagewidth {
    display: grid;
    grid-template-columns: 4fr 8fr;
    grid-gap: 64px;
}

.page_contact .pagewidth .info .title h3,
.page_contact .pagewidth .info .title h4 {
    font-size: 36px;
    display: inline-block
}

.page_contact .pagewidth .info .title {
    border-bottom: rgba(255, 255, 255, 0.15) solid 1px;
    padding-bottom: 40px;
    margin-bottom: 40px;
}

.page_contact .pagewidth .info {
    padding-top: 65px;
}

.page_contact .pagewidth .info .title h3 {
    font-size: 48px;
    line-height: 1.3em;
}

.page_contact .pagewidth .info .title h4 {
    font-size: 36px;
    line-height: 1.3em;
}

.page_contact .pagewidth .info .content {
    color: #fff;
    margin-bottom: 40px;
}

.page_contact .pagewidth .info .content .item {
    margin-bottom: 32px;
    font-size: 18px;
}

.page_contact .pagewidth .info .content .item h3 {
    font-size: 32px;
}

.page_contact .pagewidth .info .content .item.wechat a {
    color: #fff;
    background: #00ce6c;
    display: inline-flex;
    grid-gap: 6px;
    border-radius: 50px;
    padding: 14px 36px;
    position: relative;
    color: #fff;
    transition-duration: 0.3s;
}

.page_contact .pagewidth .info .content .item.wechat a i {
    font-size: 24px;
}

.page_contact .pagewidth .info .content .item.wechat a:hover {
    background: #00ad5b;
}

.page_contact .pagewidth .info .content .item.wechat a .wechatimg {
    visibility: hidden;
    opacity: 0;
    transition-duration: 0.3s;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: -130px;
    width: 120px;
    height: 120px;
    padding: 4px;
    border-radius: 4px;
}

.page_contact .pagewidth .info .content .item.wechat a .wechatimg:after {
    content: "";
    position: absolute;
    border: 5px solid transparent;
    top: 50%;
    border-left-width: 0;
    left: 50%;
    transform: translate(-50%, -50%);
    border-right-color: #fff;
    left: 2px;
}

.page_contact .pagewidth .info .content .item.wechat a .wechatimg img {
    width: 100%;
    border-radius: 6px;
}

.page_contact .pagewidth .info .content .item.wechat a:hover .wechatimg {
    visibility: visible;
    opacity: 1;
}

.page_contact .pagewidth .info .join {
    border-top: rgba(255, 255, 255, 0.15) solid 1px;
    padding-top: 40px;
    color: rgba(255, 255, 255, 0.6);
    font-size: 18px;
}

.page_contact .pagewidth .info .join a {
    color: rgba(255, 255, 255, 1)
}

.page_contact .pagewidth .message {
    background: rgba(22, 23, 28, 0.6);
    border-radius: 24px;
    border: 1px solid rgba(255, 255, 255, 0.15);
}

.page_contact .pagewidth .message .box {
    padding: 72px;
}

.page_contact .pagewidth .message .box .title h3 {
    font-size: 32px;
    margin-bottom: 30px;
    line-height: 1.3em;
}





.page_contact .pagewidth .message .box .layui-form-label {
    float: none;
    width: auto;
    padding-top: 20px;
    color: #fff;
    text-align: left;
    padding-left: 0;
    padding-bottom: 20px;
}

.page_contact .pagewidth .message .box .layui-input-block {
    margin-left: 0;
}

.page_contact .pagewidth .message .box .row {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 32px;
}

.page_contact .pagewidth .message .box .layui-form-item-checkbox .layui-input-block {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    grid-gap: 12px 32px;
}

.page_contact .pagewidth .message .box .layui-form-item .layui-btn {
    background: var(--main)
}


.about_earth_box {
    position: absolute;
    left: 0;
    right: 0;
    z-index: -3;
    top: 50px;
    height: 730px;
    background: url("../images/earth.png") no-repeat center top;
    background-size: auto 100%;
    width: 100%;
}

.about_earth .aspect-square {
    position: relative;
    z-index: 3;
}

.about_box_1 {
    z-index: 12;
    color: #fff;
    padding-top: 620px;
}

.about_box_1 .logo {
    text-align: center;
    margin-bottom: 40px;
}

.about_box_1 .logo img {
    display: inline-block;
    height: 72px;
}

.about_box_1 h3 {
    font-size: 32px;
    margin-bottom: 12px;
    display: inline-block;
    padding-top: 32px;
}

.about_box_1 .html {
    margin-bottom: 24px;
}

.about_box_1 .html p {
    margin-bottom: 24px;
    font-size: 17px;
    text-align: justify;
}

.about_box_1 .html p a {
    color: #00B2FF;
    text-decoration: none;
    transition: color 0.3s ease;
}

.about_box_1 .html a {
    color: #0095D9;
}

.about_box_1 .html p:last-child {
    margin-bottom: 0;
}

.about_box_1 .photo {
    padding-top: 10px;
    padding-bottom: 30px;
    position: relative;
}

.about_box_1 .photo .swiper-slide img {
    width: 100%;
    border-radius: 6px;
}

.about_box_1 .photo .swiper {
    padding-bottom: 50px;
}

.about_box_1 .photo .swiper .swiper-pagination-bullet {
    background: #fff;
}

.about_box_1 .photo .swiper .swiper-pagination-bullet-active {
    background: var(--main);
}

.about_box_1 .content {
    width: 1024px;
    margin: 0 auto;
}

.about_box_1 .content .row {
    display: grid;
    align-items: flex-end;
    grid-template-columns: 56% auto;
    grid-gap: 32px;
    padding-top: 32px;
}

.about_box_1 .content .row .info {}

.about_box_1 .content .row .img img {
    width: 100%;
}

.about_box_1 .team {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 24px;
    padding-top: 24px;
    margin-bottom: 24px;
}

.about_box_1 .team .item img {
    width: 100%;
    border-radius: 12px;
    display: block;
    margin-bottom: 20px;
}

.about_box_1 .team .item .name {
    display: flex;
    justify-content: left;
    grid-gap: 10px;
    margin-bottom: 10px;
    align-items: flex-end
}

.about_box_1 .team .item .name h4 {
    font-size: 24px;
}

.about_box_1 .team .item .name span {
    font-size: 15px;
}

.about_box_1 .team .item .name p {
    font-size: 15px;
    line-height: 1.6
}

.about_box_1 .html img {
    max-width: 100%;
}


.page_title {
    text-align: center;
    position: relative;
    z-index: 4;
    padding-top: 200px;
}

.page_title h1 {
    font-size: 48px;
    display: inline
}

.page_title p {
    font-size: 20px;
    color: #fff;
}

.page_menu {
    position: relative;
    z-index: 4;
    padding-top: 40px;
    padding-bottom: 60px;
}

.page_menu .pagewidth {
    display: flex;
    align-items: center;
    justify-content: center;
}

.page_menu .pagewidth ul {
    display: flex;
    align-items: center;
    justify-content: center;
    grid-gap: 5px;
    border-radius: 40px;
    border: 1px solid rgba(255, 255, 255, 0.15);
    padding: 2px;
}

.page_menu .pagewidth ul li a {
    display: block;
    font-size: 18px;
    color: #fff;
    padding: 6px 32px;
    border-radius: 50px;
    background: #3851d100;
    transition-duration: 0.3s;
}

.page_menu .pagewidth ul li a.active {
    color: var(--main);
    background: #fff;
}

.page_menu .pagewidth ul li a:hover {
    color: #fff;
    background: rgba(255, 255, 255, 0.1);
}

.page_menu .pagewidth ul li a.active:hover {
    color: #fff;
    background: var(--main);
}

.list_news {
    position: relative;
    z-index: 4;
    padding-bottom: 150px;
}

.list_news .article-list {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 32px;
}

.list_news .article-list .item {
    background: rgba(22, 23, 28, 0.4);
    border-radius: 12px;
    padding: 20px;
    border: 1px solid rgba(255, 255, 255, 0.15);
    transition-duration: 0.3s;
}

.list_news .article-list .item:hover {
    background: rgba(22, 23, 28, 0.6);
    border: 1px solid rgba(255, 255, 255, 0.35);
}

.list_news .article-list .item .img {
    border-radius: 6px;
    overflow: hidden;
    aspect-ratio: 45/24;
    width: 100%;
    margin-bottom: 20px;
}

.list_news .article-list .item .img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition-duration: 0.3s;
}

.list_news .article-list .item:hover .img img {
    transform: scale(1.1);
}

.list_news .article-list .item .info .time {
    font-size: 14px;
    color: rgba(255, 255, 255, 0.5);
    margin-bottom: 6px;
    transition-duration: 0.3s;
}

.list_news .article-list .item:hover .info .time {
    color: rgba(255, 255, 255, 1);
}

.list_news .article-list .item .info h3 {
    margin-bottom: 16px;
}

.list_news .article-list .item .info h3 a {
    color: #fff;
    line-height: 1.4em;
    text-decoration: none;
    display: inline-block;
}

.list_news .article-list .item .info h3 a .hover-line {
    background-image: linear-gradient(to right, #fff 0%, #fff 100%);
    background-size: 0px 2px;
    background-position: 0px 95%;
    background-repeat: no-repeat;
    transition: background-size 0.5s cubic-bezier(0.72, 0.16, 0.345, 0.875) 0s;
    padding-bottom: 4px;
}

.list_news .article-list .item:hover .info h3 a .hover-line {
    background-size: 100% 2px;
}

.list_news .article-list .item .info .description {
    font-size: 16px;
    color: rgba(255, 255, 255, 0.5);
    margin-bottom: 16px;
    transition-duration: 0.3s;
}

.list_news .article-list .item:hover .info .description {
    color: rgba(255, 255, 255, 1);
}

.list_news .article-list .item .info .more {
    border-top: 1px solid rgba(255, 255, 255, 0.15);
    padding-top: 16px;
}

.list_news .article-list .item .info .more a {
    color: var(--main);
    font-size: 16px;
    transition-duration: 0.3s;
}

.list_news .article-list .item .info .more a:hover {
    color: #fff;
}

.show_news {
    position: relative;
    z-index: 4;
    padding-top: 200px;
    width: 1024px;
    margin: 0 auto;
}

.show_news .title {
    color: #fff;
    font-size: 36px;
    text-align: center;
    line-height: 1.4em;
    margin-bottom: 20px;
}

.show_news .info {
    display: flex;
    align-items: center;
    justify-content: center;
    grid-gap: 20px;
    margin-bottom: 20px;
    font-size: 16px;
    color: rgba(255, 255, 255, 0.5);
    margin-bottom: 24px;
}

.show_news .content {
    line-height: 1.8em;
    font-size: 17px;
    color: #fff;
    background: rgba(22, 23, 28, 0.4);
    border-radius: 12px;
    padding: 50px;
    border: 1px solid rgba(255, 255, 255, 0.15);
    transition-duration: 0.3s;
}

.show_news .other {
    padding-top: 30px;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 32px;
}

.show_news .other span {
    display: block;
    color: rgba(255, 255, 255, 0.5);
    font-size: 14px;
    transition-duration: 0.3s;
}

.show_news .other .left {
    text-align: left
}

.show_news .other .right {
    text-align: right
}

.show_news .other a {
    line-height: 1.4em;
    color: rgba(255, 255, 255, 0.5);
    font-size: 16px;
    transition-duration: 0.3s;
}

.show_news .other a:hover {
    color: rgba(255, 255, 255, 1);
}

.show_news .back {
    display: flex;
    justify-content: center;
    align-items: center;
    padding-top: 50px;
    padding-bottom: 100px;
}

.show_news .back a {
    display: flex;
    justify-content: space-between;
    align-items: center;
    text-align: center;
    color: #fff;
    grid-gap: 10px;
}

.show_news .back span {
    padding-left: 10px;
    padding-right: 10px;
    cursor: pointer
}

.show_news .back a i {
    display: block;
    margin: 0 auto;
    transition-duration: 0.3s;
}

.join_info {
    padding-left: 20px;
    position: relative;
    z-index: 4;
    padding-top: 200px;
    margin: 0 auto;
}

.join_info .row {}

.join_info .row.content1 {
    display: flex;
    justify-content: left;
    margin-bottom: 100px;
    align-items: center
}

.join_info .row.content1 .left {
    width: 28%;
    font-size: 200px;
    font-weight: 500;
    line-height: 1em;
}

.join_info .row.content1 .right {
    width: 55%;
}

.join_info .row.content1 .right h2 {
    font-size: 48px;
    display: inline-block;
    margin-bottom: 24px;
}

.join_info .row.content1 .right p {
    line-height: 1.8em;
    color: #fff;
    font-size: 18px;
    margin-bottom: 24px;
}

.join_info .row.content1 .right .btn {
    padding-top: 24px;
}

.join_info .row.content1 .right .btn a {
    display: inline-flex;
    justify-content: space-between;
    align-items: center;
    text-align: center;
    color: #fff;
    grid-gap: 10px;
}

.join_info .row.content1 .right .btn span {
    padding-left: 10px;
    padding-right: 10px;
    cursor: pointer
}

.join_info .row.content1 .right .btn a i {
    display: block;
    margin: 0 auto;
    transition-duration: 0.3s;
}

.join_info .row.content1 .right .btn a:hover i {
    transform: rotate(45deg);
}


.join_info .row.content2 {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    align-items: center;
    grid-gap: 100px;
    margin-bottom: 100px;
}

.join_info .row.content2 .info {
    order: 1;
}

.join_info .row.content2 .info h2 {
    font-size: 48px;
    display: inline-block;
    margin-bottom: 24px;
}

.join_info .row.content2 .info p {
    line-height: 1.8em;
    color: #fff;
    font-size: 18px;
    margin-bottom: 24px;
}

.join_info .row.content2 .img {
    order: 2;
}

.join_info .row.content2 .img img {
    width: 100%;
    border-radius: 12px;
}


.join_info .row.content3 {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    align-items: center;
    grid-gap: 100px;
    margin-bottom: 100px;
}

.join_info .row.content3 .info {
    order: 2;
}

.join_info .row.content3 .info h2 {
    font-size: 48px;
    display: inline-block;
    margin-bottom: 24px;
}

.join_info .row.content3 .info p {
    line-height: 1.8em;
    color: #fff;
    font-size: 18px;
    margin-bottom: 24px;
}

.join_info .row.content3 .img {
    order: 1;
}

.join_info .row.content3 .img img {
    width: 100%;
    border-radius: 12px;
}


.list_job {
    padding-top: 50px;
    padding-bottom: 150px;
    padding-left: 20px;
}

.list_job .pagewidth {
    display: grid;
    grid-template-columns: 4fr 8fr;
    grid-gap: 32px;
}

.list_job .pagewidth .title h2 {
    font-size: 48px;
    line-height: 1.2em;
    margin-bottom: 30px;
    display: inline-block
}

.list_job .pagewidth .title h4 {
    font-size: 24px;
    color: #fff;
    font-weight: normal;
}

.list_job .pagewidth .content .layui-collapse {
    border: none
}

.list_job .pagewidth .content .layui-colla-item {
    background: rgba(22, 23, 28, 0.4);
    border-radius: 12px;
    border: 1px solid rgba(255, 255, 255, 0.15);
    transition-duration: 0.3s;
    margin-bottom: 24px;
}

.list_job .pagewidth .content .layui-colla-item .layui-colla-title {
    background: none;
    padding: 24px 32px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.list_job .pagewidth .content .layui-colla-item .layui-colla-title h2 {
    font-size: 24px;
    color: rgba(255, 255, 255, 0.7);
    transition-duration: 0.3s;
}

.list_job .pagewidth .content .layui-colla-item .layui-colla-title i {
    font-size: 24px;
    color: rgba(255, 255, 255, 0.7);
    transition-duration: 0.3s;
    font-weight: normal;
    transition-duration: 0.3s;
}

.list_job .pagewidth .content .layui-colla-item.layui-show .layui-colla-title i {
    transform: rotate(180deg);
}

.list_job .pagewidth .content .layui-colla-item.layui-show .layui-colla-title h2 {
    color: rgba(255, 255, 255, 1)
}

.list_job .pagewidth .content .layui-colla-item.layui-show .layui-colla-title i {
    color: rgba(255, 255, 255, 1)
}

.list_job .pagewidth .content .layui-colla-item .layui-colla-content {
    border: none;
    padding: 0px 32px;
    padding-bottom: 32px;
    color: rgba(255, 255, 255, 0.7)
}

.list_job .pagewidth .content .layui-colla-item.layui-show {
    background: rgba(22, 23, 28, 0.6);
    border: 1px solid rgba(255, 255, 255, 0.35);
}

.list_job .pagewidth .content .layui-colla-item .layui-colla-content .email {
    padding-top: 24px;
    display: flex;
    justify-content: left;
    align-items: center;
    color: #fff;
    grid-gap: 12px;
}

.list_job .pagewidth .content .layui-colla-item .layui-colla-content .email span {
    font-weight: 500;
}

.list_job .pagewidth .content .layui-colla-item .layui-colla-content .email a {
    display: flex;
    justify-content: left;
    align-items: center;
    color: #fff;
    grid-gap: 6px;
}

.list_job .pagewidth .content .layui-colla-item .layui-colla-content .email a i {
    display: block;
    margin: 0 auto;
    transition-duration: 0.3s;
}

.list_job .pagewidth .content .layui-colla-item .layui-colla-content .email a:hover i {
    transform: rotate(45deg);
}


.list_websitemap {
    padding-top: 30px;
    padding-bottom: 100px;
}

.list_websitemap .box {
    background: rgba(22, 23, 28, 0.4);
    padding: 32px;
    border-radius: 12px;
    border: 1px solid rgba(255, 255, 255, 0.15);
    margin-bottom: 24px
}

.list_websitemap .box h2 {
    font-size: 18px;
    color: #fff;
    margin-bottom: 12px;
}

.list_websitemap .box ul {}

.list_websitemap .box ul li {
    padding-left: 14px;
    position: relative;
}

.list_websitemap .box ul li:after {
    content: "";
    position: absolute;
    left: 0px;
    top: 50%;
    transform: translateY(-50%);
    width: 4px;
    height: 4px;
    background: rgba(255, 255, 255, 0.5)
}

.list_websitemap .box ul li {
    line-height: 32px;
}

.list_websitemap .box ul li a {
    color: rgba(255, 255, 255, 0.5);
    font-size: 16px;
}

.list_websitemap .box ul li a:hover {
    color: rgba(255, 255, 255, 1);
}

.list_websitemap .box ul>ul {
    padding-left: 20px;
}

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

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

@media screen and (max-width: 1440px) {
    .index_banner .pagewidth .row .title h1 {
        font-size: 72px;
    }

    .index_banner .pagewidth .row .title p {
        font-size: 72px;
    }

    .index_banner .pagewidth .row .subtitle {
        font-size: 28px;
    }

    .index_three .content .item1 .logo {
        padding-top: 40px;
    }

    .index_three .content .item1 .logo img {
        height: 60px;
    }

    .index_three .content {
        grid-gap: 24px;
    }

    .index_safeguard .content {
        grid-gap: 24px;
    }

    .index_safeguard .content .item .icon i {
        font-size: 72px;
    }

    .index_safeguard .content {
        padding-left: 24px;
        padding-right: 24px;
    }

    .index_client .number {
        padding-left: 120px;
        padding-right: 120px;
    }

    .index_client .content .item img {
        height: 64px;
    }

    .index_solution .pagewidth .row .title h2 {
        font-size: 72px;
    }

    body:before {
        width: 100%;
    }

    .product_box1 {
        padding-top: 200px;
    }

    .product_box2 .content {
        grid-gap: 24px;
    }

    .product_box2 .content .item {
        padding: 24px;
    }

    .product_box3 .title h3 {
        font-size: 72px;
    }

    .product_box4 .content {
        grid-gap: 24px;
    }

    .product_box5 .content {
        grid-gap: 24px;
    }

    .product_box7 .pagewidth .btn {
        grid-gap: 24px;
    }

    .about_box_1 .content .row {
        grid-gap: 24px;
    }

    .index_banner .pagewidth .row .btn {
        grid-gap: 24px;
    }

    .index_solution .pagewidth .row .btn {
        grid-gap: 24px;
    }

    .product_box1 .btn {
        grid-gap: 24px;
    }

    .list_news .article-list {
        grid-gap: 24px;
    }

    .join_info .row.content1 .right {
        width: 65%;
    }

    .join_info .row.content1 .left {
        width: 35%;
    }

    .join_info .row.content2 {
        grid-gap: 72px;
    }

    .join_info .row.content3 {
        grid-gap: 72px;
    }

    .list_job .pagewidth {
        grid-gap: 24px;
    }

    .page_contact .pagewidth .message .box .row {
        grid-gap: 24px;
    }

    .index_three .content .item2 h2 {
        font-size: 28px;
    }

    .index_three .content .item1 p {
        font-size: 28px;
    }

    .index_three .content .item2 p.description {
        font-size: 28px;
    }

    .index_three .content .item2 .row p {
        font-size: 28px;
    }

    .index_three .content .item3 .font h3 {
        font-size: 28px;
    }

    .index_three .content .item3 .font p {
        font-size: 28px;
    }

    .product_box5 .content .item .icon span {
        display: none;
    }

}

@media screen and (max-width: 1280px) {
    .index_banner .pagewidth .row .subtitle {
        font-size: 24px;
    }

    .index_safeguard .content {
        grid-template-columns: repeat(4, 1fr);
    }

    .index_safeguard .content .item {
        padding: 48px 24px;
    }

    .index_client .content .item img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .index_solution .pagewidth .row .title h2 {
        font-size: 66px;
    }

    .product_box1 .flash {
        width: 560px;
        height: 560px;
    }

    .product_box1 .flash img.scan {
        width: 560px;
    }

    .product_box1 .flash img.bg {
        width: 560px;
    }

    .product_box1 .pagewidth {
        grid-template-columns: auto 560px;
    }

    .product_box1 .flash img.icon {
        width: 120px;
        top: 285px;
    }

    .product_box1 .flash .title {
        top: 360px;
    }

    .product_box2 .content {
        top: 320px;
    }

    .product_box1 .content ul li {
        font-size: 16px;
    }

    .product_box3 .title h3 {
        font-size: 66px;
    }

    .product_box3 .content {
        padding: 32px 80px;
    }

    .product_box3 .content {
        font-size: 18px;
    }

    .product_box3 .content .item strong {
        width: 200px;
    }

    .product_box3 .content .item:nth-child(1) .progressbar {
        width: 560px;
    }

    .product_box3 .content .item:nth-child(2) .progressbar {
        width: 210px;
    }

    .product_box5 .content {
        padding: 64px 32px;
    }

    .join_info .row.content1 .left {
        font-size: 180px;
    }

    .join_info .row.content1 .right p {
        font-size: 16px;
    }

    .join_info .row.content2 .info p {
        font-size: 16px;
    }

    .join_info .row.content3 .info p {
        font-size: 16px;
    }

    .page_contact .pagewidth .info .content .item p {
        font-size: 16px;
    }

    .page_contact .pagewidth .message .box {
        padding: 60px;
    }

    .page_contact .pagewidth .info {
        padding-top: 60px;
    }

    .page_contact .pagewidth .info .join {
        font-size: 16px;
    }

    .index_three .content .item1 {
        padding: 24px;
    }

    .index_three .content .item2 {
        padding: 24px;
    }

    .index_three .content .item1 p {
        font-size: 24px;
    }

    .product_box8 .box {
        padding: 70px 60px;
        padding-bottom: 0;
        grid-template-columns: 3fr 7fr;
        grid-gap: 24px;
    }

    .product_box8 .info p {
        font-size: 18px;
    }

    .product_box8 .info {
        padding-bottom: 60px;
    }

    .product_box8 .img .logo {
        position: absolute;
        padding: 6px;
        border-radius: 120px;
        background: #fff;
        overflow: hidden;
    }

    .product_box8 .img .logo img {
        height: 100%;
        width: 100%;
        border-radius: 120px;
    }

    .product_box8 .img .logo.logo_deepseek {
        width: 72px;
        height: 72px;
        left: 60px;
        top: 40px;
        z-index: 4;
        animation: flotage 4s ease-in-out infinite;
        /* 应用动画 */
    }

    .product_box8 .img .logo.logo_doubao {
        width: 64px;
        height: 64px;
        right: -50px;
        top: 30px;
        z-index: 4;
        animation: flotage 6s ease-in-out infinite;
        /* 应用动画 */
    }

    .product_box8 .img .logo.logo_yuanbao {
        width: 50px;
        height: 50px;
        left: 320px;
        top: -20px;
        z-index: 4;
        animation: flotage 7s ease-in-out infinite;
        /* 应用动画 */
    }

    .product_box8 .img .logo.logo_kimi {
        width: 40px;
        height: 40px;
        right: -120px;
        top: 120px;
        z-index: 4;
        animation: flotage 9s ease-in-out infinite;
        /* 应用动画 */
    }

    .product_box8 .img .logo.logo_wenxinyiyan {
        width: 40px;
        height: 40px;
        left: 20px;
        top: 250px;
        z-index: 4;
        animation: flotage 6s ease-in-out infinite;
        /* 应用动画 */
    }

    .product_box8 .img .logo.logo_baiduaisou {
        width: 32px;
        height: 32px;
        right: -40px;
        top: 270px;
        z-index: 4;
        animation: flotage 5s ease-in-out infinite;
        /* 应用动画 */
    }

    .product_box8 .img .mobile {
        font-size: 12px;
        position: absolute;
        z-index: 2;
        right: 480px;
        bottom: 0px;
        width: 140px;
        height: 240px;
        padding: 12px;
        border-radius: 24px 24px 0px 0px;
        background: #fff;
        border: #000 solid 4px;
        border-bottom: none;
    }

    .product_box8 .img .pc {
        font-size: 15px;
        position: absolute;
        z-index: 1;
        right: 0px;
        bottom: 0px;
        width: 500px;
        height: 300px;
        padding: 24px;
        border-radius: 16px 16px 0px 0px;
        background: #fff;
        border: #000 solid 4px;
        border-bottom: none;
    }

    .product_box8 .img .mobile:after {
        content: "";
        position: absolute;
        left: 50%;
        top: 10px;
        width: 40px;
        border-radius: 20px;
        background: #111;
        transform: translateX(-50%);
        height: 12px;
    }

    .product_box8 .img .pc:after {
        content: "";
        position: absolute;
        left: 50%;
        top: 0px;
        width: 60px;
        border-radius: 0 0 8px 8px;
        background: #111;
        transform: translateX(-50%);
        height: 12px;
    }

    .product_box8 .img .chat {
        padding-top: 40px;
    }

    .product_box8 .img .chat .chat_right {
        display: flex;
        justify-content: flex-end;
        margin-bottom: 10px;
    }

    .product_box8 .img .chat .chat_right {
        display: flex;
        justify-content: flex-end;
    }

    .product_box8 .img .chat .chat_right p {}

    .product_box8 .img .chat .chat_left {
        position: absolute;
        left: 12px;
        bottom: 60px;
    }

    .product_box8 .img .pc.chat .chat_left {
        width: 220px;
        position: absolute;
        left: 12px;
        bottom: 80px;
    }

    .product_box8 .img .chat .chat_right .con {
        border-radius: 12px 12px 0px 12px;
        background: linear-gradient(90deg, #4281ee, #3d59e4);
        color: #fff;
        padding: 5px 10px;
    }

    .product_box8 .img .chat .chat_left .con {
        width: 60%;
        border-radius: 12px 12px 12px 0px;
        color: #333;
        padding: 5px 10px;
    }

    .product_box8 .img .chat .chat_left .con p,
    .product_box8 .img .chat .chat_right .con p {
        line-height: 1.5em;
    }

    .product_box8 .img .chat .form {
        position: absolute;
        bottom: 12px;
        left: 12px;
        right: 12px;
        border-radius: 24px;
        padding: 3px;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .product_box8 .img .pc.chat .form {
        bottom: 24px;
    }

    .product_box8 .img .chat .form span {
        font-size: 12px;
        line-height: 1em;
        padding-left: 8px;
    }

    .product_box8 .img .chat .form .btn {
        border-radius: 32px;
        height: 24px;
        width: 24px;
        text-align: center;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 12px;
        background: linear-gradient(90deg, #4281ee, #3d59e4);
        color: #fff;
    }

    .product_box8 .img .chat .form .btn i {
        font-size: 12px;
    }

    .product_box5 .content .item .icon span {
        display: none;
    }
}

@media screen and (max-width: 768px) {
    .product_box1 .flash {
        width: 100%;
        height: 100%;
        order: 1;
        aspect-ratio: 1;
        max-width: 320px;
        margin: 0 auto;
    }

    .product_box1 .flash img.scan {
        width: 100%;
    }

    .product_box1 .flash img.bg {
        width: 100%;
    }

    .product_box1 .flash img.icon {
        width: 50px;
        top: 50%;
        left: 50%;
    }

    .product_box1 .flash .title {
        top: auto;
        bottom: 20px;
        font-size: 12px;
        width: 110px;
        text-align: center;
        padding: 6px 16px;
    }

    .index_safeguard .content {
        grid-template-columns: repeat(2, 1fr);
    }

    .index_safeguard .content .item {
        padding: 24px 16px;
    }

    .index_safeguard .content .item h3 {
        font-size: 1.125rem;
    }

    .index_safeguard .content .item p {
        font-size: 0.8125rem;
    }

    .index_safeguard .content .item .icon i {
        font-size: 2.5rem;
    }

    .about_box_1 .content {
        width: auto;
        margin: 0 auto;
    }

    .product_box1 .info .content {
        width: 70%;
    }
}

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

@media screen and (max-width: 480px) {
    .index_banner .pagewidth .row .title {
        display: block;
        text-align: center
    }

    .index_banner .pagewidth .row .title h1 {
        font-size: 56px;
        line-height: 1.2em;
    }

    .index_banner .pagewidth .row .title p {
        font-size: 56px;
        line-height: 1.2em;
    }

    .index_banner .pagewidth .row .title {
        background: none;
    }

    .index_banner .pagewidth .row .subtitle {
        font-size: 18px;
        text-align: center
    }

    .index_banner .pagewidth .row .btn {
        display: block;
        padding-top: 30px;
    }

    .index_banner .pagewidth .row .btn {
        padding-top: 30px
    }

    .index_banner .pagewidth .row .btn .item {
        margin-bottom: 16px;
    }

    .index_banner .pagewidth .row .logo {
        position: absolute;
        padding: 3px;
        border-radius: 120px;
        background: #fff;
        overflow: hidden;
    }

    .index_banner .pagewidth .row .logo img {
        height: 100%;
        width: 100%;
        border-radius: 120px;
    }

    .index_banner .pagewidth .row .logo.logo_deepseek {
        width: 60px;
        height: 60px;
        left: 10px;
        top: -30px;
        z-index: 4;
        animation: flotage 4s ease-in-out infinite;
        /* 应用动画 */
    }

    .index_banner .pagewidth .row .logo.logo_doubao {
        width: 54px;
        height: 54px;
        right: 0px;
        top: 20px;
        z-index: 4;
        animation: flotage 6s ease-in-out infinite;
        /* 应用动画 */
    }

    .index_banner .pagewidth .row .logo.logo_yuanbao {
        width: 48px;
        height: 48px;
        left: -40px;
        top: 120px;
        z-index: 4;
        animation: flotage 7s ease-in-out infinite;
        /* 应用动画 */
    }

    .index_banner .pagewidth .row .logo.logo_kimi {
        width: 40px;
        height: 40px;
        right: -30px;
        top: 150px;
        z-index: 4;
        animation: flotage 9s ease-in-out infinite;
        /* 应用动画 */
    }

    .index_banner .pagewidth .row .logo.logo_wenxinyiyan {
        width: 36px;
        height: 36px;
        left: -20px;
        top: 250px;
        z-index: 4;
        animation: flotage 6s ease-in-out infinite;
        /* 应用动画 */
    }

    .index_banner .pagewidth .row .logo.logo_baiduaisou {
        width: 36px;
        height: 36px;
        right: -20px;
        top: 270px;
        z-index: 4;
        animation: flotage 5s ease-in-out infinite;
        /* 应用动画 */
    }

    .index_safeguard .content {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
    }

    .index_three .title h2 {
        font-size: 36px;
        line-height: 1.2em;
    }

    .index_three .content {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        padding-top: 30px;
    }

    .index_three .content .item2 .row p {
        font-size: 24px;
    }

    .index_three .content .item2 .icon img {
        width: 60px;
    }

    .index_three .content .item2 h3 {
        margin-bottom: 5px;
    }

    .index_three .content .item1 h3 {}

    .index_three .content .item2 .row {
        padding: 16px;
    }

    .index_three .content .item3 {
        height: 220px;
    }

    .index_three .content .item1 h3:after {
        left: -24px;
    }

    .index_three .content .item2 h3:after {
        left: -24px;
    }

    .index_three .content .item1 p {
        font-size: 22px;
    }

    .index_safeguard {
        padding-top: 100px;
    }

    .index_safeguard .title {
        margin-bottom: 30px;
    }

    .index_safeguard .title h2 {
        font-size: 36px;
        line-height: 1.2em;
    }

    .index_safeguard .title p {
        font-size: 16px;
    }

    .index_safeguard .content {
        padding-top: 0px;
    }

    .index_client {
        padding-top: 100px;
    }

    .index_client .title {
        margin-bottom: 30px;
    }

    .index_client .title h2 {
        font-size: 36px;
        line-height: 1.2em;
    }

    .index_client .title p {
        font-size: 16px;
    }

    .index_client .content {
        padding-top: 30px;
    }

    .index_client .number {
        padding: 24px;
        padding-top: 50px;
        grid-template-columns: repeat(1, 1fr);
    }

    .index_client .number h2 span {
        font-size: 60px;
    }

    .index_client .content {
        padding: 24px;
    }

    .index_solution .pagewidth .row .title h2 {
        font-size: 36px;
        line-height: 1.2em;
        padding-top: 20px;
    }

    .index_solution .pagewidth .row .subtitle {
        font-size: 16px;
        line-height: 1.5em
    }

    .index_solution .pagewidth .row .title {
        background-size: 110px;
    }

    .index_solution .pagewidth .row .btn {
        display: block;
        padding-top: 30px;
    }

    .index_solution .pagewidth .row .btn {
        padding-top: 30px
    }

    .index_solution .pagewidth .row .btn .item {
        margin-bottom: 16px;
    }

    .about_earth_box {
        position: absolute;
        left: 0px;
        right: 0px;
        transform: initial;
        height: 300px;
        top: 0px;
        z-index: -1;
        width: 100%;
        background-size: cover;
        overflow: hidden
    }

    .about_box_1 .content {
        width: 100%;
    }

    .about_box_1 {
        padding-top: 200px;
    }

    .about_box_1 .logo img {
        height: 48px;
    }

    .about_box_1 .logo {
        margin-bottom: 24px;
    }

    .about_box_1 .html p {
        font-size: 16px;
    }

    .about_box_1 .content .row {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
    }

    .about_box_1 .content .row .info {
        order: 2;
    }

    .about_box_1 .content .row .img {
        order: 1;
    }

    .about_box_1 .content .row .img img {
        width: 95%;
    }

    .about_box_1 {
        z-index: 12;
        color: #fff;
    }

    .about_box_1 h3 {
        font-size: 24px;
    }

    .about_box_1 .team {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-gap: 24px;
        padding-top: 24px;
    }

    .about_box_1 .team .item img {
        width: 100%;
        border-radius: 12px;
        display: block;
        margin-bottom: 20px;
    }

    .about_box_1 .team .item .name {
        display: block;
        justify-content: left;
        grid-gap: 10px;
        margin-bottom: 10px;
        align-items: flex-end
    }

    .about_box_1 .team .item .name h4 {
        font-size: 24px;
    }

    .about_box_1 .team .item .name span {
        font-size: 15px;
    }

    .about_box_1 .team .item .name p {
        font-size: 15px;
        line-height: 1.6
    }

    .product_box1 {
        padding-top: 100px;
    }

    .product_box1 .pagewidth {
        display: block;
        grid-template-columns: repeat(1, 1fr);
    }

    .product_box1 .pagewidth .info .title h2 {
        font-size: 32px;
    }

    .product_box1 .pagewidth .info {
        order: 2;
    }

    .product_box1 .content ul li {
        font-size: 15px;
    }

    .product_box1 .btn {
        display: block;
        padding-top: 30px;
    }

    .product_box1 .btn {
        padding-top: 30px
    }

    .product_box1 .btn .item {
        margin-bottom: 16px;
    }

    .product_box1 .btn {
        padding-top: 0px;
    }


    .product_box2 .title {
        margin-bottom: 24px;
    }

    .product_box2 .title h2 {
        font-size: 32px;
    }

    .product_box2 {
        padding-top: 100px;
    }

    .product_box2 .content {
        position: relative;
        top: 100px;
        order: 2;
    }

    .product_box2 .content {
        z-index: 4;
        display: grid;
        grid-template-columns: repeat(1, 1fr);
    }

    .product_box2 .content .img {
        order: 1;
    }


    .product_box2 .img {
        width: 100%;
    }

    .product_box2 .content {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        grid-gap: 24px;
        position: absolute;
        left: 0px;
        right: 0px;
        top: 400px;
        z-index: 3;
        color: #fff;
    }

    .product_box2 .content .item {
        background: rgba(22, 23, 28, 0.4);
        border-radius: 24px;
        padding: 32px;
        border: 1px solid rgba(255, 255, 255, 0.15);
        transition-duration: 0.3s;
    }

    .product_box2 .content .item h3 {
        font-size: 32px;
        margin-bottom: 10px;
    }

    .product_box2 .content .item p {
        color: #aaaaaa;
    }

    .product_box2 .content .item p span {
        color: #8afaa2
    }

    .product_box2 .pagewidth {
        position: initial;
        display: grid;
        grid-template-columns: repeat(1, 1fr);
    }

    .product_box2 .content {
        position: initial;
        order: 2;
    }

    .product_box2 .content .img {
        order: 1;
    }

    .product_box2 .img img {
        width: 100%;
    }

    .product_box2 .content .item {
        padding: 24px;
    }

    .product_box2 .content .item h3 {
        font-size: 24px;
    }

    .product_box3 {
        padding-top: 70px;
    }

    .product_box3 .title {
        margin-bottom: 30px;
    }

    .product_box3 .title h2 {
        font-size: 32px;
    }

    .product_box3 .title h3 {
        font-size: 40px;
        line-height: 1.4em;
        padding-top: 12px;
        padding-bottom: 12px;
    }

    .product_box3 .title p {
        font-size: 16px;
    }

    .product_box3 .content .item .progressbar {
        display: none
    }

    .product_box3 .content {
        padding: 24px;
    }

    .product_box3 .content .item {
        font-size: 18px;
    }

    .product_box3 .content .item strong {
        width: auto;
    }

    .product_box4 {
        padding-top: 70px;
    }

    .product_box4 .title {
        margin-bottom: 24px;
    }

    .product_box4 .title h2 {
        font-size: 32px;
    }

    .product_box4 .title p {
        font-size: 16px;
    }

    .product_box4 .content {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        padding-bottom: 10px;
    }

    .product_box4 .content .img {
        height: 240px
    }

    .product_box4 .content .layui-colla-item .layui-colla-title {
        padding: 20px;
    }

    .product_box4 .content .layui-colla-item .layui-colla-content {
        padding: 0 20px;
        padding-bottom: 20px;
    }

    .product_box4 .content .layui-colla-item .layui-colla-title h2 {
        font-size: 20px;
    }

    .product_box5 {
        padding-top: 70px;
    }

    .product_box5 .title {
        margin-bottom: 24px;
    }

    .product_box5 .title h2 {
        font-size: 32px;
    }

    .product_box5 .title p {
        font-size: 16px;
    }

    .product_box5 .content {
        grid-template-columns: repeat(2, 1fr);
        grid-gap: 40px 24px
    }

    .product_box5 .content .item .icon {
        position: relative;
        margin-bottom: 20px;
        font-size: 32px;
        display: inline-block;
        background: rgba(22, 23, 28, 0.4);
        line-height: 90px;
        height: 90px;
        width: 90px;
        border-radius: 90px;
        border: 1px solid rgba(255, 255, 255, 0.15);
        transition-duration: 0.3s;
    }

    .product_box5 .content .item .icon span {
        display: none;
    }

    .product_box5 .content .item h3 {
        font-size: 18px;
        color: #aaa;
        text-align: center;
        transition-duration: 0.3s;
    }

    .product_box5 .content .item:nth-child(1) {
        order: 1
    }

    .product_box5 .content .item:nth-child(2) {
        order: 2
    }

    .product_box5 .content .item:nth-child(3) {
        order: 4
    }

    .product_box5 .content .item:nth-child(4) {
        order: 3
    }

    .product_box5 .content .item:nth-child(5) {
        order: 5
    }

    .product_box5 .content .item:nth-child(2) .icon span {
        left: 50%;
        right: auto;
        transform: translateX(-50%) rotate(90deg);
        top: auto;
        bottom: -105px;
    }

    .product_box5 .content .item:nth-child(3) .icon span {
        left: -40px;
        right: auto;
        transform: translateY(-50%) rotate(180deg);
    }

    .product_box5 .content .item:nth-child(4) .icon span {
        left: 50%;
        transform: translateX(-50%) rotate(90deg);
        right: auto;
        top: auto;
        bottom: -105px;
    }





    .product_box6 {
        padding-top: 70px;
        padding-bottom: 70px;
    }

    .product_box6 .title {
        margin-bottom: 24px;
    }

    .product_box6 .title h2 {
        font-size: 32px;
    }

    .product_box6 .title p {
        font-size: 16px;
    }


    .product_box8 .box {
        padding: 24px;
        display: block;
        grid-gap: 24px;
        padding-bottom: 0px;
    }

    .product_box8 .info h2 {
        font-size: 32px;
    }

    .product_box8 .info h3 {
        font-size: 24px;
    }

    .product_box8 .info p {
        font-size: 16px;
    }

    .product_box8 .box .img {
        height: 320px;
        display: none;
    }

    .product_box8 .box .img .mobile {
        left: 50%;
        transform: translateX(-50%);
        right: auto;
    }

    .product_box8 .box .img .pc {
        display: none
    }

    .product_box8 .img .logo {
        position: absolute;
        padding: 4px;
        border-radius: 120px;
        background: #fff;
        overflow: hidden;
    }

    .product_box8 .img .logo img {
        height: 100%;
        width: 100%;
        border-radius: 120px;
    }

    .product_box8 .img .logo.logo_deepseek {
        width: 50px;
        height: 50px;
        left: 20px;
        top: 40px;
        z-index: 4;
        animation: flotage 4s ease-in-out infinite;
        /* 应用动画 */
    }

    .product_box8 .img .logo.logo_doubao {
        width: 48px;
        height: 48px;
        right: -10px;
        top: 30px;
        z-index: 4;
        animation: flotage 6s ease-in-out infinite;
        /* 应用动画 */
    }

    .product_box8 .img .logo.logo_yuanbao {
        width: 40px;
        height: 40px;
        left: 120px;
        top: -10px;
        z-index: 4;
        animation: flotage 7s ease-in-out infinite;
        /* 应用动画 */
    }

    .product_box8 .img .logo.logo_kimi {
        width: 40px;
        height: 40px;
        right: -120px;
        top: 120px;
        z-index: 4;
        animation: flotage 9s ease-in-out infinite;
        /* 应用动画 */
    }

    .product_box8 .img .logo.logo_wenxinyiyan {
        width: 32px;
        height: 32px;
        left: 10px;
        top: 220px;
        z-index: 4;
        animation: flotage 6s ease-in-out infinite;
        /* 应用动画 */
    }

    .product_box8 .img .logo.logo_baiduaisou {
        width: 32px;
        height: 32px;
        right: -10px;
        top: 270px;
        z-index: 4;
        animation: flotage 5s ease-in-out infinite;
        /* 应用动画 */
    }

    .product_box7 {
        padding-top: 0px;
        padding-bottom: 100px;
    }

    .product_box7 .pagewidth {
        display: block
    }

    .product_box7 .pagewidth .info h2 {
        text-align: center;
        font-size: 32px;
    }

    .product_box7 .pagewidth .btn {
        padding-top: 30px;
    }

    .product_box7 .pagewidth .btn {
        display: block;
        padding-top: 30px;
    }

    .product_box7 .pagewidth {
        padding-top: 0px
    }

    .product_box7 .pagewidth .titlt {
        text-align: center
    }

    .product_box7 .pagewidth .btn .item {
        margin-bottom: 16px;
    }

    .product_box7 .pagewidth .info {
        text-align: center
    }


    .page_title {
        padding-top: 150px;
    }

    .page_title h1 {
        font-size: 32px;
    }

    .page_title p {
        font-size: 16px;
    }

    .list_news .article-list .item {
        margin-bottom: 20px;
    }

    .page_menu .pagewidth ul li a {
        padding: 6px 16px;
        font-size: 15px;
    }

    .list_news .article-list {
        display: block;
    }

    .list_news .article-list .swiper-slide {}

    .show_news {
        width: auto;
        padding-left: 20px;
        padding-right: 20px;
    }

    .show_news .title {
        font-size: 24px;
    }

    .show_news .info {
        font-size: 12px;
    }

    .show_news .content {
        padding: 20px;
        font-size: 16px;
    }

    .show_news .other {
        display: block
    }

    .show_news .other .right {
        text-align: left;
        padding-top: 20px;
    }

    .show_news .other span {
        text-align: left
    }






    .join_info {
        padding-top: 100px
    }

    .join_info .row {}

    .join_info .row.content1 {
        display: block;
        justify-content: left;
        margin-bottom: 70px;
        align-items: center
    }

    .join_info .row.content1 .left {
        width: auto;
        font-size: 72px;
        font-weight: 500;
        line-height: 1em;
        margin-bottom: 30px;
    }

    .join_info .row.content1 .left br {
        display: none;
    }

    .join_info .row.content1 .right {
        width: auto;
    }

    .join_info .row.content1 .right h2 {
        font-size: 32px;
        display: inline-block;
        margin-bottom: 24px;
    }

    .join_info .row.content1 .right p {
        line-height: 1.8em;
        color: #fff;
        font-size: 16px;
        margin-bottom: 24px;
    }

    .join_info .row.content1 .right .btn {
        padding-top: 24px;
    }

    .join_info .row.content1 .right .btn a {
        display: inline-flex;
        justify-content: space-between;
        align-items: center;
        text-align: center;
        color: #fff;
        grid-gap: 10px;
    }

    .join_info .row.content1 .right .btn span {
        padding-left: 10px;
        padding-right: 10px;
        cursor: pointer
    }

    .join_info .row.content1 .right .btn a i {
        display: block;
        margin: 0 auto;
        transition-duration: 0.3s;
    }

    .join_info .row.content1 .right .btn a:hover i {
        transform: rotate(45deg);
    }


    .join_info .row.content2 {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        align-items: center;
        grid-gap: 24px;
        margin-bottom: 70px;
    }

    .join_info .row.content2 .info {
        order: 2;
    }

    .join_info .row.content2 .info h2 {
        font-size: 32px;
        display: inline-block;
        margin-bottom: 24px;
    }

    .join_info .row.content2 .info p {
        line-height: 1.8em;
        color: #fff;
        font-size: 16px;
        margin-bottom: 24px;
    }

    .join_info .row.content2 .img {
        order: 1;
    }

    .join_info .row.content2 .img img {
        width: 100%;
        border-radius: 12px;
    }


    .join_info .row.content3 {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        align-items: center;
        grid-gap: 24px;
        margin-bottom: 70px;
    }

    .join_info .row.content3 .info {
        order: 2;
    }

    .join_info .row.content3 .info h2 {
        font-size: 32px;
        display: inline-block;
        margin-bottom: 24px;
    }

    .join_info .row.content3 .info p {
        line-height: 1.8em;
        color: #fff;
        font-size: 16px;
        margin-bottom: 24px;
    }

    .join_info .row.content3 .img {
        order: 1;
    }

    .join_info .row.content3 .img img {
        width: 100%;
        border-radius: 12px;
    }


    .list_job {
        padding-top: 0px;
        padding-bottom: 150px;
    }

    .list_job .pagewidth {
        display: block;
        grid-template-columns: 4fr 8fr;
        grid-gap: 32px;
    }

    .list_job .pagewidth .title {
        margin-bottom: 30px;
    }

    .list_job .pagewidth .title h2 {
        font-size: 32px;
        line-height: 1.2em;
        margin-bottom: 30px;
        display: inline-block
    }

    .list_job .pagewidth .title h4 {
        font-size: 16px;
        color: #fff;
        font-weight: normal;
    }

    .list_job .pagewidth .content .layui-colla-item {
        margin-bottom: 24px;
    }

    .list_job .pagewidth .content .layui-colla-item .layui-colla-title {
        padding: 24px;
    }

    .list_job .pagewidth .content .layui-colla-item .layui-colla-title h2 {
        font-size: 18px;
    }

    .list_job .pagewidth .content .layui-colla-item .layui-colla-title i {
        font-size: 18px;
    }


    .list_job .pagewidth .content .layui-colla-item .layui-colla-content {
        padding: 0px 24px;
        padding-bottom: 24px;
    }

    .list_job .pagewidth .content .layui-colla-item .layui-colla-content .email {
        padding-top: 24px;
        display: inline-block;
        justify-content: left;
        align-items: center;
        color: #fff;
        grid-gap: 12px;
    }

    .list_job .pagewidth .content .layui-colla-item .layui-colla-content .email span {
        font-weight: 500;
        display: block;
        margin-bottom: 12px;
    }

    .list_job .pagewidth .content .layui-colla-item .layui-colla-content .email a {
        display: flex;
        justify-content: left;
        align-items: center;
        color: #fff;
        grid-gap: 6px;
    }

    .list_job .pagewidth .content .layui-colla-item .layui-colla-content .email a span {
        margin-bottom: 0;
    }



    .page_contact .pagewidth {
        display: block;
    }

    .page_contact .pagewidth .info {
        margin-bottom: 50px;
    }

    .page_contact .pagewidth .info .title h3,
    .page_contact .pagewidth .info .title h4 {
        font-size: 32px;
        display: inline-block
    }

    .page_contact .pagewidth .info .title {
        border-bottom: rgba(255, 255, 255, 0.15) solid 1px;
        padding-bottom: 40px;
        margin-bottom: 40px;
    }

    .page_contact .pagewidth .info {
        padding-top: 35px;
    }

    .page_contact .pagewidth .info .title h3 {
        font-size: 32px;
        line-height: 1.3em;
    }

    .page_contact .pagewidth .info .title h4 {
        font-size: 24px;
        line-height: 1.3em;
    }

    .page_contact .pagewidth .info .content {
        color: #fff;
        margin-bottom: 40px;
    }

    .page_contact .pagewidth .info .content .item {
        margin-bottom: 32px;
        font-size: 16px;
    }

    .page_contact .pagewidth .info .content .item h3 {
        font-size: 24px;
    }

    .page_contact .pagewidth .info .content .item.wechat a {
        color: #fff;
        background: #00ce6c;
        display: inline-flex;
        grid-gap: 6px;
        border-radius: 50px;
        padding: 14px 44px;
        position: relative;
        color: #fff;
        transition-duration: 0.3s;
    }

    .page_contact .pagewidth .info .content .item.wechat a i {
        font-size: 24px;
    }

    .page_contact .pagewidth .info .content .item.wechat a:hover {
        background: #00ad5b;
    }

    .page_contact .pagewidth .info .join {
        padding-top: 30px;
        font-size: 18px;
    }

    .page_contact .pagewidth .message {
        background: none;
        border-radius: 0px;
        border: none
    }

    .page_contact .pagewidth .message .box {
        padding: 0px;
    }

    .page_contact .pagewidth .message .box .title h3 {
        font-size: 24px;
        margin-bottom: 30px;
        line-height: 1.3em;
    }

    .page_contact .pagewidth .message .box .layui-form-label {
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .page_contact .pagewidth .message .box .row {
        display: block;
        grid-template-columns: repeat(2, 1fr);
        grid-gap: 32px;
    }


}

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

/*横屏*/
@media all and (orientation : landscape) {}

/*竖屏*/
@media all and (orientation : portrait) {}