/* CoreValue */
.Facebook {
    color: #1877F2;
}
.CoreValue ul li{
    border-radius: 10px;
    overflow: hidden;
}
.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;
}
.CoreValue h3{
    margin-bottom: 0px !important;
}
.client-header-left h1{
    display: -webkit-box;
    /* 将容器以弹性盒子形式布局 */
    -webkit-line-clamp: 3;
    /* 限制文本显示为两行 */
    -webkit-box-orient: vertical;
    /* 将弹性盒子的主轴方向设置为垂直方向 */
    overflow: hidden;
    /* 隐藏容器中超出部分的内容 */
    text-overflow: ellipsis;
    transition: all 0.3s;
    /* height: 144px; */
}
/* .client-header-left h1:hover {
    display: block;
    -webkit-line-clamp: unset;
    overflow: visible;
    white-space: normal;
    height: 344px;
} */
.Products-list{
   
    flex-wrap: wrap !important;
}
p{
    min-height: 24px;
}
h1{

}
.CoreValue ul li .Products-list a{
    margin-top: 12px !important;
}

.LinkedIn {
    color: #0A66C2;
}

.CopyLink {
    color: #ff4610;
}
.sunjkbtn{
    transition: all 0.3s;
}
.sunjkbtn:hover{
    background: #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%);
}
.tiplist>div{
    margin-left: 10px;
}
.tiplist>div:nth-child(1){
    margin-left: 0px;
}

#BlogDialog {
    z-index: -10;
}

#BlogDialog.active {
    opacity: 1;
    z-index: 999;
}
/* .swiper-button-next, .swiper-button-prev{
    border-radius: 100%;
    border: 1px s;
} */
/* 公共样式 */
.swiperList-hover .swiper-button-next,
.swiperList-hover .swiper-button-prev {
  width: 44px !important;
  height: 44px  !important;
  /* border: 1px solid #e0e2e4; */
  border: 1px solid #e0e2e4  !important;
  padding: 14px  !important;
  border-radius: 50%  !important;
  /* top: -40px; */
  /* background: #828898; */
  /* opacity: 0.5; */
}
.swiper-button-prev{
    left: 0 !important;
    border: 1px solid #e0e2e4;
    width: 44px !important;
    height: 44px !important;
    /* background: red !important; */
    border-radius: 100% !important;
    background-size: 16px 16px  !important;
    background-position: center  !important;
    background-repeat: no-repeat  !important;
    
}

.swiper-button-next {
    right: -100px  !important;
 border: 1px solid #e0e2e4;
 width: 44px !important;
 height: 44px !important;

 border-radius: 100% !important;
  background-size: 16px 16px  !important;
  background-position: center  !important;
  background-repeat: no-repeat  !important;
  /* filter: invert(100%); */
}
#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;
}

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


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

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

.content button {
    border: 0px;
}

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

.content h1 {
    font-size: 32px;
    line-height: 40px;
    color: Color-Text-Title;
    font-family: RedHatDisplay-Semibold, "Microsoft YaHei" !important;
    font-weight: 500 !important;
    color: #171B25 !important;
    margin-top: 48px;
    margin-bottom: 24px;
}

.content 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;
    margin-top: 40px;
    margin-bottom: 16px;
}

.content 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;
    margin-top: 40px;
    margin-bottom: 16px;
}

.content 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;
    margin-top: 28px;
    margin-bottom: 16px;
}

.content 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;
    margin-top: 24px;
    margin-bottom: 12px;
}
.content p{
    margin-bottom: 16px;
}
.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);
}
.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;
}
.content p strong {
    color: Color-Text-Title;
    font-family: RedHatDisplay-Semibold, "Microsoft YaHei" !important;
}
.content strong{
    font-family: RedHatDisplay-Semibold, "Microsoft YaHei" !important;
}
.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; */
    }

    .content {
        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 .EmailInput input {
    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 .EmailInput button {
    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 .EmailInput button: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;
    }
} */

#Product{
    padding-top: 0;
}
.News ul li{
    list-style: disc;
    margin-left: 3em;
}
/* 大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) {
    .content {
        display: block !important;
        padding-top: 32px !important;
    }

    #Aside {
        width: 100%;
        height: auto !important;
        margin-left: 0 !important;
    }

    #client-header{
        padding-bottom: 0px;
    }
    #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;
    }
}
.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;
    }
    .CoreValue ul li{
        margin-top: 16px;
        min-height: 176px;
    }
    .CoreValue ul li:nth-child(1){
        margin-top: 24px;
    }
  }
  .iframe-box{
    padding-bottom: 0px !important;
  }
  iframe{
    width: 100%;
  }
  .ql-align-center{
    margin: 10px 0;
  }
  .News p{
    margin: 10px 0;
  }
  .content h2{
    margin-bottom: 10px;
  }
  ol li {
margin-top: 12px;
  }
  .News  ul li{
    margin-top: 12px;
  }
.Aside-Content h3{
    color: #fff !important;
}

.CoreValue ul li div.pd-24 {
    width: 33.33%;
    /* height: 176px; */
}

