body {
    padding-top: 80px;
}

.wrap {
    width: 90%;
    max-width: 1500px;
    margin: 0 auto;
}

.content {
    width: 100%;
}

.bgcolor {
    background-color: #ecf2f6;
}

a {
    color: #333;
    text-decoration: none;
    transition: all .3s;
}

    a:hover {
        color: #1955b3;
    }

.content_txt {
    line-height: 2em;
}

.padding100tb {
    padding-top: 4rem;
    padding-bottom: 4rem;
}

.padding100t {
    padding-top: 4rem;
}

.padding80t {
    padding-top: 3rem;
}

.padding50t {
    padding-top: 2rem;
}

.line10 {
    line-height: 1rem;
}

.line12 {
    line-height: 1.2rem;
}

.line14 {
    line-height: 1.4rem;
}

.line16 {
    line-height: 1.6rem;
}

.line18 {
    line-height: 1.8rem;
}

.line20 {
    line-height: 2rem;
}

.line22 {
    line-height: 2.2rem;
}

.line24 {
    line-height: 2.4rem;
}

.line30 {
    line-height: 3rem;
}

@media only screen and (max-width:900px) {
    .padding100tb {
        padding-top: 30px;
        padding-bottom: 30px;
    }

    .padding100t {
        padding-top: 30px;
    }

    .padding80t {
        padding-top: 20px;
    }

    .padding50t {
        padding-top: 10px;
    }

    .padd_t120 {
        padding-top: 1rem;
    }

    .padd_top120 {
        padding-top: 1rem;
    }

    .line10 {
        line-height: 10px;
    }

    .line12 {
        line-height: 12px;
    }

    .line14 {
        line-height: 1.4em;
    }

    .line16 {
        line-height: 1.6em;
    }

    .line18 {
        line-height: 18px;
    }

    .line20 {
        line-height: 20px;
    }

    .line22 {
        line-height: 22px;
    }

    .line24 {
        line-height: 24px;
    }

    .line30 {
        line-height: 30px;
    }
}

body {
    font-size: 0.9rem
}

.font_8 {
    font-size: 0.8rem;
}

.font_9 {
    font-size: 0.9rem;
}

.font_10 {
    font-size: 1rem;
}

.font_11 {
    font-size: 1.1rem;
}

.font_12 {
    font-size: 1.2rem;
}

.font_14 {
    font-size: 1.4rem;
}

.font_16 {
    font-size: 1.6rem;
}

.font_18 {
    font-size: 1.8rem;
}

.font_20 {
    font-size: 2rem;
}

.font_24 {
    font-size: 2.4rem;
}

.font_26 {
    font-size: 2.6rem;
}

.font_30 {
    font-size: 3rem;
}

@media only screen and (max-width:900px) {
    body {
        font-size: 14px;
    }

    .font_8 {
        font-size: 12px;
    }

    .font_9 {
        font-size: 12px;
    }

    .font_10 {
        font-size: 16px;
    }

    .font_11 {
        font-size: 16px;
    }

    .font_12 {
        font-size: 16px;
    }

    .font_14 {
        font-size: 18px;
    }

    .font_16 {
        font-size: 18px;
    }

    .font_18 {
        font-size: 18px;
    }

    .font_20 {
        font-size: 20px;
    }

    .font_24 {
        font-size: 24px;
    }

    .font_26 {
        font-size: 26px;
    }

    .font_30 {
        font-size: 30px;
    }
}





#banner {
    overflow: hidden;
    position: relative;
}

    #banner img {
        width: 100%;
        height: auto;
    }

    #banner .nav {
        width: 100%;
        height: auto;
        position: absolute;
        left: 0;
        bottom: 50px;
        color: #fff;
    }

        #banner .nav h2 {
            margin-bottom: 15vh;
        }

        #banner .nav .navurl a, #banner .nav .navurl span {
            display: inline-block;
            color: #fff;
            margin: 0 8px;
        }

            #banner .nav .navurl a:first-child {
                margin-left: 0;
            }

#group {
    background: url(../images/group_bg.jpg)#ecf2f6 bottom center no-repeat;
}

    #group .content {
        display: flex;
        flex-direction: row;
    }

    #group .left {
        width: 30%;
        color: #fff;
    }

    #group .left-top {
        background: #1955b3;
        padding: 2rem;
        box-sizing: border-box;
        margin-bottom: 30px;
        overflow: hidden;
    }

        #group .left-top .title {
            border-bottom: 1px solid #fff;
            padding-bottom: 10px;
            margin-bottom: 10px;
            display: flex;
            align-items: center;
        }

            #group .left-top .title h1 {
                font-weight: bold;
            }

            #group .left-top .title p {
                line-height: 1em;
                margin-left: 30px;
                ;
            }

    #group .left .video video {
        width: 100%;
    }

    #group .left .left-info-item {
        width: 50%;
        float: left;
        line-height: 1.5em;
        margin: 10px 0;
    }

    #group .right {
        flex: 1;
        margin-left: 5%;
    }


.history {
    position: relative;
}

