.footer {
    background-color: #515256;
    color: white;
    padding-top: 0.66rem;
    padding-bottom: 0.18rem;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 999
}

@media screen and (max-width: 768px) {
    .footer {
        display: none
    }
}

.footer li, .footer div {
    font-size: 0.14rem;
    line-height: 2
}

.footer .content_main .content_text .footer_nav .item {
    margin-right: 0.18rem
}

.footer .content_main .content_text .footer_nav a:link, .footer .content_main .content_text .footer_nav a:visited, .footer .content_main .content_text .footer_nav a:hover, .footer .content_main .content_text .footer_nav a:active {
    color: #fff
}

.footer .content_main .content_text .footer_nav a:hover {
    text-decoration: underline
}

.footer .content_main .content_text .footer_nav, .footer .content_main .content_text .phone, .footer .content_main .content_text .mail, .footer .content_main .content_text .location {
    line-height: .22rem;
    margin-bottom: 0.15rem;
    font-size: 0.14rem
}

.footer .content_main .content_other .company_icon {
    width: 1.18rem;
    height: 1.18rem;
    margin-right: 0.43rem
}

.footer .content_main .content_other .company_wx img {
    width: 0.84rem;
    height: 0.84rem
}

.footer .content_bottom {
    text-align: right
}

    .footer .content_bottom div {
        line-height: 1.5
    }

.footerbox {
    height: 3.49rem
}

@media screen and (max-width: 768px) {
    .footerbox {
        height: .8rem
    }
}

.mobile_footer {
    display: none;
    background-color: #667BB4;
    bottom: 0;
    z-index: 999;
    width: 100%
}

@media screen and (max-width: 768px) {
    .mobile_footer {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

.mobile_footer .item {
    width: 25%;
    font-size: .14rem;
    line-height: 1.5;
    display: block;
    border-right: 1px solid #fff;
    padding: .09rem 0;
    color: #fff
}

    .mobile_footer .item .icon {
        text-align: center
    }

    .mobile_footer .item .text {
        text-align: center
    }

    .mobile_footer .item:last-child {
        border-right: 0
    }

    .mobile_footer .item .modalbox {
        display: none;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        z-index: 99
    }

        .mobile_footer .item .modalbox.active {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            background: #9996
        }

        .mobile_footer .item .modalbox .modal {
            padding: .2rem;
            background: white;
            position: relative
        }

            .mobile_footer .item .modalbox .modal .closeicon {
                top: 0;
                left: auto;
                right: -.05rem;
                z-index: 100
            }

body {
    position: relative;
    min-height: 100vh
}