@charset "utf-8";
/* =====================内页样式======================== */
/* 分页 */
.paging {
    width: 100%;
    font-size: 0;
    text-align: center;
    user-select: none;
}

.paging-menu, .paging-menu a, .paging-skip, .paging-hint, .paging-skip input, .paging-skip button {
    display: inline-block;
    vertical-align: middle;
}

    .paging-menu a {
        width: 50px;
        height: 50px;
        line-height: 50px;
        margin: 5px;
        font-size: 15px;
        color: #444;
        transition: all .4s ease;
        background-color: #fff;
    }

        .paging-menu a:hover, .paging-menu a.active, .paging a.on {
            border-color: var(--cMainColor);
            background-color: var(--cMainColor);
            color: #fff;
        }

.paging-skip {
    margin-left: 8px;
}

.paging-hint {
    font-size: 14px;
    color: #999;
    font-weight: 300;
    margin: 0 8px;
}

    .paging-hint:first-of-type {
        margin: 0;
    }

.paging-skip input {
    width: 54px;
    text-align: center;
    height: 38px;
    border: 1px solid #e1e1e1;
    font-size: 14px;
    color: #666;
    border-radius: 3px;
    transition: all .4s ease;
}

    .paging-skip input:focus {
        border-color: var(--cMainColor);
    }

.paging-skip button {
    color: #555;
    font-size: 14px;
    padding: 0 18px;
    border: 1px solid #e1e1e1;
    transition: all .4s ease;
    height: 38px;
    background: #fff;
    cursor: pointer;
    border-radius: 3px;
}

    .paging-skip button:hover {
        background-color: var(--cMainColor);
        color: #fff;
        border-color: var(--cMainColor);
    }

.paging-hint span {
    color: var(--cMainColor);
}

@media all and (max-width:1000px) {
    .paging-menu a {
        margin: 4px 2px;
        width: 36px;
        height: 36px;
        line-height: 36px;
        font-size: 13px;
    }

    .paging-skip {
        width: 100%;
        margin-left: 0;
    }
}
/* 搜索页面 */
.search {
    width: 100%;
}

.search-result {
    font-size: 14px;
    color: var(--cMainColor);
    line-height: 1.1;
}

    .search-result span {
        margin-left: 6px;
    }

.search-info {
    width: 100%;
    line-height: 1.1;
    color: #333;
}

    .search-info span {
        color: var(--cMainColor);
        font-weight: 700;
        flex: 1;
    }

.search-list {
    width: 100%;
}

.search-link {
    display: block;
    width: 100%;
    border: 1px solid #eee;
    background: #f6f8f9;
    padding: 40px 24px;
}

    .search-link:not(:first-child) {
        margin-top: 16px;
    }

    .search-link h2 {
        color: #333;
        line-height: 1.1;
        font-weight: 700;
        transition: all .4s ease;
    }

    .search-link p {
        width: 100%;
        color: #666;
    }

    .search-link .highlightRow span {
        color: var(--cMainColor) !important;
    }

    .search-link:hover h2 {
        color: var(--cMainColor);
    }

@media all and (max-width:1000px) {
    .search-link {
        padding: 20px 15px;
    }

        .search-link:not(:first-child) {
            margin-top: 12px;
        }
}
/* 隐私协议 */
.privacy {
    width: 100%;
}

.privacy-title {
    width: 100%;
    color: #333;
    line-height: 1.1;
}

.privacy-content {
    width: 100%;
    color: #666;
}
/* 网站地图 */
.webmap {
    width: 100%;
}

.webmap-title {
    width: 100%;
    color: #333;
    line-height: 1;
    position: relative;
    padding-bottom: 24px;
}

    .webmap-title::after {
        content: "";
        position: absolute;
        width: 60px;
        left: 0;
        right: 0;
        margin: 0 auto;
        bottom: 0;
        height: 4px;
        background: var(--cMainColor);
    }

.webmap-list {
    width: 100%;
}

    .webmap-list > ul {
        margin: -40px 0 0 -40px;
        display: flex;
        flex-wrap: wrap;
    }

        .webmap-list > ul > li {
            width: calc(20% - 40px);
            margin: 40px 0 0 40px;
            color: #333;
        }

            .webmap-list > ul > li ul, .webmap-list > ul > li li {
                width: 100%;
            }

            .webmap-list > ul > li a {
                display: block;
                transition: color .4s ease;
                position: relative;
            }

                .webmap-list > ul > li a:hover {
                    color: var(--cMainColor);
                }

            .webmap-list > ul > li > .menu {
                font-weight: 700;
                border-bottom: 1px solid #e1e1e1;
                font-size: 20px;
                width: 100%;
                padding-bottom: 20px;
                line-height: 1;
            }

            .webmap-list > ul > li > .drop {
                margin-top: 16px;
            }

                .webmap-list > ul > li > .drop a {
                    line-height: 1.28;
                    padding: 6px 0;
                    font-size: 18px;
                }

                .webmap-list > ul > li > .drop .drop a {
                    padding-left: 18px;
                    font-size: 16px;
                }

                    .webmap-list > ul > li > .drop .drop a::before {
                        content: "";
                        position: absolute;
                        width: 4px;
                        height: 4px;
                        border-radius: 50%;
                        background: #afafaf;
                        left: 0;
                        top: 14px;
                    }

@media all and (max-width:1270px) {
    .webmap-list > ul {
        margin: -24px 0 0 -24px;
    }

        .webmap-list > ul > li {
            width: calc(20% - 24px);
            margin: 24px 0 0 24px;
        }

            .webmap-list > ul > li > .menu {
                font-size: 18px;
            }

            .webmap-list > ul > li > .drop a {
                font-size: 16px;
            }

            .webmap-list > ul > li > .drop .drop a {
                font-size: 14px;
            }

                .webmap-list > ul > li > .drop .drop a::before {
                    top: 11px;
                }
}

@media all and (max-width: 680px) {
    .webmap-title {
        padding-bottom: 16px;
    }

        .webmap-title::after {
            width: 44px;
            height: 3px;
        }

    .webmap-list > ul {
        margin: -14px 0 0;
    }

        .webmap-list > ul > li {
            width: 100%;
            margin: 14px 0 0;
        }

            .webmap-list > ul > li > .menu {
                font-size: 16px;
                padding-bottom: 14px;
            }

            .webmap-list > ul > li > .drop {
                margin-top: 10px;
            }

                .webmap-list > ul > li > .drop a {
                    padding: 4px 0;
                    font-size: 15px;
                }

                .webmap-list > ul > li > .drop .drop a {
                    padding-left: 12px;
                }
}
/* 内页公共 */
.pagesBan-bg::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 30%;
    background: linear-gradient(to bottom,transparent,rgba(0,0,0,.5));
}

.pagesBan-bg img {
    width: 100%;
    transform: scale(1.3);
    animation: banBg 2s linear forwards;
    min-height: 300px;
}

.pagesBan-con {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    align-items: center;
    z-index: 2;
    padding-bottom: 68px;
}

    .pagesBan-con .title {
        animation: banText 1.5s ease forwards;
        opacity: 0;
    }

    .pagesBan-con .text {
        animation: banText 1.5s .1s ease forwards;
        opacity: 0;
        color: rgba(255, 255, 255, .7);
    }

@keyframes banBg {
    0% {
        transform: scale(1.3);
    }

    100% {
        transform: scale(1);
    }
}

@keyframes banText {
    0% {
        opacity: 0;
        transform: translateX(100px) skew(-20deg);
    }

    100% {
        opacity: 1;
        transform: translateX(0) skew(0);
    }
}

.pagesBread {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    z-index: 3;
    border-top: 1px solid rgba(255, 255, 255, .2);
}

.pagesBread-item {
    flex: 1;
    border-left: 1px solid rgba(255, 255, 255, .2);
    height: 67px;
}

    .pagesBread-item:last-child {
        border-right: 1px solid rgba(255, 255, 255, .2);
    }

    .pagesBread-item::after {
        content: "";
        position: absolute;
        right: 0;
        width: 0;
        height: 100%;
        background: var(--cMainColor);
        transition: all .4s ease;
    }

    .pagesBread-item.active::after, .pagesBread-item:hover::after {
        right: auto;
        left: 0;
        width: 100%;
    }

    .pagesBread-item span {
        display: flex;
        padding-right: 20px;
        position: relative;
        z-index: 2;
    }

        .pagesBread-item span::after {
            content: "\e61f";
            font-family: "icon";
            position: absolute;
            right: 0;
            top: 50%;
            transform: translateY(-50%) scale(.6);
        }
