/* 因为该板块样式较少所以所有样式都写在了一个文件中 底部上面的公用样式  */


/* s1-欢迎进入世外云计算，开启您的云服务之旅！ */
.s1-cloudServices {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 20px;
    /* background: url('/web/shiwaicloud/s1-file/assets/img/footer/singlePageLink.jpg') no-repeat center; */
    background-size: cover;
    padding: 20px 0;
    height: 180px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.s1-cloudServices span {
    font-size: 24px;
    color: #003da9;
}

.s1-cloudServices a {
    text-align: center;
    border-radius: 10px;
    padding: 10px 35px;
    font-weight: bold;
    color: #fff;
    background: #4589fd;
    box-shadow: 0 2px 4px 0px rgba(0, 0, 0, 0.4), 0 7px 13px -3px rgba(0, 0, 0, 0.3), inset 0 -3px 0px 0px rgba(0, 0, 0, 0.2);
}

.s1-cloudServices a:hover {
    background-color: #6b97fd;
}

/* s1-欢迎进入世外云计算，开启您的云服务之旅！ */
@media (max-width: 768px) {
    .s1-cloudServices {
        gap: 5vw;
        padding: 5vw 0;
        height: auto;
    }

    .s1-cloudServices span {
        font-size: 4.5vw;
        color: #000000;
    }

    .s1-cloudServices a {
        width: 32vw;
        height: 10vw;
        font-size: 3.5vw;
        padding: 0;
        display: flex;
        align-items: center;
        justify-content: center;
    }
}


/* s2-欢迎进入世外云计算，开启您的云服务之旅！ */
.s2-cloudServices {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 20px;
    /* background: url('/web/shiwaicloud/s2-file/assets/img/footer/singlePageLink.jpg') no-repeat center; */
    background-size: cover;
    padding: 20px 0;
    height: 180px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.s2-cloudServices span {
    color: #000;
    font-size: 24px;
}

.s2-cloudServices a {
    border: none;
    background-color: #337dff;
    color: #fff;
    padding: 10px 20px;
    border-radius: 5px;
    font-weight: bold;
}

.s2-cloudServices a:hover {
    background-color: #6b97fd;
}

/* s2-欢迎进入世外云计算，开启您的云服务之旅！ */
@media (max-width: 768px) {
    .s2-cloudServices {
        gap: 5vw;
        padding: 5vw 0;
        height: auto;
    }

    .s2-cloudServices span {
        font-size: 4.5vw;
        color: #000;
        display: flex;
        width: 100%;
        padding: 0 5vw;
    }

    .s2-cloudServices a {
        border: 1px solid #337dff;
        padding: 0;
        background-color: #fff;
        color: #337dff;
        margin: 0 auto 0 5vw;
        width: 32vw;
        height: 10vw;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .s2-cloudServices a:hover {
        background-color: #fff;
        color: #337dff;
    }
}


/* s3-大宽带搭建CDN服务器，全球加速，即刻开始您的加速之旅 */
.s3-advertisingImagePlacement {
    /* margin-top: 100px; */
    /* background: url("/web/shiwaicloud/s3-file/assets/img/index/sadgca.png") no-repeat; */
    height: 100px;
    background-size: cover;
    display: flex;
    align-items: center;
    height: 180px;
    justify-content: center;
}

.s3-advertisingImagePlacement .s3-advertisingTags {
    width: 1280px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    flex-direction: column;
    gap: 20px;
}

.s3-advertisingImagePlacement .s3-advertisingTags p {
    font-size: 24px;
}

.s3-advertisingImagePlacement .s3-advertisingTags span {
    color: #000;
    font-size: 4.5vw;
}

.s3-advertisingImagePlacement .s3-advertisingTags a {
    padding: 10px 30px;
    color: #000;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border: 1px solid #000;
    background-color: transparent;
    cursor: pointer;
    transition: 0.3s linear;
    -webkit-transition: 0.3s linear;
    -moz-transition: 0.3s linear;
    -ms-transition: 0.3s linear;
    -o-transition: 0.3s linear;
    font-size: 15px;
}

.s3-advertisingImagePlacement .s3-advertisingTags a:hover {
    background-color: #000;
    color: #fff;
}

/* s3-大宽带搭建CDN服务器，全球加速，即刻开始您的加速之旅 */
@media (max-width: 768px) {
    .s3-advertisingImagePlacement {
        height: auto;
        background-size: cover;
        padding: 5vw 0;
    }

    .s3-advertisingImagePlacement .s3-advertisingTags {
        width: 100%;
        padding: 0 5vw;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 5vw;
    }

    .s3-advertisingImagePlacement .s3-advertisingTags a {
        margin: 0;
        background-color: #1A8DFF;
        color: #fff;
        padding: 0;
        border: none;
        margin-top: 0;
        font-size: 3.5vw;
        width: 32vw;
        height: 10vw;
        display: flex;
        align-items: center;
        justify-content: center;

    }
}



/* s4-安全合格的云服务，让您的业务轻松上云 */
.s4-cloudServices {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 20px;
    /* background: url('/web/shiwaicloud/s4-file/assets/img/index/cloudServices.png') no-repeat center; */
    background-size: cover;
    padding: 20px 0;
    height: 180px;
    justify-content: center;
}

.s4-cloudServices span {
    font-size: 24px;
    color: #020E22;
}

.s4-cloudServices a {
    color: #fff;
    background-color: #004CFF;
    width: 120px;
    height: 39px;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.s4-cloudServices a:hover {
    background-color: #6b97fd;
}

/* s4-安全合格的云服务，让您的业务轻松上云 */
@media (max-width: 768px) {
    .s4-cloudServices {
        gap: 5vw;
        padding: 5vw 0;
        height: auto;
    }

    .s4-cloudServices span {
        font-size: 4.5vw;
    }

    .s4-cloudServices a {
        width: 32vw;
        height: 10vw;
        background: linear-gradient(270deg, #1353E9 0%, #3D7CFB 100%);
        font-size: 3.5vw;
        padding: 0;
        display: flex;
        align-items: center;
        justify-content: center;
    }
}