@import url('https://fonts.googleapis.com/css2?family=Montserrat&display=swap');

body {
    font-family: 'Montserrat', sans-serif !important;
}

#header {
    /* background-color: #000 !important; */
    color: #fff !important;
    z-index: 99999999;
}

.m-menu nav {
    background-color: rgba(0, 0, 0, 1);
    color: #fff;
}

#bannerVideo {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.right-jt {
    display: flex;
    width: 26px;
    height: 26px;
    background-color: var(--primary-color);
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    margin-right: 6px;
    transition: transform 0.5s ease;
    overflow: hidden;
}

.contact-btn a {
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    /* 确保溢出的内容不显示 */
    transition: background-color 0.5s ease, color 0.5s ease;
    /* 平滑过渡 */
}

.right-jt img {
    transition: transform 0.5s ease;
}

.right-jt .left {
    transform: translateX(-100%);
}

.right-jt .right {
    transform: translateX(-6px);
}


/* 悬停时新箭头的动画效果 */
.contact-btn a:hover .left {
    opacity: 1;
    /* 变得可见 */
    transform: translateX(7px);
    /* 移动到原始位置 */
}

.contact-btn a:hover .right {
    transform: translateX(12px);
}


.contact-btn {
    position: relative;
}

/* 所有一级标题 */
.first-level-heading h2 {
    padding: 133px 0 80px 0;
    text-align: center;
    font-size: 64px;
    color: #c7aee0;
    font-weight: 600;
    line-height: 78.02px;

}


.scroll-outer-box {
    height: 1080px;
    overflow: hidden;
}



/* .banner模块开始 */
.swiper {
    width: 100%;
    height: 100%;
}

.swiper .swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
}

.swiper .swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.swiper-pagination-bullet {
    background: #ffffff !important;
    width: 10px !important;
    height: 10px !important;
    opacity: 1 !important;
}

.swiper-pagination-bullet-active {
    background: none !important;
    border: 2px solid #ffffff !important;
    width: 20px !important;
    height: 20px !important;
}

.swiper-pagination {
    display: flex;
    align-items: center;
    justify-content: center;
}

.swiper-horizontal>.swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal,
.swiper-pagination-custom,
.swiper-pagination-fraction {
    bottom: 125px !important;
    /*right: 133px !important;   */
    left: auto !important;
    width: 100% !important;
}

.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 15px !important;
}



.banner {
    position: relative;
    height: 100vh;
}


.banner .swiper::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgb(0 0 0 / 0.3);
    /* 30%透明度的黑色蒙层 */
    z-index: 1;
    /* 确保蒙层在背景之上，内容之下 */
}

.logo-svg {
    position: absolute;
    top: 50%;
    /* 距离父元素顶部50% */
    left: 50%;
    /* 距离父元素左侧50% */
    transform: translate(-50%, -50%);
    /* 向左和向上移动自身宽高的一半，实现居中 */
    z-index: 999;
}

.banner h2 {
    font-size: 96px;
    font-style: italic;
    position: absolute;
    left: 129px;
    bottom: 101px;
    color: #ffffff;
    z-index: 999;
    font-family: 'DINGTALK';
    letter-spacing: 7px;
    font-weight: bold;
}

/* 服务模块 */
.manufacturing-dervices-sort-title {
    padding: 0 70px;
    overflow-x: auto;
}

.manufacturing-dervices-sort-title {
    position: relative;
}

.manufacturing-dervices-sort-title ul {
    display: flex;
    justify-content: space-between;
    min-width: 1300px;
}

/* 设置滚动条的宽度 */
.manufacturing-dervices-sort-title::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

/* 设置滚动条的轨道样式（即背景） */
.manufacturing-dervices-sort-title::-webkit-scrollbar-track {
    background-color: #f4f4f4;
    border-radius: 10px;
}

/* 设置滚动条的滑块样式（即可拖动的部分） */
.manufacturing-dervices-sort-title::-webkit-scrollbar-thumb {
    background-color: #673b92;
    border-radius: 10px;
    /* border: 2px solid #fff;  */
}

@media (max-width: 1300px) {
    .manufacturing-dervices-line {
        display: none;
    }
}


.manufacturing-dervices-line {
    height: 1px;
    width: 100%;
    background: rgba(5, 5, 5, 0.4);
    width: 0;
    /* 初始宽度为0 */
    transition: width 2s cubic-bezier(0.5, 0, 1, 1);
}

.manufacturing-dervices-sort-title ul li {
    font-size: 24px;
    color: #777777;
    font-family: Montserrat;
    font-weight: 600;
    line-height: 29.26px;


}

/* .manufacturing-dervices-title h2 {
    padding: 100px 0 80px 0;
    text-align: center;
    font-size: 64px;
    color: #c7aee0;
} */
.manufacturing-dervices-sort-title li {
    position: relative;
    display: inline-block;
    margin: 0 0 25px;
    cursor: pointer;
    transition: color 0.5s ease;
}

.manufacturing-dervices-outer {
    overflow: hidden;
    padding-bottom: 70px;
}

/* 小圆点的样式 */
.manufacturing-dervices-sort-title .dot {
    display: none;
    /* 默认隐藏 */
    width: 6px;
    height: 6px;
    background-color: #777777;
    /* 圆点颜色 */
    border-radius: 50%;
    /* 使其为圆形 */
    position: absolute;
    bottom: -10px;
    /* 设置圆点相对位置 */
    left: 50%;
    /* 水平居中 */
    transform: translateX(-50%);
    /* 水平居中调整 */
}

