.left-menu h1 {
    font-family: Noto Sans SC, Noto Sans SC;
    font-weight: 700;
    font-size: 24px;
    color: #000000;
    line-height: 28px;
    text-align: left;
    font-style: normal;
    text-transform: none;
}

.left-menu {
    width: 378px;
    padding-right: 0px;
    padding-left: 0px;
    box-shadow: none;
}

.right-top {
    height: 190px;
}

.banner_gongshang{
    background: url(../img/banner_gongshang.webp);
    background-size: cover;
    background-position: right bottom;
}

.banner_zizhi{
    background: url(../img/banner_zizhi.webp);
    background-size: cover;
    background-position: right bottom;
}

.banner_shuichou{
    background: url(../img/banner_shuichou.webp);
    background-size: cover;
    background-position: right bottom;
}

.banner_zhengce{
    background: url(../img/banner_zhengce.webp);
    background-size: cover;
    background-position: right bottom;
}

.banner_ziyuan{
    background: url(../img/banner_ziyuan.webp);
    background-size: cover;
    background-position: right bottom;
}

.banner_daiban{
    background: url(../img/banner_daiban.webp);
    background-size: cover;
    background-position: right bottom;
}

.banner_zhishichanquan{
    background: url(../img/banner_zhishichanquan.webp);
    background-size: cover;
    background-position: right bottom;
}

.right-top h1 {
    font-family: Microsoft YaHei UI, Microsoft YaHei UI;
    font-weight: bold;
    font-size: 36px;
    color: #000000;
    line-height: 40px;
    text-align: left;
    font-style: normal;
    text-transform: none;
    margin-top: 20px;
    span{
        color: #FF6834;
    }
}

.right-top p {
    font-family: Microsoft YaHei UI, Microsoft YaHei UI;
    font-weight: 400;
    font-size: 16px;
    color: #484848;
    line-height: 23px;
    text-align: left;
    font-style: normal;
    text-transform: none;
    margin-top: 6px;
}

.right-top p span{
    font-weight: bolder;
    color: #111111;
}

#solution-container {
    min-height: 100vh;
    background: #FFFFFF;
    width: 100%;
}

.navigation-button-list button {
    margin-right: 60px;
}

.navigation-button-list button.active {
    color: #FF0000;
    font-weight: bold;
}

.top-navigation {
    font-family: Microsoft YaHei UI, sans-serif;
    font-weight: bold;
    font-size: 18px;
    color: #000000;
    line-height: 16px;
    text-align: center;
    font-style: normal;
    text-transform: none;
    position: relative;
    background: white;
}

.top-navigation::after {
    content: '';
    position: absolute;
    height: 2px;
    bottom: -1px;
    left: 0;
    background: #E1251B;
    transition: all 0.3s ease;
    width: var(--indicator-width, 60px);
    transform: translateX(var(--indicator-left, 0px));
}

.lx-button {
    width: 96px;
    height: 32px;
    background: #E60012;
    border-radius: 3px 3px 3px 3px;
    font-family: Microsoft YaHei UI, Microsoft YaHei UI;
    font-weight: 400;
    font-size: 14px;
    color: #FFFFFF;
    line-height: 14px;
    text-align: center;
    font-style: normal;
    text-transform: none;
    border: 1px solid #E60012;
    transition: all 0.3s ease;
}

.lx-button:hover {
    background: #FFFFFF;
    border: 1px solid #E60012;
    color: #E60012;
}

.solution-commerce {
    background: url(../img/commerce1_top.svg);
    background-size: cover;
    background-position: right bottom;
}

.solution-commerce h1 {
    font-family: Microsoft YaHei UI, Microsoft YaHei UI;
    font-weight: bold;
    font-size: 32px;
    color: #272828;
    text-align: center;
    font-style: normal;
    text-transform: none;
    padding-top: 40px;
}

.introduction-bg {
    position: absolute;
    /* top: 120px; */
    left: 50%;
    transform: translate(-50%, 0);
}

.introduction-left-bg {
    position: absolute;
    width: 152px;
    height: 152px;
    left: -40px;
    bottom: 150px;
}

.introduction-right-bg {
    position: absolute;
    width: 152px;
    height: 152px;
    right: 0px;
    bottom: 150px;
}

.introduction-center-bg {
    position: absolute;
    width: 152px;
    height: 152px;
    left: 50%;
    transform: translate(-50%, 0);
    bottom: 30px;
}

.introduction-left-bg p,
.introduction-right-bg p,
.introduction-center-bg p {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-family: Microsoft YaHei UI, Microsoft YaHei UI;
    font-weight: bold;
    font-size: 24px;
    width: 100%;
    color: #E60012;
    text-align: center;
    font-style: normal;
    text-transform: none;
}

.introduction-center-bg p {
    color: white;
}

.introduction-left-bg ul {
    position: absolute;
    right: -80px;
    top: 80%;
    font-family: Microsoft YaHei UI, Microsoft YaHei UI;
    font-weight: 400;
    font-size: 17px;
    color: #000000;
    text-align: left;
    font-style: normal;
    text-transform: none;
}

.introduction-center-bg ul {
    position: absolute;
    right: -160px;
    top: 46%;
    font-family: Microsoft YaHei UI, Microsoft YaHei UI;
    font-weight: 400;
    font-size: 17px;
    color: #000000;
    text-align: left;
    font-style: normal;
    text-transform: none;
}

.introduction-right-bg ul {
    position: absolute;
    left: -70px;
    top: 80%;
    font-family: Microsoft YaHei UI, Microsoft YaHei UI;
    font-weight: 400;
    font-size: 17px;
    color: #000000;
    text-align: left;
    font-style: normal;
    text-transform: none;
}

.introduction-bg li {
    margin-bottom: 9px;
    position: relative;
}

.introduction-bg li::before {
    content: "·";
    color: #E60012;
    font-size: 22px;
    position: absolute;
    top: 50%;
    left: -15px;
    transform: translateY(-50%);
}

.introduction-center-title {
    position: absolute;
    left: 50%;
    transform: translate(-50%, 0);
    top: 15%;
}

