#navTop{
    height: 64px;
    width: 100%;
    position: fixed;
    left:0;
    top:0;
    z-index:10;
    background: linear-gradient(360deg,rgba(7,35,141,0) 0%, rgba(0,6,28,0.6) 100%);
    border-radius:0px;
}
#navTop .nav-bot{
    width:1400px;
    height:64px;
}
#navTop .tabYu{
    height: 28px;
    background: rgba(217,217,217,0);
    border-radius: 16px 16px 16px 16px;
    border: 1px solid #FFFFFF;
    margin-left:20px;
    padding:0 10px;
    cursor:pointer;
}

#seactionA{
    background-size: auto 115%;
    background-repeat: no-repeat;
    background-position: center;
    padding-top:96px;
    box-sizing: border-box;
    overflow:hidden;
    animation: kenBurns 12s ease-in-out infinite;
    max-width:1920px;
    margin: 0 auto;
}

/* ========== 粒子画布 ========== */
#seactionA .particle-canvas{
    position: absolute;
    top:0; left:0;
    width:100%;
    height:100%;
    z-index:0;
    pointer-events:none;
}

/* ========== 脉冲光环 ========== */
#seactionA .pulse-ring{
    position:absolute;
    border-radius:50%;
    border:1px solid rgba(135,201,255,0.3);
    z-index:1;
    pointer-events:none;
    animation: pulseExpand 3s ease-out infinite;
}
#seactionA .pulse-ring-1{
    width:200px; height:200px;
    top:28%; left:50%;
    margin-left:-100px;
    animation-delay: 0s;
}
#seactionA .pulse-ring-2{
    width:350px; height:350px;
    top:22%; left:50%;
    margin-left:-175px;
    animation-delay: 1s;
}
#seactionA .pulse-ring-3{
    width:500px; height:500px;
    top:16%; left:50%;
    margin-left:-250px;
    animation-delay: 2s;
}
@keyframes pulseExpand {
    0%   { transform: scale(0.3); opacity: 0.8; }
    60%  { opacity: 0.3; }
    100% { transform: scale(1.5); opacity: 0; }
}

/* ========== 光晕装饰球 ========== */
#seactionA .glow-orb{
    position:absolute;
    border-radius:50%;
    filter: blur(60px);
    z-index:0;
    pointer-events:none;
    animation: orbFloat 8s ease-in-out infinite alternate;
}
#seactionA .glow-orb-left{
    width:300px; height:300px;
    background: radial-gradient(circle, rgba(52,96,255,0.35) 0%, transparent 70%);
    top:15%; left:5%;
    animation-delay: 0s;
}
#seactionA .glow-orb-right{
    width:250px; height:250px;
    background: radial-gradient(circle, rgba(135,201,255,0.25) 0%, transparent 70%);
    top:25%; right:8%;
    animation-delay: -4s;
}
@keyframes orbFloat {
    0%   { transform: translate(0, 0) scale(1); }
    33%  { transform: translate(20px, -15px) scale(1.08); }
    66%  { transform: translate(-10px, 10px) scale(0.95); }
    100% { transform: translate(15px, 5px) scale(1.05); }
}

/* ========== 文字入场动画 ========== */
#seactionA .title-animate{
    opacity:0;
    transform: translateY(40px);
    animation: titleReveal 1.2s cubic-bezier(0.16, 1, 0.3, 1) forwards;
}
#seactionA .title-delay-1{ animation-delay: 0.3s; }
#seactionA .title-delay-2{ animation-delay: 0.6s; }

@keyframes titleReveal {
    0%   { opacity: 0; transform: translateY(40px); filter: blur(8px); letter-spacing: 16px; }
    40%  { filter: blur(2px); letter-spacing: 8px; }
    100% { opacity: 1; transform: translateY(0); filter: blur(0); letter-spacing: normal; }
}

/* 按钮入场动画 */
#seactionA .btn-animate{
    opacity:0;
    transform: translateY(20px);
    animation: btnReveal 2s cubic-bezier(0.16, 1, 0.3, 1) forwards;
    animation-delay: 1.0s;
}
#seactionA .btn-delay-1{ animation-delay: 1.2s !important; }