/* 当 li 被激活时显示小圆点 */
.manufacturing-dervices-sort-title li.active .dot {
    display: block;
    /* 使小圆点在激活时可见 */
    background-color: var(--primary-color);
    /* 高亮颜色 */
}

/* 鼠标悬停时显示圆点 */
.manufacturing-dervices-sort-title li:hover .dot {
    display: block;
    /* 显示圆点 */
    background-color: var(--primary-color);
}

/* 鼠标悬停或点击时的样式 */
.manufacturing-dervices-sort-title li:hover,
.manufacturing-dervices-sort-title li:active,
.manufacturing-dervices-sort-title li.active {
    color: #673b92;
    border: 0;
}

/* 隐藏所有内容，除非有 active 类 */
.tab-panel {
    display: none;
    /* 默认隐藏 */
}

/* 显示带有 active 类的内容 */
.tab-panel.activeTab {
    display: block;
    /* 显示活动面板 */
}



.manufacturing-dervices-picContent {
    margin-top: 80px;
    display: flex;
    justify-content: space-between;

}

.manufacturing-dervices-leftPic img {
    max-width: 734px;
}

.manufacturing-dervices-rightPic {
    display: flex;
    padding-left: 352px;

}

.manufacturing-dervices-rightPic img {
    max-width: 509px;
}

.manufacturing-dervices-rightPic img:nth-child(2) {
    margin-left: -120px;
}

.manufacturing-dervices-rightPic {
    position: relative;
    /* overflow: hidden; 
    height: 500px;  */
    /* 设置一个合适的高度来确保图片在页面上可见 */
}

.manufacturing-dervices-content {
    position: relative;
}

.manufacturing-dervices-introduce-text {
    position: absolute;
    left: 734px;
    bottom: 127px;
    z-index: 9999;
    width: 774px;
    padding: 50px 50px 74px 50px;
    background: url(../images/text-bg.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    z-index: 1;

}

.manufacturing-dervices-introduce-text h3 {
    font-size: 24px;
    color: var(--font-color-color);
    margin-bottom: 24px;
    font-weight: 600;
    font-family: Montserrat;
    line-height: 29.26px;
}

.manufacturing-dervices-introduce-text p {
    font-family: Montserrat;
    font-size: 16px;
    font-weight: 600;
    line-height: 30px;
    color: var(--font-color-color);
}

/* 产品分类模块 */

.product-sort-title h2 {
    padding-top: 30px;
}


.mySwiper2 {
    width: 1200px;
    height: auto;
    max-width: 98%;
    overflow: hidden;
    margin: 0 auto;
}

.mySwiper2 .swiper-wrapper {
    display: flex;
}

.mySwiper2 .swiper-slide {
    width: 366px;
    /* 每个幻灯片的固定宽度 */
    height: auto;
    /* 使用父容器的高度 */
    text-align: center;
    font-size: 16px;
    background: var(--bg-color2);
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    margin: 0 0;
    padding: 40px 32px 40px 32px;
    position: relative;
}

.mySwiper2 .swiper-slide .product-pic {
    overflow: hidden;
    width: 100%;
    height: 269px;
}

.mySwiper2 .swiper-slide h3 {
    padding: 30px 0 16px;
    font-size: 24px;
    color: #000;
    font-weight: 600;
    line-height: 29.26px;
    transition: all 0.5s ease;
}

.mySwiper2 .swiper-slide .product-info p {
    font-size: 16px;
    color: #000;
    transition: all 0.5s ease;
    font-family: Montserrat;
    font-weight: 600;
    line-height: 19.5px;
}

.mySwiper2 .swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    height: auto;
    object-fit: cover;
    filter: grayscale(100%);
    transition: transform 0.5s ease, filter 0.5s ease;
    /* 添加 filter 的过渡 */
}

.product-sort-content .product-info {
    text-align: left;
}

.product-sort-content .product-btn {
    display: flex;
    justify-content: end;
}

.product-sort-content .product-btn .a-btn {
    display: flex;
    justify-content: center;
    align-items: center;
    /* 确保垂直水平居中 */
    width: 40px;
    height: 40px;
    background: var(--primary-color);
    border-radius: 50%;
}

.product-sort-content .product-btn span {
    color: #ffffff;
    font-size: 44px;
    /* 加号变大 */
    font-weight: 200;
    display: inline-block;
    line-height: 1;
    /* 防止行高影响加号位置 */
    margin-bottom: 4px;
}

.product-btn {
    position: absolute;
    right: 34px;
    bottom: 40px;
}

.product-slide {
    transition: background-color 0.3s ease, color 0.3s ease;

}

.mySwiper2 .swiper-slide .product-pic img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    /* 填充整个父元素 */
    object-position: center;
    /* 居中对齐 */
}

.product-slide.active {
    background-color: #673b92;
    /* 中间幻灯片的背景色 */
}

.product-slide.active .product-info h3,
.product-slide.active .product-info p {
    color: #ffffff;
}

.product-slide.active .product-btn span {
    color: var(--primary-color);
}

.product-slide.active .product-btn a {
    background-color: #ffffff;
}

.product-slide.active .product-pic img {
    filter: none;
    /* 中间幻灯片的图片颜色 */
}

.product-slide .product-pic img {
    filter: grayscale(100%);
    /* 默认图片为灰色 */

}


/* 鼠标悬浮slider */
.mySwiper2 .swiper-slide {
    background: var(--primary-color);
}