/* 在强 */
/* 新闻 */
.newsShow {
    border-radius: 5px;
    overflow: hidden;
}

.newsShow-img {
    width: 50%;
}

    .newsShow-img img {
        width: 100%;
        height: 100%;
    }

    .newsShow-img:hover img {
        transform: scale(1.08);
    }

.newsShow-con {
    width: 50%;
    background: #fff;
    padding: 60px 70px;
}

.newsShow-date {
    color: #ccc;
}

    .newsShow-date .day {
        line-height: .8;
        padding: 0 10px;
    }

        .newsShow-date .day::after {
            content: "";
            position: absolute;
            left: 0;
            bottom: -30px;
            width: 100%;
            height: 3px;
            background: var(--cMainColor);
        }

.newsShow-btn {
    width: 150px;
    height: 42px;
    border-radius: 2px;
    border: 1px solid #111;
    overflow: hidden;
    transition: all .4s ease;
}

    .newsShow-btn span {
        position: relative;
        z-index: 2;
    }

    .newsShow-btn::after {
        content: "";
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%,-50%) rotate(45deg);
        width: 0;
        height: 400%;
        background: var(--cMainColor);
        transition: all .5s ease;
    }

    .newsShow-btn:hover {
        color: #fff;
        border-color: var(--cMainColor);
    }

        .newsShow-btn:hover::after {
            width: 105%;
        }

.newsList {
    margin-left: -30px;
}

.newsItem {
    width: calc((100% / 3) - 30px);
    margin: 30px 0 0 30px;
}

.newsItem-img img {
    width: 100%;
    height: 270px;
}

.newsItem-con {
    padding: 35px 50px 55px;
    background: #fff;
}

    .newsItem-con::after {
        content: "";
        position: absolute;
        right: 0;
        bottom: 0;
        width: 0;
        height: 3px;
        background: var(--cMainColor);
        transition: all .5s ease;
    }

.newsItem:hover .newsItem-img img {
    transform: scale(1.1);
}

.newsItem:hover .newsItem-con .title {
    color: var(--cMainColor);
}

.newsItem:hover .newsItem-con::after {
    right: auto;
    left: 0;
    width: 100%;
}

.newsDet {
    background: linear-gradient(to bottom,#f2f7f9,transparent);
}

.newsDet-con {
    width: 71%;
    padding-right: 5%;
    border-right: 1px solid #eee;
}

.newsDet-header .date {
    align-items: center;
}

    .newsDet-header .date::before {
        display: block;
        margin-right: 8px;
    }

.newsDet-back {
    margin: 40px auto 0;
    width: 142px;
    height: 42px;
    border-radius: 5px;
    border: 1px solid var(--cMainColor);
}

    .newsDet-back::before {
        display: block;
        margin-right: 8px;
    }

    .newsDet-back:hover {
        background: var(--cMainColor);
        color: #fff;
    }

.newsDet-switch .btn {
    padding: 20px 30px;
    background: #f4f4f4;
    border-radius: 5px;
}

    .newsDet-switch .btn:hover {
        color: #fff;
        background: var(--cMainColor);
    }

.newsDet-hot {
    width: 29%;
    padding-left: 5%;
}

.newsDet-site {
    position: sticky;
    top: 110px;
}

.newsDet-hot-item:hover .title {
    color: var(--cMainColor);
}
/* 联系我们 */
.catShow-con {
    justify-content: space-between;
    align-items: flex-start;
}

.contCode-map {
    width: 69%;
    border-radius: 5px;
    height: 430px;
    box-shadow: 0px 9px 7px 0px rgba(173, 173, 173, 0.19);
}

.catData {
    width: 27%;
}

.catData-title {
    border-bottom: 1px solid #f5f5f5;
}

    .catData-title::after {
        content: "";
        position: absolute;
        left: 0;
        bottom: 0;
        width: 27%;
        height: 1px;
        background: var(--cMainColor);
    }

.catData-list li {
    align-items: center;
}

.catData-list img {
    width: 22px;
    height: auto;
    display: inline-block;
    margin-top: 3px;
}

.catData-list p {
    width: calc(100% - 22px);
    padding-left: 12px;
}

.amap-copyright, .amap-logo {
    display: none !important;
}

.catHouse-list {
    justify-content: space-between;
}

    .catHouse-list::after {
        content: "";
        width: 32%;
    }

    .catHouse-list li {
        width: 32%;
    }

.catHouse-img {
    border-radius: 4px;
}

    .catHouse-img img {
        height: 240px;
    }

.catHouse-con .title {
    border-bottom: 1px solid #eaeaea;
}

    .catHouse-con .title::after {
        content: "";
        width: 20%;
        height: 1px;
        background: var(--cMainColor);
        position: absolute;
        left: 0;
        bottom: 0;
    }

.catHouse-pagination .swiper-pagination-bullet {
    width: 10px;
    height: 10px;
    opacity: 1;
    background: transparent;
    border: 2px solid #b7b7b7;
    margin: 0 5px;
}

.catHouse-pagination .swiper-pagination-bullet-active {
    background: var(--cMainColor);
    border-color: var(--cMainColor);
}
/* 合作伙伴 */
.hzList {
    margin-left: -7px;
}

.hzItem {
    width: calc(20% - 7px);
    margin: 7px 0 0 7px;
    border-radius: 6px;
    background: #fff;
    transition: all .4s ease;
    height: 148px;
}

    .hzItem img {
        max-width: 70%;
        max-height: 70%;
    }

    .hzItem::after {
        content: "";
        position: absolute;
        border-radius: 6px;
        left: 0;
        bottom: 0;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, .8);
        opacity: 0;
        transition: all .4s ease;
    }

    .hzItem::before {
        content: "";
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%,-50%) scale(0);
        width: 50px;
        height: 50px;
        z-index: 2;
        transition: all .4s ease;
        background: url('../images/pages/hzIcon.png') no-repeat center/100% auto;
    }

    .hzItem:hover {
        box-shadow: 0px 2px 29px 0px rgba(0, 0, 0, 0.18);
    }

        .hzItem:hover::after {
            opacity: 1;
        }

        .hzItem:hover::before {
            transform: translate(-50%,-50%) scale(1);
            transition-delay: .1s;
        }
