/* a style like this should never apply in IE. If it does, tests will fail */

@media (max-width: 767px) {
    .bgcolor1 {
        background: none;
    }

    .section-box {
        padding-top: 30px;
        padding-bottom: 40px;
    }

    .pageHeight {
        height: auto;
    }

    .pagemainHeight {
        height: auto;
    }

    .ss-flex {
        display: flex;
    }

    .ss-flex-col {
        flex-direction: column;
    }

    .banner {
        width: 100%;
        height: auto;
        background: none;
    }

    .weaverBner {
        display: none;
    }

    .pcDisplay {
        display: none !important;
    }

    .mbDisplay {
        display: block !important;
    }

    .container {
        padding-left: 20px;
        padding-right: 20px;
    }

    .homepage-titlebox {
        position: relative;
        margin-bottom: 24px;
        text-align: left;
        padding: 0px 0px 0px 16px;
    }

    .section-box {
        padding-top: 30px;
        padding-bottom: 40px;
    }

    .header {
        position: absolute;
        width: 100%;
        top: 20px;
        padding: 0px;
    }

    .header .logo-box .logo {
        height: 32px;
    }

    .header .logo-box .text {
        margin-top: 10px;
        margin-left: 6px;
        justify-content: flex-end;
        display: none;
    }

    .header .logo-box .text .title {
        font-size: 13px;
        line-height: 13px;
        margin-bottom: 1px;
        color: #fff;
    }

    .header .logo-box .text .desc {
        font-size: 4px;
        line-height: 6px;
        color: rgba(255, 255, 255, 0.48);
        letter-spacing: 1px;
    }

    .header .tel-box {
        margin-top: 8px;
    }

    .header .tel-box .iconbox {
        background-color: rgba(255, 255, 255, 0.12);
        border-radius: 50%;
        width: 24px;
        height: 24px;
        padding: 6px;
    }

    .header .tel-box .tel {
        color: #fff;
        font-size: 14px;
        margin-left: 6px;
        font-weight: 600;
    }

    .bg-header {
        background-image: url("../images/bg_1.jpg");
        background-repeat: no-repeat;
        background-size: 100% auto;
        background-position: center 12%;
    }

    .bannerBox {
        height: 400px;
    }

    .bannerBox .mainBox {
        margin-top: -20px;
    }

    .bannerBox .mainBox img {
        height: 28px;
    }

    .bannerBox .mainBox .title {
        font-size: 32px;
        font-weight: 600;
        line-height: 36px;
        color: #fff;
        text-align: center;
        margin-top: 16px;
        margin-bottom: 6px;
    }

    .bannerBox .mainBox .subtitle {
        font-size: 15px;
        line-height: 20px;
        color: rgba(255, 255, 255, 0.8);
    }

    .bannerBox .mainBox .desc {
        font-size: 12px;
        line-height: 20px;
        font-weight: 600;
    }

    .p-item {
        width: auto;
        padding: 16px 15px;
        background-color: #4361FD3D;
        margin-bottom: 6px;
        float: inherit;
    }

    .p-item .order {
        font-size: 12px;
        color: #fff;
        flex-shrink: 0;
        margin-right: 12px;
        padding-top: 2px;
        font-weight: bold;
        margin-bottom: 0px;
    }

    .p-item .textbox2 {
        width: 100%;
    }

    .p-item .textbox .title {
        font-size: 14px;
        line-height: 18px;
        color: #fff;
        font-weight: 600;
        margin-bottom: 0px;
        overflow: hidden;
    }

    .p-item .textbox .desc {
        margin-top: 8px;
        font-size: 12px;
        line-height: 18px;
        color: rgba(255, 255, 255, 0.48);
    }

    .p-item .ul-list {
        padding: 0;
        width: 100%;
        list-style: none;
        margin-top: 6px;
    }

    .p-item .ul-list li {
        width: 50%;
        font-size: 12px;
        line-height: 22px;
        color: rgba(255, 255, 255, 0.9);
    }

    .p-item .ul-list li::before {
        content: "·";
        display: inline-block;
        font-size: 12px;
        margin-right: 6px;
    }

    .p-item .line-item {
        width: 100%;
        padding-top: 6px;
        padding-bottom: 6px;
        border-bottom: 1px solid transparent;
        border-image: linear-gradient(to bottom, transparent 50%, #4361FD 50%) 0 0 100%/1px 0;
        position: relative;
    }

    .p-item .line-item .t {
        font-size: 12px;
        line-height: 22px;
        color: #fff;
        margin-right: 12px;
        position: absolute;
        width: 60px;
    }

    .p-item .line-item .d {
        font-size: 12px;
        line-height: 22px;
        color: rgba(255, 255, 255, 0.48);
        padding-left: 60px;
    }

    .pp-item {
        width: 100%;
        padding-top: 12px;
    }

    .pp-item .order {
        font-size: 12px;
        color: #8599FF;
        flex-shrink: 0;
        margin-right: 10px;
    }

    .pp-item .textbox .title {
        font-size: 12px;
        line-height: 18px;
        color: #fff;
    }

    .pp-item .textbox .desc {
        font-size: 11px;
        line-height: 18px;
        margin-top: 0px;
        color: rgba(255, 255, 255, 0.64);
    }

    .pp-item .list {
        width: 100%;
        padding: 14px 0px 6px 0px;
        /* border: 1px solid #4361FD7A; */
        /* background-color: #0a1b59; */
    }

    .pp-item .list-item {
        padding-bottom: 4px;
    }

    .pp-item .list-item:nth-child(6) {
        padding-bottom: 0px;
    }

    .pp-item .list-item .or {
        font-size: 12px;
        color: #fff;
        flex-shrink: 0;
        border: 1px solid #8599FF;
        width: 24px;
        height: 24px;
        line-height: 22px;
        display: flex;
        justify-content: center;
        align-items: center;
        border-radius: 50%;
        margin: 2px 0;
        margin-right: 12px;
        position: relative;
    }

    .pp-item .list-item .or::before {
        content: "";
        display: block;
        width: 1px;
        height: 10px;
        background-color: #8599FF;
        position: absolute;
        bottom: -10px;
        left: 50%;
    }

    .pp-item .list-item:last-child .or::before {
        display: none;
    }

    .pp-item .list-item .t {
        font-size: 11px;
        line-height: 18px;
        color: #fff;
    }

    .pp-item .list-item .d {
        font-size: 11px;
        line-height: 16px;
        color: rgba(255, 255, 255, 0.48);
    }


    .p3 .p-item .order,
    .p4 .p-item .order {
        color: #8599FF;
    }

    .p3 .p-item .textbox .title span,
    .p4 .p-item .textbox .title span {
        color: #8599FF;
        font-size: 14px;
    }

    .otherInfo {
        margin-top: 28px;
        margin-bottom: 12px;
    }

    .otherInfo .subtitle {
        color: #8599FF;
        font-size: 13px;
        line-height: 26px;
        text-align: center;
    }

    .otherInfo .title {
        color: #ffffff;
        font-size: 14px;
        line-height: 16px;
        text-align: center;
    }

    .contact {
        margin-top: 60px;
        margin-bottom: 200px;
    }

    .contact .subtitle {
        font-size: 12px;
        line-height: 20px;
        color: rgba(255, 255, 255, 0.64);
    }

    .contact .tel {
        font-size: 24px;
        line-height: 30px;
        color: #fff;
        font-weight: 600;
    }

    .contact .code {
        max-width: 120px;
        margin-top: 16px;
        margin-bottom: 20px;
        padding: 10px;
        background-color: #ffffff;
        border-radius: 10px;
    }

    .contact .desc {
        font-size: 12px;
        line-height: 18px;
        color: #fff;
        text-align: center;
    }

    .contact .notes {
        font-size: 12px;
        line-height: 18px;
        color: rgba(255, 255, 255, 0.64);
        text-align: center;
    }

    .contact .desc a {
        width: 100%;
        min-height: 1px;
        display: block;
        font-size: 14px;
        line-height: 22px;
        font-weight: bold;
        color: #fff;
        text-align: center;
    }

    /* 第一屏 */
    /* .homepage-titlebox::before {
        content: "";
        display: block;
        position: absolute;
        left: 0;
        height: 36px;
        width: 2px;
        background-color: #4361FD;
    } */

    .homepage-titlebox .homepage-title {
        font-size: 18px;
        line-height: 18px;
        color: #fff;
        font-weight: 600;
        margin-bottom: 7px;
    }

    .homepage-titlebox .homepage-title i {
        display: none;
    }

    .homepage-titlebox .homepage-desc {
        font-size: 12px;
        line-height: 12px;
        max-width: 100%;
        color: rgba(255, 255, 255, 0.48);
    }

    .p_bg1 {
        background: none;
        height: auto;
        display: flex;
        padding: 0px;
        border-radius: 0px;
        border: none;
    }

    .p_btnbox {
        display: none;
    }

    .menuLink {
        display: none;
    }

    .Comp_title {
        font-size: 14px;
        line-height: 18px;
        color: #fff;
        font-weight: 600;
        padding: 4px 0px 8px 0px;
    }

    .Comp_Profile {
        font-size: 12px;
        line-height: 18px;
        margin-bottom: 0px;
        padding-right: 0px;
        color: rgba(255, 255, 255, 0.8);
    }

    .pSolutions_btn {
        display: none;
    }

    .pSolutions {
        background-color: #4361FD3D;
        border-radius: 0px;
    }

    .pSolutions_text {
        padding: 16px 15px 0px 15px;
    }

    .pSolutions_img {
        padding: 6px;
        background: none;
        margin-bottom: 6px;
    }

    .bg-footer {
        height: auto;
        background-image: url("../images/bg_2.jpg");
        background-repeat: no-repeat;
        background-size: 100% auto;
        background-position: center bottom;
    }

    .weaver {
        font-size: 8px;
        line-height: 12px;
        color: rgba(255, 255, 255, 0.48);
        letter-spacing: 12px;
        text-align: center;
        text-transform: uppercase;
        display: block;
    }

    .footer_copyright {
        display: none;
    }

    #p7 {
        background: none;
    }

    #p8 .homepage-titlebox {
        display: block;
    }

    .xiaoeLogo img {
        height: 32px;
    }

    .aboutxiaoe {
        background: none;
        /* padding: 0px; */
        margin-bottom: 0px;
        display: block;
        padding: 16px 24px;
        background-color: #4361FD3D;
        border-radius: 0px;
    }

    .aboutEwm1 {
        display: none;
    }

    .aboutL {
        width: 100%;
        margin-top: 12px;
        padding: 0px;
    }

    .aboutR {
        width: 100%;
        background: none;
    }

    .aboutR_t {
        font-size: 14px;
        line-height: 24px;
        margin-top: 24px;
    }

    .xiaoe_tbox {
        display: none;
    }

    .xiaoeLink {
        margin-top: 16px;
    }

    #p4 .Comp_Profile {
        color: rgba(255, 255, 255, 0.8);
    }

    .mainsubBox {
        padding-left: 25px;
    }

    .pIbox2 .mainsubBox {
        padding-bottom: 8px;
    }

    .p2 .pIbox1 .mainsubBox .textbox i {
        display: inline-block;
        font-style: normal;
    }

    .pIbox1 .mainsubBox {
        padding-top: 12px;
    }

    .dsAD {
        margin-top: 12px;
    }

    .xiaoeapply_text .t2 {
        display: none;
    }

    .xiaoeapply_text .t1 {
        font-size: 16px;
        line-height: 24px;
    }

    .xiaoeapply_imgs {
        width: 24px;
        height: 24px;
        margin-left: 16px;
    }

    .xiaoeapply a {
        padding: 12px 24px 12px 24px;
    }

    .xiaoeapply {
        padding: 36px 0px 48px;
    }


}