.mySwiper2 .swiper-slide .product-info h3,
.product-slide .product-info p {
    color: #ffffff;
}

.mySwiper2 .swiper-slide .product-info p {
    color: #ffffff;
}

.mySwiper2 .swiper-slide img {
    filter: none;
}

.mySwiper2 .swiper-slide .product-btn .a-btn {
    background-color: #ffffff;
}

.mySwiper2 .swiper-slide .product-btn .a-btn span {
    color: var(--primary-color);
}

.mySwiper2 .swiper-slide img:hover {
    transform: scale(1.05);
}

/* 伸展和压缩的图片 */
/*.product-bg {*/
/*    margin-top: -30px;*/
/*}*/
.product-bg img {
    max-width: 2560px;
    width: 100%;
    /* 保持图片宽度 */
    transition: transform 0.5s ease;
    /* 添加过渡效果 */
    transform-origin: top;
    /* 基于图片的上边进行缩放 */
}

/* 主要优势模块 */
.key-advantages-title p {
    font-size: 24px;
    color: var(--font-color-color2);
    font-weight: 600;
    line-height: 29.26px;
    /* margin-top: -20px; */
    text-align: center;
    margin-bottom: 80px;
    padding: 0 140px;
}

.key-advantages-pics {
    position: relative;
}

.key-advantages-pic {
    width: 100%;
    height: 671px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    position: absolute;
}

.key-advantages-Logoimg {
    position: absolute;
    right: 2px;
    bottom: 2px;
}

.key-advantages-pic-01 {
    background-image: url(../images/bgimage01.jpg);
    top: 360px;
    z-index: 10;
}

.key-advantages-pic-02 {
    background-image: url(../images/bgimage01.jpg);
    top: 270px;
    z-index: 9;
}

.key-advantages-pic-03 {
    background-image: url(../images/bgimage01.jpg);
    top: 180px;
    z-index: 8;
}

.key-advantages-pic-04 {
    background-image: url(../images/bgimage01.jpg);
    top: 90px;
    z-index: 7;
}

.key-advantages-pic-05 {
    background-image: url(../images/bgimage01.jpg);
    top: 0;
    z-index: 6;
}

.key-advantages-rigth-top-info {
    text-align: right;
    margin-right: 40px;
    margin-top: 35px;
}

.key-advantages-rigth-top-info span {
    color: #ffffff;
    font-size: 28px;
}

.key-advantages-rigth-top-info span:nth-child(1) {
    margin-right: 25px;
}

.key-advantages-rigth-top-info span img {
    width: 44px;
}

.key-advantages-productinfo {
    width: 590px;
    margin-left: 80px;
    margin-top: 110px;
}

.key-advantages-productinfo h3 {
    font-size: 42px;
    color: #ffffff;
    margin-bottom: 38px;
}

.key-advantages-productinfo p {
    font-size: 20px;
    color: #ffffff;
}

.key-advantages-tagTitle ul li h4 {
    font-size: 20px;
    color: #ffffff;
    font-weight: normal;
}

.key-advantages-tagTitle ul li {
    width: 20%;
}

.key-advantages-tagTitle ul {
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid var(--border-color2);
    height: 78px;
}

.key-advantages-tagTitle {
    position: absolute;
    left: 0;
    top: 890px;
    z-index: 9999;
    padding: 0 80px;
}

.key-advantages-tagTitle ul li:hover h4 {
    color: #C080FF;

}

.key-advantages-tagTitle ul .key-advantages-active h4 {
    color: #C080FF;
}

/* 图片放大模糊 */
/* .key-advantagesPic-changeBig {
    position: absolute;
    top: 115px;
    left: 50%; 
    transform: translateX(-50%); 
    z-index: 999;
} */
.changeBig-box {
    position: fixed;
    top: 150px;
    left: 50%;
    width: 1440px;
    /* 初始宽度 */
    height: 100vh;
    background-image: url('../images/star-321296-914682 2.jpg');
    background-size: cover;
    background-position: center;
    transform: translateX(-50%) scale(1);
    /* 初始居中 */
    transition: transform 0.5s ease-out, filter 2s ease-out;
    z-index: -1;
    overflow: hidden;
}

.key-advantages-section {
    overflow: hidden;
    height: 100vh;
    position: relative;
}

/* .key-advantages-scrollBig {
    height: 100vh; 

  } */


.marquee-group {
    /* margin-top: 198px; */
    overflow: hidden;
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
}

.marquee {
    position: relative;
    overflow: hidden;
    white-space: nowrap;
}

.marquee-scroll {
    display: flex;
}

.marquee-content {
    display: inline-block;
    /* padding-right: 50px; */
    display: flex;
}

/* 全球布局 */
.global-layout-explore {
    position: absolute;
    left: 110px;
    bottom: 358px;
    z-index: 999;
}

.global-layoutbtn-left {
    font-size: 20px;
    line-height: 24px;
    font-weight: 600;
    color: #000000;
    transition: transform 0.5s ease-in-out, opacity 0.5s ease-in-out;
}


.global-layout-explore .circle {
    margin-left: 0;
    margin-right: 10px;
}


@keyframes scroll-left {
    0% {
        transform: translateX(0);
    }

    100% {
        transform: translateX(-50%);
    }
}

@keyframes scroll-right {
    0% {
        transform: translateX(-50%);
    }

    100% {
        transform: translateX(0);
    }
}

