.header {
    transition: all 0.3s ease-in-out;
}

.site-menu {
    height: 70px;
}

.site-menu .site-logo img {
    height: 44px;
}

.site-menu .site-nav ul li {
    margin: 0 27px;
    font-size: 14px;
    height: 70px;
    line-height: 70px;
    position: relative;
}

.site-menu .site-nav ul li.active,
.site-menu .site-nav ul li:hover {
    border-bottom: 2px solid #fff;
}

.site-menu .site-nav a {
    color: #fff;
}

.site-menu .site-nav ul li .drop-menu,
.site-lang .drop-menu {
    position: absolute;
    top: 70px;
    left: 0;
    width: 120px;
    background: #fff;
    z-index: 999;
    /* display: flex; */
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    height: 0;
    overflow: hidden;
    transition: all 0.3s ease-out;
    display: none;
}

.site-menu .site-nav ul li .drop-menu a,.site-lang .drop-menu a {
    color: #000;
    line-height: 40px;
    display: block;
    width: 100%;
    text-align: center;
}
.site-menu .site-nav ul li .drop-menu a{
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 1.2;
    width: 100%;
    height: 40px;
}

.site-menu .site-nav ul li:hover .drop-menu ,.site-lang:hover .drop-menu {
    height: auto;
    display: flex;
}

.site-menu .site-nav ul li .drop-menu a:hover,.site-lang .drop-menu a:hover {
    color: #fff;
    background: #FF571F;
}

.site-menu .site-lang {
    margin-left: 170px;
    font-size: 12px;
    color: #fff;
    cursor: pointer;
    position: relative;
    height: 70px;
}

.site-menu .site-lang .iconfont {
    font-size: 10px;
}

.site-menu .site-lang .iconfont::before {
    display: inline-block;
    /* 将display属性设置为inline-block或者block */
    transform: rotate(180deg);
}

.header .product-dropdown {
    position: fixed;
    top: 70px;
    left: 0;
    width: 100%;
    /* height: 500px; */
    background: #F6F6F6;
    z-index: 1024;
    padding: 80px 0;
    font-size: 18px;
    display: none;
}

.header .product-dropdown .wrapper {
    position: relative;
    z-index: 100;
}

.header .product-dropdown a {
    color: #434343;
}

.submenu-panel {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
}

.header .submenu-item {
    height: 50px;
    line-height: 50px;
    width: 240px;
    padding-left: 38px;
    color: #434343;
}

.header .submenu-item.active {
    background: #fff;
    border-left: 2px solid #FF571F;
    color: #FF571F;
}

.header .product-item img {
    margin-bottom: 18px;
    width: 100%;
}

.header .product-item a {
    font-size: 12px;
}

.header .product-item:hover a {
    color: #FF571F;
}

.m-header {
    display: none;
}

.site-menu .site-nav ul li:hover .product-dropdown {
    display: block;
}

.footer {
    padding: 82px 0;
    background: #1A1A1A;
    color: #fff;
}

.footer .company .name {
    font-size: 22px;
    font-weight: 500;
}

.footer .company .en-name {
    font-size: 14px;
    margin-top: 4px;
}

.footer .company-infos {
    margin-top: 96px;
}

.footer .company-infos ul li {
    font-size: 14px;
    margin: 4px auto;
}

.footer .company-infos ul li .label {
    width: 10%;
}

.footer .copyright a {
    color: #fff;
    margin-right: 5px;
}

.footer .copyright a:hover {
    border-bottom: 1px solid #fff !important;
}

.news-wrapper {
    padding: 94px 0 143px;
    background: #F6F6F6;
}

.news-wrapper .news-list {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 40px 20px;
    margin-top: 76px;
    margin-bottom: 92px;
}

.news-wrapper .news-list li .picture {
    width: 100%;
    height: 320px;
}

.news-wrapper .news-list li .picture img {
    object-fit: cover;
    width: 100%;
    height: 100%;
}

.news-wrapper .news-list li .content {
    background: #fff;
    padding: 40px 18px 25px;
    position: relative;
}

.news-wrapper .news-list li .content::before {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0;
    height: 100%;
    background: #FF571F;
    content: '';
    transition: all 0.3s ease-out;
    opacity: 0;
}

.news-wrapper .news-list li .content .date {
    font-size: 14px;
    color: #767676;
    position: relative;
    z-index: 2;
}

