/* ===================首页样式========================== */
.banner {
    width: 100%;
    position: relative;
    overflow: hidden;
}
.banner-img {
    width: 100%;
}
.banner-img img {
    width: 100%;
    object-fit: cover;
}
.banner-img img.none-mb {
    height: 100vh;
}
.banner-img img.none-pc-pad {
    min-height: 440px;
}
.banner-cont {
    position: absolute;
    z-index: 4;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
}
.banner-cont .name {
    font-family: "SamsungOne700";
    color: #ffffff;
}
.banner-cont .text {
    font-family: "SamsungOne700";
    color: #ffffff;
}
.banner-cont .link {
    display: flex;
    align-items: center;
    transition: all 0.4s ease;
    justify-content: center;
    width: 150px;
    height: 44px;
    border-radius: 22px;
    background: #ffffff;
}
.banner-cont .link i {
    padding-left: 5px;
}
.banner-cont .link:hover {
    background: #332175;
    color: #ffffff;
}
.banner .swiper-pagination {
    bottom: 50px;
}
.banner .swiper-pagination-bullet {
    width: 40px;
    height: 2px;
    background: rgba(255, 255, 255, 0.5);
    opacity: 1;
    margin: 0 10px !important;
    position: relative;
    border-radius: 0;
}
.banner .swiper-pagination-bullet:before {
    content: "";
    width: 0;
    height: 100%;
    background: #332175;
    position: absolute;
    top: 0;
    left: 0;
}
.banner .swiper-pagination-bullet-active.swiper-pagination-bullet {
    background: #fff;
}
.banner .swiper-pagination-bullet-active.swiper-pagination-bullet:before {
    animation: bulletLine 4s linear both 0.8s;
}
.banner .swiper-pagination-bullet-active.oneBullet:before {
    animation: bulletLine 3.8s linear both 0s;
}
@keyframes bulletLine {
    0% {
        width: 0;
    }
    100% {
        width: 100%;
    }
}
/* 效果 */
.banner-cont .name,
.banner-cont .text,
.banner-cont .link {
    opacity: 0;
}
.swiper-slide-active .banner-cont .name {
    animation: bannerUp 1s ease both 0.9s;
}
.swiper-slide-active .banner-cont .text {
    animation: bannerUp 1s ease both 1s;
}
.swiper-slide-active .banner-cont .link {
    animation: bannerUp 1s ease both 1.1s;
}
.oneSlide .banner-cont .name {
    animation: bannerUp 1s ease both 0.3s;
}
.oneSlide .banner-cont .text {
    animation: bannerUp 1s ease both 0.4s;
}
.oneSlide .banner-cont .link {
    animation: bannerUp 1s ease both 0.5s;
}
@keyframes bannerUp {
    0% {
        opacity: 0;
        transform: translateY(120px);
    }
    100% {
        opacity: 1;
        transform: translateY(0);
    }
}
.banner .swiper-slide {
    overflow: hidden;
    position: relative;
}
.banner .swiper-slide video {
    width: 100%;
    object-fit: cover;
    transform: matrix(1, 0, 0, 1, 0, 0);
    transition: all 0.4s ease 1.2s;
    min-height: 500px;
}
.banner .swiper-slide img {
    width: 100%;
    object-fit: cover;
    /*transform: matrix(1, 0, 0, 1, 0, 0);*/
    /*transition: all 0.4s ease 1.2s;*/
    /*min-height: 500px;*/
}
.banner .swiper-slide-active img {
    /*transition-delay: 0.4s !important;*/
    /*transform: matrix(1.06, 0, 0, 1.06, 0, 0);*/
    /*transition: all 4s ease;*/
}
.banner-btn {
    justify-content: center;
}
.banner-prev,
.banner-next {
    width: 44px;
    height: 44px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.5);
    position: absolute;
    z-index: 4;
    top: 50%;
    margin-top: -22px;
    cursor: pointer;
    transition: all 0.4s ease;
    display: flex;
    justify-content: center;
    align-items: center;
}
.banner-prev {
    left: 50px;
}
.banner-next {
    /*transform: rotate(180deg);*/
    right: 50px;
}
.banner-prev:hover,
.banner-next:hover {
    background: #332175;
    color: #ffffff;
}
@media (max-width: 1151px) {
    .banner-prev,
    .banner-next {
        display: none;
    }
}
.product {
    width: 100%;
}
.product .contain {
    /*width: 100%;*/
}
.product .product-title {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    margin: 100px 0 50px;
    flex-direction: column;
}
.product .product-title .title {
    color: #333;
    font-weight: 600;
}
.product .product-title .hx {
    width: 64px;
    height: 8px;
    background: #332175;
    margin: 12px 0 0;
}
.product .taber {
    opacity: 1;
    border-radius: 60px;
    background: #f5f5f5;
    display: flex;
    padding: 8px;
    justify-content: center;
    align-items: center;
    max-width: 1000px;
    /* min-height: 64px; */
    margin: 0 auto 50px;
}
.product .taber-box {
    min-width: auto;
    max-width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 8px;
}
.taber-li {
    font-weight: 500;
    color: #332175;
    cursor: pointer;
    padding: 8px 64px;
    border-radius: 40px;
    background: #ece9f5;
}
.taber-li:hover {
    color: #fff;
    background: #332175;
}
.taber-li.active {
    color: #fff;
    background: #332175;
}

.productBody {
}

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

.productBodyLeft {
    min-width: 16.5rem;
    max-height: 827px;
    overflow-y: auto;
    /* 隐藏滚动条但保持滚动功能 */
    scrollbar-width: none; /* Firefox */
    -ms-overflow-style: none; /* IE and Edge */
    overflow: -moz-scrollbars-none; /* Old Firefox */
}
/* WebKit浏览器 (Chrome, Safari, Opera) */
.productBody .productBodyLeft::-webkit-scrollbar {
    display: none;
}