/* .key-advantagesPic-changeBig {
    margin: 0 auto;
    width: 75%;
  } */

.key-advantages-scrollBig {
    /* position: relative; */
    width: 100%;
    margin: 0 auto;
    width: 75%;
    transition: width 0.3s ease;
    /* 添加平滑过渡效果 */
    filter: blur(0px);
    /* 初始模糊值为0 */

}

.scroll-outer-box {
    position: relative;
}

.key-advantagesPic-changeBig h2 {
    font-size: 110px;
    color: #ffffff;
    position: absolute;
    top: 90px;
    right: -70px;
    font-weight: normal;
    font-weight: 600;
    line-height: 134.09px;

}

/* .key-advantagesPic-changeBig .key-advantages-small-bg {
    position: absolute;
    top: -100px;
    right: -330px;
} */
.key-advantages-small {
    position: absolute;
    right: -200px;
    top: -60px;
}

.swiper-horizontal>.swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal,
.swiper-pagination-custom,
.swiper-pagination-fraction {
    /*right: 80px !important;*/
}

.key-advantagesPic-changeBig-text p {
    width: 647px;
    line-height: 42px;
    font-size: 26px;
    font-weight: 400;
    line-height: 41.6px;
    text-align: left;
    color: #ffffff;
    margin-bottom: 40px;
}

.key-advantagesPic-changeBig-text {
    position: absolute;
    left: 0px;
    top: 400px;
}

.more-link {
    font-size: 26px;
    color: #ffffff;
    display: flex;

}

.more-link span {
    display: inline-block;
    width: 46px;
    height: 46px;
    background-color: var(--primary-color);
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: 15px;
    overflow: hidden;
}

.more-link img {
    width: 16px;
}

/* 鼠标进入按钮效果 */
.more-link {
    font-size: 26px;
    color: #ffffff;
    display: flex;
    align-items: center;
    position: relative;
    overflow: hidden;
    font-family: Montserrat;
    font-weight: 600;
    line-height: 17px;
    letter-spacing: 0.21299999952316284px;


}

.more-btn .more-link {
    color: var(--primary-color);
}

.more-link span {
    display: inline-block;
    width: 46px;
    height: 46px;
    background-color: var(--primary-color);
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: 15px;
    position: relative;

}

.old-arrow {
    width: 16px;
    height: 16px;
    position: absolute;
    left: 50%;
    /* 初始箭头水平居中 */
    top: 50%;
    /* 初始箭头垂直居中 */
    transform: translate(-50%, -50%);
    /* 初始箭头居中 */
    transition: transform 0.4s ease-in-out;
}

.more-link .new-arrow {
    width: 16px;
    height: 16px;
    position: absolute;
    left: -100%;

    opacity: 0;
    transition: transform 0.5s ease-in-out, opacity 0.5s ease-in-out;

}

.more-link:hover .old-arrow {
    transform: translate(140%, -50%);
    /* 鼠标悬停时，旧箭头向右滑出 */
}

.more-link:hover .new-arrow {
    transform: translateX(61px);
    opacity: 1;


}

.more-link i {
    position: relative;
    display: inline-block;
    transition: transform 0.5s ease-in-out, opacity 0.5s ease-in-out;
}

.more-link .old-text {
    position: relative;
    transition: transform 0.5s ease-in-out, opacity 0.5s ease-in-out;
}

.more-link .new-text {
    position: absolute;
    top: 100%;
    /* 新文字在下方等待 */
    left: 0;
    opacity: 0;
    transform: translateY(100%);
    /* 新文字在下方 */
    transition: transform 0.5s ease-in-out, opacity 0.5s ease-in-out;
}

.more-link:hover .old-text {
    opacity: 0;
    /* 旧文字淡出 */
    transform: translateY(-100%);
    /* 旧文字向上滑出 */
}

.more-link:hover .new-text {
    opacity: 1;
    /* 新文字淡入 */
    transform: translateY(-180%);
    /* 新文字从下方滑入 */
    color: rgba(255, 255, 255, 0.8);
}

/* 另外一个箭头 */
.more-btn .more-link:hover .new-text {
    color: rgba(103, 59, 146, 0.8);
}






.key-advantages-title.first-level-heading h2 {
    padding-bottom: 60px;
}

/* -------------- */


/* .key-advantagesPic-changeBig {
    position: relative;
 
} */

.changeBig {
    width: 100%;
    height: auto;
    transition: transform 1s ease-in-out;
    transform-origin: top;
}

.changeBig.fill {
    transform: scale(1.5);
    /* 通过 scale 放大图片，确保视觉效果明显 */
    filter: blur(2px);
    transition: transform 0.5s ease;
}


/* 全球布局 */

.global-layout-title p {
    font-size: 24px;
    color: var(--font-color-color2);
    margin-top: -20px;
    text-align: center;
    margin-bottom: 60px;
    padding: 0 142px;
    font-weight: 600;
}

.global-layout-title.first-level-heading h2 {
    padding-bottom: 60px;
}

.global-layout .map-box {
    overflow: hidden;
    position: relative;
}

.global-layout-map img {
    width: auto;
    height: 100%;
    transition: transform 0.5s ease-in-out;
    /* 平滑过渡 */
}

.global-layout-map {
    /* position: relative; */
    transition: transform 0.5s ease-in-out;
    /* 平滑过渡 */
    /* overflow: hidden;
    height: 686px; */
    overflow: hidden;
    height: 786px;
}

.global-layout-locationIcon img {
    width: 20px;
    height: auto;
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translate(-50%);
    max-width: none;
}