.CoreValue ul li:nth-child(6n+1) div.pd-24 {
    /* background: rgba(136, 51, 255, 0.05) */
     background: rgba(136, 51, 255, 0.05)
}

.content{
    padding: 40px 0;
}
.CoreValue ul li:nth-child(6n+1) .Products-list a {
    border: 1px solid var(--Color-Purple-Normal);
    transition: all 0.3s;
}
.CoreValue ul li:nth-child(6n+1) .Products-list a:hover{
    background: var(--Color-Purple-Text-Disabled, #E7D6FF);
}

.CoreValue ul li:nth-child(6n+1) .Products-list a span {
    color: var(--Color-Purple-Normal);
}

.CoreValue ul li:nth-child(6n+1) .Products-list a svg {
    fill: var(--Color-Purple-Normal);
}

.CoreValue ul li:nth-child(6n+2) div.pd-24 {
    background: rgba(52, 199, 89, 0.05)
}

.CoreValue ul li:nth-child(6n+2) .Products-list a {
    transition: all 0.3s;
    border: 1px solid var(--Color-Success-Normal);
}
.CoreValue ul li:nth-child(6n+2) .Products-list a:hover {
    background: var(--Color-Success-Text-Disabled, #D6F4DE);
}
.CoreValue ul li:nth-child(6n+2) .Products-list a span {
    color: var(--Color-Success-Normal);
}

.CoreValue ul li:nth-child(6n+2) .Products-list a svg {
    fill: var(--Color-Success-Normal);
}

.CoreValue ul li:nth-child(6n+3) div.pd-24 {
    background: rgba(0, 127, 255, 0.05)
}

.CoreValue ul li:nth-child(6n+3) .Products-list a {
    transition: all 0.3s;
    border: 1px solid var(--Color-Info-Normal);
}
.CoreValue ul li:nth-child(6n+3) .Products-list a:hover {
    background: var(--Color-Info-Text-Disabled, #CCE5FF);
}
.CoreValue ul li:nth-child(6n+3) .Products-list a span {
    color: var(--Color-Info-Normal);
}

.CoreValue ul li:nth-child(6n+3) .Products-list a svg {
    fill: var(--Color-Info-Normal);
}

.CoreValue ul li:nth-child(6n+4) div.pd-24 {
    background: rgba(255, 70, 16, 0.05)
}

.CoreValue ul li:nth-child(6n+4) .Products-list a {
    transition: all 0.3s;
    border: 1px solid var(--Color-Brand-Normal);
}
.CoreValue ul li:nth-child(6n+4) .Products-list a:hover {
    background: var(--Color-Brand-Text-Disabled, #FFDACF);
}
.CoreValue ul li:nth-child(6n+4) .Products-list a span {
    color: var(--Color-Brand-Normal);
}

.CoreValue ul li:nth-child(6n+4) .Products-list a svg {
    fill: var(--Color-Brand-Normal);
}

.CoreValue ul li:nth-child(6n+5) div.pd-24 {
    background: rgba(255, 149, 0, 0.05)
}

.CoreValue ul li:nth-child(6n+5) .Products-list a {
    transition: all 0.3s;
    border: 1px solid var(--Color-Warning-Normal);
}
.CoreValue ul li:nth-child(6n+5) .Products-list a:hover {
    background: var(--Color-Warning-Text-Disabled, #FFEACC);
}
.CoreValue ul li:nth-child(6n+5) .Products-list a span {
    color: var(--Color-Warning-Normal);
}

.CoreValue ul li:nth-child(6n+5) .Products-list a svg {
    fill: var(--Color-Warning-Normal);
}

.CoreValue ul li:nth-child(6n+6) div.pd-24 {
    background: rgba(245, 63, 63, 0.05)
}

.CoreValue ul li:nth-child(6n+6) .Products-list a {
    transition: all 0.3s;
    border: 1px solid var(--Color-Error-Normal);
}
.CoreValue ul li:nth-child(6n+6) .Products-list a:hover {
    background: var(--Color-Error-Text-Disabled, #FDD9D9);
}
.CoreValue ul li:nth-child(6n+6) .Products-list a span {
    color: var(--Color-Error-Normal);
}

.CoreValue ul li:nth-child(6n+6) .Products-list a svg {
    fill: var(--Color-Error-Normal);
}

.CoreValue ul li div.pd-24 {
    border-right: 2px solid #FFF;
}

.CoreValue ul li div.pd-24:last-child {
    border-radius: none;
}

/* Aside */
#Aside {
    width: 296px;
}

.Aside-Content {
    border-radius: 8px;
    background: #FFF;
    box-shadow: 0px 20px 60px 0px rgba(62, 75, 96, 0.10);
}

.Aside-Content .Aside-Content-top {
    background: linear-gradient(180deg, #EBF3FF 0%, #F7F9FC 100%);
}
.moblibtn{
    border-radius: var(--Corner-4X, 8px);
background: var(--Color-Text-Title, #171B25);
display: none;
height: 44px;
padding: 10px var(--Space-6X, 24px);
justify-content: center;
align-items: center;
gap: var(--Space-X, 4px);
color: var(---Color-Text-White, #FFF);
/* 16_T1/🔹CN-400 */
font-size: 16px;
font-weight: 400;
line-height: 24px; /* 150% */
}


@media (max-width: 767px)   {
    .client-header{
        display: flex !important;
        flex-direction: column-reverse !important;
        padding: 8.533vw 4.267vw !important;
      }
      .client-header .w-528,.client-header .w-544{
          width: 100%;
      }
      .client-header-right{
          padding-bottom: 8.533vw;
      }
      .moblibtn{
          display: flex;
          width: 100%;
          margin-top: 8.533vw;
      }
      .client-header-left h1{
          font-size: 6.400vw !important;
          font-style: normal;
          font-weight: 500 !important;
          line-height: 8.533vw !important; /* 133.333% */
      }
      .client-header-left p{
         
  font-size: 3.733vw !important;
  font-style: normal !important;
  font-weight: 400 !important;
  line-height: 5.867vw !important; /* 157.143% */
      }
      .client-header-left li{
          width: 33% !important;
          margin-right: 0 !important;
      }
      .client-header-left li h3{
          font-size: 5.867vw !important;
          line-height: 8.000vw !important; 
      }
      .client-header-left li span{
          font-size: 3.200vw !important;
          line-height: 5.333vw !important; 
      }
      .w-800{
          width: 100% !important;
      }
      .content{
          padding: 8.533vw 4.267vw !important;
          padding-top: 32  !important;
         
      }
      #Aside{
          display: none !important;
      }
      .content-header ul{
          display: flex;
          flex-wrap: wrap;
      }
      .content-header ul li{
          margin-top: 5.333vw !important;
      }
      .content-header ul li:nth-child(1){
          margin-top: 0.000vw !important;
      }
      .Testimonials .pd-24{
          padding-left: 4.267vw !important;
          padding-right: 4.267vw !important;
      }
      .Testimonials .pl-44{
          padding-left: 0 !important;
          padding-right: 0 !important;
      }
      .Testimonials svg{
          display: none !important;
      }
      .CoreValue li{
          flex-direction: column !important;
      }
      .CoreValue ul li div.pd-24{
          width: 100% !important;
          height: auto !important;
          border-bottom: 0.533vw solid #FFF !important;
      }
      .mr-48 .tl{
          text-align: center !important;
      }
      #Product{
          padding-left: 4.267vw !important;
          padding-right: 4.267vw !important;
          padding-bottom: 0 !important;
      }
      #Product .fs-32{
          font-size: 6.400vw !important;
          line-height: 8.533vw !important;
      }
      #Product .swiper-slide.w-416 {
          width: 44.8vw !important;
          height: auto !important;
          padding-top: 3.733vw;
          padding-bottom: 9.6vw;
      }
      #Product .swiper-slide .h-280 {
          height: 30.133vw;
      }
      #Product .swiper-slide h4 {
          font-size: 3.2vw;
          line-height: 3.2vw;
          margin-bottom: 0;
      }
      #Product .swiper-slide h4 {
          font-size: 3.2vw;
          line-height: 3.2vw;
          margin-bottom: 0;
      }
      #Product .swiper-slide .pt-24.pb-24.pl-16.pr-16 {
          padding: 0 2.133vw;
          display: flex;
          justify-content: space-between;
          align-items: center;
          height: 11.733vw;
      }
    
      #Product .swiper-button-next, #Product .swiper-button-prev {
          width: 4.4vw;
          height: 4.4vw;
          /* border: 0.267vw solid #e0e2e4; */
          border: 0.267vw solid #e0e2e4;
          padding: 3.733vw;
          border-radius: 50%;
          top: 1vw;
          /* background: #828898; */
          /* opacity: 0.5; */
      }
     

}
.Testimonials .b-24{
    bottom: 0  !important;
}
.content-header .bodor-bg-orange6{
    background: rgba(255, 70, 16, 0.05) !important;
}