.introduction-center-title p {
    font-family: Microsoft YaHei UI, Microsoft YaHei UI;
    font-weight: bold;
    font-size: 33px;
    line-height: 40px;
    letter-spacing: 3px;
    text-align: left;
    font-style: normal;
    text-transform: none;
    background: linear-gradient(0.3691080688802218deg, #F6781E 0%, #F81A30 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

.solution-superiority h1 {
    font-family: Microsoft YaHei UI, Microsoft YaHei UI;
    font-weight: bold;
    font-size: 32px;
    color: #272828;
    text-align: center;
    font-style: normal;
    text-transform: none;
    /* padding-top: 40px; */
}

.solution-superiority li {
    text-align: center;
    height: 110px;
    font-family: Microsoft YaHei UI, Microsoft YaHei UI;
    font-weight: 400;
    font-size: 20px;
    color: #6A6969;
    line-height: 110px;
    font-style: normal;
    text-transform: none;
    border-bottom: 1px dashed #D4D6DB;
}

.superiority-title {
    height: 62px;
    background: #F3F3F3;
    font-family: Inter, Inter;
    font-weight: bold;
    font-size: 24px;
    color: #181818;
    line-height: 62px;
    text-align: center;
    font-style: normal;
    text-transform: none;
}

.superiority-title.vip {
    background: #108CFF;
    color: white;
}

.superiority-vip li {
    font-weight: bold;
    color: #181818;
}

.superiority-vs li {
    font-family: Microsoft YaHei UI, Microsoft YaHei UI;
    font-weight: 400;
    font-size: 20px;
    color: #108CFF;
    font-style: normal;
    text-transform: none;
}

.superiority-vs .superiority-title {
    background: #50AAFD;
    font-family: Microsoft YaHei UI, Microsoft YaHei UI;
    font-weight: bold;
    font-size: 35px;
    color: #FFFFFF;
    text-align: center;
    font-style: normal;
    text-transform: none;
    z-index: 1;
    position: relative;
}

.superiority-vs-bg {
    position: absolute;
    top: 0;
    z-index: -1;
    height: 81px;
}


.solution-product {
    background: url(../img/solution_product.svg);
    background-size: cover;
    background-position: right bottom;
    /* margin-top: 60px; */
}

.solution-product h1 {
    font-family: Microsoft YaHei UI, Microsoft YaHei UI;
    font-weight: bold;
    font-size: 32px;
    color: #272828;
    text-align: center;
    font-style: normal;
    text-transform: none;
    padding-top: 40px;
}

.solution-product-item {
    width: 440px;
    height: 294px;
    background: url(../img/solution_product_item.webp);
    background-size: cover;
    background-position: center;
    border: 2px solid #FFFFFF;
    padding: 40px 32px;
    margin-right: 24px;
}

.solution-product-item p {
    font-family: PingFang SC, PingFang SC;
    font-weight: 800;
    font-size: 24px;
    text-align: left;
    font-style: normal;
    text-transform: none;
}

.solution-product-item span {
    font-family: PingFang SC, PingFang SC;
    font-weight: 500;
    font-size: 12px;
    color: #FFFFFF;
    text-align: left;
    font-style: normal;
    text-transform: none;
}

.solution-product-item a {
    width: 76px;
    height: 25px;
    background: #FC312D;
    border-radius: 2px 2px 2px 2px;
    padding-left: 6px;
    padding-right: 4px;
    transition: all 0.3s;
}

.solution-product-item .view {
    width: 76px;
    height: 25px;
    background: #FC312D;
    border-radius: 2px 2px 2px 2px;
    padding-left: 6px;
    padding-right: 4px;
    transition: all 0.3s;
}

.solution-product-item:hover a {
    transform: scale(1.1);
}

.solution-product-item:hover .view {
    transform: scale(1.1);
}


.solution-product-item a img {
    filter: brightness(0) invert(1);
    transform: scale(0.8);
}

.solution-product-item .view img {
    filter: brightness(0) invert(1);
    transform: scale(0.8);
}

.solution-product-item .item-top {
    border-bottom: 1px solid #FDFEFF;
    padding-bottom: 23px;
}

.solution-product-item .desc {
    font-family: PingFang SC, PingFang SC;
    font-weight: 500;
    font-size: 16px;
    color: #535360;
    line-height: 24px;
    text-align: left;
    font-style: normal;
    text-transform: none;
    margin-top: 35px;
}

.solution-product-item:hover {
    background: url(../img/solution_product_item_cur.webp);
    color: white;
}

.solution-product-item:hover .desc {
    color: white;
}

.solution-product-item:hover a {
    background: white;
    color: #FC312D;
}

.solution-product-item:hover .view {
    background: white;
    color: #FC312D;
}

.solution-product-item:hover span {
    color: #FC312D;
}

.solution-product-item:hover a img {
    filter: brightness(1);
}

.solution-product-item:hover .view img {
    filter: brightness(1);
}

.glide__bullets {
    display: flex;
    justify-content: center;
    gap: 35px;
    margin: 50px auto;
}

.glide__bullet {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: #D9D9D9;
    border: none;
    cursor: pointer;
    /* transition: background-color 0.3s; */
}

.glide__bullet:hover {
    background-color: #999;
}

.glide__bullet.glide__bullet--active {
    background-color: #E60012;
}

.circle-container {
    width: 35px;
    height: 35px;
    top: 50%;
    left: 50%;
    position: absolute;
    transform: translate(-50%, -50%);
}

.introduction-bg-2 {
    top: auto;
    bottom: 35px;
}

.introduction-title {
    position: absolute;
    bottom: 75px;
    left: 50%;
    transform: translate(-50%, 0);
    font-family: Alimama ShuHeiTi, Alimama ShuHeiTi;
    font-weight: bold;
    font-size: 32px;
    color: #FFFFFF;
    text-align: center;
    font-style: normal;
    text-transform: none;
    width: 100%;
    padding-left: 20px;
}

.introduction-title span {
    font-family: Alimama ShuHeiTi, Alimama ShuHeiTi;
    font-weight: bold;
    font-size: 32px;
    color: #E60012;
    text-align: left;
    font-style: normal;
    text-transform: none;
    background: #FFFFFF;
    border-radius: 4px 4px 4px 4px;
    width: 80px;
    height: 43px;
    padding: 2px 5px;
    margin-left: 9px;
    margin-right: 9px;
}

.introduction-2-item-title {
    font-family: Microsoft YaHei UI, Microsoft YaHei UI;
    font-weight: bold;
    font-size: 24px;
    color: #371A06;
    text-align: left;
    font-style: normal;
    text-transform: none;
}

.introduction-2 {
    left: 50%;
    transform: translate(-50%, 0);
    top: -190px;
}

.introduction-2 ul {
    display: flex;
    flex-wrap: wrap;
    padding-left: 16px;
    margin-top: 20px;
}

.introduction-2 ul li {
    width: calc(50% - 10px);
}

.introduction-2-item {
    width: 468px;
    height: 203px;
    background: url(../img/introduction_2_item_1.svg);
    background-size: cover;
    background-position: center;
    padding: 23px 27px;
}

/* .commerce-2 h1 {
    padding-top: 52px;
} */

.introduction-2-item.item-2 {
    background: url(../img/introduction_2_item_2.svg);
}

.introduction-2-item.item-3 {
    background: url(../img/introduction_2_item_3.svg);
}

.introduction-2-item.item-4 {
    background: url(../img/introduction_2_item_4.svg);
}

.introduction-2-item.item-2 ul li {
    width: 100%;
}

.introduction-2-item.item-3 ul li {
    width: 100%;
}

.introduction-2-item.item-4 ul li {
    width: 100%;
}

.superiority-item {
    width: 668px;
    height: 256px;
    background: linear-gradient(90deg, #FFFFFF 0%, #FFF4ED 100%);
    border-radius: 10px 10px 10px 10px;
    border: 2px solid #FFFFFF;
    margin-bottom: 25px;
    padding: 44px;
    position: relative;
    z-index: 0;
    overflow: visible;
}

.superiority-item::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    border: 2px solid #FFFFFF;
    height: 100%;
    border-radius: 10px 10px 10px 10px;
    box-shadow: 0px 5px 19px 0px rgba(0, 0, 0, 0.08);
    z-index: -1;
}

.superiority-2 ul li {
    font-family: Microsoft YaHei UI, Microsoft YaHei UI;
    font-weight: 400;
    font-size: 20px;
    color: #4B4A4A;
    line-height: 1.8;
    text-align: left;
    font-style: normal;
    text-transform: none;
    height: auto;
    border: 0;
    display: flex;
    align-items: start;
}

.superiority-2 ul li img {
    margin-top: 12px;
}

.superiority-2 .superiority-item p {
    font-family: Microsoft YaHei UI, Microsoft YaHei UI;
    font-weight: bold;
    font-size: 28px;
    color: #333333;
    text-align: left;
    font-style: normal;
    text-transform: none;
    margin-bottom: 32px;
}

.superiority-3 h1 {
    font-family: Microsoft YaHei UI, Microsoft YaHei UI;
    font-weight: bold;
    font-size: 32px;
    color: #272828;
    text-align: center;
    font-style: normal;
    text-transform: none;
    padding-top: 52px;
}

.superiority-3-item {
    width: 437px;
    height: 340px;
    position: relative;
    border-radius: 10px 10px 10px 10px;
    border: 2px solid #FFFFFF;
    z-index: 0;
    overflow: visible;
    padding: 1px;
}

.superiority-3-item::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    border: 2px solid #FFFFFF;
    height: 100%;
    border-radius: 10px 10px 10px 10px;
    box-shadow: 0px 5px 19px 0px rgba(0, 0, 0, 0.08);
    z-index: -1;
}

.superiority-3-item img {
    border-radius: 10px 10px 0 0;
}

.superiority-3-title {
    font-family: Microsoft YaHei UI, Microsoft YaHei UI;
    font-weight: bold;
    font-size: 28px;
    color: #333333;
    text-align: left;
    font-style: normal;
    text-transform: none;
    margin-left: 27px;
    margin-top: 23px;
}

.superiority-3-desc {
    font-family: Microsoft YaHei UI, Microsoft YaHei UI;
    font-weight: 400;
    font-size: 22px;
    color: #4B4A4A;
    line-height: 14px;
    text-align: left;
    font-style: normal;
    text-transform: none;
    display: flex;
    margin-left: 27px;
    margin-top: 18px;
}

.commerce-3-title {
    font-family: Microsoft YaHei UI, Microsoft YaHei UI;
    font-weight: bold;
    font-size: 26px;
    color: #190E07;
    text-align: center;
    font-style: normal;
    text-transform: none;
    color: #E4291C;
}

.commerce-3-card-1 {
    width: 442px;
    height: 442px;
    margin-top: 19px;
    background: linear-gradient(360deg, #FFFFFF 0%, rgba(255, 241, 232, 0.5) 100%);
    border-radius: 15px 15px 15px 15px;
    border: 1px dashed rgba(0, 0, 0, 0.1);
}

.commerce-3-card-1 div {
    width: 426px;
    border-radius: 8px 8px 8px 8px;
    height: 203px;
    position: relative;
    z-index: 0;
    margin-left: auto;
    margin-right: auto;
    padding: 24px 27px;
    background: linear-gradient(180deg, #FFF3EB 0%, rgba(255, 255, 255, 0) 100%), #FFFFFF;
}

.commerce-3-card-1 div::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: calc(100% - 2px);
    height: 100%;
    border-radius: 8px 8px 0 0;
    border-top: 2px solid #FF6900;
    background: transparent;
    z-index: 1;
    pointer-events: none;
}

.commerce-3-card-1 div p {
    font-family: Microsoft YaHei UI, Microsoft YaHei UI;
    font-weight: bold;
    font-size: 22px;
    color: #371A06;
    text-align: left;
    font-style: normal;
    text-transform: none;
}

.commerce-3-card-1 div ul {
    margin-top: 21px;
    font-family: Microsoft YaHei UI, Microsoft YaHei UI;
    font-weight: 400;
    font-size: 18px;
    color: #3F3D3D;
    text-align: left;
    font-style: normal;
    text-transform: none;
    margin-left: 15px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.commerce-3-card-1 div ul li {
    position: relative;
    line-height: 1.8;
}

.commerce-3-card-1 div ul li::before {
    content: "·";
    color: #E60012;
    font-size: 22px;
    position: absolute;
    top: 50%;
    left: -15px;
    transform: translateY(-50%);
}

.commerce-3-card-2 {
    width: 442px;
    height: 442px;
    background: linear-gradient(360deg, #FFFFFF 0%, #FFF2F3 100%);
    border-radius: 15px 15px 15px 15px;
    border: 1px dashed rgba(0, 0, 0, 0.1);
    margin-top: 19px;
    position: relative;
}


.commerce-3-card-2 .commerce-3-card-bg {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.commerce-3-card-2 .commerce-3-card-img {
    top: 53%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.commerce-3-card-2 p {
    font-family: Microsoft YaHei UI, Microsoft YaHei UI;
    font-weight: bold;
    font-size: 21px;
    color: #434242;
    text-align: left;
    font-style: normal;
    text-transform: none;
}

.commerce-3-card-p1 {
    position: absolute;
    top: 112px;
    left: 50%;
    transform: translate(-50%, -50%);
}

.commerce-3-card-p2 {
    position: absolute;
    top: 285px;
    left: 50px;
}

.commerce-3-card-p3 {
    position: absolute;
    top: 285px;
    right: 45px;
}

.commerce-3-card-3 {
    width: 442px;
    height: 442px;
    background: linear-gradient(360deg, #FFFFFF 0%, rgba(230, 244, 255, 0.5) 100%);
    border-radius: 15px 15px 15px 15px;
    border: 1px dashed rgba(0, 0, 0, 0.1);
    margin-top: 19px;
}

.commerce-3-card-3 ul {
    margin-top: 50px;
    position: relative;
}

.commerce-3-card-3 ul::before {
    content: '';
    position: absolute;
    border-left: #96A1AB 1px dashed;
    top: 25px;
    left: 46px;
    height: calc(100% - 50px);
}

.commerce-3-card-3 ul li {
    width: 329px;
    height: 50px;
    background: rgba(255, 255, 255, 0.8);
    border-radius: 4px 4px 4px 4px;
    font-family: Microsoft YaHei UI, Microsoft YaHei UI;
    font-weight: bold;
    font-size: 17px;
    color: #371A06;
    text-align: left;
    font-style: normal;
    text-transform: none;
    margin-left: 74px;
    margin-bottom: 36px;
    display: flex;
    align-items: center;
    padding-left: 39px;
    position: relative;
}

.commerce-3-card-3 ul li::after {
    content: "·";
    color: #FF6900;
    font-size: 22px;
    position: absolute;
    top: 50%;
    left: 15px;
    transform: translateY(-50%);
}

.commerce-3-card-3 ul li::before {
    content: "";
    width: 15px;
    height: 15px;
    position: absolute;
    top: 50%;
    left: -34px;
    transform: translateY(-50%);
    border-radius: 50%;
    background: white;
    border: 3px solid #0C85F4;
}

.data-list .data-itme h1 {
    font-family: Microsoft YaHei UI, Microsoft YaHei UI;
    font-weight: bold;
    font-size: 22px;
    color: #333333;
    text-align: center;
    font-style: normal;
    text-transform: none;
    margin-right: 15px;
}

.data-list .data-itme h1::before {
    content: "";
    height: 100%;
    width: 1px;
    border-right: #E60012 5px solid;
    margin-right: 18px;
}

.data-list .data-itme h2 {
    font-family: Microsoft YaHei UI, Microsoft YaHei UI;
    font-weight: bold;
    font-size: 22px;
    color: #191919;
    text-align: center;
    font-style: normal;
    text-transform: none;
    margin-right: 15px;
}

.data-list .data-itme h2::before {
    content: "";
    height: 100%;
    width: 1px;
    /*border-right: #E60012 5px solid;*/
    /*margin-right: 18px;*/
}

.data-list .data-itme span {
    background: rgba(230, 0, 18, 0.05);
    border-radius: 2px 2px 2px 2px;
    font-family: Microsoft YaHei UI, Microsoft YaHei UI;
    font-weight: 400;
    font-size: 12px;
    color: #E60012;
    text-align: center;
    font-style: normal;
    text-transform: none;
    padding: 3px 8px;
}

.data-list .data-itme ul {
    font-family: Microsoft YaHei UI, Microsoft YaHei UI;
    font-weight: 400;
    font-size: 20px;
    color: #4E4C4C;
    text-align: center;
    font-style: normal;
    text-transform: none;
    margin-top: 19px;
}

.data-itme ul li a {
    transition: all 0.3s ease-in-out;
}

.data-itme ul li a:hover {
    color: #E60012;
    transform: scale(1.01);
}

.product_list{
    padding: 22px;
    background: #fff;
    border-radius: 16px 16px 16px 16px;
    width: 30%;
}

.product_data{

}

.first_title{
    display: flex;
}

.first_title img{
    width: 50px;
    height: 50px !important;
}

.first_title .product_title_text_name{
    line-height: 50px;
    margin-left: 13px;
    font-size: 19px;
    font-family: Arial, Arial;
    font-weight: bold;
    color: #191919;
    font-style: normal;
    text-transform: none;
}

.product_title_text_desc{
    font-family: Arial, Arial;
    font-weight: 400;
    font-size: 14px;
    color: #595959;
    line-height: 20px;
    text-align: left;
    font-style: normal;
    text-transform: none;
    margin-top: 15px;
}

.third_lable{
    display: flex;
}

.third_lable .label_item{
    margin-top: 10px;
    background: rgba(199,0,11,0.1);
    border-radius: 4px 4px 4px 4px;
    padding: 4px 10px;
    margin-right: 10px;
}

.third_lable .label_item p{
    font-family: Arial, Arial;
    font-weight: 400;
    font-size: 10px;
    color: #C7000B;
    line-height: 14px;
    text-align: left;
    font-style: normal;
    text-transform: none;
}

.zz-tag{
    justify-content: space-around;
    min-width: 805px;
}

.zz-tag span {
    width: 180px;
    height: 34px;
    background: linear-gradient(90deg, #2E82FF 5%, #3BA5FD 100%);
    border-radius: 0px 0px 0px 0px;
    font-family: Microsoft YaHei UI, Microsoft YaHei UI;
    font-weight: bold;
    font-size: 15px;
    color: #FFFFFF;
    text-align: center;
    font-style: normal;
    text-transform: none;
    margin: 3px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.zz-tag  .subtitle{
    font-size: 19px;
    width: 314px;
    height: 49px;
    border-radius: 8px;
    margin: 0 10px;
}


.banner .soltion3-p1 {
    font-family: Microsoft YaHei UI, Microsoft YaHei UI;
    font-weight: bold;
    font-size: 42px;
    color: #000000;
    text-align: left;
    font-style: normal;
    text-transform: none;
    margin-right: 30px;
}

.banner .soltion3-p2 {
    font-family: Microsoft YaHei UI, Microsoft YaHei UI;
    font-weight: bold;
    font-size: 30px;
    color: #000000;
    font-style: normal;
    text-transform: none;
    position: relative;
    padding-left: 22px;
    padding-top: 11px;
    padding-bottom: 11px;
    z-index: 0;
}

.banner .soltion3-p2::before {
    content: "";
    width: 240px;
    height: 100%;
    left: 0px;
    top: 0px;
    z-index: -1;
    position: absolute;
    background: linear-gradient(90deg, #FEA335 0%, rgba(255, 255, 255, 0) 100%);
    border-radius: 17px 0px 17px 0px;
    border: 2px solid #FFFFFF;
}

.banner .soltion3-p2 span {
    color: #E60012;
    margin-left: 20px;
}

.soltion3-banner {
    background: url(../img/banner_gongshe.webp);
    background-size: cover;
    background-position: right bottom;
}

.plan-center {
    position: relative;
}

.plan-center .p1,
.plan-center .p2,
.plan-center .p3,
.plan-center .p4 {
    width: 99px;
    height: 99px;
    background: linear-gradient(180deg, #FE6205 0%, #FB2D2D 100%);
    border-radius: 50%;
    font-family: Microsoft YaHei UI, Microsoft YaHei UI;
    font-weight: bold;
    font-size: 24px;
    color: #FFFFFF;
    text-align: center;
    font-style: normal;
    text-transform: none;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 12px;
    position: absolute;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
}

.plan-center .plan-2 {
    background: #E60012;
}

.plan-center .p1 {
    top: 10px;
    left: 10px;
}

.plan-center .p2 {
    top: 10px;
    right: 10px;
}

.plan-center .p3 {
    bottom: 10px;
    left: 10px;
}

.plan-center .p4 {
    bottom: 10px;
    right: 10px;
}

.plan-center .p1v,
.plan-center .p2v,
.plan-center .p3v,
.plan-center .p4v {
    position: absolute;
}

.plan-center .p1v {
    top: 55px;
    left: -40px;
}

.plan-center .p2v {
    top: 55px;
    right: -40px;
    transform: rotate(180deg);
}

.plan-center .p3v {
    bottom: 55px;
    left: -40px;
}

.plan-center .p4v {
    bottom: 55px;
    right: -40px;
    transform: rotate(180deg);
}

.plan-center .vector {
    position: absolute;
    top: 48%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.plan-center .vector-text {
    font-family: Microsoft YaHei UI, Microsoft YaHei UI;
    font-weight: bold;
    font-size: 26px;
    color: #FFFFFF;
    text-align: center;
    font-style: normal;
    text-transform: none;
}

.plan-center .desc-card {
    width: 450px;
    min-height: 80px;
    height: auto;
    background: linear-gradient(180deg, #FFF3EB 0%, rgba(255, 255, 255, 0) 100%), #FFFFFF;
    border-radius: 8px 8px 8px 8px;
    font-family: Microsoft YaHei UI, Microsoft YaHei UI;
    font-weight: 400;
    font-size: 18px;
    color: #3F3D3D;
    text-align: center;
    font-style: normal;
    text-transform: none;
    position: absolute;
    padding: 32px 9px;
    margin: auto;
}

.plan-center .desc-card::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: calc(100% - 2px);
    height: 100%;
    border-radius: 8px 8px 0 0;
    border-top: 1px solid #FF6900;
    background: transparent;
    z-index: 1;
    pointer-events: none;
}


.plan-center .card-1 {
    left: -510px;
    top: 60px;
    transform: translate(0%, -50%);
}

.plan-center .card-2 {
    right: -510px;
    top: 60px;
    transform: translate(0%, -50%);
}

.plan-center .card-3 {
    left: -510px;
    bottom: 60px;
    transform: translate(0%, 50%);
}

.plan-center .card-4 {
    right: -510px;
    bottom: 60px;
    transform: translate(0%, 50%);
}

.introduction-bg .button-list {
    position: absolute;
    bottom: -50px;
    left: 50%;
    transform: translate(-50%, 0);
    width: 260px;
    height: 46px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-family: Microsoft YaHei UI, Microsoft YaHei UI;
    font-weight: 400;
    font-size: 14px;
    color: #000000;
    line-height: 16px;
    text-align: center;
    font-style: normal;
    text-transform: none;
    position: relative;
}

.introduction-bg .button-list::before {
    content: '';
    position: absolute;
    width: 70%;
    height: 1px;
    left: 15%;
    top: 24%;
    transform: translateY(-50%);
    border-top: rgba(234, 62, 76, 0.3) 1px solid;
}

.introduction-bg .button-list button {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.dot {
    width: 21px;
    height: 21px;
    border-radius: 50%;
    border: 1px solid #E60012;
    margin-bottom: 9px;
}

.active-dot {
    position: absolute;
    top: 0;
    left: 18px;
    width: 21px;
    height: 21px;
    background: #E60012;
    border-radius: 50%;
    transition: transform 0.3s ease;
    z-index: 1;
}

.active-dot::after {
    content: '';
    position: absolute;
    width: 30%;
    height: 30%;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    border-radius: 50%;
    background: #FFFFFF;
}

.dot.active {
    background: #E60012;
}

.plan-center .desc-card.plan-2 {
    width: 422px;
    height: 214px;
    background: linear-gradient(180deg, rgba(230, 0, 18, 0.2) 0%, rgba(255, 255, 255, 0) 100%), #FFFFFF;
    border-radius: 8px 8px 8px 8px;
    font-family: Microsoft YaHei UI, Microsoft YaHei UI;
    font-weight: 400;
    font-size: 21px;
    color: #3F3D3D;
    text-align: left;
    font-style: normal;
    text-transform: none;
    position: absolute;
    padding: 32px 18px;
    margin: auto;

}

.plan-center .card-1.plan-2 {
    left: -500px;
    top: 60px;
    transform: translate(0%, -50%);
}

.plan-center .card-2.plan-2 {
    right: -500px;
    top: 60px;
    transform: translate(0%, -50%);
}

.plan-center .card-3.plan-2 {
    left: -500px;
    bottom: 50px;
    transform: translate(0%, 50%);
}

.plan-center .card-4.plan-2 {
    right: -500px;
    bottom: 50px;
    transform: translate(0%, 50%);
}

.plan-center .zhu {
    position: absolute;
    right: 10px;
    bottom: 19px;
    font-family: Microsoft YaHei UI, Microsoft YaHei UI;
    font-weight: 400;
    font-size: 12px;
    color: #666666;
    line-height: 26px;
    text-align: left;
    font-style: normal;
    text-transform: none;
}

.plan-center .zhu::before {
    content: '';
    position: absolute;
    width: 15px;
    height: 0.5px;
    left: -18px;
    top: 50%;
    transform: translateY(-50%);
    background: #888888;
}

.solution-implement {
    width: 100%;
    background: url(../img/implement_bg.svg);
    background-size: cover;
    background-position: center;
    /* height: 718px; */
    padding-bottom: 40px;
}

.solution-implement .implement-button {
    width: 178px;
    height: 56px;
    background: #EDEDED;
    border-radius: 89px 89px 89px 89px;
    font-family: Microsoft YaHei UI, Microsoft YaHei UI;
    font-weight: bold;
    font-size: 20px;
    color: #302E2E;
    font-style: normal;
    text-transform: none;
}

.solution-implement .implement-button.active {
    background: #E60012;
    color: #FFFFFF;
}

.implement-mode {
    font-family: Microsoft YaHei UI, Microsoft YaHei UI;
    font-weight: 400;
    font-size: 16px;
    color: #000000;
    text-align: left;
    font-style: normal;
    text-transform: none;
    position: relative;
    padding-bottom: 200px;
}

.implement-mode p {
    position: absolute;
}

.implement-mode .title-text {
    font-family: Microsoft YaHei UI, Microsoft YaHei UI;
    font-weight: bold;
    font-size: 20px;
    color: #000000;
    text-align: center;
    font-style: normal;
    text-transform: none;
    position: absolute;
}

.implement-mode .p1 {
    top: -10px;
    left: 50%;
    transform: translateX(-50%);
}

.implement-mode.mode1 .p2 {
    top: 70px;
    left: 300px;
    transform: translateX(-50%);
}

.implement-mode.mode1 .p3 {
    top: 130px;
    left: 300px;
    transform: translateX(-50%);
}

.implement-mode.mode1 .p4 {
    top: 180px;
    left: 300px;
    transform: translateX(-50%);
}

.implement-mode.mode1 .p5 {
    top: 70px;
    right: 300px;
    transform: translateX(50%);
}

.implement-mode.mode1 .p6 {
    top: 130px;
    right: 300px;
    transform: translateX(50%);
}

.implement-mode.mode1 .p7 {
    top: 180px;
    right: 300px;
    transform: translateX(50%);
}

.implement-mode.mode1 .t1 {
    bottom: 115px;
    left: 80px;
    transform: translate(-50%, 50%);
}

.implement-mode.mode1 .t2 {
    bottom: 115px;
    left: 510px;
    transform: translate(-50%, 50%);
}

.implement-mode.mode1 .t3 {
    bottom: 115px;
    right: 80px;
    transform: translate(50%, 50%);
}

.implement-mode .span-list {
    width: 550px;
    position: absolute;
    bottom: 10px;
    left: 50%;
    transform: translateX(-50%);
}

.implement-mode .span-list span {
    width: 66px;
    height: 26px;
    text-align: center;
    position: relative;
    border-top: #000 2px solid;
    padding-top: 8px;
}


.implement-mode .span-list .sp1 {
    border-color: #FF6900;
}

.implement-mode .span-list .sp2 {
    border-color: #3D3D3D;
}

.implement-mode .span-list .sp3 {
    border-color: #E60012;
}

.implement-mode .span-list .sp4 {
    border-color: #39A0FF;
}

.implement-mode.mode2 .p2 {
    top: 85px;
    left: 280px;
    transform: translateX(-50%);
}

.implement-mode.mode2 .p3 {
    top: 145px;
    left: 280px;
    transform: translateX(-50%);
}

.implement-mode.mode2 .p4 {
    top: 195px;
    left: 280px;
    transform: translateX(-50%);
}

.implement-mode.mode2 .p5 {
    top: 85px;
    left: 682px;
    transform: translateX(-50%);
}

.implement-mode.mode2 .p6 {
    top: 145px;
    left: 682px;
    transform: translateX(-50%);
}

.implement-mode.mode2 .p7 {
    top: 195px;
    left: 682px;
    transform: translateX(-50%);
}

.implement-mode.mode2 .p8 {
    top: 85px;
    left: 1090px;
    transform: translateX(-50%);
}

.implement-mode.mode2 .p9 {
    top: 145px;
    left: 1090px;
    transform: translateX(-50%);
}

.implement-mode.mode2 .p10 {
    top: 195px;
    left: 1090px;
    transform: translateX(-50%);
}

.implement-mode.mode2 .t1 {
    bottom: 110px;
    left: 80px;
    transform: translate(-50%, 50%);
}

.implement-mode.mode2 .t2 {
    bottom: 110px;
    left: 485px;
    transform: translate(-50%, 50%);
}

.implement-mode.mode2 .t3 {
    bottom: 110px;
    left: 890px;
    transform: translate(-50%, 50%);
}

.implement-mode.mode2 .t4 {
    bottom: 110px;
    right: 80px;
    transform: translate(50%, 50%);
}

.plan-card {
    font-family: Microsoft YaHei UI, Microsoft YaHei UI;
    font-weight: 400;
    font-size: 19px;
    color: #3F3D3D;
    text-align: left;
    font-style: normal;
    text-transform: none;
    width: 688px;
    height: 342px;
    margin-top: 62px;
    font-family: Microsoft YaHei UI, Microsoft YaHei UI;
    font-weight: 400;
    font-size: 18px;
    color: #3F3D3D;
    text-align: left;
    font-style: normal;
    text-transform: none;
}

.plan-card.card1 {
    background: url(../img/plan_2_1.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    margin-top: 40px;
}

.plan-card.card2 {
    background: url(../img/plan_2_2.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    margin-top: 40px;
}

/* .commerce-4-2 h1 {
    padding-top: 50px;
} */

.plan-card .plan-title {
    font-family: Microsoft YaHei UI, Microsoft YaHei UI;
    font-weight: bold;
    font-size: 26px;
    color: #FFFFFF;
    text-align: left;
    font-style: normal;
    text-transform: none;
    margin-left: 30px;
    margin-top: 5px;
}

.plan-card ul {
    margin-top: 50px;
    margin-left: 42px;
    margin-right: 37px;
}

.plan-card ul li {
    margin-bottom: 26px;
    position: relative;
}

.plan-card ul li::before {
    content: "·";
    color: #FF6900;
    font-size: 30px;
    position: absolute;
    top: 12px;
    left: -15px;
    transform: translateY(-50%);
}

.implement-commerce-4-2 {
    /* height: 663px; */
    font-family: Microsoft YaHei UI, Microsoft YaHei UI;
    font-weight: bold;
    font-size: 32px;
    color: #272828;
    text-align: center;
    font-style: normal;
    text-transform: none;
}

.implement-commerce-4-2 h1 {
    padding-top: 45px;
}

.implement-commerce-4-2 li {
    font-family: Microsoft YaHei UI, Microsoft YaHei UI;
    font-weight: 400;
    font-size: 16px;
    width: 176px;
    color: #414141;
    text-align: left;
    font-style: normal;
    text-transform: none;
    line-height: 1;
    height: auto;
    border: 0;
    margin-bottom: 10px;
    position: relative;
}

.implement-commerce-4-2 li::before {
    content: "·";
    color: #FF6900;
    font-size: 30px;
    position: absolute;
    top: 50%;
    left: -15px;
    transform: translateY(-50%);
}

.implement-bottom {
    background: url(../img/implement_img_bottom.svg);
    width: 998px;
    height: 107px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    font-family: Microsoft YaHei UI, Microsoft YaHei UI;
    font-weight: bold;
    font-size: 18px;
    color: #000000;
    text-align: center;
    font-style: normal;
    text-transform: none;
}

.implement-bottom span {
    font-family: Microsoft YaHei UI, Microsoft YaHei UI;
    font-weight: bold;
    font-size: 14px;
    color: #FFFFFF;
    font-style: normal;
    text-transform: none;
}

.implement-div {
    font-family: Microsoft YaHei UI, Microsoft YaHei UI;
    font-weight: 400;
    font-size: 16px;
    color: #000000;
    text-align: left;
    font-style: normal;
    text-transform: none;
    position: relative;
}

.implement-div p {
    position: absolute;
}

.implement-div ul {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 10px;
}

.implement-div ul li {
    width: 520px;
}

.implement-div .p1 {
    width: 73px;
    text-align: center;
    left: 300px;
    top: 60px;
}

.implement-div .p2 {
    width: 73px;
    text-align: center;
    right: 300px;
    top: 60px;
}

.implement-div .p3 {
    width: 71px;
    text-align: center;
    left: 300px;
    top: 110px;
}

.implement-div .p4 {
    width: 71px;
    right: 300px;
    text-align: center;
    top: 110px;
}

.implement-div .title-text {
    font-family: Microsoft YaHei UI, Microsoft YaHei UI;
    font-weight: bold;
    font-size: 28px;
    color: #FFFFFF;
    text-align: left;
    font-style: normal;
    text-transform: none;
}

.implement-div .t1 {
    left: 40px;
    top: 90px;
}

.implement-div .t2 {
    left: 50%;
    top: 90px;
    transform: translateX(-50%);
}

.implement-div .t3 {
    right: 50px;
    top: 90px;
}

.risk-div {
    background: url(../img/risk_bg.svg);
    height: 546px;
    width: 100%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.risk-div h1 {
    padding-top: 54px;
}

.solution-commerce-4-2 {
    margin-top: 0;
}

.risk-content {
    background: url(../img/risk_card_bg.svg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.risk-div .risk-content ul {
    padding-top: 70px;
}

.risk-div .risk-content li {
    height: 84px;
    border-radius: 8px;
    align-items: center;
    justify-content: start;
    margin-bottom: 17px;
    padding-left: 22px;
}

.risk-div .risk-content li::before {
    content: "";
    width: 29px;
    height: 29px;
    background: url(../img/risk_icon.svg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    margin-right: 15px;
}

.risk-div .risk-content .li1 {
    background: #FFF0E2;
    color: #711703;
}

.risk-div .risk-content .li2 {
    background: #E7F0FF;
    color: #1E377B;
}

.risk-div .risk-content .li3 {
    background: #FFE9E1;
    color: #701702;
}

.implement-bottom-3 {
    background: url(../img/implement_img_bottom_3.svg);
    width: 760px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.implement-div-3 .t1 {
    color: #191F3C;
    left: 90px;
    top: 125px;
}

.implement-div-3 .t2 {
    left: 458px;
    top: 125px;
}

.implement-div-3 .t3,
.implement-div-3 .t4,
.implement-div-3 .t5 {
    font-family: Microsoft YaHei UI, Microsoft YaHei UI;
    font-weight: bold;
    font-size: 15px;
    color: #FFFFFF;
    text-align: center;
    width: 91px;
    font-style: normal;
    text-transform: none;
    transform: translate(-50%, -50%);
}

.implement-div-3 .t3 {
    left: 750px;
    top: 45px;
}

.implement-div-3 .t4 {
    left: 750px;
    top: 145px;
}

.implement-div-3 .t5 {
    left: 750px;
    top: 245px;
}

.implement-div-3 .t6 {
    left: 550px;
    top: 300px;
}

.implement-div-3 .title-text-2 {
    font-family: Microsoft YaHei UI, Microsoft YaHei UI;
    font-weight: bold;
    font-size: 16px;
    color: #151515;
    text-align: left;
    font-style: normal;
    text-transform: none;
}

.implement-div-3 .p1 {
    left: 305px;
    top: 105px;
    transform: translate(-50%, -50%);
}

.implement-div-3 .p2 {
    left: 310px;
    top: 155px;
    width: 120px;
    transform: translate(-50%, -50%);
}

.implement-div-3 .p3 {
    left: 610px;
    top: 30px;
    transform: translate(-50%, -50%);
}

.implement-div-3 .p4 {
    left: 610px;
    top: 130px;
    transform: translate(-50%, -50%);
}

.implement-div-3 .p5 {
    left: 610px;
    top: 230px;
    transform: translate(-50%, -50%);
}

.implement-div-3 .p6 {
    left: 880px;
    top: 30px;
    transform: translate(-50%, -50%);
}

.implement-div-3 .p7 {
    left: 880px;
    top: 130px;
    transform: translate(-50%, -50%);
}

.implement-div-3 .p8 {
    left: 880px;
    top: 230px;
    transform: translate(-50%, -50%);
}

.implement-div-3 .title-text-div {
    position: absolute;
    transform: translate(-50%, -50%);
    right: 6px;
    top: 40%;
}

.plan-card-3.card1 {
    background: url(../img/plan_3_1.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    width: 611px;
    height: 342px;
}

.plan-card-3.card2 {
    background: url(../img/plan_3_2.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    width: 611px;
    height: 342px;
}

.plan-card-3 .plan-title {
    font-family: Microsoft YaHei UI, Microsoft YaHei UI;
    font-weight: bold;
    font-size: 26px;
    color: #FFFFFF;
    text-align: left;
    font-style: normal;
    text-transform: none;
    margin-left: 55px;
    margin-top: 17px;
}

.solution-data-1 {
    background: url(../img/solution_data_1_bg.svg);
    background-size: cover;
    background-position: right bottom;
}

.solution-data-1 h1 {
    padding-top: 40px;
}

.solution-data h1 {
    font-family: Microsoft YaHei UI, Microsoft YaHei UI;
    font-weight: bold;
    font-size: 32px;
    color: #272828;
    text-align: center;
    font-style: normal;
    text-transform: none;
}

.solution-data-1 button {
    height: 54px;
    box-shadow: -1px 3px 7px 0px rgba(153, 41, 41, 0.1), -3px 13px 13px 0px rgba(153, 41, 41, 0.09), -8px 28px 18px 0px rgba(153, 41, 41, 0.05), -14px 50px 21px 0px rgba(153, 41, 41, 0.01), -21px 79px 23px 0px rgba(153, 41, 41, 0);
    border-radius: 10px 10px 10px 10px;
    font-family: Microsoft YaHei UI, Microsoft YaHei UI;
    font-weight: bold;
    font-size: 20px;
    color: #FFFFFF;
    text-align: center;
    font-style: normal;
    text-transform: none;
    margin-left: auto;
    margin-right: auto;
    display: block;
}

.solution-data .sub-title {
    font-family: Microsoft YaHei UI, Microsoft YaHei UI;
    font-weight: 400;
    font-size: 18px;
    color: #495661;
    font-style: normal;
    text-align: center;
    text-transform: none;
    margin-top: 10px;
}

.solution-data .sub-title-3 {
    font-family: Microsoft YaHei UI, Microsoft YaHei UI;
    font-weight: bold;
    font-size: 23px;
    color: #303030;
    text-align: left;
    font-style: normal;
    text-transform: none;
}

.director {
    width: 23px;
    height: 23px;
    background: rgba(230, 0, 45, 0.1);
    border-radius: 50%;
    position: absolute;
    transform: translate(-50%, 50%);
}

.director::after {
    content: "";
    width: 7px;
    height: 7px;
    background: #E6002D;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.map-data-item {
    border-radius: 0px 0px 0px 0px;
    position: absolute;
    border-left: #597084 1px dashed;
    border-top: #597084 1px dashed;
}

.map-data-item.item-2 {
    border-radius: 0px 0px 0px 0px;
    position: absolute;
    border-left: #597084 1px dashed;
    border-bottom: #597084 1px dashed;
    border-top: none;
}

.map-data-item.item-3 {
    border-radius: 0px 0px 0px 0px;
    position: absolute;
    border-left: none;
    border-bottom: #597084 1px dashed;
    border-top: none;
    border-right: #597084 1px dashed;
}

.map-data-item.item-4 {
    border-radius: 0px 0px 0px 0px;
    position: absolute;
    border-right: #597084 1px dashed;
    border-top: #597084 1px dashed;
    border-bottom: none;
    border-left: none;
}

.map-data-item::after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-left: 9px solid #333;
    position: absolute;
    right: -12px;
    top: 0;
    transform: translateY(-50%);
}

.map-data-item.item-2::after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-left: 9px solid #333;
    position: absolute;
    right: -12px;
    top: 255px;
    transform: translateY(50%);
}

.map-data-item.item-3::after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-right: 9px solid #333;
    border-left: none;
    position: absolute;
    left: -12px;
    top: 138px;
    transform: translateY(50%);
}

.map-data-item.item-4::after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-right: 9px solid #333;
    border-left: none;
    position: absolute;
    left: -12px;
    top: 0px;
    transform: translateY(-50%);
}

.map-data-item-card {
    position: absolute;
    border-radius: 6px;
    overflow: hidden;
    z-index: 1;
    padding: 33px 25px;
    font-family: Microsoft YaHei UI, Microsoft YaHei UI;
    font-weight: 400;
    font-size: 13px;
    color: #848A90;
    line-height: 22px;
    text-align: left;
    font-style: normal;
    background: white;
    z-index: 1;
    text-transform: none;
    box-shadow: 0px 9px 20px 0px rgba(0, 0, 0, 0.05), 0px 2px 37px 0px rgba(0, 0, 0, 0.02), 0px 148px 59px 0px rgba(0, 0, 0, 0.01), 0px 231px 65px 0px rgba(0, 0, 0, 0);
}

.map-data-item-card::before {
    content: "";
    position: absolute;
    inset: 0;
    padding: 2px;
    background: linear-gradient(180deg, rgba(255, 223, 200, 1), rgba(249, 100, 100, 1));
    border-radius: 8px;
    -webkit-mask:
        linear-gradient(#fff 0 0) content-box,
        linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
    z-index: 0;
}

.map-data-item-card::after {
    content: '';
    position: absolute;
    height: 32px;
    width: 100%;
    border-radius: 8px;
    left: 0;
    top: 0;
    z-index: -1;
    background: linear-gradient(180deg, #FFF2EA 0%, rgba(255, 255, 255, 0) 100%);
}

/* Firefox 兼容备用方案 */
@supports not (-webkit-mask-composite: xor) {
    .map-data-item-card::before {
        mask: none;
        -webkit-mask: none;
        background: none;
        border: 2px solid transparent;
        border-image: linear-gradient(180deg, rgba(255, 223, 200, 1), rgba(249, 100, 100, 1)) 1;
    }
}

.title-left_line {
    font-family: Microsoft YaHei UI, Microsoft YaHei UI;
    font-weight: bold;
    font-size: 24px;
    color: #191919;
    text-align: left;
    font-style: normal;
    text-transform: none;
}

.title-left_line::before {
    content: "";
    border-right: #E60012 3px solid;
    margin-right: 11px;
}

.card-container {
    position: relative;
    margin-right: 42px;
}

.card-container::before {
    content: "";
    position: absolute;
    width: 50%;
    height: 60%;
    top: -3px;
    left: 50%;
    transform: translateX(-50%);
    background: #E60012;
    border-radius: 10px;
}

.platform-card {
    position: relative;
    background: #ffffffcc;
    -webkit-backdrop-filter: blur(70px);
    backdrop-filter: blur(70px);
    border-radius: 4px;
    overflow: hidden;
    z-index: 1;
    border: 2px solid #FFFFFF;
    width: 289px;
    height: 217px;
    box-shadow: 0px 7px 15px 0px rgba(213, 195, 195, 0.1),
        0px 63px 38px 0px rgba(213, 195, 195, 0.05),
        0px 112px 45px 0px rgba(213, 195, 195, 0.01),
        0px 175px 49px 0px rgba(213, 195, 195, 0);
    border-radius: 4px 4px 4px 4px;
}

.platform-card .title {
    font-family: Microsoft YaHei UI, Microsoft YaHei UI;
    font-weight: bold;
    font-size: 20px;
    color: #000000;
    line-height: 15px;
    text-align: left;
    font-style: normal;
    text-transform: none;
}

.platform-card .desc {
    font-family: Microsoft YaHei UI, Microsoft YaHei UI;
    font-weight: 400;
    font-size: 14px;
    color: #747373;
    line-height: 20px;
    text-align: center;
    font-style: normal;
    width: 140px;
    text-transform: none;
}

.solution-data3-card {
    background: url(../img/solution_data3_card.svg);
    background-size: cover;
    background-repeat: no-repeat;
}

.number-title {
    font-family: Microsoft YaHei UI, Microsoft YaHei UI;
    font-weight: bold;
    font-size: 80px;
    text-align: left;
    font-style: normal;
    text-transform: none;
    background: linear-gradient(89.99999999999993deg, rgba(255, 206, 210, 0.6) 0%, rgba(255, 255, 255, 0) 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -moz-background-clip: text;
    width: 300px;
    height: 102px;
    color: transparent;
    margin-left: 40px;
}

.number-title p {
    font-family: Microsoft YaHei UI, Microsoft YaHei UI;
    font-weight: bold;
    font-size: 28px;
    color: #E60012;
    line-height: 27px;
    text-align: left;
    font-style: normal;
    text-transform: none;
}

.number-title .desc {
    font-family: Microsoft YaHei UI, Microsoft YaHei UI;
    font-weight: 400;
    font-size: 18px;
    color: #141414;
    line-height: 28px;
    text-align: left;
    font-style: normal;
    text-transform: none;
    width: 737px;
    height: 56px;
}

.measure-card {
    width: 577px;
    height: 453px;
    background: linear-gradient(180deg, #FFFFFF 0%, #FBFDFF 100%);
    border-radius: 10px 10px 10px 10px;
    margin: 9px;
    padding-left: 38px;
    padding-right: 38px;
}

.measure-card .title {
    font-family: Microsoft YaHei UI, Microsoft YaHei UI;
    font-weight: bold;
    font-size: 18px;
    color: #000000;
    text-align: left;
    font-style: normal;
    text-transform: none;
    width: 100%;
    margin-top: 28px;
    padding-bottom: 19px;
    border-bottom: #000000 1px solid;
}

.measure-card .card-l {
    width: 122px;
    font-family: Microsoft YaHei UI, Microsoft YaHei UI;
    font-weight: 300;
    font-size: 12px;
    color: #808080;
    text-align: left;
    font-style: normal;
    text-transform: none;
}

.card-desc {
    font-family: Microsoft YaHei UI, Microsoft YaHei UI;
    font-weight: 400;
    font-size: 12px;
    color: #191919;
    text-align: left;
    font-style: normal;
    text-transform: none;
    border-bottom: 1px solid #E5E5E5;
}

.comparison-title {
    font-family: Microsoft YaHei UI, Microsoft YaHei UI;
    font-weight: 400;
    font-size: 22px;
    color: #57585D;
    line-height: 22px;
    text-align: left;
    font-style: normal;
    text-transform: none;
    margin-left: 40px;
    margin-top: 21px;
}

.comparison-title-2 {
    font-family: Microsoft YaHei UI, Microsoft YaHei UI;
    font-weight: 300;
    font-size: 20px;
    color: #57585D;
    line-height: 22px;
    text-align: center;
    font-style: normal;
    text-transform: none;
    margin-top: 50px;
}

.comparison-title-2 span {
    color: #E60012;
    border-bottom: #E60012 1px solid;
    font-weight: bold;
}

.comparison-h {
    width: 373px;
    height: 79px;
    background: rgba(255, 255, 255, 0.9);
    box-shadow: 0px 10px 23px 0px #DDE0ED, 0px 41px 41px 0px rgba(221, 224, 237, 0.02), 0px 92px 55px 0px rgba(221, 224, 237, 0.02), 0px 164px 66px 0px rgba(221, 224, 237, 0.01), 0px 256px 72px 0px rgba(221, 224, 237, 0.1);
    border-radius: 10px 10px 10px 10px;
    border: 2px solid #F2F4FF;
    font-family: Microsoft YaHei UI, Microsoft YaHei UI;
    font-weight: bold;
    font-size: 24px;
    color: #000E44;
    line-height: 16px;
    font-style: normal;
    text-transform: none;
    display: flex;
    justify-content: center;
    align-items: center;
}

.comparison-card ul {
    font-family: Microsoft YaHei UI, Microsoft YaHei UI;
    font-weight: 400;
    font-size: 14px;
    color: #474747;
    line-height: 18px;
    text-align: left;
    font-style: normal;
    text-transform: none;
    margin-top: 42px;
    margin-left: 10px;
}

.comparison-card li {
    margin-bottom: 20px;
    position: relative;
    padding-left: 10px;
}

.comparison-card li::before {
    content: "\2022";
    color: #FF6900;
    position: absolute;
    left: -5px;
}

.solution-path {
    font-family: Microsoft YaHei UI, Microsoft YaHei UI;
    font-weight: 400;
    font-size: 20px;
    color: #585B5E;
    text-align: left;
    font-style: normal;
    text-transform: none;
}

.round {
    display: flex;
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    font-family: Microsoft YaHei UI, Microsoft YaHei UI;
    font-weight: bold;
    font-size: 32px;
    font-style: normal;
    text-transform: none;
}

.lin-b {
    text-align: center;
    border-bottom: #F57F23 1.5px solid;
    position: relative;
}

.arrow-right::after {
    content: '';
    position: absolute;
    right: -1px;
    bottom: 0%;
    transform: translateY(55%);
    width: 0;
    height: 0;
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    border-left: 8px solid #F57F23;
}

.arrow-left::after {
    content: '';
    position: absolute;
    left: -1px;
    bottom: 0%;
    transform: translateY(55%);
    width: 0;
    height: 0;
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    border-right: 8px solid #F57F23;
}

.lin-red {
    border-color: #E60012;
}


.lin-red.arrow-1::after {
    content: '';
    position: absolute;
    top: 50%;
    transform: translateY(-45%);
    width: 0;
    height: 0;
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    border-left: 8px solid #E60012;
}

.lin-red.arrow-1::before {

}

.lin-red.arrow-2::after {
    content: '';
    position: absolute;
    top: 50%;
    transform: translateY(-45%);
    width: 0;
    height: 0;
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    border-left: 8px solid #E60012;
}

.lin-red.arrow-2::before {

}

.lin-red.arrow-3::after {
    content: '';
    position: absolute;
    top: 50%;
    transform: translateY(-45%);
    width: 0;
    height: 0;
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    border-left: 8px solid #E60012;
}

.lin-red.arrow-3::before {
    content: '';
    position: absolute;
    top: 50%;
    transform: translateY(-45%);
    width: 0;
    height: 0;
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    border-right: 8px solid #E60012;
}

.vertical-text {
    writing-mode: vertical-rl;
    text-orientation: upright;
    font-size: 24px;
    line-height: 1.2;
    height: 180px;
    letter-spacing: 2px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.lin-red::before {
    left: -1px;
}

.lin-red::after {
    right: -1px;
}

.arrow-top::after {
    content: '';
    position: absolute;
    top: -10px;
    /* 箭头位置调整，放在上面 */
    left: 0;
    transform: translateX(-50%);
    /* 让箭头水平居中 */
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 8px solid #d4d7e3;
    /* 生成向上的箭头 */
}

.arrow-top-2::after {
    content: '';
    position: absolute;
    top: -10px;
    /* 箭头位置调整，放在上面 */
    right: 0;
    transform: translateX(50%);
    /* 让箭头水平居中 */
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 8px solid #d4d7e3;
    /* 生成向上的箭头 */
}

.path-b-card {
    background: #FFFFFF;
    box-shadow: 0px 8px 18px 0px rgba(125, 125, 125, 0.1);
    border-radius: 9px 9px 9px 9px;
    border: 1px solid #FF6900;
    margin: auto;
    margin-top: 32px;
    font-family: Microsoft YaHei UI, Microsoft YaHei UI;
    font-weight: bold;
    font-size: 22px;
    color: #393C3E;
    line-height: 30px;
    text-align: center;
    font-style: normal;
    text-transform: none;
    padding: 28px;
}

.zzbt-tag span {
    width: 273px;
    height: 34px;
    background: linear-gradient(90deg, #2E82FF 5%, #3BA5FD 100%);
    border-radius: 0px 0px 0px 0px;
    font-family: Microsoft YaHei UI, Microsoft YaHei UI;
    font-weight: bold;
    font-size: 15px;
    color: #FFFFFF;
    text-align: center;
    font-style: normal;
    text-transform: none;
    margin: 3px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.solution-6 {
    background: url(../img/solution6_banner.webp);
    background-size: cover;
    background-position: right bottom;
}

.commerce-1 h2 {
    font-family: Microsoft YaHei UI, Microsoft YaHei UI;
    font-weight: bold;
    font-size: 20px;
    color: #FFFFFF;
    text-align: center;
    font-style: normal;
    text-transform: none;
    width: 300px;
    height: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(90deg, #2E82FF 5%, #3BA5FD 100%);
    border-radius: 0px 0px 0px 0px;
    margin-top: 10px;
}

.commerce-4 span {
    width: 81px;
    height: 36px;
    background: linear-gradient(90deg, #2E82FF 5%, #3BA5FD 100%);
    border-radius: 2px 2px 2px 2px;
    font-family: Microsoft YaHei UI, Microsoft YaHei UI;
    font-weight: bold;
    font-size: 20px;
    color: #FFFFFF;
    text-align: center;
    font-style: normal;
    text-transform: none;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 13px;
}

.commerce-6-1 {
    background: #F5FAFF;
}

/* .commerce-6-1 h1 {
    padding-top: 53px;
} */

.commerce-6-1-introduction-card {
    width: 457px;
    height: 329px;
    background: #FFFFFF;
    border-radius: 0px 0px 0px 0px;
    padding: 10px 30px;
    padding-top: 20px;
    font-family: Microsoft YaHei UI, Microsoft YaHei UI;
    font-weight: 400;
    font-size: 16px;
    color: #505157;
    line-height: 24px;
    text-align: left;
    font-style: normal;
    text-transform: none;
    margin-right: 2px;
}

.commerce-6-1-introduction-card .title-text {
    font-family: PingFang SC, PingFang SC;
    font-weight: bold;
    font-size: 26px;
    color: #181818;
    line-height: 21px;
    text-align: left;
    font-style: normal;
    text-transform: none;
}

.commerce-6-1-b.button-list button {
    width: 273px;
    height: 74px;
    background: #F9F9FA;
    border-radius: 0px 0px 0px 0px;
    border: 1px solid #DDDDDD;
    font-family: Microsoft YaHei UI, Microsoft YaHei UI;
    font-weight: 400;
    font-size: 16px;
    color: #505157;
    line-height: 21px;
    font-style: normal;
    text-transform: none;
    border-right: 0;
}

.commerce-6-1-b.button-list {
    margin: auto;
    /* margin-top: 52px; */
    border-right: 1px solid #DDDDDD;
}

.commerce-6-1-b.button-list button.active {
    background: #E60012;
    color: white;
    font-weight: bold;
    border-color: #E60012;
    position: relative;
}

.commerce-6-1-b.button-list button.active::after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #E60012;
    left: 50%;
    bottom: -10px;
    transform: translateX(-50%);
}

.commerce-6-1-b.button-list button span {
    width: 27px;
    height: 27px;
    background: #FFFFFF;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px 8px 8px 8px;
    font-family: PingFang SC, PingFang SC;
    font-weight: 800;
    font-size: 12px;
    color: #E60012;
    text-align: center;
    font-style: normal;
    text-transform: none;
    margin: 7px;
}

.next-button-r {
    background: #F6F6F6;
    width: 40px;
    height: 40px;
    border-radius: 100%;
}

button.active .next-button-r {
    background: #E60012;
}

.next-button-r img {
    filter: brightness(0) invert(0.66);
}

button.active .next-button-r img {
    filter: brightness(0) invert(1);
}

.implement h1 {
    font-family: Microsoft YaHei UI, Microsoft YaHei UI;
    font-weight: bold;
    font-size: 32px;
    color: #272828;
    text-align: center;
    font-style: normal;
    text-transform: none;
}

.implement-superiority {
    background: linear-gradient(180deg, rgba(245, 250, 255, 0.7) 0%, rgba(245, 250, 255, 0.5) 100%);
    /* padding-bottom: 54px; */
}

.superiority-6-1-card {
    width: 1369px;
    height: 290px;
    background: #EEF7FF;
    border-radius: 300px 300px 300px 300px;
    border: 1px dashed #39A0FF;
    margin: auto;
    margin-top: 37px;
    padding-left: 112px;
}

.product-6-1 {
    margin-top: 0px;
}

.implement-superiority-text-cad {
    width: 437px;
    height: 146px;
    border-radius: 0px 0px 0px 0px;
    font-family: Microsoft YaHei UI, Microsoft YaHei UI;
    font-weight: bold;
    font-size: 21px;
    color: #2F2D2D;
    line-height: 30px;
    text-align: left;
    font-style: normal;
    text-transform: none;
    padding: 41px 31px;
    padding-right: 10px;
    background: url(../img/section_6_3_bg.svg);
    background-size: cover;
    background-position: right bottom;
    border: white 2px solid;
}

.commerce-6-2 {
    background: url("../img/commerce-6-2.webp");
    background-size: cover;
    background-position: right bottom;
}

/* .commerce-6-2 h1 {
    padding-top: 53px;
} */

.ommerce-6-2-text {
    height: 550px;
    background: linear-gradient(180deg, #f2f6fdc4 0%, #ffffffc9 53%);
    box-shadow: 8px 8px 140px 0px rgba(55, 99, 170, 0.05);
    border-radius: 2px 2px 2px 2px;
    border: 3px solid #FFFFFF;
    margin: auto;
    margin-top: 40px;
    padding: 67px 54px;
    font-family: Microsoft YaHei UI, Microsoft YaHei UI;
    font-weight: 400;
    font-size: 20px;
    color: #2D2D2D;
    line-height: 32px;
    text-align: left;
    font-style: normal;
    text-transform: none;
    -webkit-backdrop-filter: blur(20px);
    backdrop-filter: blur(20px);
}

.ommerce-6-2-text p {
    margin-bottom: 24px;
    text-indent: 2em;
}

.implement-6-2-card {
    width: 531px;
    height: 257px;
    border-radius: 0px 0px 0px 0px;
    border: 1px solid #E2E2E2;
    padding: 31px;
    background: #FFFFFF;
}

.implement-6-2-card .title {
    font-family: Microsoft YaHei UI, Microsoft YaHei UI;
    font-weight: bold;
    font-size: 24px;
    color: #000000;
    text-align: left;
    font-style: normal;
    text-transform: none;
}

.implement-6-2-card .desc {
    font-family: Microsoft YaHei UI, Microsoft YaHei UI;
    font-weight: 400;
    font-size: 17px;
    color: #232B37;
    line-height: 28px;
    text-align: left;
    font-style: normal;
    text-transform: none;
    min-height: 84px;
}

.bg-gradient-1 {
    background: transparent;
}

.bg-gradient {
    z-index: -1;
}

.bg-gradient-2 {
    background: linear-gradient(180deg, #F1F7FF 0%, #F9FCFF 100%);
}

.bg-gradient-3 {
    background: linear-gradient(180deg, #DBEBFF 0%, #F2F8FF 100%);
}

.bg-gradient-4 {
    background: linear-gradient(180deg, #FFF8E4 0%, #FFFDF6 100%);
}

.bg-gradient-5 {
    background: transparent;
}

.bg-gradient-0 {
    background: #FDF8F4;
}

.bg-boxshadow {
    box-shadow: 12px 12px 10px 0px rgba(0, 0, 0, 0.05);
}

.commerce-6-3 {
    background: white;
}

/* .commerce-6-3 h1 {
    padding-top: 51px;
} */

.commerce-6-3-text {
    font-family: Microsoft YaHei UI, Microsoft YaHei UI;
    font-weight: 400;
    font-size: 22px;
    color: #2F2D2D;
    line-height: 36px;
    text-align: left;
    font-style: normal;
    text-transform: none;
    padding: 70px 54px;
    background: url(../img/section_6_3_bg.svg);
    background-size: cover;
    background-position: right bottom;
}

.commerce-6-3-text p {
    margin-bottom: 24px;
    text-indent: 2em;
}

.commerce-6-3-text span {
    font-weight: bold;
}

.implement-superiority-6-3 {
    background: linear-gradient(180deg, #F2F8FF 0%, #F5FAFF 100%);
}

.commerce-6-4 {
    background: linear-gradient(180deg, #F3F9FF 0%, #FFFFFF 100%);
}

.commerce-6-4 h2 {
    font-family: Microsoft YaHei UI, Microsoft YaHei UI;
    font-weight: bold;
    font-size: 23px;
    color: #2F2D2D;
    font-style: normal;
    text-align: center;
    text-transform: none;
    width: 1369px;
    height: 104px;
    background: #000;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 47px;
    background: url(../img/section_6_4_bg.svg);
    background-size: cover;
    background-position: right bottom;
}

.commerce-button .close {
    display: none;
}

.commerce-button .open {
    display: block;
}

.commerce-button.active {
    background: #BA0C0C;
}

.commerce-button.active .close {
    display: block;
}

.commerce-button.active .open {
    display: none;
}


.commerce-6-4-card {
    width: 287px;
    height: 408px;
    background: #F4F6F8;
    border-radius: 0px 0px 0px 0px;
    border: 2px solid #FFFFFF;
    transition: width 0.3s ease-out;
}

.commerce-6-4-card.active {
    width: 755px;
    height: 408px;
    background: #DE0202;
    border-radius: 0px 0px 0px 0px;
}

.commerce-6-4-card ul {
    max-height: 0px;
    opacity: 0;
    transition: max-height 0.5s ease, opacity 0.5s ease;
}

.commerce-6-4-card li {
    display: none;
}

.commerce-6-4-card.active ul {
    max-height: 500px;
    opacity: 1;
}

.commerce-6-4-card.active li {
    display: block;
}

.commerce-6-4-card.active .num-div {
    margin-top: -60px;
}

.commerce-6-4-card.active .num-div p {
    color: #FFFFFF;
    position: absolute;
    bottom: 50px;
    left: 10px;
    width: 500px;
}

.commerce-6-4-card.active .num-div .num {
    font-size: 220px;
    font-weight: bold;
    color: rgba(255, 255, 255, 0.15);
}

.commerce-6-4-card .long-title {
    display: none;
}

.commerce-6-4-card.active .long-title {
    display: inline;
}

.commerce-6-4-card.active .card-line {
    border-color: rgba(255, 255, 255, 0.3);
}

.value-card {
    border-top: 2px solid #DE0202;
    border-bottom: #DADADA 1px solid;
}

.tit-p.active {
    color: #1A5ED4;
    font-weight: bold;
}

.tit-p {
    font-family: Microsoft YaHei UI, Microsoft YaHei UI;
    color: rgba(0, 0, 0, 0.4);
    font-size: 22px;
    line-height: 20px;
    text-align: center;
    font-style: normal;
    text-transform: none;
    display: flex;
}

.tit-p span {
    font-family: Montserrat, Montserrat;
    font-weight: bold;
    font-size: 10px;
    color: #969696;
    line-height: 20px;
    text-align: center;
    font-style: normal;
    text-transform: none;
    margin-right: 10px;
}

.tit-p.active span {
    color: #1A5ED4;
    font-weight: bold;
}

.sub-text-list {
    font-family: Microsoft YaHei UI, Microsoft YaHei UI;
    font-size: 20px;
    color: #000000;
    line-height: 40px;
    text-align: center;
    font-style: normal;
    text-transform: none;
    width: 460px;
}

.commerce-7-1 {
    background: url(../img/commerce7_1_top.svg);
    background-size: cover;
    background-position: right bottom;
}

.commerce-7-1-introduction-card {
    background: rgba(238, 245, 255, 0.7);
    box-shadow: inset 0px 4px 0px 0px #59A1FF;
    border-radius: 4px 4px 0px 0px;
    width: 650px;
    height: 321px;
    padding: 20px;
}

.commerce-7-1-introduction-card-2 {
    background: rgba(255, 239, 238, 0.7);
    box-shadow: inset 0px 4px 0px 0px #FF5959;
    border-radius: 4px 4px 0px 0px;
    width: 650px;
    height: 321px;
    padding: 20px;
}

.commerce-7-1-introduction-card .title-p,
.commerce-7-1-introduction-card-2 .title-p {
    font-family: Microsoft YaHei UI, Microsoft YaHei UI;
    font-weight: bold;
    font-size: 28px;
    color: #000000;
    line-height: 31px;
    text-align: left;
    font-style: normal;
    text-transform: none;
    margin-left: 17px;
}

.commerce-7-1-introduction-card ul,
.commerce-7-1-introduction-card-2 ul {
    width: 610px;
    height: 182px;
    background: rgba(255, 255, 255, 0.5);
    border-radius: 0px 0px 0px 0px;
    margin-top: 18px;
    padding: 36px 34px;
    font-family: Microsoft YaHei UI, Microsoft YaHei UI;
    font-weight: 300;
    font-size: 19px;
    color: #000000;
    line-height: 1;
    text-align: left;
    font-style: normal;
    text-transform: none;
}

.commerce-7-1-introduction-card li,
.commerce-7-1-introduction-card-2 li {
    margin-bottom: 27px;
    position: relative;
}

.commerce-7-1-introduction-card li::before {
    content: "◆";
    color: #59A1FF;
    font-size: 15px;
    position: absolute;
    top: 50%;
    left: -20px;
    transform: translateY(-50%);
}

.commerce-7-1-introduction-card-2 li::before {
    content: "◆";
    color: #FF5959;
    font-size: 15px;
    position: absolute;
    top: 50%;
    left: -20px;
    transform: translateY(-50%);
}

.vs-v-text {
    text-orientation: upright;
    font-size: 20px;
    line-height: 1.2;
    width: 30px;
}

.section-title-1 {
    font-family: Microsoft YaHei, Microsoft YaHei;
    font-weight: bold;
    font-size: 24px;
    color: #FF6900;
    line-height: 27px;
    text-align: center;
    font-style: normal;
    text-transform: none;
    display: flex;
    justify-content: center;
    align-items: center;
    background: transparent;
}

.section-title-2 {
    font-family: Microsoft YaHei, Microsoft YaHei;
    font-weight: bold;
    font-size: 24px;
    color: #624AFF;
    line-height: 27px;
    text-align: center;
    font-style: normal;
    text-transform: none;
    display: flex;
    justify-content: center;
    align-items: center;
    background: transparent;
}

.table-bg-1 {
    background: linear-gradient(180deg, #FDEBDB 0%, #FFFFFF 24%);
    box-shadow: 17px 21px 45px 0px rgba(149, 165, 205, 0.12);
    border-radius: 0px 0px 0px 0px;
}

.table-bg-2 {
    background: linear-gradient(180deg, #EBE8FF 0%, #FFFFFF 42%);
    box-shadow: 17px 21px 45px 0px rgba(149, 165, 205, 0.12);
    border-radius: 0px 0px 0px 0px;
}

.section-table {
    background: #ffffff;
}

.section-table .td-1 p,
.section-table .td-2 p {
    position: relative;
}

.section-table .td-1 p::before {
    content: "◆";
    color: #FFAB2D;
    font-size: 15px;
    position: absolute;
    top: 50%;
    left: -20px;
    transform: translateY(-50%);
}

.section-table .td-2 p::before {
    content: "◆";
    color: #624AFF;
    font-size: 15px;
    position: absolute;
    top: 50%;
    left: -20px;
    transform: translateY(-50%);
}

.implement-7-1 {
    background: url(../img/solution_product.svg);
    background-size: cover;
    background-position: right bottom;
    background-repeat: no-repeat;
}

.implement-7-1-card {
    width: 668px;
    height: 180px;
    background: linear-gradient(180deg, #FFE8E8 0%, #FFFFFF 65%);
    box-shadow: 8px 8px 140px 0px rgba(55, 99, 170, 0.05);
    border-radius: 0px 0px 0px 0px;
    border: 3px solid #FFFFFF;
    padding: 40px;
    margin-bottom: 32px;
    position: relative;
    overflow: hidden;
}

.implement-7-1-card .title {
    font-family: Microsoft YaHei UI, Microsoft YaHei UI;
    font-weight: bold;
    font-size: 26px;
    color: #191919;
    text-align: left;
    font-style: normal;
    text-transform: none;
}

.implement-7-1-card .desc {
    font-family: Microsoft YaHei UI, Microsoft YaHei UI;
    font-weight: 400;
    font-size: 22px;
    color: #4B4F55;
    line-height: 30px;
    text-align: left;
    font-style: normal;
    text-transform: none;
}

.big-num {
    background: linear-gradient(180.678580167442036deg, #FFE8E8 0%, rgba(255, 255, 255, 0.5) 100%);
    text-shadow: 8px 8px 140px 0px rgba(55, 99, 170, 0.05);
    position: absolute;
    color: rgba(255, 255, 255, 0.15);
    -webkit-background-clip: text;
    background-clip: text;
    bottom: -90px;
    z-index: -1;
    right: 0;
    font-size: 180px;
    font-weight: bold;
}

.solution-product-7-1 {
    margin-top: 0;
}

.commerce-7-2-introduction {
    background: linear-gradient(180deg, #F2F6FD 0%, rgba(255, 255, 255, 0.5) 73%);
    box-shadow: 8px 8px 140px 0px rgba(55, 99, 170, 0.05);
    border-radius: 2px 2px 2px 2px;
    border: 3px solid #FFFFFF;
}

.commerce-7-2-introduction-card {
    width: 330px;
    height: 79px;
    background: rgba(255, 255, 255, 0.9);
    box-shadow: 0px 10px 23px 0px #DDE0ED, 0px 41px 41px 0px rgba(221, 224, 237, 0.02), 0px 92px 55px 0px rgba(221, 224, 237, 0.02), 0px 164px 66px 0px rgba(221, 224, 237, 0.01), 0px 256px 72px 0px rgba(221, 224, 237, 0.1);
    border-radius: 10px 10px 10px 10px;
    border: 2px solid #FFE8E8;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.p-desc {
    position: relative;
    font-family: Microsoft YaHei UI, Microsoft YaHei UI;
    font-weight: 300;
    font-size: 19px;
    color: #414347;
    line-height: 27px;
    text-align: left;
    font-style: normal;
    text-transform: none;
}

.p-desc::before {
    content: "◆";
    color: #FF5959;
    font-size: 15px;
    position: absolute;
    top: 30px;
    left: 10px;
}

.big-num.introduction {
    font-size: 80px;
    bottom: -40px;
}

.commerce-7-3-introduction {
    background: linear-gradient(180deg, #FDF2F7 0%, #FFFFFF 73%);
    box-shadow: 8px 8px 140px 0px rgba(55, 99, 170, 0.05);
    border-radius: 2px 2px 2px 2px;
    border: 3px solid #FFFFFF;
}

.commerce-7-3-introduction-card {
    width: 418px;
    height: 117px;
    background: linear-gradient(180deg, #FFE8E8 0%, #FFFFFF 100%);
    border-radius: 0px 0px 0px 0px;
    border: 2px dashed rgba(228, 41, 28, 0.3);
    margin-bottom: 41px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: start;
    padding-left: 41px;
    font-family: Microsoft YaHei UI, Microsoft YaHei UI;
    font-weight: 300;
    font-size: 19px;
    color: #414347;
    line-height: 27px;
    text-align: left;
    font-style: normal;
    text-transform: none;
}

.title-top-f {
    position: absolute;
    width: 218px;
    height: 49px;
    background: #E4291C;
    border-radius: 0px 0px 0px 0px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: Microsoft YaHei UI, Microsoft YaHei UI;
    font-weight: bold;
    font-size: 22px;
    color: #FFFFFF;
    text-align: left;
    font-style: normal;
    text-transform: none;
    left: 50%;
    top: 0px;
    transform: translate(-50%, -50%);
}

.commerce-7-3.p-desc {
    position: relative;
}

.commerce-7-3.p-desc::before {
    content: "◆";
    color: #FF5959;
    font-size: 15px;
    position: absolute;
    top: 0px;
    left: -18px;
}

.svg-text {
    font-family: Microsoft YaHei UI, Microsoft YaHei UI;
    font-weight: 300;
    font-size: 22px;
    color: #32374E;
    line-height: 27px;
    text-align: left;
    font-style: normal;
    text-transform: none;
    transition: all 0.3s ease-in-out;
}

.svg-text.active {
    color: #1A5ED4;
}

.implement-superiority-7-1 {
    background: url(../img/implement-superiority-7-1.webp);
    background-size: cover;
    background-position: center;
}

.solution-superiority-1-1 {
    background: linear-gradient(90deg, #FFFFFF 0%, #DAEDFF 100%);
    padding: 40px;
}

.superiority-1-3 {
    background: linear-gradient(90deg, #FFFFFF 0%, #DAEDFF 100%);
}

.solution-commerce-1-1 {
    background: url(../img/solution-commerce-1-1.webp);
    background-size: cover;
    background-position: bottom right;
}

.solution-commerce-1-2 {
    background: url(../img/solution-commerce-1-1.webp);
    background-size: cover;
    background-position: bottom right;
}

.solution-commerce-4-1 {
    background: url(../img/solution-commerce-1-1.webp);
    background-size: cover;
    background-position: bottom right;
}

.solution-introduction-4-2 {
    background: url(../img/solution-commerce-1-1.webp);
    background-size: cover;
    background-position: bottom right;
}

.solution-introduction-4-3 {
    background: url(../img/solution-commerce-1-1.webp);
    background-size: cover;
    background-position: bottom right;
}

.section-introduction-6-3 {
    background: url(../img/solution-commerce-1-1.webp);
    background-size: cover;
    background-position: bottom right;
}

.implement-6-2 {
    background: linear-gradient(360deg, rgba(88, 174, 255, 0.25) 0%, rgba(255, 255, 255, 0.2) 100%);
}

.superiority-1-2 {
    background: linear-gradient(180deg, #FFFEFC 0%, #FFF9F5 100%);
    padding-bottom: 47px;
    padding-top: 40px;
}

.commerce-1-3 {
    background: #FBFDFF;
}

.superiority-4-1 {
    background: linear-gradient(180deg, #FFFEFC 0%, #FFF9F5 100%);
}

.section-implement-6-1 {
    background: #E7F1FD;

}

.solution-product-item-title {
    width: 200px;
    white-space: nowrap;
    overflow: hidden;
}

.sidebar-navigation-div {
    background: rgba(255, 255, 255, 0.9);
    box-shadow: 0px 9px 20px 0px rgba(178, 182, 204, 0.1), 0px 35px 35px 0px rgba(178, 182, 204, 0.09), 0px 80px 48px 0px rgba(178, 182, 204, 0.05), 0px 142px 57px 0px rgba(178, 182, 204, 0.01), 0px 222px 62px 0px rgba(178, 182, 204, 0);

    border: 1px solid #EAEDF2;
    top: -8%;
    font-family: Microsoft YaHei UI, Microsoft YaHei UI;
    font-weight: bold;
    font-size: 18px;
    color: #000000;
    line-height: 16px;
    text-align: center;
    font-style: normal;
    text-transform: none;
    padding: 6px;
    display: none;

    button {
        font-size: 12px;
        height: 34px;
        padding: 0 10px;
        margin-bottom: 7px;
        border-radius: 3px;
    }

    button.active {
        background: #E1251B;
        color: #FFFFFF;
    }

    .lx-button {
        width: 80px;
        font-size: 12px;
        height: 32px;
        margin-bottom: 0;
    }
}