* {
    margin: 0;
    padding: 0;
}

html, body {
    width: 100%;
    height: 100%;
}

a {
    text-decoration: none;
}

.app {
    max-width: 1920px;
    width: 100%;
    height: 100%;
    margin: auto;

    font-family: "Microsoft YaHei";
}

.banner {
    width: 100%;
    height: 8rem;
    background-size: 100% 8rem;
    background-image: url("../images/banner.jpg");
}

@media screen and (max-width: 992px){
    .banner {
        width: 7.50rem;
        height: 3.60rem;
        background-size: 7.50rem 3.60rem;
        background-image: url("../images/mobile/banner.png");
    }
}

.news__title {
    font-size: 0.26rem;
    font-weight: bold;
    text-align: center;
    line-height: 0.78rem;
    height: auto;
}
.news__content {
    width: 80%;
    font-size: 0.22rem;
    line-height: 0.44rem;
    margin: auto;
    color: #555555;
    height: 100%;
}
.footer {
    width: 100%;
    height: 2.88rem;
    font-size: 0.22rem;
    line-height: 0.44rem;
    background: #2D2D2D;
    color: #FFFFFF;
    text-align: center;
}

.footer__item {
    width: 100%;
    display: inline-block;
}

.footer__item--header {
    margin-top: 0.52rem;
}