/* 通用头部样式 */
header {
    background-color: rgb(255,255,255);
    text-align: center;
}

/* 电脑端头部样式及初始显示设置 */
header.desktop-header {
    display: block;
}

.phoneNav {
    display: none;
}

/* 手机端头部样式及初始显示设置 */
header.navbar {
    /*    display: none;*/
}
@media (min-width: 991px) {
    header.navbar {
        display: none;
    }
}
@media (max-width: 991px) {
    header.desktop-header {
        display: none;
    }
}

.phoneNavLogo {
    width: 100px;
    margin: 8px 15px;
}

/* 通用底部样式 */
footer {
    /*background-image: url('../../cn_assets/images/footerbg.png');*/
    /*background-color: #0A1A2F;*/
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

/* 电脑端头部样式及初始显示设置 */
footer.desktop-header {
    display: block;
}

/* 手机端头部样式及初始显示设置 */
footer.footer {
    display: none;
}
/* 电脑端头部样式及初始显示设置 */
.about-com {
    display: block;
}

/* 手机端头部样式及初始显示设置 */
.about-phone {
    display: none;
}
/* 媒体查询，当屏幕宽度小于一定值（这里以768px作为手机端判断参考，可根据实际调整）时，显示手机端头部，隐藏电脑端头部 */
@media screen and (max-width: 768px) {
    .about-com {
        display: none;
    }

    .about-phone {
        display: block;
    }
    header.desktop-header {
        display: none;
    }

    header.navbar {
        display: block;
    }
    footer.desktop-header {
        display: none;
    }

    footer.footer {
        display: block;
    }
}