.content-header-nav div{
    color: #61687C;
    
/* border: 0.5px solid var(--Color-Fill-3, #E5E6EB);
background: var(--Color-Background-2, #FFF);

box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05); */
}
.content-header-nav {
    align-items: center;
    justify-content: space-between;
}
.content-header{
    margin-bottom: 24px;
}
.content-header-tab{
    font-family: RedHatDisplay-Regular, "Microsoft YaHei" !important;
    font-weight: 400 !important;
    padding-left: 0;
}
.content-header-time{
    font-family: RedHatDisplay-Regular, "Microsoft YaHei" !important;
    font-weight: 400 !important;
}
.Tag ul li{
    margin-bottom: 0;
}
#Product{
    display: none !important;
}
footer span{
    padding: 0 !important;
}
.shuxianfenge{
    width: 1px;
    height: 16px;
    margin-left: 12px;
    border-right: 1px solid #9FA3B0;
}
.content-header-nav div li{
    margin-top:0px  !important;
    margin-left: 24px;
}
.content-header-nav div li:nth-child(3) img{
    filter: invert(40%);
    transition: 0.3s all;
}
.Facebook {
    color: #1877F2;
}
.content-header-nav div li img{
    filter: grayscale(1);
    transition: 0.3s all;
    width: 20px;
}
.content-header-nav div li:hover img{
    filter: grayscale(0);
    transition: 0.3s all;
}
.content-header h1{
    margin-bottom: 24px;
}
.Twitter {
    color: #171B25;
}
.pointFen{
    font-size: 20px;
font-style: normal;
font-weight: 467;
line-height: 28px; /* 140% */
}
.Instagram {
    background: linear-gradient(90deg, #8C3BAA 2.31%, #E5525C 44.32%, #DF426B 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.LinkedIn {
    color: #0A66C2;
}

.CopyLink {
    color: #ff4610;
}
main{
    padding-bottom: 0;
}

.propagate ul li:nth-child(2) h5,
.propagate ul li:nth-child(2) img,
.Share ul li:nth-child(2) img{
    filter: invert(40%);
}

.propagate ul li h5,
.propagate ul li img {
    filter: grayscale(1);
}

.propagate ul li:hover h5,
.propagate ul li:hover img {
    filter: grayscale(0);
    filter: invert(0%);
}


.Share ul li a {
    padding: 6px;
    border-radius: 6px;
    border: 0.5px solid #E5E6EB;
    width: 34px;
    height: 34px;
}

.Share ul li a img {
    filter: grayscale(1);
    transition: 0.3s all;
}

.Share ul li:hover img {
    filter: grayscale(0);
    filter: invert(0%);
}


#BlogDialog {
    z-index: -10;
}

#BlogDialog.active {
    opacity: 1;
    z-index: 999;
}

#Aside {
    height: auto;
}

.AsideFormModalButton:hover {
    background-color: var(--Color-Brand-Hover);
}

.swiperList-hover .swiper-slide .img-box::before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    opacity: 0;
    background-image: linear-gradient(180deg,
            #000000 0%,
            #828898 77%,
            #828898 100%);
    transition: 0.3s all ease-in-out;
    z-index: 0;
    top: 0;
    left: 0;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}

.swiperList-hover .swiper-slide:hover .img-box::before {
    opacity: 1;
}

#BlogDialogContent {
    background: linear-gradient(225deg, #FFFBEC 0%, #FFE2DA 99.96%), #FFF;
    background-image: url(../img/BlogDialog/bg.webp);
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center;
    /* 正常 */
    box-shadow: 0px 8px 6px 0px rgba(0, 0, 0, 0.05);
    backdrop-filter: blur(40px);
    border-radius: 24px;
    width: 782px;
    height: 435px;
}

main img {
    /* border-radius: 8px; */
}


main a.Color-Brand-Normal {
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-skip-ink: auto;
    text-decoration-thickness: auto;
    text-underline-offset: auto;
    text-underline-position: from-font;
}

main a.Color-Brand-Normal:focus,
main a.Color-Brand-Normal:hover {
    text-decoration: underline;
}

main button {
    border: 0px;
}

main input::placeholder {
    color: Color-Text-T3;
    font-family: RedHatDisplay-Regular, sf-pro-text_regular, sf-pro-display_regular,
        PingFang SC, "Microsoft YaHei" !important;
    font-weight: 400 !important;
    font-size: 14px;
    line-height: 22px;
}

main h1 {
    font-size: 40px;
    line-height: 48px;
    color: Color-Text-Title;
    font-family: Oswald-Medium, "Microsoft YaHei" !important;
    font-weight: 500 !important;
}

main h2 {
    font-size: 28px;
    line-height: 36px;
    color: Color-Text-Title;
    font-family: Oswald-Medium, "Microsoft YaHei" !important;
    font-weight: 500 !important;
}

main h3 {
    font-size: 24px;
    line-height: 32px;
    color: Color-Text-Title;
    font-family: Oswald-Medium, "Microsoft YaHei" !important;
    font-weight: 500 !important;
}

main h4 {
    font-size: 22px;
    line-height: 30px;
    color: Color-Text-Title;
    font-family: Oswald-Medium, "Microsoft YaHei" !important;
    font-weight: 500 !important;
}

/* main h5 {
    font-size: 20px;
    line-height: 28px;
    color: Color-Text-Title;
    font-family: Oswald-Medium, "Microsoft YaHei" !important;
    font-weight: 500 !important;
} */
.News {
    border-top: 1px solid var(--Color-Fill-3, #E5E6EB);
    border-bottom: 0.5px solid var(--Color-Fill-3, #E5E6EB);
}

#Aside {
    min-width: 256px;
}

.Tag ul li {
    border: 1px solid var(--Color-Fill-3, #E5E6EB);
}

.LatestNews-box {
    border: 0.5px solid #E5E6EB;
    box-shadow: 0px 4px 60px 0px rgba(0, 28, 85, 0.04);
}

.Share ul {
    border-top: 0.5px solid #E5E6EB;
}

.propagate {
    border-top: 0.5px solid var(--Color-Fill-3, #E5E6EB);
}


/* MA表单样式重铸 */
#mktoForm_1552 {
    width: 100% !important;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

#mktoForm_1552.mktoForm .mktoFormRow:nth-child(2) {
    width: 388px !important;
}

#mktoForm_1552.mktoForm .mktoFormRow:nth-child(3) {
    width: 388px !important;
}

#mktoForm_1552.mktoForm .mktoFormRow {
    display: inline-block;
    width: 100%;
}

