@charset "utf-8";

*, ::before, ::after {
    margin: 0;
    padding: 0;
    -webkit-tap-highlight-color: transparent;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

html {
    font-size: 625%;
}

body {
    font-family: "Microsoft Yahei", Helvetica, Arial, "Helvetica Neue", "Microsoft YaHei", SimHei, "\5B8B\4F53", simsun, sans-serif;
    background-color: #fff;
    font-size: 0.14rem;
}

.fsr18 {
    font-size: 0.18rem;
}

.fsr16 {
    font-size: 0.16rem;
}

.fsr14 {
    font-size: 0.14rem;
}

.fsr12 {
    font-size: 0.12rem;
}

.lhr22 {
    line-height: 0.22rem;
}

.lhr24 {
    line-height: 0.24rem;
}

.lhr25 {
    line-height: 0.25rem;
}

.lhr26 {
    line-height: 0.26rem;
}

.lhr27 {
    line-height: 0.27rem;
}

.lhr28 {
    line-height: 0.28rem;
}

.lhr30 {
    line-height: 0.30rem;
}

.lhr32 {
    line-height: 0.32rem;
}

a {
    color: #000;
    text-decoration: none;
}

    a:hover {
        color: red;
        text-decoration: none;
        position: relative;
        top: .01rem;
    }

.db {
    display: block;
}

.dn {
    display: none;
}

.pa {
    position: absolute;
}

.pr {
    position: relative;
}

.aw {
    color: white;
}

    .aw a {
        color: white;
    }

        .aw a:hover {
            color: red;
        }

.al {
    color: #0256ac;
}

    .al a {
        color: #0256ac;
    }

        .al a:hover {
            color: red;
        }

ul, ol {
    list-style: outside none none;
}

input {
    border: none;
    outline: none;
    -webkit-appearance: none;
}

.fl {
    float: left;
}

.fr {
    float: right;
}

.of {
    overflow: hidden;
}

.fwb {
    font-weight: bold;
}

.fwn {
    font-weight: normal;
}

.tac {
    text-align: center;
}

.mar {
    margin: 0 auto;
}

.l2 {
    line-height: 2;
}

.clearfix::before, .clearfix::after {
    content: "";
    height: 0;
    line-height: 0;
    display: block;
    visibility: hidden;
    clear: both;
}

img {
    display: block;
    max-width: 100%;
}

.w1 {
    width: 100%;
}

.mw1 {
    max-width: 100%;
}

.h1 {
    height: 100%;
}

.maw640 {
    max-width: 6.4rem;
}

.miw320 {
    min-width: 3.2rem;
}

.header {
    background-color: #fff;
    height: 0.94rem;
}

.banner {
    height: .67rem;
    line-height: .45rem;
}

    .banner ul {
        margin: 0;
        padding: 0;
    }

        .banner ul li {
            float: left;
            width: 25%;
            box-sizing: border-box;
            text-align: center;
            font-size: 0.20rem;
        }

            .banner ul li:first-child a {
                color: #10a63e;
                padding-bottom: .08rem;
            }

            .banner ul li:first-child a {
                border-bottom: .04rem solid #10a63e;
            }

.jd_banner > ul:first-child > li > a > img {
    display: block;
    width: 100%;
}

.jd_banner > ul:first-child {
    width: 1000%;
    -webkit-transform: translateX(-10%);
    transform: translateX(-10%);
}

    .jd_banner > ul:first-child > li {
        width: 10%;
        float: left;
    }

        .jd_banner > ul:first-child > li > a {
            width: 100%;
            display: block;
        }

.jd_banner > ul:last-child {
    width: 59px;
    height: 6px;
    position: absolute;
    bottom: .08rem;
    left: 50%;
    margin-left: -28px;
}

    .jd_banner > ul:last-child > li {
        width: 6px;
        height: 6px;
        float: left;
        border-radius: 3px;
        border: 1px solid yellow;
        margin-left: 10px;
    }

        .jd_banner > ul:last-child > li.now {
            background: yellow;
        }

        .jd_banner > ul:last-child > li:nth-child(1) {
            margin-left: 0;
        }

.product {
    margin-top: .15rem;
}

.gg1 {
    padding: 0 .3rem 0 .4rem;
}

    .gg1 ul li {
        height: .44rem;
        margin: .15rem 0;
    }

        .gg1 ul li span {
            display: block;
            height: .34rem;
            width: .34rem;
            float: left;
        }

        .gg1 ul li:nth-child(odd) span {
            background: url(../images/5.jpg) no-repeat 0px 0px;
            background-size: .34rem .34rem;
        }

        .gg1 ul li:nth-child(even) span {
            background: url(../images/6.jpg) no-repeat 0px 0px;
            background-size: .34rem .34rem;
        }

        .gg1 ul li a {
            display: block;
            border-bottom: .01rem solid #ccc;
            margin-left: .3rem;
            height: .38rem;
            padding-top: .06rem;
            width: 4.7rem;
            float: left;
            text-indent: 1.2rem;
        }

.gg2 {
    padding: 0 .2rem .2rem .2rem;
}

.gg3 {
    margin-right: .5rem;
    height: .38rem;
    line-height: .36rem;
    width: 1.2rem;
    border-radius: .38rem;
    background-color: #0fa540;
    font-size: .16rem;
}

.product1 {
    height: 0.25rem;
    z-index: -1;
    color: #e0e0e0;
    font-size: 32px;
}

.product2 {
    height: .5rem;
    line-height: .50rem;
    font-size: .28rem;
    z-index: 1;
}

    .product2 a {
        padding: 0px 10px;
        position: relative;
    }

        .product2 a::before {
            content: '';
            height: 0.05rem;
            width: 0.15rem;
            background-color: #0fa540;
            position: absolute;
            top: .15rem;
            left: -.10rem;
        }

        .product2 a::after {
            content: '';
            height: 0.05rem;
            width: 0.15rem;
            background-color: #0fa540;
            position: absolute;
            top: .15rem;
            left: 100%;
        }

.ul1 {
    padding: 0.1rem;
    width: 100%;
}

    .ul1 li {
        float: left;
        width: 33.33%;
        padding: 1.65%;
    }

        .ul1 li a img {
            border: .01rem solid #ccc;
            padding: .02rem;
        }

        .ul1 li a h3 {
            height: .4rem;
            line-height: .4rem;
            overflow: hidden;
            white-space: nowrap;
            text-overflow: ellipsis;
        }

.ul2 {
    padding: 0rem !important;
}

.product3 {
    line-height: .40rem;
    height: 0.4rem;
    margin-bottom: .15rem;
    font-size: .22rem;
}

    .product3 a {
        border: 1px solid #c5c5c5;
        padding: .05rem .7rem;
        position: relative;
        color: #616263;
    }

        .product3 a::before {
            content: '';
            height: 0.03rem;
            width: 0.22rem;
            background-color: #616263;
            position: absolute;
            top: .20rem;
            left: 0.3rem;
        }

        .product3 a::after {
            content: '';
            height: 0.03rem;
            width: 0.22rem;
            background-color: #616263;
            position: absolute;
            top: .20rem;
            left: 1.75rem;
        }


.bgh {
    background-color: #f8f8f8;
}

.pt10 {
    padding-top: .1rem;
}

.pb20 {
    padding-bottom: .2rem;
}

.ul4 {
    padding: 0.1rem 0.1rem 0.3rem 0.1rem;
    width: 100%;
}

    .ul4 li {
        float: left;
        width: 50%;
        padding: 1.65% 1.65% 0 1.65%;
    }

    .ul4 div {
        border: .01rem solid #ccc;
        box-shadow: 0 0 .1rem #ccc;
    }

    .ul4 li a img {
        padding: .02rem;
    }

    .ul4 li a h3 {
        height: .4rem;
        line-height: .4rem;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        padding: 0;
        background-color: #FFFFFF;
    }

.gsjj {
    border: .10rem solid #fff;
    border-top: none;
    box-sizing: border-box;
    text-indent: 2em;
    line-height: 2;
}


.about {
    width: 94%;
    border-bottom: .02rem solid #069752;
    font-size: .2rem;
    text-align: center;
    line-height: .45rem;
    height: .45rem;
}

    .about .fl {
        background-color: #069752;
        padding: 0 .2rem;
    }

    .about .fr {
        padding-right: .1rem;
    }

.about1 {
    width: 94%;
    line-height: 2;
    font-size: .2rem;
    padding: .15rem 0;
    text-indent: 2em;
    letter-spacing: .01rem;
}

.tel {
    margin-bottom: .25rem;
}

.anews {
    line-height: 2.8;
    font-size: .2rem;
    padding: 0 0 .15rem 0;
    letter-spacing: .01rem;
}

    .anews ul {
        width: 94%;
        margin-bottom: .2rem;
    }

        .anews ul li {
            text-indent: .2rem;
            overflow: hidden;
            white-space: nowrap;
            text-overflow: ellipsis;
            border-bottom: .01rem dashed #ccc;
        }

            .anews ul li a {
                position: relative;
            }

            .anews ul li > a::before {
                position: absolute;
                content: "";
                height: .1rem;
                width: .1rem;
                background-color: #0fa540;
                top: .1rem;
                border-radius: .1rem;
                overflow: hidden;
                left: -.20rem;
            }

            .anews ul li span {
                float: right;
            }

.jszc {
    height: .5rem;
    line-height: .5rem;
}

.jszc1 {
    right: .0rem;
    top: .0rem;
    line-height: .22rem;
    color: red;
    padding: .02rem 0 0 0;
    display: none;
    height: .45rem;
}

.footer {
    background-color: #000;
    position: fixed;
    bottom: 0px;
    left: 0;
    right: 0;
    margin: auto;
}

    .footer img {
        width: 25%;
        float: left;
    }

.bdsharebuttonbox {
    right: 0rem;
    top: -.46rem;
    display: none;
}

.sec {
    padding: 0.05rem .1rem .08rem .1rem;
}

.newslist li {
    text-indent: .2rem;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    border-bottom: .01rem solid #ccc;
    line-height: .35rem;
}

    .newslist li a {
        position: relative;
    }

    .newslist li > a::before {
        position: absolute;
        content: "";
        height: .06rem;
        width: .06rem;
        background-color: #0fa540;
        top: .08rem;
        border-radius: .06rem;
        overflow: hidden;
        left: -.15rem;
    }

    .newslist li span {
        float: right;
    }

.sech3 {
    clear: both;
    display: block;
    font-size: .16rem;
    font-weight: bolder;
    padding: 0;
    text-align: center;
}

#secp {
    border-bottom: 1px dashed #ccc;
    margin: .08rem 0;
    padding-bottom: .05rem;
    text-align: center;
}

