@charset "utf-8";

.home-banner{width:100%;margin-top:31px}
.home-banner .mobimg{display:none}
#indexbanner{width:100%}
.indexbanner-item{display:block;overflow:hidden}
.indexbanner-item,.indexbanner-item img{width:100%}
#indexbanner .swiper-button-next::after,#indexbanner .swiper-button-prev::after{content:''}
#indexbanner .swiper-button-next em,#indexbanner .swiper-button-prev em{font-size:48px}
#indexbanner .swiper-button-next,#indexbanner .swiper-button-prev{width:45px!important;height:45px!important;border-radius:50%;background-color:#303030}
#indexbanner .iconfont{font-size:16px;color:#FFF}
#indexbanner .swiper-button-prev{left:40px;font-size:14px}
#indexbanner .swiper-button-next{right:40px}
.home-banner .indexbanner-text{color:#FFF;position:absolute;top:50%;left:50%;width:100%;transform:translate(-50%,-50%);text-align:center;opacity:0}
.home-banner .indexbanner-text .theme{font-size:24px;text-transform:uppercase}
.home-banner .indexbanner-text .title{font-size:44px;font-weight:var(--fontweight5)}
.home-banner .indexbanner-text .text{font-size:18px}
.home-banner .indexbanner-text .btn{margin-top:2em}
.home-banner .indexbanner-text .btn .home-more{background-color:#d60f0f;display:inline-flex;color:#FFF;font-size:18px;box-sizing:border-box;padding:12px 30px;border-radius:5px}
.home-more{position:relative;z-index:1;overflow:hidden;box-shadow:0 0 10px transparent;transition:all .3s linear}
.home-more:hover{box-shadow:0 0 10px #d60f0f}
#indexbanner .swiper-button-next:hover,#indexbanner .swiper-button-prev:hover{background-color:#d60f0f}
#indexbanner .swiper-pagination{bottom:80px}
.home-banner .swiper-slide.swiper-slide-active img{animation:rippleEffect 2.5s ease-out forwards}
@keyframes rippleEffect{0%{transform:scale(0.96);opacity:0;clip-path:circle(0% at 50% 50%)}50%{transform:scale(1.01);opacity:1;clip-path:circle(75% at 50% 50%)}100%{transform:scale(1);opacity:1;clip-path:circle(150% at 50% 50%)}}
.home-banner .swiper-slide-active .indexbanner-text{animation:bannerani .5s forwards;animation-delay:.7s}
@keyframes bannerani{0%{opacity:0;top:60%}
    100%{opacity:1;top:50%}}
.home-banner .swiper-pagination-bullet {background-color:#e2e2e2;border-radius:999px;height:4px;opacity:1;overflow:hidden;position:relative;width:32px}
.home-banner .swiper-pagination-bullet:after {background-color:#d60f0f;border-radius:999px;content:"";display:block;height:100%;width:0px}
.home-banner .swiper-pagination-bullet-active.cur::after {transition:width 6s linear;width:100%}
.home-banner .swiper-pagination-bullet-active.cur{border-radius:999px;overflow:hidden}
.home-introduction{transform:translateY(30px);position:relative;z-index:10} /* 主容器定位 */
.home-introduction .introduction{display:flex;justify-content:space-between;flex-wrap:wrap;gap:20px} /* 弹性布局 */
.home-introduction .introduction .item{width:calc(30% - 15px);display:flex;align-items:center;box-sizing:border-box;padding:25px 20px;background:linear-gradient(145deg,#ffffff,#f8f9fa);border-radius:16px;box-shadow:0 5px 20px rgba(0,0,0,.08),0 2px 4px rgba(0,0,0,.05);transition:all .4s cubic-bezier(0.165,0.84,0.44,1);position:relative;overflow:hidden;border:1px solid rgba(214,15,15,.1)} /* 卡片样式 */
.home-introduction .introduction .item::after{content:'';position:absolute;bottom:0;left:0;width:0;height:3px;background:linear-gradient(90deg,#d60f0f,#ff6b6b);transition:width .4s ease} /* 底部装饰线 */
.home-introduction .introduction .item .left{width:80px;height:80px;border-radius:20px;margin-right:20px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,rgba(214,15,15,.1),rgba(255,107,107,.05));color:#d60f0f;transition:all .4s ease;position:relative;flex-shrink:0} /* 图标容器 */
.home-introduction .introduction .item .left::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;border-radius:20px;background:linear-gradient(135deg,transparent,rgba(214,15,15,.2));opacity:0;transition:opacity .4s ease} /* 图标背景层 */
.home-introduction .introduction .item .left em{font-size:36px;transition:all .5s ease;position:relative;z-index:1} /* 图标样式 */
.home-introduction .introduction .item .right{flex:1} /* 右侧内容区域 */
.home-introduction .introduction .item .right .title{color:#1a1a1a;text-transform:uppercase;font-size:18px;font-weight:700;margin-bottom:8px;letter-spacing:.5px} /* 标题样式 */
.home-introduction .introduction .item .right .text{color:#666;font-size:14px;line-height:1.6;margin:0;transition:color .3s ease} /* 文本样式 */
.home-introduction .introduction .item:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 15px 35px rgba(214,15,15,.15),0 5px 15px rgba(0,0,0,.1);border-color:rgba(214,15,15,.3)} /* 卡片悬停 */
.home-introduction .introduction .item:hover::after{width:100%} /* 装饰线动画 */
.home-introduction .introduction .item:hover .left{background:linear-gradient(135deg,#d60f0f,#ff6b6b);transform:rotate(5deg)} /* 图标容器悬停 */
.home-introduction .introduction .item:hover .left::before{opacity:1} /* 图标背景显示 */
.home-introduction .introduction .item:hover .left em{color:white;transform:scale(1.1)} /* 图标悬停 */
.home-introduction .introduction .item:hover .right .title{color:#d60f0f} /* 标题悬停变色 */
.home-introduction .introduction .item:hover .right .text{color:#333} /* 文本悬停变色 */
.home .unify{box-sizing:border-box;padding:5% 70px}
.home .unify .title{font-size:36px;color:var(--fontcolor);font-weight:var(--fontweight5);text-transform:capitalize;text-align:center}
.home-about{width:100%;height:auto;transform:translateY(50px);background:linear-gradient(135deg, #fefeff 0%, #f7f9ff 50%, #f0f4ff 100%);position:relative;overflow:hidden;} /* 容器背景渐变 */
.home-about::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(circle at 15% 20%, rgba(214, 15, 15, 0.04) 0%, transparent 50%),radial-gradient(circle at 85% 75%, rgba(214, 15, 15, 0.03) 0%, transparent 50%);} /* 背景点缀 */
.home-about .l-wrap{display:flex;align-items:center;padding:80px 5% 60px;position:relative;z-index:1;} /* 主容器布局 */
.home-about .l-wrap .left{width:48%;position:relative;padding-left:40px;} /* 图片区域 */
.home-about .l-wrap .left .vertical-line{position:absolute;width:3px;height:120%;background:linear-gradient(to bottom, transparent 0%, rgba(214,15,15,0.4) 20%, rgba(214,15,15,0.6) 50%, rgba(214,15,15,0.4) 80%, transparent 100%);left:20px;top:-10%;border-radius:3px;} /* 竖线条装饰 */
.home-about .l-wrap .left .img-wrap{position:relative;border-radius:16px;overflow:hidden;box-shadow:0 20px 40px rgba(0,0,0,0.08);transition:all 0.4s ease;} /* 图片容器 */
.home-about .l-wrap .left:hover .img-wrap{transform:translateY(-8px);box-shadow:0 30px 50px rgba(0,0,0,0.12);} /* 图片容器悬停效果 */
.home-about .l-wrap .left .img{width:100%;height:auto;position:relative;overflow:hidden;} /* 图片区域 */
.home-about .l-wrap .left .img img{width:100%;height:auto;display:block;transition:transform 0.6s ease;transform-origin:center center;} /* 图片 */
.home-about .l-wrap .left:hover .img img{transform:scale(1.08);} /* 图片悬停放大效果 */
.home-about .l-wrap .right{width:52%;padding-left:80px;position:relative;} /* 文字内容区域 */
.home-about .l-wrap .right .title{font-size:40px;font-weight:700;margin:0 0 35px 0;color:#1a1a1a;position:relative;padding-bottom:15px;} /* 标题样式 */
.home-about .l-wrap .right .title::after{content:'';position:absolute;bottom:0;left:0;width:50px;height:4px;background:#d60f0f;border-radius:2px;} /* 标题下划线 */
.home-about .l-wrap .right .text-content{position:relative;margin:0 0 45px 0;} /* 文本内容容器 */
.home-about .l-wrap .right .text-content .text{color:#444;font-size:16px;line-height:1.9;padding:25px 25px 25px 35px;background:#fff;border-radius:10px;box-shadow:0 5px 20px rgba(0,0,0,0.05);border:1px solid rgba(214,15,15,0.1);position:relative;max-height:450px;overflow:hidden;} /* 文本样式 */
.home-about .l-wrap .right .text-content .text::before{content:'';position:absolute;left:20px;top:25px;bottom:25px;width:3px;background:linear-gradient(to bottom, rgba(214,15,15,0.3), #d60f0f, rgba(214,15,15,0.3));border-radius:3px;} /* 文本左侧装饰条 */
.home-about .l-wrap .right .text-content .read-more-mask{position:absolute;bottom:0;left:0;right:0;height:60px;background:linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(255,255,255,0.8) 20%, rgba(255,255,255,0.95) 40%, #fff 100%);pointer-events:none;border-radius:0 0 10px 10px;margin:0 25px;} /* 阅读更多遮罩效果 */
.home-about .l-wrap .right .btn{display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(135deg, #d60f0f, #ff2a2a);color:#fff;width:160px;height:52px;border-radius:26px;text-decoration:none;font-weight:600;position:relative;overflow:hidden;transition:all 0.3s ease;border:none;font-size:15px;} /* 按钮样式 */
.home-about .l-wrap .right .btn::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg, transparent, rgba(255,255,255,0.3), transparent);transition:0.5s;} /* 按钮光效 */
.home-about .l-wrap .right .btn:hover::before{left:100%;} /* 按钮光效动画 */
.home-about .l-wrap .right .btn:hover{transform:translateY(-3px);box-shadow:0 15px 30px rgba(214,15,15,0.3);} /* 按钮悬停效果 */
.home-about .l-wrap .right .btn span{margin-right:12px;position:relative;z-index:1;} /* 按钮文字 */
.home-about .l-wrap .right .btn .arrow{width:20px;height:2px;background:#fff;position:relative;z-index:1;transition:all 0.3s ease;} /* 按钮箭头 */
.home-about .l-wrap .right .btn:hover .arrow{transform:translateX(6px);} /* 按钮箭头动画 */
.home-about .l-wrap .right .btn .arrow::after{content:'';position:absolute;right:0;top:50%;width:8px;height:8px;border-right:2px solid #fff;border-top:2px solid #fff;transform:translateY(-50%) rotate(45deg);} /* 箭头三角 */

.home-product{background-color:#eff2f7}
.home-product .l-wrap .title {text-align: center; position: relative; display: inline-block; margin: 0 auto; padding-bottom: 10px;} /* 标题基础样式 */
.home-product .l-wrap .title::after {content: ''; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 60px; height: 3px; background: linear-gradient(90deg, transparent, #d60f0f, transparent);} /* 标题下划线动画效果 */
.home-product .l-wrap .title::before {content: ''; position: absolute; left: 50%; bottom: -2px; transform: translateX(-50%); width: 0; height: 7px; background: #d60f0f; border-radius: 3px; animation: hotLine 3s ease-in-out infinite;} /* 动态光点效果 */
@keyframes hotLine {0%, 100% {width: 0; opacity: 0.5;} 50% {width: 100px; opacity: 1;}} /* 光点动画 */
.home-product .l-wrap .product {margin-top: 4%;}
.home-product .l-wrap .product .pro-list {display: flex; align-items: flex-end; justify-content: space-between; flex-wrap: wrap; padding: 0px}
.home-product .l-wrap .product .pro-list .item {list-style: none; width: 22.875%; background-color: #FFF; border-radius: var(--border); border-bottom: 4px solid #d60f0f; box-shadow: 0 4px 13px 0 rgba(17,26,58,0); transition: all .2s ease; margin-bottom: 2em; overflow: hidden; position: relative; border: 2px solid transparent;} /* 添加透明边框为动画做准备 */
.home-product .l-wrap .product .pro-list .item::before {content: ''; position: absolute; top: -2px; left: -2px; right: -2px; bottom: -2px; border: 2px solid transparent; border-radius: calc(var(--border) + 2px); z-index: 1; pointer-events: none;} /* 外边框线容器 */
.home-product .l-wrap .product .pro-list .item:hover::before {border-color: #d60f0f; animation: borderGlow 1.5s ease-in-out infinite;} /* 悬停时显示发光边框 */
@keyframes borderGlow {0%, 100% {box-shadow: 0 0 5px rgba(214, 15, 15, 0.5);} 50% {box-shadow: 0 0 15px rgba(214, 15, 15, 0.8);}} /* 边框发光动画 */
.home-product .l-wrap .product .pro-list .item .img {width: 100%; overflow: hidden; position: relative}
.home-product .l-wrap .product .pro-list .item .img img {transform: scale(1); transition: all .2s linear}
.home-product .l-wrap .product .pro-list .item .text {box-sizing: border-box; padding: 6% 4%; border-top: 1px solid #EEE}
.home-product .l-wrap .product .pro-list .item .text .name {margin: 0px; font-size: 18px; color: var(--fontcolor); display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; transition: all .2s linear}
.home-product .l-wrap .product .pro-list .item .text .merchandise {color: var(--summarycolor); margin: 10px 0px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden}
/* View More按钮新样式 - 修复默认状态 */
.home-product .l-wrap .product .pro-list .item .text .btn {padding: 4px 0px; border-radius: var(--border); display: inline-flex; align-items: center; justify-content: center; color: #d60f0f; text-transform: lowercase; position: relative; z-index: 1; overflow: hidden; border: 1px solid rgba(214,15,15,0.3); background: transparent; transition: all .2s ease; min-width: 120px;} /* 修改为浅色边框和红色文字 */
.home-product .l-wrap .product .pro-list .item .text .btn em {margin-left: 4px; transition: all .2s linear; color: #d60f0f;} /* 箭头默认红色 */
.home-product .l-wrap .product .pro-list .item:hover .text .btn em {color: #FFF; transform: translateX(5px);} /* 悬停时箭头变白 */
/* 按钮悬停效果 */
.home-product .l-wrap .product .pro-list .item .text .btn::after {content: ''; display: inline-block; position: absolute; border-radius: var(--border); z-index: -1; width: 0%; height: 110%; top: 0px; left: 0px; background-color: #d60f0f; transition: all .2s ease}
.home-product .l-wrap .product .pro-list .item:hover .text .btn::after {width: 110%}
.home-product .l-wrap .product .pro-list .item:hover .text .btn {color: #FFF; border-color: #d60f0f; padding: 4px 15px; box-shadow: 0 4px 12px rgba(214, 15, 15, 0.3);} /* 悬停时变实心红色 */
.home-product .l-wrap .product .pro-list .item:hover img {transform: scale(1.05)}
.home-product .l-wrap .product .pro-list .item:hover .name {color: #d60f0f}
.home-product .l-wrap .product .pro-list .item .icon-videoplay {position: absolute; top: 50%; left: 50%; transform: translate(-36%,-50%); width: 35px; height: 35px; display: flex; align-items: center; justify-content: center; font-size: 18px; z-index: 1; border-radius: 50%; background-color: rgba(0,0,0,.5); color: #FFF}

.home-contact{background-repeat:no-repeat;background-size:100% 100%;background:#d60f0f repeating-linear-gradient(30deg,rgba(0,0,0,.2),rgba(0,0,0,.2)15px,transparent 0,transparent 30px)}
.home-contact-content{display:flex;flex-wrap:wrap;justify-content:space-between;gap:40px}
.home-contact{background:#f9fafb url('../images/home-relationb.png');background-size:cover;background-position:center;padding:80px 0;position:relative;overflow:hidden}
.contact-left{flex:1;min-width:300px;background:#ffffff;border-radius:16px;padding:40px;box-shadow:0 4px 20px rgba(0,0,0,0.04);border:1px solid #f3f4f6}
.contact-left-img,.contact-left-img img{width:100%;height:auto;border-radius:12px;box-shadow:0 2px 10px rgba(0,0,0,0.05);transition:transform 0.3s}
.contact-left-img:hover img{transform:scale(1.02)}
.contact-left-bottom{display:flex;flex-wrap:wrap;justify-content:space-between;gap:15px;margin-top:40px}
.contact-left-bottom>div{flex:1;min-width:120px;text-align:center;padding:20px 15px;background:#f9fafb;border-radius:10px;transition:all 0.3s}
.contact-left-bottom>div:hover{background:#f3f4f6;transform:translateY(-2px)}
.contact-left-num{font-size:32px;color:#111827;font-weight:700;margin:0;line-height:1}
.contact-left-txt{font-size:14px;color:#6b7280;margin-top:8px;font-weight:500}
.contact-right{flex:1;min-width:300px;background:#ffffff;border-radius:16px;padding:40px;box-shadow:0 4px 20px rgba(0,0,0,0.04);border:1px solid #f3f4f6}
.contact-right-title{font-size:24px;font-weight:600;color:#111827;margin-bottom:20px;padding-bottom:12px;border-bottom:2px solid #f3f4f6}
.contact-right-txt{font-size:15px;line-height:1.6;color:#4b5563;margin-bottom:25px}
.contact-right-features{display:grid;grid-template-columns:repeat(2,1fr);gap:15px;margin-bottom:25px}
.feature-item{display:flex;align-items:flex-start;gap:12px;padding:18px;background:#f9fafb;border-radius:10px;transition:all 0.3s}
.feature-item:hover{background:#f3f4f6}
.feature-icon{flex-shrink:0;width:40px;height:40px;background:linear-gradient(135deg,#f59e0b,#ef4444);border-radius:8px;display:flex;align-items:center;justify-content:center;color:#ffffff;font-size:18px}
.feature-content h4{font-size:15px;font-weight:600;color:#111827;margin:0 0 5px 0}
.feature-content p{font-size:13px;color:#6b7280;line-height:1.5;margin:0}
.contact-right-bottom{margin-top:25px;padding:20px;background:#fef3c7;border-radius:10px;border-left:3px solid#f59e0b}
.contact-right-bottom p:first-child{font-size:16px;font-weight:600;color:#92400e;margin-bottom:8px}
.contact-right-bottom p:last-child{font-size:14px;line-height:1.5;color:#92400e;margin:0;opacity:0.9}
.button-group{display:flex;flex-wrap:wrap;gap:12px;margin-top:25px;align-items:center;justify-content:flex-start}
.contact-right-btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 24px;background:linear-gradient(135deg,#f59e0b,#ef4444);color:#ffffff;border-radius:6px;font-weight:500;font-size:14px;transition:all 0.3s;border:none;text-decoration:none;gap:6px;cursor:pointer;min-width:120px;white-space:nowrap}
.contact-right-btn:hover{opacity:0.9;transform:translateY(-1px)}
.contact-right-btn.call-btn{background:#ffffff;color:#ef4444;border:1px solid #ef4444}
.contact-right-btn.call-btn:hover{background:#ef4444;color:#ffffff}
.contact-right .img-box em{color:#d60f0f;font-size:24px}
.contact-phone-number{font-size:32px;font-weight:var(--fontweight5);color:#FFF;margin:32px 0;display:inline-block;margin-left:30px}
.contact-right-txt{width:88%;font-size:20px;color:#000;margin-top:4%}
.contact-right-btn{width:150px;height:46px;background-color:#FFF;border-radius:var(--border);display:flex;justify-content:center;align-items:center;color:#d60f0f;font-size:18px;margin-top:50px;transition:all .4s linear;position:relative;z-index:1;box-shadow:0 0 0 #FFF;text-decoration:none}
.contact-right-btn::after{position:absolute;left:0px;top:0px;content:'';display:inline-block;width:0%;height:100%;background-color:#d60f0f;z-index:-1;border-radius:var(--border);box-shadow:0 0 0 #d60f0f;transition:all .2s linear}
.contact-right-btn:hover{color:#FFF;box-shadow:0 0 3px #FFF}
.contact-right-btn:hover::after{width:100%;box-shadow:0 0 4px #d60f0f}
.contact-right-bottom{position:relative;bottom:auto;left:auto;width:100%;background-color:#FFF;border-radius:5px;box-sizing:border-box;padding:30px 40px;margin-top:25px}
.contact-right-bottom p:nth-child(1){font-size:30px;color:var(--fontcolor);font-weight:var(--fontweight5);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden;margin-top:0}
.contact-right-bottom p:nth-child(2){color:var(--summarycolor);line-height:24px;margin-top:30px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.home-process {background:#fff;padding:0px 0;}
.process-header {text-align:center;margin-bottom:80px;}
.process-header .theme {color:#dc2626;font-size:18px;letter-spacing:3px;text-transform:uppercase;margin-bottom:20px;font-weight:500;}
.process-header .title {color:#1e293b;font-size:48px;font-weight:800;}
.process-container {max-width:1200px;margin:0 auto;padding:0 20px;}
/* PC端布局 */
@media (min-width:769px) {
    .process-container {display:flex;gap:25px;}
    .process-step {flex:1;background:#fff;border-radius:24px;padding:40px 30px;box-shadow:0 15px 50px rgba(30,41,59,0.05);border:2px solid rgba(226,232,240,0.5);transition:all 0.4s;position:relative;overflow:hidden;}
    .process-step:hover {transform:translateY(-15px);box-shadow:0 25px 60px rgba(220,38,38,0.12);border-color:rgba(220,38,38,0.3);}
    .step-header {text-align:center;margin-bottom:25px;}
    .step-number {display:block;color:rgba(220,38,38,0.08);font-size:52px;font-weight:900;font-family:'Arial Black',sans-serif;margin-bottom:10px;}
    .step-icon {width:80px;height:80px;margin:0 auto 20px;background:linear-gradient(135deg,rgba(220,38,38,0.08),rgba(239,68,68,0.08));border-radius:20px;display:flex;align-items:center;justify-content:center;transition:all 0.4s;}
    .step-icon svg {width:36px;height:36px;fill:#dc2626;transition:all 0.4s;}
    .process-step:hover .step-icon {background:linear-gradient(135deg,#dc2626,#ef4444);transform:rotateY(360deg);}
    .process-step:hover .step-icon svg {fill:#fff;transform:scale(1.2);}
    .step-title {color:#1e293b;font-size:22px;font-weight:700;margin-bottom:20px;line-height:1.4;}
    .step-toggle {display:none;}
    .step-content {height:auto;max-height:none !important;padding:0 !important;}
    .step-desc {color:#64748b;font-size:15px;line-height:1.7;margin-bottom:20px;}
    .step-details {display:none;}
}
/* 手机端布局 */
@media (max-width:768px) {
    .home-process {padding:0px 0;}
    .process-header {margin-bottom:40px;}
    .process-header .title {font-size:32px;}
    .process-header .theme {font-size:14px;}
    .process-step {background:#fff;border-radius:16px;margin-bottom:15px;border:2px solid #fee2e2;transition:all 0.3s;position:relative;overflow:hidden;}
    .process-step.active {background:#fff5f5;border-color:#dc2626;box-shadow:0 10px 25px rgba(220,38,38,0.1);}
    .step-header {display:flex;align-items:center;padding:20px;cursor:pointer;}
    .step-number {font-size:28px;font-weight:900;color:rgba(220,38,38,0.15);margin-right:15px;transition:all 0.3s;}
    .process-step.active .step-number {color:rgba(220,38,38,0.3);transform:scale(1.1);}
    .step-icon {width:50px;height:50px;background:linear-gradient(135deg,rgba(220,38,38,0.1),rgba(239,68,68,0.1));border-radius:12px;display:flex;align-items:center;justify-content:center;margin-right:15px;transition:all 0.3s;}
    .step-icon svg {width:24px;height:24px;fill:#dc2626;transition:all 0.3s;}
    .process-step.active .step-icon {background:linear-gradient(135deg,#dc2626,#ef4444);transform:rotate(5deg);}
    .process-step.active .step-icon svg {fill:#fff;transform:scale(1.1);}
    .step-title {font-size:18px;font-weight:700;margin:0;line-height:1.4;flex:1;}
    .step-toggle {margin-left:15px;}
    .step-toggle span {width:30px;height:30px;background:#fee2e2;color:#dc2626;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:20px;transition:all 0.3s;}
    .process-step.active .step-toggle span {background:#dc2626;color:#fff;transform:rotate(45deg);}
    .step-content {padding:0 20px;max-height:0;overflow:hidden;transition:max-height 0.4s;}
    .process-step.active .step-content {padding:0 20px 20px;max-height:500px;}
    .step-desc {color:#6b7280;font-size:15px;line-height:1.6;margin:0 0 15px;}
    .step-details {background:#fef2f2;padding:15px;border-radius:10px;border-left:4px solid #dc2626;}
    .step-details p {color:#7f1d1d;font-size:14px;line-height:1.5;margin:0;}
}
/* 共同样式 */
.step-title::after {content:'';position:absolute;bottom:0;left:0;width:30px;height:3px;background:#dc2626;transition:width 0.4s;}
@media (min-width:769px) {.process-step:hover .step-title::after {width:60px;}}
.process-item-top{width:100px;height:100px;border-radius:50%;background-color:#d60f0f;display:flex;justify-content:center;align-items:center;position:relative}
.process-item-top em{color:#FFF;font-size:36px;transition:all .3s linear}
.process-item-top:hover em{transform:rotateY(180deg)}
.process-item-num{position:absolute;width:38px;height:38px;background-color:#FFF;border-radius:50px;display:flex;justify-content:center;align-items:center;font-size:14px;color:#d60f0f;top:0px;right:0px;box-shadow:0 0 10px #FFF}
.process-item-center{margin-top:4%;margin-bottom:5%}
.process-item-title{font-size:20px;color:var(--fontcolor);text-align:center;margin:10px 0px}
.process-item-txt{color:var(--summarycolor);text-align:center;font-size:14px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;overflow:hidden}
/* home-case */
.home-case{background-repeat:no-repeat;background-size:cover;background-position:center;margin-bottom:90px;position:relative;overflow:hidden;background:linear-gradient(135deg,#f0f4f8 0%,#e6ebf0 50%,#dce4ef 100%);}
.home-case::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(45deg,rgba(255,255,255,0.7) 0%,rgba(255,255,255,0.8) 50%,rgba(255,255,255,0.7) 100%);background-blend-mode:soft-light;}
.home-case::after{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(220,38,38,0.15),transparent);}
.home-case .l-wrap{padding-bottom:40px;position:relative;z-index:1;margin-bottom:0;}
.home-case .l-wrap .theme{text-align:center;color:#dc2626;font-size:18px;letter-spacing:3px;text-transform:uppercase;margin-bottom:20px;font-weight:500;position:relative;}
.home-case .l-wrap .theme::after{content:'';position:absolute;bottom:-10px;left:50%;transform:translateX(-50%);width:60px;height:2px;background:linear-gradient(90deg,transparent,#dc2626,transparent);}
.home-case .l-wrap .title{text-align:center;color:#1e293b;font-size:52px;font-weight:800;letter-spacing:-0.5px;margin-bottom:100px;text-shadow:0 2px 8px rgba(0,0,0,0.05);}
.home-case .l-wrap .case-container{transform:none;padding:0;overflow:visible;position:relative;}
.home-case .l-wrap .case-container .case-content{display:flex;flex-direction:column;gap:100px;position:relative;margin-bottom:60px;}
.home-case .l-wrap .case-container .case-content::before{content:'';position:absolute;top:0;bottom:0;left:50%;transform:translateX(-50%);width:2px;background:linear-gradient(to bottom,transparent 0%,rgba(220,38,38,0.2) 10%,rgba(220,38,38,0.2) 90%,transparent 100%);}
.home-case .l-wrap .case-container .case-item{position:relative;width:100%;display:flex;align-items:center;gap:60px;transition:all 0.5s cubic-bezier(0.4,0,0.2,1);}
.home-case .l-wrap .case-container .case-item:nth-child(odd){flex-direction:row;}
.home-case .l-wrap .case-container .case-item:nth-child(even){flex-direction:row-reverse;}
.home-case .l-wrap .case-container .case-item:hover{transform:translateY(-8px);}
.home-case .l-wrap .case-container .case-item .case-img{flex:0 0 45%;position:relative;border-radius:20px;overflow:hidden;box-shadow:0 15px 30px rgba(0,0,0,0.1);border:3px solid #fff;}
.home-case .l-wrap .case-container .case-item .case-img::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(45deg,rgba(220,38,38,0.05),transparent);z-index:1;}
.home-case .l-wrap .case-container .case-item .case-img img{width:100%;height:300px;object-fit:cover;transition:transform 0.8s ease;}
.home-case .l-wrap .case-container .case-item:hover .case-img img{transform:scale(1.05);}
.home-case .l-wrap .case-container .case-item .case-text{flex:0 0 45%;padding:40px;background:#fff;border-radius:20px;border:1px solid #f1f5f9;position:relative;transition:all 0.4s ease;box-shadow:0 10px 25px rgba(0,0,0,0.05);}
.home-case .l-wrap .case-container .case-item:hover .case-text{border-color:#fee2e2;box-shadow:0 15px 35px rgba(220,38,38,0.08);}
.home-case .l-wrap .case-container .case-item .case-text .case-text-content{position:relative;}
.home-case .l-wrap .case-container .case-item .case-text .case-text-content::before{content:'';position:absolute;top:0;left:-20px;width:4px;height:100%;background:linear-gradient(to bottom,#dc2626,#ef4444);border-radius:2px;}
.home-case .l-wrap .case-container .case-item:nth-child(even) .case-text .case-text-content::before{left:auto;right:-20px;}
.home-case .l-wrap .case-container .case-item .case-text .case-text-content .show-title{color:#1e293b;font-size:28px;font-weight:700;line-height:1.3;margin-bottom:20px;position:relative;padding-bottom:15px;}
.home-case .l-wrap .case-container .case-item .case-text .case-text-content .show-title::after{content:'';position:absolute;bottom:0;left:0;width:50px;height:3px;background:#dc2626;border-radius:2px;}
.home-case .l-wrap .case-container .case-item:nth-child(even) .case-text .case-text-content .show-title::after{left:auto;right:0;}
.home-case .l-wrap .case-container .case-item .case-text .case-text-content .show-des{color:#64748b;font-size:16px;line-height:1.8;margin-bottom:30px;}
.home-case .l-wrap .case-container .case-item .case-img .lazy-load{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,#e2e8f0 25%,#cbd5e1 50%,#e2e8f0 75%);background-size:200% 100%;animation:loading 1.5s infinite;}
@keyframes loading{0%{background-position:200% 0;}100%{background-position:-200% 0;}}
.home-case .l-wrap .case-container .case-item .step{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:60px;height:60px;background:#dc2626;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:24px;font-weight:700;z-index:2;box-shadow:0 10px 25px rgba(220,38,38,0.2);border:4px solid #f0f4f8;}
.home-case .l-wrap .case-container .case-item:nth-child(odd) .step{right:calc(50% - 30px);left:auto;}
.home-case .l-wrap .case-container .case-item:nth-child(even) .step{left:calc(50% - 30px);}
@media (max-width:1200px){.home-case .l-wrap .case-container .case-item{gap:40px;}}
@media (max-width:992px){
    .home-case .l-wrap .title{font-size:42px;margin-bottom:60px;}
    .home-case .l-wrap .case-container .case-content::before{display:none;}
    .home-case .l-wrap .case-container .case-item{flex-direction:column !important;gap:40px;margin-bottom:60px;}
    .home-case .l-wrap .case-container .case-item .case-img,.home-case .l-wrap .case-container .case-item .case-text{flex:0 0 100%;}
    .home-case .l-wrap .case-container .case-item .step{position:relative;top:auto;left:auto;right:auto;bottom:auto;transform:none;margin:0 auto 20px;order:-1;}
    .home-case .l-wrap .case-container .case-item .case-text .case-text-content::before{display:none;}
    .home-case .l-wrap .case-container .case-item .case-text .case-text-content .show-title::after{width:40px;}
}
@media (max-width:768px){
    .home-case{margin-bottom:60px;}
    .home-case .l-wrap .title{font-size:32px;margin-bottom:40px;}
    .home-case .l-wrap .theme{font-size:16px;}
    .home-case .l-wrap .case-container .case-content{margin-bottom:30px;}
    .home-case .l-wrap .case-container .case-content{display:flex;flex-direction:column;gap:10px;padding:0;margin:0;overflow:visible;position:relative;}
    .home-case .l-wrap .case-container .case-item{flex:1;flex-direction:column !important;gap:0;padding:0;margin:0;background:#fff;border-radius:16px;overflow:hidden;border:1px solid #f1f5f9;box-shadow:0 10px 25px rgba(0,0,0,0.05);transition:all 0.3s ease;}
    .home-case .l-wrap .case-container .case-item:hover{transform:translateY(-5px);box-shadow:0 15px 30px rgba(220,38,38,0.08);}
    .home-case .l-wrap .case-container .case-item .case-img{flex:0 0 auto;width:100%;border-radius:0;box-shadow:none;border-bottom:1px solid #f1f5f9;}
    .home-case .l-wrap .case-container .case-item .case-img img{height:200px;}
    .home-case .l-wrap .case-container .case-item .case-text{flex:1;padding:20px;background:transparent;border:none;border-radius:0;box-shadow:none;}
    .home-case .l-wrap .case-container .case-item .case-text .case-text-content::before{display:none;}
    .home-case .l-wrap .case-container .case-item .case-text .case-text-content .show-title{font-size:20px;color:#1e293b;}
    .home-case .l-wrap .case-container .case-item .case-text .case-text-content .show-des{font-size:14px;line-height:1.6;color:#64748b;-webkit-line-clamp:4;}
    .home-case .l-wrap .case-container .case-item .step{display:block;position:relative;top:auto;left:auto;right:auto;bottom:auto;transform:none;width:40px;height:40px;font-size:18px;margin:0 auto 15px;order:-1;}
}
.home-new .l-wrap .theme{text-align:center;text-transform:uppercase}
.home-new .l-wrap .title{text-align:center;text-transform:capitalize}
.home-news{margin-top:-90px;background:linear-gradient(135deg,#ffffff 0%,#f8fafc 100%);padding:0px 0 0px;position:relative;}
.home-news::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(220,38,38,0.1),transparent);}
.home-news .l-wrap{position:relative;z-index:1;}
.home-news .theme{text-align:center;color:#dc2626;font-size:18px;letter-spacing:3px;text-transform:uppercase;margin-bottom:15px;font-weight:500;position:relative;}
.home-news .theme::before,.home-news .theme::after{content:'//';color:#dc2626;margin:0 10px;opacity:0.5;}
.home-news .title{text-align:center;color:#1e293b;font-size:48px;font-weight:800;margin-bottom:80px;letter-spacing:-0.5px;}
.news-bottom{position:relative;}
#swiper-news{padding:30px 0 60px;}
.news-item-slide{height:auto;transition:all 0.4s cubic-bezier(0.4,0,0.2,1);}
.news-item-slide:hover{transform:translateY(-10px);}
.news-item-img{position:relative;border-radius:16px;overflow:hidden;margin-bottom:25px;aspect-ratio:4/3;}
.news-item-img img{width:100%;height:100%;object-fit:cover;transition:transform 0.6s ease;}
.news-item-slide:hover .news-item-img img{transform:scale(1.08);}
.news-item-bottom{padding:0 20px;}
.news-item-bottom p:first-child{color:#94a3b8;font-size:14px;margin-bottom:15px;font-weight:500;}
.news-item-title{display:block;color:#1e293b;font-size:20px;font-weight:700;line-height:1.4;margin-bottom:15px;transition:color 0.3s ease;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:56px;}
.news-item-title:hover{color:#dc2626;}
.news-item-bottom p:nth-child(3){color:#64748b;font-size:15px;line-height:1.6;margin-bottom:20px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;min-height:72px;}
.news-item-read{display:inline-flex;align-items:center;color:#dc2626;font-size:15px;font-weight:600;text-decoration:none;transition:all 0.3s ease;gap:5px;}
.news-item-read:hover{color:#b91c1c;gap:8px;}
.news-item-read::after{content:'→';transition:transform 0.3s ease;}
.news-item-read:hover::after{transform:translateX(3px);}
.lazy-load{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,#f1f5f9 25%,#e2e8f0 50%,#f1f5f9 75%);background-size:200% 100%;animation:loading 1.5s infinite;}
@keyframes loading{0%{background-position:200% 0;}100%{background-position:-200% 0;}}
.swiper-pagination{position:relative !important;margin-top:40px;}
.swiper-pagination-bullet{width:10px;height:10px;background:#cbd5e1;opacity:1;transition:all 0.3s ease;}
.swiper-pagination-bullet-active{background:#dc2626;transform:scale(1.3);}
.swiper-button-prev,.swiper-button-next{width:50px;height:50px;background:#fff;border-radius:50%;box-shadow:0 5px 20px rgba(0,0,0,0.08);border:1px solid #f1f5f9;transition:all 0.3s ease;top:40%;}
.swiper-button-prev{left:-25px;}
.swiper-button-next{right:-25px;}
.swiper-button-prev::after,.swiper-button-next::after{display:none;}
.swiper-button-prev:hover,.swiper-button-next:hover{background:#fee2e2;border-color:#dc2626;transform:scale(1.1);}
.iconfont{color:#64748b;font-size:20px;transition:color 0.3s;}
.swiper-button-prev:hover .iconfont,.swiper-button-next:hover .iconfont{color:#dc2626;}
@media (max-width:1200px){
    .swiper-button-prev{left:10px;}
    .swiper-button-next{right:10px;}
}
@media (max-width:768px){
    .home-news{padding:0px 0 0px;}
    .home-news .title{font-size:32px;margin-bottom:50px;}
    .home-news .theme{font-size:16px;}
    #swiper-news{padding:20px 0 40px;}
    .news-item-slide{padding:0 10px;}
    .news-item-img{margin-bottom:20px;}
    .news-item-title{font-size:18px;min-height:50px;}
    .news-item-bottom p:nth-child(3){font-size:14px;min-height:66px;}
    .swiper-button-prev,.swiper-button-next{width:40px;height:40px;display:none;}
    .swiper-button-prev{left:5px;}
    .swiper-button-next{right:5px;}
}
.news-bottom{margin-top:0%;position:relative}
.news-item-slide{border:1px solid #e5e5e5}
.news-item-img{overflow:hidden}
.news-item-img img{transform:scale(1);transition:all .2s ease}
.news-item-bottom{box-sizing:border-box;padding:20px}
.news-item-bottom p{color:var(--summarycolor);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.news-item-title{font-size:18px;line-height:1.2;margin:10px 0px;color:var(--fontcolor);transition:all .2s ease;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;text-decoration:none}
.news-item-read{display:inline-flex;align-items:center;color:var(--fontcolor);padding:4px 0px;margin-top:10px;border-radius:var(--border);transition:all .2s ease;text-decoration:none;text-transform:lowercase;position:relative;z-index:1}
.news-item-read::after{content:'';position:absolute;z-index:-1;width:0%;border-radius:var(--border);height:100%;left:0px;top:0px;transition:all .2s ease}
.news-item-slide{box-shadow:0 4px 13px 0 rgba(17,26,58,0);transition:all .2s ease;border-radius:var(--border);overflow:hidden}
.news-item-slide:hover{box-shadow:0 4px 13px 0 rgba(17,26,58,.17)}
.news-item-slide:hover .news-item-img img{transform:scale(1.03)}
.news-item-slide:hover .news-item-title{color:#d60f0f}
.news-item-slide:hover .news-item-read{color:#FFF;padding:4px 10px}
.news-item-slide:hover .news-item-read::after{width:100%;background-color:#d60f0f}
#swiper-news{width:90%;padding:1px 0;padding-bottom:40px}
.news-bottom .swiper-button-next,.news-bottom .swiper-button-prev{width:50px!important;height:50px!important;background-color:#d60f0f!important;border-radius:50%;z-index:99!important;display:flex!important;opacity:1!important}
.news-bottom .swiper-button-disabled{background-color:#FFF!important;border:1px solid #d60f0f!important}
.news-bottom .swiper-button-disabled em{color:#d60f0f!important}
.swiper-button-lock{display:flex!important}
.news-bottom .swiper-button-next:after,.news-bottom .swiper-button-prev:after{content:''!important}
.news-bottom .swiper-button-next em,.news-bottom .swiper-button-prev em{font-size:24px;color:#FFF}
.news-bottom .swiper-button-next{right:0!important}
.news-bottom .swiper-button-prev{left:0!important}
.news-bottom .swiper-pagination-bullets.swiper-pagination-horizontal{display:none}
/* ===== 媒体查询 ===== */
@media screen and (max-width:1366px){
    .contact-left-num{font-size:32px}
    .contact-left-txt{font-size:16px}
    .contact-right .play{margin-top:6%}
    .contact-right-bottom p:nth-child(1){font-size:24px}
    .contact-right-bottom p:nth-child(2){margin-top:20px;font-size:14px}
    .contact-right-bottom{padding:35px 40px}
    .news-item-bottom p{line-height:20px}
    .home-about .l-wrap .left .bottom{bottom:-8%;left:0px;width:150px;height:150px}
    .home-about .l-wrap .left .top{width:60px;height:60px}
    .home-banner .indexbanner-text .title{font-size:40px}
    .home-banner .indexbanner-text .text{font-size:14px}
    .home-banner .indexbanner-text .theme{font-size:18px}
    .home-banner .indexbanner-text .btn{margin-top:2em}
    .home-banner .indexbanner-text .btn .home-more{font-size:16px;padding:10px 24px}
}
@media screen and (max-width:1240px){
    .contact-phone-number{font-size:32px;margin:24px 0}
    .contact-right-txt{line-height:24px;font-size:16px;width:90%}
    #indexbanner .swiper-pagination{bottom:40px}
    .home-introduction{transform:translateY(-30px);position:relative;z-index:0;margin-top:10px}
}
@media screen and (max-width:1090px){
    .home-about .l-wrap{flex-wrap:wrap}
    .home-about .l-wrap .left{width:100%}
    .home-about .l-wrap .right{width:100%;margin-top:6%}
}
@media screen and (max-width:1024px){
    .home-introduction .introduction .item{width:48%;margin-top:20px}
    .process-item-num{width:40px;height:40px;top:0px;right:-8px}
    .process-item-top{width:100px;height:100px}
    .home .unify{padding:5% 15px}
}
@media screen and (max-width:900px){
    .home-contact-content{flex-direction:column;align-items:center}
    .contact-left{width:100%}
    .contact-left-bottom{padding:40px 0px}
    .contact-right{width:95%;box-sizing:border-box;padding-bottom:200px}
    .contact-right-bottom{padding:20px 40px}
    .news-bottom .swiper-button-next, .news-bottom .swiper-button-prev{width:36px !important;height:36px !important}
    .news-bottom .swiper-button-prev {left:-4px !important}
    .news-bottom .swiper-button-next{right:-4px !important}
    .home-product .l-wrap .product .pro-list .item .text{padding:10px}
}
@media screen and (max-width:768px){
    #indexbanner .swiper-pagination{bottom:10px}
    .home-introduction .introduction .item{width:100%;padding:3% 2.5%}
    .home-introduction{transform:translateY(0)}
    .home-introduction .introduction .item .left{width:75px;height:75px}
    .home-about .l-wrap .right ul li{width:100%}
    .home-process .l-wrap ul{flex-wrap:wrap;background-image:none}
    .process-item{width:48%;margin-top:20px}
    .news-bottom .swiper-pagination-bullets.swiper-pagination-horizontal{display:block}
    .news-bottom .swiper-button-next,.news-bottom .swiper-button-prev{display:none!important}
    .home-banner .indexbanner-text .title{font-size:24px}
    .home-banner .indexbanner-text .text{font-size:12px}
    .home-banner .indexbanner-text .theme{font-size:14px}
    .home-banner .indexbanner-text .btn{display:none}
    #indexbanner .swiper-pagination{display:block}
    .home-product .l-wrap .product .pro-list .item{width:48%;margin-top:20px}
    .home-product .l-wrap .product .pro-list{flex-wrap:inherit}
    .home-product .l-wrap .product .swiper-pagination{bottom:0px}
    .home-product .l-wrap .product .pro-list .item .icon-videoplay{width:30px;height:30px}
}
@media screen and (max-width:500px){
    .home-banner .indexbanner-text .title{font-size:18px}
    .home-banner{margin-top:0px}
    .home .unify{padding:10% 15px}
    .home-introduction .introduction .item{width:100%;padding:5% 2.5%;margin:-9px auto}
    .home-about{transform:translateY(10px)}
    .home-about .l-wrap .left .bottom div .num{font-size:28px}
    .home-about .l-wrap .left .bottom div span{font-size:12px}
    .home-about .l-wrap .left .bottom{width:100px;height:100px}
    .home-about .l-wrap .left .top{width:50px;height:50px;right:0px}
    .home .unify .title{font-size:22px}
    .home-about .l-wrap .right>.text{margin:5% 0px}
    .home-about .l-wrap .right ul li{margin:6px 0}
    .contact-left-bottom{padding:20px 0px}
    .contact-left-num{font-size:26px}
    .contact-left-txt{font-size:12px}
    .contact-phone-number{font-size:24px;margin:16px 0;margin-left:30px}
    .contact-right .play{margin:6% 0;margin-left:6%;width:40px;height:40px}
    .contact-right .img-box em{font-size:18px}
    .contact-right-txt{line-height:22px;font-size:14px;width:100%}
    .contact-right-btn{width:150px;height:40px;font-size:15px;margin-top:20px}
    .contact-right-bottom p:nth-child(1){font-size:16px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
    .contact-right-bottom p:nth-child(2){margin:0px;font-size:14px}
    .contact-right-bottom{padding:20px;border-radius:3px 3px 0 0}
    .contact-right{width:100%;padding-bottom:150px}
    .process-item-top{width:80px;height:80px}
    .process-item-num{width:30px;height:30px;top:0px;right:-4px}
    #swiper-news{width:100%}
    .news-item-bottom{padding:10px 15px}
    .news-item-read{margin-top:10px}
    .news-bottom{margin:4% 0px;position:relative}
    #indexbanner .swiper-button-next,#indexbanner .swiper-button-prev{width:40px!important;height:40px!important}
    #indexbanner .swiper-button-prev{left:10px}
    #indexbanner .swiper-button-next{right:10px}
    .process-item-top em{font-size:34px}
}
/* 修复移动端 Customized Process 4个内容的布局 */
@media screen and (max-width:768px){
    .process-item{width:48%;margin-top:20px;float:left;margin-right:4%;min-height:280px}
    .process-item:nth-child(2n){margin-right:0}
    .process-item-top{width:80px;height:80px;margin:0 auto}
    .process-item-top em{font-size:32px}
    .process-item-num{width:30px;height:30px;top:-5px;right:-5px}
    .process-item-title{font-size:16px;margin:15px 0 10px}
    .process-item-txt{font-size:13px;-webkit-line-clamp:3}
    .process-item-center{margin:15px 0}
}
/* 修复 PC 端 Factory VR Demonstration 布局 */
@media (min-width:769px){
    .home-case .l-wrap .case-container .case-item{display:flex;align-items:center}
    .home-case .l-wrap .case-container .case-item .case-img{flex:0 0 45%}
    .home-case .l-wrap .case-container .case-item .case-text{flex:0 0 45%}
    .home-case .l-wrap .case-container .case-item .step{position:absolute;top:50%}
}
/* 修复 contact 区域冲突 */
.home-contact{background:#f9fafb url('../images/home-relationb.png') !important;background-size:cover !important;background-position:center !important}
@media (max-width:768px){
    .contact-right-features{grid-template-columns:1fr !important;}
    /* 修复关于我们区域移动端文本左侧空白问题 */
    .home-about .l-wrap .right{padding-left:20px !important;}
    .home-about .l-wrap .right .text-content .text{padding:20px 15px 20px 20px !important;}
    .home-about .l-wrap .right .text-content .text::before{left:8px !important;}
}
@media screen and (max-width:500px){
    /* 进一步优化关于我们区域小屏幕显示 */
    .home-about .l-wrap .right{padding-left:15px !important;}
    .home-about .l-wrap .right .text-content .text{padding:15px 10px 15px 15px !important;}
    .home-about .l-wrap .right .text-content .text::before{left:5px !important;width:2px;}
}

/* 强制PC端banner全屏显示 */
@media (min-width: 769px) {
    .home-banner {
        width: 100vw !important;
        max-width: 100vw !important;
        position: relative;
        left: 50% !important;
        right: 50% !important;
        margin-left: -50vw !important;
        margin-right: -50vw !important;
        padding: 0 !important;
        overflow: hidden;
    }

    #indexbanner {
        width: 100% !important;
        max-width: 100% !important;
    }

    .indexbanner-item,
    .indexbanner-item img {
        width: 100% !important;
        min-width: 100% !important;
    }

    .indexbanner-item img {
        height: 600px;
        object-fit: cover;
        object-position: center;
    }

    /* 确保导航按钮位置正确 */
    #indexbanner .swiper-button-prev {
        left: 40px !important;
    }

    #indexbanner .swiper-button-next {
        right: 40px !important;
    }
}