/* 人才培养 */
.peiyang {
    background: linear-gradient(to bottom,transparent,#fafafa);
}

.pyText {
    padding: 0 5%;
}

.pyInfo {
    justify-content: space-between;
    align-items: center;
}

.pyInfo-img {
    width: 52%;
    border-radius: 5px;
    overflow: hidden;
}

    .pyInfo-img img {
        width: 100%;
        height: 100%;
    }

.pyInfo-con {
    width: 43%;
}

    .pyInfo-con .text br {
        height: 10px;
    }
/* 人力资源部 */
.hrImg img {
    width: 100%;
}

.hrData-left {
    width: 50%;
    padding-right: 50px;
}

    .hrData-left span {
        font-weight: 700;
    }

.hrData-right {
    width: 50%;
    align-items: center;
}

    .hrData-right .text {
        flex: 1;
        padding-left: 18px;
    }

        .hrData-right .text h1, .hrData-right .text h2, .hrData-right .text h3, .hrData-right .text h4, .hrData-right .text h5, .hrData-right .text h6 {
            font-weight: 700;
        }

.hrLink .link {
    margin-left: -80px;
}

.hrLink-item {
    margin-left: 80px;
    width: 110px;
    height: 25px;
}

    .hrLink-item img {
        max-height: 100%;
    }

    .hrLink-item:hover {
        transform: translateY(-5px);
    }
/* 社会招聘 */
.join-menu, .join-header {
    height: 60px;
    padding: 0 60px;
    border-bottom: 1px solid #f4f4f4;
    cursor: pointer;
    align-items: center;
    transition: border .4s ease
}

.join-header {
    align-items: flex-start;
    height: 55px;
}

.join-header {
    padding: 0 60px 32px;
}

    .join-menu li, .join-header li {
        width: 28%;
    }

        .join-menu li:first-child, .join-header li:first-child {
            width: 65%;
        }

            .join-menu li:first-child span {
                position: relative;
            }

                .join-menu li:first-child span::before {
                    content: "";
                    position: absolute;
                    bottom: 0px;
                    left: 0px;
                    height: 1px;
                    width: 0%;
                    background-color: #b6020f;
                    transition: all .4s ease;
                }

.join-menu:hover li:first-child span::before {
    width: 100%;
}
/* .join-menu:hover{border-color: var(--cMainColor);} */
.join-menu li:last-child, .join-header li:last-child {
    width: 30%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

    .join-menu li:last-child::after {
        content: "\e61f";
        font-family: "icon";
        display: inline-block;
        transition: all .4s ease;
    }

.join-menu:hover li:last-child::after {
    color: #b6020f;
}

.join-menu.active li:last-child::after {
    transform: rotate(180deg);
    color: #b6020f;
}

.joinDrop {
    padding: 20px 60px 60px;
    background: #fafafa;
    display: none;
}

.joinBtn {
    width: 140px;
    height: 40px;
    background: var(--cMainColor);
    border-radius: 3px;
    transition: all .4s ease;
}

    .joinBtn::before {
        content: "";
        display: block;
        margin-right: 7px;
        width: 19px;
        height: 18px;
        background: url('../images/pages/joinBtn.png') no-repeat center/100% auto;
    }

    .joinBtn:hover {
        background: #bf0512;
    }

.joinLink-img {
    flex: 1;
    padding-left: 40px;
}

    .joinLink-img a {
        display: block;
        margin: 7px 0 0 40px;
        transition: all .4s ease;
    }

        .joinLink-img a:hover {
            transform: translateY(-8px);
        }
/* 为什么加入我们 */
.whyHeader-textBg .pagesTitle {
    position: relative;
    z-index: 2;
}

.whyText {
    padding: 0 8%;
    position: relative;
    z-index: 2;
}

.whyHeader-textBg {
    color: #f9f9f9;
    line-height: 1.2;
    animation: textBg 2s linear infinite alternate;
    display: flex;
    justify-content: center;
    font-size: 180px;
    text-align: center;
    display: flex;
    flex-wrap: nowrap;
    white-space: nowrap;
    overflow: hidden;
    position: absolute;
    left: 0;
    bottom: -20px;
    width: 100%;
}

@keyframes textBg {
    0% {
        transform: translateX(-20px);
    }

    100% {
        transform: translateX(20px);
    }
}

.whyPX-con {
    width: 50%;
    background: #2e3242;
    padding: 0 7% 0 260px;
    flex-direction: column;
    justify-content: center;
}

    .whyPX-con .text {
        color: #babcc1;
    }

    .whyPX-con .btn {
        width: 140px;
        height: 40px;
        border-radius: 3px;
    }

        .whyPX-con .btn:hover {
            background: #b6020f;
        }

.whyPX-img {
    width: 50%;
}

    .whyPX-img img {
        width: 100%;
        height: 720px;
    }

.whyProc-list li {
    width: calc(100% / 7);
    flex-direction: column;
    height: calc(1400px / 7);
}

    .whyProc-list li::after {
        transition: all 1.2s linear;
        content: "";
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%,-50%);
        width: calc(100% + 3px);
        height: calc(100% + 3px);
        background: url('../images/pages/whyProc-bg3.png') no-repeat center/100% auto;
    }

    .whyProc-list li:nth-child(2n)::after {
        background-image: url('../images/pages/whyProc-bg2.png');
    }

    .whyProc-list li:nth-child(1)::after {
        background-image: url('../images/pages/whyProc-bg1.png');
    }

.whyProc-icon {
    position: relative;
    z-index: 2;
    height: 40px;
}

    .whyProc-icon img {
        max-height: 100%;
    }

.whyProc-text {
    position: relative;
    z-index: 2;
    padding: 0px 10px;
}

.whyProc-list li:hover::after {
    transform: translate(-50%,-50%) rotate(-140deg);
}

.whyProc-list li:nth-child(2n):hover::after {
    transform: translate(-50%,-50%) rotate(140deg);
}

.whyFL-list li {
    width: 20%;
    position: relative;
    transition: all .4s ease;
}

.whyFL-bg::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .4);
}

.whyFL-bg img {
    width: 100%;
    height: 730px;
}

.whyFL-text {
    position: absolute;
    left: 0;
    top: 65%;
    width: 100%;
    padding: 0 15px;
}

.whyFL-list li:hover {
    transform: translateY(-5%);
}

.whyBtm {
    background: url('../images/pages/whyBtn-bg.jpg') no-repeat center/cover;
}

.whyBtm-item {
    flex-direction: column;
    width: 50%;
    position: relative;
}

    .whyBtm-item .btn {
        position: relative;
    }

        .whyBtm-item .btn::before {
            content: "";
            position: absolute;
            right: 0;
            bottom: -4px;
            width: 0;
            height: 2px;
            background: #fff;
            transition: all .4s ease;
        }

        .whyBtm-item .btn::after {
            content: "\e622";
            font-family: "icon";
            display: block;
            line-height: 1;
            margin: 2px 0 0 5px;
            font-size: 12px;
        }

        .whyBtm-item .btn:hover::before {
            right: auto;
            left: 0;
            width: 100%;
        }
/* 公司发展 */
.fzHis {
    background: url('../images/pages/fzHis-bg.jpg') no-repeat center/cover;
}

    .fzHis .gallery {
        width: 370px;
    }

        .fzHis .gallery .swiper-container {
            overflow: visible;
        }

.fzHis-gallery-slide .year {
    transition: all .4s ease;
}

.fzHis-gallery-slide .text p {
    margin-top: 8px;
    position: relative;
    padding-left: 20px;
}

    .fzHis-gallery-slide .text p::after {
        content: "";
        position: absolute;
        left: 0;
        top: 8px;
        width: 8px;
        height: 8px;
        border-radius: 50%;
        background: #555;
    }

.swiper-slide-active .year {
    color: var(--cMainColor);
}

.fzHis .thumbs-year {
    text-align: center;
    position: relative;
    display: block;
}

    .fzHis .thumbs-year::after {
        content: "";
        position: absolute;
        left: 50%;
        top: 0;
        transform: translateX(-50%);
        width: 0;
        height: 2px;
        background: var(--cMainColor);
        transition: all .4s ease;
    }

    .fzHis .thumbs-year.active {
        color: var(--cMainColor);
    }

        .fzHis .thumbs-year.active::after {
            width: 100%;
        }

.fzHonor-nav-item {
    margin-left: 20px;
    width: 300px;
    height: 45px;
    border-radius: 3px;
    border: 1px solid var(--cMainColor);
}

    .fzHonor-nav-item:first-child {
        margin-left: 0;
    }

    .fzHonor-nav-item.active {
        color: #fff;
        background: var(--cMainColor);
    }

.fzHonor-list-box {
    display: none;
}

    .fzHonor-list-box:first-child {
        display: block;
    }

.fzHonor-list li {
    width: 25%;
    padding: 0 50px;
    transition: all .4s ease;
}

.fzHonor-img {
    height: 180px;
}

    .fzHonor-img img {
        max-height: 100%;
        max-width: 80%;
    }

.fzHonor-list li:hover {
    transform: translateY(-10px);
}

.abInfo {
    background: url('../images/pages/abInfo-bg.jpg') no-repeat center/cover;
}

    .abInfo .contain {
        padding-right: 25%;
    }

.abInfo-text .text {
    height: 245px;
    overflow: hidden;
}

    .abInfo-text .text p {
        margin-top: 5px;
    }

.abInfo-text .btn {
    margin: 40px auto 0;
    font-size: 12px;
    width: 38px;
    height: 38px;
    border-radius: 50%;
    width: 38px;
    height: 38px;
    border: 1px solid #acacac;
    user-select: none;
    cursor: pointer;
}

    .abInfo-text .btn:hover {
        border-color: var(--cMainColor);
        background: var(--cMainColor);
        color: #fff;
    }

.abInfo-text.active .btn {
    transform: rotate(180deg);
}

.abInfo-text.active .text {
    height: auto;
}

