html, body {
    overflow-x:hidden;
}
.container-jj, .container-national {
    width: 100%;
    background: #E1E1E1;
    padding-top: 2.60vw;
    padding-bottom: 2.60vw;
}
.container-jj .row{
    width:70%;
    margin:0 auto;
}
.container-jj .row p {
    text-indent:2em;
    font-size:1.04vw;
    margin:1.04vw 0 1.04vw 0;
}
.titlerow .titleee {
    color: #363535;
}
.container-national {
    background:#fff;
    text-align:center;
}
.container-national img {
    margin: 0 auto;
}
.container-culture {
    width: 100%;
    background: url('/static/images/aboutus-culture-bg.jpg');
    padding-bottom: 2.60vw;
    padding-top:1.56vw;
}
.container-culture .titlerow .titleee {color:#fff;}
.container-culture .list-paddingleft-2{
    display:flex;
    justify-content:center;
    
    
}
    .container-culture ul li {
         margin:1.56vw;
         width:16.67vw;
    }
    .container-culture ul li p.text {
        color: #fff;
        font-size: 0.83vw;
    }
    .container-culture ul li strong {
        color:#fff;
        font-size:1.04vw;
    }
.container-dev {
    background: url(/static/images/ppzs_bg1.jpg) no-repeat left bottom, url(/static/images/ppzs_bg2.jpg) no-repeat right top;
    margin-bottom:5.73vw;
}
.gallery-top .swiper-slide .title {
    font-size: 1.77vw;
    color: #525252;
    margin-bottom: 1.04vw
}

 .gallery-top .swiper-slide _dec {
    height: 7.29vw;
    overflow: hidden;
    padding-right: 0.52vw
}

     .gallery-top .swiper-slide _dec:hover,  .gallery-top .swiper-slide-active _dec {
        overflow-y: auto
    }

 .swiper-button-next,  .swiper-button-prev {
    width: 2.81vw;
    height: 2.81vw;
    border-radius: 50%;
    background: #0181d7
}

 .swiper-button-prev {
    left: 0
}

 .swiper-button-next {
    right: 0
}

     .swiper-button-next:after,  .swiper-button-prev:after {
        font-size: 1.04vw
    }

 .gallery-top .swiper-slide _dec::-webkit-scrollbar {
    width: 0.10vw;
    height: 0.21vw
}

 .gallery-top .swiper-slide _dec::-webkit-scrollbar-button:vertical {
    display: none
}

 .gallery-top .swiper-slide _dec::-webkit-scrollbar-corner, ::-webkit-scrollbar-track {
    background-color: #cdd2d8
}

 .gallery-top .swiper-slide _dec::-webkit-scrollbar-thumb {
    border-radius: 0.26vw;
    background-color: #21ab3b
}

     .gallery-top .swiper-slide _dec::-webkit-scrollbar-thumb:vertical:hover {
        background-color: #21ab3b
    }

     .gallery-top .swiper-slide _dec::-webkit-scrollbar-thumb:vertical:active {
        background-color: #21ab3b
    }

 .gallery-top .swiper-slide _dec dl {
    display: flex;
    margin-bottom: 1.20vw
}

     .gallery-top .swiper-slide _dec dl dt {
        font-size: 0.78vw;
        color: #646464;
        padding-top: 0.31vw
    }

     .gallery-top .swiper-slide _dec dl dd {
        font-size: 0.78vw;
        color: #868686;
        line-height: 1.41vw;
        flex: 1
    }

.gallery-top .swiper-slide-active .title {
    color: #4773c9
}

 .gallery-top {
    margin-bottom: 2.50vw
}

 .gallery-thumbs {
    padding-bottom: 1.04vw
}

     .gallery-thumbs::after {
        content: "";
        width: 100%;
        height: 0.05vw;
        background: #e7e7e7;
        position: absolute;
        left: 0;
        bottom: 2.24vw
    }

     .gallery-thumbs .swiper-slide {
        text-align: center;
        height: 3.65vw;
        font-size: 0.83vw;
        color: #7b7b7b;
        background: url(/static/images/about3_p1.jpg) no-repeat center 1.98vw
    }

     .gallery-thumbs .swiper-slide-active {
        font-size: 0.94vw;
        color: #252525;
        background: url(/static/images/about3_p2.jpg) no-repeat center 1.56vw
    }
.aboutus-gctp {
    display: flex;
    justify-content: center;
    gap: 1.0416vw;
    margin-top:3vw;
}
@media (max-width:1000px) {
    .container-jj .row {
        width: 90vw;
    }
    .container-jj .titleee, .container-national .titleee, .container-culture .titleee, .container-dev .titleee {
        font-weight: bold;
        padding: 40px 0;
    }
     .container-jj .row p {
        font-size: 18px;
        margin: 5px;
        line-height: 2;
     }
    .aboutus-gctp {
        display:block;
    }
    .container-culture ul li {
        width:33%;
    }
    .container-culture ul li strong {
        font-size: 16px;
    }
    .container-culture ul li p.text {
        font-size:14px;
    }
    .container-dev .row {
        width:90vw;
        height:300px;
    }
    .gallery-top .swiper-slide .title {
        font-size: 34px;
        color: #525252;
        margin-bottom: 20px
    }

    .gallery-top .swiper-slide _dec {
        height: 140px;
        overflow: hidden;
        padding-right: 10px
    }

        .gallery-top .swiper-slide _dec:hover, .gallery-top .swiper-slide-active _dec {
            overflow-y: auto
        }

    .swiper-button-next, .swiper-button-prev {
        width: 54px;
        height: 54px;
        border-radius: 50%;
        background: #0181d7
    }

    .swiper-button-prev {
        left: 0
    }

    .swiper-button-next {
        right: 0
    }

        .swiper-button-next:after, .swiper-button-prev:after {
            font-size: 20px
        }

    .gallery-top .swiper-slide _dec::-webkit-scrollbar {
        width: 2px;
        height: 4px
    }

    .gallery-top .swiper-slide _dec::-webkit-scrollbar-button:vertical {
        display: none
    }

    .gallery-top .swiper-slide _dec::-webkit-scrollbar-corner, ::-webkit-scrollbar-track {
        background-color: #cdd2d8
    }

    .gallery-top .swiper-slide _dec::-webkit-scrollbar-thumb {
        border-radius: 5px;
        background-color: #21ab3b
    }

        .gallery-top .swiper-slide _dec::-webkit-scrollbar-thumb:vertical:hover {
            background-color: #21ab3b
        }

        .gallery-top .swiper-slide _dec::-webkit-scrollbar-thumb:vertical:active {
            background-color: #21ab3b
        }

    .gallery-top .swiper-slide _dec dl {
        display: flex;
        margin-bottom: 23px
    }

        .gallery-top .swiper-slide _dec dl dt {
            font-size: 15px;
            color: #646464;
            padding-top: 6px
        }

        .gallery-top .swiper-slide _dec dl dd {
            font-size: 15px;
            color: #868686;
            line-height: 27px;
            flex: 1
        }

    .gallery-top .swiper-slide-active .title {
        color: #4773c9;
    }

    .gallery-top {
        margin-bottom: 48px
    }

    .gallery-thumbs {
        padding-bottom: 20px
    }

        .gallery-thumbs::after {
            content: "";
            width: 100%;
            height: 1px;
            background: #e7e7e7;
            position: absolute;
            left: 0;
            bottom: 43px
        }

        .gallery-thumbs .swiper-slide {
            text-align: center;
            height: 70px;
            font-size: 16px;
            color: #7b7b7b;
            background: url(/static/images/about3_p1.jpg) no-repeat center 38px
        }

        .gallery-thumbs .swiper-slide-active {
            font-size: 18px;
            color: #252525;
            background: url(/static/images/about3_p2.jpg) no-repeat center 30px
        }
    .about3_dec dl dd p {
        font-size:16px;
    }
}