#mktoForm_1552.mktoForm .mktoFormCol {
    margin-bottom: 0 !important;
}

#mktoForm_1552.mktoForm .mktoLabel {
    width: 100% !important;
    margin-bottom: 6px !important;
    color: var(--Color-Text-Title, #171B25);
    /* 16_T1/🔹CN-400 */
    font-family: RedHatDisplay-Regular, sf-pro-text_regular, sf-pro-display_regular,
        PingFang SC, "Microsoft YaHei" !important;
    font-weight: 400 !important;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px !important;
    /* 150% */
}

#mktoForm_1552.mktoForm .mktoOffset,
#mktoForm_1552.mktoForm .mktoGutter {
    display: none !important;
}

#mktoForm_1552.mktoForm .mktoField {
    display: flex !important;
    padding: 12px 16px !important;
    align-items: center !important;
    gap: 10px !important;
    flex-shrink: 0 !important;
    align-self: stretch !important;
    border-radius: 6px !important;
    border: 1px solid var(--Color-Fill-4, #F2F4F7) !important;
    background: var(--Color-Fill-5, #FAFAFB) !important;
    color: var(--Color-Text-T3, #9FA3B0) !important;
    font-family: RedHatDisplay-Regular, sf-pro-text_regular, sf-pro-display_regular,
        PingFang SC, "Microsoft YaHei" !important;
    font-weight: 400 !important;
    font-size: 16px !important;
    line-height: 24px !important;
    margin-bottom: 24px !important;
    width: 388px !important;
    box-shadow: none !important;
    /* 150% */
}

#mktoForm_1552.mktoForm .mktoField::placeholder {
    color: var(--Color-Text-T3, #9FA3B0);
    font-family: RedHatDisplay-Regular, sf-pro-text_regular, sf-pro-display_regular,
        PingFang SC, "Microsoft YaHei" !important;
    font-weight: 400 !important;
    font-size: 16px !important;
    line-height: 24px !important;
    /* 150% */
}

#mktoForm_1552 #leadDescription {
    width: 100% !important;
    min-height: 180px !important;
    border-radius: 6px !important;
    border: 1px solid var(--Color-Fill-4, #F2F4F7) !important;
    background: var(--Color-Fill-5, #FAFAFB) !important;
}

#mktoForm_1552 .mktoButtonRow {
    margin-top: 8px !important;
    width: 100% !important;
}

#mktoForm_1552 .mktoButtonWrap {
    margin-left: 0 !important;
}

#mktoForm_1552.mktoForm .mktoButtonWrap.mktoPaperMashup .mktoButton {
    display: flex !important;
    height: 54px !important;
    padding: 12px 24px !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 4px !important;
    border-radius: 8px !important;
    background: #0D0E0F !important;
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
    text-shadow: none !important;
    width: 100% !important;
    color: var(--Color-Fill-White, #FFF);
    font-size: 16px;
    font-family: RedHatDisplay-Regular, sf-pro-text_regular, sf-pro-display_regular,
        PingFang SC, "Microsoft YaHei" !important;
    font-weight: 400 !important;
    line-height: 24px;
    transition: 0.3s all;
    /* 150% */
}

#mktoForm_1552.mktoForm .mktoButtonWrap.mktoPaperMashup .mktoButton:hover {
    background: #ff4610 !important;
}

#mktoForm_1552.mktoForm .mktoFormCol {
    width: 100%;
}

#mktoForm_1552.mktoForm .mktoFieldWrap {
    width: 100%;
}

@media (min-width: 1024px) and (max-width: 1199px) {
    .w-1120 {
        width: 888px;
    }

    #mktoForm_1552.mktoForm .mktoFormRow:nth-child(2) {
        width: 100% !important;
    }

    #mktoForm_1552.mktoForm .mktoFormRow:nth-child(3) {
        width: 100% !important;
    }

    #mktoForm_1552.mktoForm .mktoField {
        width: 100% !important;
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .w-1120 {
        width: 680px;
    }

    #mktoForm_1552.mktoForm .mktoFormRow:nth-child(2) {
        width: 258px !important;
    }

    #mktoForm_1552.mktoForm .mktoFormRow:nth-child(3) {
        width: 258px !important;
    }

    #BlogDialogContent {
        width: 660px;
        height: 367px;
        padding-right: 28px;
    }

    .content-subscribers {
        /* display: none; */
    }

    main {
        display: block !important;
    }

    #mktoForm_1552.mktoForm .mktoFormRow:nth-child(2),
    #mktoForm_1552.mktoForm .mktoFormRow:nth-child(3) {
        width: 49% !important;
    }

    #mktoForm_1552.mktoForm .mktoField {
        width: 100% !important;
    }

    #content {
        margin-bottom: 32px;
    }

    #Aside {
        border-top: 1px solid#E6E7EA;
        padding-top: 32px;
        margin-left: 0;
        width: 100%;
        height: auto !important;
    }

    .AsideForm {
        position: inherit;
    }

    .LatestNews-content a {
        display: flex;
    }

    .LatestNews-content .h-160 {
        width: 352px;
        min-width: 352px;
        height: auto;
    }

    .Share ul.df-sb {
        justify-content: center;
    }

    .Share ul.df-sb li {
        margin: 0 8px;
    }

    /* 底部产品 */
    #Product .maxw-1120{
        width: 680px;
    }
    .pl-calc1152{
        padding-left: calc((100vw - 680px) / 2);
    }
    .pr-calc1152{
        padding-right: calc((100vw - 680px) / 2);
    }
}
.sharePhone{
    display: none;
}
@media (max-width: 767px) {
    .w-1120 {
        width: 100%;
        padding-left: 16px;
        padding-right: 16px;
    }
    .sharePhone{
        /* display: flex; */
        display: block !important;
        width: 100vw;
        height: 52px;
        padding: 5px 33px;
        position: fixed;
        bottom: 0;
        left: 0;
        border-top: 1px solid var(--Color-Fill-4, #F2F4F7);
        background: rgba(255, 255, 255, 0.75);
        z-index: 999;
        backdrop-filter: blur(10px);
        -webkit-backdrop-filter: blur(10px);
/* background: linear-gradient(0deg, #383838 0%, #383838 100%), rgba(179, 179, 179, 0.82); */
/* background-blend-mode: color-dodge, normal; */
backdrop-filter: blur(10px);


      }
      .sharePhone ul li a img {
        filter: grayscale(1);
        transition: 0.3s all;
    }
    .sharePhone ul li:nth-child(1) {
        display: none;
    }
    .sharePhone ul li:nth-child(3) img{
        filter: invert(40%);
    }
    
      main{
        position: relative !important;
      }
    #mktoForm_1552.mktoForm .mktoFormRow:nth-child(2) {
        width: 100% !important;
    }

    #mktoForm_1552.mktoForm .mktoFormRow:nth-child(3) {
        width: 100% !important;
    }
    .Share ul.df-sb {
        justify-content: center;
    }

    .Share ul.df-sb li {
        margin: 0 8px;
    }
    .AsideForm h5{
        display: none !important;
      }
      .AsideForm ul{
        display: none !important;
      }
      .AsideFormModalButtonBack {
        margin-bottom: 28px;
      }
}




