.logo a img{
    filter: grayscale(0) brightness(1);
}
.nav-bar ul li a{
    color: #2a2a2a;
    position: relative;
}
.logo>p{
    color: #2a2a2a;
}
.logo>i{
    background: #898989;
}

/*hero section*/
#herobg{
    position: relative;  /* 必须加 */
    width: 100%;
    height: 100vh;
    display:flex;
    justify-content: center;
    align-items: center;
    background:linear-gradient(#f4f6f8,#ffffff);
    box-sizing: border-box;
    padding-top:120px;
}
#hero{
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
#hero>.hertext{
    text-align: center;
    position:relative;
    padding-bottom: 20rem;
}

/* 粒子画布 */
#particles-canvas {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
    pointer-events: none;
    display: block;
}


.scrolldown{
    position: absolute;
    bottom:2rem;
    left:50%;
    cursor:pointer;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 100;
}
.scrolldown .scro01{
    width: 1.7rem;
    height: 2.4rem;
    color:#c10016;
}
.scrolldown .scro02{
    content: '';
    width: 0.2rem;
    height: 0.5rem;
    position: absolute;
    left: 50%;
    margin-left: -0.1rem;
    top: 5px;
    color:#c10016;
    -webkit-animation: mouse-dot 1.5s cubic-bezier(0.23, 1, 0.32, 1) infinite;
    animation: mouse-dot 1.5s cubic-bezier(0.23, 1, 0.32, 1) infinite;
}
@keyframes mouse-dot {
    from { opacity: 0; }
    33% { opacity: 1; }
    to { transform: translateY(5px); -webkit-transform: translateY(5px); opacity: 0; }
}
@-webkit-keyframes mouse-dot {
    from { opacity: 0; }
    33% { opacity: 1; }
    to { transform: translateY(5px); -webkit-transform: translateY(5px); opacity: 0; }
}


.hero_tag{
    width: 203px;
    line-height: 30px;
    border-radius: 4px;
    border: 1px solid #cc1319;
    background: linear-gradient(90deg, rgba(204, 19, 25, 0.1) 9%, rgba(203, 40, 45, 0.3) 50%, rgba(204, 19, 25, 0.1) 91%);
    color: #cc1319;
    font-size: 1.2rem;
    margin:0 auto;
    margin-bottom: 0.8rem;
}
.hero_tit p{
    color: #313131;
    text-align: center;
    font-family: "MiSans";
    font-size: 8rem;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}