.productBody .productBody-box .productBodyLeftUl {
    position: relative;
}
/* WebKit浏览器 (Chrome, Safari, Opera) */
/* .productBody .productBody-box .productBodyLeftUl::-webkit-scrollbar {
    display: none;
} */
.productBodyLeftUl::after {
    position: absolute;
    left: 0.625rem;
    top: 1%;
    width: 2px;
    height: 97%;
    background: #e6e6e6;
    content: "";
}

.productBody .productBody-box .productBodyLeftLi {
    width: 100%;
}

.productBody .productBody-box .productBodyLeftLi {
    position: relative;
    margin-top: 4.375rem;
    padding-left: 2.5rem;
    font-size: 1.25rem;
    font-weight: 500;
    color: #333333;
    cursor: pointer;
}
.productBody .productBody-box .productBodyLeftLi::after {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 1.4375rem;
    height: 1.4375rem;
    border-radius: 50%;
    background: #e6e6e6;
    content: "";
    z-index: 5;
}
.productBody .productBody-box .productBodyLeftLi:nth-of-type(1) {
    margin-top: 0;
}
.productBody .productBody-box .productBodyLeftLi.active::after {
    background-color: #332175;
}
.productBody .productBody-box .productBodyLeftLi.active {
    font-size: 2rem;
    font-weight: 500;
    color: #332175;
}

.productBodyRight {
    width: 61rem;
    /*max-height: 700px;*/
}
.productBodyRight .swiper{
    overflow: hidden;
}
.productBodyRight .swiper.myProSwiper{
    position: relative;
}
.productBodyRight .swiper.myProSwiper .myProSwipernext{
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateX(-50%);
    width: 64px;
    height: 64px;
    background: #DDDDDD;
    border-radius: 50%;
    text-align: center;
    line-height: 64px;
    cursor: pointer;
    z-index: 9;
}
.productBodyRight .swiper.myProSwiper .myProSwipernext .iconfont{
    font-size: 2rem;
    font-weight: 700;
    color: #fff;
}
.productBodyRight .swiper.myProSwiper .myProSwiperprev{
    position: absolute;
    left: 32px;
    top: 50%;
    transform: translateX(-50%);
    width: 64px;
    height: 64px;
    background: #DDDDDD;
    border-radius: 50%;
    text-align: center;
    line-height: 64px;
    cursor: pointer;
    z-index: 9;
}
.productBodyRight .swiper.myProSwiper .myProSwiperprev .iconfont{
    font-size: 2rem;
    font-weight: 700;
    color: #fff;
}
.productBodyRight .swiper .swiper-wrapper{

}
.productBodyRight .swiper .swiper-wrapper .swiper-slide{
    display: none;
    flex-direction: column;
    align-items: center;
}
.productBodyRight .swiper .swiper-wrapper .swiper-slide.slide9 {
    display: flex; /* 初始显示默认项 */
}
.productBodyRight .swiper .swiper-wrapper .swiper-slide .img{
    margin-bottom: 40px;
}
.productBodyRight .swiper .swiper-wrapper .swiper-slide .title{
    font-size: 2rem;
    font-weight: 500;
    color: #333333;
}
.productBodyRight .swiper .swiper-wrapper .swiper-slide .img img{

}

