.box {
    width: 100%;
    height: 100%;
}

.content {
    width: 100%;
    height: 100%;
    position: relative;
    background-color: #174148;
}

.box .image {
    width: 198px;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    /* top: 358px; */
    top: 40vh;
}

    .box .image img {
        width: 100%;
    }

.text_box {
    top: 77vh;
    position: absolute;
    width: 100%;
    text-align: center;
}

.box .title {
    color: #c5b39f;
    font-family: MicrosoftYaHeiLight;
    /* top: 683px; */
    width: 100%;
}

    .box .title .title_top {
        font-size: 24px;
        line-height: 32px;
    }

    .box .title .title_bottom {
        margin-top: 12px;
        font-size: 12px;
        line-height: 16px;
        letter-spacing: 4px;
    }

.box .describe {
    margin-top: 20px;
    color: #546966;
    font-weight: 300;
    font-family: Lato-Light, Lato;
    width: 100%;
}

    .box .describe .describe_top {
        font-size: 13px;
        line-height: 16px;
    }

    .box .describe .describe_bottom {
        margin-top: 8px;
        font-size: 11px;
        line-height: 13px;
    }

@media screen and (max-width: 900px) {
    .box {
        padding: 0;
    }

        .box .image {
            width: 127px;
            top: 41vh;
        }

        .box .title {
            top: 82vh;
        }

            .box .title .title_top {
                font-size: 15px;
                line-height: 20px;
            }

            .box .title .title_bottom {
                margin-top: 4px;
                font-size: 12px;
                letter-spacing: 2px;
            }

        .box .describe {
            margin-top: 24px;
        }

            .box .describe .describe_top {
                font-size: 12px;
                line-height: 14px;
            }

            .box .describe .describe_bottom {
                margin-top: 3px;
                font-size: 11px;
                line-height: 13px;
            }
}