/* mktoForm_1555表单样式重铸 */

#mktoForm_1555 {
    width: 100% !important;
}

#mktoForm_1555.mktoForm .mktoFormCol {
    margin-bottom: 24px !important;
    width: 100% !important;
}

#mktoForm_1555.mktoForm .mktoOffset,
#mktoForm_1555.mktoForm .mktoRequiredField label.mktoLabel,
#mktoForm_1555.mktoForm .mktoGutter {
    display: none !important;
}

#mktoForm_1555.mktoForm input {
    width: 100% !important;
    display: flex !important;
    padding: 10px 14px !important;
    align-items: center !important;
    gap: 10px !important;
    flex-shrink: 0 !important;
    align-self: stretch !important;
    border-radius: 6px !important;
    border: 1px solid#D5D7DA !important;
    background: #FFF !important;
    color: #717680 !important;
    font-family: RedHatDisplay-Regular, sf-pro-text_regular, sf-pro-display_regular,
        PingFang SC, "Microsoft YaHei" !important;
    font-weight: 400 !important;
    font-size: 16px !important;
    line-height: 24px !important;
    margin-bottom: 0 !important;
    box-shadow: none !important;
}

#mktoForm_1555.mktoForm input::placeholder {
    color: #717680;
    font-family: RedHatDisplay-Regular, sf-pro-text_regular, sf-pro-display_regular,
        PingFang SC, "Microsoft YaHei" !important;
    font-weight: 400 !important;
    font-size: 16px !important;
    line-height: 24px !important;
    /* 150% */
}

#mktoForm_1555 .mktoButtonRow {
    width: 100% !important;
}

#mktoForm_1555 .mktoButtonWrap {
    margin-left: 0 !important;
}

#mktoForm_1555.mktoForm .mktoButtonWrap.mktoRound .mktoButton {
    display: flex !important;
    height: 48px !important;
    padding: 12px 24px !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 4px !important;
    border-radius: 8px !important;
    background: #000 !important;
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
    text-shadow: none !important;
    width: 100% !important;
    color: var(--Color-Fill-White, #FFF);
    font-size: 16px;
    font-family: RedHatDisplay-Regular, sf-pro-text_regular, sf-pro-display_regular,
        PingFang SC, "Microsoft YaHei" !important;
    font-weight: 400 !important;
    line-height: 24px;
    border: none !important;
    /* 150% */
}
#mktoForm_1555.mktoForm .mktoButtonWrap.mktoRound .mktoButton:hover{
    background: #ff4610 !important;
}
#mktoForm_1555.mktoForm .mktoFieldWrap {
    width: 100% !important;
}


/* 顶部订阅表单样式重铸 */
.content-subscribers #mktoForm_1575 {
    display: flex;
    justify-content: space-between;
    width: 315px !important;
}


.content-subscribers #mktoForm_1575.mktoForm .mktoFormRow {
    display: inline-block;
}

.content-subscribers #mktoForm_1575.mktoForm .mktoFormCol {
    margin-bottom: 0 !important;
}

.content-subscribers #mktoForm_1575.mktoForm .mktoLabel {
    width: 100% !important;
    margin-bottom: 6px !important;
    color: var(--Color-Text-Title, #171B25);
    /* 16_T1/🔹CN-400 */
    font-family: RedHatDisplay-Regular, sf-pro-text_regular, sf-pro-display_regular,
        PingFang SC, "Microsoft YaHei" !important;
    font-weight: 400 !important;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px !important;
    display: none;
    /* 150% */
}

.content-subscribers #mktoForm_1575.mktoForm .mktoOffset,
.content-subscribers #mktoForm_1575.mktoForm .mktoGutter {
    display: none !important;
}