.itme-li {
    position: absolute;
    background: linear-gradient(180deg, rgba(123, 89, 163, 0.7) 0%, rgba(123, 89, 163, 0) 100%);

    /* 	border: 0.5px solid; */

    /* border-image-source: linear-gradient(180deg, rgba(255, 255, 255, 0) 22.93%, rgba(255, 255, 255, 0.6) 81.87%); */

    width: 45%;
    z-index: 999;
    border-radius: 1rem;
    padding: 1rem;
    transition: all 1s;
    transform: scale(0);

}

.itme-li.on {
    transform: scale(1);
}

.itme-li .img img {
    width: 100%;
    height: 350px;
}

.itme-li h1 {
    font-size: 16px;
    font-weight: bold;
    color: #000;
    margin: 0.5rem 0;
    overflow: hidden;
    /* 隐藏超出部分 */
    text-overflow: ellipsis;
    /* 使用省略号表示超出部分 */

    /* max-height: 3.6em; */
}

.itme-li .it-t {
    display: flex;

}

.itme-li .it-t img {
    width: 0.8rem;
    margin-right: 0.5rem;
}

.itme-li .p-p {
    width: 90%;

    font-size: 14px;
    font-weight: 400;

    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: rgba(0, 0, 0, 1);

}

/*.itme-li01{
	top: 0;
	left: 29%;
}
.itme-li02{
	top: 0;
	right: 22%;
}*/
.itme-li03 {
    bottom: 36%;
    right: 20%;


}

.itme-li04 {
    bottom: 50%;
    right: 45%;

}

.itme-li05 {
    bottom: 38%;
    right: 48%;

}

.itme-li06 {
    bottom: 50%;
    right: 45%;
}

.itme-li07 {
    bottom: 44%;
    right: 13%;

}

.itme-li08 {
    bottom: 44%;
    right: 13%;
}

.itme-li09 {
    bottom: 38%;
    right: 13%;
}

.itme-li10 {
    bottom: 44%;
    right: 13%;
}

.itme-li11 {
    bottom: 44%;
    right: 13%;
}

.global-layout-locationIcon {
    position: absolute;
}

.global-layout-locationIcon01 {
    top: 158px;
    left: 370px;
}

.global-layout-locationIcon02 {
    top: 150px;
    right: 286px;
}

.global-layout-locationIcon03 {
    top: 420px;
    left: 830px;
}

.global-layout-locationIcon04 {
    top: 314px;
    left: 1150px;
}

.global-layout-locationIcon05 {
    top: 370px;
    left: 1120px;
}

.global-layout-locationIcon06 {
    top: 300px;
    left: 1160px;
}

.global-layout-locationIcon07 {
    top: 300px;
    left: 1180px;
}

.global-layout-locationIcon09 {
    top: 410px;
    left: 1180px;
}

.global-layout-locationIcon010 {
    top: 280px;
    left: 1190px;
}

.global-layout-locationIcon011 {
    top: 320px;
    left: 1190px;
}

.global-layout-data ul li h3 {
    font-size: 52px;
    color: var(--primary-color);
    margin-bottom: 10px;
    line-height: 63px;
    font-weight: 600;
}

.global-layout-data ul li p {
    font-size: 20px;
    color: var(--font-color-color);
    line-height: 24.38px;
    font-weight: 300;
}

.global-layout-data ul {
    display: flex;
}

.global-layout-data ul li {
    width: 292px;
    height: 145px;
    padding-right: 20px;
    margin-right: 34px;
    border-right: 1px solid var(--border-color);
}

.global-layout-data ul li:last-child {
    border: 0;
}

.global-layout-data {
    position: absolute;
    left: 200px;
    bottom: 0;
    z-index: 999;
}

.global-layout-line {
    width: 686px;
    height: 1px;
    background: var(--border-color);
    position: absolute;
    z-index: 9999;
    left: 238px;
    bottom: 20px;
    transition: width 2s ease;
}

.global-layout-srcollPic {
    width: 510px;
}

.global-layout {
    position: relative;
}

.global-layout-srcollPic {
    position: absolute;
    left: -695px;
    bottom: -70px;
    z-index: -9;
}

/* 最新新闻动态 */
.latest-news {
    margin-top: -210px;
}

.latest-news-content {
    display: flex;
}

.latest-news-text {
    flex: 1;
    background-color: var(--bg-color2);
    padding: 60px 50px 0;
}

.latest-news-pic {
    width: 895px;
}

.latest-news-pic img {
    width: 100%;
}

.latest-news-text h3 {
    font-size: 30px;
    line-height: 36.57px;
    font-weight: bold;
    color: #000;

}

.latest-news-text p {
    font-size: 20px;
    line-height: 32px;
    color: #666666;
    font-weight: 300;
    margin: 20px 0 50px 0;
    max-height: 310px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 9;
    white-space: normal;

}

.latest-news-btn .more-btn a span:nth-child(1) {
    font-size: 26px;
    line-height: 17px;
    font-weight: 600;
    color: var(--primary-color);
    transition: transform 0.5s ease-in-out, opacity 0.5s ease-in-out;
}

.latest-news-btn .more-btn a .circle {
    display: inline-block;
    width: 46px;
    height: 46px;
    background-color: var(--primary-color);
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: 21px;
    position: relative;
    overflow: hidden;
}

