@font-face {
    font-family: "DIN";
    src: url("../font/din/DIN-Bold.otf");
}

.banner .about-header {
    background: url("./../images/about/about_banner.png") center/100% 100%;
    color: #fff;
    font-size: .54rem;
    font-weight: bold;
    line-height: 2.4rem;
}

.banner .about-main {
    padding: .55rem 0 0 0;
    background: #fff;
}

.banner .about-main .about-content-container {
    padding: 1.19rem 0 0;
    overflow: hidden;
}

.banner .about-main .about-content-container .honor-box {
    width: 11.86rem;
    min-height: 6.6rem;
    margin: 0 auto .66rem;
    background: url("./../images/about/map.png") center no-repeat / 100% auto;
}

.banner .about-main .about-content-container .honor-box .honor-title {
    margin-top: 0;
    font-size: .28rem;
    font-weight: bold;
    line-height: 1;
}

.banner .about-main .about-content-container .honor-box .data {
    width: 2.1rem;
    height: 2.1rem;
    padding-top: .44rem;
    margin: .8rem;
    border: .1rem solid #b72024;
    border-radius: 50%;
    font-size: .18rem;
    color: #b72024;
}

.banner .about-main .about-content-container .honor-box .data .num {
    font-size: .8rem;
    line-height: 1;
}

.banner .about-main .about-content-container .honor-box .data .num-over {
    font-size: .26rem;
}

.banner .about-main .about-content-container .honor-box .data .data-name {
    font-weight: bold;
}

.banner .about-main .about-content-container .honor-box .honor-content {
    padding: 0 2.06rem;
    /*font-size: .16rem;*/
    line-height: .32rem;
    text-align:justify;
}

.banner .about-main .about-content-container .honor-link-container {
    height: 8rem;
    padding: 1.6rem;
    background: #FAFAFA;
    font-size: 0;
    white-space: nowrap;
}

.banner .about-main .about-content-container .honor-link-container .honor-link {
    width: 4.8rem;
    height: 4.8rem;
}

.banner .about-main .about-content-container .honor-link-container .honor-link:nth-child(1) {
    background: url("./../images/about/honor_img_qualification.png") no-repeat center/100% 100%;
}

.banner .about-main .about-content-container .honor-link-container .honor-link:nth-child(2) {
    background: url("./../images/about/honor_img_honor.png") no-repeat center/100% 100%;
}

.banner .about-main .about-content-container .honor-link-container .honor-link:nth-child(3) {
    background: url("./../images/about/honor_img_patent.png") no-repeat center/100% 100%;
}

.banner .about-main .about-content-container .honor-link-container .honor-link:hover .link-hover {
    display: block;
}

.banner .about-main .about-content-container .honor-link-container .link-title {
    color: #fff;
    font-size: .28rem;
    line-height: 4.8rem;
}

.banner .about-main .about-content-container .honor-link-container .link-hover {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: none;
    padding: .83rem .4rem 0;
    background: rgba(183, 32, 36, 0.9);
}

.banner .about-main .about-content-container .honor-link-container .hover-title {
    color: #fff;
    font-size: .28rem;
    line-height: 1;
    margin-bottom: .62rem;
}

.banner .about-main .about-content-container .honor-link-container .hover-content {
    margin-bottom: .32rem;
    color: #fff;
    /*font-size: .16rem;*/
    line-height: .32rem;
    white-space: initial;
    font-size: 12px;
}

.banner .about-main .about-content-container .honor-link-container .hover-button {
    width: 2.18rem;
    height: .5rem;
    margin: auto;
    border: 1px solid #fff;
    color: #fff;
    font-size: .16rem;
    line-height: .5rem;
}

.banner .about-main .about-content-container .honor-link-container .hover-a {
    color: #fff;
}

@media screen and (max-width: 750px) {
    .banner .about-main.mobile-reset {
        padding-top: 0;
    }

    .banner .about-main.mobile-reset .about-content-container {
        padding: .6rem 0 0;
    }

    .banner .about-main.mobile-reset .about-content-container .honor-box {
        width: 100%;
        background-size: 100% auto;
        background-repeat: no-repeat;
        background-position: center 0.34rem;
    }

    .banner .about-main.mobile-reset .about-content-container .honor-box .data {
        width: 1.8rem;
        height: 1.8rem;
        padding-top: .36rem;
        margin: .32rem;
        font-size: .24rem;
    }

    .banner .about-main.mobile-reset .about-content-container .honor-box .data .num {
        font-size: .6rem;
    }

    .banner .about-main.mobile-reset .about-content-container .honor-box .data .num-over {
        font-size: .26rem;
    }

    .banner .about-main.mobile-reset .about-content-container .honor-box .data .data-name {
        font-weight: bold;
    }

    .banner .about-main.mobile-reset .about-content-container .honor-box .honor-content {
        padding: 0 .3rem;
        /*font-size: .24rem;*/
        line-height: .42rem;
    }

    .banner .about-main.mobile-reset .about-content-container .honor-link-container {
        white-space: normal;
        background: #fff;
        padding: 0 .3rem .5rem;
        height: auto;
    }

    .banner .about-main.mobile-reset .about-content-container .honor-link-container .honor-link {
        width: 100%;
        background-size: 100% auto;
        margin-bottom: .3rem;
    }

    .banner .about-main.mobile-reset .about-content-container .honor-link-container .link-title {
        display: none;
    }

    .banner .about-main.mobile-reset .about-content-container .honor-link-container .link-hover {
        background: transparent;
        padding: 0 .5rem;
        top: 50%;
        bottom: initial;
        transform: translateY(-50%);
        display: block;
    }

    .banner .about-main.mobile-reset .about-content-container .honor-link-container .link-hover .hover-title {
        font-size: .36rem;
        position: relative;
        margin-bottom: .35rem;
    }

    .banner .about-main.mobile-reset .about-content-container .honor-link-container .link-hover .hover-title:after {
        content: '';
        position: absolute;
        width: .32rem;
        height: .03rem;
        left: 0;
        right: 0;
        bottom: -.1rem;
        margin: 0 auto;
        background: #b72024;
    }

    .banner .about-main.mobile-reset .about-content-container .honor-link-container .link-hover .hover-content {
        /*font-size: .24rem;*/
        line-height: .42rem;
    }

    .banner .about-main.mobile-reset .about-content-container .honor-link-container .link-hover .hover-button {
        width: 2rem;
        height: .68rem;
        line-height: .68rem;
        font-size: .24rem;
    }

    .footer.showInPhone {
        background: #f2f2f2;
    }
}

/*# sourceMappingURL=about-honor.css.map */