.mk_kv {
    position: relative;
    width: 100%;
    overflow: hidden;
    background: #F3F3F3;
}

.right-banner2 {
    width: 100%;
    height: 7.54rem;
    object-fit: cover;
    transition: all 1.2s cubic-bezier(0.4, 0, 0.2, 1);
    transform-origin: center;
    filter: brightness(0.95);
}

.mk_kv:hover .right-banner2 {
    transform: scale(1.05);
    filter: brightness(1);
}

.right-title2 {
    font-weight: 500;
    font-size: 0.59rem;
    color: #FFFFFF;
    position: absolute;
    left: 1.78rem;
    top: 5.59rem;
    opacity: 0;
    transform: translateY(30px);
    transition: all 0.8s cubic-bezier(0.4, 0, 0.2, 1);
}

.right-title2-1 {
    font-weight: 400;
    font-size: 0.23rem;
    color: #FFFFFF;
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.8s cubic-bezier(0.4, 0, 0.2, 1) 0.2s;
}

.mk_kv.loaded .right-title2,
.mk_kv.loaded .right-title2-1 {
    opacity: 1;
    transform: translateY(0);
}

.service-content {
    width: 100%;
    min-height: 10rem;

    position: relative;
    padding: 0.62rem 1.5rem;
    background: #F6F6F6;
}

.eq-1 {
    margin-bottom: 0.61rem;
}

.eq-1-1 {
    font-weight: 500;
    font-size: 0.55rem;
    color: #000000;
    margin-bottom: 0.37rem;
}

.eq-1-2 {
    font-weight: 400;
    font-size: 0.23rem;
    color: #000000;
}

.eq-2 {
    padding: 0.3rem;
    background: #FFFFFF;
    display: flex;
    align-items: center;
    margin-bottom: 0.3rem;
}

.eq-2-1 {
    font-size: 0.16rem;
    color: #333333;
    margin-right: 0.3rem;
    min-width: 0.8rem;
}

.eq-2-2 {
    flex: 1;
    display: flex;
    justify-content: end;
}

.eq-checkbox {
    margin-right: 0.3rem;
    cursor: pointer;
    display: inline-block;
}

.eq-checkbox input[type="checkbox"] {
    display: none;
}

.eq-checkbox span {
    position: relative;
    padding-left: 0.24rem;
    color: #999999;
}

.eq-checkbox span:before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 0.16rem;
    height: 0.16rem;
    border: 1px solid #DCDCDC;
    background: #FFFFFF;
}

.eq-checkbox input[type="checkbox"]:checked+span {
    color: #333333;
}

.eq-checkbox input[type="checkbox"]:checked+span:before {
    background: #DDBFA7;
    border-color: #DDBFA7;
}

.eq-checkbox input[type="radio"] {
    display: none;
}

.eq-checkbox input[type="radio"]+span {
    position: relative;
    padding-left: 0.24rem;
    color: #999999;
}

.eq-checkbox input[type="radio"]+span:before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 0.16rem;
    height: 0.16rem;
    border: 1px solid #DCDCDC;
    background: #FFFFFF;
}

.eq-checkbox input[type="radio"]:checked+span {
    color: #333333;
}

.eq-checkbox input[type="radio"]:checked+span:before {
    background: #DDBFA7;
    border-color: #DDBFA7;
}

.eq-3 {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -0.15rem;
}

.eq-item {
    width: calc(25% - 0.3rem);
    margin: 0.15rem;
    position: relative;
}

.eq-img {
    height: 3.86rem;

    width: 100%;
    padding-bottom: 100%;
    position: relative;
    background: #FFFFFF;
    overflow: hidden;
}

.eq-img img:first-child {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.eq-info {
    margin-top: 0.2rem;
    position: relative;
}

.eq-series {
    font-size: 0.14rem;
    color: #999999;
    margin-bottom: 0.1rem;
}

.eq-name {
    font-size: 0.16rem;
    color: #333333;
}

.eq-qrcode {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 3.44rem;
    height: 3.22rem;
    background: rgba(51, 51, 51, 0.9);
    color: #FFFFFF;
    padding: 0.3rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease;
}

.eq-img:hover .eq-qrcode {
    opacity: 1;
    visibility: visible;
}

.eq-qrcode-1 {
    transform: translateY(-20px);
    opacity: 0;
    transition: all 0.3s ease;
}

.eq-qrcode-2 {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    transform: translateY(20px);
    opacity: 0;
    transition: all 0.3s ease 0.2s;
}

.eq-img:hover .eq-qrcode-1,
.eq-img:hover .eq-qrcode-2 {
    transform: translateY(0);
    opacity: 1;
}

.eq-qrcode-1-1 {
    font-weight: 400;
    font-size: 0.43rem;
    color: #FFFFFF;
    margin-bottom: 0.1rem;
}

.eq-qrcode-1-2 {
    font-weight: 100;
    font-size: 0.27rem;
    color: #FFFFFF;
}

.eq-qrcode-2-1-1 {
    font-weight: 400;
    font-size: 0.18rem;
    color: #FFFFFF;
    margin-bottom: 0.1rem;
}

.eq-qrcode-2-1-2 {
    font-weight: 300;
    font-size: 0.13rem;
    color: #FFFFFF;
}

.eq-qrcode-2-2 {
    width: 0.76rem;
    height: 0.76rem;
}

.eq-line {
    width: 90%;
    height: 0.02rem;
    background: #000000;
    margin: 0.4rem auto 0;
    transition: all 0.3s ease;
}

.eq-item:hover .eq-line {
    background: #D3986E;
    transform: translateY(0.12rem);
}

.eq-4 {
    width: 2.48rem;
    height: 0.66rem;
    line-height: 0.66rem;
    text-align: center;
    background: #FFFFFF;
    font-weight: 300;
    font-size: 0.25rem;
    color: #4C413D;
    margin: 0.94rem auto;
    cursor: pointer;
    transition: all 0.3s ease;
    position: relative;
    overflow: hidden;
}

.eq-4:hover {
    color: #FFFFFF;
    background: #62574F;
    box-shadow: 0 0.05rem 0.15rem rgba(98, 87, 79, 0.3);
    transform: translateY(-0.05rem);
}

.eq-4::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: -100%;
    background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0) 100%);
    transition: all 0.6s ease;
}