.sepage {
    clear: both;
    text-align: center;
    padding: .08rem 0 0 0;
}

@media (min-width: 400px) and (max-width: 480px) {
    .banner {
        height: .5rem;
        font-size: .16rem;
        line-height: .5rem;
    }

    .header {
        background-size: 300px 30px;
        background-position: 30% 50%;
    }

        .header span {
            height: .35rem;
            width: .38rem;
            right: .02rem;
            top: .22rem;
        }
}

@media (max-width: 400px) {
    .header {
        height: 0.5rem;
        font-size: .18rem;
        line-height: .5rem;
    }

        .header span {
            height: .25rem;
            width: .30rem;
            right: .02rem;
            top: .10rem;
        }

    .banner {
        height: .4rem;
        font-size: .14rem;
        line-height: .4rem;
    }

    .product2 {
        font-size: .2rem;
    }

    .header {
        background-size: 250px 25px;
        background-position: 20% 50%;
    }
}
.pagination {
    display: flex;
    padding-left: 0;
    list-style: none;
    justify-content: center;
    margin-top: 0.08rem;
}

.page-link {
    position: relative;
    display: block;
    color: #0d6efd;
    text-decoration: none;
    background-color: #fff;
    border: .01rem solid #dee2e6;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
    .page-link {
        transition: none;
    }
}