@keyframes btnReveal {
    0%   { opacity: 0; transform: translateY(20px) scale(0.9); }
    100% { opacity: 1; transform: translateY(0) scale(1); }
}

/* ========== 底部导航卡片入场动画 ========== */
/* 注册自定义属性，使角度可动画化 */
@property --border-angle {
    syntax: '<angle>';
    initial-value: 0deg;
    inherits: false;
}
#seactionA .nav-card-animate{
    opacity: 0;
    transform: translateY(60px) scale(0.85);
    animation: navCardReveal 0.7s cubic-bezier(0.16, 1, 0.3, 1) forwards;
}
@keyframes navCardReveal {
    0%   {
        opacity: 0;
        transform: translateY(60px) scale(0.85);
        filter: blur(6px);
    }
    60%  {
        filter: blur(2px);
    }
    100% {
        opacity: 1;
        transform: translateY(0) scale(1);
        filter: blur(0);
    }
}

/* 卡片持续悬浮微动 + 流水边框 */
#seactionA .bootBlock .warp-block .Block.nav-card-animate{
    position: relative;
    overflow: hidden;
    transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1),
                box-shadow 0.4s ease;
}
#seactionA .bootBlock .warp-block .Block.nav-card-animate:hover{
    transform: translateY(-8px) scale(1.03) !important;
}
/* 流光边框 - 使用伪元素实现环绕流水效果 */
#seactionA .bootBlock .warp-block .Block.nav-card-animate::before{
    content:'';
    position:absolute;
    top:-2px; left:-2px; right:-2px; bottom:-2px;
    z-index:1;
    border-radius: 24px 24px 0px 0px;
    background: conic-gradient(
        from var(--border-angle, 0deg),
        transparent 0%,
        rgba(135, 201, 255, 0) 20%,
        rgba(135, 201, 255, 0.8) 35%,
        rgba(185, 234, 255, 1) 50%,
        rgba(135, 201, 255, 0.8) 65%,
        rgba(135, 201, 255, 0) 80%,
        transparent 100%
    );
    opacity: 0;
    transition: opacity 0.3s ease;
    mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    mask-composite: exclude;
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    padding: 1px;
}
#seactionA .bootBlock .warp-block .Block.nav-card-animate:hover::before{
    opacity: 1;
    animation: borderFlow 1.5s linear infinite;
}

@keyframes borderFlow {
    0%   { --border-angle: 0deg; }
    100% { --border-angle: 360deg; }
}

/* 卡片入场后底部光晕扫过效果 */
#seactionA .bootBlock::after{
    content:'';
    position:absolute;
    bottom:0; left:-10%;
    width:120%; height:200px;
    background: linear-gradient(180deg,
        transparent 0%,
        rgba(52, 96, 255, 0.06) 40%,
        rgba(135, 201, 255, 0.12) 70%,
        transparent 100%
    );
    z-index:0;
    pointer-events:none;
    animation: navGlowSweep 5s ease-in-out infinite;
    animation-delay: 2s;
}
@keyframes navGlowSweep {
    0%, 100% { opacity: 0; transform: translateX(-5%); }
    50%      { opacity: 1; transform: translateX(5%); }
}

@keyframes kenBurns{
    0%   { background-position: 48% 47%; background-size: auto 115%; }
    25%  { background-position: 52% 48%; background-size: auto 120%; }
    50%  { background-position: 50% 53%; background-size: auto 116%; }
    75%  { background-position: 48% 51%; background-size: auto 118%; }
    100% { background-position: 48% 47%; background-size: auto 115%; }
}

@keyframes titleShimmer {
    0%   { background-position: 0% 50%; }
    50%  { background-position: 100% 50%; }
    100% { background-position: 0% 50%; }
}