.eq-4:hover::after {
    left: 100%;
}

.baoyang-2 {
    width: 100%;
    height: 10.7rem;
    background: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.8rem;
}

.baoyang-2-1 {
    width: 9.43rem;
}

.baoyang-2-2 {
    width: 5.93rem;
    height: 6.73rem;
    background: #F4F5F6;
    padding-top: 0.87rem;
    padding-left: 0.65rem;
}

.baoyang-2-2-1 {
    display: flex;
    align-items: center;
}

.baoyang-2-2-1-1 {
    width: 1.36rem;
    margin-right: 0.34rem;
}

.baoyang-2-2-1-2 {
    font-weight: 500;
    font-size: 0.42rem;
    color: #010101;
}

.baoyang-2-2-2 {
    font-weight: 400;
    font-size: 0.17rem;
    color: #000000;
    margin-top: 0.42rem;
    margin-bottom: 0.56rem;
}

.baoyang-2-2-3 {
    width: 2.06rem;
    height: 2.06rem;
    background: rgba(205, 205, 205, 0.2);
    position: relative;
}

.baoyang-2-2-3-1 {
    width: 1.72rem;
    height: 1.72rem;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

@media (max-width: 768px) {
    .right-banner2 {
        height: 10.87rem !important;
    }
    .right-title2{
        left: 0.61rem !important;
        top: 8.5rem !important;
    }
    .right-title2 >div{
        font-family: HarmonyOS Sans SC, HarmonyOS Sans SC;
        font-weight: bold;
        font-size: 0.52rem;
        color: #FFFFFF;
        line-height: 0.73rem;
        text-align: left;
    }
    .right-title2-1{
        font-family: HarmonyOS Sans SC, HarmonyOS Sans SC;
        font-weight: 300;
        font-size: 0.3rem !important;
        color: #FFFFFF;
        line-height: 0.4rem;
        text-align: left;
    }
    .service-content{
        padding-left: 0.24rem !important;
        padding-right: 0.24rem !important;
    }
    .eq-3 {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 0.2rem;
        padding: 0 0.2rem;
    }
    
    .eq-item {
        width: 3.35rem;
        margin: 0 auto;
    }
    .eq-series{
        font-weight: 400;
        font-size: 0.17rem;
    }
    .eq-name{
        font-size: 0.22rem;
    }
    .eq-img{
        height: 3.55rem;
    }
    .eq-1-1{
        font-weight: 500;
        font-size: 0.52rem;
        padding-left: 0.4rem;
    }
    .eq-1-2{
        font-weight: 400;
        font-size: 0.23rem;
        padding-left: 0.4rem;
        padding-right: 0.2rem;
    }
    .eq-2{
        flex-direction: column;
        padding: 0;
        background: none;
        padding-left: 0.04rem;
        padding-right: 0.04rem;
    }
    .eq-2-1{
        height: 0.87rem;
        line-height: 0.87rem;
        background: #FFFFFF;
        font-family: HarmonyOS Sans SC, HarmonyOS Sans SC;
        font-weight: 500;
        font-size: 0.27rem;
        color: #000000;
        padding-left: 0.3rem;
        margin-right: 0;
    }
    .eq-2-2{
        background: #FCFBFB;
        height: 0.87rem;

    }
    .eq-2-2{
        flex-direction: row;
        justify-content: start;
        padding-left: 0.6rem;
        align-items: center;
    }
    .eq-checkbox span {
        padding-left: 0.33rem !important;
        color: #999999;
    }
    
    .eq-checkbox input[type="radio"]+span:before {
        width: 0.2rem;
        height: 0.2rem;
    }
    .baoyang-2-mb{
        margin-top: 0.6rem;
        background: #ffffff;
        padding: 1.4rem 0.6rem 0.97rem 0.6rem;
    }
    .baoyang-2-mb-1{
        font-family: HarmonyOS Sans SC, HarmonyOS Sans SC;
        font-weight: 500;
        font-size: 0.52rem;
        color: #000000;
        text-align: center;
    }
    .baoyang-2-mb-2{
        font-family: HarmonyOS Sans SC, HarmonyOS Sans SC;
        font-weight: 400;
        font-size: 0.23rem;
        color: #000000;
        text-align: center;
        margin-top: 0.62rem;
    }
    .baoyang-2-mb-3{
        width: 3.34rem;
        height: 0.76rem;
        background: #A5856B;
        color: #ffffff;
        font-size: 0.25rem;
        text-align: center;
        line-height: 0.76rem;
        margin: 0 auto;
        margin-top: 0.64rem;
        
    }
    .baoyang-2-mb-4{
        display: block;
        margin: 0 auto;
        margin-top: 0.94rem;
        width: 6.3rem;
        height: 4.11rem;
    }
    .baoyang-2{
        display: none;
    }


 
}