.page-link:hover {
    z-index: 2;
    color: #0a58ca;
    background-color: #e9ecef;
    border-color: #dee2e6;
}

.page-link:focus {
    z-index: 3;
    color: #0a58ca;
    background-color: #e9ecef;
    outline: 0;
    box-shadow: 0 0 0 0.025rem rgba(13, 110, 253, 0.25);
}

.page-item:not(:first-child) .page-link {
    margin-left: -.01rem;
}

.page-item.active .page-link {
    z-index: 3;
    color: #fff;
    background-color: #0d6efd;
    border-color: #0d6efd;
}

.page-item.disabled .page-link {
    color: #6c757d;
    pointer-events: none;
    background-color: #fff;
    border-color: #dee2e6;
}

.page-link {
    padding: 0.0375rem 0.075rem;
}

.page-item:first-child .page-link {
    border-top-left-radius: 0.025rem;
    border-bottom-left-radius: 0.025rem;
}

.page-item:last-child .page-link {
    border-top-right-radius: 0.025rem;
    border-bottom-right-radius: 0.025rem;
}

.pagination-lg .page-link {
    padding: 0.75rem 0.15rem;
    font-size: 0.125rem;
}

.pagination-lg .page-item:first-child .page-link {
    border-top-left-radius: 0.03rem;
    border-bottom-left-radius: 0.03rem;
}

0
.pagination-lg .page-item:last-child .page-link {
    border-top-right-radius: 0.03rem;
    border-bottom-right-radius: 0.03rem;
}

.pagination-sm .page-link {
    padding: 0.025rem 0.05rem;
    font-size: 0.0875rem;
}

.pagination-sm .page-item:first-child .page-link {
    border-top-left-radius: 0.02rem;
    border-bottom-left-radius: 0.02rem;
}

.pagination-sm .page-item:last-child .page-link {
    border-top-right-radius: 0.02rem;
    border-bottom-right-radius: 0.02rem;
}