@font-face {
    font-family: 'MYingHeiPRC';
    src: url('MYingHeiPRC-W7.ttf') format('truetype');
}
@font-face {
    font-family: 'MYingHeiPRCs';
    src: url('MYingHeiPRC-W4.ttf') format('truetype');
}
#page {
    overflow: hidden;
    min-width: 1200px;
}

#page .banner {
    position: relative;
    width: 100%;
}
#page .banner .content {
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
}
#page .banner .content>div{
    position: absolute;
}
#page .banner .content .p1 {
    top: 12%;
    left: 4.7%;
    width: 16%;
}
#page .banner .content .h1 {
    top: 26.2%;
    left: 4.7%;
    font-weight: bold;
    font-size: 80px;
    height: 80px;
    line-height: 80px;
    color: #011B44;
}
#page .banner .content .h2 {
    top: 38.9%;
    left: 4.7%;
    font-size: 80px;
    font-weight: bold;
    height: 80px;
    line-height: 80px;
    color: #063DB4;
}
#page .banner .content .h2 img {
    width: 480px;
    margin-top: 30px;
    display: block;
}
#page .banner .content .p2{
    top: 58%;
    left: 4.7%;
    width: 40%;
}
#page .banner .content .p2 ul{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 100%;
    flex-flow: wrap;
}
#page .banner .content .p2 ul li{
    width: 47%;
    margin-bottom: 5%;
}
#page .banner .content .p2 ul li img {
    width: 100%;
    display: block;
    cursor: pointer;
    transition: all 0.3s ease;
}
#page .banner .content .p2 ul li img:hover {
    transform: translateY(-5px) scale(1.02);
    filter: brightness(1.05) drop-shadow(0 15px 30px rgba(33, 99, 241, 0.4));
}
#page .banner .content .h3{
    bottom: 6.6%;
    left: 4.7%;
    font-weight: 600;
    font-size: 49px;
    color: #063DB4;
    line-height: 1.1;
    font-style: italic;
    text-decoration-line: underline;
}
#page .banner .content .p6{
    right: 5.4%;
    top: 5%;
    width: 24.11%;
}
#page .banner .content .p7{
    right:7.6%;
    top: 2%;
    width: 46%;
}
#page .banner .content .p8{
    right:4.8%;
    bottom: 4.2%;
    width: 46%;
}
#page .banner .content .p8 img {
    width: 100%;
    display: block;
    cursor: pointer;
    transition: all 0.3s ease;
}
#page .banner .content .p8 img:hover {
    transform: translateY(-5px) scale(1.02);
    filter: brightness(1.05) drop-shadow(0 15px 30px rgba(33, 99, 241, 0.4));
}
.flex-col {
    display: flex;
    flex-direction: column;
}

.flex-row {
    display: flex;
    flex-direction: row;
}

.justify-between {
    display: flex;
    justify-content: space-between;
}

.justify-center {
    display: flex;
    justify-content: center;
}

.justify-start {
    display: flex;
    justify-content: flex-start;
}

.justify-end {
    display: flex;
    justify-content: flex-end;
}

.justify-around {
    display: flex;
    justify-content: space-around;
}

.justify-evenly {
    display: flex;
    justify-content: space-evenly;
}

.align-start {
    display: flex;
    align-items: flex-start;
}

.align-center {
    display: flex;
    align-items: center;
}

.align-end {
    display: flex;
    align-items: flex-end;
}


.group_1 {
    width: 1680px;
    height: 780px;
    margin: 100px auto;
}

.box_2 {
    width: 495px;
    height: 592px;
}

.text-group_1 {
    width: 495px;

}

.paragraph_1 {

    overflow-wrap: break-word;
    color: rgba(0, 0, 0, 1);
    font-size: 42.2525px;
    font-weight: 600;
    text-align: left;
    line-height: 68px;
    margin: 0px 0px 0px 3px;
}

.text_1 {
    background-image: linear-gradient(-90deg, rgba(38, 75, 223, 1) 0, rgba(38, 75, 223, 1) 0.415039%, rgba(63, 151, 239, 1) 100%, rgba(63, 151, 239, 1) 100%);

    height: 42px;
    overflow-wrap: break-word;
    color: rgba(255, 255, 255, 1);
    font-size: 40px;

    font-weight: 700;
    text-align: left;
    white-space: nowrap;
    line-height:1;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin: 54px 0px 0px 0px;
}

.block_1 {
    width: 482px;
    height: 59px;
    margin: 39px 0px 0px 3px;
}