.abInfo-num li {
    display: flex;
    margin-left: 80px;
    align-items: center;
}

    .abInfo-num li:first-child {
        margin-left: 0;
    }

.abInfo-num-icon {
    width: 67px;
    height: 67px;
    border-radius: 50%;
    border: 1px solid #e6e6e6;
    margin-right: 15px;
}

    .abInfo-num-icon img {
        max-width: 50%;
        max-height: 50%;
    }

.abInfo-num-text .num {
    align-items: flex-end;
}

    .abInfo-num-text .num span {
        line-height: .8;
        margin-right: 5px;
    }

.abWH {
    background: url('../images/pages/abWH-bg.jpg') no-repeat center top/100% 45%;
}

.abWH-label {
    position: absolute;
    left: 40%;
    bottom: 15%;
    transform: translateX(-50%);
    flex-wrap: nowrap;
    padding: 10px 20px;
    border-radius: 40px;
    background: rgba(255, 255, 255, .8);
    z-index: 5;
    align-items: center;
}

    .abWH-label .img {
        width: 40px;
        height: 40px;
        border-radius: 50%;
        border: 2px solid var(--cMainColor);
        margin-right: 8px;
    }

        .abWH-label .img img {
            max-width: 60%;
            max-height: 60%;
        }

.abWH-slide {
    border-radius: 20px;
    overflow: hidden;
}

.abWH-img {
    width: 100%;
}

    .abWH-img::after {
        content: "";
        position: absolute;
        left: 100%;
        top: 100%;
        transform: translate(-50%,-50%);
        width: 120%;
        height: 250%;
        border-radius: 50%;
        background: #f5f5f5;
    }

    .abWH-img img {
        width: 100%;
        height: 470px;
    }

.abWH-con {
    position: absolute;
    left: 52%;
    top: 30%;
    width: 35%;
    z-index: 2;
}

    .abWH-con .img {
        width: 58px;
        height: 58px;
        border-radius: 50%;
        background: var(--cMainColor);
    }

        .abWH-con .img img {
            max-width: 50%;
            max-height: 50%;
        }

.abWH-pagination {
    position: absolute;
    right: 4%;
    top: 50%;
    transform: translateY(-50%);
    z-index: 4;
}

    .abWH-pagination .swiper-pagination-bullet {
        display: block;
        margin-top: 10px;
        z-index: 5;
        width: 10px;
        height: 10px;
        opacity: 1;
        background: transparent;
        border: 2px solid #777;
    }

        .abWH-pagination .swiper-pagination-bullet:first-child {
            margin-top: 0;
        }

    .abWH-pagination .swiper-pagination-bullet-active {
        border-color: var(--cMainColor);
    }

.abPro-show .pagesTitle {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
}

.abPro-gallery-con {
    width: 50%;
    padding: 70px 6% 0 0;
}

.abPro-gallery-title {
    align-items: center;
}

    .abPro-gallery-title .img {
        width: 46px;
        height: 46px;
        border-radius: 50%;
        background: var(--cMainColor);
        margin-right: 15px;
    }

.abPro-gallery-img {
    width: 350px;
    height: 350px;
    border-radius: 50%;
    background: #f8f8f8;
    padding: 20px;
    overflow: hidden;
}

    .abPro-gallery-img .img {
        width: 100%;
        height: 100%;
        border-radius: 50%;
        overflow: hidden;
    }

        .abPro-gallery-img .img img {
            width: 100%;
            height: 100%;
        }
/* background: url('../images/pages/abPro-line.png') no-repeat center bottom/100% auto; */
.abPro .thumbs {
    margin-top: 50px;
    width: 100%;
}

.abPro .thumbs-year {
    flex-direction: column;
    height: 450px;
    align-items: flex-end;
    padding-top: 0;
    position: relative;
}

.abPro-svg {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 70%;
}

    .abPro-svg svg:nth-child(2) {
        display: none;
    }

.abPro .thumbs-year-box {
    position: absolute;
    z-index: 3;
    display: flex;
    align-items: center;
    text-align: center;
    flex-direction: column;
    transform: translateX(50%);
}

.abPro .swiper-slide:nth-child(2n) .thumbs-year {
    padding-top: 80px;
}

.abPro .swiper-slide:nth-child(2n) .abPro-svg svg:first-child {
    display: none;
}

.abPro .swiper-slide:nth-child(2n) .abPro-svg svg:nth-child(2) {
    display: block;
}

.abPro .thumbs-year .dot {
    margin-top: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 18px;
    height: 18px;
    position: relative;
    background: #f9e4e4;
    border-radius: 50%;
}

    .abPro .thumbs-year .dot i {
        width: 40%;
        height: 40%;
        background: var(--cMainColor);
        border-radius: 50%;
        position: relative;
        z-index: 3;
    }

@keyframes dot {
    0% {
        opacity: 0;
        transform: translate(-50%,-50%) scale(.5);
    }

    50% {
        opacity: 1;
        transform: translate(-50%,-50%) scale(1);
    }

    100% {
        opacity: 0;
        transform: translate(-50%,-50%) scale(1.5);
    }
}

.abPro .thumbs-year .line {
    width: 1px;
    height: 0;
    background: var(--cMainColor);
    transition: all .4s ease;
}

.abPro .thumbs-year .text {
    transition: all .4s ease;
}

.abPro .thumbs-year.active .text {
    color: var(--cMainColor);
}

.abPro .thumbs-year.active .line {
    height: 46px;
}
/* 志鑫 */
.indBtn {
    width: 140px;
    height: 35px;
    border-radius: 3px;
    border: 1px solid #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all .4s ease;
}

    .indBtn i {
        font-size: 6px;
        font-weight: 400;
        margin-left: 10px;
    }

    .indBtn:hover {
        background-color: var(--cMainColor);
        color: #fff;
        border: 1px solidvar(--cMainColor);
    }
/* 搜索页面 */
.serchan {
    background-color: #f3f3f3;
}

.serchan-form {
    display: flex;
    justify-content: center;
}

    .serchan-form .cont {
        width: 620px;
        height: 42px;
        position: relative;
        border: 2px solid var(--cMainColor);
        border-radius: 35px;
        overflow: hidden;
    }

        .serchan-form .cont .img {
            width: 30px;
            display: flex;
            justify-content: flex-end;
            align-items: center;
        }

            .serchan-form .cont .img i {
                font-size: 16px;
                color: var(--cMainColor);
                font-weight: 700;
            }

        .serchan-form .cont input {
            width: calc(100% - 140px);
            padding: 0px 15px;
            background-color: rgba(0, 0, 0, 0);
            font-size: 16px;
        }

        .serchan-form .cont .btn {
            width: 110px;
            height: 100%;
            display: flex;
            justify-content: center;
            align-items: center;
            background-color: var(--cMainColor);
            border-radius: 35px 0px 0px 35px;
        }

.serchan-list .cont-l {
    width: 70px;
}

.serchan-list .cont-r {
    width: calc(100% - 70px);
    height: 35px;
}

    .serchan-list .cont-r a {
        height: 100%;
        display: block;
        width: auto;
        margin-right: 13px;
        transition: all .4s ease;
        border-bottom: 2px solid rgba(0, 0, 0, 0);
    }

        .serchan-list .cont-r a:last-child {
            margin-right: 0px;
        }

        .serchan-list .cont-r a.active {
            color: var(--cMainColor);
            border-bottom: 2px solid var(--cMainColor);
        }

.serchlb {
    background-color: #f9f9f9;
}

.serchlb-cont .cont-l {
    width: calc(100% - 300px);
}

.serchlb-cont .cont-r {
    width: 300px;
    padding-left: 40px;
}

.serchlb-list .list {
    border: 1px solid #eee;
    border-radius: 6px;
    overflow: hidden;
    padding: 50px 40px;
    background-color: #fff;
    display: block;
    margin-bottom: 20px;
}

    .serchlb-list .list .title {
        display: flex;
        align-items: center;
        position: relative;
    }

        .serchlb-list .list .title .img {
            width: 45px;
        }

        .serchlb-list .list .title .span {
            width: calc(100% - 45px);
            transition: all .4s ease;
        }

        .serchlb-list .list .title i {
            position: absolute;
            right: -10px;
            font-size: 12px;
            color: var(--cMainColor);
        }

    .serchlb-list .list:last-child {
        margin-bottom: 0px;
    }

    .serchlb-list .list:hover .title .span {
        color: var(--cMainColor);
    }