@media (min-width: 768px) and (max-width:991px) {
    /* .container {
        width: 90%;
    } */
}

@media (min-width: 992px) {
    /* .darkbg {
        background-image: url(../images/bg_1.png);
        background-repeat: no-repeat;
        background-size: 680px auto;
        background-position: center -5.5%;
    } */

    .p2 {
        flex-direction: row;
        justify-content: space-between;
    }

    .p2 .p-item {
        width: 49%;
        background-color: #4361FD3D;
        padding: 32px;
    }

    .white .p-item .order {
        color: #ffffff42;
        font-size: 18px;
        margin-bottom: 12px;
        margin-right: 12px;
        font-weight: 300;
        z-index: 2;
    }

    .white .pp-item .order {
        color: #8599ff82;
        font-size: 16px;
        margin-bottom: 0px;
        margin-right: 12px;
        font-weight: 200;
    }

    .p3 .pp-item .order {
        font-weight: bold;
        color: #8599ffde;
    }

    .p2 .pp-item .order {
        margin-top: 8px;
    }

    .white .p-item .textbox {
        width: 100%;
        margin-bottom: 20px;
        z-index: 2;
    }

    .P2 .p-item .pp-item .textbox .title {
        font-size: 16px;
    }

    .white .p-item .textbox .desc {
        color: rgba(255, 255, 255, 0.64);
    }

    .p2 .p-item .pp-item .textbox .desc {
        margin-top: 0px;
        color: rgba(255, 255, 255, 0.64);
        margin-bottom: -6px;
    }

    .p2 .p-item .pp-item .list {
        width: 88%;
        margin-top: 16px;
        /* display: flex;
        justify-content: space-between; */
        overflow: hidden;
        border: 3px solid rgba(81, 110, 224, 0.12);
        border-radius: 8px;
        padding: 18px 28px;
        height: 240px;
    }

    .p2 .p-item .pp-item:nth-child(2) .list {
        flex-direction: column;
    }

    .p2 .pp-item .listItem2 {
        /* padding: 12px; */
        display: flex;
        flex-direction: column;
        /* width: 32%; */
        /* border: 1px solid #8599FF;
        border-radius: 4px; */
        margin-bottom: 12px;
    }

    .p2 .pp-item .list-item .or {
        font-size: 10px;
        color: #fff;
        flex-shrink: 0;
        border: 1px solid #8599FF;
        width: 18px;
        height: 18px;
        line-height: 18px;
        display: flex;
        justify-content: center;
        align-items: center;
        border-radius: 50%;
        margin: 6px 0;
        margin-right: 12px;
        position: relative;
    }

    .p2 .pp-item .list-item .t {
        font-size: 12px;
        color: rgba(255, 255, 255, 0.8);
        white-space: nowrap;
    }

    .p2 .pp-item .list-item .d {
        font-size: 12px;
        color: rgba(255, 255, 255, 0.48);
        margin-top: 6px;
    }

    .p2 .dsAD {
        margin-top: 16px;
        height: 240px;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

    .p2 .p-item:nth-child(1) {
        display: block;
    }

    .p2 .p-item:nth-child(2) {
        display: block;
    }

    .p2 .pIbox1 {
        width: 72%;
    }

    /* .p2 .pIbox1 {
        width: 68%;
    } */
    .p2 .pIbox2 {
        width: 27%;
    }

    .p2 .pIbox1 .mainsubBox .textbox i {
        display: none;
    }

    .p2 .pIbox1 .mainsubBox .ss-flex {
        width: 33.333%;
        display: inline-block;
        float: left;
    }

    .p2 .pIbox1 .mainsubBox .ss-flex:nth-child(2) .ss-flex {
        display: flex;
    }

    .p2 .pIbox1 .mainsubBox .textbox .title {
        margin-top: 0px;
    }

    .p2 .pp-item .list-item {
        width: 100% !important;
    }


    .otherInfo {
        display: none;
    }

    .p4 {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        align-items: stretch;

    }

    .p4 .p-item {
        width: 25%;
        padding: 0px 8px;
        margin-bottom: 12px;
    }

    .p4 .p-item .textbox .title {
        margin-bottom: 16px;
        margin-top: 8px;
    }

    .p4 .p-item .order {
        display: none;
    }

    .p4 .p-item .textbox {
        border-radius: 10px;
        width: 100%;
        padding: 32px 36px;
        background-color: #f1f8ff;
    }

    .p4 .p-item:nth-child(7) {
        width: 50%;
    }

    .p4 .line-item {
        display: flex;
        font-size: 12px;
        line-height: 24px;
        color: #666;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .p4 .line-item .t {
        color: #000;
        flex-shrink: 0;
    }

    .p4 .line-item .d {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .p4 .ul-list {
        padding-left: 18px;
    }

    .p4 .ul-list li {
        width: 100%;
        font-size: 12px;
        color: #666;
        line-height: 24px;
    }

    .p4 .p-item:last-child .ul-list li {
        width: 50%;
    }

    .p1 .p-item:nth-child(1) .p_bg1 {
        position: relative;
    }

    .p1 .p-item:nth-child(2) .p_bg1 {
        position: relative;
    }

    .p1 .p-item:nth-child(3) .p_bg1 {
        position: relative;
    }

    .p1 .p-item:nth-child(4) .p_bg1 {
        position: relative;
    }

    .p1 .p-item:nth-child(5) .p_bg1 {
        position: relative;
    }

    .p1 .p-item:nth-child(1) .p_bg1::before {
        content: '';
        width: 100%;
        height: 100%;
        display: block;
        position: absolute;
        background: url('../images/bg/5.png') 55% bottom #1e2635;
        background-repeat: no-repeat;
        background-size: auto 55%;
        left: 0;
        top: 0;
        z-index: 1;
        opacity: .24;
        mix-blend-mode: screen;
    }

    .p1 .p-item:nth-child(2) .p_bg1::before {
        content: '';
        width: 100%;
        height: 100%;
        display: block;
        position: absolute;
        background: url('../images/bg/1.png') 55% bottom #1e2635;
        background-repeat: no-repeat;
        background-size: auto 55%;
        left: 0;
        top: 0;
        z-index: 1;
        opacity: .32;
        mix-blend-mode: screen;
    }

    .p1 .p-item:nth-child(3) .p_bg1::before {
        content: '';
        width: 100%;
        height: 100%;
        display: block;
        position: absolute;
        background: url('../images/bg/3.png') 55% bottom #1e2635;
        background-repeat: no-repeat;
        background-size: auto 55%;
        left: 0;
        top: 0;
        z-index: 1;
        opacity: .32;
        mix-blend-mode: screen;
    }

    .p1 .p-item:nth-child(4) .p_bg1::before {
        content: '';
        width: 100%;
        height: 100%;
        display: block;
        position: absolute;
        background: url('../images/bg/4.png') 55% bottom #1e2635;
        background-repeat: no-repeat;
        background-size: auto 55%;
        left: 0;
        top: 0;
        z-index: 1;
        opacity: .32;
        mix-blend-mode: screen;
    }

    .p1 .p-item:nth-child(5) .p_bg1::before {
        content: '';
        width: 100%;
        height: 100%;
        display: block;
        position: absolute;
        background: url('../images/bg/2.png') 55% bottom #1e2635;
        background-repeat: no-repeat;
        background-size: auto 55%;
        left: 0;
        top: 0;
        z-index: 1;
        opacity: .32;
        mix-blend-mode: screen;
    }

    .p1 .p-item .order {
        z-index: 2;
        position: relative;
    }

    .p1 .p-item .textbox {
        z-index: 2;
        position: relative;
    }

}

@media (min-width: 992px) and (max-width:1367px) {

    .pageHeight {
        height: 800px;
    }

    .bannerBox .mainBox .title {
        font-size: 52px;
        line-height: 58px;
    }

    .bannerBox .mainBox {
        margin-top: -50px;
    }

    .p-item .textbox .title {
        font-size: 14px;
    }

    .homepage-titlebox .homepage-title {
        font-size: 26px;
        line-height: 26px;
        margin-bottom: 6px;
    }

    .p4 .ul-list li {
        line-height: 20px;
    }

    .p3 .p-item {
        padding: 36px 30px;
    }

    .homepage-titlebox .homepage-desc {
        max-width: 64%;
    }

    .cardli2 .line-item .t {
        display: none;
    }

    .cardli2 .line-item .d {
        padding-left: 0px;
    }

    .cardli2 .line-item .d ul {
        padding-left: 0px;
    }

    .card .line-item .d ul {
        padding: 0px 0px 0px 0px;
    }

    .p2 .p-item .pp-item .list {
        padding: 18px 12px;
    }
}

@media (min-width: 1370px) and (max-width:1600px) {
    .p3 .p-item {
        padding: 36px 36px;
    }

    .btnS2 a {
        padding: 0px 24px;
    }

    .Comp_Profile {
        font-size: 12px;
        line-height: 18px;
    }

    .pageHeight {
        height: 800px;
    }

    .p-item .textbox .title {
        font-size: 14px;
    }

    .p-item .textbox .desc {
        margin-top: 8px;
    }

    .p2 .pIbox1 {
        display: block;
    }

    .p3 .p-item {
        padding: 24px 36px;
    }

    .white .p-item .textbox .title {
        line-height: 18px;
    }

    .xiaoeLogo img {
        height: 36px;
    }

    .p4 .ul-list li {
        line-height: 22px;
    }

    .card .line-item .d ul {
        padding: 0px 0px 0px 0px;
    }

    .p2 .p-item .pp-item .list {
        padding: 18px;
    }
}

@media (min-width: 1601px) and (max-width:1800px) {

    .Comp_title {
        font-size: 14px;
        padding: 4px 0px 14px 0px;
    }

    .Comp_Profile {
        font-size: 12px;
    }

    .p3 .p-item {
        padding: 32px 36px;
    }

    .xiaoeLogo img {
        height: 42px;
    }

    .p4 .ul-list li {
        line-height: 22px;
    }

    .white .p-item .textbox .title {
        line-height: 22px;
    }

    .white .pp-item .order {
        margin-top: 0px;
    }

    .P2PC .maintitle .title {
        font-size: 20px;
    }

    .p2 .p-item .pp-item .list {
        padding: 18px 20px;
    }

}

@media (min-width: 1801px) and (max-width:1999px) {
    .p-item .textbox .desc {
        font-size: 13px;
        line-height: 22px;
    }

    .pageHeight {
        height: 900px;
    }

    .solutions-table td {
        padding: 18px 14px;
    }

    .solutions-table th {
        padding: 18px 14px;
    }
}

@media (min-width: 2000px) {

    .container {
        width: 60%;
    }

    .bg-footer {
        background-position: center -260px;
    }

    .banner {
        background-position: center -148px;
    }

    .footer_copyright {
        bottom: 0px;
    }

}

/* 能力互补矩阵表格 移动端适配 */
@media (max-width: 760px) {
    .abilityapps2 .table-wrap {
        margin-top: 4px;
    }

    .abilityapps2 .table-wrap table {
        font-size: 12px;
    }

    .abilityapps2 .table-wrap th,
    .abilityapps2 .table-wrap td {
        padding: 8px 10px;
    }

    /* --- index2 全页面移动端适配 --- */
    .container {
        padding-left: 16px;
        padding-right: 16px;
    }

    .section-box {
        padding-top: 0px;
        padding-bottom: 40px;
    }

    .homepage-titlebox {
        margin-bottom: 24px;
    }

    .homepage-title {
        font-size: 20px;
        line-height: 1.4;
    }

    .homepage-desc {
        font-size: 13px;
        margin-top: 6px;
    }

    .homepage-type span {
        font-size: 12px;
        padding: 4px 12px;
    }

    /* p1 banner */
    #p1 .title2 {
        font-size: 20px;
    }

    .banner-arrow {
        width: 36px;
        height: 36px;
        font-size: 18px;
        display: none;
    }

    .banner-prev {
        left: 10px;
    }

    .banner-next {
        right: 10px;
    }

    .btn_videoss {
        bottom: 40px;
    }

    .btn_videoss .apply {
        padding: 10px 28px;
        font-size: 14px;
    }

    /* nav/header */
    .header {
        padding: 8px 16px;
    }

    .header .menubox a {
        font-size: 12px;
        padding: 4px 8px;
        margin: 0 2px;
    }

    /* painpoint */
    #painpoint .painpoint-grid {
        grid-template-columns: 1fr;
        gap: 12px;
    }

    /* ability1 */
    #ability1 .abilitymain2 {
        flex-direction: column;
    }

    #ability1 .abilitymain2_bleft,
    #ability1 .abilitymain2_bright {
        width: 100%;
        padding: 0px;
        border: none;
        margin-bottom: 0px;
    }

    #ability1 .abilitymain_left {
        padding: 16px;
        background: rgba(255, 255, 255, 0.04);
        border: 1px solid rgba(84, 108, 248, 0.18);
        border-radius: 14px;
    }

    #ability1 .complement-overview-dark .complementresult {
        grid-template-columns: repeat(2, 1fr);
    }

    .complementtab_dots {
        margin-top: 8px;
    }

    /* complement-core 移动端跨全行：产品在上排，核心独占下行 */
    #ability1 .complement-map {
        grid-template-columns: 1fr 1fr;
    }

    #ability1 .complement-map .complement-product.workbuddy {
        grid-column: 1;
        grid-row: 1;
        width: auto;
    }

    #ability1 .complement-map .complement-product.ecology {
        grid-column: 2;
        grid-row: 1;
    }

    #ability1 .complement-map .complement-core {
        grid-column: 1 / -1;
        grid-row: 2;
        gap: 4px;
        padding: 9px 12px;
    }

    /* solutions */
    #solutions .solutions_mainJG_content {
        flex-direction: column;
        gap: 0px;
        grid-template-columns: auto;
        background: rgba(255, 255, 255, 0.04);
        border: 1px solid rgba(84, 108, 248, 0.18);
        border-radius: 14px;
        padding: 16px;
    }

    #solutions .solutions_mainJG_img {
        padding: 0px;
    }

    #solutions .solutions_mainJG_text {
        margin-left: 0;
        margin-top: 0px;
        /* display: none; */
        border: none;
        border: 0px;
        background: none;
        padding: 6px 0 0;
    }

    #solutions .solutions_mainJG_text h2 {
        font-size: 13px;
        line-height: 18px;
        margin-bottom: 6px;
        margin-top: 0px;
    }

    #solutions .solutions_mainJG_text h2 br {
        display: none;
    }

    .solutions_mainJG_imgbox_title {
        font-size: 13px;
        padding-bottom: 10px;
    }

    .solutions-table table {
        font-size: 11px;
    }

    .solutions-table th,
    .solutions-table td {
        padding: 6px 8px;
        font-size: 9px;
    }

    /* 移动端表格合并列：隐藏 pc 列，显示 mob 列 */
    .solutions-table .sol-pc {
        display: none !important;
    }

    .solutions-table .sol-mob {
        display: table-cell !important;
    }

    .sol-mob .sol-weaver {
        display: block;
        color: #8cb4ec;
        margin-bottom: 0px;
        font-size: 9px;
    }

    .sol-mob .sol-wb {
        display: block;
        color: #5eead4;
        font-size: 9px;
    }

    /* 移动端融合方案轮播：同 PC 端的 active 切换逻辑，但用 absolute/relative 替代 grid 叠放以释放高度 */
    #solutions .solutions_mainJG_img {
        position: relative;
        overflow: hidden;
        display: block !important;
    }

    #solutions .solutions_mainJGli {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        visibility: visible !important;
        opacity: 1 !important;
        pointer-events: auto;
        transition: transform .35s ease, opacity .35s ease;
        grid-area: auto !important;
        transform: translateX(100%);
        opacity: 0 !important;
    }

    #solutions .solutions_mainJGli.active-mob {
        position: relative;
        transform: translateX(0);
        opacity: 1 !important;
    }

    #solutions .solutions_dots {
        display: flex;
        position: static;
        margin: 12px auto 0;
        width: auto;
    }

    /* scene2 cardGrid */
    #cardGrid {
        flex-direction: column;
        margin: 0;
    }

    #cardGrid .card-col {
        width: 100% !important;
        padding: 0 0 12px 0;
    }

    .card {
        padding: 16px 20px;
    }

    .card .order {
        font-size: 11px;
        margin-bottom: 4px;
    }

    .card .line-item .t {
        font-size: 11px;
        width: 56px;
    }

    .card .line-item .d {
        font-size: 11px;
    }

    .card .p-item .ul-list li {
        width: 50%;
        font-size: 11px;
        line-height: 18px;
    }

    /* Install */
    #Install .installmainul {
        flex-direction: column;
        grid-template-columns: repeat(2, 1fr);
        gap: 6px;
    }

    #Install .installmainli {
        padding: 28px 20px;
        margin-bottom: 0px;
    }

    #Install .installmainli:nth-child(1) .installmainli_title {
        letter-spacing: -1.5px;
    }

    #Install .installmainli_title {
        font-size: 14px;
        line-height: 18px;
    }

    #Install .installmainli_desc {
        font-size: 12px;
    }

    /* 移动端去掉 active 高亮样式 */
    #Install .installmainli.active {
        background-color: transparent;
        translate: none;
        box-shadow: none;
        border-color: #869eff1f;
        position: static;
        z-index: auto;
    }

    /* scene 智能场景 */
    #scene .scene-tabs {
        flex-wrap: wrap;
        gap: 6px;
        margin: 0 auto 18px;
    }

    #scene .scene-tab {
        font-size: 12px;
        padding: 0px 12px;
    }

    #scene .scene-example-placeholder {
        flex-direction: column;
        grid-template-columns: auto;
        gap: 16px;
    }

    #scene .scene-example-placeholder-img {
        width: 100%;
        margin-bottom: 12px;
        min-height: 200px;
    }

    #scene .scene-example-placeholder-list {
        width: 100%;
    }

    #scene .scene-example-placeholder-list li {
        padding: 10px 16px;
        font-size: 12px;
    }

    .sepiLi img,
    .sepiLi video {
        width: 100%;
        height: auto;
    }

    /* Safety */
    #Safety .safety-grid {
        gap: 6px;
    }

    /* Summary */
    #Summary .summary-hub {
        gap: 0px;
        padding: 0px;
    }

    #Summary .summary-hub .hub-item {
        padding: 12px;
    }

    #Summary .summary-hub .hub-item h3 {
        font-size: 14px;
    }

    #Summary .summary-hub .hub-item p {
        font-size: 11px;
    }

    /* FAQ */
    .faq-q {
        font-size: 13px;
        padding: 14px 32px 14px 0;
    }

    .faq-q-ext {
        display: none;
    }

    .faq-a {
        font-size: 12px;
        line-height: 1.7;
    }

    /* contact */
    #contact .contact {
        flex-direction: column;
        text-align: center;
    }

    #contact .tel {
        font-size: 22px;
    }

    #contact .code img {
        width: 120px;
    }

    #contact .weaver {
        font-size: 10px;
        margin-bottom: 52px;
        color: rgba(255, 255, 255, 0.24);
    }

    .footer_copyright .row {
        flex-direction: column;
        gap: 8px;
    }

    /* banner bg */
    .bannerindex2,
    .bannerindex3 {
        background-size: auto 100%;
    }

    /* --- 第二轮优化 --- */
    /* 移除固定高度，改为自适应 */
    .pageHeight {
        height: auto;
    }

    .pagemainHeight {
        height: auto;
        min-height: 80vh;
    }

    /* homepage-titlebox 减 padding */
    .homepage-titlebox {
        padding: 32px 0 20px 16px;
        margin-bottom: 16px;
        /* border-left: 2px solid #4361FD; */
        position: relative;
    }

    .homepage-titlebox::before {
        content: '';
        position: absolute;
        left: 0;
        top: 32px;
        width: 3px;
        height: 38px;
        background: #4361FD;
    }

    #contact .homepage-titlebox::before {
        content: none;
    }

    /* bg-header 背景适配 */
    .bg-header {
        background-size: cover;
        background-position: center 40%;
    }

    /* header 导航栏：隐藏部分链接避免溢出，logo 缩小 */
    .header .logo-box .logo {
        height: 24px;
    }

    .header .logo-box .logo .adlogo {
        height: 24px;
    }

    .header .logo-box .logo .adlogo .wea {
        height: 24px;
    }

    .header .logo-box .logo .adlogo .wkbuddy {
        height: 18px;
        margin-top: 3px;
    }

    .header .logo-box .logo .adlogo span {
        font-size: 11px;
        padding: 3px 4px 0;
    }

    .header .logo-box .text {
        display: none;
    }

    .header .menubox {
        overflow-x: auto;
        white-space: nowrap;
        -webkit-overflow-scrolling: touch;
        padding: 0 8px;
    }

    .header .menubox a {
        display: inline-block;
    }

    /* ct-arrow 按钮收进容器 */
    .ct-prev {
        left: 8px;
    }

    .ct-next {
        right: 8px;
    }

    /* scene grid 场景卡片 */
    #sceneappsAll.scene-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 10px;
    }

    .scene-card {
        padding: 14px;
    }

    .scene-card-no {
        width: 28px;
        height: 28px;
    }

    .scene-card-no svg {
        width: 16px;
        height: 16px;
    }

    .scene-card-title {
        font-size: 13px;
    }

    .scene-card-tags span {
        font-size: 10px;
        padding: 3px 8px;
    }

    /* solutions dots 定位修正 */
    .solutions_dots {
        position: static;
        margin: 10px auto 0;
        width: auto;
    }

    /* painpoint 细节 */
    #painpoint .painpoint-card {
        padding: 20px 16px;
    }

    #painpoint .painpoint-card .painpoint-icon {
        font-size: 28px;
    }

    /* ability1 补充 */
    .ct-arrow {
        width: 28px;
        height: 28px;
        font-size: 16px;
    }

    /* solutions 补充 */
    .solutions_mainJG_imgbox {
        padding: 0px;
    }

    .solutions_mainJG_imgbox_title {
        font-size: 12px;
        display: none;
    }

    /* contact 底部补充 */
    #contact .subtitle {
        font-size: 13px;
    }

    #contact .notes {
        font-size: 11px;
    }

    /* banner 按钮位置 */
    .weaverBner {
        bottom: 20px;
        font-size: 11px;
    }

    .bannerBox .mainBox .adlogo span {
        padding: 9px 8px 0px;
        line-height: 24px;
        font-size: 16px;
    }

    .bannerBox .mainBox .adlogo .wkbuddy {
        height: 22px !important;
        margin-top: 8px;
    }

    .bannerBox .mainBox .adlogo .wea {
        height: 32px;
    }

    .bannerBox .mainBox .adlogo {
        margin: 32px 0 10px;
    }

    .bannerBox .mainBox .title2 .T3 {
        font-size: 14px;
        line-height: 18px;
        margin-top: 0px;
    }

    .bannerBox .mainBox .title2 .T4 {
        font-size: 22px;
        line-height: 28px;
    }

    .bannerBox .mainBox .title2 {
        margin-bottom: 0px;
    }

    .p-item .textbox .title span {
        font-size: 14px;
        line-height: 18px;
        float: left;
    }

    .abilitymain2_box {
        grid-template-columns: auto;
    }

    .ability_keypoints:nth-child(3) {
        border-bottom: none;
        padding-bottom: 0px;
        margin-bottom: 0px;
    }

    .ability_keypoints:nth-child(4) {
        border-bottom: none;
        padding-bottom: 0px;
        margin-bottom: 0px;
    }

    .solutions_mainJG_text {
        padding: 16px 16px 12px;
        border-left: none;
    }

    .solutions_mainJG_text h4 {
        margin-bottom: 18px;
        text-align: center;
        margin-top: 0px;
        display: none;
    }

    .abilitymain2_bleft {
        padding: 16px;
        border: 1px solid #2c478b75;
        border-radius: 12px;
        margin-bottom: 6px;
    }

    .complement-map {
        grid-template-columns: auto;
    }

    .complement-overview-dark {
        padding: 0px !important;
        background: none;
    }

    .complement-product.ecology {
        grid-column: auto;
        grid-row: 1;
        width: 100%;
    }

    .ability_mainkeypoints {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 0px;
    }

    .ability_keypoints strong {
        font-size: 12px;
        line-height: 16px;
        display: block;
        color: rgba(255, 255, 255, 0.8);
    }

    .ability_keypoints span {
        line-height: 16px;
        margin-bottom: 0px;
        color: rgba(255, 255, 255, 0.36);
    }

    .complement-list {
        border-top: none;
    }

    .complement-overview-dark .complement-core p {
        margin-bottom: 0px;
        color: rgba(219, 234, 254, 0.48);
    }
    .complement-overview-dark .complement-result span {
        color: rgba(219, 234, 254, 0.48);
    }

    /* .complement-core::before,
    .complement-core::after {} */

    .complement-core p {
        font-size: 10px;
    }

    .complement-list {
        grid-template-columns: repeat(1, minmax(0, 1fr));
    }

    .solutions_mainJG {
        border: none;
        border-radius: 0px
    }

    .installmainli_numb {
        background-color: #1937818f;
        font-size: 13px;
        width: 32px;
        height: 32px;
        margin: 0 auto 10px auto;
    }

    .safety-card {
        padding: 18px 16px;
    }

    .safety-card-title {
        font-size: 14px;
        margin: 0 0 8px;
    }

    .safety-card-desc {
        font-size: 12px;
        line-height: 1.45;
        color: rgba(255, 255, 255, 0.48);
    }

    .safety-card-icon {
        width: 36px;
        height: 36px;
        margin-bottom: 18px;
        flex-shrink: 0;
    }

    .safety-card-icon svg {
        width: 16px;
        height: 16px;
    }

    .summary-center {
        display: none;
    }

    #Summary .mainBox.p3.white {
        padding: 0px;
    }

    .ability_keypoints strong i {
        display: none;
    }

    .ability_solutionsmain {
        margin-bottom: 0px;
    }

    .summary-title {
        font-size: 14px;
        margin-bottom: 6px;
    }

    .summary-col {
        gap: 0px;
        padding-top: 0px;
    }

    .summary-desc {
        font-size: 12px;
        line-height: 1.55;
    }

    .summary-col-left .summary-node,
    .summary-col-right .summary-node {
        text-align: left;
        padding: 16px;
        background: rgba(255, 255, 255, 0.04);
        border: 1px solid rgba(84, 108, 248, 0.18);
        border-radius: 14px;
        margin-bottom: 6px;
    }

    .sceneappslist .card {
        padding: 0px 12px;
        background: none;
        border: none;
    }

    .p-item {
        padding: 0px;
    }

    .p-item {
        width: auto;
        padding: 16px 15px;
        background-color: #4361FD3D;
        margin-bottom: 6px;
        float: inherit;
        border-radius: 8px;
    }

    #scene2 .p-item {
        padding: 0px;
        background-color: initial;
        margin-bottom: 2px;
        border-radius: 8px;
    }

    .sceneappslist #cardGrid .card-col {
        gap: 12px;
    }

    .sceneappslist #cardGrid .card-col:nth-child(1) {
        margin-bottom: 12px;
    }

    .sceneappslist .card .p-item .ul-list li {
        overflow: hidden;
        display: -webkit-box !important;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        color: rgba(255, 255, 255, 0.48);
    }

    .sceneappslist .card .p-item .ul-list li.more_scenecard {
        display: none !important;
    }

    .sceneappslist #cardGrid .p-item .textbox .title {
        margin-bottom: 2px;
        font-size: 14px;
    }

    .scene-example-placeholder-text {
        font-size: 14px;
        padding: 0px;
        border-top: none;
        border-bottom: none;
    }

    .scene-example-placeholder-title {
        font-size: 16px;
        padding: 12px 0 0px;
        display: none;
    }

    .scene-example-placeholder-desc {
        font-size: 13px;
        padding: 8px 0 4px;
    }

    .scene-example-placeholder-list ul li span {
        font-size: 12px;
        line-height: 24px;
    }

    .p-item .textbox .title span.sub {
        color: #ffffff;
    }

    .solutions_mainJG_imgbox_main {
        width: auto;
        border-radius: 8px;
        overflow: hidden;
    }

    .sceneappslist .cardli1 .line-item .d {
        display: none;
    }

    .sceneappslist .cardli1 .p-item .line-item {
        padding-bottom: 12px;
        margin-bottom: 4px;
        border-bottom: none;
        position: relative;
        border-image: initial;
    }

    #scene2 .ss-flex-wrap {
        flex-wrap: wrap;
        float: left;
    }

    .sceneappslist .cardli2 .line-item .d {
        display: none;
    }

    .sceneappslist .cardli2 .p-item .line-item {
        border-bottom: none;
        position: relative;
        border-image: initial;
        margin-bottom: 4px;
    }

    .complement-overview-dark .complementtitle {
        display: none;
    }

    .complement-core h3 {
        font-size: 14px;
        line-height: 20px;
        margin-top: 1px;
    }

    .complement-overview {
        padding: 12px;
    }

    .complement-product {
        padding: 14px 12px;
    }

    .complement-product.workbuddy {
        grid-column: 1;
        grid-row: 3;
        width: 100%;
    }

    .complement-heading {
        align-items: center;
        justify-content: center;
        gap: 6px;
        margin-bottom: 0px;
        display: block;
        text-align: center;
    }

    .complement-icon {
        flex-basis: 30px;
        width: 30px;
        height: 30px;
        border-radius: 7px;
        font-size: 10px;
        margin-top: 2px;
    }

    .complement-product.ecology .complement-icon {
        flex-basis: 30px;
        width: 30px;
        height: 30px;
        padding: 5px;
    }

    .complement-product h3 {
        font-size: 14px;
        overflow-wrap: anywhere;
    }

    .complement-product .role {
        font-size: 10px;
        margin-top: 0px;
        margin-bottom: 4px;
    }

    .complement-list {
        gap: 6px;
        padding-top: 7px;
    }

    .complement-list li {
        padding: 5px 4px;
        border: 1px solid rgba(30, 79, 145, 0.1);
        border-radius: 6px;
        background: rgba(255, 255, 255, 0.06);
        font-size: 10px;
        line-height: 1.45;
        text-align: center;
    }

    .complement-product.workbuddy .complement-list li {
        border-color: rgba(23, 107, 97, 0.12);
    }

    .complement-product.workbuddy .complement-list li:nth-child(4) {
        display: none;
    }
    .complement-product.workbuddy .complement-list li:nth-child(5) {
        display: none;
    }
    .complement-product.workbuddy .complement-list li:nth-child(6) {
        display: none;
    }
    .complement-list li:nth-child(4){
        display: none;
    }
    .complement-list li:nth-child(5){
        display: none;
    }
    .complement-list li:nth-child(6){
        display: none;
    }

    .complement-list li::before {
        display: none;
    }

    .complement-core {
        grid-column: 1 / -1;
        grid-row: 2;
        flex-direction: column;
        justify-content: center;
        gap: 7px;
        padding: 16px 12px;
    }

    .complement-core::before,
    .complement-core::after {
        display: block;
        width: 18px;
        height: 18px;
        left: 50%;
        right: auto;
        top: auto;
        margin-top: 0;
        margin-left: -9px;
        font-size: 11px;
        line-height: 16px;
    }

    .complement-core::before {
        top: -112px;
    }

    .complement-core::after {
        bottom: 124px;
    }

    .complement-core-icon {
        margin: 0;
        font-size: 0;
        display: none;
    }

    .complement-core-icon::before {
        content: '\2195';
        font-size: 22px;
        line-height: 1;
    }

    .complement-core h3 {
        margin: 0;
        font-size: 14px;
        text-align: center;
    }

    .complement-core p {
        font-size: clamp(8px, 2.6vw, 10px);
        line-height: 1.55;
        text-align: center;
        white-space: nowrap;
    }

    .complement-core p br {
        display: none;
    }

    .complement-result {
        flex-direction: column;
        gap: 1px;
        margin-top: 8px;
        padding: 9px 12px;
    }

    .complement-result strong {
        font-size: 14px;
        line-height: 1.45;
    }

    .complement-result span {
        font-size: 10px;
        line-height: 1.45;
    }

    .abilitypoint {
        display: none;
    }

    .safety-card::before {
        content: inherit;
    }

    .safety-card-mainBox {
        margin: 0 0 0px;
    }

    .sceneAIbfm {
        margin-top: 0px;
        width: 100% !important;
    }

    .sceneAIbfm .line-item {
        width: 25% !important;
        float: left;
    }

    .sceneappslist .cardli1 .p-item .textbox {
        margin-bottom: 0px;
    }

    .sceneappslist .card .line-item .t {
        color: rgba(255, 255, 255, 0.48);
    }

    .sceneappslist .card .order {
        margin-bottom: 2px;
    }

    .videonews .vd-tag {
        display: none;
    }

    .sceneappslist #cardGrid {
        background: rgba(255, 255, 255, 0.04);
        border: 1px solid rgba(84, 108, 248, 0.18);
        border-radius: 14px;
        margin: 0px;
        padding: 16px 0px;
    }

    .sceneAIoffice {
        margin-top: 0px;
    }

    .sceneAIoffice .ss-flex-wrap {
        width: 25%;
    }

    .complement-overview-dark .complement-product.workbuddy .complement-list li {
        color: rgba(204, 251, 241, 0.64);
    }
.complement-overview-dark .complement-list li {
    color: rgba(216, 227, 247, 0.64);
}

.faq-item{
    border-bottom: 1px solid rgba(140, 180, 236, 0.22);
}
.faq-item:first-child{
    border-top: 1px solid rgba(140, 180, 236, 0.16);
}
.complement-product.workbuddy .complement-list {
    width: 100%;
}
.complement-overview-dark .complement-heading h3 {
    margin-top: 8px;
}
.solutions_mainJG_text span {
    font-size: 12px;
    line-height: 18px;
}


}