.arc-banner img {
    width: 100%;
}

.arc-banner p {
    position: absolute;
    left: 1.8rem;
    bottom: 0;
    width: 6.4rem;
    padding: 0 0 0 1rem;
    font: 400 0.4rem/0.6rem "微软雅黑";
    color: #000;
    background: rgba(255, 255, 255, 0.8) url(../images/arrow.png) no-repeat 0.6rem center/0.24rem;
}

.common-title {
    top: 0.5rem;
}

.arc-arc-title {
    padding: 0 0 10px;
    font: 400 18px/30px "微软雅黑";
    color: #000;
}

.arc-arc p {
    font: 400 14px/24px "微软雅黑";
    color: #000;
    text-align: justify;
}

.arc-arc p img {
    width: 100%;
}

@media (min-width: 1200px) {
    header {
        position: relative;
    }
    .article-banner {
        position: relative;
    }
    .article-a {
        display: flex;
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
    }
    .article-a a {
        width: 33.33%;
        height: 100%;
    }
    .article-banner img {
        width: 100%;
    }
    .common-link {
        display: flex;
        justify-content: space-between;
        width: 85%;
        min-width: 1200px;
        margin: 0 auto;
        padding: 20px 0;
        border-bottom: 8px solid #c9151e;
    }
    .common-link a {
        padding: 0 0 0 36px;
        font: 400 18px/30px "微软雅黑";
        color: #000;
        background: url(../images/arrow.png) no-repeat 0 center;
    }
    .common-link a:hover {
        color: #c9151e;
        background-image: url(../images/arrow_a.png);
    }
    .common-title {
        padding: 0;
        top: 0;
    }
    .arc-arc {
        padding: 72px 50px;
    }
    .arc-arc-title {
        padding: 0 0 30px;
        font: 400 30px/36px "微软雅黑";
        color: #000;
    }
    .arc-arc p {
        font: 400 16px/36px "微软雅黑";
        color: #000;
        text-align: justify;
    }
}