.serchlb-muen {
    border: 1px solid rgb(238, 238, 238);
    border-radius: 6px;
    background-color: #fff;
}

    .serchlb-muen .list {
        padding: 37px;
        display: block;
        border-bottom: 1px solid #eeeeee;
    }

        .serchlb-muen .list .title {
            position: relative;
            display: flex;
            align-items: center;
        }

            .serchlb-muen .list .title i {
                position: absolute;
                right: -10px;
                font-size: 12px;
                color: var(--cMainColor);
            }

        .serchlb-muen .list:last-child {
            border: 0px solid #000;
        }

        .serchlb-muen .list .title span {
            transition: all .4s ease;
        }

        .serchlb-muen .list:hover .title span {
            color: var(--cMainColor);
        }
/* 行业 */
.indfa-list {
    margin-right: -18px;
    margin-bottom: -18px;
}

    .indfa-list li {
        width: calc(100%/4 - 18px);
        margin-right: 18px;
        margin-bottom: 18px;
        border-radius: 6px;
        overflow: hidden;
    }

    .indfa-list li {
        position: relative;
    }

        .indfa-list li > img {
            width: 100%;
            height: 295px;
        }

        .indfa-list li .show {
            position: absolute;
            bottom: 0px;
            left: 0px;
            width: 100%;
            padding: 0px 30px;
            padding-bottom: 25px;
            transition: all .4s ease;
            background: linear-gradient(to top, rgba(0,0,0,.3), rgba(0,0,0,.0));
        }

            .indfa-list li .show .title {
                display: flex;
                align-items: center;
            }

                .indfa-list li .show .title i {
                    margin-left: 10px;
                    font-size: 6px;
                }

        .indfa-list li .hide {
            position: absolute;
            top: 0px;
            left: 0px;
            width: 100%;
            height: 100%;
            background-color: rgba(214, 0, 15, .8);
            padding: 0px 30px;
            display: flex;
            opacity: 0;
            transition: all .4s ease;
            flex-direction: column;
            justify-content: center;
        }

            .indfa-list li .hide .indBtn {
                width: 100px;
                height: 35px;
                background-color: #fff;
                color: var(--cMainColor);
            }

                .indfa-list li .hide .indBtn i {
                    margin-left: 5px;
                }

                .indfa-list li .hide .indBtn:hover {
                    background-color: var(--cMainColor);
                    color: #fff;
                }

            .indfa-list li .hide .number {
                text-align: right;
            }

        .indfa-list li:hover .hide {
            opacity: 1;
        }

        .indfa-list li:hover .show {
            opacity: 0;
        }
/* 行业详情 */
.Hanyexq-cont {
    background-color: #f9f9f9;
}

    .Hanyexq-cont .cont-l {
        width: 65%;
        background-color: #fff;
        border-radius: 5px;
        overflow: hidden;
        padding-right: 65px;
    }

    .Hanyexq-cont .cont-r {
        width: 35%;
        background-color: #f9f9f9;
        position: relative;
        padding-left: 65px;
    }

        .Hanyexq-cont .cont-r::before {
            content: "";
            position: absolute;
            right: -260px;
            top: 0px;
            background-color: #f9f9f9;
            width: 260px;
            height: 100%;
        }

    .Hanyexq-cont .cont-l .content br {
        content: "";
        display: block;
        height: 10px;
    }

.Hanyexq-list {
    margin-right: -25px;
    margin-bottom: -17px;
}

    .Hanyexq-list a {
        width: calc(100%/5 - 25px);
        margin-right: 25px;
        margin-bottom: 17px;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 12px;
        border: 1px solid #eee;
        background-color: #fbfbfb;
        border-radius: 3px;
        transition: all .4s ease;
    }

        .Hanyexq-list a:hover, .Hanyexq-list a.active {
            background-color: var(--cMainColor);
            color: #fff;
            border: 1px solidvar(--cMainColor);
        }

.Hanyexq-listMuen {
    margin-right: -20px;
    margin-bottom: -20px;
}

    .Hanyexq-listMuen .list {
        width: calc(100%/2 - 20px);
        margin-right: 20px;
        margin-bottom: 20px;
        background-color: #fbfbfb;
        border: 1px solid #eee;
        border-radius: 6px;
        overflow: hidden;
        padding: 30px;
    }

        .Hanyexq-listMuen .list li {
            padding-left: 20px;
            position: relative;
            margin-bottom: 7px;
        }

            .Hanyexq-listMuen .list li:last-child {
                margin-bottom: 0px;
            }

            .Hanyexq-listMuen .list li::before {
                content: "\e622";
                font-family: "icon";
                position: absolute;
                left: 0px;
                top: 2px;
                color: var(--cMainColor);
                font-size: 12px;
            }

.Hanyexq-muen .muen {
    display: none;
}

    .Hanyexq-muen .muen.active {
        display: block;
        animation: HanyexqMuen .4s ease;
    }

@keyframes HanyexqMuen {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

.Hanyexq-title {
    border-bottom: 1px solid #e7e7e7;
    padding-bottom: 10px;
    position: relative;
}

    .Hanyexq-title::before {
        content: "";
        position: absolute;
        width: 90px;
        height: 1px;
        background-color: var(--cMainColor);
        left: 0px;
        bottom: -1px;
    }

.Hanyexq-cont .cont-r .list1 li {
    align-items: center;
    margin-bottom: 10px;
}

    .Hanyexq-cont .cont-r .list1 li:last-child {
        margin-bottom: 0px;
    }

.Hanyexq-cont .cont-r .list1 .img {
    width: 25px;
}

    .Hanyexq-cont .cont-r .list1 .img img {
        max-width: 100%;
    }

.Hanyexq-cont .cont-r .list1 .text {
    width: calc(100% - 25px);
    padding-left: 15px;
}

.Hanyexq-cont .cont-r .list2 li {
    padding-left: 30px;
    position: relative;
    margin-bottom: 10px;
}

    .Hanyexq-cont .cont-r .list2 li::before {
        content: "\e622";
        font-family: "icon";
        position: absolute;
        color: #555;
        left: 0px;
        top: 4px;
        font-size: 12px;
    }

    .Hanyexq-cont .cont-r .list2 li:last-child {
        margin-bottom: 0px;
    }

    .Hanyexq-cont .cont-r .list2 li a {
        transition: all .4s ease;
    }

    .Hanyexq-cont .cont-r .list2 li:hover a {
        color: var(--cMainColor);
    }

.prolb {
    background-color: #f9f9f9;
}

    .prolb .Hanyexq-cont .cont-l {
        background-color: #f9f9f9;
        padding-right: 0px;
    }

.proxq {
    background-color: #f7f7f7;
}

.proxq-cont .cont-l {
    width: 400px;
}

.proxq-cont .cont-r {
    width: calc(100% - 400px);
    padding-left: 50px;
}

    .proxq-cont .cont-r .cont {
        background-color: #fff;
        border-radius: 8px;
        overflow: hidden;
        width: 100%;
        height: 100%;
        padding: 50px;
    }

.proxq-title {
    border-bottom: 1px solid #e7e7e7;
    padding-bottom: 10px;
    position: relative;
}

    .proxq-title::before {
        content: "";
        position: absolute;
        width: 85px;
        height: 3px;
        background-color: var(--cMainColor);
        left: 0px;
        bottom: -2px;
    }

.proxq-cont .cont-r .list li {
    margin-right: 80px;
    display: flex;
    align-items: center;
}

    .proxq-cont .cont-r .list li:last-child {
        margin-right: 0px;
    }

    .proxq-cont .cont-r .list li img {
        margin-right: 15px;
    }

.proxq-cont .cont-r .btn {
    width: 140px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--cMainColor);
    border-radius: 3px;
    transition: all .4s ease;
}

    .proxq-cont .cont-r .btn i {
        margin-left: 10px;
    }

    .proxq-cont .cont-r .btn:hover {
        background-color: #fff;
        border: 1px solid var(--cMainColor);
        color: var(--cMainColor);
    }