.latest-news-btn .a-more-btn .new-text {
    position: absolute;
    top: 37%;
    left: 0;
    z-index: 99999;
    opacity: 0;
    transform: translateY(100%);
    font-size: 26px;
    line-height: 17px;
    font-weight: 600;
    color: var(--primary-color);
    transition: transform 0.5s ease-in-out, opacity 0.5s ease-in-out;
}

.latest-news-btn .more-btn a {
    display: flex;
    justify-content: center;
    align-items: center;
}

.a-more-btn {
    position: relative;
}

.global-layout-explore .global-layoutbtn-newText {
    right: 0;
    left: auto !important;
    transition: transform 0.5s ease-in-out, opacity 0.5s ease-in-out;
    color: rgba(0, 0, 0, 0.8) !important;
    font-size: 20px !important;
    line-height: 24px !important;
    font-weight: 600 !important;
}

.latest-news-btn .a-more-btn .old-arrow {
    width: 16px;
    height: 16px;
    position: absolute;
    left: 50%;
    /* 初始箭头水平居中 */
    top: 50%;
    /* 初始箭头垂直居中 */
    transform: translate(-50%, -50%);
    /* 初始箭头居中 */
    transition: transform 0.5s ease-in-out, opacity 0.5s ease-in-out;
}

.latest-news-btn .a-more-btn .new-arrow {
    width: 16px;
    height: 16px;
    position: absolute;
    left: -50%;
    /* 初始箭头水平居中 */
    top: 50%;
    /* 初始箭头垂直居中 */
    transform: translate(-50%, -50%);
    /* 初始箭头居中 */
    transition: transform 0.5s ease-in-out, opacity 0.5s ease-in-out;
    opacity: 0;
}

.a-more-btn:hover .old-arrow {
    opacity: 0;
    transform: translate(140%, -50%);
}

.latest-news-btn .a-more-btn:hover .new-arrow {
    transform: translate(38px, -8PX);
    opacity: 1;


}