.content-subscribers #mktoForm_1575.mktoForm .mktoField {
    display: flex !important;
    padding: 6px 16px !important;
    align-items: center !important;
    gap: 10px !important;
    flex-shrink: 0 !important;
    align-self: stretch !important;
    border-radius: 6px !important;
    color: #9FA3B0 !important;
    font-family: RedHatDisplay-Regular, sf-pro-text_regular, sf-pro-display_regular,
        PingFang SC, "Microsoft YaHei" !important;
    font-weight: 400 !important;
    font-size: 12px !important;
    line-height: 20px !important;
    width: 212px !important;
    box-shadow: none !important;
    border: 1px solid #E5E6EB !important;
    background-color: #FFF !important;
    box-sizing: border-box;
    height: 36px;
    border-radius: 0 !important;
    border-top-left-radius: 6px !important;
    border-bottom-left-radius: 6px !important;
    /* 150% */
}

.content-subscribers #mktoForm_1575.mktoForm .mktoButtonWrap.mktoRound .mktoButton:hover {
    /* border: none !important; */
}


.content-subscribers #mktoForm_1575.mktoForm .mktoField::placeholder {
    color: var(--Color-Text-T3, #9FA3B0) !important;
    font-family: RedHatDisplay-Regular, sf-pro-text_regular, sf-pro-display_regular,
        PingFang SC, "Microsoft YaHei" !important;
    font-weight: 400 !important;
    font-size: 12px !important;
    line-height: 20px !important;
    /* 150% */
}

.content-subscribers #mktoForm_1575 .mktoButtonRow {
    margin-top: 0px !important;
    width: 100% !important;
}

.content-subscribers #mktoForm_1575 .mktoButtonWrap {
    margin-left: 0 !important;
}

.content-subscribers #mktoForm_1575.mktoForm .mktoButtonWrap .mktoButton {
    display: flex !important;
    padding: 6px 20px !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 4px !important;
    border-radius: 6px !important;
    background: #0D0E0F !important;
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
    text-shadow: none !important;
    width: 102px !important;
    color: #FFF;
    font-size: 14px;
    font-family: RedHatDisplay-Regular, sf-pro-text_regular, sf-pro-display_regular,
        PingFang SC, "Microsoft YaHei" !important;
    font-weight: 400 !important;
    line-height: 22px;
    border-color: #000 !important;
    border-radius: 0 !important;
    border-top-right-radius: 6px !important;
    border-bottom-right-radius: 6px !important;
    transition: 0.3s all;
    /* 150% */
}

.content-subscribers #mktoForm_1575.mktoForm .mktoButtonWrap .mktoButton:hover {
    background: #ff4610 !important;
    border-color: #ff4610 !important;
}


.content-subscribers #mktoForm_1575.mktoForm .mktoFormCol {}

.content-subscribers #mktoForm_1575.mktoForm .mktoFieldWrap {}

/* @media (max-width: 1023px) {
    .content-subscribers #mktoForm_1575 {
        padding: 0;
    }

    .content-subscribers #mktoForm_1575.mktoForm .mktoField {
        padding: 2.667vw 4.267vw !important;
        border: 0.267vw solid rgba(255, 255, 255, 0.14) !important;
        background-color: rgba(255, 255, 255, 0.10) !important;
        margin: 0.000vw 0 2.133vw 0 !important;
        border-radius: 1.600vw !important;
        font-size: 3.200vw !important;
        width: 100% !important;
        height: auto;
        line-height: normal !important;
    }

    .content-subscribers #mktoForm_1575.mktoForm .mktoField::placeholder {
        font-size: 3.200vw !important;
        line-height: normal !important;
    }

    .content-subscribers #mktoForm_1575.mktoForm .mktoButtonWrap .mktoButton {
        padding: 2.667vw 4.267vw !important;
        border: none;
        background-color: #F6F6F6 !important;
        margin: 0.000vw 0 5.333vw 0 !important;
        border-radius: 1.600vw !important;
        font-size: 3.733vw !important;
        color: #61687C !important;
        width: 100% !important;
        margin-bottom: 0 !important;
    }
} */


.nextAlem{
    padding-top: 32px;
}
/* 大pad断点 lg*/
@media screen and (min-width: 1024px) and (max-width: 1199px) {
    .propagate h5.fs-18 {
        margin-bottom: 16px;
    }

    #Product .maxw-1120.df-sb {
        width: 888px;
    }

    .pr-calc1152 {
        padding-right: calc((100vw - 888px) / 2);
    }

    .pl-calc1152 {
        padding-left: calc((100vw - 888px) / 2);
    }
}

@media (max-width: 767px) {
    main {
        display: block !important;
    }
.News {
    padding: 22px 0;
}
 .nextAlem{
    display: none;
 }
    #Aside {
        width: 100%;
        height: auto !important;
        margin-left: 0 !important;
        padding-top: 22px;
    }
#BackToList{
    padding-left: 6px;
    padding-right: 6px;
}
.Tag {
    margin-bottom: 20px;
}
    #Product {
        padding-left: 16px;
    }

    .content-subscribers {
        /* display: none; */
    }
    .propagate h5{
        display: none;
    }
    .propagate ul li a{
        padding: 4px;
        background: #fff;
        border-radius: 4px;
        border: 0.5px solid #E5E6EB;
    }
    .propagate ul li a img{
        width: 20px;
        height: 20px;
    }
    #mktoForm_1575{
        display: none !important;
    }

    #mktoForm_1552.mktoForm .mktoField {
        width: 100% !important;
    }

    #mktoForm_1552 {
        padding: 0 !important;
        margin-bottom: 24px !important;
    }

    #Product {
        display: none;
    }

    .pt-80 {
        padding-top: 42px;
    }

    .pb-80 {
        padding-bottom: 42px;
    }

    .LatestNews .h-160 {
        height: 220px;
    }

    #BlogDialog {
        display: none !important;
    }
}
#BackToList,#Prev,#Next{
    transition: all 0.3s;
}
#BackToList:hover,#Prev:hover,#Next:hover{
    background: #ff4610;
    border: none !important;
}
#Next:hover span,#Prev:hover span,#BackToList:hover span{
    color: #fff;
    fill: #fff !important;
}
#Next svg ,#Prev svg,#BackToList svg{
    transition: all 0.3s;
    fill: #414960 !important;
}
#Next:hover svg ,#Prev:hover svg,#BackToList:hover svg{
    color: #fff;
    fill: #fff !important;
}
.Facebook {
    color: #1877F2;
}