.proxq-cont .cont-r .line {
    background-color: #eeeeee;
    width: 100%;
    height: 1px;
}
/* 侧栏 */
.slideList {
    width: 100%;
}

    .slideList ul {
        display: block;
        width: 100%;
    }

        .slideList ul li {
            width: 100%;
            position: relative;
        }

            .slideList ul li .menu {
                font-size: 15px;
                color: #444;
                display: flex;
                align-items: center;
                padding: 0 17px;
                height: 46px;
                transition: all .4s ease;
                position: relative;
                border-radius: 6px;
            }

                .slideList ul li .menu::after {
                    display: none;
                    content: "\e622";
                    font-family: "icon";
                    color: var(--cMainColor);
                    font-size: 12px;
                    position: absolute;
                    width: 14px;
                    height: 14px;
                    top: 50%;
                    right: 12px;
                    margin-top: -7px;
                    transform: rotate(0deg);
                }

            .slideList ul li li .menu {
                font-size: 15px;
                color: #666;
                height: 35px;
            }

            .slideList ul li li li .menu {
                font-size: 14px;
                height: 32px;
            }

            .slideList ul li .drop {
                width: 100%;
                display: none;
            }

            .slideList ul li .menu:hover {
                color: var(--cMainColor);
            }

            .slideList ul li.active > .menu {
                color: var(--cMainColor);
            }

            .slideList ul li .drop.show {
                display: block;
            }

            .slideList ul li .menu.click::after {
                display: block;
            }

            .slideList ul li.on > .menu::after {
                transform: rotate(90deg);
            }

    .slideList > ul > li.on > .menu {
        background-color: #fff;
    }

.slideClick, .slideShade, .slideClose {
    display: none;
}

.slideShade {
    position: fixed;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.5);
    top: 0;
    left: 0;
    z-index: 66;
}

/* -- */
.slideList ul li li .menu {
    padding: 0px;
    padding-left: 30px;
    padding-right: 10px;
    font-size: 14px;
    font-weight: 700;
}

.slideList ul li li li .menu {
    padding: 0px;
    padding-left: 50px;
    padding-right: 10px;
}

.slideList ul li li li li .menu {
    padding: 0px;
    padding-left: 65px;
    padding-right: 10px;
    font-size: 13px;
    font-weight: 400;
}



@media all and (max-width:1599px) {
    .slideList ul li .menu {
        height: 48px;
    }
}

@media all and (max-width:640px) {
    .slideClick {
        position: sticky;
        z-index: 10;
        background: #fff;
        font-size: 16px;
        color: var(--cMainColor);
        box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
        display: flex;
        width: 100%;
        height: 46px;
        align-items: center;
        justify-content: center;
        left: 0;
        top: 60px;
    }

    .slideClose {
        display: flex;
        align-items: center;
        justify-content: flex-end;
        height: 40px;
        padding: 0 4%;
    }

        .slideClose::after {
            content: "\e64e";
            font-family: "icon";
            display: block;
            color: #333;
        }

    .proxq {
        padding: 60px 0 100px;
    }

    .slideBox {
        position: fixed;
        width: 100vw !important;
        left: -100vw;
        top: 0;
        z-index: 99;
        height: 100%;
        padding-top: 60px;
    }

    .slideList {
        height: calc(100vh - 100px);
        overflow-y: auto;
        padding: 0;
    }

        .slideList ul li .menu {
            font-size: 16px;
            padding: 0 16px;
            height: 44px;
            font-weight: 400;
        }
}

/* 创新与研发 */
.rdyf-list {
    padding: 0px 165px;
    justify-content: space-between;
}

    .rdyf-list .list .number {
        line-height: 1;
    }

        .rdyf-list .list .number span {
            margin-right: 10px;
        }

.rdyf-content {
    padding: 0px 85px;
}

.rdyf-lun {
    border-radius: 6px;
    overflow: hidden;
    position: relative;
}

    .rdyf-lun img {
        width: 100%;
        height: 400px;
    }

    .rdyf-lun .show {
        position: absolute;
        bottom: 0px;
        left: 0px;
        width: 100%;
        height: 20%;
        display: flex;
        align-items: flex-end;
        padding: 0px 30px;
        padding-bottom: 30px;
        background-image: linear-gradient(to top,rgba(0,0,0,.7),rgba(0,0,0,0));
    }

.rdyf-svp {
    position: relative;
}

    .rdyf-svp .swiper-btn {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
    }

        .rdyf-svp .swiper-btn i {
            font-size: 25px;
        }

        .rdyf-svp .swiper-btn.prev {
            left: -54px;
        }

        .rdyf-svp .swiper-btn.next {
            right: -54px;
        }

        .rdyf-svp .swiper-btn a {
            transition: all .4s ease;
        }

            .rdyf-svp .swiper-btn a:hover {
                color: var(--cMainColor);
            }

    .rdyf-svp .pages {
        display: none;
    }

.subrz {
    background-color: #f7f7f7;
}

.subrz-cont {
    justify-content: space-between;
}

    .subrz-cont .cont-l {
        width: 50%;
        display: flex;
        align-items: center;
    }

        .subrz-cont .cont-l .btn {
            position: absolute;
            left: 14%;
            bottom: 19%;
            width: 48px;
            height: 48px;
            border-radius: 50%;
            font-size: 20px;
        }

    .subrz-cont .cont-r {
        width: 42%;
        display: flex;
        justify-content: center;
        flex-direction: column;
    }

        .subrz-cont .cont-r .content br {
            content: "";
            display: block;
            height: 10px;
        }

.subzc-muen {
    justify-content: center;
}

    .subzc-muen a {
        border-bottom: 3px solid #fff;
        padding-bottom: 12px;
        margin: 0px 27px;
    }

        .subzc-muen a.active {
            color: #333;
            font-weight: 700;
            border-bottom: 3px solid var(--cMainColor);
        }

.subzc .content h3 {
    color: #333;
    font-weight: 700;
}

.sserfw-cont .cont {
    width: 45%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-right: 70px;
}

.sserfw-cont .sserfw-svp {
    width: 55%;
    position: relative;
}

.sserfw-lun {
    border-radius: 6px;
    overflow: hidden;
}

    .sserfw-lun img {
        width: 100%;
    }

.sserfw-svp .pages {
    position: absolute;
    bottom: 60px;
    right: 0px;
    z-index: 3;
    position: relative;
    height: 11px;
    width: 100%;
    display: flex;
    justify-content: flex-end;
    padding-right: 60px;
}

    .sserfw-svp .pages .swiper-pagination {
        display: flex;
        position: static;
    }

    .sserfw-svp .pages .swiper-pagination-bullet {
        width: 11px;
        height: 11px;
        background: #fff;
        opacity: 1;
        margin: 0px 6px;
    }

    .sserfw-svp .pages .swiper-pagination-bullet-active {
        background: var(--cMainColor);
    }

.ssercc {
    background-color: #f5f5f5;
}

.ssercc-cont {
    display: flex;
    justify-content: center;
}