.yearbox {
    position: absolute;
    right: 10%;
    top: 50px;
    width: 8rem;
    height: 40px;
    line-height: 40px;
    color: #fff;
    border-radius: 5px;
    background: #1956b3;
}

    .yearbox dt {
        cursor: pointer;
        width: 100%;
        height: 40px;
        line-height: 40px;
    }

        .yearbox dt span {
            float: left;
            margin-left: 1rem;
        }

        .yearbox dt i {
            float: right;
            margin-right: 0.25rem;
            background: url(../images/arrow.png);
            background-size: 100%;
            width: 20px;
            height: 20px;
            margin-top: 10px;
            transform: rotate(90deg);
        }

    .yearbox dd {
        display: none;
        line-height: 2rem;
        position: absolute;
        lefT: 0;
        top: calc(100% + 1px);
        z-index: 11;
        width: 100%;
        max-height: 10rem;
        overflow: auto;
        border-radius: 0.05rem;
        background: #F2F7F6;
    }

        .yearbox dd p {
            cursor: pointer;
            line-height: 2rem;
            padding: 0 1rem;
            color: #000; /*font-family: 'Aleo';*/
        }

            .yearbox dd p.active {
                color: #fff;
                background: #1956b3;
            }

    .yearbox.open dt i {
        transform: rotate(180deg);
    }

    .yearbox.fixed {
        position: fixed;
        top: 100px;
        right: 10%;
        z-index: 100;
    }

.hisbox {
    margin-top: 0.3rem;
    position: relative;
    padding-bottom: 0.2rem;
    overflow: hidden;
}

    .hisbox .line {
        position: absolute;
        z-index: 1;
        left: 50%;
        top: 0;
        width: 1px;
        height: 100%;
        border-right: 1px dashed #808080;
    }

        .hisbox .line::after {
            content: "";
            position: absolute;
            z-index: 1;
            left: 50%;
            bottom: 0;
            width: 3px;
            height: 10rem;
            background: linear-gradient(to bottom, rgba(238,241,243,0.5),rgba(255,255,255,1));
        }

    .hisbox ul {
        position: relative;
        z-index: 2;
    }

    .hisbox li {
        clear: both;
        min-height: 3rem;
        position: relative;
        min-height: 300px;
        display: flex;
        align-items: stretch;
    }

    .hisbox .img-container {
        flex: 0 0 50%; /* 控制图片宽度 */
        max-width: 50%;
        position: relative;
    }

    .hisbox .text-content {
        padding-left: 3.5rem;
        box-sizing: border-box;
        flex: 1;
        position: relative;
    }

    .hisbox img {
        display: block;
        position: absolute;
        width: 50%;
        left: 20%;
        top: calc(-1 * (var(--prev-text-height) / 2)); /* 改为负数 */
        height: auto;
        margin: 0 auto;
        z-index: -1;
    }

#history .hisbox img {
    display: none
}

.hisbox .text-content::before {
    opacity: 0;
    content: "";
    position: absolute;
    z-index: 3;
    left: 0rem;
    bottom: 0;
    height: 100%;
    width: 0.06rem;
    background: #1956b3;
}

.hisbox ul {
    position: relative;
    z-index: 2;
}

.hisbox li {
    min-height: 500px;
}

    .hisbox li em {
        position: absolute;
        z-index: 3;
        left: -27px;
        top: 0;
        width: 54px;
        height: 54px;
        border-radius: 100%;
        border: 1px solid #808080;
        background: #fff;
    }

        .hisbox li em::before {
            content: "";
            position: absolute;
            z-index: 20;
            left: 14px;
            top: 14px;
            width: 25px;
            height: 25px;
            border-radius: 100%;
            border: 1px solid #808080;
            background: #808080;
        }

    .hisbox li span {
        display: block;
        color: #1956b3;
        margin-bottom: 1rem;
        margin-top: 0.5rem;
    }

    .hisbox li p {
        position: relative;
        margin-bottom: 0.1rem;
        margin-left: 0.18rem;
    }



    .hisbox li:nth-child(2n) .text-content {
        text-align: right;
        padding-right: 3.5rem;
        padding-left: 0;
    }

    .hisbox li:nth-child(2n) em {
        left: auto;
        right: -27px;
    }

    .hisbox li:nth-child(2n) p {
        margin-left: 0;
        text-align: right;
    }

        .hisbox li:nth-child(2n) p::before {
            left: auto;
            right: -0.18rem;
        }

    .hisbox li:nth-child(2n) .text-content::before {
        left: auto;
        right: -0.06rem;
    }

    .hisbox li.on {
        color: #1956b3;
    }

        .hisbox li.on em, .hisbox li.on em::before {
            border-color: #1956b3;
        }

            .hisbox li.on em::before {
                background: #1956b3;
            }

        .hisbox li.on span {
            color: #1956b3;
        }

        .hisbox li.on p::before {
            background: #1956b3;
        }

        .hisbox li.on .text-content::before {
            opacity: 1;
        }

.history#history {
    background: url(../images/history_bg.jpg) fixed;
}

    .history#history .hisbox li {
        min-height: 200px;
    }


.dangjian .content .dangjian_box {
    background: url(../images/dangjian_bg.jpg) no-repeat center;
    background-size: cover;
    padding: 5rem;
    box-sizing: border-box;
    margin-bottom: 5rem;
}

.dangjian .content h1 {
    text-align: center;
    font-weight: bold;
}

.dangjian .content .dangjian_box .content_txt .info {
    margin-top: 30px;
    margin-bottom: 60px;
}