@media screen and (min-width: 1024px) and (max-width: 1199px) {
    .client-header li h3{
        white-space: nowrap;
        text-align: center;
    }
   #content{
        width: 70% !important;
    }
    .CoreValue ul li div.pd-24{
        height: 200px;
    }
    .content-header .w-220{
        width: 100% !important;
    }
    .content-header li{
        display: flex !important;
        flex-direction: column ;
        align-items: start;
    }
    #OtherNewsList>div:nth-child(1){
        padding-left: 64px;
    }
}
@media screen and (min-width: 768px ) and (max-width: 1023px) {

    .content-header li{
        display: flex !important;
        flex-direction: column ;
        align-items: start;
    }
    #OtherNewsList .maxw-1120 {
        width: 680px;
    }
    .moblibtn{
        display: flex;
        width: 192px !important;
        margin-top: 32px !important;
    }
    .w-800 {
        width: 100% !important;
    }
    .client-header{
        display: flex !important;
        flex-direction: column-reverse !important;
        padding: 48px 44px !important;
        align-items: start !important;
      }
      #client-header .w-1120{
        width: 100% !important;
      }
      .client-header .w-544,.client-header .w-528{
width: 100% !important;
      }
      .client-header-left{
        margin-top: 32px !important;
      }
      #Aside{
        display: none !important;
      }
      #client-header{
        padding-bottom: 0 !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;
}

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


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

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