.latest-news-btn {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.a-more-btn:hover .old-text {
    opacity: 0;
    transform: translateY(-100%)
}

.latest-news-btn .a-more-btn:hover .new-text {
    opacity: 1;
    transform: translateY(-5px);
    /*color: #C080FF;*/
}

.latest-news-btn .news-date {
    font-size: 14px;
    line-height: 17px;
    color: #666666;
}

.latest-news-title {
    position: relative;
}

.latest-news-topBtn {
    position: absolute;
    left: auto;
    right: 0px;
    bottom: 96px;
}

/* 底部区域 */
footer {
    width: 100%;
    background-color: var(--bg-color2);
    /* height: 815px; */
    margin-top: 143px;
    padding-top: 89px;
}

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

.foot-contactInfo-left {
    width: 1162px;
    position: relative;
}

.foot-contactInfo-right {
    flex: 1;
    display: flex;
    justify-content: end;
    align-items: end;
}


.foot-contactInfo-left .left-text1 {
    font-size: 24px;
    line-height: 24px;
    display: inline-block;
    font-weight: 400;
    color: var(--primary-color);
    position: absolute;
    top: 26px;
}


.foot-contactInfo-left .left-text2 {
    font-size: 64px;
    line-height: 76.8px;
    font-weight: bold !important;
    color: #000000;
    margin-left: 250px;
}

.foot-contactInfo-left .left-text3 {
    border-bottom: 1px solid transparent;
    color: var(--primary-color);
    padding-bottom: 8px;
}

.foot-copyright .policy {
    padding-bottom: 20px;
}

/* 边框动画 */
.foot-contactInfo-left {
    position: relative;


}

.left-text3 {
    display: inline-block;
    /* 确保伪元素的宽度与文字宽度一致 */
    position: relative;
    color: var(--primary-color);
    padding-bottom: 8px;

}

.left-text3::after {
    content: '';
    position: absolute;
    left: 0;
    /* 从左边开始 */
    bottom: 0;
    /* 在底部 */
    height: 1px;
    /* 边框高度 */
    width: 0;
    /* 初始宽度为0 */
    background-color: var(--primary-color);
    /* 边框颜色 */
    transition: width 1s ease;
    /* 动画效果 */
}

.scroll-active .left-text3::after {
    width: 100%;
    /* 滚动到区域时宽度为100% */
}



.foot-contactInfo-right span:nth-child(1) {
    color: var(--primary-color);
    font-size: 24px;
    line-height: 24px;
}

.foot-contactInfo-right span:nth-child(2) {
    width: 116px;
    height: 116px;
    background-color: var(--primary-color);
    border-radius: 50%;
    display: flex;
    justify-content: center;
    /* 水平居中 */
    align-items: center;
    /* 垂直居中 */
    transition: all 0.5s;
    cursor: pointer;
}

.foot-contactInfo-right span:nth-child(2) img {
    width: 26.5px;
    height: 26.5px;
}

.foot-contactInfo-right span:nth-child(2):hover {
    transform: scale(1.1);

}

.foot-search span {
    width: 116px;
    height: 116px;
    background-color: var(--primary-color);
    border-radius: 50%;
    display: flex;
    justify-content: center;
    /* 水平居中 */
    align-items: center;
    /* 垂直居中 */
}

.foot-search span:hover {
    background-color: var(--secondary-color);
}

.foot-content {
    padding: 36px 0;
    border-top: 1px solid #686868;
    border-bottom: 1px solid #686868;
    margin-top: 62px;
    display: flex;
}

.foot-search span img {
    width: 26.5px;
    height: 26.5px;
}

.foot-content01 .foot-logo img {
    width: 162px;
    height: 101px;
}

.foot-content01 .p1 {
    font-size: 16px;
    line-height: 16px;
    font-weight: 300;
    color: #000;
    margin: 48px 0 16px 0;
}

.foot-content01 .p2 {
    font-size: 14px;
    line-height: 14px;
    font-weight: 300;
    color: #999;
}

.foot-content01 .foot-search {
    margin: 16px 0 18px 0;
    position: relative;
    width: 385px;
}

.foot-content01 .foot-search input {
    width: 385px;
    height: 58px;
    background-color: rgba(200, 200, 200, 0.13);
    border-radius: 51px;
    outline: none;
    border: none;
    padding-left: 24px;
}

.foot-search input::placeholder {
    font-family: 'Montserrat', sans-serif;
    font-size: 16px;
    font-weight: 300;
    line-height: 16px;
    text-align: left;
    color: #c8c8c8;
}

.foot-search span {
    width: 42px;
    height: 42px;
    position: absolute;
    right: 8px;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
}

.foot-search span img {
    width: 10px;
    height: 10px;
}

.agree-btn {
    font-size: 14px;
    line-height: 14px;
    font-weight: 300;
    color: #999999;
}

.agree-btn input[type="checkbox"] {
    appearance: none;
    width: 11px;
    height: 11px;
    border: 1px solid #999999;
    outline: none;
    cursor: pointer;
    position: relative;
}

.agree-btn input[type="checkbox"]:checked {
    background-color: #999999;
    border-color: #999999;
}

.agree-btn input[type="checkbox"]:checked::after {
    content: '✓';
    position: absolute;
    top: -1px;
    left: 2px;
    font-size: 10px;
    color: white;
}

.foot-content02 {
    display: flex;
    margin-left: 151px;
    padding-right: 94px;
}

.foot-content02-left {
    margin-right: 130px;
}

.foot-content02 h3 {
    font-size: 16px;
    line-height: 16px;
    font-weight: 300;
    color: var(--primary-color);
    margin-bottom: 24px;
}

.foot-content02 ul li a {
    font-size: 14px;
    line-height: 21px;
    font-weight: 300;
    color: #000;
    transition: all 0.3s ease;
}

.foot-content02 ul li {
    margin-bottom: 20px;
}

.foot-content02 ul li:hover a {
    color: var(--primary-color);
}

.foot-content02-right ul li {
    width: 171px;
    transition: all 0.3s ease;
}

.foot-content02-right ul li:hover a {
    color: var(--primary-color);
}

.foot-content03 ul li {
    margin-bottom: 31px;
}

.foot-content03 ul li:hover a {
    color: var(--primary-color);
}

.foot-content03 {
    padding-left: 120px;
    border-left: 1px solid #686868;
}

.foot-content03 ul li a {
    font-size: 16px;
    line-height: 16px;
    font-weight: 300;
    color: #000000;
    padding-top: 4px;
    transition: all 0.3s ease;
}

.foot-copyright-info {
    font-size: 14px;
    font-weight: 300;
    line-height: 25.2px;
    color: rgba(0, 0, 0, 0.4);
}

.foot-copyright .policy {
    font-size: 14px;
    font-weight: 300;
    line-height: 14px;
    color: #9a9a9a;
}

.foot-copyright {
    display: flex;
    justify-content: space-between;
    margin-top: 16px;
}

.foot-copyright .policy span:nth-child(1) {
    margin-right: 16px;
}

.foot-copyright .policy span a {
    transition: all 0.3s ease;
}

.foot-copyright .policy span:hover a {
    color: var(--primary-color);
}


.carousel {
    display: flex;
    overflow: hidden;
    /* 确保不显示溢出的部分 */
    animation: scroll 10s linear infinite;
    /* 定义无缝滚动 */
}

@keyframes scroll {
    0% {
        transform: translateX(0);
    }

    100% {
        transform: translateX(-100%);
        /* 根据图片数量和宽度调整 */
    }
}

.carousel img {
    width: 100vw;
    /* 确保每张图片的宽度与视口一致 */
    height: auto;
    /* 高度自适应 */
}




/* -------------------------------------- */








#scroll-main .con02 .st {
    height: 100vh;
    position: relative;
    width: 1440px;
    padding: 0 80px;
    display: none;
    z-index: -999;
}

#scroll-main .con02 .st .inner {
    position: relative;
    height: 100%;
}

/*#scroll-main .con_w { position: relative; height: 100%; }*/
#scroll-main .con02 .st .b_tab {
    position: absolute;
    left: 0;
    bottom: 10%;
    width: 100%;
    border-bottom: 1px solid rgba(255, 255, 255, 0.4);
    display: none;
}

#scroll-main .con02 .st .b_tab ul li {
    float: left;
    width: 19%;
    margin-right: 1.25%;
    ;
    padding-bottom: 18px;
    transition: border .4s;
}

#scroll-main .con02 .st .b_tab ul li a {
    cursor: default;
    font-size: 20px;
    font-weight: 400;
    color: #ffffff;
    transition: color .4s;
    line-height: 32px;
}

#scroll-main .con02 .st .b_tab ul li.on a {
    color: #C080FF;
}

/* #scroll-main .con02 .st .b_tab ul li.on{ border-color: #fff; } */
#scroll-main .con02 .st .b_tab ul li:last-child {
    margin-right: 0;
}