#dangjian_swf {
    position: relative;
    width: 90%;
    margin: 0 auto
}

    #dangjian_swf .swiper-slide {
        width: 50%;
        height: auto;
        box-shadow: 0 8px 30px #ddd;
    }

        #dangjian_swf .swiper-slide img {
            display: block;
            border-bottom: 5px solid #be2c2d;
        }



    #dangjian_swf .swiper-button-prev {
        left: -30px;
        width: 45px;
        height: 45px;
        background: url(../images/wm_button_icon.png) no-repeat;
        background-position: 0 0;
        background-size: 100%;
    }

        #dangjian_swf .swiper-button-prev:hover {
            background-position: 0 -46px;
            background-size: 100%
        }

    #dangjian_swf .swiper-button-next {
        right: -30px;
        width: 45px;
        height: 45px;
        background: url(../images/wm_button_icon.png) no-repeat;
        background-position: 0 -93px;
        background-size: 100%;
    }

        #dangjian_swf .swiper-button-next:hover {
            background-position: 0 -139px;
            background-size: 100%
        }

.dangjian_swf2 {
    position: relative;
    margin-top: 50px;
}

.pic-list {
    background: #eff2f5;
    overflow: hidden;
}

    .pic-list .swiper-container {
        width: 100%;
        height: 100%;
    }




    .pic-list .swiper-slide {
        flex-direction: column;
        text-align: center;
        font-size: 1rem;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
        color: #000;
        display: flex;
        justify-content: center;
        align-items: center;
        border-bottom: 1px solid #333;
    }


        .pic-list .swiper-slide:hover {
            background: #1956b3;
            color: #fff;
            transition: all 0.5s ease;
        }

        .pic-list .swiper-slide .img-container {
            width: 100%;
            height: auto; /* 设置固定高度 */
            overflow: hidden; /* 隐藏超出部分 */
            position: relative;
            padding-bottom: 66.67%; /* 3:2比例 (2/3*100%) */
            overflow: hidden;
        }

            .pic-list .swiper-slide .img-container img {
                position: absolute;
                width: 100%;
                height: 100%;
                object-fit: cover;
                top: 0;
                left: 0;
                transition: transform 1s ease; /* 添加过渡效果 */
            }



        .pic-list .swiper-slide:hover img {
            transform: scale(1.1);
            transition: transform 1s ease;
        }

        .pic-list .swiper-slide p {
            display: block;
            margin: 15px 0;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            padding: 0 15px;
            box-sizing: border-box;
            width: 100%;
            text-align: center
        }

            .pic-list .swiper-slide p:hover1 {
                text-overflow: clip; /* 去掉省略号效果 */
                overflow: visible; /* 允许内容溢出（可选，根据需求调整） */
                white-space: nowrap; /* 保持不换行 */
                /* 如果需要滚动效果，可以使用其他方式实现 */
            }

    .pic-list .swiper-button-prev {
        left: -50px;
        top: 55%;
        transform: translateY(-50%);
    }

    .pic-list .swiper-button-next {
        right: -50px;
        top: 55%;
        transform: translateY(-50%);
    }




.responsibility .content .responsibility_box {
    background: url(../images/dangjian_bg.jpg) no-repeat center;
    filter: grayscale(100%); /* 添加灰度滤镜使图片变灰 */
    background-size: cover;
    padding: 4rem;
    box-sizing: border-box;
}

    .responsibility .content .responsibility_box::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: rgba(255, 255,255, 0.1); /* 添加半透明黑色层增强灰色效果 */
        z-index: 1;
    }

.responsibility .content h1 {
    text-align: center;
    font-weight: bold;
}

.responsibility .content .responsibility_box .content_txt .info {
    font-size: 1rem;
    margin-top: 30px;
    margin-bottom: 60px;
}


.responsibilitypic-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start; /* 改为flex-start实现从左往右排列 */
    margin: 0 -15px; /* 添加负边距抵消子元素的内边距 */
    ;
}

    .responsibilitypic-list .pic-list-item {
        position: relative;
        width: calc(33.33% - 30px); /* 三个一行，考虑间距 */
        margin: 0 15px 30px; /* 添加间距 */
        flex-direction: column;
        text-align: center;
        font-size: 1rem;
        color: #000;
        display: flex;
        align-items: center;
    }


        .responsibilitypic-list .pic-list-item:hover {
            background: #1956b3;
            transition: all 0.5s ease;
        }

        .responsibilitypic-list .pic-list-item .img-container {
            width: 100%;
            height: 0;
            padding-bottom: 66.67%; /* 3:2比例 (2/3*100%) */
            position: relative;
            overflow: hidden;
        }

            .responsibilitypic-list .pic-list-item .img-container img {
                position: absolute;
                width: 100%;
                height: 100%;
                object-fit: cover;
                top: 0;
                left: 0;
                transition: transform 1s ease; /* 添加过渡效果 */
            }


        .responsibilitypic-list .pic-list-item:hover img {
            transform: scale(1.1);
            transition: transform 1s ease;
        }

        .responsibilitypic-list .pic-list-item p {
            position: absolute;
            width: 100%;
            left: 0;
            bottom: 0;
            text-align: center;
            color: #fff;
            display: block;
            padding: 10px;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            overflow: hidden;
            background: linear-gradient(to top, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0) 100%);
        }


