
        .swiper-container {
            background: #f8f9fb;
        }

        #s1 {
            margin: 10px;
        }

        .s2 {
            margin-right: 10% !important;
        }

        .swiper-slide {
            width: 35%;
        }

        body {
            background-color: #f4f2f2;
        }

        .swiper-wrapper {
            display: flex;
            align-items: center;
        }

        .zizhiBG {
            background: #f8f9fb;
        }

        .swiper-slide-next img,
        .swiper-slide-prev img {
            opacity: .2;
        }

        .swiper-pagination-bullet {
            background: #15b0ff;
        }

        .swiper-slide img {
            margin-bottom: 30px;
        }

        .swiper-pagination-bullets {
            bottom: 0 !important;
        }

        .xmfx {
            font-size: 0.20rem;
            text-align: center;
            margin: 20px 0 32px 0;
            color: #9baeba;
        }

        .bj {
            display: flex;
            flex-wrap: wrap;
            /* margin-left: 8% */
        }

        .bj li {
            margin: 0 4% 5% 0;
        }

        .sc {
            width: 30%;
        }

        .sc1 {
            width: 30%;
        }

        .sc2 {
            width: 30%;
        }
    @media screen and (min-width:1601px) {
        .bj li img {
            width: 100%;
        }
            .bj li {
              width: 20%;
             margin: 0 5% 5% 0;
            }

        }
        /*媒体查询*/


        @media screen and (min-width:1501px) and (max-width:1600px) {
            .bj li img {
                width: 90%;
            }

            .bj li {
                margin: 0 -1% 5% 0;
            }

        }

        @media screen and (min-width:1500px) {
            .about-us-con ul {
                padding-left: 5%;
            }
        }

        @media screen and (min-width:1200px) and (max-width:1499px) {
            .bj li {
                width: 28%;
            }

            .fl img {
                width: 550px;
            }
        }

        @media screen and (min-width:920px) and (max-width:1199px) {
            .sc {
                width: 25% !important;
            }
            .s2{
                width: 15% !important;
            }
            .sc1 {
                width: 25% !important;
            }

            .sc2 {
                width: 25% !important;
            }

            #s1 {
                width: 25%;
            }

            .bj li {
                width: 28%;
            }

            .vb img {
                width: 550px;
            }
        }

        @media screen and (min-width:768px) and (max-width:919px) {
            .sc {
                width: 25% !important;
            }
            .s2{
                width: 15% !important;
            }
            .sc1 {
                width: 25% !important;
            }

            .sc2 {
                width: 25% !important;
            }

            #s1 {
                width: 25%;
            }

            .bj li {
                width: 28%;
            }

            .vb img {
                width: 505px;
            }
        }

        @media screen and (min-width:500px) and (max-width:767px) {
            .sc {
                width: 30% !important;
            }
            .s2{
                width: 15% !important;
            }
            .sc1 {
                width: 30% !important;
            }

            .sc2 {
                width: 30% !important;
            }

            #s1 {
                width: 25%;
            }

            .bj li {
                width: 28%;
            }

            .vb img {
                width: 424px;
            }
        }

        @media screen and (min-width:320px) and (max-width:499px) {
            .content{
                width: 100%;
            }
            #gsjj{
                padding: 0 0.3rem;
            }
            #gsjj h3{
               padding-bottom: 0.25rem !important;
               padding-top: 0.6rem;
            }
            .about-con p{
                width: 100% !important;
                padding: 0 !important;
                font-size: 16px !important;
                line-height: 25px !important;
            }
            #history-con{
                padding-top: 0 !important;
            }
             #history-con dl{
                 width: 100%;
                  margin: 0 !important;
            }
            #history-con dt{
                margin-bottom: 6px ;
            }
             #history-con dd{
                padding-bottom: 0.5rem ; 
                text-align: center;
            }
             .sc {
                width: 25% !important;
            }
            .s2{
                width: 15% !important;
                margin-right: 9% !important;
                
            }
            .sc1 {
                width: 25% !important;
            }

            .sc2 {
                width: 25% !important;
            }
            #gn{
                float: right !important;
            }

            #zzr{
                background-size: cover !important;
            }
            #s1 {
                width: 25%;
            }

            .bj li {
                width: 29.3%;
            }
            #linkus{
                padding: 0 0.3rem;
                padding-bottom: 0.9rem;
            }
            #linkus h3{
                padding-bottom: 0 !important;

            }
              #linkus h3{
               padding-bottom: 0.25rem !important;
               padding-top: 0.6rem;
            }
            .about-us-con ul{
                width: 100% !important;
            }
             .about-us-con ul li{
                width: 100% !important;
                padding-left: 48px !important;
                margin-bottom: 25px !important;
            }
            #gn li p{
                font-size: 16px !important;
            }
            .vb img {
                width: 345px
            }
        }

        #history-con dt {
            font-size: 36px;
        }

        #history-con dd {
            font-size: 16px;
            color: #333333;
        }