.Twitter {
    color: #171B25;
}

.Instagram {
    background: linear-gradient(90deg, #8C3BAA 2.31%, #E5525C 44.32%, #DF426B 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.LinkedIn {
    color: #0A66C2;
}

.CopyLink {
    color: #ff4610;
}


.propagate ul li:nth-child(2) h5,
.propagate ul li:nth-child(2) img,
.AsideForm ul li:nth-child(2) img{
    filter: invert(40%);
}

.propagate ul li h5,
.propagate ul li img {
    filter: grayscale(1);
}

.propagate ul li:hover h5,
.propagate ul li:hover img {
    filter: grayscale(0);
    filter: invert(0%);
}


.AsideForm ul li a {
    padding: 6px;
    border-radius: 6px;
    border: 0.5px solid #E5E6EB;
    width: 34px;
    height: 34px;
}

.AsideForm ul li a img {
    filter: grayscale(1);
    transition: 0.3s all;
}

.AsideForm ul li:hover img {
    filter: grayscale(0);
    filter: invert(0%);
}


#BlogDialog {
    z-index: -10;
}

#BlogDialog.active {
    opacity: 1;
    z-index: 999;
}

#Aside {
    height: auto;
}

.AsideFormModalButton:hover {
    background-color: var(--Color-Brand-Hover);
}

.swiperList-hover .swiper-slide .img-box::before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    opacity: 0;
    background-image: linear-gradient(180deg,
            #000000 0%,
            #828898 77%,
            #828898 100%);
    transition: 0.3s all ease-in-out;
    z-index: 0;
    top: 0;
    left: 0;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}

.swiperList-hover .swiper-slide:hover .img-box::before {
    opacity: 1;
}

#BlogDialogContent {
    background: linear-gradient(225deg, #FFFBEC 0%, #FFE2DA 99.96%), #FFF;
    background-image: url(../img/BlogDialog/bg.webp);
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center;
    /* 正常 */
    box-shadow: 0px 8px 6px 0px rgba(0, 0, 0, 0.05);
    backdrop-filter: blur(40px);
    border-radius: 24px;
    width: 782px;
    height: 435px;
}

main img {
    /* border-radius: 8px; */
}


main a.Color-Brand-Normal {
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-skip-ink: auto;
    text-decoration-thickness: auto;
    text-underline-offset: auto;
    text-underline-position: from-font;
}

main a.Color-Brand-Normal:focus,
main a.Color-Brand-Normal:hover {
    text-decoration: underline;
}

main button {
    border: 0px;
}

main input::placeholder {
    color: Color-Text-T3;
    font-family: RedHatDisplay-Regular, sf-pro-text_regular, sf-pro-display_regular,
        PingFang SC, "Microsoft YaHei" !important;
    font-weight: 400 !important;
    font-size: 14px;
    line-height: 22px;
}

main h1 {
    font-size: 40px;
    line-height: 48px;
    color: Color-Text-Title;
    font-family: RedHatDisplay-Semibold, "Microsoft YaHei" !important;
    font-weight: 500 !important;
    color: #171B25 !important;
}

main h2 {
    font-size: 28px;
    line-height: 36px;
    color: Color-Text-Title;
    font-family: RedHatDisplay-Semibold, "Microsoft YaHei" !important;
    font-weight: 500 !important;
    color: #171B25 !important;
}

main h3 {
    font-size: 24px;
    line-height: 32px;
    color: Color-Text-Title;
    font-family: RedHatDisplay-Semibold, "Microsoft YaHei" !important;
    font-weight: 500 !important;
    color: #171B25 !important;
}

main h4 {
    font-size: 22px;
    line-height: 30px;
    color: Color-Text-Title;
    font-family: RedHatDisplay-Semibold, "Microsoft YaHei" !important;
    font-weight: 500 !important;
    color: #171B25 !important;
}

main h5 {
    font-size: 20px;
    line-height: 28px;
    color: Color-Text-Title;
    font-family: RedHatDisplay-Semibold, "Microsoft YaHei" !important;
    font-weight: 500 !important;
    color: #171B25 !important;
}
.News {
    border-top: 1px solid var(--Color-Fill-3, #E5E6EB);
    border-bottom: 0.5px solid var(--Color-Fill-3, #E5E6EB);
}
.moverout{
    display: none;
}
.suntrnsh{
    /* height: 40px; */
    overflow: hidden;
    position: absolute;
    right: 0;
    height: 60px;
}
.content-header-nav{
    position: relative;
}
#Aside {
    min-width: 256px;
}
.suntrnsh ul{
    transition: all 0.8s;
 transform: translateX(220px);
}
.suntrnsh:hover ul{
    
    transform: translateX(0px);
}
.moverout{
    width: 15px !important;
}

.suntrnsh:hover .moverin{
    display: none;
}

main p strong {
    color: Color-Text-Title;
    font-family: RedHatDisplay-Semibold, "Microsoft YaHei" !important;
}
main strong{
    font-family: RedHatDisplay-Semibold, "Microsoft YaHei" !important;
}
.Tag ul li {
    border: 1px solid var(--Color-Fill-3, #E5E6EB);
    transition: all 0.3s;
    cursor: pointer;
}
.Tag ul li:hover{
    background: #ff4610;
    border: 1px solid transparent;
}
.Tag ul li:hover span{
    color: #fff;
}

.LatestNews-box {
    border: 0.5px solid #E5E6EB;
    box-shadow: 0px 4px 60px 0px rgba(0, 28, 85, 0.04);
}

.AsideForm ul {
    border-top: 0.5px solid #E5E6EB;
}

.propagate {
    border-top: 0.5px solid var(--Color-Fill-3, #E5E6EB);
}


/* MA表单样式重铸 */
#mktoForm_1552 {
    width: 100% !important;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

#mktoForm_1552.mktoForm .mktoFormRow:nth-child(2) {
    width: 388px !important;
}

#mktoForm_1552.mktoForm .mktoFormRow:nth-child(3) {
    width: 388px !important;
}

#mktoForm_1552.mktoForm .mktoFormRow {
    display: inline-block;
    width: 100%;
}

