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


   .particle-star-bg {z-index: -1;top:0;
            position:absolute;
            width: 100%;
            height: 100vh;

            overflow: hidden;
            display: flex;
            align-items: center;
            justify-content: center;
        }

        /* 粒子容器 */
        .particles-container {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            pointer-events: none;
        }

        /* 动态粒子 */
        .particle {
            position: absolute;
            background: radial-gradient(circle, #0ff, transparent);
            border-radius: 50%;
            pointer-events: none;
            animation: floatUp linear infinite;
        }

        @keyframes floatUp {
            0% {
                transform: translateY(100vh) translateX(0) rotate(0deg);
                opacity: 0;
            }
            10% {
                opacity: 0.8;
            }
            90% {
                opacity: 0.8;
            }
            100% {
                transform: translateY(-100px) translateX(50px) rotate(360deg);
                opacity: 0;
            }
        }

      

        @keyframes scanMove {
            0% { 
                transform: translateY(-100%);
            }
            100% { 
                transform: translateY(200vh);
            }
        }

     

        @keyframes ringExpand {
            0% {
                transform: translate(-50%, -50%) scale(0.8);
                opacity: 1;
            }
            100% {
                transform: translate(-50%, -50%) scale(2);
                opacity: 0;
            }
        }

        /* 闪烁星星效果 */
        .star {
            position: absolute;
            background: white;
            border-radius: 50%;
            animation: twinkle 1.5s ease-in-out infinite;
        }

        @keyframes twinkle {
            0%, 100% {
                opacity: 0.3;
                transform: scale(1);
            }
            50% {
                opacity: 1;
                transform: scale(1.2);
            }
        }

        /* 内容样式 */
        .content-box {
            position: relative;
            z-index: 10;
            text-align: center;
            color: white;
            padding: 40px;
            background: rgba(0, 0, 0, 0.3);
            backdrop-filter: blur(10px);
            border-radius: 20px;
            border: 1px solid rgba(0, 255, 255, 0.3);
            max-width: 80%;
            animation: fadeInUp 1s ease;
        }

        @keyframes fadeInUp {
            from {
                opacity: 0;
                transform: translateY(30px);
            }
            to {
                opacity: 1;
                transform: translateY(0);
            }
        }

        .content-box h1 {
            font-size: 3rem;
            margin-bottom: 1rem;
            background: linear-gradient(135deg, #fff, #0ff, #f0f);
            -webkit-background-clip: text;
            background-clip: text;
            color: transparent;
        }

        .content-box p {
            font-size: 1.1rem;
            margin-bottom: 2rem;
            line-height: 1.6;
            opacity: 0.9;
        }







.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:1; overflow: hidden;   background: linear-gradient(to bottom, #0a239d, #000); }
.index_banner .pagewidth{  height: 100vh; display: flex; align-items: center; justify-content: center; }
.index_banner .pagewidth .row{ position: relative;}
.aimoxing{display: grid;grid-template-columns: repeat(6, 1fr);gap: 20px 20px;}
.index_banner .pagewidth .row .logo{  padding: 6px; border-radius: 120px; background: #fff; overflow: hidden;margin-top:120px;}
.index_banner .pagewidth .row .logo img{ height: 100%; width: 100%;border-radius: 120px;}
.index_banner .pagewidth .row .logo.logo_deepseek{ width:100px; height: 100px; z-index: 4;animation: flotage 4s ease-in-out infinite; /* 应用动画 */}
.index_banner .pagewidth .row .logo.logo_doubao{ width:100px; height: 100px; z-index: 4;animation: flotage 6s ease-in-out infinite; /* 应用动画 */}
.index_banner .pagewidth .row .logo.logo_yuanbao{ width:100px; height: 100px;z-index: 4;animation: flotage 7s ease-in-out infinite; /* 应用动画 */}
.index_banner .pagewidth .row .logo.logo_kimi{ width:100px; height: 100px;z-index: 4;animation: flotage 9s ease-in-out infinite; /* 应用动画 */}
.index_banner .pagewidth .row .logo.logo_wenxinyiyan{ width:100px; height: 100px;-index: 4;animation: flotage 6s ease-in-out infinite; /* 应用动画 */}
.index_banner .pagewidth .row .logo.logo_baiduaisou{width:100px; height: 100px; 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; font-weight:bold;}
.index_banner .pagewidth .row .title p{ font-size: 90px; color: #fff;font-weight: 300; font-weight: bold;}
.index_banner .pagewidth .row .subtitle{ font-size:32px; font-weight: 500;
  background: rgba(15, 25, 55, 0.6);
  backdrop-filter: blur(4px);
  display: inline-block;
  padding: 0.6rem 1.8rem;
  border-radius: 60px;
  border: 1px solid rgba(59,130,246,0.4);
  box-shadow: 0 0 12px rgba(0,180,255,0.2);
  letter-spacing: 0.3px;
  color: #b9e2ff;}
.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{width:100%;float:left;padding-top:5%;padding-bottom:5%; background-color:#fff;}


.index_three .title{ text-align: center}
.index_three .title h2{ display: inline-block; font-size: 60px; font-weight:bold;position:relative;}
  

  
.index_three .title p{ font-size: 20px;
  font-weight: 500;
  background:var(--main);
  backdrop-filter: blur(4px);
  display: inline-block;
  padding: 0.6rem 1.8rem;
  border-radius: 60px;
  box-shadow: 0 0 12px rgba(0,180,255,0.2);
  letter-spacing: 0.3px;
  color: #fff;}
.index_three .content { display: grid; grid-template-columns: repeat(3,1fr); grid-gap: 32px; padding-top: 50px;}
.index_three .content .item .ko{width:100%;float:left;margin-bottom:3%;}
.index_three .content .item .ko img{max-width:100%;}
.index_three .content .item .kot{padding:30px;}


.index_three .content .item{transition-duration: 0.3s;}
.index_three .content .item1{background: rgba(8, 18, 38, 1); border-radius: 12px; overflow: hidden;border: 1px solid rgba(59, 130, 246, 0.4);}
.index_three .content .item2{background: rgba(8, 18, 38, 1); border-radius: 12px; overflow: hidden;border: 1px solid rgba(59, 130, 246, 0.4);}
.index_three .content .item3{background: rgba(8, 18, 38, 1); border-radius: 12px; overflow: hidden; border: 1px solid rgba(59, 130, 246, 0.4);}


.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 .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 .item3{ position: relative;}
.index_three .content .item3 h3{ font-size: 18px; line-height: 1em; color: #fff; font-weight: normal; position: relative;  z-index: 6; }
.index_three .content .item3 h3:after{ position: absolute; content: ""; left: -30px; top: 50%; transform: translateY(-50%); width: 2px; height: 16px; background: #fff;}


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


.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 .item:hover{ transform: scale(1.02); }

.index_safeguard{width:100%;float:left; padding-top: 5%;padding-bottom: 5%;}
.index_safeguard .title{ text-align: center;margin-bottom: 50px;font-weight:bold;}
.index_safeguard .title h2{ display: inline-block; font-size: 60px; font-weight:bold; position:relative;}
/*.index_safeguard .title h2::after {
  content: '';
  position: absolute;
  bottom: -8px;
  left: 10%;
  width: 80%;
  height: 2px;
  background: linear-gradient(90deg, transparent, #3b82f6, #a855f7, transparent);
  border-radius: 4px;
}*/
.index_safeguard .title p{ font-size: 20px;
  font-weight: 500;
  background: rgba(15, 25, 55, 0.6);
  backdrop-filter: blur(4px);
  display: inline-block;
  padding: 0.6rem 1.8rem;
  border-radius: 60px;
  border: 1px solid rgba(59,130,246,0.4);
  box-shadow: 0 0 12px rgba(0,180,255,0.2);
  letter-spacing: 0.3px;
  color: #b9e2ff;}
.index_safeguard .content { display: grid; grid-template-columns: repeat(5,1fr); grid-gap: 32px;  padding-left: 32px; padding-right: 32px;}
.index_safeguard .content .item{ text-align: center; transition-duration: 0.3s; background:linear-gradient(to bottom, #0a239d, #000); 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; font-weight:bold;}
.index_safeguard .content .item p{ font-size: 16px; color:rgba(255,255,255,.5); padding-top: 10px;}
.index_safeguard .content .item p span{color: #fff; }

.index_client{width:100%;float:left; padding-top: 5%;padding-bottom: 5%; background-color:#fff;}
.index_client .title{ text-align: center; margin-bottom: 50px;}
.index_client .title h2{ display: inline-block; font-size: 60px;font-weight:bold;position: relative;}
/*.index_client .title h2::after {
  content: '';
  position: absolute;
  bottom: -8px;
  left: 10%;
  width: 80%;
  height: 2px;
  background: linear-gradient(90deg, transparent, #3b82f6, #a855f7, transparent);
  border-radius: 4px;
}*/
.index_client .title p{ font-size: 20px;
  font-weight: 500;
  background: var(--main);
  backdrop-filter: blur(4px);
  display: inline-block;
  padding: 0.6rem 1.8rem;
  border-radius: 60px;
  box-shadow: 0 0 12px rgba(0,180,255,0.2);
  letter-spacing: 0.3px;
  color: #fff;}
.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,1); 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.3; transition-duration: 0.3s;}
.index_client .content .item:hover img{ opacity: 1; }



.index_solution{ position: relative; z-index: 4;width:100%;float:left;}
.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: 60px; display: inline-block; text-align: center;font-weight:bold;}
.index_solution .pagewidth .row .subtitle{ font-size:32px;
  font-weight: 500;
  background: rgba(15, 25, 55, 0.6);
  backdrop-filter: blur(4px);
  display: inline-block;
  padding: 0.6rem 1.8rem;
  border-radius: 60px;
  border: 1px solid rgba(59,130,246,0.4);
  box-shadow: 0 0 12px rgba(0,180,255,0.2);
  letter-spacing: 0.3px;
  color: #b9e2ff;}
.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{width:100%;float:left;background: linear-gradient(to bottom, #0a239d, #000);height:100vh;}
.product_box1 .pagewidth{margin-top:10%;}
.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; font-weight:bold;}
.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{padding: 0; 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 img{max-width:100%;}
.product_box1 .flash{ position: relative; }
.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{ width:100%;float:left;padding-top: 5%;padding-bottom:10%; background-color:#fff}
.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; font-weight:bold;}
.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: linear-gradient(to bottom, #0a239d, #000); 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; font-weight:bold; }
.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{width:100%;float:left; padding-top: 5%; position: relative;  }
.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; font-weight:bold;}
.product_box3 .title h3{ display: inline-block; font-size:70px; 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{width:100%;float:left;padding-top: 5%; background-color:#fff;  padding-bottom:5%}
.product_box4 .title{ text-align: center;margin-bottom: 50px;}
.product_box4 .title h2{ display: inline-block; font-size: 60px; font-weight:bold;width:100%;float:left;}
.product_box4 .title p{ font-size: 20px;
  font-weight: 500;
  background: var(--main);
  backdrop-filter: blur(4px);
  display: inline-block;
  padding: 0.6rem 1.8rem;
  border-radius: 60px;
  box-shadow: 0 0 12px rgba(0,180,255,0.2);
  letter-spacing: 0.3px;
  color: #fff;}
.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{ 
}
.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{width:100%;float:left; padding-top:5%;}
.product_box5 .title{ text-align: center;margin-bottom: 50px;}
.product_box5 .title h2{ display: inline-block; font-size: 60px; font-weight:bold;width:100%;float:left;}
.product_box5 .title p{ font-size: 20px;
  font-weight: 500;
  background: rgba(15, 25, 55, 0.6);
  backdrop-filter: blur(4px);
  display: inline-block;
  padding: 0.6rem 1.8rem;
  border-radius: 60px;
  border: 1px solid rgba(59,130,246,0.4);
  box-shadow: 0 0 12px rgba(0,180,255,0.2);
  letter-spacing: 0.3px;
  color: #b9e2ff;}
.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{width:100%;float:left; padding-top: 5%;padding-bottom: 5%;}
.product_box6 .title{ text-align: center;margin-bottom: 50px;}
.product_box6 .title h2{ display: inline-block; font-size: 60px; font-weight:bold;}
.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{width:100%;float:left; padding-bottom: 5%; }
.product_box7 .pagewidth{ }
.product_box7 .pagewidth .info{ text-align: center; margin-bottom: 32px;}
.product_box7 .pagewidth .info h2{ font-size:60px; display: inline-block; font-weight:bold;}
.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{ width:100%;float:left;position: relative;padding-bottom:3%;}
.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; font-weight:bold;}
.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: 220px; top: -20px; z-index: 4;animation: flotage 7s ease-in-out infinite; /* 应用动画 */}
.product_box8 .img .logo.logo_kimi{ width:40px; height: 40px; right: -20px; 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: 580px; 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{padding: 0; 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{ width:100%;float:left;position: relative; z-index: 44;background: linear-gradient(to bottom, #0a239d, #000);}
.page_contact .pagewidth {display: grid;grid-template-columns: 4fr 6fr; 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:25%;}
.page_contact .pagewidth .info .title h3{ font-size:48px; line-height: 1.3em; font-weight:bold;}
.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);margin-top:10%;}
.page_contact .pagewidth .message .box{ padding: 72px;}
.page_contact .pagewidth .message .box .title h3{ font-size: 32px;  margin-bottom: 30px;line-height: 1.3em; font-weight:bold;}





.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);border-radius: 24px;}


.about_earth_box{width:100%;float:left;background: linear-gradient(to bottom, #0a239d, #000); 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:5%; padding-bottom: 3%;width:100%;float:left;}
.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; font-weight:bold;}
.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: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: 100%; 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;}
.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}


.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{width:100%;float:left; position: relative; z-index: 4;background-size: cover;margin: 0 auto; background-image:url(../images/first-1.jpg); background-repeat:no-repeat;height: 100vh;}
.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;}



        .container {
            max-width: 100%;
            margin: 0 auto;
            padding: 0 24px;
        }

        /* 按钮通用样式 */
        .btn {
            display: inline-block;
            font-weight: 600;
            text-align: center;
            border-radius: 40px;
            padding: 12px 32px;
            transition: all 0.25s ease;
            text-decoration: none;
            cursor: pointer;
            border: none;
            font-size: 1rem;
        }

        .btn-primary {
    background: var(--main);
  color: #fff;
  border: var(--main) solid 1px;
  padding: 8px 30px;
  border-radius: 50px;
        }

        .btn-primary:hover {
            background-color: #3851d1;  border: #3851d1 solid 1px;
            transform: translateY(-2px);
            box-shadow: 0 10px 20px rgba(0,0,0,0.1);
        }

        .btn-outline {
            background: transparent;
            border: 2px solid #d4af37;
            color: #d4af37;
        }

        .btn-outline:hover {
            background: #d4af37;
            color: #1e1e2a;
        }

       

        /* 英雄区 Hero */
        .hero {

            border-radius: 48px;
            margin: 15% 0 10% 0;
            padding: 0px 0px;
            display: flex;
            flex-wrap: wrap;
            align-items: center;
            justify-content: space-between;
            gap: 40px;
        }
        .hero-content {
            flex: 1;
        }
        .hero-content .badge {
            background: rgba(212, 175, 55, 0.15);
            color: #fff;
            display: inline-block;
            padding: 6px 16px;
            border-radius: 40px;
            font-size: 16px;
            font-weight: 600;
            margin-bottom: 20px;
        }
        .hero-content h1 {
            font-size: 60px;
            font-weight: 800;
            line-height: 1.2;
            margin-bottom: 20px;
          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: border-box;
  background-clip: border-box;
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
        }
        .hero-content p {
            font-size: 1.2rem;
            color:rgba(255,255,255,.5);
            margin-bottom: 32px;
            max-width: 90%;
        }
        .hero-stats {
            display: flex;
            gap: 32px;
            margin-top: 24px;
        }
        .stat-item h3 {
            font-size: 1.8rem;
            font-weight: 800;
            color: #d4af37;
        }
        .hero-image {
      
            text-align: center;
        }
        .hero-image img {
            max-width: 100%;
            border-radius: 32px;
            box-shadow: 0 25px 40px -12px rgba(0,0,0,0.2);
        }

        /* 优势板块 */
        .section {
        }
        .section-title {
            text-align: center;
            margin-bottom: 48px;
        }
        .section-title h2 {
            font-size: 60px;
            font-weight: 700;
            margin-bottom: 12px;
        }
		.join_info3  .section-title p{font-size: 20px;
  font-weight: 500;
  background: rgba(15, 25, 55, 0.6);
  backdrop-filter: blur(4px);
  display: inline-block;
  padding: 0.6rem 1.8rem;
  border-radius: 60px;
  border: 1px solid rgba(59,130,246,0.4);
  box-shadow: 0 0 12px rgba(0,180,255,0.2);
  letter-spacing: 0.3px;
  color: #b9e2ff;}
        .section-title p {
         font-size: 20px;
  font-weight: 500;
  background: var(--main);
  backdrop-filter: blur(4px);
  display: inline-block;
  padding: 0.6rem 1.8rem;
  border-radius: 60px;
  box-shadow: 0 0 12px rgba(0,180,255,0.2);
  letter-spacing: 0.3px;
  color: #fff;
}
        .advantages-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
            gap: 40px;
        }
        .advantage-card {
background: linear-gradient(to bottom, #0a239d, #000);
            border-radius: 28px;
            padding: 32px 24px;
            text-align: center;
            transition: all 0.3s;
            box-shadow: 0 8px 20px rgba(0,0,0,0.02);
 
        }
        .advantage-card:hover {
            transform: translateY(-8px);
            box-shadow: 0 20px 30px -12px rgba(0,0,0,0.1);
            border-color: #e9e2cf;
        }
        .advantage-icon {
            font-size: 5rem;
            color: #d4af37;
            margin-bottom: 20px;
        }
        .advantage-card h3 {
            font-size: 1.6rem; color:#fff;  font-weight:bold;
            margin-bottom: 12px;
        }
        .advantage-card p {
            color: #6c757d;
        }

        /* 加盟流程 */
        .process-steps {
            display: flex;
            flex-wrap: wrap;
            justify-content: center;
            gap: 30px;
            margin-top: 20px;
        }
        .step {
            background: linear-gradient(to bottom, #0a239d, #000);
            border-radius: 40px;
            padding: 30px 20px;
            text-align: center;
            flex: 1;
            min-width: 180px;
            box-shadow: 0 10px 25px -5px rgba(0,0,0,0.05);
            border: 1px solid rgba(255,255,255,0.15);
        }
        .step-number {
            width: 100px;
            height:100px;
            background:linear-gradient(to bottom, #0a239d, #000);;
            color: #fff;
            font-size: 2.2rem;
            font-weight: 800;
            border-radius: 60px;
            display: flex;
            align-items: center;
            justify-content: center;
            margin: 0 auto 20px;
        }
        .step h4 {
            font-size: 1.6rem;color:#fff; font-weight:bold;
            margin-bottom: 10px;
        }
 .step  p{ color:#666;}
        /* 加盟表单 + 信息区 */
        .contact-wrap {
            background: linear-gradient(120deg, #1f2937 0%, #000 100%);
            border-radius: 48px;
            padding: 56px 48px;
            color: white;
            margin: 30px 0 40px;
        }
        .flex-form {
            display: flex;
            flex-wrap: wrap;
            gap: 40px;
            align-items: center;
        }
        .form-info {
            flex: 1;
        }
        .form-info h3 {
            font-size: 60px;
            font-weight: 700;
            margin-bottom: 16px;
        }
        .form-info p {
            margin-bottom: 24px;
            color: #cbd5e1;
        }
        .info-list {
            list-style: none;
        }
        .info-list li {
            margin-bottom: 14px;
            display: flex;
            align-items: center;
            gap: 12px;
        }
        .info-list i {
            color: #d4af37;
            font-size: 1.3rem;
            width: 28px;
        }
        .form-card {
            flex: 1;
   background: rgba(22,23,28,0.6);
  border-radius: 24px;
  border: 1px solid rgba(255,255,255,0.15);
            border-radius: 32px;
            padding: 32px 28px;
            color: #1f2937;
            box-shadow: 0 20px 35px -10px rgba(0,0,0,0.3);
        }
        .form-group {
            margin-bottom: 20px;
        }
        .form-group input, .form-group select, .form-group textarea {
            width: 100%;
            padding: 14px 18px;
     border-width: 1px;
  border-style: solid;
  background-color: #12121a;
  color: rgba(255, 255, 255, .85);
  border-radius: 4px;
            font-family: inherit;
            font-size: 1rem;
            outline: none;
            transition: 0.2s;
        }
        .form-group input:focus, .form-group select:focus, .form-group textarea:focus {
            border-color:rgba(255, 102, 0, 0.2);
            box-shadow: 0 0 0 3px rgba(255, 102, 0, 0.2);
        }
        .form-card button {
            width: 100%;
       background: var(--main);
  color: #fff;
  border: var(--main) solid 1px;
  padding: 8px 30px;
  border-radius: 50px;
            border: none;
            padding: 14px;
            font-weight: 700;
            font-size: 1.1rem;
            border-radius: 40px;
            cursor: pointer;
            transition: 0.2s;
        }
        .form-card button:hover {
            background: #3851d1; 
        }
        .form-note {
            font-size: 0.75rem;
            text-align: center;
            margin-top: 16px;
            color: #6c757d;
        }

    .join_info4 #addmes1 input{width:90%;} .join_info4 #addmes1 textarea{width:90%;}

        @media (max-width: 768px) {
            .hero-content h1 {
                font-size: 2rem;
            }
         
            .hero {
                padding: 40px 24px;
            }
            .contact-wrap {
                padding: 32px 24px;
            }
            .section-title h2 {
                font-size: 2rem;
            }
        }
        /* 简单的成功弹窗样式（模拟） */
        .toast-msg {
            position: fixed;
            bottom: 30px;
            left: 50%;
            transform: translateX(-50%);
            background: #1f2937;
            color: white;
            padding: 12px 28px;
            border-radius: 50px;
            font-weight: 500;
            box-shadow: 0 10px 20px rgba(0,0,0,0.2);
            z-index: 1000;
            display: none;
            align-items: center;
            gap: 10px;
        }
.join_info2{width:100%;float:left;padding-top:5%;padding-bottom:5%; background-color:#fff;}

.join_info3{width:100%;float:left;padding-top:5%;padding-bottom:5%; }
.join_info4{width:100%;float:left;padding-bottom:5%; }


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

@media screen and (max-width: 1600px) {
}
@media screen and (max-width: 1440px) {
	.product_box2 .content{ top:300px;}
    .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: 10%;}
    .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{ }
    .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: 1200px) {
	.product_box3 .title h2{font-size: 40px;}.product_box3 .title h3{font-size: 40px;}
	.product_box8 .info h2{font-size: 40px;}.product_box4 .title h2{font-size: 40px;}.product_box5 .title h2{font-size: 40px;}.product_box6 .title h2{font-size: 40px;}
	.product_box7 .pagewidth .info h2{font-size: 40px;}
.product_box2 .title h2{font-size: 40px;}
.product_box1 .title h2{ font-size: 40px;}
.index_three .title h2{ font-size: 40px;}
.index_safeguard .title h2{ font-size: 40px;}
.index_client .title h2{ font-size: 40px;}
.index_solution .pagewidth .row .title h2{font-size:50px;}
.index_solution .pagewidth .row .subtitle{font-size:20px;}.index_three .content .item2 p{font-size:20px;}
.product_box2 .content .item h3{ font-size: 20px;}.product_box2 .content .item p{ font-size: 16px;}
.product_box2 .content{ position:inherit;}
.section-title h2{font-size: 40px;}.form-info h3{font-size: 40px;}.hero-content h1{font-size: 40px;}
}
@media screen and (max-width: 1000px) {
	
	    .index_banner .pagewidth .row .title h1{ font-size: 60px; line-height: 1.2em;}
    .index_banner .pagewidth .row .title p{ font-size: 60px;line-height: 1.2em;}
	  .index_banner .pagewidth .row .subtitle { font-size: 20px;}
	.index_banner .pagewidth .row .logo.logo_deepseek{ width:50px; height: 50px;}
    .index_banner .pagewidth .row .logo.logo_doubao{ width:50px; height: 50px;}
    .index_banner .pagewidth .row .logo.logo_yuanbao{ width:50px; height: 50px;}
    .index_banner .pagewidth .row .logo.logo_kimi{ width:50px; height: 50px;}
    .index_banner .pagewidth .row .logo.logo_wenxinyiyan{ width:50px; height: 50px;}
    .index_banner .pagewidth .row .logo.logo_baiduaisou{ width:50px; height: 50px; }
	
}


@media screen and (max-width: 800px) {
	.hero-image{display:none;}
	.section-title h2{font-size: 36px;}.form-info h3{font-size: 36px;}.hero-content h1{font-size: 36px;}
	.index_banner .pagewidth .row .logo{margin-top:20px;}
    .index_banner .pagewidth .row .title{ display: block; text-align: center}
    .index_banner .pagewidth .row .title h1{ font-size: 50px; line-height: 1.2em;}
    .index_banner .pagewidth .row .title p{ font-size: 50px;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{ 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:36px; height: 36px;}
    .index_banner .pagewidth .row .logo.logo_doubao{ width:36px; height: 36px;}
    .index_banner .pagewidth .row .logo.logo_yuanbao{ width:36px; height: 36px;}
    .index_banner .pagewidth .row .logo.logo_kimi{ width:36px; height: 36px;}
    .index_banner .pagewidth .row .logo.logo_wenxinyiyan{ width:36px; height: 36px;}
    .index_banner .pagewidth .row .logo.logo_baiduaisou{ width:36px; height: 36px; }

    .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 .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 .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{ }
    .about_box_1 .content{ width: 100%;}
    .about_box_1{}
    .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;}
    .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 .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{ 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 .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 .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 .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 .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}




.contact-wrap .flex-form{display: block;}



    .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){}