@charset "UTF-8";

@media (min-width: 768px) {
    html {
        font-size: 28px!important;
    }
}
@media (min-width: 1025px) {
    html {
        font-size: 34px!important;
    }
    ::-webkit-scrollbar {
        width: 6px;
        height:6px;
    }

    ::-webkit-scrollbar-track {
        background: #fff;
    }

    ::-webkit-scrollbar-thumb {
        background: #004898;
    }

    ::-webkit-scrollbar-thumb:window-inactive {
        background: #004898;
    }

    ::-webkit-scrollbar-thumb:vertical:hover {
        background: #004898;
    }
    body{
        -ms-overflow-style: scrollbar;
    }
}
@media (min-width: 1680px) {
    html {
        font-size: 40px!important;
    }
}

.map{
    height: calc(100vh - 2.35rem);
}

.contact-box .bread-box .bread{
    border-bottom: none;
}
.map-box .text-box{
    position: absolute;
    left: 13.4375%;
    top: 30%;
    transform: translateY(-50%);
    padding: 1.25rem 1rem 1.5rem;
    background-color: #fff;
    width: 10rem;
}
.map-box .text-box .tit{
    font-size: .6rem;
    line-height: .7rem;
    color: #222;
    font-weight: bold;
}
.map-box .text-box .con{
    font-size: .375rem;
    line-height: .8rem;
    color: #222;
    margin-top: .5rem;
}
.map-box .text-box .qrcode{
    margin-top: .5rem;
}
.map-box .text-box .qrcode .item{
    display: inline-block;
    *display: inline;
    zoom: 1;
    width: 3rem;
    display: inline-block;
    *display: inline;
    zoom: 1;
    text-align: center;
    color: #222;
}
.map-box .text-box .qrcode .item img{
    width: 100%;
}
.map-box .text-box .qrcode .txt{
    margin-top: .25rem;
    color: #222;
    font-size: .4rem;
    line-height: .5rem;
}