#mktoForm_1552.mktoForm .mktoFormCol {
    margin-bottom: 0 !important;
}

#mktoForm_1552.mktoForm .mktoLabel {
    width: 100% !important;
    margin-bottom: 6px !important;
    color: var(--Color-Text-Title, #171B25);
    /* 16_T1/🔹CN-400 */
    font-family: RedHatDisplay-Regular, sf-pro-text_regular, sf-pro-display_regular,
        PingFang SC, "Microsoft YaHei" !important;
    font-weight: 400 !important;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px !important;
    /* 150% */
}

#mktoForm_1552.mktoForm .mktoOffset,
#mktoForm_1552.mktoForm .mktoGutter {
    display: none !important;
}

#mktoForm_1552.mktoForm .mktoField {
    display: flex !important;
    padding: 12px 16px !important;
    align-items: center !important;
    gap: 10px !important;
    flex-shrink: 0 !important;
    align-self: stretch !important;
    border-radius: 6px !important;
    border: 1px solid var(--Color-Fill-4, #F2F4F7) !important;
    background: var(--Color-Fill-5, #FAFAFB) !important;
    color: var(--Color-Text-T3, #9FA3B0) !important;
    font-family: RedHatDisplay-Regular, sf-pro-text_regular, sf-pro-display_regular,
        PingFang SC, "Microsoft YaHei" !important;
    font-weight: 400 !important;
    font-size: 16px !important;
    line-height: 24px !important;
    margin-bottom: 24px !important;
    width: 388px !important;
    box-shadow: none !important;
    /* 150% */
}

#mktoForm_1552.mktoForm .mktoField::placeholder {
    color: var(--Color-Text-T3, #9FA3B0);
    font-family: RedHatDisplay-Regular, sf-pro-text_regular, sf-pro-display_regular,
        PingFang SC, "Microsoft YaHei" !important;
    font-weight: 400 !important;
    font-size: 16px !important;
    line-height: 24px !important;
    /* 150% */
}

#mktoForm_1552 #leadDescription {
    width: 100% !important;
    min-height: 180px !important;
    border-radius: 6px !important;
    border: 1px solid var(--Color-Fill-4, #F2F4F7) !important;
    background: var(--Color-Fill-5, #FAFAFB) !important;
}

#mktoForm_1552 .mktoButtonRow {
    margin-top: 8px !important;
    width: 100% !important;
}

#mktoForm_1552 .mktoButtonWrap {
    margin-left: 0 !important;
}

#mktoForm_1552.mktoForm .mktoButtonWrap.mktoPaperMashup .mktoButton {
    display: flex !important;
    height: 54px !important;
    padding: 12px 24px !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 4px !important;
    border-radius: 8px !important;
    background: #0D0E0F !important;
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
    text-shadow: none !important;
    width: 100% !important;
    color: var(--Color-Fill-White, #FFF);
    font-size: 16px;
    font-family: RedHatDisplay-Regular, sf-pro-text_regular, sf-pro-display_regular,
        PingFang SC, "Microsoft YaHei" !important;
    font-weight: 400 !important;
    line-height: 24px;
    transition: 0.3s all;
    /* 150% */
}

#mktoForm_1552.mktoForm .mktoButtonWrap.mktoPaperMashup .mktoButton:hover {
    background: #ff4610 !important;
    
}

#mktoForm_1552.mktoForm .mktoFormCol {
    width: 100%;
}

#mktoForm_1552.mktoForm .mktoFieldWrap {
    width: 100%;
}

@media (min-width: 1024px) and (max-width: 1199px) {
    .w-1120 {
        width: 888px;
    }

    #mktoForm_1552.mktoForm .mktoFormRow:nth-child(2) {
        width: 100% !important;
    }

    #mktoForm_1552.mktoForm .mktoFormRow:nth-child(3) {
        width: 100% !important;
    }

    #mktoForm_1552.mktoForm .mktoField {
        width: 100% !important;
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .w-1120 {
        width: 680px;
    }

    #mktoForm_1552.mktoForm .mktoFormRow:nth-child(2) {
        width: 258px !important;
    }

    #mktoForm_1552.mktoForm .mktoFormRow:nth-child(3) {
        width: 258px !important;
    }

    #BlogDialogContent {
        width: 660px;
        height: 367px;
        padding-right: 28px;
    }

    .content-subscribers {
        /* display: none; */
    }

    main {
        display: block !important;
    }

    #mktoForm_1552.mktoForm .mktoFormRow:nth-child(2),
    #mktoForm_1552.mktoForm .mktoFormRow:nth-child(3) {
        width: 49% !important;
    }

    #mktoForm_1552.mktoForm .mktoField {
        width: 100% !important;
    }

    #content {
        margin-bottom: 32px;
    }

    #Aside {
        border-top: 1px solid#E6E7EA;
        padding-top: 32px;
        margin-left: 0;
        width: 100%;
        height: auto !important;
    }

    .AsideForm {
        position: inherit;
    }

    .LatestNews-content a {
        display: flex;
    }

    .LatestNews-content .h-160 {
        width: 352px;
        min-width: 352px;
        height: auto;
    }

    .AsideForm ul.df-sb {
        justify-content: center;
    }

    .AsideForm ul.df-sb li {
        margin: 0 8px;
    }

    /* 底部产品 */
    #Product .maxw-1120{
        width: 680px;
    }
    .pl-calc1152{
        padding-left: calc((100vw - 680px) / 2);
    }
    .pr-calc1152{
        padding-right: calc((100vw - 680px) / 2);
    }
}