.responsibility .more span {
    display: block;
    float: right;
    border: 1px solid #ccc;
    padding: 0 20px;
    cursor: pointer;
    color: #666;
}

.business {
    background: #e3ecf3;
}

    .business .type {
        text-align: center;
        position: relative;
        padding-bottom: 25px;
        border-bottom: 1px solid #ccc;
    }

        .business .type span {
            display: inline-block;
            margin: 0 40px;
            color: #000;
            font-size: 1.2rem;
            cursor: pointer;
        }

        .business .type .line {
            position: absolute;
            bottom: -2px;
            margin: 0 auto;
            height: 3px;
            background: #1956b3;
            transition: all 0.3s ease;
        }

    .business .info_list .item {
        display: none;
        overflow: hidden;
        padding-top: 50px;
    }

        .business .info_list .item .left {
            width: 40%;
            float: left;
        }

            .business .info_list .item .left h3 {
                font-size: 1.3rem;
                color: #000;
                text-align: center;
                margin: 50px 0;
            }

            .business .info_list .item .left .desc {
                margin-bottom: 30px;
            }

        .business .info_list .item .img {
            float: right;
            width: 55%;
        }

            .business .info_list .item .img img {
                width: 100%;
                height: auto;
            }

        .business .info_list .item .icons {
            display: flex;
            flex-wrap: wrap;
            justify-content: flex-start; /* 改为flex-start实现从左往右排列 */
            margin: 0 -15px; /* 添加负边距抵消子元素的内边距 */
            margin-top: 50px;
        }

            .business .info_list .item .icons .icon {
                display: flex;
                align-items: center;
                justify-content: center;
                flex-direction: column;
                width: calc(33.33% ); /* 三个一行，考虑间距 */
                padding: 0 15px 30px; /* 添加间距 */
                flex-direction: column;
                position: relative;
            }

                .business .info_list .item .icons .icon:nth-child(3n+2) {
                    border-left: 1px solid #ccc;
                    border-right: 1px solid #ccc;
                }

                .business .info_list .item .icons .icon:last-child {
                    border-right: none;
                }

                .business .info_list .item .icons .icon img {
                    max-width: 48px;
                    height: auto;
                    width: 2rem;
                }

                .business .info_list .item .icons .icon p {
                    font-size: 0.9rem;
                }


    .business .swiper-container {
        width: 100%;
        height: 100%;
    }

    .business .swiper-slide img {
        width: 100%;
        height: auto;
        min-height: 100%;
        transition: 1s linear 2s;
    }

    .business .swiper-slide-active img, .swiper-slide-duplicate-active img {
        transition: 6s linear;
    }

    .business .swiper-pagination {
        text-align: right;
        padding-right: 10px;
    }

    .business .swiper-pagination-bullet {
        width: 12px;
        height: 12px;
        background: #fff;
        opacity: 0.5;
    }

    .business .swiper-pagination-bullet-active {
        opacity: 1
    }

    .business .links {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: flex-start; /* 改为flex-start实现从左往右排列 */
        margin: 0 -15px; /* 添加负边距抵消子元素的内边距 */
    }

        .business .links a {
            background: #fff;
            text-align: center;
            display: block;
            width: calc(25% - 30px); /* 三个一行，考虑间距 */
            margin: 0 15px 30px; /* 添加间距 */
            padding: 30px;
            box-sizing: border-box;
            text-overflow: ellipsis;
            white-space: nowrap;
            overflow: hidden;
        }

            .business .links a:hover {
                background: #1956b3;
                color: #fff;
                transition: all 0.5s ease;
            }


/*公司新闻*/
.news {
    overflow: hidden;
}

.news-search {
    width: 10rem;
    max-width: 100%;
    overflow: hidden;
    border: 1px solid #000;
    border-radius: 10px;
    margin-bottom: 2rem;
    float: right;
}

    .news-search button, .news-search input {
        height: 2rem;
        line-height: 2rem;
        font-size: 0.8rem;
    }

    .news-search input {
        float: left;
        width: calc(100% - 30px);
        padding-left: 15px;
    }

    .news-search button {
        float: right;
        width: 30px;
        cursor: pointer;
        border: none;
        background: url(../images/n2_6.png) no-repeat center;
        background-size: 50%;
    }