.hero_tit span{
    text-align: center;
    font-family: "MiSans";
    font-size: 8rem;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    background: linear-gradient(100deg, #c10016 0%,#e34c34 91%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin-bottom: 1rem;
}
.hero_des_01{
    color: #6c6c6c;
    font-size: 2.2rem;
    font-weight: 600;
}
.hero_des_01 span{
    color: #22d3ee;
    font-size: 2.2rem;
    font-weight: 600;
}
.hero_des_02{
    color: #686868;
    font-size: 1.4rem;
    font-weight: 400;
    margin-top: 2.5rem;
    margin-bottom: 3.8rem;
}
.hero_btn{
    width: 248px;
    border-radius: 8px;
    background: linear-gradient(178deg, #e34c34 51.61%, #c10016 98.17%);
    box-shadow: 0 -3px 8px 1px #c10016 inset;
    margin:0 auto;
}
.hero_btn a{
    color: #ffffff;
    font-size: 1.6rem;
    line-height: 44px;
}
.hero_ul{
    display:flex;
    justify-content: center;
    align-items: center;
    margin-top: 4.9rem;
}
.hero_ul li:nth-of-type(2){
    margin:0 8.3rem
}
.hero_ul li {
    display:flex;
    align-items: center;
}
.hero_ul li svg{
    color: #c10016;
    width: 16px;
    height: 16px;
}
.hero_ul li span{
    color: #313131;
    font-size: 1.6rem;
}

/*why*/
#why{
    padding-top: 20rem;
}
.mouse-glow {
    position: fixed;
    width: 45rem;
    height: 25rem;
    border-radius: 76.4rem;
    background: rgba(122, 76, 237, 0.46);
    filter: blur(16rem);
    pointer-events: none;
    z-index: 0;
    transform: translate(-50%, -50%);
    opacity: 0; /* 默认隐藏 */
}
.pd{
    padding-top:10rem;
    padding-bottom: 18rem;
}
.why_tit{
    text-align: center;
}
.why_tit h2{
    display:flex;
    align-items: center;justify-content: center;
}
.why_tit h2 span{
    font-size: 7rem;
    font-weight: 900;
    background: linear-gradient(100deg, #c10016 0%, #e34c34 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.why_tit p{
    font-weight: bold;
    color: #3a3a3a;
    font-size: 7rem;
}
.why_tit p span{
    color: #374e96;
}
.why_cont{
    display:flex;
    justify-content: space-between;
    margin-top: 4.7rem;
}
.why_style{
    box-sizing: border-box;
    border-radius: 0.8rem;
    padding:2vw 3vw;
    transition: 300ms 0s all ease;
}
.why_style h4{
    display:flex;
    align-items: center;
    margin-bottom: 3.9rem;
}
.why_style h4 b{
    display:flex;
    justify-content: center;
    align-items: center;
    width: 4.3rem;
    height: 4.3rem;
    border-radius: 0.6rem;
    margin-right: 1.1rem;
}
.why_style h4 b svg{
    width: 2.4rem;
    height: 2.4rem;
}
.why_style h4 p{
    font-size: 2.8rem;
    font-style: normal;
    font-weight: 700;
}
.why_style ul li {
    height: 5rem;
    margin-top: 2.1rem;
    position:relative;
    z-index: 3;
}
.why_style ul li:first-of-type{
    margin-top: 0;
}
.why_style ul li p{
    color: #3a3a3a;
    font-size: 1.8rem;
    font-weight: 600;
}
.why_style ul li small{
    color: #858585;
    font-size: 1.6rem;
    font-weight: 400;
}
.why01{
    width: 17.3%;
    background: #f4f6f8;
    text-align: center;
    position:relative;
}
.why02{
    position:relative;
    width: 39%;
    background: #f4f6f8;
}
.why03{
    position:relative;
    width: 39%;
    background: #f4f6f8;
}
.why02:hover{
    /*box-shadow: 0 0.2rem 3.6rem 0.2rem rgba(218, 82, 82, 0.82);*/
}
.why03:hover{
    box-shadow: 0 0.2rem 3.6rem 0.2rem rgba(69, 46, 254, 0.24);
}
.why01 ul li{
    display:flex;
    align-items: center;
    justify-content: center;
}
.whyicon{
    position:absolute;
    right:2vw;
    bottom:2vw;
    width: 30rem;
    height: 30rem;
}
.whytext{
    position:absolute;
    right:2vw;
    bottom:2vw;
}
.whytext h6{
    color: #646464;
    font-size: 1.6rem;
    font-weight: 400;
}
.whytext h6 span{
    font-size: 4.2rem;
    font-weight: 700;
    background: linear-gradient(90deg, #DC2824 0%, #E9560D 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.whytext p{
    color: #3a3a3a;
    font-size: 1.6rem;
    font-weight: 600;
}
.why_code{
    width: 100%;
    box-sizing: border-box;
    padding:1.5vw 2vw;
    border-radius: 1.3rem;
    position:relative;
    background:#f4f6f8;
    transition: 300ms 0s all ease;
    margin-top: 5.2rem;
}
.why_code:hover{
    box-shadow: 0 0.4rem 3rem 0.1rem rgba(194, 2, 23, 0.24);
}
.why_code_top{
    display:flex;
    justify-content: space-between;
    align-items: flex-end;
}
.why_code_top_left>h4{
    color: #3a3a3a;
    font-size: 2.6rem;
    font-weight: 600;
}
.why_code_top_left>h4 svg{
    width: 2rem;
    height: 2rem;
    vertical-align: baseline;
}
.why_code_top_left>p{
    color: #3a3a3a;
    font-size: 2.6rem;
    font-weight: 400;
    line-height: 1;
}
.why_code_top_left>p span{
    color: #ef4444;
    font-size: 5rem;
    font-weight: 600;
}
.freebtn{
    display:flex;
    justify-content: flex-end;
}
.freebtn>p{
    padding-left:1.5rem;
    color: #e4696b;
    font-size: 1.4rem;
    font-weight: 400;
    position:relative;
    overflow:hidden;
}
.freebtn>p:after{
    display:block;
    content: '';
    position:absolute;
    left:0;
    top:50%;
    transform: translateY(-50%);
    width: 0.9rem;
    height: 0.9rem;
    background: #EF4444;
    border-radius: 50%;
}
.why_code_top_right>a{
    display:flex;
    align-items: center;
    justify-content: center;
    width: 19.8rem;
    height: 5.4rem;
    border-radius: 1rem;
    background: linear-gradient(90deg, #DC2824 0%, #E9560D 100%);
    margin-top: 1.6rem;
}
.why_code_top_right>a span{
    color: #ffffff;
    font-size: 1.6rem;
    font-weight: 700;
}
.why_code_top_right>a svg{
    margin-left: 0.4rem;
    width: 3rem;
    height: 3rem;
    color: #fff;
}


.why_code_mid{
    display:flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 2.5rem;
}
.why_code_mid>p{
    color: #6b6b6b;
    font-size: 1.8rem;
    font-weight: 400;
}
.why_code_mid div{
    color: #9199a5;
    font-size: 1.8rem;
    font-weight: 400;
    display:flex;
    align-items: flex-end;
    line-height: 1;
}
.why_code_mid div span>i{
    font-weight: bold;
    font-style: normal;
    font-size: 2.6rem;
}
.why_code_mid>div>i{
    display:block;
    width: 1px;
    height: 13px;
    background:#9199a5;
    margin:0 8px;
}
.why_code_bom{
    width: 100%;
    height: 0.6rem;
    border-radius: 10px;
    background: #ffffff;
    overflow:hidden;
    margin-top: 2.5rem;
}
.why_code_bom span{
    display:block;
    width: 88%;
    border-radius: 10px;
    height: 100%;
    background: linear-gradient(90deg, #DC2625 0%, #F69D5F 100%);
}
.why_code_top_right .cyber-btn:hover{
    box-shadow:0 0 30px rgb(227 76 52 / 60%);
}

/*geo*/
.title{
    text-align: center;
    margin-bottom: 5.2rem;
    position:relative;
}
.title h2{
    color: #3a3a3a;
    font-size: 7rem;
    font-weight: 900;
}
.title h2 span{
    background: linear-gradient(100deg, #c10016 0%, #e34c34 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.title p{
    color: #969ca7;
    font-size: 3.2rem;
    font-weight: 600;
}
#geo{
    background:#f4f6f8;
}
.geoul{
    display:flex;
    justify-content: space-between;
    align-items: center;
}
.geoul li{
    width: 18%;
    height: 36.4rem;
    transform: rotate(-0.023deg);
    border-radius: 0.8rem;
    box-sizing: border-box;
    padding:5.1rem 2.9rem;
    transition: 350ms 0s all ease;
    position:relative;
    top:0;
    background:#ffffff;
}
.geoul li:hover{
    top:-10px;
}
.geoul li b{
    display:flex;
    justify-content: center;
    align-items: center;
    width: 5.6rem;
    height: 5.6rem;
    border-radius: 0.6rem;
}
.geoul li b>svg{
    width: 3rem;
    height: 3rem;
}
.geoul li>h4{
    font-size: 2.4rem;
    font-weight: 900;
    margin-top: 2.1rem;
    color: #3a3a3a;
    margin-bottom: 1.4rem;
}
.geoul li>small{
    color: #505050;
    font-size: 1.4rem;
    font-weight: 400;
    line-height: 2.4rem;
}
.geoul li>div{
    display:flex;
    flex-wrap: wrap;
    margin-top: 1rem;
}
.geoul li>div span{
    font-size: 1.6rem;
    font-weight: 400;
    margin-right: 5px;
    margin-top: 5px;
    border-radius: 0.2rem;
    box-sizing: border-box;
    padding:0 0.7rem;
}
.blue b{background: #374e96;}
.blue>div span{ color: #374e96;background: #eaefff;}

.purple b{background: #9e5af7;}
.purple>div span{color: #9e5af7;background:#f5eeff;}

.red b{background: #db041d;}
.red>div span{color: #db041d;background: #ffeaec;}

.yellow b{background: #ec893b;}
.yellow>div span{color: #ec893b;background:#ffeee1;}

.plum b{background: #7e2895;}
.plum>div span{color: #7e2895;background:#fbeeff;}


/*choose*/
#choose{
    background: linear-gradient(#cc1319,#f9b42e);
    padding-top: 3rem;
    padding-bottom: 10rem;
}
#choose .title h2 span{
    background:none;
    color: #fff;
    -webkit-text-fill-color: #fff;
}
#choose .title p,
#choose .title h2{
    color: #fff;
}
.choose_style{
    display:grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 16rem; /* 卡片之间横向+纵向间距，还原原图宽松留白 */
    justify-content: space-between; /* 宽屏时4个均匀撑开，左右对齐 */
    background:#fff;
    border-radius: 10px;
    box-sizing: border-box;
    padding:6rem 10rem;
}
.choose_style li{
    position:relative;
    padding-top: 8rem;
}
.choose_style li:before{
    position:absolute;
    left:0;
    top:0;
    display:block;
    content: attr(data-text);
    color: rgba(255, 255, 255, 0.12);
    font-size: 13rem;
    font-weight: 900;
    transition-property: color;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
    line-height: 1;
    color: #e4e4e4;
}
.choose_style li h3{
    position:relative;
    color: #3a3a3a;
    font-size: 3.4rem;
    font-weight: 900;
    transition-property: color;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
}
.choose_style li b{
    display:block;
    width: 1.8rem;
    height: 0.2rem;
    margin:2.5rem 0;
    position:relative;
}

.choose_style li small{
    position:relative;
    color: #3a3a3a;
    font-size: 2rem;
    font-weight: 400;
}
.chose01 b{background: #db041d;}
.chose01:hover h3{color: #db041d;}
.chose02 b{background: #9e5af7;}
.chose02:hover h3{color: #9e5af7;}
.chose03 b{background: #374e96;}
.chose03:hover h3{color: #374e96;}
.chose04 b{background: #ec893b;}
.chose04:hover h3{color: #ec893b;}

/*entry*/
.entry{
    display:grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 6.4rem; /* 卡片之间横向+纵向间距，还原原图宽松留白 */
    justify-content: space-between; /* 宽屏时4个均匀撑开，左右对齐 */
}
.entry li{
    /*width: 49rem;*/
    height: 44.5rem;
    border-radius: 3.1rem;
    border: 0.1rem solid #d4dde6;
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
    box-sizing: border-box;
    padding:5.2rem 3.6rem;
}
.entry_top{
    display:flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 3.8rem;
}
.entry_top>b{
    display:flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    width: 6.3rem;
    height: 6.3rem;
}
.entry_top>b svg{
    width: 3.7rem;
    height: 3.7rem;
}
.entry_top>span{
    width: 11.6rem;
    line-height: 4rem;
    border-radius: 2.1rem;
    color: #3a3a3a;
    font-size: 1.8rem;
    text-align: center;
}
.entry_mid h4{
    color: #3a3a3a;
    font-size: 2.4rem;
    font-weight: 700;
}
.entry_line{
    width: 100%;
    height: 0.2rem;
    background: #d4dde6;
    margin-top: 5.2rem;
    margin-bottom: 1.7rem;
}
.entry_mid div p{
    color: #515151;
    font-size: 1.8rem;
    font-weight: 400;
    padding-left:1.8rem;
    position:relative;
    margin-top: 1.3rem;
}
.entry_mid div p:before{
    position:absolute;
    display:block;
    content: '';
    width: 1.3rem;
    height: 1.3rem;
    background:#f9b42e;
    border-radius: 50%;
    top:50%;
    left:0;
    transform: translateY(-50%);

}
.entry_bom{
    display:flex;
    align-items: center;
}
.entry_bom>div{
    width: 50%;
}
.entry_bom h2{
    font-size: 3.2rem;
    font-weight: 700;
}
.entry_bom p{
    color: #3a3a3a;
    font-size: 1.6rem;
    font-weight: 400;
}


.entry01:hover{border: 0.1rem solid #374e96;}
.entry01 .entry_top b{background:#374e96;}
.entry01 .entry_top>span{background:#f3f5f9;border:1px solid #374e96;}
.entry01 .entry_mid div p:last-of-type:before{ background: #374e96;}
.entry01 .entry_bom div h2{ color: #374e96;}

.entry02:hover{border: 0.1rem solid #fb8140;}
.entry02 .entry_top b{background:#fb8140;}
.entry02 .entry_top>span{background:#fff8f4;border:1px solid #fb8140;}
.entry02 .entry_mid div p:last-of-type:before{ background: #fb8140;}
.entry02 .entry_bom div h2{ color: #fb8140;}

.entry03:hover{border: 0.1rem solid #db041d;}
.entry03 .entry_top b{background:#db041d;}
.entry03 .entry_top>span{background:#fdf0f2;border:1px solid #db041d;}
.entry03 .entry_mid div p:last-of-type:before{ background: #cc1319;}
.entry03 .entry_bom div h2{ color:#cc1319;}

/*funeng*/
#funeng{
    background:#f4f6f8;
    padding-top: 18rem;
    overflow:hidden;
}
#funeng>.warpper{
    position:relative;
    display:flex;
    align-items: center;
    justify-content: center;
}
.funengbg{
    position:relative;
    box-sizing: border-box;
    padding:9.7rem 6.6rem;
    width: 100%;
    height: 100%;
    background: #fff;
    border-radius: 1.2rem;
}
.funengbg .title{padding-top:0;}

.abicon{
    position:absolute;
}
.funengicon01{
    right: 100%;
    bottom: 100%;
    transform:  translate(64%, 72%);
}
.funengicon02{
    left: 100%;
    top: 100%;
    transform: translate(-71%,-76%);
}

.infoAboutNews{
    background:#fff;
}
.swiperNews .swiper-slide a{
    background:#f5f5f5;
}

#funeng .title small{
    color: #22d3ee;
    font-size: 3rem;
    font-weight: 600;
}
.funeng_cont{
    color: #3a3a3a;
    text-align: center;
    font-size: 2.2rem;
    line-height: 3.6rem;
    font-weight: 300;
}
.funeng_cont span{
    color: #fb923c;
}
.funeng_ul{
    display:grid;
    grid-template-columns: repeat(4, minmax(260px, 1fr));
    margin-top: 8rem;
}
.funeng_ul li{
    text-align: center;
}
.funeng_ul li h4{
    font-size: 5rem;
    font-weight: 900;
    line-height: 1;
}
.funeng_ul li h4 span{
    vertical-align: baseline;
}
.funeng_ul li h4 sup{
    vertical-align: baseline;
}
.funeng_ul li h4 sub{
    font-size: 1.6rem;
    font-weight: 600;
    vertical-align: baseline;
}
.funeng_ul li small{
    color: #5e5e5e;
    font-size: 1.8rem;
    font-weight: 400;
}


/*tuijian*/
.tj_cont{
    display:flex;
    justify-content: space-between;
    align-items: center;
}
.tj_left{}
.tj_left h4{
    color: #ffffff;
    font-size: 5.6rem;
    font-weight: 500;
    line-height: 7rem;
}
.tj_left h4 span{
    background: linear-gradient(90deg, #2EC5ED 0%, #A25BF7 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.tj_left .lett{
    margin-left: -2.8rem;
}
.tj_left p{
    margin-top: 2.8rem;
    color: #969ca7;
    font-size: 2.2rem;
    font-weight: 400;
}
.tj_right{
    width:50%;
    border-radius: 1.9rem;

    border: 0.2rem solid transparent;
    /* 双层背景：内容区白色 + 外层渐变 */
    background: linear-gradient(45deg,   #130E33 0%,
    #130E33 75%,
    rgba(57, 34, 207, 0.7) 88%,
    rgba(57, 34, 207, 0.68) 100%) padding-box,
            linear-gradient(45deg, #4A30FC, rgba(203, 25, 230, 0),rgba(203, 25, 230, 0.6)) border-box;
    /* 裁剪规则：内容到padding，渐变到border */
    background-clip: padding-box, border-box;
    padding: 6rem;

}



.ai-circle {
    width: 24.3rem;
    height: 24.3rem;
    background: linear-gradient(180deg, #462EFD 0%, #8C52EA 100%);
    box-shadow: 0 0 1.2rem 0 #3B20C2 inset;

    border-radius: 50%;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;

}
.ai-logo {
    z-index: 99; /* 层级最高 */
    transform: none !important; /* 禁止旋转 */
    display:flex;
    align-items: center;
    justify-content: center;
}
.ai-logo img{
    max-width: 58%;
}
.circle-text-svg {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 1;
    animation: rotateCircle 20s linear infinite; /* 旋转动画 */
    transform-origin: center center; /* 圆心旋转 */
}
.circle-text-svg text {
    font-size: 0.6rem !important;
    letter-spacing: 0.15rem !important; /* 加px单位，避免SVG解析异常 */
    fill: #ffffff;
    font-weight: normal;
}
.circle-text-svg textPath {
    font-size: inherit !important;
    letter-spacing: inherit !important;
}
/* 旋转动画：保持不变 */
@keyframes rotateCircle {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}