@charset "utf-8";.gs-component-1 {
    width: 100%;
    height: auto;
    position: relative;
    z-index: 1;
    margin-top: 90px;
    overflow: hidden
}

.gs-component-1 .component-box {
    width: 100%;
    height: auto;
    padding: 1rem 0;
    overflow: hidden
}

@media (max-width: 991px) {
    .gs-component-1 .component-box {
        padding:60px 30px
    }
}

.gs-component-1 .component-box .block-title {
    width: 100%;
    height: auto;
    text-align: center;
    padding-bottom: .4rem;
    border-bottom: 1px solid #EEEEEE
}

.gs-component-1 .component-box .block-title .headline {
    width: 100%;
    height: auto;
    font-weight: bold;
    font-size: var(--font-size2);
    color: #000000;
    line-height: 1
}

.gs-component-1 .component-box .block-title .details {
    width: 100%;
    height: auto;
    margin-top: .3rem;
    font-size: var(--font-size8);
    color: #666666;
    line-height: 1.25
}

@media (max-width: 767px) {
    .gs-component-1 .component-box .block-title .details {
        font-size:var(--font-size9)
    }
}

.gs-component-1 .component-box .public-content {
    width: 100%;
    height: auto;
    margin-top: .4rem;
    font-size: var(--font-size8);
    color: #666666;
    line-height: 1.67
}

.gs-component-1 .map-box {
    width: 100%;
    height: auto;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 1;
    font-size: 0;
    opacity: .2;
    overflow: hidden;
    -webkit-mask: linear-gradient(transparent, black 200%);
    mask: linear-gradient(transparent, black 200%)
}

.gs-component-1 .map-box img {
    width: 100%;
    height: auto
}