.news-wrapper .news-list li .content .title {
    font-size: 20px;
    line-height: 30px;
    margin: 26px auto 14px;
    height: 60px;
    position: relative;
    z-index: 2;
     -webkit-line-clamp: 2;
    /* 限制显示的行数 */
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.news-wrapper .news-list li .content .title a {
    color: #1A1A1A;
}

.news-wrapper .news-list li .content .desc {
    color: #434343;
    font-size: 12px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    /* 限制显示的行数 */
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 24px;
    height: 50px;
    position: relative;
    z-index: 2;
}

.news-wrapper .news-list li:hover .content::before {
    width: 100%;
    height: 100%;
    opacity: 1;
}

.news-wrapper .news-list li:hover .date,
.news-wrapper .news-list li:hover .title a,
.news-wrapper .news-list li:hover .desc {
    color: #fff;
}

.page-bar a {
    width: 35px;
    height: 35px;
    color: #000;
    font-size: 15px;
    font-weight: 400;
    text-align: center;
    margin: 0 20px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
}

.page-bar a:hover,
.page-bar a.page-num-current {
    background: #FF571F;
    color: #fff;
}

.page-bar a.next .iconfont::before {
    display: inline-block;
    transform: rotate(90deg);
}

.news-details-wrapper {
    padding: 143px 0 132px;
    max-width: 700px;
    margin: 0 auto;
}

.news-details-wrapper .date {
    font-weight: 300;
}

.news-details-wrapper .title {
    font-size: 38px;
    font-weight: 400;
    margin: 22px auto 35px;
}

.news-details-wrapper .content {
    padding-top: 38px;
}

.news-details-wrapper .bottom-line {
    margin: 40px auto;
    background: #D9D9D9;
}

.news-details-wrapper .page-ctrl a {
    color: #767676;
    font-size: 12px;
    display: flex;
    align-items: center;
}

.news-details-wrapper .page-ctrl a:hover {
    color: #FF571F;
}

.news-details-wrapper .page-ctrl a.prev .iconfont {
    display: inline-block;
    transform: rotate(-90deg);
    margin-right: 10px;
    font-size: 12px;
}

.news-details-wrapper .page-ctrl a.next .iconfont {
    display: inline-block;
    transform: rotate(90deg);
    margin-left: 10px;
    font-size: 12px;
}

.product-container .row {
    display: none;
    /* 默认隐藏 */
    transition: all 0.5s ease;
}

.product-container .row.active {
    display: flex;
    /* 或 display: flex; 根据布局调整 */
    animation: fadeIn 0.5s ease;
    /* 添加入场动画 */
}

@keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}


.advantages {
    background: url('../img/adv_bg.png')no-repeat;
    background-size: 100% 100%;
    position: relative;
}

.advantages .public-head {
    position: absolute;
    top: 58px;
    left: 50%;
    transform: translateX(-50%);
    color: #fff;
    z-index: 99;
}

.advantages .public-head h3 {
    height: 58px;
    line-height: 58px;
}

.advantages .public-head h3 a {
    color: #fff;
}

.advantages .public-head h3 a:hover {
    color: #fff;
}

.advantages .iconbar {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    /* 创建5列等宽布局 */
    grid-gap: 0;
    /* 明确设置间距为0 */
    height: 750px;
}

.advantages .iconbar .item {
    font-size: 16px;
    position: relative;
    color: #fff;
    border-left: 1px solid rgba(255, 255, 255, 0.4);
}

.advantages .iconbar .item::before {
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 100%;
    content: '';
    background: #FF571F;
    transition: all 0.5s ease-out;
    opacity: 0;
    z-index: 1;
}

.advantages .iconbar .item::after {
    content: '';
    width: 0;
    height: 2px;
    background: #fff;
    position: absolute;
    bottom: 30%;
    left: 50%;
    transform: translateX(-50%);
    z-index: 2;
    transition: all 0.5s ease-out;
    opacity: 0;
}

.advantages .iconbar .item a {
    color: #fff;
    text-align: center;
}

.advantages .iconbar .item:last-child {
    border-right: 1px solid rgba(255, 255, 255, 0.4);
}

.advantages .iconbar .item .iconfont {
    font-size: 60px;
    line-height: 1;
    position: relative;
    z-index: 2;
}

.advantages .iconbar .item:hover::before {
    opacity: 1;
    width: 100%;
    height: 100%;
}

/* .advantages .iconbar .item:hover {
    background: #FF571F;
} */

.advantages .iconbar .item:hover::after {
    width: 30px;
    opacity: 1;
}