.sserwl-list .list {
    margin-bottom: 80px;
}

    .sserwl-list .list:last-child {
        margin-bottom: 0px;
    }

    .sserwl-list .list .img {
        width: 48%;
        border-radius: 6px;
        overflow: hidden;
    }

        .sserwl-list .list .img img {
            width: 100%;
        }

    .sserwl-list .list .cont {
        width: 52%;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

        .sserwl-list .list .cont ul {
            margin-right: -85px;
        }

        .sserwl-list .list .cont li {
            margin-right: 85px;
        }

            .sserwl-list .list .cont li .number {
                line-height: 1;
            }

                .sserwl-list .list .cont li .number span {
                    margin-right: 5px;
                }

    .sserwl-list .list:nth-child(odd) .cont {
        padding-right: 25px;
    }

    .sserwl-list .list:nth-child(even) {
        flex-direction: row-reverse;
    }

        .sserwl-list .list:nth-child(even) .cont {
            padding-right: 140px;
            padding-left: 110px;
        }

.Hanyexq-listMuen .list .btn {
    display: flex;
    align-items: center;
}

    .Hanyexq-listMuen .list .btn i {
        display: block;
        transform: rotate(180deg);
        margin-left: 10px;
        transition: all .4s ease;
    }

    .Hanyexq-listMuen .list .btn.active i {
        transform: rotate(0deg);
    }
/* .Hanyexq-listMuen .list ul{max-height: 140px;overflow: hidden;} */

.abWH-label {
    display: none;
}

.Hanyexq-cont .cont-l .content {
    font-family: "BD";
}

.hzItem::before {
    display: none;
}

.hzItem::after {
    display: none;
}


.sserfw-lun {
    height: 550px;
}

    .sserfw-lun img {
        width: 100%;
        height: 100%;
    }

.slideList ul li li li li li .menu {
    padding-left: 85px;
}

.slideList ul li li li li li li .menu {
    padding-left: 95px;
}

.serchlb-list .list .text {
    display: none;
}

/* .whyBtm-item{display: none;} */







/* -------------------------PC端--------------------------- */
@media all and (max-width:1700px) {
    /* 1600 × (900) */
}

@media all and (max-width:1590px) {
    /* 1440 × (700)  */
    .newsShow-con {
        padding: 40px;
    }

    .newsShow-date .day::after {
        bottom: -20px;
    }

    .newsItem-img img {
        height: 230px;
    }

    .newsItem-con {
        padding: 25px 35px 35px;
    }

    .contCode-map {
        width: 60%;
        height: 320px;
    }

    .catData {
        width: 35%;
    }

    .catHouse-img img {
        height: 210px;
    }

    .hzItem {
        height: 135px;
    }

    .hrLink .link {
        margin-left: -50px;
    }

    .hrLink-item {
        margin-left: 50px;
    }

    .join-menu, .join-header {
        padding: 0 30px;
    }

    .join-header {
        padding-bottom: 20px;
        font-size: 15px;
    }

        .join-menu li:nth-child(3), .join-header li:nth-child(3) {
            width: 140px;
        }

    .joinDrop-btn {
        width: 170px;
        height: 54px;
    }

    .joinLink-img {
        padding-left: 20px;
    }

        .joinLink-img a {
            margin-left: 30px;
        }

    .whyPX-con {
        padding: 0 5% 0 220px;
    }

    .whyPX-img img {
        height: 550px;
    }

    .whyProc-list li {
        height: calc(1200px / 7);
    }

    .whyFL-bg img {
        height: 550px;
    }

    .whyHeader-textBg {
        font-size: 130px;
    }

    .fzHis .gallery {
        width: 300px;
    }

    .fzHonor-list li {
        padding: 0 30px;
    }

    .fzHonor-img {
        height: 150px;
    }

    .abInfo-num li {
        margin-left: 70px;
    }

    .abPro-gallery-img {
        width: 300px;
        height: 300px;
    }

    .abPro .thumbs-year {
        height: 380px;
    }

    .abWH-img img {
        height: 500px;
    }

    .abWH-con {
        left: 53%;
        top: 28%;
    }

    .whyFL-text {
        top: 60%;
    }

        .whyFL-text .text {
            font-size: 14px;
            line-height: 1.2;
        }

        .whyFL-text .title {
            line-height: 1.2;
        }

    .Hanyexq-list a {
        width: calc(100%/4 - 25px);
    }

    .Hanyexq-cont .cont-r .list1 .text {
        padding-left: 0;
    }
}

@media all and (max-width:1430px) {
    /* 1360 */
}

@media all and (max-width:1350px) {
    /* 1280 */
}

@media all and (max-width:1270px) {
    /* 1152 × (700) */
    .newsItem-img img {
        height: 180px;
    }

    .newsItem-con {
        padding: 25px 15px;
    }

    .join-menu li, .join-header li {
        width: 150px;
    }

    .whyPX-con {
        padding: 0 20px 0 110px;
    }

    .whyText {
        padding: 0;
    }

    .whyProc-list li {
        height: calc(960px / 7);
    }

    .whyProc-icon {
        height: 32px;
    }

    .whyFL-bg img {
        height: 450px;
    }

    .whyFL-text {
        top: 55%;
    }
    /* 志鑫 */
    .indfa-list li > img {
        height: 220px;
    }
}
/* ------------------------平板端-------------------------- */
@media all and (max-width:1100px) {
    /* 1024 横屏 */
}

@media all and (max-width:1000px) {
    /* 720 竖屏 */
    /* 志鑫 */
    .indfa-list {
        margin-bottom: -20px;
    }

        .indfa-list li {
            width: calc(100%/2 - 20px);
            margin-right: 20px;
            margin-bottom: 20px;
        }

    .Hanyexq-cont .cont-l {
        width: 100%;
        padding-right: 0px;
    }

    .Hanyexq-cont .cont-r {
        width: 100%;
        padding-left: 0px;
        background-color: #fff;
    }

        .Hanyexq-cont .cont-r::before {
            display: none;
        }

    .prolb .Hanyexq-cont .cont-r {
        background-color: #f9f9f9;
        margin-top: 36px;
    }

    .rdyf-svp .swiper-btn {
        display: none;
    }

    .rdyf-content {
        padding: 0px;
    }

    .rdyf-list {
        padding: 0px;
    }

    .sserfw-cont .cont {
        width: 100%;
        padding-right: 0px;
    }

    .sserfw-cont .sserfw-svp {
        width: 100%;
        margin-top: 25px;
    }

    .sserfw-svp .pages {
        bottom: 25px;
        padding-right: 10px;
    }

    .sserwl-list .list .cont {
        width: 100%;
        padding: 0px !important;
    }

    .sserwl-list .list .img {
        width: 100%;
        margin-top: 10px;
    }

    .sserwl-list .list {
        margin-bottom: 20px;
    }

    .abPro .swiper-slide:nth-child(2n) .thumbs-year {
        padding-top: 60px;
    }

    .subrz-cont .cont-l .btn {
        width: 34px;
        height: 34px;
        font-size: 14px;
    }
}
/* ------------------------手机端-------------------------- */
@media all and (max-width:680px) {
    /* 移动终端 360 适配 */
    .pagesBread {
        overflow-x: auto;
    }

        .pagesBread .contain {
            width: 100%;
            flex-wrap: nowrap;
            white-space: nowrap;
            margin: 0;
        }

    .pagesBread-item {
        flex: unset;
        width: auto;
        height: 46px;
        padding: 0 20px;
    }

    .pagesBan-con {
        padding-bottom: 46px;
    }

    .newsShow-img {
        width: 100%;
    }

    .newsShow-con {
        width: 100%;
        padding: 30px 15px;
    }

    .newsShow-date .day::after {
        bottom: -10px;
        height: 2px;
    }

    .newsShow-btn {
        margin-top: 20px;
        width: 110px;
        height: 38px;
    }

    .newsList {
        margin-left: 0;
    }

    .newsItem {
        width: 100%;
        margin: 15px 0 0;
    }

    .newsItem-img img {
        height: 210px;
    }

    .newsDet-con {
        width: 100%;
        padding-right: 0;
        border-right: 0;
    }

    .newsDet-back {
        font-size: 14px;
        margin-top: 30px;
        width: 120px;
        height: 40px;
        border-radius: 2px;
    }

    .newsDet-switch .btn {
        padding: 10px 15px;
        border-radius: 2px;
    }

    .newsDet-hot {
        width: 100%;
        padding: 0;
    }

    .newsDet-site {
        position: static;
        padding-bottom: 40px;
    }

    .contCode-map {
        width: 100%;
        height: 250px;
    }

    .catData {
        width: 100%;
        padding-top: 30px;
    }

    .catData-list img {
        width: 18px;
    }

    .catData-list p {
        width: calc(100% - 18px);
    }

    .catHouse-list li {
        width: 100%;
    }

    .catHouse-img img {
        height: 180px;
    }

    .hzList {
        margin-left: 0;
        justify-content: space-between;
    }

    .hzItem {
        margin: 10px 0 0;
        width: 48%;
        height: 100px;
    }

        .hzItem::before {
            width: 36px;
            height: 36px;
        }

    .pyText {
        padding: 0;
    }

    .pyInfo-img {
        width: 100%;
    }

    .pyInfo-con {
        width: 100%;
        margin-top: 20px;
    }

    .hrData-left {
        width: 100%;
        padding-right: 0;
        line-height: 25px;
    }

    .hrData-right {
        width: 100%;
        margin-top: 20px;
    }

    .hrLink .link {
        margin-left: 0;
        justify-content: space-between;
    }

    .hrLink-item {
        width: 48%;
        margin: 15px 0 0;
        text-align: center;
    }

    .join-header {
        display: none;
    }

    .join-menu {
        padding: 12px 0;
        font-size: 12px;
        height: auto;
    }

        .join-menu li {
            width: auto;
        }

            .join-menu li:first-child {
                width: 100%;
                font-weight: 700;
                font-size: 13px;
                margin-bottom: 5px;
            }

            .join-menu li:last-child {
                flex: 1;
                padding-left: 15px;
            }

                .join-menu li:last-child::after {
                    font-size: 12px;
                    margin-left: 5px;
                    transform: scale(.8) rotate(180deg);
                }

        .join-menu.active li:last-child::after {
            transform: scale(.8) rotate(0);
        }

    .joinDrop {
        padding: 10px 15px 20px;
    }

    .joinDrop-btn {
        margin-top: 20px;
        width: 130px;
        height: 44px;
        border-width: 2px;
    }

        .joinDrop-btn::before {
            margin-right: 5px;
            width: 14px;
            height: 14px;
        }

    .join-menu li:nth-child(3), .join-header li:nth-child(3) {
        width: auto;
    }

    .joinBtn {
        width: 120px;
        height: 38px;
    }

        .joinBtn::before {
            width: 15px;
            height: 14px;
        }

    .joinLink-img {
        flex: unset;
        padding: 0;
        justify-content: space-between;
        width: 100%;
        margin-top: 10px;
    }

        .joinLink-img a {
            width: 48%;
            margin: 15px 0 0;
        }

    .whyHeader-textBg {
        font-size: 50px;
        bottom: 0;
    }

    .whyPX-con {
        width: 100%;
        padding: 30px 15px;
    }

        .whyPX-con .btn {
            width: 110px;
            height: 36px;
        }

    .whyPX-img {
        width: 100%;
    }

        .whyPX-img img {
            height: 280px;
        }

    .whyProc-list {
        justify-content: center;
        margin-left: -20px;
    }

        .whyProc-list::after {
            content: "";
            width: 140px;
        }

        .whyProc-list li {
            width: 140px;
            height: 140px;
            margin: 20px 0 0 20px;
        }

    .whyProc-text {
        font-size: 14px;
    }

    .whyFL-list li {
        width: 50%;
    }

    .whyFL-bg img {
        height: 350px;
    }

    .whyFL-text {
        top: 50%;
    }

    .whyBtm-item .text, .whyBtm-item .btn {
        font-size: 13px;
    }

    .fzHis .gallery {
        width: 100%;
    }

        .fzHis .gallery .swiper-container {
            overflow: hidden;
        }

    .fzHis-gallery-slide .text p {
        padding-left: 15px;
    }

        .fzHis-gallery-slide .text p::after {
            width: 5px;
            height: 5px;
        }

    .fzHonor-nav-item {
        margin-left: 15px;
    }

    .fzHonor-list {
        justify-content: space-between;
    }

        .fzHonor-list li {
            width: 47%;
            padding: 0;
        }

    .fzHonor-img {
        height: 130px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .abInfo .contain {
        padding-right: 0;
    }

    .abInfo-text .btn {
        margin-top: 20px;
        width: 34px;
        height: 34px;
    }

    .abInfo-num {
        justify-content: space-between;
    }

        .abInfo-num li {
            margin: 20px 0 0;
            width: 48%;
        }

    .abInfo-num-icon {
        width: 50px;
        height: 50px;
        margin-right: 10px;
    }

    .abPro-gallery-con {
        width: 100%;
        padding: 0;
    }

    .abPro-show .pagesTitle {
        position: static;
    }

    .abPro-show .gallery {
        margin-top: 30px;
    }

    .abPro-gallery-title .img {
        width: 40px;
        height: 40px;
        margin-right: 10px;
    }

    .abPro-gallery-img {
        width: 200px;
        height: 200px;
        margin: 20px auto 0;
        padding: 10px;
    }

    .abWH-img::after {
        display: none;
    }

    .abWH-swp .swiper-slide {
        height: auto;
    }

    .abWH-slide {
        border-radius: 10px;
        height: 100%;
        background: #f5f5f5;
        flex-direction: column;
    }

    .abWH-img img {
        height: 200px;
    }

    .abWH-con {
        position: static;
        width: 100%;
        background: #f5f5f5;
        padding: 30px 15px 60px;
    }

        .abWH-con .img {
            width: 50px;
            height: 50px;
        }

    .abWH-label {
        display: none;
    }

    .abWH-pagination {
        right: 50%;
        transform: translateX(50%);
        top: auto;
        bottom: 10px;
    }

        .abWH-pagination .swiper-pagination-bullet {
            margin: 0 4px;
            display: inline-block;
        }
    /* 志鑫 */
    .serchan-form .cont {
        width: 100%;
    }

    .serchlb-cont .cont-l {
        width: 100%;
    }

    .serchlb-cont .cont-r {
        width: 100%;
        padding-left: 0px;
        margin-top: 25px;
    }

    .serchlb-list .list {
        margin-bottom: 15px;
        padding: 20px;
    }

    .serchlb-muen .list {
        padding: 20px;
    }

    .indfa-list {
        margin-bottom: -20px;
        margin-right: 0px;
    }

        .indfa-list li {
            width: 100%;
            margin-right: 0px;
            margin-bottom: 20px;
        }

            .indfa-list li .hide {
                padding: 0px 15px;
            }

            .indfa-list li .show {
                padding: 0px 15px;
                padding-bottom: 15px;
            }

    .Hanyexq-list {
        margin-right: -10px;
        margin-bottom: -10px;
    }

        .Hanyexq-list a {
            width: calc(100%/2 - 10px);
            margin-right: 10px;
            margin-bottom: 10px;
        }

    .Hanyexq-listMuen {
        margin-right: 0px;
        margin-bottom: -15px;
    }

        .Hanyexq-listMuen .list {
            width: 100%;
            margin-right: 0px;
            margin-bottom: 15px;
            padding: 15px;
        }

    .Hanyexq-cont .cont-r {
        padding: 0px;
        padding-bottom: 36px;
    }

    .Hanyexq-title::before {
        width: 75px;
    }

    .proxq-cont .cont-r {
        padding-left: 0px;
        width: 100%;
        padding: 0px;
    }

        .proxq-cont .cont-r .cont {
            padding: 20px;
        }

    .slideBox {
        background-color: #fff;
    }

    .rdyf-svp .swiper-pagination-bullet {
        margin: 0px 5px;
    }

    .rdyf-svp .swiper-pagination-bullet-active {
        background: var(--cMainColor);
    }

    .rdyf-svp .pages {
        display: flex;
        justify-content: center;
        margin-top: 15px;
    }

    .subrz-cont .cont-l {
        width: 100%;
    }

    .subrz-cont .cont-r {
        width: 100%;
    }

    .subzc-muen a {
        padding-bottom: 5px;
        margin: 0px 5px;
    }

    .abPro .thumbs-year {
        height: 260px;
    }

        .abPro .thumbs-year .dot {
            margin-top: 10px;
        }

        .abPro .thumbs-year.active .line {
            height: 30px;
        }

    .abPro .swiper-slide:nth-child(2n) .thumbs-year {
        padding-top: 40px;
    }

    .abPro-svg {
        height: 55%;
    }

    .abPro .thumbs-year .text {
        font-size: 13px;
    }

    .whyFL-text {
        top: 5%;
    }

    .whyFL-bg img {
        height: 280px;
    }

    .sserfw-lun {
        height: 235px;
    }

    .rdyf-list {
        justify-content: center;
        margin-bottom: -10px;
    }

        .rdyf-list .list {
            margin: 0px 10px;
            margin-bottom: 10px;
        }

    .fzHis {
        height: 400px;
    }

        .fzHis .thumbs {
            margin-top: 60px;
        }

    .fzHonor-nav {
        flex-wrap: wrap;
        margin-bottom: -15px;
    }

    .fzHonor-nav-item {
        width: 100%;
        margin-bottom: 15px;
        margin-left: 0px;
    }

    .newsDet {
        background: #fff;
    }
}