@media (max-width: 767px) {
    .w-1120 {
        width: 100%;
        padding-left: 16px;
        padding-right: 16px;
    }

    #mktoForm_1552.mktoForm .mktoFormRow:nth-child(2) {
        width: 100% !important;
    }

    #mktoForm_1552.mktoForm .mktoFormRow:nth-child(3) {
        width: 100% !important;
    }
    .AsideForm ul.df-sb {
        justify-content: center;
    }

    .AsideForm ul.df-sb li {
        margin: 0 8px;
    }
}




/* mktoForm_1555表单样式重铸 */

#mktoForm_1555 {
    width: 100% !important;
}

#mktoForm_1555.mktoForm .mktoFormCol {
    margin-bottom: 24px !important;
    width: 100% !important;
}

#mktoForm_1555.mktoForm .mktoOffset,
#mktoForm_1555.mktoForm .mktoRequiredField label.mktoLabel,
#mktoForm_1555.mktoForm .mktoGutter {
    display: none !important;
}

#mktoForm_1555.mktoForm input {
    width: 100% !important;
    display: flex !important;
    padding: 10px 14px !important;
    align-items: center !important;
    gap: 10px !important;
    flex-shrink: 0 !important;
    align-self: stretch !important;
    border-radius: 6px !important;
    border: 1px solid#D5D7DA !important;
    background: #FFF !important;
    color: #717680 !important;
    font-family: RedHatDisplay-Regular, sf-pro-text_regular, sf-pro-display_regular,
        PingFang SC, "Microsoft YaHei" !important;
    font-weight: 400 !important;
    font-size: 16px !important;
    line-height: 24px !important;
    margin-bottom: 0 !important;
    box-shadow: none !important;
}

#mktoForm_1555.mktoForm input::placeholder {
    color: #717680;
    font-family: RedHatDisplay-Regular, sf-pro-text_regular, sf-pro-display_regular,
        PingFang SC, "Microsoft YaHei" !important;
    font-weight: 400 !important;
    font-size: 16px !important;
    line-height: 24px !important;
    /* 150% */
}

#mktoForm_1555 .mktoButtonRow {
    width: 100% !important;
}

#mktoForm_1555 .mktoButtonWrap {
    margin-left: 0 !important;
}

#mktoForm_1555.mktoForm .mktoButtonWrap.mktoRound .mktoButton {
    display: flex !important;
    height: 48px !important;
    padding: 12px 24px !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 4px !important;
    border-radius: 8px !important;
    background: #000 !important;
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
    text-shadow: none !important;
    width: 100% !important;
    color: var(--Color-Fill-White, #FFF);
    font-size: 16px;
    font-family: RedHatDisplay-Regular, sf-pro-text_regular, sf-pro-display_regular,
        PingFang SC, "Microsoft YaHei" !important;
    font-weight: 400 !important;
    line-height: 24px;
    border: none !important;
    transition: all 0.3s;
    /* 150% */
}

#mktoForm_1555.mktoForm .mktoButtonWrap.mktoRound .mktoButton:hover{
    background: #ff4610 !important;
}
#mktoForm_1555.mktoForm .mktoFieldWrap {
    width: 100% !important;
}


/* 顶部订阅表单样式重铸 */
.content-subscribers #mktoForm_1575 {
    display: flex;
    justify-content: space-between;
    width: 315px !important;
}


.content-subscribers #mktoForm_1575.mktoForm .mktoFormRow {
    display: inline-block;
}

.content-subscribers #mktoForm_1575.mktoForm .mktoFormCol {
    margin-bottom: 0 !important;
}

.content-subscribers #mktoForm_1575.mktoForm .mktoLabel {
    width: 100% !important;
    margin-bottom: 6px !important;
    color: var(--Color-Text-Title, #171B25);
    /* 16_T1/🔹CN-400 */
    font-family: RedHatDisplay-Regular, sf-pro-text_regular, sf-pro-display_regular,
        PingFang SC, "Microsoft YaHei" !important;
    font-weight: 400 !important;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px !important;
    display: none;
    /* 150% */
}

.content-subscribers #mktoForm_1575.mktoForm .mktoOffset,
.content-subscribers #mktoForm_1575.mktoForm .mktoGutter {
    display: none !important;
}

.content-subscribers #mktoForm_1575.mktoForm .mktoField {
    display: flex !important;
    padding: 6px 16px !important;
    align-items: center !important;
    gap: 10px !important;
    flex-shrink: 0 !important;
    align-self: stretch !important;
    border-radius: 6px !important;
    color: #9FA3B0 !important;
    font-family: RedHatDisplay-Regular, sf-pro-text_regular, sf-pro-display_regular,
        PingFang SC, "Microsoft YaHei" !important;
    font-weight: 400 !important;
    font-size: 12px !important;
    line-height: 20px !important;
    width: 212px !important;
    box-shadow: none !important;
    border: 1px solid #E5E6EB !important;
    background-color: #FFF !important;
    box-sizing: border-box;
    height: 36px;
    border-radius: 0 !important;
    border-top-left-radius: 6px !important;
    border-bottom-left-radius: 6px !important;
    /* 150% */
}

.content-subscribers #mktoForm_1575.mktoForm .mktoButtonWrap.mktoRound .mktoButton:hover {
    /* border: none !important; */
}


.content-subscribers #mktoForm_1575.mktoForm .mktoField::placeholder {
    color: var(--Color-Text-T3, #9FA3B0) !important;
    font-family: RedHatDisplay-Regular, sf-pro-text_regular, sf-pro-display_regular,
        PingFang SC, "Microsoft YaHei" !important;
    font-weight: 400 !important;
    font-size: 12px !important;
    line-height: 20px !important;
    /* 150% */
}

.content-subscribers #mktoForm_1575 .mktoButtonRow {
    margin-top: 0px !important;
    width: 100% !important;
}