#scroll-main .con02 .st.on {
    position: fixed;
    left: 50%;
    top: 322px;
    transform: translateX(-50%);
    width: 1440px;
    height: 671px;
    z-index: 10;
    padding: 0 80px;
    display: block;
}

#scroll-main .con02 .st.dis {
    position: absolute;
}

/* #scroll-main .con02.on2{ padding-top: 100vh; } */
#scroll-main .con02 {
    width: 100%;
}

#scroll-main .con02 .st.on2 {
    height: auto;
    top: auto;
    /* bottom: -97px; */
    bottom: 11px;
}




.wrap2 {
    /* height:671px; */
}

#scroll-main .con02 .b_con {
    position: sticky;
    z-index: 1;

    z-index: 0;
    margin: 0 auto;
    height: 671px;
    position: relative;
    position: sticky;
    z-index: 1000
}

#scroll-main .con02 .b_con.ac {
    position: sticky;
    margin-top: 0px;
    margin-bottom: 0px;
    top: 0;
    bottom: auto;
}

#scroll-main .con02 .b_con.ac2 {
    /* position: sticky; margin-top: 0px; margin-bottom: 0px; top: 50px; bottom: auto; */
}

#scroll-main .con02 .b_con .name_tag {
    position: absolute;
    left: 40px;
    top: 25px;
    z-index: 10;
}

#scroll-main .con02 .b_con .name_tag strong {
    font-size: 28px;
    color: #fff;
    font-weight: 400;
    line-height: 34px;
}

#scroll-main .con02 .b_con .name_tag strong span {
    font-family: 'Pretendard';
    margin-left: 25px;
    display: inline-block;
}

#scroll-main .con02 .b_con .name_tag strong span img {
    max-width: 44px;
}

/*#scroll-main #business02 .name_tag {top: 25px;}*/
/*#scroll-main #business03 .name_tag {top: 25px;}*/
/*#scroll-main #business04 .name_tag {top: 25px;}*/
/*#scroll-main #business05 .name_tag {top: 25px;}*/
#scroll-main .con02 .b_con .name_tag i {
    display: inline-block;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background-color: #fff;
    transform: translate(0, -5px);
    margin-left: 4px;
    animation: tags 2s cubic-bezier(.36, 0, .06, 1) alternate infinite;
    opacity: 0;
}

#scroll-main .con02 .b_con .name_tag .i02 {
    animation-delay: .2s;
}

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

    100% {
        opacity: 1;
    }
}


#scroll-main .con02 .b_con .wrap {
    width: 100%;
    height: 100%;
}

/* #scroll-main .con02 .b_con .bg_img:after{ content:""; display: block; width: 100%; height: 100%; background-color: rgba(0,0,0,0.35); position: absolute; left: 0; top: 0; z-index: 1; } */
#scroll-main .con02 .b_con .bg_img {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    height: 671px;
    width: 100%;
}

#scroll-main .con02 .b_con .bg_img img {
    width: 100%;
}

#scroll-main .con02 .b_con .txt {
    position: absolute;
    left: 80px;
    top: 298px;
    transform: translate(0, -50%);
    z-index: 11;
}

#scroll-main .con02 .b_con .txt strong {
    font-size: 42px;
    font-weight: 600;
    line-height: 51.2px;
    text-align: center;
    color: #ffffff;
}

#scroll-main .con02 .b_con .txt p {
    width: 590px;
    font-size: 20px;
    font-weight: 400;
    line-height: 32px;
    text-align: left;
    margin-top: 38px;
    color: #ffffff;
}

#scroll-main .con02 #business01 {
    top: 160px;
}

#scroll-main .con02 #business02 {
    top: 240px;
}

#scroll-main .con02 #business03 {
    top: 320px;
}

#scroll-main .con02 #business04 {
    top: 400px;
}

#scroll-main .con02 #business05 {
    top: 480px;
}

#scroll-main .logo-bg {
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 9999;
}



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

    100% {
        opacity: .9;
    }
}


.fade-in-up {
    opacity: 0;
    /* 初始状态透明 */
    visibility: hidden;
    /* 初始状态不可见 */
}





/* #scroll-main #business02 .name_tag {
    top: 114px;
}

#scroll-main #business03 .name_tag {
    top: 204px;
}

#scroll-main #business04 .name_tag {
    top: 204px;
}

#scroll-main #business05 .name_tag {
    top: 204px;
} */

#scroll-main #business02 .txt {

    top: 288px;

}

#scroll-main #business03 .txt {

    top: 288px;

}

#scroll-main #business04 .txt {

    top: 288px;

}

#scroll-main #business05 .txt {

    top: 288px;

}

/* .key-advantages-outerbox {
    margin-bottom: 190px;
} */
#scroll-main #business02 .logo-bg {
    bottom: 0;
}

#scroll-main #business03 .logo-bg {
    bottom: 0;
}

#scroll-main #business04 .logo-bg {
    bottom: 0;
}

#scroll-main #business05 .logo-bg {
    bottom: 0;
}





/* 文字浮现动画相关样式 */
.key-advantagesPic-changeBig-text {
    opacity: 0;
    /* 初始隐藏 */
    transform: translateY(200px);
    /* 初始位置偏移 */
    transition: transform 2s ease, opacity 2s ease;
    /* 过渡效果 */
}

.key-advantagesPic-changeBig-text.show {
    opacity: 1;
    /* 显示文字 */
    transform: translateY(0);
    /* 文字上移到正常位置 */
}

/* 3行显示，超出省略号 */
.text-ellipsis-3 {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}