.news-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start; /* 改为flex-start实现从左往右排列 */
    margin: 0 -15px; /* 添加负边距抵消子元素的内边距 */
    ;
    overflow: hidden;
}

    .news-list .news-list-item {
        position: relative;
        width: calc(33.33% - 30px); /* 三个一行，考虑间距 */
        margin: 0 15px 30px; /* 添加间距 */
        flex-direction: column;
        background: #f6f6f6;
        color: #000;
        display: flex;
        align-items: center;
    }


        .news-list .news-list-item:hover {
            background: #1956b3;
            color: #fff;
            transition: all 0.5s ease;
        }

        .news-list .news-list-item .img-container {
            width: 100%;
            height: 0;
            padding-bottom: 66.67%; /* 3:2比例 (2/3*100%) */
            position: relative;
            overflow: hidden;
        }

            .news-list .news-list-item .img-container img {
                position: absolute;
                width: 100%;
                height: 100%;
                object-fit: cover;
                top: 0;
                left: 0;
                transition: opacity .4s ease-in, transform .6s linear;
            }

        .news-list .news-list-item:hover img {
            transform: scale(1.1);
            transition: transform 1s ease;
        }

        .news-list .news-list-item h3 {
            margin-bottom: 1rem;
            height: 4.5rem;
            display: -webkit-box;
            overflow: hidden;
            line-clamp: 3;
            -webkit-line-clamp: 3;
            -webkit-box-orient: vertical;
        }

        .news-list .news-list-item .desc {
            width: 100%;
            box-sizing: border-box;
            padding: 2rem;
            padding-bottom: 2rem
        }

            .news-list .news-list-item .desc .time {
                font-size: 0.8rem;
                color: #666;
            }

        .news-list .news-list-item:hover .desc .time, .news-list .news-list-item a:hover, .news-list .news-list-item:hover h3 {
            color: #fff;
        }

        .news-list .news-list-item p {
            margin-top: 1rem;
            margin-bottom: 1rem;
            max-height: 6rem;
            display: -webkit-box;
            overflow: hidden;
            line-clamp: 2;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
        }

        .news-list .news-list-item.nopic {
            padding-top: 3rem;
        }

            .news-list .news-list-item.nopic i {
                display: block;
                width: 100%;
                height: 52px;
                background: url(../images/page_next_on.png) left center no-repeat;
                padding-bottom: 2rem;
                border-bottom: 1px solid #000;
            }

            .news-list .news-list-item.nopic:hover i {
                border-color: #fff;
                background: url(../images/page_next_white.png) left center no-repeat;
            }

.newsinfo .content {
    overflow: hidden;
}

.newsinfo .back {
    border-bottom: 1px solid #000;
    padding-bottom: 0.5rem;
}

    .newsinfo .back i {
        margin-right: 0.2rem;
        display: inline-block;
        vertical-align: middle;
        max-width: 50px;
        width: 0.5rem;
        height: 0.5rem;
        background: url(../images/page_next_on.png) center no-repeat;
        background-size: 100%;
    }

.newsinfo .news_title {
    text-align: center;
    margin: 1.8rem auto;
    font-weight: bold;
}

.newsinfo .news_content {
    padding: 4rem 0;
    border-bottom: 1px solid #000;
    min-height: 50vh;
}

    .newsinfo .news_content img {
        max-width: 100%;
        height: auto;
        margin: 30px auto 20px auto;
        display: block
    }

.newsinfo .news_foot {
    padding-top: 1rem;
}

    .newsinfo .news_foot span {
        float: left;
        width: 49%;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

        .newsinfo .news_foot span:nth-child(2) {
            float: right;
            text-align: right;
        }

        .newsinfo .news_foot span a {
            display: contents;
            text-overflow: ellipsis;
            overflow: hidden;
            white-space: nowrap;
            vertical-align: middle;
        }

/**企业文化**/
.culture h1.title {
    text-align: center;
    font-weight: bold;
}

.culture-list {
    background: url(../images/culture_bg.jpg) center;
    background-size: cover;
}

    .culture-list .wrap {
        display: flex;
        flex-wrap: wrap;
        flex-direction: row;
        justify-content: flex-start; /* 改为flex-start实现从左往右排列 */
        overflow: hidden;
    }

    .culture-list .culture-list-item {
        position: relative;
        width: calc(33.33% - 30px); /* 三个一行，考虑间距 */
        margin: 0 1rem 3rem 0px; /* 添加间距 */
        flex-direction: column;
        text-align: center;
        color: #000;
        display: flex;
        align-items: center;
    }

        .culture-list .culture-list-item .culture-list-item-img {
            width: 4rem;
            height: 4rem;
            background: #fff;
            border-radius: 50%;
            padding: 1rem;
            transition: all 1s ease;
        }

        .culture-list .culture-list-item img {
            width: 100%;
            height: auto;
        }

        .culture-list .culture-list-item .culture-list-item-img:hover {
            background: #002fa7;
        }

            .culture-list .culture-list-item .culture-list-item-img:hover img {
                filter: invert(1);
            }

        .culture-list .culture-list-item h3 {
            margin-top: 1rem;
            font-weight: bold;
        }

.jobs .wrap {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start; /* 改为flex-start实现从左往右排列 */
    overflow: hidden;
    color: #fff;
}

.jobs .jobs_left {
    width: 66%;
    position: relative;
    overflow: hidden;
    padding-bottom: 30%;
}

    .jobs .jobs_left .jobs_title {
        position: absolute;
        bottom: 2rem;
        left: 2rem;
    }

.jobs .jobs_right {
    width: 32.34%;
    background: url(../images/jobs_bgr.jpg) center;
    background-size: cover;
    padding: 5rem 3rem 3rem 3rem;
    box-sizing: border-box;
    margin-left: 1.66%; /* 添加间距 */
}

    .jobs .jobs_right .jobs_title {
        margin-bottom: 2rem;
    }

        .jobs .jobs_right .jobs_title h2 {
            color: #04a6e1;
        }


    .jobs .jobs_right a {
        color: #fff;
    }

        .jobs .jobs_right a:hover {
            color: #04a6e1;
        }

.jobs_list {
    overflow-y: auto;
    max-height: 11rem; /* 设置最大高度 */
    padding-right: 10px;
    scrollbar-width: thin;
    scrollbar-color: #1956b3 transparent;
}

    .jobs_list::-webkit-scrollbar {
        width: 1px;
    }

    .jobs_list::-webkit-scrollbar-track {
        background: transparent;
    }

    .jobs_list::-webkit-scrollbar-thumb {
        background-color: #1956b3;
        border-radius: 0;
    }

.jobs .jobs_contact {
    width: 100%;
    margin-top: 2%;
    display: flex;
    justify-content: space-between; /* 改为flex-start实现从左往右排列 */
    overflow: hidden;
    color: #fff;
}

    .jobs .jobs_contact .jobs_contact_item {
        width: 32.33%;
        background: #04a6e1;
        padding: 2rem;
        display: flex;
        align-items: center;
    }

        .jobs .jobs_contact .jobs_contact_item .jobs_contact_icon {
            margin-right: 2rem;
            border-right: 2px solid rgba(255,255,255,0.5);
            padding-right: 2rem;
            text-align: center;
        }

            .jobs .jobs_contact .jobs_contact_item .jobs_contact_icon img {
                display: block;
            }

            .jobs .jobs_contact .jobs_contact_item .jobs_contact_icon p {
                text-align: center;
                white-space: nowrap
            }

.jobsinfo {
    background: #e0eaf0;
    overflow: hidden;
}

    .jobsinfo .jobsinfo_title {
        background: url(../images/jobs_bg2.jpg);
        background-size: cover;
        padding: 2.5rem;
        color: #fff;
    }

    .jobsinfo .jobsinfo_desc {
        display: flex;
    }

        .jobsinfo .jobsinfo_desc span {
            display: flex;
            align-items: center;
            margin-right: 3rem;
        }

            .jobsinfo .jobsinfo_desc span img {
                margin-right: 0.4rem;
                opacity: 0.7;
            }

    .jobsinfo .jobsinfo_content {
        background: #fff;
        padding: 2rem;
    }

        .jobsinfo .jobsinfo_content h4 {
            font-weight: bold;
            margin-bottom: 1rem;
        }

            .jobsinfo .jobsinfo_content h4:nth-child(3) {
                margin-top: 2rem;
            }

        .jobsinfo .jobsinfo_content p {
            color: #333;
        }

        .jobsinfo .jobsinfo_content .jobs_email {
            border-top: 1px solid #ccc;
            padding-top: 2rem;
            margin-top: 3rem;
            color: #000;
        }

            .jobsinfo .jobsinfo_content .jobs_email a {
                color: #002fa7;
                float: right;
            }



.contactus {
    background: #e0e9f0;
}

    .contactus .wrap {
        display: flex;
        justify-content: space-between;
    }

    .contactus .contactus_info .title {
        color: #000;
        font-weight: bold;
    }

    .contactus .mapbox {
        width: 60%;
        height: 30rem;
    }

        .contactus .mapbox #map {
            width: 100%;
            height: 100%;
        }