.advantages .iconbar .item .txt {
    margin-top: 24px;
    position: relative;
    z-index: 2;
    padding: 0 40px;
    text-align: center;
}

.industry {
    padding: 82px 0;
    background: url('../img/diwen\ 1.png')no-repeat;
    background-size: 100% 100%;
    height: 762px;
}

.industry .wrapper {
    margin-top: 64px;
}

.industry .wrapper .item {
    width: 330px;
    height: 330px;
    /* background: #FF571F33;
    padding: 15px;
    box-sizing: border-box;
    border-radius: 50%; */
    overflow: hidden;

    position: relative;
}

.industry .wrapper .item .mask {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background: #FF571F33;
    color: #fff;
    position: relative;
    transition: all 0.5s;
    opacity: 0;
    transform: scale(0.1);
    z-index: 6;
}

.industry .wrapper .item .mask::before {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border-radius: 50%;
    background: #FF571F;
    z-index: 7;
    content: '';
    width: calc(100% - 30px);
    height: calc(100% - 30px);
}

.industry .wrapper .item .mask>div {
    position: relative;
    z-index: 8;
    padding: 0 40px;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    width: 100%;
    height: 100%;
}

.industry .wrapper .item .mask .title {
    margin: 22px auto 8px;
    font-size: 18px;
    font-weight: 400;
}

.industry .wrapper .item .mask .icon .iconfont {
    font-size: 57px;
    line-height: 1;
}

.industry .wrapper .item .mask .desc {
    font-size: 12px;
    text-align: center;
}

.industry .wrapper .item.active .mask,
.industry .wrapper .item:hover .mask {
    opacity: 1;
    transform: scale(1);
}