.content-subscribers #mktoForm_1575 .mktoButtonWrap {
    margin-left: 0 !important;
}
#Product {
    padding-top: 0px;
}
.content-subscribers #mktoForm_1575.mktoForm .mktoButtonWrap .mktoButton {
    display: flex !important;
    padding: 6px 20px !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 4px !important;
    border-radius: 6px !important;
    background: #0D0E0F !important;
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
    text-shadow: none !important;
    width: 102px !important;
    color: #FFF;
    font-size: 14px;
    font-family: RedHatDisplay-Regular, sf-pro-text_regular, sf-pro-display_regular,
        PingFang SC, "Microsoft YaHei" !important;
    font-weight: 400 !important;
    line-height: 22px;
    border-color: #000 !important;
    border-radius: 0 !important;
    border-top-right-radius: 6px !important;
    border-bottom-right-radius: 6px !important;
    transition: 0.3s all;
    /* 150% */
}

.content-subscribers #mktoForm_1575.mktoForm .mktoButtonWrap .mktoButton:hover {
    background: #ff4610 !important;
    border-color: #ff4610 !important;
}


.content-subscribers #mktoForm_1575.mktoForm .mktoFormCol {}

.content-subscribers #mktoForm_1575.mktoForm .mktoFieldWrap {}

/* @media (max-width: 1023px) {
    .content-subscribers #mktoForm_1575 {
        padding: 0;
    }

    .content-subscribers #mktoForm_1575.mktoForm .mktoField {
        padding: 2.667vw 4.267vw !important;
        border: 0.267vw solid rgba(255, 255, 255, 0.14) !important;
        background-color: rgba(255, 255, 255, 0.10) !important;
        margin: 0.000vw 0 2.133vw 0 !important;
        border-radius: 1.600vw !important;
        font-size: 3.200vw !important;
        width: 100% !important;
        height: auto;
        line-height: normal !important;
    }

    .content-subscribers #mktoForm_1575.mktoForm .mktoField::placeholder {
        font-size: 3.200vw !important;
        line-height: normal !important;
    }

    .content-subscribers #mktoForm_1575.mktoForm .mktoButtonWrap .mktoButton {
        padding: 2.667vw 4.267vw !important;
        border: none;
        background-color: #F6F6F6 !important;
        margin: 0.000vw 0 5.333vw 0 !important;
        border-radius: 1.600vw !important;
        font-size: 3.733vw !important;
        color: #61687C !important;
        width: 100% !important;
        margin-bottom: 0 !important;
    }
} */



/* 大pad断点 lg*/
@media screen and (min-width: 1024px) and (max-width: 1199px) {
    .propagate h5.fs-18 {
        margin-bottom: 16px;
    }

    #Product .maxw-1120.df-sb {
        width: 888px;
    }

    .pr-calc1152 {
        padding-right: calc((100vw - 888px) / 2);
    }

    .pl-calc1152 {
        padding-left: calc((100vw - 888px) / 2);
    }
}

@media (max-width: 767px) {
    main {
        display: block !important;
    }
    main h1{
        font-size: 24px !important;
        line-height: 32px !important;
    }
    main h2{
        font-size: 20px !important;
        line-height: 28px !important;
    }
    .content-header-nav{
        display: block  !important;
    }
    .content-header h1{
        margin-bottom: 10px !important;
    }
    .content-header{
        margin-bottom: 0px !important;
    }
    .content-header-tab, .content-header-time{
        font-size: 14px !important;
    }
    .content-header-nav:nth-child(2)>div{
        margin-top: 10px;
        width: 80%;
       
    }
    .content-header-nav:nth-child(2)>div ul{
        display: none;
    }
    #Aside {
        width: 100%;
        height: auto !important;
        margin-left: 0 !important;
    }

    #Product {
        padding-left: 16px;
    }

    .content-subscribers {
        /* display: none; */
    }
    .propagate h5{
        display: none;
    }
    .propagate ul li a{
        padding: 4px;
        background: #fff;
        border-radius: 4px;
        border: 0.5px solid #E5E6EB;
    }
    .propagate ul li a img{
        width: 20px;
        height: 20px;
    }
    #mktoForm_1575{
        display: none !important;
    }

    #mktoForm_1552.mktoForm .mktoField {
        width: 100% !important;
    }

    #mktoForm_1552 {
        padding: 0 !important;
        margin-bottom: 24px !important;
    }

    #Product {
        display: none;
    }

    .pt-80 {
        padding-top: 42px;
    }

    .pb-80 {
        padding-bottom: 42px;
    }

    .LatestNews .h-160 {
        height: 220px;
    }

    #BlogDialog {
        display: none !important;
    }
    .Tag h5{
        margin-bottom: 0px !important;
    }
    .News{
        padding: 10px 0 !important;
    }
}
.AsideFormModalButton {
    padding-top: 12px;
    padding-bottom: 12px;
    border-radius: 8px;
    margin-bottom: 20px;
}
.AsideFormModalButtonBack{
    box-sizing: border-box;
    line-height: 43px;
    border: 1px solid #E5E6EB;
  background: #FFF;
 
  transition: all 0.3s;
  margin-bottom: 40px;
  padding-top: 12px;
  padding-bottom: 12px;
  border-radius: 8px;
  }
  .AsideFormModalButtonBack span{
    color: #414960;

  }
  .LatestNews {
    margin-bottom: 20px;
  }
  @media (min-width: 1025px){
    .AsideFormModalButtonBack:hover{
    border: 1px solid var(--Color-Brand-Normal, #FF4610);
    background: var(--Color-Brand-Normal, #FF4610);
    
    color: #FFF;
    }
    .AsideFormModalButtonBack:hover span{
        color: #FFF;
    }
  }
  .iframe-box{
    padding-bottom: 0px !important;
  }
  iframe{
    width: 100% !important;
  }
  .ql-align-center{
    margin: 10px 0 !important;
  }
  .News{
    padding-top: 30px;
  }
  .News p{
    margin: 10px 0 !important;
  }
  main h2{
    margin-bottom: 10px !important;
  }
  main ol li {
margin-top: 12px !important;
  }
  main ul li{
    margin-top: 12px !important;
  }