/* ========== 标题发光变色动画 ========== */
#seactionA .bigTitleA{
    background-image: linear-gradient(
        90deg,
        #ffffff 0%,
        #a8d8ff 15%,
        #7ec8ff 30%,
        #b9eaff 45%,
        #ffffff 55%,
        #e0c6ff 70%,
        #a8d8ff 85%,
        #ffffff 100%
    );
    background-size: 300% 100%;
    width:100%;
    overflow-wrap: break-word;
    font-size: 72px;
    font-family: PingFang SC-Semibold;
    font-weight: 600;
    text-align: center;
    white-space: nowrap;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    animation:
        titleGlowColorA 4s ease-in-out infinite,
        titleReveal 1.2s cubic-bezier(0.16, 1, 0.3, 1) forwards;
}

#seactionA .bigTitleB{
    background-image: linear-gradient(
        90deg,
        #ffffff 0%,
        #ffe0fb 12%,
        #7ec8ff 28%,
        #d4c8ff 44%,
        #ffffff 56%,
        #a8e0ff 72%,
        #ffd0f0 88%,
        #a8d8ff 100%
    );
    background-size: 300% 100%;
    width: 100%;
    height: 101px;
    overflow-wrap: break-word;
    font-size: 72px;
    font-family: PingFang SC-Semibold;
    font-weight: 600;
    text-align: center;
    white-space: nowrap;
    line-height: 72px;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin: 12px 0 0 0;
    animation: titleGlowColorB 5s ease-in-out infinite, titleReveal 1.2s cubic-bezier(0.16, 1, 0.3, 1) forwards;
    animation-delay: 0.3s, 0.3s;
}

/* 标题A颜色流动 */
@keyframes titleGlowColorA {
    0%   { background-position: 0% 50%; }
    25%  { background-position: 40% 50%; }
    50%  { background-position: 80% 50%; }
    75%  { background-position: 60% 50%; }
    100% { background-position: 0% 50%; }
}

/* 标题B颜色流动 */
@keyframes titleGlowColorB {
    0%   { background-position: 100% 50%; }
    25%  { background-position: 50% 50%; }
    50%  { background-position: 20% 50%; }
    75%  { background-position: 70% 50%; }
    100% { background-position: 100% 50%; }
}
#seactionA .bigTitleC{
    width: 100%;
    height: 34px;
    overflow-wrap: break-word;
    color: rgba(174, 216, 255, 1);
    font-size: 24px;
    letter-spacing: 24px;
    font-family: PingFang SC-Medium;
    font-weight: 500;
    text-align: center;
    white-space: nowrap;
    line-height: 24px;
    margin: 24px 0 0 0px;
}
#seactionA .good{
    box-shadow: 0px 4px 18px 0px rgba(128, 236, 255, 0.6);
    background-color: rgba(19, 228, 255, 1);
    border-radius: 28px;
    height: 56px;
    width: 144px;
    overflow-wrap: break-word;
    color: rgba(0, 40, 126, 1);
    font-size: 16px;
    font-family: PingFang SC-Medium;
    font-weight: 500;
    text-align: center;
    line-height:54px;
    cursor: pointer;
}
#seactionA .case{
    background-color: rgba(1, 38, 118, 0.5);
    border-radius: 28px;
    height: 56px;
    border: 1px solid rgba(202, 206, 211, 1);
    width: 144px;
    overflow-wrap: break-word;
    color: rgba(0, 40, 126, 1);
    font-size: 16px;
    font-family: PingFang SC-Medium, serif;
    font-weight: 500;
    text-align: center;
    line-height:56px;
    color:#F0F4FC;
    cursor: pointer;
}
#seactionA .bootBlock{
    width:100%;
    left:0;
    bottom:0;
    position: absolute;
    z-index:1;
    overflow: hidden;
    padding-top:100px;
}
#seactionA .bootBlock .warp-block .Block{
    background: linear-gradient( 0deg, #021C4F 0%, #04102B 100%);
    border-radius: 24px 24px 0px 0px;
    border: 1px solid #436CB7;
    cursor: pointer;
}
#seactionA .bootBlock .warp-block .Yin{
    display:none;
}


