@media(min-width:1080px) {
    .products-pic {
        margin-top: 60px;
        width: 100%;
        max-height: 340px;
        background: ;
        height: 340px;
        background-size: 100% 100%;
        position: relative;
    }

    .products-title {
        position: absolute;
        top: 183px;
        color: #000000;
        z-index: 999;
        left: 12.5%;
        font-size: 40px;
        font-weight: 600;
        font-family: pingfangsc-semibold, pingfang sc;
        line-height: 50px;
        letter-spacing: 1px;
    }

    .products-title2 {
        position: absolute;
        top: 233px;
        color: #000000;
        z-index: 999;
        letter-spacing: 1.13px;
        left: 12.5%;
        font-size: 16px;
        font-family: pingfangsc-regular, pingfang sc;
        font-weight: 400;
        line-height: 22px;
    }

    .products-line {
        position: absolute;
        top: 269px;
        left: 12.5%;
        width: 82px;
        height: 12px;
        background: linear-gradient(270deg, #6997fe 0%, #0458ff 100%);
    }

    .products-box1 {
        background: ;
        padding: 60px 12.5% 40px 12.5%;
        width: 100%;
    }

    .products-box1 .title {
        text-align: center;
        width: 100%;
        font-size: 2.5rem;
        font-weight: 800;
    }

    .products-box1-content {
        display: flex;
        /* align-items: center; */
        justify-content: space-between;
        margin-top: 20px;
        position: relative;
    }

    .products-box1-content-item1 {
        /* min-height: 345px; */
        display: flex;
        flex-direction: column;
        padding: 40px 30px;
        width: 24%;
        border: 1px solid #e2e7eb;
        backdrop-filter: blur(8px);
        background: linear-gradient(180deg, #f8faff 0%, #ffffff 100%);
    }

    .products-box1-content-item {
        /* min-height: 345px; */
        display: flex;
        flex-direction: column;
        padding: 40px 30px;
        width: 24%;
        background: #ffffff;
        box-shadow: 0px 0px 20px 0px rgba(166, 173, 181, 0.47);
        opacity: 0.7;
        border: 1px solid #075aff;
        backdrop-filter: blur(8px);
    }

    .products-box1-content-item-title {
        font-size: 16px;
        font-family: pingfangsc-medium, pingfang sc;
        font-weight: 600;
        color: #2c3541;
        line-height: 22px;
    }

    .products-box1-line {
        margin-top: 10px;
        width: 22px;
        height: 2px;
        background: #2c3541;
    }

    .products-box1-content-item-content {
        margin-top: 18px;
        margin-bottom: 100px;
        font-size: 14px;
        font-family: pingfangsc-regular, pingfang sc;
        font-weight: 400;
        color: #75797e;
        line-height: 18px;
    }

    .products-box1-content-item-img {
        width: 100%;
        max-width: 153px;
        max-height: 120px;
        position: absolute;
        left: 25%;
        bottom: 20px;
    }

    .products-box2 {
        background: ;
        background-size: 100% 100%;
        padding: 50px 12.5% 80px 12.5%;
        width: 100%;
    }

    .products-box2 .title {
        text-align: center;
        width: 100%;
        font-size: 2.5rem;
        font-weight: 800;
    }

    .products-box2-content {
        margin-top: 20px;
        display: flex;
        justify-content: space-between;
        min-height: 620px;
    }

    .products-box2-content-left {
        width: 65%;
        display: flex;
        flex-direction: column;
    }

    .products-box2-content-left-video {
        width: 100%;
        max-height: 446px;
        object-fit: fill;
    }

    .products-box2-content-left-content {
        width: 100%;
        padding: 23px 17px 50px 23px;
        background: #ffffff;
        border: 1px solid #dce2e8;
        display: flex;
        flex-direction: column;
    }

    .products-box2-content-left-content-title {
        font-size: 18px;
        font-family: pingfangsc-medium, pingfang sc;
        font-weight: 600;
        color: #2c3541;
        line-height: 25px;
    }

    .products-box2-content-left-content-name {
        font-size: 14px;
        font-weight: 400;
        color: #6f747c;
        line-height: 22px;
        margin-top: 10px;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
    }

    .products-box2-content-right {
        width: 34%;
        height: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: space-between;
    }

    .products-box2-content-right-position {}

    .products-box2-content-right-first {
        width: 100%;
        padding: 35px;
        height: 200px;
        background: linear-gradient(270deg, #6a97fe 0%, #0458ff 100%);
        display: block;
    }

    .products-box2-content-right-first-title {
        font-size: 18px;
        font-family: pingfangsc-medium, pingfang sc;
        font-weight: 600;
        color: #ffffff;
        line-height: 25px;
    }

    .products-box2-content-right-first-line {
        margin: 12px 0 20px 0;
        width: 34px;
        height: 2px;
        background: #ffffff;
    }

    .products-box2-content-right-first-content {
        font-size: 14px;
        font-weight: 400;
        color: #ffffff;
        line-height: 25px;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 3;
    }

    .products-box2-content-right-second {
        width: 100%;
        height: 200px;
        position: relative;
        display: block;
    }

    .products-box2-content-right-second-img {
        width: 100%;
        max-height: 200px;
        position: absolute;
    }

    .products-box2-content-right-second-content {
        width: 100%;
        padding: 15px 18px;
        background: rgba(11, 30, 72, 0.47);
        opacity: 0.82;
        font-size: 18px;
        font-family: pingfangsc-medium, pingfang sc;
        font-weight: 600;
        color: #ffffff;
        line-height: 25px;
        position: absolute;
        bottom: 0;
        z-index: 1;
    }

    .products-box2-content-right-third {
        background-image: .png');
        width: 100%;
        height: 32%;
        position: relative;
    }

    .products-box3 {
        padding: 50px 12.5% 20px 12.5%;
        width: 100%;
    }

    .products-box3 .title {
        text-align: center;
        width: 100%;
        font-size: 2.5rem;
        font-weight: 800;
    }

    .products-box3-content {
        width: 100%;
        margin-top: 10px;
        display: flex;
        flex-wrap: wrap;
    }

    .products-box3-content-item {
        margin-bottom: 20px;
        width: 32%;
        min-height: 148px;
        padding: 24px 14px;
        background: .png');
        background-size: 100% 100%;
        margin-right: 1%;
    }

    .products-box3-content-item-bottom {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .products-box3-content-item-bottom-left {
        display: flex;
        flex-direction: column;
    }

    .products-box3-content-item-bottom-left-a {
        margin-top: 10px;
        font-size: 14px;
        font-family: pingfangsc-regular, pingfang sc;
        font-weight: 400;
        color: #0156ff;
        line-height: 16px;
    }

    .products-box3-content-item-bottom img {
        width: 100%;
        max-width: 60px;
        max-height: 60px;
    }

    .products-box3-content-item-title {
        font-size: 16px;
        font-family: pingfangsc-medium, pingfang sc;
        font-weight: 600;
        color: #2c3541;
        line-height: 14px;
    }

    .products-box3-content-item-content {
        margin-top: 18px;
        font-size: 14px;
        font-family: pingfangsc-regular, pingfang sc;
        font-weight: 400;
        color: #8b9097;
        line-height: 22px;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
    }

    .products-box4 {
        background: .png');
        background-size: 100% 100%;
        padding: 50px 12.5% 40px 12.5%;
        width: 100%;
    }

    .products-box4 .title {
        text-align: center;
        width: 100%;
        font-size: 2.5rem;
        font-weight: 800;
    }

    .products-box4-content {
        display: flex;
        flex-direction: column;
        margin-top: 40px;
    }

    .products-box4-content-top {
        display: flex;
    }

    .products-box4-content-top-left {
        width: 32%;
        max-width: 464px;
    }

    .products-box4-content-top-right {
        width: 68%;
        display: flex;
        flex-direction: column;
        padding: 58px 58px 58px 85px;
        background: #ffffff;
        border: 1px solid #dce2e8;
        position: relative;
    }

    .products-box4-content-top-right-content {
        font-size: 15px;
        font-family: pingfangsc-medium, pingfang sc;
        font-weight: 600;
        color: #2c3541;
        line-height: 31px;
    }

    .products-box4-content-top-right-logo {
        width: 100%;
        max-width: 182px;
        max-height: 80px;
        position: absolute;
        bottom: 58px;
        left: 72px;
    }

    .products-box4-content-bottom {
        display: flex;
        justify-content: space-between;
        margin-top: 40px;

    }

    .products-box4-content-bottom-item1 {
        padding: 20px 25px;
        background: #fbfbfb;
        border: 1px solid #dfe1e5;
        width: 16%;
        display: flex;
        align-items: center;
        justify-content: center;


    }

    .products-box4-content-bottom-item {
        padding: 20px 25px;
        background: #ffffff;
        box-shadow: 0px 0px 20px 0px rgba(166, 173, 181, 0.47);
        border: 1px solid #dfe1e5;
        width: 16%;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .products-box4-content-bottom img {
        width: 100%;
    }

    .v9-pic {
        margin-top: 60px;
        width: 100%;
        max-height: 600px;
        background: ;
        height: 540px;
        background-size: 100% 100%;
        position: relative;
    }

    .v9--title {
        position: absolute;
        top: 183px;
        color: #0c0f15;
        z-index: 999;
        left: 12.5%;
        font-size: 40px;
        font-weight: 600;
        font-family: pingfangsc-semibold, pingfang sc;
        line-height: 50px;
        letter-spacing: 1px;
    }

    .v9--title2 {
        position: absolute;
        top: 233px;
        color: #0c0f15;
        z-index: 999;
        letter-spacing: 1.13px;
        left: 12.5%;
        font-size: 16px;
        font-family: pingfangsc-regular, pingfang sc;
        font-weight: 400;
        line-height: 22px;
    }

    .v9--line {
        position: absolute;
        top: 300px;
        left: 12.5%;
    }

    .v9-btn-left {
        background: linear-gradient(270deg, #6a97fe 0%, #0458ff 100%);
        border-radius: 2px;
        font-size: 16px;
        font-family: pingfangsc-regular, pingfang sc;
        font-weight: 400;
        color: #ffffff;
        line-height: 16px;
        padding: 14px 40px;
    }

    .v9-btn-right {
        border-radius: 2px;
        border: 1px solid;
        border-image: linear-gradient(270deg, rgba(105, 150, 254, 1), rgba(5, 88, 255, 1)) 1 1;
        font-size: 16px;
        font-family: pingfangsc-regular, pingfang sc;
        font-weight: 400;
        color: #0558ff;
        line-height: 16px;
        margin-left: 12px;
        padding: 14px 40px;
    }

    .v9-box1 {
        width: 100%;
        padding: 100px 12.5% 0px 12.5%;
        background: #ffffff;
        display: flex;
        justify-content: space-between;
    }

    .v9-box1 div {
        width: 100%;
    }

    .v9-box1-item {
        font-size: 18px;
        font-family: pingfangsc-medium, pingfang sc;
        font-weight: 600;
        color: #2c3541;
        padding: 14px 0;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .background-body {
        width: 100%;
        background: #f6f7fb;
        padding: 40px 0 0 0;
    }

    .v9-box2 {
        background: #ffffff;
        margin: 0px 12.5% 0px 12.5%;
        padding: 40px 0 40px 0;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
    }

    .v9-box2 .title {
        text-align: center;
        width: 100%;
        font-size: 2.5rem;
        font-weight: 800;
    }

    .v9-title {
        font-size: 16px;
        font-family: pingfangsc-regular, pingfang sc;
        font-weight: 400;
        color: #5a5f67;
        line-height: 28px;
        margin-top: 16px;
        padding: 0 20px;
    }

    .v9-box2-content-item {
        width: 80%;
        text-align: center;
    }

    .v9-box2-content-item img {
        width: 100%;
        max-width: 934px;
        max-height: 486px;
        margin-top: 20px;
    }

    .v9-box3 {
        background: #ffffff;
        margin: 20px 12.5% 0px 12.5%;
        padding: 40px 0 40px 0;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
    }

    .v9-box3 .title {
        text-align: center;
        width: 100%;
        font-size: 2.5rem;
        font-weight: 800;
    }

    .v9-box3-content-item {
        width: 80%;
        text-align: center;
    }

    .v9-box3-content-item img {
        width: 100%;
        max-width: 934px;
        max-height: 486px;
        margin-top: 20px;
    }

    .v9-box4 {
        background: #ffffff;
        margin: 20px 12.5% 0px 12.5%;
        padding: 40px 0 40px 0;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
    }

    .v9-box4 .title {
        text-align: center;
        width: 100%;
        font-size: 2.5rem;
        font-weight: 800;
    }

    .v9-box4-content {
        margin-top: 20px;
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .v9-box4-content-item {
        width: 48%;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        text-align: center;
    }

    .v9-box4-content-item span {
        width: 100%;
        font-size: 16px;
        font-family: pingfangsc-regular, pingfang sc;
        font-weight: 400;
        color: #2c3541;
        line-height: 22px;
        background: #ffffff;
        border: 1px solid #dadee1;
        padding: 10px 0;
    }

    .v9-box4-content-item img {
        width: 100%;
        padding: 20px;
        background: #ffffff;
        border: 1px solid #dadee1;
    }

    .v9-box5 {
        background: #ffffff;
        margin: 20px 12.5% 0px 12.5%;
        padding: 40px 0 40px 0;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
    }

    .v9-box5 .title {
        text-align: center;
        width: 100%;
        font-size: 2.5rem;
        font-weight: 800;
    }

    .v9-box5-content {
        margin-top: 20px;
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: space-between;
    }

    .v9-box5-content-top {
        width: 95%;
        margin-top: 20px;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .v9-box5-content-top span {
        width: 24%;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 16px;
        font-family: pingfangsc-regular, pingfang sc;
        font-weight: 400;
        color: #2c3541;
        background: #ffffff;
        border-radius: 4px;
        border: 1px solid #dadee1;
        padding: 17px 0;
    }

    .v9-box5-content-bottom {
        margin: 0 auto;
        margin-top: 20px;
    }

    .v9-box5-content-bottom img {
        width: 100%;
        padding: 20px;
        background: #ffffff;
    }

    .v9-box6 {
        background: #ffffff;
        margin: 20px 12.5% 0px 12.5%;
        padding: 40px 0 40px 0;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
    }

    .v9-box6 .title {
        text-align: center;
        width: 100%;
        font-size: 2.5rem;
        font-weight: 800;
    }

    .v9-box6-content {
        margin-top: 20px;
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .v9-box6-content-img {
        width: 100%;
        margin: 0 40px;
        max-width: 134px;
    }

    .v9-box6-content-img2 {
        width: 100%;
        margin: 0 40px;
        max-width: 45px;
    }

    .v9-box7 {
        background: #ffffff;
        margin: 20px 12.5% 0px 12.5%;
        padding: 40px 0 40px 0;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
    }

    .v9-box7-content {
        margin-top: 20px;
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .v9-box7 .title {
        text-align: center;
        width: 100%;
        font-size: 2.5rem;
        font-weight: 800;
    }

    .v9-box7-content-img {
        width: 100%;
        margin: 0 40px;
        max-width: 202px;
    }

    .v9-box7-content-img2 {
        width: 100%;
        margin: 0 40px;
        max-width: 122px;
    }

    .v9-box7-content-img3 {
        width: 100%;
        margin: 0 40px;
        max-width: 231px;
    }

    .v9-box8 {
        background: #ffffff;
        margin: 20px 12.5% 0px 12.5%;
        padding: 40px 0 40px 0;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
    }

    .v9-box8 .title {
        text-align: center;
        width: 100%;
        font-size: 2.5rem;
        font-weight: 800;
    }

    .v9-box8-content {
        margin-top: 20px;
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .v9-box8-content-img {
        width: 100%;
        margin: 0 40px;
        max-width: 676px;
    }

    .v9-box9 {
        background: #ffffff;
        margin: 20px 12.5% 0px 12.5%;
        padding: 40px 0 40px 0;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
    }

    .v9-box9-content {
        margin-top: 20px;
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: space-around;
    }

    .v9-box9 .title {
        text-align: center;
        width: 100%;
        font-size: 2.5rem;
        font-weight: 800;
    }

    .v9-box10 {
        background: #ffffff;
        margin: 20px 12.5% 0px 12.5%;
        padding: 40px 0 40px 0;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
    }

    .v9-box10-content {
        margin-top: 20px;
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .v9-box10 .title {
        text-align: center;
        width: 100%;
        font-size: 2.5rem;
        font-weight: 800;
    }

    .v9-box10-content-img1 {
        width: 100%;
        max-width: 200px;
        margin-right: 40px;
    }

    .v9-box10-content-img2 {
        width: 100%;
        max-width: 326px;
    }

    .v9-box11 {
        background: #ffffff;
        margin: 20px 12.5% 0px 12.5%;
        padding: 40px 0 40px 0;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
    }

    .v9-box11-content {
        margin-top: 20px;
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .v9-box11-content-flex {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }

    .v9-box11-content-flex span {
        font-size: 14px;
        font-family: pingfangsc-medium, pingfang sc;
        font-weight: 600;
        color: #717c8a;
        line-height: 20px;
    }

    .v9-box11 .title {
        text-align: center;
        width: 100%;
        font-size: 2.5rem;
        font-weight: 800;
    }

    .v9-box11-content-img {
        width: 100%;
        max-width: 100px;
        margin: 0 60px;
    }

    .v9-box12 {
        background: #ffffff;
        margin: 20px 12.5% 0px 12.5%;
        padding: 40px 0 40px 0;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
    }

    .v9-box12 .title {
        text-align: center;
        width: 100%;
        font-size: 2.5rem;
        font-weight: 800;
    }

    .v9-box12-content {
        margin-top: 20px;
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .v9-box12-content-img {
        width: 100%;
        max-width: 100px;
        margin: 0 20px;
    }
}

@media(max-width:1080px) {
    .products .title {
        display: block;
        font-size: 16px;
        font-family: pingfangsc-semibold, pingfang sc;
        font-weight: 600;
        color: #2c3541;
        text-align: center;
        padding-top: 20px;
    }

    .line-height2 {
        display: block;
        margin: 0 auto;
        width: 38px;
        height: 6px;
        background: linear-gradient(270deg, #6a97fe 0%, #0458ff 100%);
    }

    .products-pic {
        margin-top: 60px;
        width: 100%;
        max-height: 188px;
        background: ;
        height: 188px;
        background-size: 100% 100%;
        position: relative;
    }

    .products-title {
        position: absolute;
        top: 110px;
        color: #000000;
        z-index: 99;
        left: 20px;
        font-weight: 600;
        font-size: 22px;
    }

    .products-title2 {
        position: absolute;
        top: 140px;
        z-index: 99;
        left: 20px;
        font-size: 14px;
        font-weight: 400;
        color: #000000;
    }

    .products-line {
        position: absolute;
        top: 170px;
        left: 20px;
        width: 82px;
        height: 12px;
        background: linear-gradient(270deg, #6997fe 0%, #0458ff 100%);
    }

    .products-box1 {
        background: ;
        padding: 20px;
        width: 100%;
    }

    .products-box1 .title {
        display: block;
        font-size: 20px;
        font-family: pingfangsc-semibold, pingfang sc;
        font-weight: 600;
        color: #2c3541;
        text-align: center;
    }

    .products-box1-content {
        display: flex;
        align-items: center;
        flex-direction: column;
        margin-top: 20px;
    }

    .products-box1-content-item {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 10px 20px;
        width: 100%;
        background: #ffffff;
        opacity: 0.7;
        backdrop-filter: blur(8px);
        margin-bottom: 10px;
        border: 1px solid #075aff;
        box-shadow: 0px 0px 20px 0px rgba(166, 173, 181, 0.47);
    }

    .products-box1-content-item1 {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 10px 20px;
        width: 100%;
        border: 1px solid #e2e7eb;
        backdrop-filter: blur(8px);
        background: linear-gradient(180deg, #f8faff 0%, #ffffff 100%);
    }

    .products-box1-content-item-title {

        font-size: 16px;
        font-family: pingfangsc-medium, pingfang sc;
        font-weight: 600;
        color: #2c3541;
        line-height: 22px;
    }

    .products-box1-line {
        margin-top: 10px;
        width: 22px;
        height: 2px;
        background: #2c3541;
    }

    .products-box1-content-item-content {
        margin-top: 18px;
        margin-bottom: 18px;
        font-size: 13px;
        padding: 0 10px 0 0;
        font-family: pingfangsc-regular, pingfang sc;
        font-weight: 400;
        color: #75797e;
        line-height: 18px;
    }

    .products-box1-content-item-img {
        width: 100%;
        max-width: 80px;
        max-height: 80px;
    }

    .products-box2 {
        background: ;
        padding: 20px;
        width: 100%;
        background-size: 100% 100%;
    }

    .products-box2 .title {
        display: block;
        font-size: 20px;
        font-family: pingfangsc-semibold, pingfang sc;
        font-weight: 600;
        color: #2c3541;
        text-align: center;
    }

    .products-box2-content {
        margin-top: 20px;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }

    .products-box2-content-left {
        display: flex;
        flex-direction: column;
    }

    .products-box2-content-left-video {
        width: 100%;
        max-height: 200px;
        object-fit: fill;
    }

    .products-box2-content-left-content {
        width: 100%;
        padding: 10px;
        background: #ffffff;
        border: 1px solid #dce2e8;
        display: flex;
        flex-direction: column;
    }

    .products-box2-content-left-content-title {
        font-size: 16px;
        font-family: pingfangsc-medium, pingfang sc;
        font-weight: 600;
        color: #2c3541;
        line-height: 25px;
    }

    .products-box2-content-left-content-name {
        font-size: 12px;
        font-weight: 400;
        color: #6f747c;
        line-height: 22px;
        margin-top: 10px;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
    }

    .products-box2-content-right {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: space-between;
    }

    .products-box2-content-right-first {
        width: 100%;
        padding: 20px;
        height: 180px;
        background: linear-gradient(270deg, #6a97fe 0%, #0458ff 100%);
    }

    .products-box2-content-right-first-title {
        font-size: 18px;
        font-family: pingfangsc-medium, pingfang sc;
        font-weight: 600;
        color: #ffffff;
        line-height: 25px;
    }

    .products-box2-content-right-first-line {
        margin: 12px 0 20px 0;
        width: 34px;
        height: 2px;
        background: #ffffff;
    }

    .products-box2-content-right-first-content {
        font-size: 14px;
        font-family: pingfangsc-regular, pingfang sc;
        font-weight: 400;
        color: #ffffff;
        line-height: 25px;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 3;
    }

    .products-box2-content-right-second {
        width: 100%;
        height: 180px;
        position: relative;
        margin-top: 10px;
    }

    .products-box2-content-right-second-img {
        width: 100%;
        max-height: 180px;
        position: absolute;
    }

    .products-box2-content-right-second-content {
        width: 100%;
        padding: 8px 18px;
        background: rgba(11, 30, 72, 0.47);
        opacity: 0.82;
        font-size: 14px;
        font-family: pingfangsc-medium, pingfang sc;
        font-weight: 600;
        color: #ffffff;
        line-height: 25px;
        position: absolute;
        bottom: 0;
        z-index: 1;
    }

    .products-box2-content-right-third {
        background-image: .png');
        width: 100%;
        height: 180px;
        position: relative;
        margin-top: 10px;
    }

    .products-box3 {
        padding: 20px;
        width: 100%;
    }

    .products-box3 .title {
        display: block;
        font-size: 20px;
        font-family: pingfangsc-semibold, pingfang sc;
        font-weight: 600;
        color: #2c3541;
        text-align: center;
    }

    .products-box3-content {
        width: 100%;
        margin-top: 20px;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }

    .products-box3-content-item {
        margin-bottom: 20px;
        width: 49%;
        min-height: 148px;
        padding: 10px;
        background: .png');
        background-size: 100% 100%;
    }

    .products-box3-content-item-bottom {
        display: flex;
        justify-content: space-between;
    }

    .products-box3-content-item-bottom-left {
        display: flex;
        flex-direction: column;
    }

    .products-box3-content-item-bottom-left-a {
        margin-top: 10px;
        font-size: 14px;
        font-family: pingfangsc-regular, pingfang sc;
        font-weight: 400;
        color: #0156ff;
        line-height: 16px;
    }

    .products-box3-content-item-bottom img {
        width: 100%;
        max-width: 30px;
        max-height: 30px;
        margin-top: 18px;
    }

    .products-box3-content-item-title {
        font-size: 14px;
        font-family: pingfangsc-medium, pingfang sc;
        font-weight: 600;
        color: #2c3541;
        line-height: 14px;
    }

    .products-box3-content-item-content {
        margin-top: 18px;
        font-size: 12px;
        font-family: pingfangsc-regular, pingfang sc;
        font-weight: 400;
        color: #8b9097;
        line-height: 22px;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 3;
    }

    .products-box4 {
        background: .png');
        padding: 20px;
        width: 100%;
    }

    .products-box4 .title {
        display: block;
        font-size: 20px;
        font-family: pingfangsc-semibold, pingfang sc;
        font-weight: 600;
        color: #2c3541;
        text-align: center;
    }

    .products-box4-content {
        display: flex;
        flex-direction: column;
        margin-top: 20px;
    }

    .products-box4-content-top {
        display: flex;
        flex-direction: column;
        width: 100%;
    }

    .products-box4-content-top-left {
        width: 100%;
    }

    .products-box4-content-top-left-img {
        max-height: 300px;
        width: 100% !important;
    }

    .products-box4-content-top-right {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        padding: 20px;
        background: #ffffff;
        border: 1px solid #dce2e8;
    }

    .products-box4-content-top-right-content {
        font-size: 13px;
        font-family: pingfangsc-medium, pingfang sc;
        font-weight: 500;
        color: #2c3541;
        line-height: 31px;
    }

    .products-box4-content-top-right-logo {
        width: 100%;
        margin-top: 10px;
        max-width: 100px;
        max-height: 80px;
    }

    .products-box4-content-bottom {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
        margin-top: 20px;

    }

    .products-box4-content-bottom-item {
        padding: 2px;
        background: #ffffff;
        box-shadow: 0px 0px 20px 0px rgba(166, 173, 181, 0.47);
        border: 1px solid #dfe1e5;
        width: 16%;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .products-box4-content-bottom img {
        width: 100%;
    }

    .v9-pic {
        width: 100%;
        margin-top: 60px;
        width: 100%;
        max-height: 188px;
        background: ;
        height: 188px;
        background-size: 100% 100%;
        position: relative;
    }

    .v9--title {
        position: absolute;
        top: 110px;
        color: #0c0f15;
        z-index: 99;
        left: 20px;
        font-weight: 600;
        font-size: 22px;
    }

    .v9--title2 {
        position: absolute;
        top: 140px;
        z-index: 99;
        left: 20px;
        font-size: 14px;
        font-weight: 400;

        color: #0c0f15;
    }

    .v9--line {
        position: absolute;
        top: 170px;
        left: 20px;
    }

    .v9-btn-left {
        background: linear-gradient(270deg, #6a97fe 0%, #0458ff 100%);
        border-radius: 2px;
        font-size: 12px;
        font-family: pingfangsc-regular, pingfang sc;
        font-weight: 400;
        color: #ffffff;
        line-height: 16px;
        padding: 4px 10px;
    }

    .v9-btn-right {
        border-radius: 2px;
        border: 1px solid;
        border-image: linear-gradient(270deg, rgba(105, 150, 254, 1), rgba(5, 88, 255, 1)) 1 1;
        font-size: 12px;
        font-family: pingfangsc-regular, pingfang sc;
        font-weight: 400;
        color: #0558ff;
        line-height: 16px;
        margin-left: 12px;
        padding: 4px 10px;
    }

    .v9-box1 {
        width: 100%;
        padding: 20px;
        background: #ffffff;
        display: flex;
        justify-content: space-between;
    }

    .v9-box1 div {
        background: #f6f7fb;
        width: 33%;
        background: #f6f7fb;
    }

    .v9-box1-item {
        font-size: 14px;
        font-family: pingfangsc-medium, pingfang sc;
        font-weight: 600;
        color: #2c3541;
        padding: 4px 0;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .background-body {
        width: 100%;
        background: #f6f7fb;
    }

    .v9-box2 {
        background: #ffffff;
        padding: 20px;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
    }

    .v9-box2 .title {
        text-align: center;
        width: 100%;
        font-size: 20px;
        font-weight: 800;
    }

    .v9-title {
        font-size: 12px;
        font-family: pingfangsc-regular, pingfang sc;
        font-weight: 400;
        color: #5a5f67;
        line-height: 20px;
        margin-top: 16px;
    }

    .v9-box2-content-item {
        width: 80%;
        text-align: center;
    }

    .v9-box2-content-item img {
        width: 100%;
        max-width: 934px;
        max-height: 486px;
        margin-top: 20px;
    }

    .v9-box3 {
        background: #ffffff;
        margin: 20px 0 0 0;
        padding: 20px;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
    }

    .v9-box3 .title {
        text-align: center;
        width: 100%;
        font-size: 20px;
        font-weight: 800;
    }

    .v9-box3-content-item {
        width: 80%;
        text-align: center;
    }

    .v9-box3-content-item img {
        width: 100%;
        max-width: 934px;
        max-height: 486px;
        margin-top: 20px;
    }

    .v9-box4 {
        background: #ffffff;
        margin: 20px 0 0 0;
        padding: 20px;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
    }

    .v9-box4 .title {
        text-align: center;
        width: 100%;
        font-size: 20px;
        font-weight: 800;
    }

    .v9-box4-content {
        margin-top: 20px;
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .v9-box4-content-item {
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        text-align: center;
        margin: 5px 0
    }

    .v9-box4-content-item span {
        width: 100%;
        font-size: 14px;
        font-family: pingfangsc-regular, pingfang sc;
        font-weight: 400;
        color: #2c3541;
        line-height: 22px;
        background: #ffffff;
        border: 1px solid #dadee1;
        padding: 10px 0;
    }

    .v9-box4-content-item img {
        width: 100%;
        padding: 20px;
        background: #ffffff;
        border: 1px solid #dadee1;
    }

    .v9-box5 {
        background: #ffffff;
        margin: 20px 0 0 0;
        padding: 20px;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
    }

    .v9-box5 .title {
        text-align: center;
        width: 100%;
        font-size: 20px;
    ;
        font-weight: 800;
    }

    .v9-box5-content {
        margin-top: 10px;
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: space-between;
    }

    .v9-box5-content-top {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }

    .v9-box5-content-top span {
        width: 49%;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 14px;
        font-family: pingfangsc-regular, pingfang sc;
        font-weight: 400;
        color: #2c3541;
        background: #ffffff;
        border-radius: 4px;
        border: 1px solid #dadee1;
        padding: 17px 0;
        margin: 5px 0;
    }

    .v9-box5-content-bottom {
        margin: 0 auto;
        margin-top: 20px;
    }

    .v9-box5-content-bottom img {
        width: 100%;
        background: #ffffff;
    }

    .v9-box6 {
        background: #ffffff;
        margin: 20px 0 0 0;
        padding: 20px;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
    }

    .v9-box6 .title {
        text-align: center;
        width: 100%;
        font-size: 20px;
        font-weight: 800;
    }

    .v9-box6-content {
        margin-top: 10px;
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .v9-box6-content-img {
        width: 100%;
        margin: 0 10px;
        max-width: 100px;
    }

    .v9-box6-content-img2 {
        width: 100%;
        margin: 0 40px;
        max-width: 45px;
    }

    .v9-box7 {
        background: #ffffff;
        margin: 20px 0 0 0;
        padding: 20px;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
    }

    .v9-box7-content {
        margin-top: 10px;
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .v9-box7 .title {
        text-align: center;
        width: 100%;
        font-size: 20px;
        font-weight: 800;
    }

    .v9-box7-content-img {
        width: 100%;
        margin: 0 10px;
        max-width: 100px;
    }

    .v9-box7-content-img2 {
        width: 100%;
        margin: 0 10px;
        max-width: 80px;
    }

    .v9-box7-content-img3 {
        width: 100%;
        margin: 0 10px;
        max-width: 100px;
    }

    .v9-box8 {
        background: #ffffff;
        margin: 20px 0 0 0;
        padding: 20px;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
    }

    .v9-box8 .title {
        text-align: center;
        width: 100%;
        font-size: 20px;
        font-weight: 800;
    }

    .v9-box8-content {
        margin-top: 20px;
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .v9-box8-content-img {
        width: 100%;
        margin: 0 40px;
        max-width: 676px;
    }

    .v9-box9 {
        background: #ffffff;
        margin: 20px 0 0 0;
        padding: 20px;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
    }

    .v9-box9-content {
        margin-top: 10px;
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: space-around;
    }

    .v9-box9-content-img1 {
        width: 100%;
        max-width: 120px;
        margin: 10px;
    }

    .v9-box9-content-img2 {
        width: 100%;
        max-width: 120px;
        margin: 10px;
    }

    .v9-box9-content-img {
        width: 100%;
        max-width: 80px;
        margin: 10px;
    }

    .v9-box9 .title {
        text-align: center;
        width: 100%;
        font-size: 20px;
        font-weight: 800;
    }

    .v9-box10 {
        background: #ffffff;
        margin: 20px 0 0 0;
        padding: 20px;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
    }

    .v9-box10-content {
        margin-top: 10px;
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .v9-box10 .title {
        text-align: center;
        width: 100%;
        font-size: 20px;
        font-weight: 800;
    }

    .v9-box10-content-img1 {
        width: 100%;
        max-width: 100px;
        margin-right: 40px;
    }

    .v9-box10-content-img2 {
        width: 100%;
        max-width: 150px;
    }

    .v9-box11 {
        background: #ffffff;
        margin: 20px 0 0 0;
        padding: 20px;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
    }

    .v9-box11-content {
        margin-top: 10px;
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .v9-box11 .title {
        text-align: center;
        width: 100%;
        font-size: 20px;
        font-weight: 800;
    }

    .v9-box11-content-img {
        width: 100%;
        max-width: 60px;
        margin: 0 10px;
    }

    .v9-box12 {
        background: #ffffff;
        margin: 20px 0 0 0;
        padding: 20px;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
    }

    .v9-box12 .title {
        text-align: center;
        width: 100%;
        font-size: 20px;
        font-weight: 800;
    }

    .v9-box12-content {
        margin-top: 10px;
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .v9-box12-content-img {
        width: 100%;
        max-width: 40px;
        margin: 0 2px;
    }
}