.industry .wrapper .item .unit {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.industry .wrapper .item .unit .icon {
    background: #FF571F1A;
    width: 120px;
    height: 120px;
    border-radius: 50%;
    color: #FF571F;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    margin: 0 auto;
}

.industry .wrapper .item .unit .icon::after {
    position: absolute;
    border: 2px solid #FF571F;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    content: '';
    width: calc(100% - 18px);
    height: calc(100% - 18px);
    border-radius: 50%;
}

.industry .wrapper .item .unit .icon .iconfont {
    font-size: 35px;
}

.industry .wrapper .item .unit .title {
    color: #FF571F;
    font-size: 16px;
    font-weight: 400;
    margin: 22px auto 8px;
    text-align: center;
}


/* .industry .wrapper .item {
    position: relative;
    text-align: center;
    transition: all 0.3s ease-out;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
}

.industry .wrapper .item .icon {
    background: #FF571F1A;
    width: 120px;
    height: 120px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #FF571F;
    margin: 0 auto;
    position: relative;
}

.industry .wrapper .item .icon::after {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 84px;
    height: 84px;
    border-radius: 50%;
    border: 2px solid #FF571F;
    content: '';
}

.industry .wrapper .item .icon .iconfont {
    font-size: 35px;
}

.industry .wrapper .item .title {
    margin: 22px auto 8px;
    color: #FF571F;
    font-size: 18px;
    font-weight: 400;
}

.industry .wrapper .item .desc {
    /* display: none; */
/* opacity: 0;
    text-align: center;
    max-width: 220px;
    margin: 0 auto;
    font-size: 12px;
}

.industry .wrapper .item.active,
.industry .wrapper .item:hover {
    width: 330px;
    height: 330px;
    background: #FF571F33;
    border-radius: 50%;
    color: #fff;
}

.industry .wrapper .item.active .title,
.industry .wrapper .item:hover .title {
    color: #fff;
}

.industry .wrapper .item.active>div,
.industry .wrapper .item:hover>div {
    width: 300px;
    height: 300px;
    border-radius: 50%;
    background: #FF571F;
    text-align: center;
    padding-top: 60px;
}

.industry .wrapper .item.active .icon,
.industry .wrapper .item:hover .icon {
    background: none;
    color: #fff;
    width: auto;
    height: auto;
}

.industry .wrapper .item.active .icon .iconfont,
.industry .wrapper .item:hover .icon .iconfont {
    font-size: 57px;
    line-height: 1;
}

.industry .wrapper .item.active .icon::after,
.industry .wrapper .item:hover .icon::after {
    display: none;
}

.industry .wrapper .item.active .desc,
.industry .wrapper .item:hover .desc {
    opacity: 1;
} */
.before-sale {
    background: #F6F6F6;
    padding: 108px 0 150px 0;
}

.before-sale .public-head {
    margin-bottom: 87px;
}

.before-sale .before-item {
    padding: 85px 120px;
    background: #fff;
    margin-bottom: 30px;
}

.before-sale .before-item .picture {
    max-width: 700px;
}

.before-sale .before-item .content {
    flex: 1;
    max-width: 460px;
}

.before-sale .before-item .content .title {
    color: #FF571F;
    font-weight: 380;
    font-size: 24px;
    margin-bottom: 35px;
}

.before-sale .before-item .content .desc {
    font-size: 14px;
    color: #434343;
    line-height: 30px;
}

.after-sale {
    background: #F0F0F0;
    padding: 160px 0;
}

.after-sale .page-desc {
    font-size: 18px;
    line-height: 30px;
    font-weight: 300;
    margin-top: 45px;
}

.after-sale .card-wrap {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 20px;
    margin-top: 95px;
}

.after-sale .card-wrap .item {
    padding: 50px 38.5px;
    background: #fff;
}

.after-sale .card-wrap .item .iconfont {
    font-size: 70px;
    line-height: 1;
}

.after-sale .card-wrap .item .desc {
    font-size: 14px;
    line-height: 24px;
    margin-top: 52px;
    color: #434343;
}

.after-sale .card-wrap .item:hover {
    background: #FF571F;
    color: #fff;
}

.after-sale .card-wrap .item:hover .desc {
    color: #fff;
}

.training {
    margin-top: 150px;
}

.training .left-wrap {
    max-width: 500px;
    border-bottom: 2px solid #FF571F;
}

.training .icon {
    margin-top: 77px;
    margin-bottom: 50px;
}

.training .icon .iconfont {
    font-size: 71px;
    line-height: 1;
}

.training .desc {
    color: #434343;
    font-size: 14px;
    line-height: 24px;
}

.global-service {
    padding: 176px 0 355px 0;
}

.global-service .desc {
    font-size: 18px;
    line-height: 30px;
    font-weight: 330;
    margin: 54px 0;
    max-width: 460px;
}

.about-bannner {
    width: 100%;
    height: 905px;
    background: url('../img/about_banner.png')no-repeat;
    background-size: 100% 100%;
    display: flex;
    justify-content: center;
    color: #fff;
    padding-top: 216px;
}

.about-bannner h3 {
    font-size: 36px;
    font-weight: 450;
    margin-bottom: 25px;
}

.about-bannner p {
    font-size: 25px;
    font-weight: 300;
    margin-bottom: 110px;
}

.about-bannner .iconfont {
    font-size: 55px;
    line-height: 1;
    cursor: pointer;
}

.about-page-one {
    padding: 165px 0 175px;
}

.about-page-one .public-head h3 {
    line-height: 60px !important;
}

.about-page-one .content {
    color: #434343;
    font-size: 14px;
    line-height: 24px;
    text-align: justify;
    /* 两端对齐 */
    text-justify: inter-ideograph;
}

.history {
    padding: 160px 0;
}

.history .time-line {
    margin-top: 136px;
}

.history .time-line .content {
    position: relative;
}

.history .time-line .content .show-details {
    /* max-width: 940px; */
    margin: 0 auto;
    overflow: hidden;
}

.history .time-line .content .show-details .show-item {
    display: none;
    align-items: center;
    justify-content: center;
}

.history .time-line .content .show-details .show-item.active {
    display: flex;
}

.history .time-line .content .show-details .year {
    font-size: 128px;
    line-height: 1;
    font-weight: 400;
}

.history .time-line .content .show-details .line {
    width: 1px;
    height: 97px;
    background: #434343;
    content: '';
    display: inline-flex;
    margin: 0 50px;
}

.history .time-line .content .show-details .description {
    max-width: 460px;
    font-size: 12px;
    line-height: 28px;
    color: #434343;
}

.history .time-line .content .ctrl-wrap {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.history .time-line .content .ctrl-wrap .arrow {
    color: #767676;
    border: 1px solid #767676;
    width: 45px;
    height: 45px;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.history .time-line .content .ctrl-wrap .arrow .iconfont {
    font-size: 25px;
    line-height: 1;
}

.history .time-line .content .ctrl-wrap .arrow.prev .iconfont {
    transform: rotateY(-180deg);
}

.history .time-line .content .ctrl-wrap .arrow:hover {
    background: #FF571F;
    color: #fff;
    border-color: #FF571F;
}

.about-world {
    background: url('../img/Rectangle\ 88.png')no-repeat;
    background-size: contain;
    padding-top: 214px;
    height: 900px;
}

.about-world p {
    margin-top: 60px;
    font-size: 14px;
    line-height: 25px;
    color: #fff;
}

.about-friend {
    height: 990px;
    background: url('../img/Rectangle\ 87.png')no-repeat;
    background-size: 100% 100%;
    padding-top: 86px;
}

.about-friend .public-head p {
    margin-top: 35px;
    color: #fff;
}

.about-friend .friend-wrap {
    margin-top: 117px;
    position: relative;
}

.about-friend .friend-wrap .swiper-container {
    max-width: 942px;
    margin: 0 auto;
}

.swiper-ctrl {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    transform: translateY(-50%);
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.swiper-ctrl .swiper-button-next,
.swiper-ctrl .swiper-container-rtl .swiper-button-prev,
.swiper-ctrl .swiper-button-prev,
.swiper-ctrl .swiper-container-rtl .swiper-button-next {
    background: none;
    width: 45px;
    height: 45px;
    border: 1px solid #fff;
    border-radius: 50%;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
}

.swiper-ctrl .arrow .iconfont {
    font-size: 25px;
    line-height: 1;
}

.swiper-ctrl .arrow.swiper-button-prev .iconfont {
    display: inline-flex;
    transform: rotateY(-180deg);
}

.swiper-ctrl .arrow:hover {
    background: #FF571F;
    color: #fff;
    border-color: #FF571F;
}

.timeline-scale {
    margin-top: 136px;
}

.timeline-scale .year-ruler {
    height: 70px;
    overflow-x: auto;
    scrollbar-width: none;
    -ms-overflow-style: none;
}

.timeline-scale .year-ruler::-webkit-scrollbar {
    display: none;
}

.timeline-scale .year-ruler .ruler-track {
    display: flex;
    position: relative;
    transition: transform 0.3s ease-out;
}

.timeline-scale .year-ruler .ruler-track .year-group {
    width: calc(100% / 6);
    min-width: 234px;
    position: relative;
    border-left: 1px solid #C3C3C3;
    height: 24px;
    border-bottom: 1px solid #C3C3C3;
}

.timeline-scale .year-ruler .ruler-track .year-group.active::after {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #fff;
    border: 1px solid #FF571F;
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    transform: translate(-50%, 50%);
}

.timeline-scale .year-ruler .ruler-track .year-group .year-label {
    position: absolute;
    bottom: -25px;
    left: 0;
    transform: translateX(-50%);
    font-size: 12px;
    color: #767676;
    cursor: pointer;
}

.timeline-scale .year-ruler .ruler-track .year-group .ticks {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    height: 100%;
}

.timeline-scale .year-ruler .ruler-track .year-group .ticks .tick {
    width: 1px;
    height: 14px;
    background: #C3C3C3;
}

.timeline-scale .year-ruler .ruler-track .year-group .ticks .tick:first-child,
.timeline-scale .year-ruler .ruler-track .year-group .ticks .tick:last-child {
    background: none;
}

.timeline-scale .year-ruler .ruler-track .year-group.active .year-label {
    color: #FF571F;
}

.costoum-menu {
    display: none;
}


.contact-bannner {
    width: 100%;
    height: 100vh;
    background: url('../img/contact_bg.png')no-repeat;
    background-size: cover;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
}

.contact-bannner h3 {
    font-size: 130px;
    font-weight: 300;
}

.contact-bannner p {
    font-size: 36px;
    margin-top: 32px;
    font-weight: 450;
}

.contact-wrap {
    padding: 120px 0;

}

.contact-item {
    height: auto;
    transition: all 0.6s ease-out;
    overflow: hidden;
    border-bottom: 1px solid #CECECE;
    margin-bottom: 60px;
}

.contact-item:not(.active) {
    max-height: 78px;
}

.contact-item.active {
    height: auto;
    max-height: none;
    /*transition: max-height 0.8s cubic-bezier(0.22, 1, 0.36, 1);*/
}

.contact-item .top {
    height: 78px;
    align-items: start;
    cursor: pointer;
}

.contact-item .top .title {
    font-size: 34px;
    line-height: 1;
    color: #434343;
    font-weight: 330;
}

.contact-item .top img {
    color: #FF571F;
    height: 20px;
}

.contact-item .list-wrap {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
    margin: 70px auto;
}

.contact-item .list-wrap .list-item {
    border-radius: 15px;
    padding: 50px 60px;

    border: 0.5px solid #F0F0F0;
    box-shadow: 0px 2.39404px 5.32008px 0px rgb(73 126 218 / 3%);
}

.contact-item .list-wrap .list-item .name {
    color: #434343;
    font-size: 28px;
    font-weight: 330;
    margin-bottom: 35px;
}

.contact-item .list-wrap .list-item .infos .unit {
    font-size: 14px;
    color: #434343;
    line-height: 24px;
}

.contact-item.active:last-child {
    border-bottom: none;
}

.contact-item .jobs-box {
    border: 0.5px solid #F0F0F0;
    box-shadow: 0 0 10px 0 #E6E6E6;
    border-radius: 15px;
    padding: 50px 35px;
}

.contact-item .jobs-box .jobs-head {
    background: #FF571F;
    height: 60px;
    color: #fff;
    padding: 0 80px;
    border-radius: 15px 15px 0 0;
    font-size: 20px;
    font-weight: 330;
}

.contact-item .jobs-box .list-head {
    background: #F0F0F0;
    height: 50px;
    padding: 0 80px;
    font-size: 18px;
    font-weight: 330;
}

.contact-item .jobs-box .jobs-head span,
.contact-item .jobs-box .list-head span {
    flex-basis: 100%;
    text-align: left;
}

.contact-item .jobs-box .jobs-list {
    margin: 43px auto;
}

.contact-item .jobs-box .list-cont {
    padding: 35px 80px 0;
    color: #434343;
    font-size: 14px;
    line-height: 28px;
}

.contact-item .jobs-box .list-cont ul {
    margin-bottom: 18px;
}

.contact-item .jobs-box .list-cont .tips {
    color: #FF571F;
    font-weight: 330;
}

.msg-box .page-title {
    color: #FF571F;
    font-size: 24px;
    font-weight: 330;
    margin-bottom: 45px;
}

.msg-box .picture {
    width: 60%;
    max-width: 700px;
    height: 490px;
    background: url('../img/before3.png')no-repeat;
    background-size: cover;
    color: #fff;
    padding: 50px 38px;
}

.msg-box .picture .tit {
    font-size: 18px;
    margin-bottom: 22px;
    font-weight: 380px;
}

.msg-box .picture .desc {
    font-size: 12px;
    line-height: 24px;
    font-weight: 300;
    max-width: 390px;
}

.msg-box .message {
    flex: 1;
    margin-left: 20px;
    height: 490px;
    padding: 16px 16px 26px 16px;
    box-shadow: 2px 4px 16px #B2B2B280;
}

.msg-box .message .title {
    font-size: 22px;
    margin-bottom: 24px;
    font-weight: 330;
    color: #2E333C;
}

.msg-box .message .form-item {
    height: 58px;
    background: #F5F5F5;
    margin-bottom: 16px;
    padding: 0 16px;
    color: #434343;
    font-size: 14px;
}

.msg-box .message .form-item input,
.msg-box .message .form-item select {
    border: none;
    outline: none;
    background: none;
    flex: 1;
    margin-left: 60px;
}

.msg-box .message .vercode-item .tips {
    margin-top: 8px;
    color: #2E333C;
    font-weight: 330;
    margin-bottom: 12px;
}

.msg-box .message .vercode-item .vercode-box {
    height: 58px;
    background: #F5F5F5;
    padding: 0 16px;
    font-size: 14px;
}

.msg-box .message .vercode-item img {
    cursor: pointer;
}

.msg-box .message .vercode-item input {
    border: none;
    outline: none;
    background: none;
}

.msg-box .message button {
    border: none;
    outline: none;
    background: #FF571F;
    height: 54px;
    width: 100%;
    line-height: 54px;
    color: #fff;
    margin-top: 24px;
    font-size: 16px;
}

.support {
    padding: 123px 0 141px 0;
    background: #F6F6F6;
}

.support .list {
    margin-top: 48px;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 20px;
}

.support .list .item {
    background: #fff;
    border-radius: 15px;
    box-shadow: 0 0 20px #E6E6E6;
    padding: 39px 0 46px 0;
}

.support .list .item img {
    width: 59px;
}

.support .list .item .name {
    font-size: 24px;
    color: #434343;
    font-weight: 330;
    margin: 24px auto 40px;
}

.support .list .item a {
    width: 100px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    background: #F0F0F0;
    font-size: 14px;
    color: #434343;
    border-radius: 50px;
    transition: all 0.3s;
}

.support .list .item a:hover {
    background: #FF571F;
    color: #fff;
}

/*.support .list .item a:last-child{*/
/*    margin-left: 80px;*/
/*}*/

.postions {
    padding: 20px 0;
}

.postions a {
    color: #434343;
    font-size: 20px;
    font-weight: 330;
    margin-right: 20px;
}

.postions a:hover,
.postions a.active {
    color: #FF571F;
}

.news-wrapper .news-list li .picture video {
    width: 100%;
    height: 100%;
    object-fit: cover;
}


.about-company {
    background: #1A1A1A;
    padding: 86px 0 166px 0;
}
.about-company .culture-grid {
    display: block;
}
.about-company .mobile-culture-grid{
    display: none;
}
.about-company .culture-grid ul {
    margin-top: 116px;
}

.about-company .culture-grid ul li {
    margin-bottom: 20px;
}

.about-company .culture-grid ul li .culture-boxs {
    position: relative;
    height: 380px;
}

.about-company .culture-grid ul li .culture-boxs .card-item {
    width: 23.958vw;
    height: 19.792vw;
    max-width: 460px; /* 1920及以上屏幕，限制最大宽度，匹配UI规范 */
    max-height: 380px; /* 限制最大高度 */
    border-radius: 15px;
    overflow: hidden;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1;
    transition: all 0.6s ease;
}

.about-company .culture-grid ul li .culture-boxs .card-item.cen-img {
    z-index: 2;
}

.about-company .culture-grid ul li .culture-boxs .card-item.cen-card {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    padding: 0 40px 60px 40px;
}

.about-company .culture-grid ul li .culture-boxs .card-item.cen-card::before {
    position: absolute;
    top: 44px;
    left: 40px;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    background: #FF571F;
    content: '';
}

.about-company .culture-grid ul li .culture-boxs .card-item.cen-card .icon {
    position: absolute;
    right: 42px;
    top: 44px;
    height: 149px;
    width: auto;
}

.about-company .culture-grid ul li .culture-boxs .card-item.cen-card .card-tit,
 .about-company .mobile-culture-grid .card-item.cen-card .card-tit {
    color: #FF571F;
    font-size: 30px;
    line-height: 1;
    font-weight: 520;
}

.about-company .culture-grid ul li .culture-boxs .card-item.cen-card .card-desc,
 .about-company .mobile-culture-grid .card-item.cen-card .card-desc{
    font-size: 14px;
    font-weight: 300;
    line-height: 25px;
    color: #333333;
    margin-top: 17px;
}


.about-company .atmosphere {
    margin-top: 147px;
    overflow: hidden;
}

.about-company .atmosphere .public-head {
    margin-bottom: 92px;
}

/* 1. 每行的滚动容器：溢出隐藏，控制行间距 */
.about-company .atmosphere .scroll-box {
    overflow: hidden;
    /* 隐藏横向溢出，避免露白 */
    margin-bottom: 37px;
    /* 行与行的间距 */
}

/* 2. 滚动内容容器：flex横向排列（原+复制的图） */
.about-company .atmosphere .scroll-wrap {
    display: flex;
    position: relative;
    /* 用于控制left偏移实现滚动 */
    left: 0;
    /* 初始偏移量 */
    gap: 20px;
    /* 图片之间的横向间距（和原布局一致） */
    width: auto;
    /* 自适应内容宽度（原4张+复制4张） */
}

/* 3. 图片项：保持4列宽度，禁止收缩 */
.about-company .atmosphere .scroll-wrap .item {
    flex-shrink: 0;
    /* 关键：禁止图片被挤压变形 */
    width: calc(25% - 15px);
    /* 4列布局：每列宽度=25% - 间距补偿（总gap=3*20=60 → 每列减15） */
    box-sizing: border-box;
}

/* 4. 图片样式：占满容器 */
.about-company .atmosphere .scroll-wrap .item img {
    width: 100%;
    display: block;
    /* 消除图片底部默认间隙 */
}



.popup {
    width: 100%;
    height: 100vh;
    background: rgba(0, 0, 0, 0.3);
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999;
    display: none;
}

.popup .wrapper {
    position: absolute;
    max-width: 941px;
    width: 90%;
    background: #fff;
    border-radius: 15px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.popup .wrapper .top {
    height: 88px;
    border-bottom: 1px solid#C4C4C4E5;
    padding: 0 39px;
}

.popup .wrapper .top .close {
    cursor: pointer;
}

.popup .wrapper .top .title {
    font-size: 28px;
    font-weight: 380;
}

.popup .wrapper .content {
    padding: 30px 40px 40px;
}

.popup .wrapper .content .form-rows {
    margin-bottom: 20px;
}

.popup .wrapper .content .form-rows .form-item input {
    width: 100%;
    height: 35px;
    line-height: 35px;
    border-radius: 5px;
    outline: none;
    border: none;
    font-size: 14px;
    margin-top: 11px;
    background: #F6F7F8;
    text-indent: 1rem;
}

.popup .wrapper .content .form-rows .form-item {
    width: 45%;
    max-width: 360px;
    position: relative;
}

.popup .wrapper .content .form-rows .form-item.check-item,
.popup .wrapper .content .form-rows .form-item.agree-item {
    width: 100%;
    max-width: unset;
}

.popup .wrapper .content .form-rows .form-item.check-item input {
    height: 45px;
    line-height: 45px;
}

.popup .wrapper .content .form-rows .form-item.check-item img {
    position: absolute;
    right: 20px;
    bottom: 5px;
    cursor: pointer;
    height: 35px;
}

.popup .wrapper .content .form-rows .form-item.agree-item .agree-cont input {
    width: 24px;
    height: 24px;
    cursor: pointer;
    margin-top: 0;
}

.popup .wrapper .content .form-rows .form-item.agree-item .agree-cont {
    margin-top: 11px;
}

.popup .wrapper .content .form-rows .form-item.agree-item .agree-cont span {
    flex: 1;
    margin-left: 10px;
    font-size: 12px;
    line-height: 20px;
    color: #C4C4C4;
}

.popup .wrapper .content .btn {
    width: 100%;
    background: #FF571F;
    height: 35px;
    color: #fff;
    font-weight: 330px;
    border-radius: 5px;
    outline: none;
}

.team-strength {
    padding: 58px 0 113px;
}

.team-swiper {
    margin-top: 95px;
    padding-bottom: 80px;
}

.team-swiper .swiper-slide {
    background: #FAFAFA;
    border-radius: 10px;
    overflow: hidden;
    padding: 55px 50px;
}

.team-swiper .swiper-slide .content {
    flex: 1;
    margin-right: 33px;
}

.team-swiper .swiper-slide .content .title {
    color: #FF571F;
    font-size: 30px;
    font-weight: 520;
    margin-bottom: 57px;
}

.team-swiper .swiper-slide .content .desc {
    font-size: 14px;
    color: #434343;
    line-height: 30px;
}

.team-swiper .coustom {
    margin-top: 36px;
}

.team-swiper .coustom .process {
    flex: 1;
    margin-right: 46px;
    background: #8D8D8D;
    height: 1px;
    position: relative;
    max-width: 1500px;
}

.team-swiper .coustom .coustom-ctrl {
    height: 29px;
}

.team-swiper .coustom .arrow {
    width: 29px;
    height: 29px;
    border-radius: 50%;
    border: 1px solid #8D8D8D;
    position: relative !important;
    left: unset !important;
    right: unset !important;
}

.team-swiper .swiper-button-next:after,
.team-swiper .swiper-rtl .swiper-button-prev:after {
    content: '' !important;
}

.team-swiper .swiper-button-prev:after,
.team-swiper .swiper-rtl .swiper-button-next:after {
    content: '' !important;
}

.team-swiper .coustom .arrow .iconfont {
    color: #8D8D8D;
}

.team-swiper .coustom .arrow.swiper-button-prev .iconfont {
    transform: rotateY(-180deg);
}

.team-swiper .coustom .arrow.swiper-button-prev {
    margin-right: 14px;
}

.line-art{
    height: 740px;
    background: url('../img/line_bg.png')no-repeat;
    background-size: cover;
    padding-top: 82px;
}
.line-art .picture-wall{
    margin-top: 175px;
    display: flex;
}
.line-art .picture-wall .picture-item{
    cursor: pointer;
    position: relative;
}
.line-art .picture-wall .picture-item .mask{
    position: absolute;
    top: 160px;
    left: 50%;
    transform: translateX(-50%);
    transition: all 0.3s;
    /*color: #434343;*/
    font-size: 14px;
    min-width: 126px;
    text-align: center;
    padding-top: 90px;
    color:#FF571F;
}
.line-art .picture-wall .picture-item .mask::before{
    width: 5px;
    height: 5px;
    background: #FF571F;
    border-radius: 50%;
    content: '';
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
}
.line-art .picture-wall .picture-item .mask::after{
    width: 1px;
    height: 82px;
    background: #FF571F;
     content: '';
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
}