.text-wrapper_1 {
    width: 214px;
    height: 59px;
    background: linear-gradient(0deg, #2163F1, #A0C3FF);
    box-shadow: 0px -6px 7px 0px #FFFFFF, 1px 2px 10px 0px #FFFFFF;
    border-radius: 29px;
    border-image: linear-gradient(0deg, #0D7BFF, #FFFFFF) 2 2;
    cursor: pointer;
    transition: all 0.3s ease;
}
.text-wrapper_1:hover {
    transform: translateY(-3px) scale(1.02);
    box-shadow: 0px -8px 12px 0px rgba(255, 255, 255, 0.8), 0 8px 20px rgba(33, 99, 241, 0.4);
    background: linear-gradient(0deg, #1a57e6, #8ab4f8);
}

.text_2 {
    width: 153px;
    height: 30px;
    overflow-wrap: break-word;
    color: rgba(255, 255, 255, 1);
    font-size: 30.985208333333333px;

    font-weight: 500;
    text-align: left;
    white-space: nowrap;
    line-height: 30.985208333333333px;
    margin: 14px 0px 0px 30px;
}

.text-wrapper_2 {
    width: 214px;
    height: 59px;
    background: linear-gradient(0deg, #2163F1, #A0C3FF);
    box-shadow: 0px -6px 7px 0px #FFFFFF, 1px 2px 10px 0px #FFFFFF;
    border-radius: 29px;
    border-image: linear-gradient(0deg, #0D7BFF, #FFFFFF) 2 2;
}

.text_3 {
    width: 138px;
    height: 29px;
    overflow-wrap: break-word;
    color: rgba(255, 255, 255, 1);
    font-size: 30.985208333333333px;

    font-weight: 500;
    text-align: left;
    white-space: nowrap;
    line-height: 30.985208333333333px;
    margin: 15px 0px 0px 38px;
}

.block_2 {
    width: 487px;
    height: 59px;
    margin: 13px 0px 0px 2px;
}

.text-wrapper_3 {
    width: 214px;
    height: 59px;
    background: linear-gradient(0deg, #2163F1, #A0C3FF);
    box-shadow: 0px -6px 7px 0px #FFFFFF, 1px 2px 10px 0px #FFFFFF;
    border-radius: 29px;
    border-image: linear-gradient(0deg, #0D7BFF, #FFFFFF) 2 2;
}

.text_4 {
    width: 166px;
    height: 28px;
    overflow-wrap: break-word;
    color: rgba(255, 255, 255, 1);
    font-size: 30.985208333333333px;

    font-weight: 500;
    text-align: left;
    white-space: nowrap;
    line-height: 30.985208333333333px;
    margin: 16px 0px 0px 24px;
}

.text-wrapper_4 {
    width: 214px;
    height: 59px;
    background: linear-gradient(0deg, #2163F1, #A0C3FF);
    box-shadow: 0px -6px 7px 0px #FFFFFF, 1px 2px 10px 0px #FFFFFF;
    border-radius: 29px;
    border-image: linear-gradient(0deg, #0D7BFF, #FFFFFF) 2 2;
}

.text_5 {
    width: 149px;
    height: 29px;
    overflow-wrap: break-word;
    color: rgba(255, 255, 255, 1);
    font-size: 30.985208333333333px;

    font-weight: 500;
    text-align: left;
    white-space: nowrap;
    line-height: 30.985208333333333px;
    margin: 15px 0px 0px 32px;
}

.block_3 {
    width: 473px;
    height: 179px;
    margin: 41px 0px 0px 8px;
    cursor: pointer;
    transition: all 0.3s ease;
    padding: 10px;
    border-radius: 8px;
}
.block_3:hover {
    transform: translateX(5px);
}

.text_6 {
    width: 130px;
    height: 32px;

    font-weight: 500;
    font-size: 32px;
    color: #FFFFFF;
    line-height: 32px;
    background: linear-gradient(270deg, #264BDF 0.4150390625%, #3F97EF 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin: 76px 0px 0px 0px;
}

.group_2 {
    width: 41px;
    height: 169px;
    background: url('../images/slices/group_2.png') 100% no-repeat;
    background-size: 100% 100%;
    margin: 8px 0px 0px 25px;
}

.paragraph_2 {
    width: 249px;
    height: 179px;
    overflow-wrap: break-word;
    color:#0175EE;
    font-size: 24px;

    font-weight: 500;
    text-align: left;
    line-height: 45px;
    margin: 0px 0px 0px 28px;
}

.box_3 {
    height: 580px;
    position: relative;
    width: 900px;
    margin: 69px 0px 0px 0px;
}

.group_3 {
    width: 500px;
    height: 560px;
    margin: 0;
    padding: 120px 30px 30px 30px;
    background: url('../images/slices/box_3.png') left top no-repeat;
    background-size: 500px 580px;
    border-radius: 40px;
    position: absolute;
    top: 0px;
    left: 0px;
    box-shadow: -30px 20px 50px rgba(38, 75, 223, 0.4),
    -20px 35px 40px rgba(63, 151, 239, 0.3);
    box-sizing: border-box;
    cursor: pointer;
    transition: all 0.3s ease;
}
.group_3:hover {
    transform: translateY(-8px) scale(1.01);
    box-shadow: -30px 30px 60px rgba(38, 75, 223, 0.5),
    -20px 45px 50px rgba(63, 151, 239, 0.4);
}


.text_7 {
    width: 183px;
    height: 25px;
    overflow-wrap: break-word;
    color: rgba(1, 108, 236, 1);
    font-size: 26.559166666666666px;
    font-weight: bold;
    text-align: left;
    white-space: nowrap;
    line-height: 26.559166666666666px;
    margin-bottom: 58px;
    display: block;
}

.box_4 {
    width: 186px;
    height: 24px;
    margin: 0 0px 24px 8px;
}

.box_5 {
    background-color: rgba(165, 194, 255, 1);
    border-radius: 50%;
    width: 8px;
    height: 8px;
    margin: 9px 0px 0px 0px;
}

.text_8 {
    width: 172px;
    height: 24px;
    margin-left: 5px;
    overflow-wrap: break-word;
    color: rgba(1, 108, 236, 1);
    font-size: 24px;

    font-weight: 600;
    text-align: left;
    white-space: nowrap;
    line-height: 24px;
}

.box_6 {
    width: 211px;
    height: 24px;
    margin: 25px 0px 0px 8px;
}

.group_4 {
    background-color: rgba(165, 194, 255, 1);
    border-radius: 50%;
    width: 8px;
    height: 8px;
    margin: 9px 0px 0px 0px;
}

.text_9 {
    width: 197px;
    height: 24px;
    overflow-wrap: break-word;
    color: rgba(1, 108, 236, 1);
    font-size: 24.75541666666667px;

    font-weight: normal;
    text-align: left;
    white-space: nowrap;
    line-height: 24.75541666666667px;
}

.image_2 {
    width: 89px !important;
    height: 119px;
    flex-shrink: 0;
    position: absolute;
    top: 190px;
    left: 369px;
    z-index: 3;
}

.group_5 {
    width: 209px;
    height: 24px;
    margin: 26px 0px 0px 9px;
}

.group_6 {
    background-color: rgba(165, 194, 255, 1);
    border-radius: 50%;
    width: 8px;
    height: 8px;
    margin: 9px 0px 0px 0px;
}

.text_10 {
    width: 195px;
    height: 24px;
    overflow-wrap: break-word;
    color: rgba(1, 108, 236, 1);
    font-size: 24.67833333333333px;

    font-weight: normal;
    text-align: left;
    white-space: nowrap;
    line-height: 24.67833333333333px;
}

.group_7 {
    width: 236px;
    height: 53px;
    margin: 23px 0px 0px 9px;
}

.group_8 {
    background-color: rgba(165, 194, 255, 1);
    border-radius: 50%;
    width: 8px;
    height: 8px;
    margin: 9px 0px 0px 0px;
}

.paragraph_3 {
    width: 222px;
    height: 53px;
    overflow-wrap: break-word;
    color: rgba(1, 108, 236, 1);
    font-size: 24.759583333333335px;

    font-weight: normal;
    text-align: left;
    line-height: 24.759583333333335px;
}

.group_9 {
    width: 500px;
    height: 540px;
    background: url('../images/slices/group_9.png') 100% no-repeat;
    background-size: 100% 100%;
    margin: 0;
    flex-shrink: 0;
    border-radius: 40px;
    padding-top: 70px;
    position: absolute;
    left: 300px;
    top: 250px;
    box-sizing: border-box;
    z-index: 2;
    cursor: pointer;
    transition: all 0.3s ease;
}
.group_9:hover {
    transform: translateY(-8px) scale(1.01);
    box-shadow: 30px 30px 60px rgba(38, 75, 223, 0.5),
    20px 45px 50px rgba(63, 151, 239, 0.4);
}

.text_11 {
    width: 158px;
    height: 26px;
    overflow-wrap: break-word;
    color: rgba(255, 255, 255, 1);
    font-size: 26.559166666666666px;

    font-weight: 600;
    text-align: left;
    white-space: nowrap;
    line-height: 26.559166666666666px;
    margin: 25px 0px 0px 26px;
}

.box_7 {
    width: 310px;
    height: 25px;
    margin: 57px 0px 0px 35px;
}

.block_4 {
    background-color: rgba(165, 194, 255, 1);
    border-radius: 50%;
    width: 8px;
    height: 8px;
    margin: 9px 0px 0px 0px;
}

.text_12 {
    width: 295px;
    height: 25px;
    overflow-wrap: break-word;
    color: rgba(255, 255, 255, 1);
    font-size: 24.7375px;

    font-weight: normal;
    text-align: left;
    white-space: nowrap;
    line-height: 24.7375px;
}

.box_8 {
    width: 258px;
    height: 23px;
    margin: 25px 0px 0px 35px;
}

.group_10 {
    background-color: rgba(165, 194, 255, 1);
    border-radius: 50%;
    width: 8px;
    height: 8px;
    margin: 9px 0px 0px 0px;
}

.text_13 {
    width: 244px;
    height: 23px;
    overflow-wrap: break-word;
    color: rgba(255, 255, 255, 1);
    font-size: 24.761875px;

    font-weight: normal;
    text-align: left;
    white-space: nowrap;
    line-height: 24.761875px;
}

.box_9 {
    width: 362px;
    height: 24px;
    margin: 26px 0px 0px 35px;
}

.group_11 {
    background-color: rgba(165, 194, 255, 1);
    border-radius: 50%;
    width: 8px;
    height: 8px;
    margin: 10px 0px 0px 0px;
}

.text_14 {
    width: 347px;
    height: 24px;
    overflow-wrap: break-word;
    color: rgba(255, 255, 255, 1);
    font-size: 24.684791666666666px;

    font-weight: normal;
    text-align: left;
    white-space: nowrap;
    line-height: 24.684791666666666px;
}

.box_10 {
    width: 211px;
    height: 23px;
    margin: 23px 0px 163px 35px;
}

.group_12 {
    background-color: rgba(165, 194, 255, 1);
    border-radius: 50%;
    width: 8px;
    height: 8px;
    margin: 9px 0px 0px 0px;
}

.text_15 {
    width: 195px;
    height: 23px;
    overflow-wrap: break-word;
    color: rgba(255, 255, 255, 1);
    font-size: 24.76604166666667px;

    font-weight: normal;
    text-align: left;
    white-space: nowrap;
    line-height: 24.76604166666667px;
}

.group_13 {
    background-color: rgba(30, 41, 59, 1);
    border-radius: 25px;
    height: 121px;
    width: 859px;
    margin: 100px 0px 0px 0;
    cursor: pointer;
}

.text-wrapper_5 {
    background-color: rgba(33, 99, 241, 1);
    border-radius: 25px;
    height: 121px;
    width: 832px;
    margin: 0px 0px 0px 27px;
    animation: breathing_quote 3s ease-in-out infinite;
}

@keyframes breathing_quote {
    0%, 100% {
        transform: scale(1);
        background-color: rgba(33, 99, 241, 1);
        box-shadow: 0 0 20px rgba(33, 99, 241, 0.3);
    }
    50% {
        transform: scale(1.01);
        background-color: rgba(45, 120, 255, 1);
        box-shadow: 0 0 35px rgba(33, 99, 241, 0.5);
    }
}

.text_16 {
    width: 788px;
    height: 30px;
    overflow-wrap: break-word;
    color: rgba(255, 255, 255, 1);
    font-size: 31.43375px;
    font-weight: 700;
    text-align: left;
    white-space: nowrap;
    line-height: 58.938125px;
    margin: 35px 0px 0px 32px;
}

.text-group_2 {
    height: 86px;
    margin: 209px auto 0;
    text-align: center;
}

.text_17 {

    height: 43px;
    overflow-wrap: break-word;
    color: rgba(0, 0, 0, 1);
    font-size: 45.069375px;

    font-weight: 700;
    text-align: center;
    white-space: nowrap;
    line-height: 45.069375px;

}

.text_18 {

    height: 22px;
    overflow-wrap: break-word;
    color: rgba(33, 99, 241, 1);
    font-size: 28.168333333333333px;

    font-weight: normal;
    text-align: center;
    white-space: nowrap;
    line-height: 28.168333333333333px;
    margin: 21px 0px 0px 0px;
}

.group_14 {
    background-color: rgba(33, 99, 241, 1);
    border-radius: 2px;
    width: 64px;
    height: 5px;
    margin: 19px auto 0;
}

.group_15 {
    width: 962px;
    height: 122px;
    margin: 28px 0px 0px 370px;
}

.label_1 {
    width: 47px;
    height: 31px;
    margin:25px 0px 0px 0px;
}

.text_19 {
    width: 166px;
    height: 32px;
    overflow-wrap: break-word;
    color: rgba(33, 99, 241, 1);
    font-size: 33.802083333333336px;

    font-weight: bold;
    text-align: left;
    white-space: nowrap;
    line-height: 33.802083333333336px;
    margin: 25px 0px 0px 33px;
}

.text-wrapper_6 {
    background-color: rgba(33, 99, 241, 1);
    border-radius: 28px;
    height: 98px;
    width: 152px;
    margin: 0px 0px 0px 168px;
    position: absolute;
    right: -41px;
    top: -41px;

}

.text_20 {
    width: 44px;
    height: 22px;
    overflow-wrap: break-word;
    color: rgba(255, 255, 255, 1);
    font-size: 22.543125px;

    font-weight: normal;
    text-align: left;
    white-space: nowrap;
    line-height: 22.543125px;
    position: absolute;
    left: 35px;
    bottom: 20px;
}

.label_2 {
    width: 24px;
    height: 31px;
    margin: 25px 0px 0px 0px;
}

.text_21 {
    width: 199px;
    height: 32px;
    overflow-wrap: break-word;
    color: rgba(138, 138, 138, 1);
    font-size: 33.783541666666665px;

    font-weight: normal;
    text-align: left;
    white-space: nowrap;
    line-height: 33.783541666666665px;
    margin: 25px 0px 0px 37px;
}

.group_16 {
    width: 895px;
    height: 35px;
    margin: 30px 0px 0px 374px;
}

.label_3 {
    width: 36px;
    height: 33px;
    margin: 2px 0px 0px 0px;
}

.text_22 {
    width: 135px;
    height: 29px;
    overflow-wrap: break-word;
    color: rgba(47, 47, 47, 1);
    font-size: 30.985208333333333px;

    font-weight: normal;
    text-align: left;
    white-space: nowrap;
    line-height: 30.985208333333333px;
    margin: 0px 0px 0px 37px;
}

.label_4 {
    width: 29px;
    height: 28px;

}

.text_23 {
    width: 136px;
    height: 29px;
    overflow-wrap: break-word;
    color: rgba(138, 138, 138, 1);
    font-size: 30.985208333333333px;

    font-weight: normal;
    text-align: left;
    white-space: nowrap;
    line-height: 30.985208333333333px;
    margin: 2px 0px 0px 35px;
}

.group_17 {
    width: 922px;
    height: 35px;
    margin: 20px 0px 0px 374px;
}

.label_5 {
    width: 36px;
    height: 33px;
    margin: 2px 0px 0px 0px;
}

.text_24 {
    width: 163px;
    height: 29px;
    overflow-wrap: break-word;
    color: rgba(47, 47, 47, 1);
    font-size: 30.985208333333333px;

    font-weight: normal;
    text-align: left;
    white-space: nowrap;
    line-height: 30.985208333333333px;
    margin: 0px 0px 0px 36px;
}

.label_6 {
    width: 29px;
    height: 29px;
    margin: 3px 0px 0px 460px;
}

.text_25 {
    width: 163px;
    height: 29px;
    overflow-wrap: break-word;
    color: rgba(138, 138, 138, 1);
    font-size: 30.985208333333333px;

    font-weight: normal;
    text-align: left;
    white-space: nowrap;
    line-height: 30.985208333333333px;
    margin: 2px 0px 0px 35px;
}

.group_18 {
    width: 913px;
    height: 33px;
    margin: 22px 0px 0px 374px;
}

.label_7 {
    width: 36px;
    height: 33px;
}

.text_26 {
    width: 153px;
    height: 29px;
    overflow-wrap: break-word;
    color: rgba(47, 47, 47, 1);
    font-size: 30.985208333333333px;

    font-weight: normal;
    text-align: left;
    white-space: nowrap;
    line-height: 30.985208333333333px;
    margin: 0px 0px 0px 37px;
}

.label_8 {
    width: 29px;
    height: 29px;
    margin: 3px 0px 0px 469px;
}

.text_27 {
    width: 152px;
    height: 29px;
    overflow-wrap: break-word;
    color: rgba(138, 138, 138, 1);
    font-size: 30.985208333333333px;

    font-weight: normal;
    text-align: left;
    white-space: nowrap;
    line-height: 30.985208333333333px;
    margin: 2px 0px 0px 37px;
}

.group_19 {
    width: 1091px;
    height: 34px;
    margin: 21px 0px 0px 374px;
}

.label_9 {
    width: 36px;
    height: 33px;
    margin: 1px 0px 0px 0px;
}

.text_28 {
    width: 123px;
    height: 29px;
    overflow-wrap: break-word;
    color: rgba(47, 47, 47, 1);
    font-size: 30.985208333333333px;

    font-weight: normal;
    text-align: left;
    white-space: nowrap;
    line-height: 30.985208333333333px;
    margin: 0px 0px 0px 37px;
}

.image_3 {
    width: 27px;
    height: 20px;
    margin: 8px 0px 0px 0px;
}

.text_29 {
    width: 124px;
    height: 29px;
    overflow-wrap: break-word;
    color: rgba(138, 138, 138, 1);
    font-size: 30.985208333333333px;

    font-weight: normal;
    text-align: left;
    white-space: nowrap;
    line-height: 30.985208333333333px;
    margin: 2px 0px 0px 37px;
}

.thumbnail_1 {
    width: 18px;
    height: 18px;
    margin-right: 10px;
}

.text_30 {
    width: 88px;
    height: 21px;
    overflow-wrap: break-word;
    color: rgba(3, 35, 122, 1);
    font-size: 22.534791666666667px;

    font-weight: normal;
    text-align: left;
    white-space: nowrap;
    line-height: 22.534791666666667px;
    margin: 6px 0px 0px 7px;
}

.group_20 {
    width: 1091px;
    height: 34px;
    margin: 21px 0px 0px 374px;
}

.label_10 {
    width: 36px;
    height: 33px;
    margin: 1px 0px 0px 0px;
}

.text_31 {
    width: 149px;
    height: 29px;
    overflow-wrap: break-word;
    color: rgba(47, 47, 47, 1);
    font-size: 30.985208333333333px;

    font-weight: normal;
    text-align: left;
    white-space: nowrap;
    line-height: 30.985208333333333px;
    margin: 0px 0px 0px 38px;
}

.image_4 {
    width: 27px;
    height: 20px;
    margin: 9px 0px 0px ;
}

.text_32 {
    width: 148px;
    height: 30px;
    overflow-wrap: break-word;
    color: rgba(138, 138, 138, 1);
    font-size: 30.985208333333333px;

    font-weight: normal;
    text-align: left;
    white-space: nowrap;
    line-height: 30.985208333333333px;
    margin: 2px 0px 0px 38px;
}

.thumbnail_2 {
    width: 18px;
    height: 18px;
    margin: 8px 0px 0px 69px;
}

.text_33 {
    width: 88px;
    height: 21px;
    overflow-wrap: break-word;
    color: rgba(3, 35, 122, 1);
    font-size: 22.534791666666667px;

    font-weight: normal;
    text-align: left;
    white-space: nowrap;
    line-height: 22.534791666666667px;
    margin: 6px 0px 0px 7px;
}

.group_21 {
    width: 1023px;
    height: 34px;
    margin: 23px 0px 0px 374px;
}

.label_11 {
    width: 36px;
    height: 33px;
}

.text_34 {
    width: 181px;
    height: 29px;
    overflow-wrap: break-word;
    color: rgba(47, 47, 47, 1);
    font-size: 30.985208333333333px;

    font-weight: normal;
    text-align: left;
    white-space: nowrap;
    line-height: 30.985208333333333px;
    margin: 2px 0px 0px 37px;
}

.image_5 {
    width: 27px;
    height: 20px;
    margin: 10px 0px 0px;
}

.text_35 {
    width: 181px;
    height: 30px;
    overflow-wrap: break-word;
    color: rgba(138, 138, 138, 1);
    font-size: 30.985208333333333px;

    font-weight: normal;
    text-align: left;
    white-space: nowrap;
    line-height: 30.985208333333333px;
    margin: 4px 0px 0px 37px;
}

.thumbnail_3 {
    width: 18px;
    height: 18px;
    margin: 10px 0px 0px 37px;
}

.text_36 {
    width: 20px;
    height: 20px;
    overflow-wrap: break-word;
    color: rgba(3, 35, 122, 1);
    font-size: 22.534791666666667px;

    font-weight: normal;
    text-align: left;
    white-space: nowrap;
    line-height: 22.534791666666667px;
    margin: 9px 0px 0px 7px;
}

.group_22 {
    width: 1440px;
    height: auto;
    margin: 70px auto;
    display: flex;
    flex-direction: row;
    justify-content:center;
    gap: 110px;
}

.comparison-left {
    width: 576px;
    box-sizing: border-box;
    border-radius: 53px;
    border: 3px solid #2163F1;
    border: 3px solid rgba(33, 99, 241, 1);

    padding: 25px 51px;
    position: relative;
    background: white;
    overflow: hidden;
}

.comparison-right {
    width: 576px;
    border: 3px solid rgba(200, 200, 200, 1);
    border-radius: 53px;
    padding: 25px 51px;
    box-sizing: border-box;
    background: white;
}

.comparison-header {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding-bottom: 20px;

    margin-bottom: 15px;
}

.comparison-header-right {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding-bottom: 20px;

    margin-bottom: 15px;
}

.comparison-row {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 12px 15px;
    gap: 15px;
    position: relative;
    cursor: pointer;
    transition: all 0.3s ease;
    border-radius: 8px;
}
.comparison-row:hover {
    transform: translateX(10px);
}

.badge-partial,
.badge-weak,
.badge-average {
    font-size: 18px;
    font-weight: 600;
    color: #03237A;
    padding: 2px 8px;
    position: absolute;
    top: 20px;
    left: 300px;
    display: flex;
    align-items: center;
}



.label_12 {
    width: 36px;
    height: 33px;
}

.text_37 {
    width: 183px;
    height: 29px;
    overflow-wrap: break-word;
    color: rgba(47, 47, 47, 1);
    font-size: 30.985208333333333px;

    font-weight: normal;
    text-align: left;
    white-space: nowrap;
    line-height: 30.985208333333333px;
    margin: 4px 0px 0px 37px;
}

.label_13 {
    width: 27px;
    height: 21px;
    margin: 10px 0px 0px ;
}

.text_38 {
    width: 183px;
    height: 29px;
    overflow-wrap: break-word;
    color: rgba(138, 138, 138, 1);
    font-size: 30.985208333333333px;

    font-weight: normal;
    text-align: left;
    white-space: nowrap;
    line-height: 30.985208333333333px;
    margin: 6px 0px 0px 37px;
}

.thumbnail_4 {
    width: 18px;
    height: 18px;
    margin: 11px 0px 0px 35px;
}

.text_39 {
    width: 44px;
    height: 21px;
    overflow-wrap: break-word;
    color: rgba(3, 35, 122, 1);
    font-size: 22.534791666666667px;

    font-weight: normal;
    text-align: left;
    white-space: nowrap;
    line-height: 22.534791666666667px;
    margin: 10px 0px 0px 7px;
}
#page .box_11{
    margin: 51px auto;
    width: 1440px;
    position: relative;

}
#page .box_11_h1{
    height: 56px;
    padding: 0 28px;
    line-height: 56px;
    font-weight: 600;
    font-size: 34px;
    color: #FFFFFF;
    display: inline-block;
    background: linear-gradient(270deg, #264BDF, #3F97EF);
}
#page .box_11 .p1{

    height: 30px;
    font-weight: 600;
    font-size: 30px;
    line-height: 30px;
    color: #2D2D2D;
}
#page .jiantou{
    width: 21px;
}
#page .ul_11{
    margin-top: 22px;
    display: flex;

}
#page .ul_11 li{
    height: 40px;
    box-sizing: border-box;
    padding: 0 12px;
    border-radius: 17px;
    background: #3F97EF;
    color: white;
    font-size: 28px;
    line-height: 40px;
    margin-right: 20px;
    cursor: pointer;
    transition: all 0.3s ease;
}
#page .ul_11 li:hover {
    transform: translateY(-5px) scale(1.05);
    background: linear-gradient(135deg, #264BDF, #3F97EF);
    box-shadow: 0 8px 20px rgba(38, 75, 223, 0.4);
}
#page .box_11 .p2{
    margin-top: 60px;

    position: relative;

}
#page .box_11 .p2 .p2_1{
    position: absolute;
    left: 0;
    top: -25px;
    width: 83px;
}
#page .box_11 .p2 .p2_h{
    margin-left: 55px;
    font-size: 30px;
    line-height: 30px;
    color: #000;
    display: flex;
    animation: breathing_p2h 3s ease-in-out infinite;
}

@keyframes breathing_p2h {
    0%, 100% {
        transform: scale(1);
        filter: brightness(1);
    }
    50% {
        transform: scale(1.02);
        filter: brightness(1.1);
    }
}
#page .box_11 .p2 .p2_h span{
    font-weight: bold;
}
#page .box_11 .p2 .p2_h p{

    height: 30px;
    font-weight: 800;
    font-size: 31px;
    color: #2D2D2D;
    line-height:30px;
    background: linear-gradient(270deg, #264BDF 0.4150390625%, #3F97EF 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
#page .box_11 .right{
    position: absolute;
    top: 50%;
    left: 65%;
    cursor: pointer;
    transition: all 0.3s ease;
}
#page .box_11 .right:hover {
    transform: translateY(-8px) scale(1.08);
}
#page .box_11 .right img {
    display: block;
    transition: all 0.3s ease;
}
#page .box_11 .right:hover img {
    transform: scale(1.05);
    filter: brightness(1.05) drop-shadow(0 10px 20px rgba(33, 99, 241, 0.3));
}
.ul_12{
    display: flex;
    justify-content: center;
    gap: 140px;
   align-items: end;
    margin-bottom: 60px;
}
.ul_12 li {
    cursor: pointer;
    transition: all 0.3s ease;
}
.ul_12 li:hover {
    transform: translateY(-8px) scale(1.5);
}
.ul_12 li  {
    display: block;
    transition: all 0.3s ease;
}
.ul_12 li img {
    transition: all 0.3s ease;
}
.ul_12 li:hover img {
    transform: scale(1.5);
    filter: brightness(1.05) drop-shadow(0 10px 20px rgba(33, 99, 241, 0.3));
}
.ul_12 li:first-child{
    width: 243px;
    height: 195px;
    background: #3F97EF;
    border-radius: 17px;
    padding: 35px 15px;
    box-sizing: border-box;
}
.ul_12 li:first-child p{
    font-weight: 500;
    font-size: 28px;
    line-height: 28px;
    color: #FFFFFF;
    margin-bottom: 20px;
}
.ul_12 li:first-child p:last-child{
    margin-bottom: 0;
}
#page .box_11 .p3{

    height: 32px;
    font-weight: 600;
    font-size: 30px;
    line-height: 32px;
    color: #2D2D2D;
    background: linear-gradient(270deg, #264BDF 0.4150390625%, #3F97EF 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
#page .box_11 .flex-row{
    gap: 140px;
    align-items: center;
}
#page .box_11 .flex-row img:last-of-type {
    cursor: pointer;
    transition: all 0.3s ease;
}
#page .box_11 .flex-row img:last-of-type:hover {
    transform: translateY(-8px) scale(1.5);
    filter: brightness(1.05) drop-shadow(0 10px 20px rgba(33, 99, 241, 0.3));
}
.ul_13{
    display: flex;
    justify-content: left;
    gap: 120px;
    padding-top: 120px;
}
.ul_13 li {
    padding: 15px;
}
.ul_13 li p {
    cursor: pointer;
    transition: all 0.3s ease;
    display: flex;
    align-items: center;
}
.ul_13 li p:hover {
    transform: translateX(10px);
    color: #2163F1;
}
.ul_13 li p:hover .jiantou {
    transform: translateX(5px);
}
.ul_13 li h1{
    height: 32px;
    font-weight: 600;
    font-size: 30px;
    color: #2D2D2D;
    line-height: 1;
    background: linear-gradient(270deg, #264BDF 0.4150390625%, #3F97EF 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin-bottom: 24px;
}
.ul_13 li p{
    font-weight: 600;
    font-size: 28px;
    color: #2D2D2D;
    margin-bottom: 20px;
    line-height: 1;
}
.ul_14{
    margin-top: 70px;
    display: flex;
    gap: 90px;
}
.ul_14 li{
    width: 135px;
    height: 160px;
}
.ul_14 li .card-item {
    width: 100%;
    height: 100%;
    background: #FFFFFF;
    box-sizing: border-box;
    box-shadow: 19px 24px 18px 0px rgba(19,19,19,0.32);
    border-radius: 3px;
    cursor: pointer;
    transition: all 0.3s ease;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.ul_14 li .card-item:hover {
    transform: translateY(-10px) scale(1.05);
    box-shadow: 19px 34px 25px 0px rgba(19,19,19,0.4);
}
.ul_14 li img{
    width: 100%;
    background:#C1C1C1;
    margin-bottom: 10px;
}
.ul_14 li p{
    height: 27px;
    font-weight: 600;
    font-size: 27px;
    text-align: center;
    line-height: 27px;
    background: linear-gradient(270deg, rgba(38,75,223,1) 0.4150390625%, rgba(63,151,239,1) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.box_12{
    margin-top: 120px;
    width: 100%;
    box-sizing: border-box;
    padding: 100px 0;
    background: rgba(2,75,184,0.09);
}
.ul_15{
    width: 1100px;
    margin: 85px auto 0;
    align-items: end;
}
.ul_15 li {
    cursor: pointer;
    transition: all 0.3s ease;
}
.ul_15 li:hover {
    transform: translateY(-5px);
}
.ul_15 li img {
    display: block;
    margin: 0 auto;
    transition: all 0.3s ease;
}
.ul_15 li:hover img {
    transform: scale(1.1);
}
.ul_15 h1{
    text-align: center;
    margin-top: 58px;
    color: #000;
    font-weight: 600;
    font-size: 31px;
    margin-bottom: 30px;
}
.ul_15 p{
    font-size: 23px;
    color: #000000;
    line-height: 30px;
    text-align: center;
}
.ul_16{
    width: 1200px;
    margin: 60px auto;
}
.ul_16 li {
    cursor: pointer;
    transition: all 0.3s ease;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.ul_16 li:hover {
    transform: translateY(-8px);
}
.ul_16 .imgs{
    border: 2px solid rgba(201, 210, 223, 0.77);
    border-radius: 50%;
    width: 200px;
    height: 200px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease;
}
.ul_16 li:hover .imgs {
    border-color: #2163F1;
    transform: scale(1.05);
}
.ul_16 .imgs img{
    max-width: 70%;
    max-height: 70%;
}
.ul_16 p{
    text-align: center;
    margin-top: 30px;
    font-size: 32px;
    color: #202020;
    font-weight: 600;
}

/* ===== ul_17 - AI模块产品型号与配置 ===== */
.box_14 {
    width: 1440px;
    margin: 80px auto;
}

.ul_17 {
    margin-top: 50px;
}

/* 产品型号展示区 */
.ul_17_products {
    border-radius: 45px;
    border: 1px solid #1A3358;
    display: flex;
    justify-content: space-around;
    gap: 30px;
    padding: 50px;
}

.ul_17_product {
    flex: 1;
    text-align: center;
}

.ul_17_model {

    margin-bottom: 18px;
    gap: 6px;
}

.ul_17_model_name {
    font-size: 26px;
    font-weight: 700;
    color: #1a1a2e;
    letter-spacing: 0.5px;
    display: block;
    margin-bottom: 10px;
}

.ul_17_model_divider {
    font-size: 24px;
    color: #999;
    margin: 0 2px;
}

.ul_17_img_wrap {
    border-radius: 16px;
    padding: 30px 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 220px;
    cursor: pointer;
    transition: all 0.3s ease;
}
.ul_17_img_wrap:hover {
    transform: translateY(-8px);
}

.ul_17_img_wrap img {
    max-width: 85%;
    max-height: 200px;
    object-fit: contain;
    transition: all 0.3s ease;
}
.ul_17_img_wrap:hover img {
    transform: scale(1.08);
}

/* 版本按需任选 */
.ul_17_config {
    margin-top: 60px;
    padding: 50px;
    border-radius: 45px;
    border: 1px solid #000000;
}

.ul_17_config_title {
    position: relative;
    padding-bottom: 14px;

}

.ul_17_config_title span {
    font-size: 24px;
    font-weight: 700;
    color: #1a1a2e;
    position: relative;
    z-index: 1;
}

.ul_17_config_line {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 2px;
    background: #d0d5dd;
}

.ul_17_config_table {
    display: flex;

}

.ul_17_config_col {
    flex: 1;
    display: flex;
    flex-direction: column;
    border-right: 1px solid #eef0f4;
}

.ul_17_config_row {
    display: flex;
    align-items: center;
    padding: 16px 0;
    border-bottom: 1px solid #eef0f4;
    gap: 14px;
}

.ul_17_config_row:last-child {
    border-bottom: none;
}

.ul_17_config_row_right {
    padding-left: 20px;
    height: 73px;
    box-sizing: border-box;
}

.ul_17_icon {
    width: 40px;
    height: 40px;
    object-fit: contain;
    flex-shrink: 0;
}

.ul_17_label {
    font-size: 22px;
    font-weight: 600;
    color: #1a1a2e;
    min-width: 110px;
    flex-shrink: 0;
}

.ul_17_value {
    font-size: 22px;
    color: #444;
    font-weight: 400;
}.download {
     display: flex;
     align-items: center;
     gap: 96px;
     padding: 96px;
     color: #fff;
     background: rgba(2,75,184,0.09);
     box-sizing: border-box;
 }

.download h2,
.partners h2,
footer h2 {
    color: #000;
}

.download h2 {
    font-size: 56px;
    font-weight: 900;
    line-height: 72px;
}

.partners h2 {
    font-size: 36px;
    font-weight: 700;
    line-height: 48px;
}

.download p,
.partners p,
footer p {
    color: #000;
}

.download p,
.partners p {
    font-size: 18px;
    line-height: 32px;
}

.download-copy {
    display: flex;
    flex-direction: column;
    gap: 24px;
    flex: 1 1 0;
    min-width: 0;
}

.qr-row {
    flex: 0 0 auto;
    gap: 48px;
}

.qr-card {
    position: relative;
    width: 216px;
    height: 248px;
    color: #000000;
    background: #fff;
    border: 1px solid var(--line);
    border-radius: 32px;
    overflow: hidden;
    box-sizing: border-box;
    box-shadow: 0 16px 36px rgba(5, 20, 56, 0.07);
    transition: transform 0.22s ease, box-shadow 0.22s ease, border-color 0.22s ease, background-color 0.22s ease;
}

.qr-card:hover {
    background: #fff;
    border-color: var(--line);
    box-shadow: 0 16px 36px rgba(5, 20, 56, 0.07);
}

.qr-corner {
    position: absolute;
    top: 0;
    right: 0;
    width: 68px;
    height: 68px;
}

.qr-platform-corner {
    position: absolute;
    top: 10px;
    left: 158px;
    width: 48px;
    height: 48px;
}

.qr-normal {
    position: absolute;
    inset: 0;
    transition: opacity 0.18s ease;
}

.qr-icon {
    position: absolute;
    top: 53px;
    left: 60px;
    width: 96px;
    height: 96px;
    object-fit: contain;
}

.qr-icon-ios {
    top: 54px;
    left: 70px;
    width: 76px;
    height: 89px;
}

.qr-hover-image {
    position: absolute;
    top: 24px;
    left: 24px;
    width: 168px;
    height: 168px;
    object-fit: cover;
    opacity: 0;
    transition: opacity 0.18s ease;
}

.qr-card:hover .qr-normal {
    opacity: 0;
}

.qr-card:hover .qr-hover-image {
    opacity: 1;
}

.qr-card strong {
    position: absolute;
    top: 176px;
    left: 0;
    display: block;
    width: 100%;
    font-size: 18px;
    font-weight: 700;
    line-height: 28px;
    text-align: center;
    transition: top 0.18s ease;
}

.qr-card:hover strong {
    top: 200px;
}

.update-section {
    display: flex;
    align-items: center;
    gap: 96px;
    padding: 45px 111px 45px 88px;
    background: #fff;
}

.update-copy {
    display: flex;
    flex: 1 1 0;
    flex-direction: column;
    align-items: flex-start;
    gap: 20px;
    min-width: 0;
}

.update-title-row {
    display: flex;
    align-items: center;
    gap: 20px;
    width: 100%;
}

.update-title-row h2 {
    color: var(--ink);
    font-size: 36px;
    font-weight: 700;
    line-height: 48px;
    white-space: nowrap;
}

.update-title-row span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 8px 24px;
    color: #fff;
    background: var(--blue);
    border-radius: 20px;
    font-family: var(--font-display);
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    white-space: nowrap;
}

.update-copy p {
    width: 100%;
    color: var(--muted);
    font-size: 18px;
    line-height: 32px;
}

.update-visual {
    position: relative;
    flex: 0 0 auto;
    width: 320px;
    height: 240px;
    overflow: hidden;
    background: #fff;
}

.update-visual img {
    position: absolute;
    max-width: none;
}

.u-ellipse-7 {
    top: -20px;
    left: 14px;
    width: 272px;
    height: 272px;
}

.u-ellipse-2 {
    top: 32px;
    left: 66px;
    width: 168px;
    height: 168px;
}

.u-ellipse-5 {
    top: 54px;
    left: 88px;
    width: 124px;
    height: 124px;
}

.u-ellipse-3 {
    top: 69px;
    left: 103px;
    width: 94px;
    height: 94px;
}

.u-ellipse-4 {
    top: 83px;
    left: 117px;
    width: 66px;
    height: 66px;
}

.u-refresh {
    top: 100px;
    left: 134px;
    width: 32px;
    height: 32px;
}

.u-dot {
    width: 26px;
    height: 26px;
}

.dot-1 {
    top: 44px;
    left: 78px;
}

.dot-2 {
    top: 104px;
    left: 218px;
}

.dot-3 {
    top: 174px;
    left: 92px;
}

.u-label {
    position: absolute;
    display: flex;
    flex-direction: column;
    gap: 4px;
    align-items: flex-start;
    justify-content: center;
    padding: 8px 16px;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    background: linear-gradient(124deg, #4980f9 0%, #8eb8ff 101.77%);
    border-radius: 2px;
    text-shadow: 0 2px 4px #2f6beb;
}

.u-label strong {
    font-size: 15px;
    font-weight: 600;
    line-height: 22px;
}

.u-label small {
    font-size: 14px;
    line-height: 22px;
}

.label-left {
    top: 85px;
    left: 4px;
}

.label-top {
    top: 32px;
    left: 200px;
}

.label-bottom {
    top: 156px;
    left: 157px;
}

.case-grid {
    grid-template-columns: repeat(3, 1fr);
    gap: 40px;
}

.case-grid article {
    position: relative;
    height: 230px;
    overflow: hidden;
    min-height: 230px;
    padding: 32px;
    background: transparent;
}

.case-card-bg {
    position: absolute;
    inset: 0;
    z-index: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    pointer-events: none;
}

.case-grid h3,
.case-grid p {
    position: relative;
    z-index: 1;
}

.case-grid h3 {
    width: min(300px, 100%);
}

.case-grid p {
    width: min(310px, 100%);
}

.partners {
    display: flex;
    gap: 96px;
    align-items: center;
    padding: 96px;
    color: #fff;
    background: var(--blue-dark);
}

.partners > div {
    display: flex;
    flex-direction: column;
    gap: 20px;
    flex: 1;
}

.partners img {
    width: 544px;
    height: 212px;
    object-fit: contain;
}

.about-intro {
    display: grid;
    grid-template-columns: 1fr 280px;
    gap: 96px;
    background: #fff;
}

.about-intro .section-head {
    margin-bottom: 0;
}

.about-intro img {
    width: 280px;
    height: 192px;
    object-fit: cover;
    border-radius: 4px;
}

.about-detail-section {
    display: flex;
    align-items: center;
    gap: 20px;
    padding: 96px;
}

.about-column {
    display: flex;
    flex: 1 1 0;
    flex-direction: column;
    align-items: stretch;
    justify-content: center;
    gap: 20px;
    align-self: stretch;
}

.about-detail-section article {
    display: flex;
    flex: 1 1 0;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    min-height: 114px;
    padding: 32px;
    background: #fff;
    border: 1px solid var(--line);
    border-radius: 4px;
    box-shadow: var(--shadow);
}

.about-detail-section span {
    display: block;
    color: var(--muted);
    font-size: 15px;
    line-height: 26px;
}

.about-detail-section strong {
    display: block;
    margin-top: 8px;
    font-family: var(--font-display);
    font-size: 24px;
    line-height: 34px;
}

.about-highlight {
    flex: 1 1 0;
    align-self: stretch;
    color: #fff;
    background: var(--blue-dark) !important;
    border-color: var(--blue-dark) !important;
}

/* ===== p7_1 呼吸感动效（自动循环播放） ===== */
#page .banner .content .p7 .p7_1 {
    display: block;
    animation: breathing 2s ease-in-out infinite;
}

@keyframes breathing {
    0%, 100% {
        transform: scale(1);
        filter: brightness(1);
    }
    50% {
        transform: scale(1.03);
        filter: brightness(1.05);
    }
}