
/* 合作案例 */
@media (min-width: 961px) {
    .lhkj-main .dashbord .screen9{
        position: relative;
        background: none;
    }
    .screen9 .lazy{
        width: 100%;
        height: 100%;
        z-index: -1;
        right: 0;
        top: 0;
        position: absolute;
    }
    .screen9 .lazy_9{
        width: 32.323838rem;
        height: auto;
        position: absolute;
        font-size: 1rem;
        z-index: 2;
        top: 11.015rem;
        left: 48.977511rem;
    }
    .screen9 {
        /* height: 65.71rem; */
        height: 57.0311191rem;
        /* height: 60.0311191rem; */
    }
    .container1{
        font-size: 3rem;
        font-weight: 900;
        height: 5.7rem;
        position: absolute;
        top: 5.1rem;
        left: 13rem;

    }
    .container3{
        font-size: 5rem;
        font-weight: 900;
        position: absolute;
        left: 13rem;
        top: 11rem;
    }
    .container2 .rows_r{
        width: 4rem;
        height: 4rem;
        text-align: center;
        line-height: 4rem;
        font-size: 0rem;
        color: #DBF0FF;
        border-radius: 50%;
        position: absolute;
    }

    .container2 .rows_c{
        font-size: 0.8rem;
        position: absolute;
    }
    .container2 .rows_c p:nth-child(1){
        font-size: 1.2rem;
        font-weight: 900;
    }

    .container2 .rows_r1{
        background-color: #982C4C;
        top: 6rem;
        left: 57rem;
    }
    .container2 .rows_c1{
        top: 8.5rem;
        left: 52rem;
    }

    .container2 .rows_r2{
        background-color: #4791B7;
        top: 6.5rem;
        left: 69rem;
    }
    .container2 .rows_c2{
        top: 8.5rem;
        left: 74rem;
    }


    .container2 .rows_r3{
        background-color: #69A041;
        top: 16rem;
        left: 80.5rem;
    }
    .container2 .rows_c3{
        top: 18.5rem;
        left: 85.5rem;
    }


    .container2 .rows_r4{
        background-color: #F89E1D;
        top: 27.5rem;
        left: 82rem;
    }
    .container2 .rows_c4{
        top: 30.5rem;
        left: 86.5rem;
    }


    .container2 .rows_r5{
        background-color: #E5384E;
        top: 41rem;
        left: 73.5rem;
    }
    .container2 .rows_c5{
        top: 45.5rem;
        left: 74.5rem;
    }



    .container2 .rows_r6{
        background-color: #662D91;
        top: 42rem;
        left: 53.5rem;
    }
    .container2 .rows_c6{
        top: 45rem;
        left: 58rem;
    }

    .container2 .rows_r7{
        background-color: #754C24;
        top: 31rem;
        left: 45.5rem;
    }
    .container2 .rows_c7{
        top: 35.5rem;
        left: 40rem;
    }

    .container2 .rows_r8{
        background-color: #FCB619;
        top: 16rem;
        left: 46.5rem;
    }
    .container2 .rows_c8{
        top: 20.5rem;
        left: 38rem;
    }




    .lhkj-main .dashbord .screen10{
        position: relative;
        background: none;
    }
    .screen10 .lazy{
        width: 100%;
        height: 100%;
        z-index: -1;
        right: 0;
        top: 0;
        position: absolute;
    }
    .screen10 .lazy_1{
        width: 100%;
        height: 100%;
        z-index: -2;
        right: 0;
        top: 0;
        position: absolute;
    }
    .screen10 {
        height: 57.0311191rem;
    }

    .screen10_img{
        width: 56.8999862rem;
        height: 100%;
        position: absolute;
        top: 0;
        right: 0;
        /* transform: translate(-50%, -50%); */
    }
    .screen10_img span{
        display: block;
        width: 14.3796323rem;
        /* height: 14.3796323rem; */
        position: absolute;
    }
    .screen10_img .lazy_3{
        width: 100%;
        height: auto;
        z-index: 1;
        right: 0;
        top: 0;
        position: absolute;
        transition: transform 3S ease; /* 定义变换的过渡效果，持续时间为2秒 */
    }
    .screen10_img .lazy_3:hover {
        transform: rotateY(360deg); /* 鼠标悬浮时旋转360度 */
        /* transform: translateY(-0.1rem); */
        /* 鼠标悬停时向上移动5px*/
    }

    .screen10_img1 .lazy_3_1{
        width: 8.8rem
    }
    .screen10_img1{
        top: 25rem;
        left: 0.5rem;
    }
    .screen10_img2 .lazy_3_2{
        width: 8rem
    }
    .screen10_img2{
        top: 15rem;
        left: 11.5rem;
    }
    .screen10_img3 .lazy_3_3{
        width: 11rem
    }
    .screen10_img3{
        top: 4rem;
        left: 24.3rem;
    }
    .screen10_img4 .lazy_3_4{
        width: 8.5rem
    }
    .screen10_img4{
        top: 36rem;
        left: 12.15rem;
    }
    .screen10_img5 .lazy_3_5{
        width: 8.5rem
    }
    .screen10_img5{
        top: 25.52rem;
        left: 22.6rem;
    }
    .screen10_img6 .lazy_3_6{
        width: 12.311rem
    }
    .screen10_img6{
        top: 14.5rem;
        left: 35.6rem;
    }
    .screen10_img7 .lazy_3_7{
        width: 5.998rem
    }
    .screen10_img7{
        top: 3.7rem;
        left: 41rem;
    }
    .screen10_img8 .lazy_3_8{
        width: 8.5rem
    }
    .screen10_img8{
        top: 47.5rem;
        left: 23.5rem;
    }
    .screen10_img9 .lazy_3_9{
        width: 8.5rem
    }
    .screen10_img9{
        top: 36rem;
        left: 34rem;
    }

    .screen10_img10 .lazy_3_10{
        width: 5.798rem
    }
    .screen10_img10{
        top: 25.52rem;
        left: 41rem;
    }
    .screen10_img11 .lazy_3_11{
        width: 5.598rem
    }
    .screen10_img11{
        top: 48rem;
        left: 41rem;
    }


    .screen10_content1,.screen10_content2,.screen10_content3{
        width: 50.0290129rem;
        left: 13.1605rem;
        position: absolute;
    }
    .screen10_content1{
        font-size: 7.5rem;
        top: 8.297418rem;
        font-weight: 900;
    }
    .screen10_content2{
        font-size: 9rem;
        top: 15.60864rem;
        font-weight: 900;
        letter-spacing:0.6rem;
    }
    .screen10_content3{
        font-size: 2rem;
        line-height: 1.7;
        top: 42.113575rem;
        font-weight: 900;
    }





    .lhkj-main .dashbord .screen11{
        position: relative;
        background: none;
    }
    .screen11 .lazy{
        width: 100%;
        height: 100%;
        z-index: -1;
        right: 0;
        top: 0;
        position: absolute;
    }
    .screen11 .lazy_4{
        width: 100%;
        height: auto;
        position: unset;
        margin-top: 2rem;
        transition: transform 1S ease; /* 定义变换的过渡效果，持续时间为2秒 */
    }
    .screen11 .lazy_4:hover {
        /* transform: rotateY(360deg); */
        transform: translateY(-1rem);
        /* 鼠标悬停时向上移动5px*/
    }

    .screen11 {
        height: 19.6101949rem;
    }
    .screen11 h2{
        display: block;
        text-align: center;
        height: 7.2rem;
        line-height: 7.2rem;
        font-size: 2.45rem;
        color: #666666;
    }

    .screen11 .container_content {
        position: relative; /* 确保背景图片正确显示 */
        width: 103.77931rem; /* 或者指定一个具体的宽度 */
        height: 8.636177rem; /* 或者指定一个具体的高度 */
        display: flex; /* 使用Flexbox布局 */
        justify-content: space-between; /* 使span等分空间 */
        align-items: center; /* 垂直居中 */
        box-shadow: 0px 0.24rem 0.6rem 0px rgba(0, 0, 0, 0.3);
        margin: 0 auto; /* 水平居中 */
        background: linear-gradient(0deg, #FEFFFF 0%, #DBF0FF 100%);
        padding: 0 3rem;

    }

    .screen11 .container_content span {
        flex-grow: 1; /* 让span等分空间 */
        text-align: center; /* 文本居中 */
        height: 8.636177rem;
        display: block;
        padding: 0 1rem;
    }



    .overlay {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.7);
        /* 设置背景色为半透明黑色 */
        display: flex;
        align-items: center;
        justify-content: center;
        display: none;
        z-index: 10000;
    }


    /*.overlay:after {*/
    /*    content: ' × '; !* 你可以使用图标字体中的内容 *!*/
    /*    position: relative;*/
    /*    top: -23.5rem; !* 调整到右上角 *!*/
    /*    right: 2rem; !* 调整到右上角 *!*/
    /*    cursor: pointer;*/
    /*    font-size: 3rem; !* 根据需要调整大小 *!*/
    /*    cursor: pointer;*/
    /*}*/

    .overlay .content-title{
        font-weight: 500;
        line-height: 1.7;
        font-size: 2rem;
        text-align: center;
        padding: 1rem 0;
    }
    .overlay .content-mobile{
        width: 20rem;
        height: auto;
        margin: 0 auto;
    }
    .overlay .content__code{
        background: #FFFFFF;
        color: #000000;
        width: 38rem;
        border-radius: 1.5rem;
    }
    .overlay .content__code_con {
        display: grid;
        grid-template-columns: repeat(2, 1fr); /* 创建两列 */
        gap: 0.5rem; /* 设置网格间距 */
        margin-bottom: 4rem;
        font-size: 1rem;
    }
    .overlay .content__code_con-title {
        width: 92%;
        border-radius: 1rem;
        padding: 0.5rem 0;
        text-align: center;
        border: 1px solid #d8d8d8 ;
        margin: 1rem auto;
    }

}

