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


/* 576px+ 平板 */

@media (min-width: 576px) {

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

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

    #carouseSwiper .carouse-p2,
    #carouseSwiper-px .carouse-p2 {
        font-size: 2.5rem;
    }

    /* 更多应用 */

    #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.75);
        max-height: 72rem;
        min-height: 50rem;
    }

    #carouseSwiper-px {
        height: calc(100vh * 0.65);
        max-height: 65rem;
        min-height: 50rem;
    }

    #carouseSwiper .carouse-p1,
    #carouseSwiper-px .carouse-p1 {
        font-size: 6rem;
    }

    #carouseSwiper .carouse-p2,
    #carouseSwiper-px .carouse-p2 {
        font-size: 2.5rem;
    }

    /* 内页 - 关于我们 - 团队风采 - 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;
    }

    /* 下拉菜单 */
    header .navbar-expand-lg .navbar-nav .dropdown-menu {
        border: none !important;
        border-radius: 0 !important;
        position: absolute !important;
        left: 0 !important;
        right: 0 !important;
        /* top: calc(100% - 1px) !important; */
        width: 100vw !important;
        margin-left: calc(50% - 50vw) !important;
        transform: none !important;
        margin-top: 0 !important;
        padding: 0 !important;
        z-index: 9999 !important;
        display: block;
        opacity: 0;
        visibility: hidden;
        transition: all 0.2s ease;
    }

    header .nav-item.dropdown:hover .dropdown-menu {
        opacity: 1;
        visibility: visible;

    }

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

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

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

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

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

    /* -------------------------------------- 内页 -------------------------------------- */
    /* 核心应用悬浮图标 */

    #core-function .image-container .default-img,
    #core-function .image-container .hover-img {
        width: 110px;
        height: 110px;
    }
}


/* 1200px+ 大桌面 */

@media (min-width: 1200px) {

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

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

    #carouseSwiper-px {
        height: 65rem;
    }

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

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

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