/* 基础样式（移动优先） */


/* 576px+ 平板 */

@media (min-width: 576px) {

    /* 重置容器宽度 */
    .container,
    .container-sm {
        max-width: 100%;
    }

    /* -------------------------------------- 轮播图样式 -------------------------------------- */
    #carouseSwiper .carouse-p1 {
        font-size: 4.5rem;
    }

    #carouseSwiper .carouse-p2 {
        font-size: 2.8rem;
    }

    /* 更多应用 */

    #more_app li a img {
        width: 85px;
        width: 85px;
    }
}


/* 768px+ 小桌面 */

@media (min-width: 768px) {

    /* 重置容器宽度 */
    .container,
    .container-md,
    .container-sm {
        max-width: 100%;
    }

    /* -------------------------------------- 轮播图样式 -------------------------------------- */
    #carouseSwiper {
        position: relative;
        height: calc(100vh * 0.65);
        max-height: 75rem;
        min-height: 50rem;
    }

    #carouseSwiper .carouse-p1 {
        font-size: 5rem;
    }

    #carouseSwiper .carouse-p2 {
        font-size: 3rem;
    }

    #carouseSwiper .carouse-free-btn {
        font-size: 1.8rem;
        background-color: transparent;
    }

    /* 更多应用 */

    #more_app li a img {
        width: 95px;
        width: 95px;
    }

    /* 内页 - 关于我们 - 团队风采 - swiper - 开始 */
    #certify {
        height: 50rem;
    }

    #certify .swiper {
        width: 98%;
    }

    #certify .swiper-wrapper .swiper-slide-active,
    #certify .swiper-wrapper .swiper-slide-duplicate-active {
        transform: scale(2);
    }
}

@media (min-width: 992px) {

    /* 重置容器宽度 */
    .container,
    .container-lg,
    .container-md,
    .container-sm {
        max-width: 100%;
    }

    /* -------------------------------------- 头部样式 -------------------------------------- */
    /* 外层全宽背景容器 */
    header.navbar-background {
        background-color: transparent;
    }

    header.navbar-background.navbar-scrolled {
        background-color: white;
        box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
    }

    /* 默认状态下的导航链接颜色 */
    header .navbar .nav-link {
        color: white !important;
        border-bottom: 1px solid transparent;
    }

    /* 滚动状态下的导航链接颜色 */
    header.navbar-background.scrolled .navbar-nav .nav-link {
        color: #333333 !important;
    }

    /* logo文字样式 */
    header .logo-text {
        color: white;
        transition: color 0.3s ease;
        border-color: white !important;
    }

    header.navbar-background.scrolled .logo-text {
        color: #333333;
        border-color: #cacaca !important;
    }

    /* -------------------------------------- 轮播图样式 -------------------------------------- */
    #carouseSwiper {
        position: relative;
        height: calc(100vh * 0.75);
        max-height: 75rem;
        min-height: 50rem;
    }

    #carouseSwiper .carouse-text {
        padding-top: 130px;
        padding-left: 28px !important;
    }

    #carouseSwiper .carouse-p1 {
        font-size: 7rem;
        font-weight: 700;
    }

    #carouseSwiper .carouse-p2 {
        font-size: 3.3rem;
    }

    #carouseSwiper .carouse-img {
        padding-top: 20px;
    }

    #carouseSwiper .carouse-free-btn {
        font-size: 2rem;
    }

    /* 更多应用 */

    #more_app li a img {
        width: 105px;
        width: 105px;
    }
}


/* 1200px+ 大桌面 */

@media (min-width: 1200px) {

    /* 重置容器宽度 */
    .container,
    .container-sm,
    .container-md,
    .container-lg,
    .container-xl {
        max-width: 1200px;
    }

    /* -------------------------------------- 轮播图样式 -------------------------------------- */
    #carouseSwiper {
        height: 75rem;
    }
}