header[data-v-31609233] {
    z-index: 10;
    position: fixed;
    top: 0;
    left: 0;
    background-color: #fff;
    width: 100%;
    min-width: 1366px;
    height: 75px;
    border-bottom: 1px solid #f0f0f0
}

header .logo[data-v-31609233] {
    line-height: 75px
}

header .logo img[data-v-31609233] {
    vertical-align: middle
}

header .header-inner[data-v-31609233] {
    width: 1200px;
    height: 100%;
    margin: 0 auto;
    display: flex;
    align-items: center
}

header .header-inner .nav[data-v-31609233] {
    height: 100%
}

header .header-inner .nav .nav-block[data-v-31609233] {
    display: inline-flex;
    height: 100%;
    flex-direction: column;
}

header .header-inner .nav .nav-block[data-v-31609233]:not(:last-child):after {
    content: "";
    display: inline-block;
    width: 6px;
    height: 6px;
    margin: 35px 14px 34px;
    border-radius: 50%;
    background-color: #444
}

header .header-inner .nav .nav-block a[data-v-31609233] {
    height: 100%;
    line-height: 74px;
    font-size: 20px;
    color: #333
}

footer[data-v-8754bd26] {
    background-color: #18191c;
    margin-top: 150px;
    padding: 40px 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    color: #FFFFFF;
    font-size: 13px;
    text-align: center;
    font-family: \5fae\8f6f\96c5\9ed1
}

footer p[data-v-8754bd26] {
    line-height: 21px;
    margin-bottom: 0
}

footer p img[data-v-8754bd26] {
    vertical-align: middle
}

footer a[data-v-8754bd26] {
    color: #606060;
    transition: all .3s ease-in-out
}

footer .links[data-v-8754bd26] {
    margin-bottom: 40px
}

footer .links a[data-v-8754bd26]:not(:last-child):after {
    content: "|";
    margin: 0 3px
}

footer .links a[data-v-8754bd26]:hover {
    text-decoration: underline
}

footer .footer-main[data-v-8754bd26] {
    margin-bottom: 30px
}

footer .footer-main p[data-v-8754bd26] {
    line-height: 25px
}

footer .footer-main a[data-v-8754bd26]:hover {
    color: #dc1e14
}

.side-fix[data-v-4158299c] {
    position: fixed;
    right: 20px;
    bottom: 20%;
    margin: 0;
    padding: 0
}

.side-fix .block[data-v-4158299c] {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 50px;
    height: 50px;
    margin-bottom: 5px;
    background-color: #aaa;
    border-radius: 50%;
    cursor: pointer
}

.side-fix .block .icon-tel[data-v-4158299c] {
    font-size: 26px
}

.side-fix .block .icon-service[data-v-4158299c] {
    font-size: 30px
}

.side-fix .block .icon-qrCode[data-v-4158299c] {
    font-size: 24px
}

.side-fix .block .icon-top[data-v-4158299c] {
    font-size: 32px
}

.side-fix .block .hoverShow[data-v-4158299c] {
    color: #fff;
    position: absolute;
    top: 0;
    right: 60px;
    text-align: center;
    font-size: 18px;
    font-family: \5fae\8f6f\96c5\9ed1;
    background-color: #c7a263;
    transition: all linear .3s;
    overflow: hidden
}

.side-fix .block[data-v-4158299c]:hover {
    background-color: #c7a263
}

.side-fix .block.tel:hover .hoverShow[data-v-4158299c] {
    width: 300px
}

.side-fix .block.tel .hoverShow[data-v-4158299c] {
    width: 0;
    height: 50px;
    line-height: 50px;
    border-radius: 25px
}

.side-fix .block.qr:hover .hoverShow[data-v-4158299c],
.side-fix .block.service:hover .hoverShow[data-v-4158299c] {
    transform: scale(1)
}

.side-fix .block.qr .hoverShow[data-v-4158299c],
.side-fix .block.service .hoverShow[data-v-4158299c] {
    width: 165px;
    padding: 5px;
    transform-origin: top right;
    transform: scale(0)
}

.side-fix .block.qr .hoverShow img[data-v-4158299c],
.side-fix .block.service .hoverShow img[data-v-4158299c] {
    width: 100%
}

.side-fix .block.qr .hoverShow p[data-v-4158299c],
.side-fix .block.service .hoverShow p[data-v-4158299c] {
    line-height: 35px;
    margin-bottom: 0
}

.router-view[data-v-67843869] {
    flex: 1;
    padding-top: 75px
}