.order_list {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: flex-start; /* 改为flex-start实现从左往右排列 */
    overflow: hidden;
}

    .order_list .order_list_item {
        position: relative;
        width: calc(33.33% - 0.1rem); /* 三个一行，考虑间距 */
        margin: 0 0.1rem 0rem 0px; /* 添加间距 */
        flex-direction: column;
        color: #000;
        display: flex;
        align-items: center;
        overflow: hidden;
    }

        .order_list .order_list_item a {
            display: block;
            position: relative;
            width: 4rem;
        }

        .order_list .order_list_item .btn_order {
            position: absolute;
            top: 10%;
            width: 4rem;
            height: 1rem;
            border-radius: 5px;
            display: flex;
            align-items: center;
            justify-content: center;
            /* background: linear-gradient(to bottom, #002fa7, #0a3372); */
            color: #fff;
            padding: 0.5rem;
            line-height: 1.5rem;
            border: 1px solid rgba(255, 255, 255, 0.8);
        }

        .order_list .order_list_item a:hover .btn_order {
            background: linear-gradient(to bottom, #f00, #c30);
            box-shadow: 5px 5px 5px 1px rgba(0, 0, 0, 0.5);
            transition: all 1s ease;
        }

        .order_list .order_list_item .order_bg {
            width: 100%;
            height: auto;
        }

        .order_list .order_list_item .order_list_item_title {
            background: rgb(25, 86, 179,0.8);
            color: #fff;
            position: absolute;
            width: 100%;
            left: 0px;
            bottom: 0px;
            padding: 1rem 2rem;
            box-sizing: border-box;
            display: flex;
            justify-content: space-between
        }

            .order_list .order_list_item .order_list_item_title .left {
                flex: 1
            }

            .order_list .order_list_item .order_list_item_title p {
                display: flex;
                align-items: center;
            }

                .order_list .order_list_item .order_list_item_title p img {
                    width: 0.8rem;
                    height: auto;
                    margin-right: 0.5rem;
                }

        .order_list .order_list_item .qrcode {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -90%);
            transition: all 1s ease;
            opacity: 0;
            width: 30%;
            height: auto
        }

        .order_list .order_list_item:hover .qrcode {
            opacity: 1;
        }