#seactionA .bootBlock .warp-block .Block.active,
#seactionA .bootBlock .warp-block .Block:hover
{
    box-shadow: 0px 1px 55px 0px rgba(52, 96, 255, 0.67);
    background-image: linear-gradient(360deg, rgba(16, 53, 137, 1) 0, rgba(5, 18, 49, 1) 100%);
    border-radius: 24px 24px 0px 0px;
    overflow: hidden;
    transform: scale(1.01);
}
#seactionA .bootBlock .warp-block .Block.active .Yin,
#seactionA .bootBlock .warp-block .Block:hover .Yin{
    display:block;
}


#seactionA .ImgBlock{
    margin: 0 auto;
}
#seactionA .centerTitle{
    font-family: PingFang SC, PingFang SC;
    font-weight: 400;
    font-size:28px;
    color:#ffffff;
    text-align: center;
    padding-top:15px;
    cursor: pointer;
}
#seactionA .line{
    box-shadow: 0px 0px 7px 0px rgba(90, 153, 255, 0.75);
    background-image: linear-gradient(90deg, rgba(135, 201, 255, 1) 0, rgba(125, 92, 255, 1) 100%);
    width: 24px;
    height: 2px;
    border-radius:10px;
    top:30px;
}



#seactionA .bot{
    height: 144px;
    background: linear-gradient(180deg,rgba(7,35,141,0) 0%, rgba(0,6,28,0.8) 100%);
    border-radius: 0px 0px 0px 0px;
    left:0;
    bottom:0;
    width:100%;
    pointer-events: none;
}

#good-block{

    background:#ffffff;
    padding-top:104px;
    box-sizing: border-box;
    max-width:1920px;
    margin:auto;
    overflow: hidden;
    padding-bottom:80px;
}

#good-block .titleBlock{
    width:1200px;
    margin:0 auto;
}

#good-block .title{
    font-family: Google Sans Flex, Google Sans Flex;
    font-weight: bold;
    font-size: 52px;
    color: #19367A;
}
#good-block .chinese{
    font-family: PingFang SC, PingFang SC;
    font-weight: 600;
    font-size: 44px;
    color: #333333;
    text-align: left;
}
#good-block .DESOP{
    width: 472px;
    font-family: PingFang SC, PingFang SC;
    font-weight: 400;
    font-size: 14px;
    color: #333333;
    text-align: left;
    line-height: 32px;
    padding-top: 6px;
    box-sizing: border-box;
}
#good-block .warp-good{
    width:1920px;
    display:flex;
    overflow-x:auto;
    flex-wrap:nowrap;
    border-radius:10px;
}
#good-block .goodBlock{
    width: 832px;
    height: 464px;
    background: #F5F6FA;
    border-radius: 24px 24px 24px 24px;
    flex-shrink: 0;
    margin-right:32px;
    padding:40px 48px;
    box-sizing: border-box;
}
#good-block .goodBlock_indexNo{
    font-family: LogoSC Unbounded Sans, LogoSC Unbounded Sans;
    font-weight: 400;
    font-size: 40px;
    color: #DDE0E6;
    text-align: left;
}
#good-block .goodImg{
    width: 366px;
    height: 366px;
    border-radius: 0px 0px 0px 0px;
}

#good-block .goodName{
    font-family: PingFang SC, PingFang SC;
    font-weight: 600;
    font-size: 36px;
    color: #333333;
    text-align: left;
    padding-top:240px;
}
#good-block .goodType{
    font-family: PingFang SC, PingFang SC;
    font-weight: 400;
    font-size: 16px;
    color: #909195;
    text-align: left;
    padding-top:4px;
}

#good-block .nav-block{
    padding-top: 116px;
    border-bottom:1px solid rgba(217, 217, 217, 0.6);
    display: flex;
    flex-wrap: nowrap;
    padding-bottom:30px;
    width:1980px;
}
#good-block .contentText{
    margin-right:107px;
}
.about-brjkj{
    width: 1800px;
    height: 904px;
    border-radius: 0px 0px 0px 0px;
    background:gray;
}

