/* banner */
/* 基本样式 */
.Digital-banner {
    width: 100%;
    height: auto; /* 修改为自动高度以便响应 */
    display: flex;
    justify-content: center;
    align-items: flex-end;
    /* background: url('../../img/Digital_Solutions/矩形\ 136.png') no-repeat right top; */
    /* background-size: inherit; */
    background-size: 42% 100%;
}

.Digital-title {
    position: absolute;
    top: 100px;
    right: 0px;
    color: rgb(228, 227, 227);
    font-family: Montserrat;
    font-size: 5rem;
    font-weight: 600;
    letter-spacing: 0px;
    text-align: right;
    text-transform: uppercase;
    line-height: 1;
}

.Digital-content {
    display: flex;
    flex-direction: row;
    align-items: flex-end;
    justify-content: center;
    gap: 100px;
    padding: 20px;
    width: 100%;
    color: #333;
    margin: 80px 3% 0px 3%;
    max-width: 1800px
}


/* 1680px */
@media (max-width: 1920px ) {
    .Digital-text {
        width: 41%;
        float: left;
      
    }
    .Digital-images{
        float: left;
    }
}
@media (min-width: 1920px) {
    .Digital-text {
        width:36%;
        float: left;
        min-height: 600px;
        /* flex: 1; */
        /* max-width: 44%; */
    }
    .Digital-images{
        float: left;
    }
    
}

/* 手机端 */
@media (max-width: 1280px) and (min-width: 769px) {
    .Digital-text {
        width: 100% !important;
    }
}
@media (max-width: 769px){
    .Digital-text {
        width: 100% !important;
    }
}


@media (min-width: 2560px) {
    .footer {
        padding: 57px 372px 20px !important;
    }
}

@media(max-width: 1921px) and (min-width: 2559px){
    .footer {
        width: 90%;
        margin: 0 auto;
        padding: 0px !important;
    }
}

@media(max-width: 1920px) and (min-width: 1280px) {
    .footer {
        width: 90%;
        /* margin: 0 auto; */
        padding: 0px !important;
    }
}


.Digital-text p {
    color: rgb(0, 0, 0);
    font-family: Montserrat;
    font-size: 1.5rem;
    font-weight: 400;
    line-height: 1.5;
    letter-spacing: 0px;
    text-align: left;
}

.Digital-images {
    display: flex;
    align-items: flex-end;
    gap: 20px;
}
img.Digital-image-large {
    width: 48%;
}
img.Digital-image-small {
    width: 35%;
}
.Digital-image-large, .Digital-image-small {
    height: auto;
    border-radius: 10px;
}
@media (max-width: 1920px) {
    .Digital-banner{
        background-size: 41% 100%;
    }
}

@media (max-width: 1280px) and (min-width: 769px) {
    .footer {
        padding: 40px 0px !important;
    }
    .Digital-text {
        flex: 1;
        max-width: 100%;
    }
}
/* 针对笔记本和大屏幕设备 */
@media (max-width: 1600px) {
    .Digital-image-large, .Digital-image-small{
        width: auto !important;
    }
    .Digital-banner{
        background-size: 40% 100%;
    }
    /* .Digital-content {
    flex-direction: column;
    align-items: center;
    margin: 0px;
    }
    .Digital-title {
        font-size: 4rem;
        position: static;
    } */
}
@media (max-width: 1450px) {
    .Digital-content {
        flex-direction: column;
        align-items: center;
        text-align: center;
        gap: 10px;
        margin:0px;
    }
    .Digital-text{
        max-width: none;
    }
    .Digital-title {
        font-size: 4rem;
        right: 20px;
        top: 10px;
        position: static;
    }

    .Digital-images {
        flex-direction: row;
        justify-content: center;
        gap: 10px;
    }
}

/* 针对平板设备 */
@media (max-width: 1024px) {
    .Digital-content {
        flex-direction: column;
        align-items: center;
        text-align: center;
        gap: 40px;
        margin:0px;
    }

    .Digital-text {
        max-width: 100%;
    }

    .Digital-title {
        font-size: 3rem;
        right: 20px;
        top: 10px;
        text-align: center;
        position: static;
    }

    .Digital-images {
        flex-direction: column;
        justify-content: center;
        gap: 10px;
    }
    .Digital-image-large, .Digital-image-small {
        width: 80%;
        width: 100% !important;
    }   
}
@media (max-width: 540px) {
    .Digital-images {
        flex-direction: column;
    }
}
/* 针对移动设备 */
@media (max-width: 480px) {
    .Digital-content {
        flex-direction: column;
        align-items: center;
        text-align: center;
        gap: 20px;
        margin:0px;
    }

    .Digital-text {
        max-width: 100%;
    }

    .Digital-title {
        font-size: 2rem;
        right: 10px;
        top: 5px;
    }

    .Digital-title {
        font-size: 2.5rem;
        position: static;
        margin: 10px 0;
    }

    .Digital-images {
        flex-direction: column;
        gap: 10px;
        align-items: center;
    }

    .Digital-image-large, .Digital-image-small {
        width: 80%; /* 适应手机屏幕 */
    }

    .Digital-text p {
        font-size: 1.2rem;
    }
    .Digital-image-large, .Digital-image-small {
        width: 80%;
        width: 100% !important;
    }
}




/* 主体内容 */
/* 基本样式 */
.Digital-content-main {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-bottom: 50px;
}

.Digital-content-main h1 {
    color: rgb(0, 0, 0);
    font-family: Montserrat;
    font-size: 2.5rem;
    font-weight: 400;
    line-height: 50px;
    letter-spacing: 0px;
    text-align: left;
    margin: 50px 0px;
}

.main-imgs {
    width: 90%;
    display: flex;
    justify-content: center;
}

/* 针对笔记本和大屏幕设备 */
@media (max-width: 1024px) {
    .Digital-content-main h1 {
        font-size: 2rem;
        text-align: center;
        margin: 30px 0px;
    }

    .main-imgs img {
        width: 80%; /* 调整图片的宽度 */
    }
}

/* 针对平板设备 */
@media (max-width: 768px) {
    .Digital-content-main h1 {
        font-size: 1.8rem;
        text-align: center;
        margin: 30px 0px;
    }

    .main-imgs img {
        width: 90%; /* 调整图片的宽度 */
    }
}

/* 针对移动设备 */
@media (max-width: 480px) {
    /* .Digital-content-main{
        padding: 0px 20px;
    } */
    .Digital-content-main h1 {
        font-size: 1.5rem;
        text-align: center;
        margin: 20px 0px;
    }

    .main-imgs img {
        width: 100%; /* 调整图片的宽度以适应屏幕 */
    }
}