.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;}
.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: 10px; margin-bottom: 20px; background: url("../images/line.png") no-repeat 210px bottom; background-size: 220px}
.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;}

/* 定义漂浮动画 */
@keyframes flotage {
    0% {
        transform: translateY(0px); /* 初始位置 */
    }
    50% {
        transform: translateY(-20px); /* 向上浮动 */
    }
    100% {
        transform: translateY(0px); /* 回到初始位置 */
    }
}

.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(6,1fr); grid-gap: 32px;  padding-left: 32px; padding-right: 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: #666666; 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: flex;justify-content: center; grid-gap: 24px; flex-wrap: wrap; background: rgba(22,23,28,0.4); border-radius: 24px;padding:72px 24px;  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: 30px; 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: 340px; 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{ display: grid;grid-template-columns: repeat(2,1fr); grid-gap: 32px;}
.product_box4 .content .img{background: rgba(22,23,28,0.4); position: relative; border-radius: 12px; overflow: hidden; border: 1px solid rgba(255,255,255,0.15);}
.product_box4 .content .img .item{ height: 100%;
    position:absolute; top:0; left:0;
    opacity:0;
    transform:scale(1.2);
    transition:opacity 1s ease, transform 1s ease;
}
.product_box4 .content .img .item.active{
    opacity:1;
    transform:scale(1);
}
.product_box4 .content .img .item img{width: 100%; height: 100%; object-fit: cover;}

.product_box4 .content .layui-collapse{ border: none}
.product_box4 .content .layui-colla-item{ background:#151517; border-radius: 12px;border: 1px solid rgba(255,255,255,0.15); transition-duration: 0.3s; margin-bottom: 24px;}
.product_box4 .content .layui-colla-item .layui-colla-title{ background: none; padding:28px 32px; display: flex; justify-content: space-between; align-items: center;}
.product_box4 .content .layui-colla-item .layui-colla-title h2{ font-size: 24px;color:rgba(255,255,255,0.7);transition-duration: 0.3s;}
.product_box4 .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;}
.product_box4 .content .layui-colla-item.layui-show .layui-colla-title i{ transform:rotate(180deg); }
.product_box4 .content .layui-colla-item.layui-show .layui-colla-title h2{ color:rgba(255,255,255,1) }
.product_box4 .content .layui-colla-item.layui-show .layui-colla-title i{ color:rgba(255,255,255,1) }

.product_box4 .content .layui-colla-item .layui-colla-content{ border: none; padding: 0px 32px; padding-bottom: 32px; color:rgba(255,255,255,0.7)}
.product_box4 .content .layui-colla-item.layui-show{ border: 1px solid rgba(22,23,28,0.4); position: relative;}
.product_box4 .content .layui-colla-item.layui-show:after{ content:""; position: absolute; z-index: -1; border-radius: 12px; left: -3px; right: -3px; top: -3px; bottom: -3px; 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%);}
.product_box4 .content .layui-colla-item .layui-colla-content .email{ padding-top: 24px; display: flex; justify-content: left; align-items: center; color: #fff; grid-gap: 12px;}
.product_box4 .content .layui-colla-item .layui-colla-content .email span{font-weight: 500;}
.product_box4 .content .layui-colla-item .layui-colla-content .email a{ display: flex; justify-content: left; align-items: center; color: #fff; grid-gap: 6px;}
.product_box4 .content .layui-colla-item:last-child{ margin-bottom: 0;}



.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{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_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{ position: absolute; right: -80px; 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_box5 .content .item h3{ font-size: 20px; color: #aaa; text-align: center;transition-duration: 0.3s;}
.product_box5 .content .item p{ color: #aaa;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_box5 .content .item:nth-child(5) .icon span{ display: none}


.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;}



.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; padding-bottom: 200px;}
.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}
.about_box_1 .html p{ margin-bottom:24px; font-size: 17px; text-align: justify;}
.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; 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%;}


.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{ 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;}
.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;}
}
@media screen and (max-width: 1280px) {
    .index_banner .pagewidth .row .subtitle{ font-size: 24px;}
    .index_safeguard .content{grid-template-columns: repeat(3, 1fr);}
    .index_safeguard .content .item{ padding: 48px 24px;}
    .index_client .content .item img{ height: 54px;}
    .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{ right: -70px;}
}

@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 h3{ font-size: 24px;}


    .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 .flash{ width:100%; height: 100%; order: 1; aspect-ratio: 1;}
    .product_box1 .flash img.scan{ width:100%;}
    .product_box1 .flash img.bg{ width:100%;}
    .product_box1 .flash img.icon{ width:70px; top: 148px;}
    .product_box1 .flash .title{ top: 180px; font-size: 14px; width: 120px; text-align: center}
    .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{ position: absolute; right: -40px; top: 50%; transform: translateY(-50%); display: block; font-size: 24px; height: 24px;width: 24px;  line-height: 24px;  text-align: center;   transition-duration: 0.3s; }
    .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;}
    .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){}