.enterprise{
    height: 900px;
    background-size:100% 100%;
    background-image: url("./../images/img/index-enterprise.png");
    background-repeat: no-repeat;
    background-position: center;
    padding-top:96px;
    box-sizing: border-box;
    max-width:1920px;
    margin:0 auto;
    overflow: hidden;
}
.enterprise .img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.enterprise-block{
    width:1200px;
    height:900px;


}
.enterprise .title-Yin{
    font-family: Google Sans Flex, Google Sans Flex;
    font-weight: bold;
    font-size: 52px;
    color: #19367A;
    padding-top:104px;
}
.enterprise .title-Text{
    font-family: PingFang SC, PingFang SC;
    font-weight: 600;
    font-size: 44px;
    color: #333333;
    text-align: left;
    padding-top: 12px;
}
.enterprise .titledesp{
    width: 385px;
    font-family: PingFang SC, PingFang SC;
    font-weight: 400;
    font-size: 16px;
    color: #47505F;
    line-height: 28px;
    text-align: left;
    padding-top:48px;
    padding-bottom: 136px;
}
.enterprise .title-more{
    width: 140px;
    height: 44px;
    background: #19367A;
    padding:0 4px 0 20px;
    box-sizing: border-box;
    border-radius: 22px 22px 22px 22px;
    font-family: PingFang SC, PingFang SC;
    font-weight: 400;
    font-size: 16px;
    color: #FFFFFF;
}
.enterprise .YuanBlock{
    width: 36px;
    height: 36px;
    background: #FFFFFF;
    border-radius: 50%;

}
.enterprise .right-block{
   display:flex;
}
.enterprise .year-block{
    width: 276px;
    height: 312px;
    background: #FFFFFF;
    border-radius: 24px 24px 24px 24px;
    margin-bottom:24px;
    padding:44px 0 0 24px;
    box-sizing: border-box;
    cursor: pointer;
}
.enterprise .imgIcon{
    width:48px;
}
.enterprise .Shiwu{
    font-family: Google Sans Flex, Google Sans Flex;
    font-weight: 600;
    font-size: 40px;
    color: #333333;
    letter-spacing: 3px;
}
.enterprise .small-shiwu{
    font-family: PingFang SC, PingFang SC;
    font-weight: 400;
    font-size: 16px;
    color: #333333;
}
.enterprise .botTitle{
    font-family: PingFang SC, PingFang SC;
    font-weight: 400;
    font-size: 16px;
    color: #333333;
    text-align: left;
    padding-top:27px;
}
.enterprise .year-block.active,.enterprise .year-block:hover{
    background: linear-gradient( 41deg, #1D4093 0%, #19367A 100%);
    box-shadow: 0px 16px 50px -1px rgba(44,93,227,0.35);
}
.enterprise .year-block.active .Shiwu,
.enterprise .year-block.active .small-shiwu,
.enterprise .year-block.active .botTitle,
.enterprise .year-block:hover .Shiwu,
.enterprise .year-block:hover .small-shiwu,
.enterprise .year-block:hover .botTitle {
    color: #FFFFFF;
}


#scene-block{
    height:1080px;
    background-size:100% 100%;
    background-repeat: no-repeat;
    background-position: center;
    max-width:1920px;
    margin:0 auto;
}
#scene-block .title{
    font-family: PingFang SC, PingFang SC;
    font-weight: 500;
    font-size: 36px;
    color: #FFFFFF;
    text-align: center;
    font-style: normal;
    padding-top:96px;
}
#scene-block .content{
    width:1100px;
    margin: 176px auto;
}
#scene-block .bigTitle{
    font-family: PingFang SC, PingFang SC;
    font-weight: 600;
    font-size: 64px;
    color: #FFFFFF;
    text-align: left;
}
#scene-block .YinWen{
    font-family: Google Sans Flex, Google Sans Flex;
    font-weight: 500;
    font-size: 32px;
    color: #FFFFFF;
    text-align: left;
    padding-top:10px;
    padding-bottom:104px;
}
#scene-block .content-desp{
    width: 440px;
    font-family: PingFang SC, PingFang SC;
    font-weight: 400;
    font-size: 14px;
    color: #FFFFFF;
    text-align: left;
    min-height:100px;
    line-height:23px;
}
#scene-block .moreBtn{
    width: 104px;
    height: 40px;
    border: 1px solid #FFFFFF;
    border-radius:5px;
    font-family: PingFang SC, PingFang SC;
    font-weight: 400;
    font-size: 16px;
    color: #FFFFFF;
    cursor: pointer;
}