.content button {
    border: 0px;
}

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

.content 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;
    min-height: 48px;
}

.content 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;
    min-height: 36px;
}

.content 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;
    min-height:32px ;
}

.content 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;
    min-height:30px ;
}


.content 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;
    min-height:28px ;
}
.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);
}
.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;
}
.content p strong {
    color: Color-Text-Title;
    font-family: RedHatDisplay-Semibold, "Microsoft YaHei" !important;
}
.content strong{
    font-family: RedHatDisplay-Semibold, "Microsoft YaHei" !important;
}
.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; */
    }

    .content {
        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 .EmailInput input {
    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 .EmailInput button {
    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 .EmailInput button: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;
    }
} */

#Product{
    padding-top: 0;
}
.News ul li{
    list-style: disc;
    margin-left: 3em;
}
/* 大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) {
    .content {
        display: block !important;
    }

    #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;
    }
}
.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){
    .client-header-left h1{
        font-size: 40px;
        line-height: 48px;
       
    }
    .content-header h2,.Testimonials h2,.CoreValue h2{
        font-size: 28px;
        line-height: 36px;
    }
   
    .AsideFormModalButtonBack:hover{
    border: 1px solid var(--Color-Brand-Normal, #FF4610);
    background: var(--Color-Brand-Normal, #FF4610);
    
    color: #FFF;
    }
    .AsideFormModalButtonBack:hover span{
        color: #FFF;
    }
    .client-header-right img{
        height: 340px;
    }
    .client-header-left div:nth-child(1){
        border-radius: 999px;
    }
  }
  .iframe-box{
    padding-bottom: 0px !important;
  }
  iframe{
    width: 100%;
    height: 448px;
  }
  .ql-align-center{
    margin: 10px 0;
  }
  .News p{
    margin: 10px 0;
  }
  .content h2{
    margin-bottom: 10px;
  }
  ol li {
margin-top: 12px;
  }
  .News  ul li{
    margin-top: 12px;
  }
  .content-header ul{
    width: 100%;
    overflow: hidden;
  }

  .content-header  ul li h3{
    color: rgba(28, 31, 35, 0.62);

}
.content-header  p{
    color: #171B25;
}


#client-header{
    background: var(--111, linear-gradient(180deg, #EBF3FF 0%, #F7F9FC 100%));
}


.content-box{
    margin-right: 20px;
}

#OtherNewsList .client_case_content_li:hover {
    box-shadow: 0 3px 14px 2px #0000000d, 0 8px 10px 1px #0000000f,
      0 5px 5px -3px #0000001a;
  }
  #OtherNewsList .client_case_content_li .client_case_content_li_text.activeTop {
    top: 0;
  }
  
  #OtherNewsList .client_case_content_li .client_case_content_li_text.activeBg {
    background-color: #fff;
  }
  
  #OtherNewsList  .client_case_content_li .client_case_content_li_text p.active {
    -webkit-line-clamp: 30;
  }
  
  #OtherNewsList .client_case_content_li {}
  .item-tipLabel{
    display: flex;
  padding: 4px 12px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  flex: 1 0 0;
  border-radius: 24px;
  background: var(--VR-Hover, radial-gradient(101.08% 100% at 50% 100%, rgba(94, 94, 94, 0.14) 0%, rgba(94, 94, 94, 0.00) 73.85%), radial-gradient(100.02% 100% at 50% 100%, rgba(255, 255, 255, 0.07) 0%, rgba(255, 255, 255, 0.00) 55.59%), linear-gradient(0deg, rgba(94, 94, 94, 0.18) 0%, rgba(94, 94, 94, 0.18) 100%), rgba(255, 255, 255, 0.06));
  background-blend-mode: color-dodge, lighten, color-dodge, lighten;
  box-shadow: 0px -0.5px 1px 0px rgba(255, 255, 255, 0.25) inset, 0px 0.5px 1px 0px rgba(255, 255, 255, 0.25) inset, 0px 8px 6px 0px rgba(0, 0, 0, 0.05);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  position: absolute;
  top: 24px;
  left: 24px;
  color: #FFF;
  
  text-align: center;
  /* 12_Footnote/🔹CN-400 */
  font-size: 12px;
  font-style: normal;
  line-height: 20px; /* 166.667% */
  z-index: 999;
  }
  .content-header ul li h3{
    color: var(--Color-Text-T2, rgba(28, 31, 35, 0.62)) !important;
   
    
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px; /* 157.143% */
  }
  .content-header p{
    color: var(--Color-Text-Title, #171B25);

font-size: 16px;
font-style: normal;
font-weight: 467;
line-height: 24px; /* 150% */
  }
 .content-header li{
    width: 33%;
  }
  .titleInfo{
    height: 56px;
  
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    height: 44px;
    font-family: "RedHatDisplay-Semibold";
    font-weight: 550;
  }
  .info-message{
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    height: 44px;
    font-family: "RedHatDisplay-Semibold";
    font-weight: 400;
  
  }
  .bannner-design{
    height: 88px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    overflow: hidden;
    font-family: "RedHatDisplay-Regular";
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    text-overflow: ellipsis;
  }
  .bannner-title{
    height: 80px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    font-family: "RedHatDisplay-Semibold";
  font-weight: 550;
  }
  .BodorRecom{
    border-top:1px solid var(--Color-Fill-3, #E5E6EB);
    margin-top: 16px;
  
    padding: 16px 0;
    /* display: flex; */
  }
  .client-header-left ul li{
    text-align: start;
}
 
  #OtherNewsList{
    background: var(--Color-Background-Full, #F6F7F8);
  }

  @media screen and (min-width: 1024px) and (max-width: 1199px){
    .client_case_content_li {
        height: auto;
        
        /* height: 500px; */
      }
  }

  @media screen and (min-width: 768px) and (max-width: 1023px){
    .client_case_content_li {
        height: auto;
      }
      .BodorRecom {
        border-top: 1px solid var(--Color-Fill-3, #E5E6EB);
        margin-top: 16px;
        padding: 16px 0 0;
        /* display: flex
    ; */
    }
  }
  @media (max-width: 767px) {
    .BodorRecom{
        border-top:1px solid var(--Color-Fill-3, #E5E6EB);
        margin-top: 16px;
      
        padding: 16px 0 0;
        /* display: flex; */
      }
      
    .client_case_content_li:hover .client_case_content_li_text {
        top: 0;
        background: linear-gradient(180deg, hsla(0, 0%, 100%, .9) .33%, #fff 22.5%);
      }
    
      .client_case_content_li:hover .client_case_content_li_text p {
        -webkit-line-clamp: 3;
      }
    
      .client_case_content_li ul {
        margin-top: 2vw;
      }
    
      .client_case_content_li {}
    
      .client_case_content_li_text {
        position: relative;
      }
      .client_case_content_li {
        min-width: 44.8vw;
      }
    
      .client_case_content_li .w-368 {
        width: 44.8vw;
      }
    
      .client_case_content_li .h-222 {
        height: 55.467vw;
      }
    
      .client_case_content_li .fs-20 {
        font-size: 4.333vw;
        font-weight: 600;
        line-height: normal;
      }
    
      .client_case_content_li .fs-12 {
        font-size: 3.2vw;
        line-height: normal;
      }
    
      .client_case_content_li .tag {
        padding: 1.867vw 5.333vw;
        font-size: 3.2vw;
        line-height: normal;
        margin-right: 1.067vw;
      }
    
      .client_case_content_li p {
        margin: 2.133vw 0 2.667vw;
        font-size: 3.2vw;
        line-height: normal;
      }
    
      .client_case_content_li_text {
        padding: 5.33vw 4.267vw;
        height: auto;
        top: 0;
        position: initial;
      }
    
      .client_case_content_li p.fs-20 {
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
      }
    
      /* 内容 */
      .client_case_content {
        padding: 0 4.267vw;
      }
    
      .client_case_content li {
        width: 100%;
        height: auto;
        /* margin-right: 0; */
      }
      .client_case_content_li ul li {
        margin-right: 1.333vw;
      }
    
      .client_case_content_li li {
        width: auto;
      }
    
      .client_case_content_li img {}
    
      .client_case_content_li .series_tag img {
        width: 3.73vw;
        height: 3.73vw;
      }
    
      .client_case_content_li .series_tag span {
        font-size: 3.2vw;
      }
    
      .CasePlay--casePlay_main--RrNl78l {
        max-width: 100%;
        min-width: 100%;
      }
    
      #Client {
        padding-top: 10vw;
        padding-bottom: 10vw;
      }
    
      .Client-content {
        height: auto;
      }
      .client_case_content_li .fs-20{
        font-size: 5.333vw;
        line-height: 7.467vw;
      }
      .titleInfo{
        height: 14.933vw !important;
      }
      .info-message{
        font-size: 3.733vw !important;
        line-height: 5.867vw!important;
      }
      .client_case_content_li .tag{
        padding: 0  !important;
        font-size: 3.200vw !important;
        line-height: 5.333vw!important;
        margin-right: 3.200vw;
      
      }
      .client_case_content_ul{
        gap: 4.267vw !important;
      }
  }

  @media (min-width: 1440px){
    .client_case_content_li {
     height: 430px !important;
    } 
  }



  @media (max-width: 767px) {
    #Product .swiper-slide {
        width: 44.8vw !important;
        height: auto !important;
        padding-top: 3.733vw;
        padding-bottom: 9.6vw;
    }
    main{
        padding-top: 32px !important;
        padding-bottom: 32px !important;
    }
    #content .mb-24{
        margin-bottom: 16px;
    }
    #content .mb-48{
        margin-bottom: 32px;
    }

    #OtherNewsList .fs-32 {
        font-size: 24px !important;
        line-height: 32px !important;
    }
    #OtherNewsList{
        padding: 40px 16px;
    }
    #OtherNewsList .swiper-slide {
        width: 100%;
        margin: 0;
        padding-top: 10px;
        height: auto;
    }
    .OtherNewsList-mySwiper{
        width: 100%;
        padding: 0;
    }
    #OtherNewsList .client_case_content_li{
        height: 423px;
    }
    .content-header li{
        width: 100% !important;
      }
      .tipsCid{
        border-radius: 25px;
    }
    .content p{
        font-size: 16px;
        line-height: 24px;
    }
    .content h2 {
        font-size: 20px;
        line-height: 28px;
        margin-top: 20px;
        margin-bottom: 8px;

    }
    .content h1 {
        font-size: 24px;
        line-height: 32px;
        margin-top: 24px;
        margin-bottom: 12px;
    }
    iframe{
        width: 100%;
        height: 300px;
      }
    .content h3 {
        font-size: 18px;
        line-height: 26px;
        margin-top: 18px;
        margin-bottom: 6px;

    }
    .content h4 {
        font-size: 16px;
        line-height: 24px;
        margin-top: 18px;
        margin-bottom: 6px;
    }
    .content h5 {
        font-size: 16px;
        line-height: 24px;
        margin-top: 18px;
        margin-bottom: 6px;
    }
   
    
}
.tiosp{
    font-family: "RedHatDisplay-Regular";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px; /* 157.143% */;
  padding-left: 4px;
  }