/* 背景 */
* {
    padding: 0;
    color: #333;
    font-family: 微软雅黑;
}


/* ai 适配 1680以上   主要是大屏电脑*/
@media (min-width:1680px) {
    #banner {
        width: 100%;
        height: 850px;
        margin-top: 20px;
    }

    /* 业务能力 成功案例 关于我们 */
    #index {
        height: 300px;
        margin-top: 20px;
        display: flex;
    }

    #index .index-div {
        text-align: center;
        margin: 0 auto;
    }

    #index .index-span {
        font-size: 24px;
        margin-left: 30px;
    }

    /* 单个盒子 */
    #index-case,
    #index-sercvice,
    #index-product,
    #index-us {
        margin-top: 110px;
    }

    /* 悬浮样式 */
    #index-case:hover,
    #index-sercvice:hover,
    #index-product:hover,
    #index-us:hover {
        cursor: pointer;
        color: #ec661a;
    }
}

/* ai 适配 1680 屏幕*/
@media (min-width:1440px) and (max-width:1680px) {

    #banner {
        width: 100%;
        height: 730px;
        margin-top: 20px;
    }

    /* 业务能力 成功案例 关于我们 */
    #index {
        height: 300px;
        margin-top: 20px;
        display: flex;
    }

    #index .index-div {
        text-align: center;
        margin: 0 auto;
    }

    #index .index-span {
        font-size: 24px;
        margin-left: 30px;
    }

    /* 单个盒子 */
    #index-case,
    #index-sercvice,
    #index-product,
    #index-us {
        margin-top: 110px;
    }

    /* 悬浮样式 */
    #index-case:hover,
    #index-sercvice:hover,
    #index-product:hover,
    #index-us:hover {
        cursor: pointer;
        color: #ec661a;
    }
}

/* ai 适配 1440 屏幕*/
@media (min-width:1280px) and (max-width:1440px) {

    #banner {
        width: 100%;
        height: 620px;
        margin-top: 20px;
    }

    /* 业务能力 成功案例 关于我们 */
    #index {
        height: 300px;
        margin-top: 20px;
        display: flex;
    }

    #index .index-div {
        text-align: center;
        margin: 0 auto;
    }

    #index .index-span {
        font-size: 24px;
        margin-left: 30px;
    }

    /* 单个盒子 */
    #index-case,
    #index-sercvice,
    #index-product,
    #index-us {
        margin-top: 110px;
    }

    /* 悬浮样式 */
    #index-case:hover,
    #index-sercvice:hover,
    #index-product:hover,
    #index-us:hover {
        cursor: pointer;
        color: #ec661a;
    }
}

/* ai 适配 1024-1280 屏幕*/
@media (min-width:1024px) and (max-width:1280px) {

    #banner {
        width: 100%;
        height: 560px;
        margin-top: 20px;

    }

    /* 业务能力 成功案例 关于我们 */
    #index {
        height: 300px;
        margin-top: 20px;
        display: flex;
    }

    #index .index-div {
        text-align: center;
        margin: 0 auto;
    }

    #index .index-span {
        font-size: 24px;
        margin-left: 30px;
    }

    /* 单个盒子 */
    #index-case,
    #index-sercvice,
    #index-product,
    #index-us {
        margin-top: 110px;
    }

    /* 悬浮样式 */
    #index-case:hover,
    #index-sercvice:hover,
    #index-product:hover,
    #index-us:hover {
        cursor: pointer;
        color: #ec661a;
    }

    /* 页脚 */
    #footer .footer-hr {
        margin: 0 30px;
    }
}

/* ai 适配 pc 端 小屏幕*/
@media (min-width:992px) and (max-width:1024px) {

    #banner {
        width: 100%;
        height: 450px;
        margin-top: 20px;
    }

    /* 业务能力 成功案例 关于我们 */
    #index {
        height: 300px;
        margin-top: 20px;
        display: flex;
    }

    #index .index-div {
        text-align: center;
        margin: 0 auto;
    }

    #index .index-span {
        font-size: 24px;
        margin-left: 30px;
    }

    /* 单个盒子 */
    #index-case,
    #index-sercvice,
    #index-product,
    #index-us {
        margin-top: 110px;
    }

    /* 悬浮样式 */
    #index-case:hover,
    #index-sercvice:hover,
    #index-product:hover,
    #index-us:hover {
        cursor: pointer;
        color: #ec661a;
    }

    /* 页脚 */
    #footer .footer-hr {
        margin: 0 30px;
    }
}

/* ai 适配  768-992 主要是PAD*/
@media (min-width:768px) and (max-width:992px) {

    #banner {
        width: 100%;
        height: 450px;
        margin-top: 20px;
    }

    /* 业务能力 成功案例 关于我们 */
    #index {
        height: 300px;
        margin-top: 20px;
        display: flex;
    }

    #index .index-div {
        text-align: center;
        margin: 0 auto;
    }

    #index .index-span {
        font-size: 24px;
        margin-left: 30px;
    }

    /* 单个盒子 */
    #index-case,
    #index-sercvice,
    #index-product,
    #index-us {
        margin-top: 110px;
    }

    /* 悬浮样式 */
    #index-case:hover,
    #index-sercvice:hover,
    #index-product:hover,
    #index-us:hover {
        cursor: pointer;
        color: #ec661a;
    }

    /* 页脚 */
    #footer .footer-hr {
        display: none;
    }

    #footer .footer-font {
        display: block;
    }

    #footer-bg {
        margin-top: 120px;
        margin-bottom: 100px;
    }
}

/* ai 适配  480-768 主要是手机*/
@media (min-width:480px) and (max-width:768px) {

    #banner {
        width: 100%;
        height: 300px;
        margin-top: 20px;
    }

    /* 业务能力 成功案例 关于我们 */
    #index {
        height: 550px;
        margin-top: 20px;
    }

    #index .index-div {
        text-align: center;
        margin: 0 auto;
    }

    #index .index-span {
        font-size: 24px;
        margin-left: 30px;
    }

    /* 单个盒子 */
    #index-case,
    #index-sercvice,
    #index-product,
    #index-us {
        margin-top: 110px;
    }

    /* 悬浮样式 */
    #index-case:hover,
    #index-sercvice:hover,
    #index-product:hover,
    #index-us:hover {
        cursor: pointer;
        color: #ec661a;
    }

    /* 页脚 */
    #footer .footer-hr {
        display: none;
    }

    #footer .footer-font {
        display: block;
    }

    #footer-bg {
        margin-top: 120px;
        margin-bottom: 100px;
    }
}

/* ai 适配  小于 480px*/
@media (max-width: 480px) {

    #banner {
        width: 100%;
        height: 200px;
        margin-top: 20px;
    }

    /* 业务能力 成功案例 关于我们 */
    #index {
        height: 550px;
        margin-top: 20px;
    }

    #index .index-div {
        text-align: center;
        margin: 0 auto;
    }

    #index .index-span {
        font-size: 24px;
        margin-left: 30px;
    }

    /* 单个盒子 */
    #index-case,
    #index-sercvice,
    #index-product,
    #index-us {
        margin-top: 110px;
    }

    /* 悬浮样式 */
    #index-case:hover,
    #index-sercvice:hover,
    #index-product:hover,
    #index-us:hover {
        cursor: pointer;
        color: #ec661a;
    }

    /* 页脚 */
    #footer .footer-hr {
        display: none;
    }

    #footer .footer-font {
        display: block;
    }

    #footer-bg {
        margin-top: 200px;
        margin-bottom: 100px;
    }
}