.about {
    width: 100%;
    background: #F2F4FA;
    overflow: hidden;
}
.about .contain {
    /*width: 100%;*/
}
.about .about-title {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    margin: 100px 0 50px;
    flex-direction: column;
}
.about .about-title .title {
    color: #333333;
    font-weight: 600;
}
.about .about-title .hx {
    width: 64px;
    height: 8px;
    background: #F90101;
    margin: 12px 0 0;
}
.about .about-box {
    display: flex;
    margin-bottom: 180px;
    background: #fff;
}
.about .about-box .about-left {
    padding: 47px 30px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 48px;
    width: 55%;
}
.about .about-box .about-left .left-box-text{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.about .about-box .about-left .left-box-text .title {
    font-weight: 500;
    color: #332175;
}
.about .about-box .about-left .left-box-text .body {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-top: 10px;
}
.about .about-box .about-left .left-box-text .body p {
    font-weight: 400;
    color: #333333;
}
.about .about-box .about-left .num-box {
    display: flex;
    justify-content: space-between;
}
.about .about-box .about-left .num-box .num-li {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.about .about-box .about-left .num-box .num-li .num-head {
    font-weight: 600;
    color: #332175;
    display: flex;
    gap: 0;
}
.about .about-box .about-left .num-box .num-li .num-head .num {}
.about .about-box .about-left .num-box .num-li .num-head .dwei {}
.about .about-box .about-left .num-box .num-li .num-foot {
    margin-top: 8px;
    font-size: 16px;
    font-weight: 500;
    color: #333333;
}
.about .about-box .about-right {
    width: 45%;
}
.about .about-box .about-right .img {
    width: 100%;
    height: 100%;
}
.about .about-box .about-right .img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.industry-solutions-box{
    width: 100%;
    background: #fff;
    overflow: hidden;
}
.industry-solutions-box .contain{
    width: 100%;
}
.industry-solutions-box .contain .industry-solutions-title{
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    margin: 0px 0 50px;
    flex-direction: column;
}
.industry-solutions-box .contain .industry-solutions-title .title{
    color: #333333;
    font-weight: 600;
}
.industry-solutions-box .contain .industry-solutions-title .hx{
    width: 64px;
    height: 8px;
    background: #F90101;
    margin: 12px 0 0;
}
/* 主体内容区域 */
.industry-solutions-box .contain .industry-solutions-body {
    display: flex;
    min-height: 640px;
}
/* 单个行业解决方案项 */
.industry-solutions-box .contain .industry-solutions-body .industry-li {
    position: relative;
    width: 16.6%;
    cursor: pointer;
    transition: all 0.3s ease-out;
}
/* 行业项图片区域 */
.industry-solutions-box .contain .industry-solutions-body .industry-li .img {
    height: 100%;
}
.industry-solutions-box .contain .industry-solutions-body .industry-li .img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s ease;
}
/* 行业项文本区域 */
.industry-solutions-box .contain .industry-solutions-body .industry-li .body-box {
    position: absolute;
    background: #000000cc;
    bottom: 0;
    width: 100%;
    height: 100%;
    color: #fff;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease;
}
.industry-solutions-box .contain .industry-solutions-body .industry-li .body-box .title {
    opacity: 1;
    font-size: 28px;
    font-weight: 500;
    color: #fff;
    text-align: center;
    vertical-align: top;
    padding: 0 30px;
}
.industry-solutions-box .contain .industry-solutions-body .industry-li .body-box .desc {
    opacity: 0;
    display: none;
    visibility: hidden;
    font-size: 16px;
    font-weight: 400;
    color: #ffffff;
    text-align: left;
    vertical-align: top;
    transition: all 0.3s ease 0.1s;
}
.industry-solutions-box .contain .industry-solutions-body .industry-li.active{width: 32%;}
.industry-solutions-box .contain .industry-solutions-body .industry-li.active .body-box{
    min-height: 146px;
    height: unset;
    background: #00000080;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
    padding: 24px;
}
.industry-solutions-box .contain .industry-solutions-body .industry-li.active .body-box .title{
    padding: 0;
}
.industry-solutions-box .contain .industry-solutions-body .industry-li.active .body-box .desc{
    display: flex;
    opacity: 1;
    visibility: visible;
}
.industry-solutions-box .contain .industry-solutions-body .industry-li:hover {width: 32%;}


.advantages{
    width: 100%;
    background: #f5f5f5;
    overflow: hidden;
}
.advantages .contain{
    /*width: 100%;*/
}
.advantages .contain .advantages-title{
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    margin: 150px 0 50px;
    flex-direction: column;
}
.advantages .contain .advantages-title .title{
    color: #333333;
    font-weight: 600;
}
.advantages .contain .advantages-title .hx{
    width: 64px;
    height: 8px;
    background: #F90101;
    margin: 12px 0 0;
}
/* 主体内容区域 */
.advantages .contain .advantages-body {
    background: #fff;
    margin-bottom: 10rem;
    display: flex;
}

/* 左侧优势列表 */
.advantages .contain .advantages-body .advantages-ul {
    width: 23%;
}
.advantages .contain .advantages-body .advantages-ul .advantages-li {
    text-align: center;
    padding: 107px 0;
    font-weight: 500;
    color: #333;
    background: #EFEEF4;
    cursor: pointer;
}

.advantages .contain .advantages-body .advantages-ul .advantages-li.active {
    color: #332175;
    background: #fff;
}

/* 左侧列表扩展场景 */
.advantages .contain .advantages-body .advantages-ul .advantages-li + .advantages-li {} /* 相邻li间距 */
.advantages .contain .advantages-body .advantages-ul .advantages-li:hover {} /* hover状态 */
.advantages .contain .advantages-body .advantages-ul .advantages-li.active {} /* 选中状态（如需） */

/* 右侧内容区域 */
.advantages .contain .advantages-body .advantages-rcontent {
    flex: 1;
    padding-left: 30px;
    display: flex;
    align-items: center;
}
.advantages .contain .advantages-body .advantages-rcontent .contetbox {
    padding: 50px;
    display: none;
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
}
.advantages .contain .advantages-body .advantages-rcontent .contetbox.active {
    display: block;
    opacity: 1;
}

/* 右侧内容 - 标题栏 */
.advantages .contain .advantages-body .advantages-rcontent .contetbox .contettitle {
    display: flex;
    align-items: center;
    gap: 9px;
}
.advantages .contain .advantages-body .advantages-rcontent .contetbox .contettitle .code {
    font-weight: 600;
    color: #2651A6;
}
.advantages .contain .advantages-body .advantages-rcontent .contetbox .contettitle .text {
    font-weight: 500;
    color: #333333;
}

/* 右侧内容 - 标签组 */
.advantages .contain .advantages-body .advantages-rcontent .contetbox .tagbox {
    display: flex;
    gap: 12px;
}
.advantages .contain .advantages-body .advantages-rcontent .contetbox .tagbox .tag {
    margin-top: 24px;
    border-radius: 2px;
    background: #C0E6FA;
    font-weight: 400;
    color: #2651A6;
    line-height: 1;
    padding: 4px 14px;
}

/* 标签组扩展场景 */
.advantages .contain .advantages-body .advantages-rcontent .contetbox .tagbox .tag + .tag {} /* 相邻标签间距 */
.advantages .contain .advantages-body .advantages-rcontent .contetbox .tagbox .tag:hover {} /* 标签hover */

/* 右侧内容 - 描述文本 */
.advantages .contain .advantages-body .advantages-rcontent .contetbox .desc {
    font-weight: 400;
    color: #666666;
    margin-top: 12px;
    margin-bottom: 62px;
}

/* 右侧内容 - 图片容器 */
.advantages .contain .advantages-body .advantages-rcontent .contetbox .imagbox {
    display: grid;
    grid-template-columns: repeat(2,1fr);
    gap: 23px 24px;
}
.advantages .contain .advantages-body .advantages-rcontent .contetbox .imagbox .img {height: 218px;width: 100%;cursor: pointer;}
.advantages .contain .advantages-body .advantages-rcontent .contetbox .imagbox .img img {height: 100%;width: 100%;object-fit: contain;}

/* 图片容器扩展场景 */
.advantages .contain .advantages-body .advantages-rcontent .contetbox .imagbox .img + .img {} /* 相邻图片间距 */
.advantages .contain .advantages-body .advantages-rcontent .contetbox .imagbox .img:hover {} /* 图片hover */
.advantages .contain .advantages-body .advantages-rcontent .contetbox .imagbox .img img:hover {} /* 图片本身hover */

.cooperativeclients{
    width: 100%;
    background: url("../image/hzbj.png") no-repeat;
    background-size: cover;
    background-position: center;
    overflow: hidden;
}
.cooperativeclients .contain{
    width: 100%;
    position: relative;
}
.cooperativeclients .contain .cooperativeclients-title{
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    margin: 150px 0 50px;
    flex-direction: column;
}
.cooperativeclients .contain .cooperativeclients-title .title{
    color: #fff;
    font-weight: 600;
}
.cooperativeclients .contain .cooperativeclients-title .hx{
    width: 64px;
    height: 8px;
    background: #F90101;
    margin: 12px 0 0;
}
.cooperativeclients .contain .body{
    display: flex;
    justify-content: center;
    margin: 364px 0 352px;
}

/* 一、通用结构（所有 img 容器和图片共用） */
.xfubox {
    position: absolute;
    top: 0;
}
.xfubox .img {
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0px 2px 40px #1a1abd4f;
    backdrop-filter: blur(4px);
    border-radius: 50%;
    background: #FFFFFF;
    position: relative;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    opacity: 0;
    transform: scale(0.8) translateY(20px);
    animation: fadeInUp 0.8s forwards, float 6s ease-in-out infinite;
}
.xfubox .img img {
    width: 70%; /* 相对容器宽度，无需转换 */
    height: 70%;
    object-fit: contain;
    transition: transform 0.3s ease;
}

/* 通用扩展场景 */
.xfubox .img:hover {
    transform: scale(1.1) translateY(-5px);
    box-shadow: 0px 8px 60px #1a1abd80;
    background: #f8f9ff;
    z-index: 10;
}
.xfubox .img img:hover {
    transform: scale(1.05);
}
.xfubox .img + .img {}

/* 二、单独定位结构（width/height 按 1rem=16px 转换） */
/* 第1个：130px ÷16=8.125rem，128px÷16=8rem */
.xfubox .img:nth-child(1) {
    top: 34rem;
    left: 16rem;
    width: 8.125rem;
    height: 8rem;
    animation-delay: 0.1s;
}

/* 第2个：170px÷16=10.625rem，167.58px÷16≈10.47375rem */
.xfubox .img:nth-child(2) {
    left: 20rem;
    top: 10rem;
    width: 10.625rem;
    height: 10.47375rem;
    animation-delay: 0.2s;
}

/* 第3个：130px÷16=8.125rem，128px÷16=8rem */
.xfubox .img:nth-child(3) {
    left: 40rem;
    top: 3rem;
    width: 8.125rem;
    height: 8rem;
    animation-delay: 0.3s;
}

/* 第4个：159px÷16≈9.9375rem，157px÷16≈9.8125rem */
.xfubox .img:nth-child(4) {
    left: 37rem;
    top: -19rem;
    width: 9.9375rem;
    height: 9.8125rem;
    animation-delay: 0.4s;
}

/* 第5个：180px÷16=11.25rem，178px÷16=11.125rem */
.xfubox .img:nth-child(5) {
    left: 54rem;
    top: -22rem;
    width: 11.25rem;
    height: 11.125rem;
    animation-delay: 0.5s;
}

/* 第6个：180px÷16=11.25rem，178px÷16=11.125rem */
.xfubox .img:nth-child(6) {
    left: 76rem;
    top: -43rem;
    width: 11.25rem;
    height: 11.125rem;
    animation-delay: 0.6s;
}

/* 第7个：149px÷16≈9.3125rem，147px÷16≈9.1875rem */
.xfubox .img:nth-child(7) {
    left: 79rem;
    top: -38rem;
    width: 9.3125rem;
    height: 9.1875rem;
    animation-delay: 0.7s;
}

/* 第8个：130px÷16=8.125rem，128px÷16=8rem */
.xfubox .img:nth-child(8) {
    left: 93rem;
    top: -57rem;
    width: 8.125rem;
    height: 8rem;
    animation-delay: 0.8s;
}

/* 第9个：130px÷16=8.125rem，128px÷16=8rem */
.xfubox .img:nth-child(9) {
    left: 97rem;
    top: -46rem;
    width: 8.125rem;
    height: 8rem;
    animation-delay: 0.9s;
}


.xfubox .img:nth-child(10){left:12rem;top:-33rem;width:9.3125rem;height:9.1875rem;animation-delay:1s}
.xfubox .img:nth-child(11){left:28rem;top: -44rem;width:8.125rem;height:8rem;animation-delay:1.1s}
.xfubox .img:nth-child(12){left:48rem;top: -57rem;width:10.625rem;height:10.47375rem;animation-delay:1.2s}
.xfubox .img:nth-child(13){left:62rem;top: -61rem;width:8.125rem;height:8rem;animation-delay:1.3s}
.xfubox .img:nth-child(14){left:85rem;top: -71rem;width:9.9375rem;height:9.8125rem;animation-delay:1.4s}
.xfubox .img:nth-child(15){left:105rem;top: -91rem;width:11.25rem;height:11.125rem;animation-delay:1.5s}
.xfubox .img:nth-child(16){left:18rem;top: -97rem;width:8.125rem;height:8rem;animation-delay:1.6s}
.xfubox .img:nth-child(17){left:35rem;top: -108rem;width:10.625rem;height:10.47375rem;animation-delay:1.7s}
.xfubox .img:nth-child(18){left: 71rem;top: -119rem;width:9.3125rem;height:9.1875rem;animation-delay:1.8s}
.xfubox .img:nth-child(19){left: 85rem;top: -135rem;width:11.25rem;height:11.125rem;animation-delay:1.9s}
.xfubox .img:nth-child(20){left: 96rem;top: -135rem;width:8.125rem;height:8rem;animation-delay:2s}
.xfubox .img:nth-child(21){left:8rem;top: -181rem;width:9.9375rem;height:9.8125rem;animation-delay:2.1s}
.xfubox .img:nth-child(22){left: 30rem;top: -17rem;width:8.125rem;height:8rem;animation-delay:2.2s}
.xfubox .img:nth-child(23){left:68rem;top: -190rem;width:10.625rem;height:10.47375rem;animation-delay:2.3s}
.xfubox .img:nth-child(24){left:88rem;top: -216rem;width:9.3125rem;height:9.1875rem;animation-delay:2.4s}
.xfubox .img:nth-child(25){left: 100rem;top: -208rem;width:11.25rem;height:11.125rem;animation-delay:2.5s}
.xfubox .img:nth-child(26){left:22rem;top: -229rem;width:8.125rem;height:8rem;animation-delay:2.6s}
.xfubox .img:nth-child(27){left: 8rem;top: -224rem;width:9.9375rem;height:9.8125rem;animation-delay:2.7s}
.xfubox .img:nth-child(28){left: 89rem;top: -233rem;width:10.625rem;height:10.47375rem;animation-delay:2.8s}
.xfubox .img:nth-child(29){left:95rem;top: -211rem;width:8.125rem;height:8rem;animation-delay:2.9s}
.xfubox .img:nth-child(30){left: 29rem;top: -243rem;width:11.25rem;height:11.125rem;animation-delay:3s}
.xfubox .img:nth-child(31){left:32rem;top:-85rem;width:9.3125rem;height:9.1875rem;animation-delay:3.1s}
.xfubox .img:nth-child(32){left:58rem;top:-88rem;width:8.125rem;height:8rem;animation-delay:3.2s}
.xfubox .img:nth-child(33){left:82rem;top:-90rem;width:10.625rem;height:10.47375rem;animation-delay:3.3s}
.xfubox .img:nth-child(34){left:102rem;top:-93rem;width:9.9375rem;height:9.8125rem;animation-delay:3.4s}
.xfubox .img:nth-child(35){left:5rem;top:-95rem;width:8.125rem;height:8rem;animation-delay:3.5s}
.xfubox .img:nth-child(36){left:45rem;top:-98rem;width:11.25rem;height:11.125rem;animation-delay:3.6s}
.xfubox .img:nth-child(37){left:65rem;top:-100rem;width:9.3125rem;height:9.1875rem;animation-delay:3.7s}
.xfubox .img:nth-child(38){left:98rem;top:-103rem;width:8.125rem;height:8rem;animation-delay:3.8s}
.xfubox .img:nth-child(39){left:25rem;top:-105rem;width:10.625rem;height:10.47375rem;animation-delay:3.9s}
.xfubox .img:nth-child(40){left:70rem;top:-108rem;width:9.9375rem;height:9.8125rem;animation-delay:4s}
/* 三、动画关键帧定义（保持不变） */
@keyframes fadeInUp {
    to {
        opacity: 1;
        transform: scale(1) translateY(0);
    }
}
@keyframes float {
    0%, 100% {
        transform: scale(1) translateY(0);
    }
    50% {
        transform: scale(1.03) translateY(-0.5rem); /* 8px÷16=0.5rem，统一单位 */
    }
}


.new{
    width: 100%;
    background: #f5f5f5;
    overflow: hidden;
}
.new .contain{}
.new .contain .new-title{
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    margin: 100px 0 50px;
    flex-direction: column;
}
.new .contain .new-title .title{
    color: #333333;
    font-weight: 600;
}
.new .contain .new-title .hx{
    width: 64px;
    height: 8px;
    background: #F90101;
    margin: 12px 0 0;
}

/* 新闻主体区域 */
.new .contain .new-body {
    margin-bottom: 6.25rem;
    display: flex;
    gap: 10px;
    max-height: 560px;
}
/* 新闻左侧模块 */
.new .contain .new-body .new-left {
    position: relative;
    border-radius: 8px;
    flex: 1;
}
.new .contain .new-body .new-left img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 8px;
}
.new .contain .new-body .new-left .txtbox {
    width: 100%;
    position: absolute;
    bottom: 0;
    padding: 30px 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #fff;
    border-radius: 0px 0px 8px 8px;
    background: rgb(0 0 0 / 30%);
    /* backdrop-filter: blur(4px); */
    border-radius: 0 0 8px 8px;
}
.new .contain .new-body .new-left .txtbox .text {
    width: 80%;
    cursor: pointer;
}
.new .contain .new-body .new-left .txtbox .iconfont.icon-youjiantou {
    font-size: 1.7rem;
    cursor: pointer;
}
/* 新闻中间模块 */
.new .contain .new-body .new-middle {
    display: flex;
    flex-direction: column;
    gap: 10px;
    flex: 1;
}
.new .contain .new-body .new-middle .middle-li {
    padding: 32px 24px;
    border-radius: 8px;
    background: #FFFFFF;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    height: 100%;
}
.new .contain .new-body .new-middle .middle-li .title {
    opacity: 1;
    display: flex;
    font-weight: 500;
    color: #333333;
    text-align: justify;
    vertical-align: middle;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    text-overflow: ellipsis;
}
.new .contain .new-body .new-middle .middle-li .description {
    /*margin: 24px 0 32px;*/
    display: flex;
    font-weight: 400;
    color: #666666;
    text-align: justify;
    vertical-align: middle;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
}
.new .contain .new-body .new-middle .middle-li .data-box {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.new .contain .new-body .new-middle .middle-li .data-box .time {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.new .contain .new-body .new-middle .middle-li .data-box .time .day {
    /*font-size: 48px;*/
    font-weight: 700;
    color: #332175;
}
.new .contain .new-body .new-middle .middle-li .data-box .time .yearmoth {
    /*font-size: 14px;*/
    font-weight: 500;
    color: #332175;
}
.new .contain .new-body .new-middle .middle-li .data-box .iconfont.icon-youjiantou {
    font-size: 1.7rem;
    color: #332175;
    cursor: pointer;
}
/* 新闻右侧/末尾模块 */
.new .contain .new-body .new-end {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.new .contain .new-body .new-end .end-li {
    display: flex;
    background: #fff;
    padding: 30px;
    align-items: center;
    justify-content: space-between;
    gap: 30px;
    border-radius: 6.4px;
}
.new .contain .new-body .new-end .end-li .timebox {}
.new .contain .new-body .new-end .end-li .timebox .time {
    display: flex;
    min-width: 57px;
    flex-direction: column;
    align-items: center;
}
.new .contain .new-body .new-end .end-li .timebox .time .day {
    /*font-size: 48px;*/
    font-weight: 700;
    color: #666666;
}
.new .contain .new-body .new-end .end-li .timebox .time .yearmoth {
    /*font-size: 14px;*/
    font-weight: 500;
    color: #666666;
}
.new .contain .new-body .new-end .end-li .timebox .iconfont.icon-youjiantou {}
.new .contain .new-body .new-end .end-li .shuxian {
    width: 2px;
    height: 120px;
    opacity: 1;
    background: #F0F0F0;
}
.new .contain .new-body .new-end .end-li .endbody {
    max-width: 275px;
}
.new .contain .new-body .new-end .end-li .endbody .title {
    font-weight: 500;
    color: #666666;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: 8px;
}
.new .contain .new-body .new-end .end-li .endbody .iconfont.icon-youjiantou {
    font-size: 2rem;
    color: #666;
    cursor: pointer;
}

.zjianbox {
    position: relative;
    top: -100px;
    display: flex;
    justify-content: space-between;
    padding: 40px 67px;
    background: #fff;
    box-shadow: 0px 4px 24px  rgba(0, 0, 0, 0.08);
    gap: 98px;
}
.zjianbox .box-li {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.zjianbox .box-li .img {}
.zjianbox .box-li .img img {}
.zjianbox .box-li .title {
    margin-top: 9px;
    font-size: 24px;
    font-weight: 500;
    color: #333333;
}
.zjianbox .box-li .hx {
    width: 35px;
    height: 3px;
    opacity: 1;
    border-radius: 4px;
    background: rgba(249, 1, 1, 1);
    display: flex;
    margin: 9px 0 25px;
}
.zjianbox .box-li .desc {
    text-align: center;
    font-size: 16px;
    font-weight: 400;
    color: #333333;
}

/* 扩展：多个box-li的并列样式、hover效果等 */
.zjianbox .box-li + .box-li {}
.zjianbox .box-li:hover {}
.zjianbox .box-li:hover .title {}
.zjianbox .box-li:hover .img {}
.zjianbox .box-li:hover .img img {}


.indTitle {
    width: auto;
}
.indTitle .name {
    font-family: "SamsungOne700";
}
.indTitle .text {
    color: #888;
}

.indMore {
    display: flex;
    align-items: center;
    transition: all 0.4s ease;
    justify-content: center;
    width: 150px;
    height: 44px;
    border-radius: 22px;
    background: #ffffff;
}
.indMore span {
}
.indMore i {
    padding-left: 5px;
}
.indMore:hover {
    background: #332175;
    color: #ffffff;
}

.indpp {
    width: 100%;
    position: relative;
    background: #f8f8f8;
    min-height: 600px;
}
.indpp .contain {
    position: relative;
    justify-content: space-between;
    display: flex;
    align-items: flex-start;
}
.indpp .indTitle {
}
.indpp .indTitle .name {
}
.indpp .indTitle .text {
    color: #888888;
}
.indpp-bg {
    width: calc(50% - 50px);
}
.indpp-video {
    width: calc(50% - 50px);
    position: relative;
}
.indpp-wrap {
    width: calc(100% - 0px);
}
.indpp-num {
    display: flex;
    justify-content: space-between;
}
.indpp-num-line {
    height: 100%;
    position: relative;
    min-height: 120px;
}
.indpp-num-line:before {
    content: "";
    position: absolute;
    right: 0px;
    top: 0;
    width: 3px;
    height: 30px;
    z-index: 1;
    background: #332175;
}
.indpp-num-line:after {
    content: "";
    position: absolute;
    right: 1px;
    top: 0;
    width: 1px;
    height: 100%;
    z-index: 0;
    background: #cccccc;
}
.indpp-num-items {
    width: calc(100% - 40px);
    display: flex;
    justify-content: space-between;
    align-content: space-between;
    flex-wrap: wrap;
    padding: 0 20px;
}
.indpp-num-items:last-child {
    padding: 0 0 0 20px;
}
.indpp-num-items .num {
    display: flex;
    justify-content: flex-start;
    align-items: baseline;
    flex-wrap: nowrap;
    width: 100%;
}
.indpp-num-items .num .timer {
    font-family: "SamsungOne700";
    color: #332175;
    line-height: 1;
}
.indpp-num-items .num i {
    font-style: normal;
    color: #888888;
    margin-left: 5px;
}
.indhb-play {
    width: 80px;
    height: 80px;
    cursor: pointer;
    position: absolute;
    background: #332175;
    left: 0;
    bottom: 0;
    transition: all 0.4s ease;
    color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
}
.indhb-play:hover {
    opacity: 1;
    transform: scale(1.2);
}

.indhb {
    width: 100%;
    position: relative;
}
.indhb-bg .indTitle .pic {
    flex-wrap: wrap;
    display: flex;
    justify-content: space-between;
}
.indhb-bg .indTitle .pic .pic-list {
    width: calc(50% - 30px);
    margin-top: 30px;
    color: #ffffff;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.indhb-bg .indTitle .pic .pic-list img {
    margin-right: 10px;
    height: 50px;
    width: 50px;
}
.indhb-bg .indTitle .pic .pic-list p {
    line-height: 1.2;
}

.indhb-partner {
    position: relative;
    width: 100%;
    background: #f8f8f8;
    text-align: center;
}
.indhb-partner-loop {
    width: calc(100% - 0px);
    position: relative;
}
.indhb-partner-loop .swiper-slide-active img {
    transform: translateY(-5px);
    filter: grayscale(0);
    opacity: 1;
}
.indhb-partner-link {
    display: flex;
    width: 100%;
    height: 120px;
    align-items: center;
    justify-content: center;
    padding: 5px 0;
}
.indhb-partner-link img {
    max-width: 100%;
    max-height: 100%;
    transition: all 0.4s ease; /*filter: grayscale(1);opacity: 0.5;*/
}
.indhb-partner-link:hover img {
    transform: translateY(-5px);
    filter: grayscale(0);
    opacity: 1;
}
.indhb-partner-name {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: center;
}
.indhb-partner-name {
    transition: all 0.4s ease;
}
.indhb-partner-name:hover {
    transform: translateY(-5px);
    filter: grayscale(0);
    opacity: 1;
}
.indhb-partner-prev,
.indhb-partner-next {
    width: 44px;
    height: 44px;
    border-radius: 50%;
    position: absolute;
    cursor: pointer;
    top: 50%;
    margin-top: -22px;
    background: #fff;
    transition: all 0.4s ease;
    display: flex;
    justify-content: center;
    align-items: center;
}
.indhb-partner-prev {
    left: 0px;
}
.indhb-partner-next {
    right: 0px;
}
.indhb-partner-prev:hover,
.indhb-partner-next:hover {
    background: #332175;
    color: #ffffff;
}

.indal {
    width: 100%;
    position: relative;
    overflow: hidden;
}
.indal .indal-head {
}
.indal .indal-head .contain {
    justify-content: center;
    text-align: center;
}
.indal-menu {
    overflow: hidden;
    width: 100%;
}
.indal-menu .contain {
    background: #ffffff;
    position: relative;
}
.indal .mySwiper {
    overflow: hidden;
    margin: 0 100px;
}
.indal .swiper-slide {
    display: flex;
    align-items: center;
    justify-content: center;
}
.indal .indal-menu .swiper-slide {
    padding: 10px 0;
}
.indal .mySwiper .swiper-wrapper .swiper-slide-thumb-active {
    border-bottom: #332175 3px solid;
}
.indal-cont {
    width: 100%;
    display: flex;
    justify-content: space-between;
    background: #f8f8f8;
}
.indal-cont .text {
    width: calc(50% - 25px);
    display: flex;
    align-content: center;
    flex-wrap: wrap;
}
.indal-cont .text div:nth-child(1) {
    width: calc(100% - 0px);
}
.indal-cont .text div:nth-child(1):after {
    background: #332175;
    content: "";
    display: block;
    width: 30px;
    height: 3px;
    margin: 20px 0;
}
.indal-cont .text a {
    color: #000000;
}
.indal-cont .text a:hover {
    color: #ffffff;
}
.indal-cont .img {
    width: calc(50% - 25px);
    overflow: hidden;
}
.indal-cont1 {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100px;
}
.indal-cont1 .name {
    height: auto; /*word-break: break-all;*/
    transition: all 0.4s ease;
    overflow: hidden;
    -webkit-line-clamp: 4;
    display: -webkit-box;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
}
@keyframes bulletLine {
    0% {
        width: 0;
    }
    100% {
        width: 100%;
    }
}
/* 效果 */
.indal-cont .text,
.indal-cont .link {
    opacity: 0;
}
.swiper-slide-active .indal-cont .text {
    animation: bannerUp 1s ease both 1s;
}
.swiper-slide-active .indal-cont .link {
    animation: bannerUp 1s ease both 1.1s;
}
.oneSlide .indal-cont .text {
    animation: bannerUp 1s ease both 0.4s;
}
.oneSlide .indal-cont .link {
    animation: bannerUp 1s ease both 0.5s;
}
@keyframes bannerUp {
    0% {
        opacity: 0;
        transform: translateY(120px);
    }
    100% {
        opacity: 1;
        transform: translateY(0);
    }
}
/*.indal .indal-img:before{content: "";position: absolute;left: 0;bottom: 0;z-index: 10;width: 100%;background: linear-gradient(to right, rgba(0, 71, 187, 1), rgba(0, 71, 187, 0));height: 100%;}*/
.indal .img img {
    width: 100%;
    object-fit: cover;
    transform: matrix(1, 0, 0, 1, 0, 0);
    transition: all 0.4s ease 1.2s;
}
.indal .swiper-slide-active img {
    transition-delay: 0.4s !important;
    transform: matrix(1.06, 0, 0, 1.06, 0, 0);
    transition: all 4s ease;
}
.indal-prev,
.indal-next {
    width: 44px;
    height: 44px;
    border-radius: 50%;
    position: absolute;
    z-index: 10;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
    transition: all 0.4s ease;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #eeeeee;
}
.indal-prev {
    left: 0px;
}
.indal-next {
    right: 0px;
}
.indal-prev:hover,
.indal-next:hover {
    background: #332175;
    color: #ffffff;
}

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

@media all and (max-width: 1599px) {
    /* 1440 × (700)  */
    .indhb-partner-link {
        height: 110px;
    }
    .hadbox-sec1 .contain1{
        margin: 0 10rem 0;
    }
}

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

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

@media all and (max-width: 1279px) {
    /* 1152 × (700) */
    .indpp-bg {
    }
    .indhb {
        background-size: 100% 100%;
    }
}

@media all and (max-width: 1151px) {
    /* 1024 */
    .banner-img img.none-mb {
        height: 50vh;
    }
}

/* ------------------------手机端-------------------------- */
@media all and (max-width: 1000px) {
    /* 平板设备 720 适配 */
    .indal .mySwiper {
        overflow: hidden;
        margin: 0 40px;
    }
    .indal .indal-img img {
        min-height: 680px;
    }
    .indal-prev,
    .indal-next {
        width: 40px;
        height: 40px;
    }
    .indal-list li {
        width: calc(50% - 15px);
    }
    .indhb {
        background: url(/template/cn/image/index_ab_m.jpg) no-repeat center;
        background-size: auto 100%;
    }
    .indhb-bg {
        width: 100%;
    }
    .indpp-num {
        flex-wrap: wrap;
        justify-content: flex-start;
    }
    .indpp-num-line {
        min-height: 100px;
        width: 3px;
        margin-bottom: 20px;
    }
    .indpp-num-items {
        width: calc(50% - 3px);
        padding: 0 20px;
        margin-bottom: 20px;
    }
    .indpp-num-line:nth-last-of-type(2) {
        margin-bottom: 0px;
    }
    .indpp-num-items:last-child {
        margin-bottom: 0px;
    }
}
@media all and (max-width: 640px) {
    /* 移动终端以上 360 适配 */
    .indMore {
        width: 136px;
        height: 40px;
        border-radius: 20px;
    }
    .banner-cont .link {
        width: 136px;
        height: 40px;
        border-radius: 20px;
    }
    .banner .swiper-pagination {
        bottom: 20px;
    }
    .banner .swiper-pagination-bullet {
        width: 30px;
        margin: 0 8px !important;
    }
    @keyframes bannerUp {
        0% {
            opacity: 0;
            transform: translateY(60px);
        }
        100% {
            opacity: 1;
            transform: translateY(0);
        }
    }
    .indpp {
    }
    .indpp .contain {
        flex-wrap: wrap;
    }
    .indpp-bg {
        width: 100%;
    }
    .indpp-video {
        width: 100%;
    }
    .indpp-wrap {
        width: 100%;
    }
    .indhb-play {
        width: 60px;
        height: 60px;
    }
    .indhb-partner-link {
        height: 70px;
    }
    .indhb-partner-loop {
        width: calc(100% - 0px);
    }
    .indhb-partner-prev,
    .indhb-partner-next {
        width: 32px;
        height: 32px;
        margin-top: -16px;
        background-size: 16px;
    }
    .indhb-partner-link img {
        /*max-height: 40px;max-width: 88%;*/
    }
    .indhb-bg .indTitle .pic .pic-list {
        width: calc(100% - 0px);
    }
    .indhb-bg .indTitle .pic .pic-list img {
        height: 44px;
        width: 44px;
    }
    .indal-cont {
        flex-wrap: wrap;
    }
    .indal-cont .img {
        width: calc(100% - 0px);
    }
    .indal-cont .text {
        width: calc(100% - 0px);
        padding: 30px;
    }
    .hadbox-sec1 .contain1{
        margin: 0 10px;
    }
    .taber-li{
        padding: 10px;
        width: 100%;
        text-align: center;
    }
    .product .taber-box{
        display: flex;
        width: 100%;
        flex-direction: column;
    }
    .product .taber{
        background: #fff;
        margin-bottom: 10px;
    }
    .productBody-box {
         display: flex;
         justify-content: space-between;
         flex-direction: column;
         align-items: center;
    }
    .productBodyRight{
        width: 100%;
    }
    .zjianbox{
        flex-direction: column;
    }
    .industry-solutions-box .contain .industry-solutions-body{
        width: 100%;
        min-height: unset;
        flex-direction: column;
    }
    .industry-solutions-box .contain .industry-solutions-body .industry-li,
    .industry-solutions-box .contain .industry-solutions-body .industry-li.active,
    .industry-solutions-box .contain .industry-solutions-body .industry-li:hover,
    .about .about-box .about-left,
    .about .about-box .about-right,
    .advantages .contain .advantages-body .advantages-ul{
        width: 100%;
    }
    .about .about-box,
    .new .contain .new-body,
    .footer .contain .foothead,
    .advantages .contain .advantages-body{
        display: flex;
        flex-direction: column;
    }
    .advantages .contain .advantages-body .advantages-rcontent{
        padding: 0;
    }
    .advantages .contain .advantages-body .advantages-rcontent .contetbox{
        padding: 20px;
    }
    .advantages .contain .advantages-body .advantages-ul .advantages-li{
        padding: 15px 0;
    }
    .advantages .contain .advantages-body .advantages-rcontent .contetbox .desc{
        margin-bottom: 30px;
    }
    .advantages .contain .advantages-body .advantages-rcontent .contetbox .imagbox{
        grid-template-columns: repeat(1, 1fr);
    }
    .xfubox{
        position: unset;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        gap: 10px;
    }
    .cooperativeclients .contain .body{
        margin: 30px 0 50px;
    }
    .xfubox .img{
        position: unset;
        width: 8rem !important;
        height: 8rem !important;
    }
    .footer .contain .footbody,
    .footer .contain .footbody .fbody-left{
        gap: 20px;
    }


    /* 外层容器支持横向滚动（顺滑滚动） */
    .productBody-box {
    }

    /* 隐藏外层容器的WebKit滚动条 */
    .productBody-box::-webkit-scrollbar {
    }

    /* 左侧容器调整 */
    .productBodyLeft {
        width: 100%;
        overflow: auto;
    }

    /* 列表改为横向排列 */
    .productBodyLeftUl {
        display: flex;
        width: 100%;
        align-items: center;
    }

    /* 隐藏原纵向装饰线 */
    .productBodyLeftUl::after {
        top: 0px;
        left: 0;
        width: 100%;
        height: 2px;
        display: none;
    }

    /* 列表项样式调整 */
    .productBody .productBody-box .productBodyLeftLi {
        margin-top: 0;
        padding: 0 10px;
        text-align: center;
        text-wrap-mode: nowrap;
    }

    /* 隐藏原圆形标记，改用底部下划线标记激活状态 */
    .productBody .productBody-box .productBodyLeftLi::after {
        display: none;
    }
    .productBody .productBody-box .productBodyLeftLi.active {
    }
    .productBody .productBody-box .productBodyLeftLi.active::after {

    }
}