#scene-block .moreBtn:hover{
    background: #ffffff;
    color: #333333;
    transform: scale(1.1);
}

#scene-block .warpBtn{
    width:1600px;
    margin: 0 auto;
}


#scene-block .Btn{
    cursor: pointer;
    width: 280px;
    height: 104px;
    background: rgba(255,255,255,0.5);
    border-radius: 16px 16px 16px 16px;
}

#scene-block .Btn .Img{
    width: 56px;
    height: 56px;
    background: #FFFFFF;
    border-radius:50px;
}
#scene-block .spanText{
    font-family: PingFang SC, PingFang SC;
    font-weight: 500;
    font-size: 24px;
    color: #FFFFFF;
}

#scene-block .Btn:hover,
#scene-block .Btn.active{
    background: #ffffff;
    transform: scale(1.05);
}
#scene-block .Btn:hover .Img,
#scene-block .Btn.active .Img
{
    background:#19367A;
}
#scene-block .Btn:hover .spanText,
#scene-block .Btn.active .spanText{
    color: #333333;
}

#news-block{
    height:904px;
    background-size:100% 100%;
    background-image: url("./../images/img/new-block.png");
    background-repeat: no-repeat;
    background-position: center;
    padding-top:144px;
    max-width:1920px;
    margin:0 auto;
}
#news-block .titleBlock{
    width:1200px;
    margin:0 auto;
}
#news-block .title{
    font-family: Google Sans Flex, Google Sans Flex;
    font-weight: bold;
    font-size: 52px;
    color: #19367A;
}
#news-block .chinese{
    font-family: PingFang SC, PingFang SC;
    font-weight: 600;
    font-size: 44px;
    color: #333333;
    text-align: left;
}
#news-block .warp-news{
    padding-bottom:100px;
    width:1800px;
    margin:0 auto;
    overflow: hidden !important;
    position: relative;
    right:-280px;
    padding-left:20px;
    box-sizing: border-box;
}

/* ========== 轮播轨道 ========== */
#news-block .warp-news .news-track{
    display:flex;
    transition: transform 0.5s cubic-bezier(0.25, 1, 0.3, 1);
    will-change: transform;
    padding:30px 0;
}
/* 瞬间跳转时禁用过渡动画（无缝循环关键） */
#news-block .warp-news .news-track.no-transition{
    transition: none !important;
}
#news-block .newsBlock{
    width: 528px;
    height: 464px;
    background: #FFFFFF;
    box-shadow: 0px 1px 10px -1px rgba(109,117,131,0.25);
    border-radius: 24px;
    flex-shrink: 0;
    margin-right:24px;
    padding:40px;
    box-sizing: border-box;
    display:flex;
    flex-direction:column;
    cursor:pointer;
    transition: transform 0.35s cubic-bezier(0.16, 1, 0.3, 1),
                box-shadow 0.35s ease;
}
#news-block .newsBlock:hover{
    box-shadow: 0 18px 30px rgba(25,54,122,0.18);
    transform: scale(1.01);
}
#news-block .newImg{
    height: 224px;
    background: #D9D9D9;
    border-radius: 20px 20px 20px 20px;
}
#news-block .title-line{
    font-family: PingFang SC, PingFang SC;
    font-weight: 500;
    font-size: 20px;
    color: #333333;
    text-align: left;
    margin-top:24px;
}
#news-block .dataText{
    font-family: Google Sans Flex, Google Sans Flex;
    font-weight: 600;
    font-size: 32px;
    color: #333333;
}

#news-block .YuanBlock{
    height:36px;
    width:36px;
    border:1px solid #19367A;
    border-radius: 24px 24px 24px 24px;
}
#news-block .dataYear{
    font-family: Google Sans Flex, Google Sans Flex;
    font-weight: 500;
    font-size: 20px;
    color: #7D828C;
    line-height: 24px;
    text-align: left;
}