.linksbox {
    display: flex;
    justify-content: space-between;
}

    .linksbox .text-content {
        box-sizing: border-box;
        position: relative;
        width: 58%;
    }

    .linksbox .link-list {
        width: 38%;
    }

        .linksbox .link-list .link-list-item {
            background: #f1f3f4;
            margin-bottom: 2rem;
        }

            .linksbox .link-list .link-list-item a {
                display: flex;
                padding: 2rem;
            }

                .linksbox .link-list .link-list-item a img {
                    margin-right: 1rem;
                    width: 3rem;
                    height: auto;
                    object-fit: contain; /* 保持比例填充 */
                }

            .linksbox .link-list .link-list-item h3, .linksbox .link-list .link-list-item p {
                line-height: 1.5rem;
            }

            .linksbox .link-list .link-list-item a:hover {
                background: #002fa7;
                color: #fff;
            }






/*page*/
.pageout {
    text-align: center;
    clear: both;
    padding-top: 3rem;
}

.page {
    display: inline-block;
}

.page {
    vertical-align: middle;
    text-align: center;
    margin: 0 auto;
    color: #2d2d2d;
    height: 52px;
    line-height: 52px;
}

    .page span {
        color: #2d2d2d;
        float: left;
    }

    .page i {
        float: left;
        width: 52px;
        height: 52px;
        background: #f1f1f1;
        margin: 0 2px;
    }

    .page a {
        float: left;
        width: 52px;
        height: 52px;
        color: #bababa;
        box-sizing: border-box;
    }

        .page a.on {
            background: #002fa7;
            color: #fff;
            border-radius: 5px;
        }

        .page a.prev {
            background: url(../images/page_prev_on.png) center center no-repeat;
            text-indent: -10000px;
            border-radius: 4px 0 0 4px;
        }

        .page a.next {
            background: url(../images/page_next_on.png) center center no-repeat;
            text-indent: -10000px;
            border-radius: 0 4px 4px 0;
        }

            .page a.prev.no, .page a.next.no, .page a.prev.on, .page a.next.on {
                opacity: 0.5;
                cursor: default;
            }

        .page a:hover {
            color: #000 !important;
        }

        .page a.on:hover {
            color: #fff !important;
        }

@media only screen and (max-width:1024px) {
    .pageout {
        padding-top: 30px;
    }
}

@media only screen and (max-width:767px) {
    .pageout {
        padding-top: 20px;
    }

    .page a {
        display: none;
        font-weight: normal;
        width: 34px;
        height: 34px;
        line-height: 34px;
    }

        .page a.prev, .page a.next, .page a.on {
            display: block;
            display: inline-block;
        }

    .page i {
        margin: 0 4px;
        display: none;
    }

    .page a.prev {
        margin-right: 5px;
    }

    .page a.next {
        margin-left: 5px;
    }
}