#al-block{
    height:764px;
    background-size:100% 100%;
    background-image: url("./../images/img/ai-block.png");
    background-repeat: no-repeat;
    background-position: center;
}
#al-block .titleA{
    background-image: linear-gradient(
            90deg,
            rgba(255, 255, 255, 1) 5.926564%,
            rgba(195, 220, 255, 1) 66.107863%,
            rgba(148, 164, 255, 1) 100%
    );
    width: 612px;
    height: 78px;
    overflow-wrap: break-word;
    font-size: 56px;
    font-family: PingFang SC-Medium;
    font-weight: 500;
    text-align: center;
    white-space: nowrap;
    line-height: 56px;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin:0 auto;
    padding-top:184px;
}
#al-block .titleB{
    background-image: linear-gradient(
            90deg,
            rgba(255, 255, 255, 1) 50.824219%,
            rgba(247, 234, 255, 1) 66.107863%,
            rgba(183, 205, 255, 1) 100%
    );
    width: 448px;
    height: 78px;
    overflow-wrap: break-word;
    font-size: 56px;
    font-family: PingFang SC-Medium;
    font-weight: 500;
    text-align: center;
    white-space: nowrap;
    line-height: 56px;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin:0 auto;
    padding-top:14px;
}
#al-block .input{
    width: 812px;
    padding:8px;
    background: rgba(255,255,255,0.15);
    box-shadow: 0px 6px 21px 0px rgba(5,4,36,0.4);
    border-radius: 24px 24px 24px 24px;
    margin:80px auto 0 auto;
    box-sizing: border-box;
}
#al-block .input-text{
    width: 796px;
    height: 64px;
    background: linear-gradient( 360deg, #EEF1FF 0%, #FFFFFF 100%);
    border-radius: 18px 18px 18px 18px;
    padding:12px;
    box-sizing: border-box;
}
#al-block .btn{
    width:144px;
    height:40px;
    background: #19367A;
    border-radius:20px;
    background-size:100% 100%;
    background-image: url("./../images/img/al-btn.png");
    background-repeat: no-repeat;
    background-position: center;
    cursor: pointer;
    font-family: PingFang SC, PingFang SC;
    font-weight: 500;
    font-size: 14px;
    color: #FFFFFF;
    padding:0 20px;
    box-sizing: border-box;
}
#al-block .list-text{
    font-family: PingFang SC, PingFang SC;
    font-weight: 500;
    font-size: 14px;
    color: #B4BCDE;
    text-align: left;
}

#Cooperation{
    width: 1800px;
    height: 440px;
    background: #19367A;
    border-radius: 64px 64px 64px 64px;
    margin:56px auto 56px auto;
}
#Cooperation .Contact{
    font-family: Google Sans Flex, Google Sans Flex;
    font-weight: bold;
    font-size: 52px;
    color: #FFFFFF;
    line-height: 64px;
    text-align: left;
}
#Cooperation .hezuo{
    font-family: PingFang SC, PingFang SC;
    font-weight: 600;
    font-size: 44px;
    color: #FFFFFF;
    text-align: left;
    padding-top:12px;
    padding-bottom:72px;
}
#Cooperation .lianxi{
    width: 150px;
    height: 44px;
    background: #FFFFFF;
    border-radius: 22px 22px 22px 22px;
    font-family: PingFang SC, PingFang SC;
    font-weight: 400;
    font-size: 16px;
    color: #19367A;
    text-align: left;
    padding:0 6px 0 24px;
    box-sizing: border-box;
}
#Cooperation .Yuan{
    width: 36px;
    height: 36px;
    background: #19367A;
    border-radius:50%;
}
#Cooperation .RIGHT-text{
    font-family: PingFang SC, PingFang SC;
    font-weight: 500;
    font-size: 36px;
    color: #FFFFFF;
    text-align: right;
    line-height:60px;
}
#Cooperation .Guanzhu{
    font-family: PingFang SC, PingFang SC;
    font-weight: 500;
    font-size: 16px;
    color: #FFFFFF;
    text-align: right;
    font-style: normal;
    text-transform: none;
    padding-top:10px;
}