@media only screen and (max-width:900px) {
    html, body {
        font-size: calc(100vw / 26);
        -webkit-overflow-scrolling: touch;
        overflow-scrolling: touch;
    }

    body {
        padding-top: 60px;
    }

    .fadeInLeft, .fadeInRight {
        animation-name: fadeInUp !important;
    }

    body #headTop #logo {
        width: 100%;
    }

    #banner .nav {
        bottom: 10px;
    }

        #banner .nav h2 {
            margin-bottom: 0px;
            font-weight: bold;
        }

    #banner {
        position: relative;
        height: 200px;
        overflow: hidden;
    }

        #banner img {
            width: auto;
            height: 220px;
            position: absolute;
            z-index: -1;
            max-width: none;
            left: 50%; /* 居中定位 */
            transform: translateX(-50%); /* 居中偏移 */
            top: 0;
        }

    .responsibility .content .responsibility_box .content_txt .info br, .dangjian .content .dangjian_box .content_txt .info br, .business .desc br, .responsibility .content .responsibility_box .content_txt .info div {
        display: none;
        text-align: left;
    }

    .business .desc p, .business .desc div {
        text-align: left !important;
    }

    .swiper-button-next, .swiper-button-prev {
        width: 40px !important;
        height: 40px !important;
    }

    .swiper-button-next {
        background: url(../images/arrow_next.png)#fff center no-repeat !important;
        background-size: 80% !important;
    }

    .swiper-button-prev {
        background: url(../images/arrow_prev.png)#fff center no-repeat !important;
        background-size: 80% !important;
    }

    /**集团概况*/
    #group .content {
        display: block;
    }

    #group .left, #group .right {
        width: 100%;
        margin-left: 0px;
    }

    /**集团荣誉*/
    .yearbox {
        top: 20px;
        right: 20px;
    }

        .yearbox.fixed {
            top: 80px;
            right: 20px;
        }

    .hisbox {
        overflow: visible;
        margin-top: 30px;
    }

        .hisbox li {
            float: none !important;
            width: 100%;
            min-height: auto;
            padding-bottom: 5%;
            min-height: auto !important;
        }

        .hisbox .img-container {
            display: none;
        }

        .hisbox .text-content {
            padding-left: 1.5rem;
        }

        .hisbox li span {
            margin-top: 0rem;
        }

        .hisbox li:nth-child(2n)::before {
            right: auto;
            lefT: -0.03rem;
        }

        .hisbox li em {
            width: 20px;
            height: 20px;
            left: -10px;
            margin-top: 3px;
        }

            .hisbox li em::before {
                left: 4px;
                top: 4px;
                width: 10px;
                height: 10px;
            }

        .hisbox li:nth-child(2n) em {
            right: auto;
            left: -10px;
        }

        .hisbox li:nth-child(2n) p::before {
            right: auto;
            left: 0rem;
        }

        .hisbox li:nth-child(2n) p {
            margin-left: 0.18rem;
            text-align: left;
        }

        .hisbox li:nth-child(2n) .text-content {
            text-align: left;
            padding-left: 1.5em;
            padding-right: 0;
        }

        .hisbox .line {
            lefT: 0;
            top: 4px;
        }



    /**企业党建**/
    .dangjian .wrap {
        width: 100%;
    }

    .dangjian .padding100t {
        padding: 0;
    }

    .dangjian .content .dangjian_box {
        padding: 30px;
        margin-bottom: 0px;
    }

    .dangjian_swf2 {
        margin-top: 30px;
    }

    #dangjian_swf {
        width: 100%;
    }

        #dangjian_swf .swiper-button-prev, #dangjian_swf .swiper-button-next {
            left: 10px;
            opacity: 0.5;
            width: 27px !important;
            height: 27px !important;
        }

        #dangjian_swf .swiper-button-next {
            left: auto;
            right: 10px
        }

    .dangjian .pic-list .wrap {
        width: 100%;
        padding: 30px;
        box-sizing: border-box;
    }

    .pic-list .swiper-button-prev {
        left: 10px;
    }

    .pic-list .swiper-button-next {
        right: 10px;
    }

    .responsibility {
        overflow: hidden;
    }

        .responsibility .more {
            margin-bottom: 30px;
        }

    .responsibilitypic-list {
        margin: 0px;
    }

        .responsibilitypic-list .pic-list-item {
            width: 100%;
            margin: 15px 0;
        }

    .responsibility .content .responsibility_box {
        padding: 50px;
    }

        .responsibility .content .responsibility_box .content_txt .info {
            margin-bottom: 0px;
        }


    .business .links a {
        width: 100%;
        max-width: 15px 0;
        padding: 20px;
    }

    .business .type {
        display: flex;
        overflow: hidden;
        overflow-x: auto;
        -ms-overflow-style: none; /* IE和Edge */
        scrollbar-width: none; /* Firefox */
    }

        .business .type::-webkit-scrollbar {
            display: none; /* Chrome, Safari和Opera */
        }

        .business .type span {
            white-space: nowrap;
            margin: 0;
            margin-right: 25px;
        }

    .business .info_list .item .left, .business .info_list .item .right {
        width: 100%;
        float: none;
    }

        .business .info_list .item .left h3 {
            margin-top: 0;
            margin-bottom: 30px;
        }

    .business .info_list .item .icons .icon p {
        font-size: 12px;
    }

    .business .info_list .item .icons .icon {
        width: calc(33.33% - 10px);
        margin: 0 5px 30px;
        padding: 0
    }

    .business .info_list .item .icons {
        margin-top: 10px;
    }

    .business .info_list .item .img {
        width: 100%;
        float: none;
        overflow: hidden;
    }

    .news-list {
        display: block;
        margin: 0;
    }

        .news-list .news-list-item {
            width: 100%;
            margin: 0 0px 30px;
        }

    .newsinfo .news_content {
        margin: 0;
        padding: 30px 0;
    }

    .newsinfo .news_foot span {
        float: none;
        width: 100%;
        display: block;
    }



    .culture-list .culture-list-item {
        width: 100%;
        margin: 0 0rem 3rem 0px;
    }

    .culture .swiper-wrapper, .dangjian .pic-list .swiper-wrapper {
        height: calc(56.25vw * 7);
    }

    .culture
    .swiper-slide, .dangjian .pic-list
    .swiper-slide {
        border-bottom: none;
    }

    .culture
    .swiper-button, .dangjian
    .swiper-button {
        text-align: center
    }

    .culture .pic-list .swiper-button-prev, .culture .pic-list .swiper-button-next, .dangjian .pic-list .swiper-button-prev, .dangjian .pic-list .swiper-button-next {
        display: inline-block;
        position: unset;
        left: auto;
        right: auto;
        top: auto;
        margin-top: 20px;
        transform: none
    }


    .jobs .wrap {
        display: block;
    }

    .jobs .jobs_left, .jobs .jobs_right {
        width: 100%;
    }

    .jobs .jobs_right {
        margin: 30px 0 0 0;
        padding: 30px;
    }

    .jobs_list {
        max-height: none;
    }

    .jobs .jobs_contact {
        display: block;
        margin-top: 0;
        padding: 0px
    }

        .jobs .jobs_contact .jobs_contact_item {
            width: 100%;
            margin: 30px 0 0 0;
            padding: 20px;
        }

    .jobsinfo .jobsinfo_title {
        padding: 30px
    }

    .jobsinfo .jobsinfo_desc {
        display: block
    }

    .order_list {
        display: block;
    }

        .order_list .order_list_item {
            width: 100%;
            margin: 0 0 30px 0;
        }

            .order_list .order_list_item .qrcode {
                display: block !important
            }

            .order_list .order_list_item .order_list_item_title p {
                font-size: 13px
            }

    .contactus .wrap {
        display: block;
    }

    .contactus .mapbox {
        width: 100%;
        height: 300px;
        margin-top: 30px;
    }


    .linksbox {
        display: block
    }

        .linksbox .text-content, .linksbox .link-list {
            width: 100%
        }

        .linksbox .link-list {
            margin-top: 30px
        }
}