﻿
.banner{width:100%;overflow:hidden}
.banner #bannerCarousel .carousel-inner{height:500px}
.banner .banner-img-container{width:100%;height:100%}
.banner .banner-img-container img{width:100%;height:100%;object-fit:cover}

/* 水印 */
.aboutus .video-section{background-color:#0f172a;color:#fff;padding:4rem 0;position:relative;overflow:hidden;min-height:600px;display:flex;align-items:center}
.aboutus .video-section::after{content:"ABOUT";position:absolute;right:1rem;top:50%;font-size:8.5rem;font-weight:700;color:rgba(255,255,255,.05);z-index:0;line-height:1;transform:rotate(90deg) translateY(-50%);transform-origin:center center;white-space:nowrap}
.aboutus .video-content{position:relative;z-index:1;max-width:1400px;margin:0 auto;width:90%}
.aboutus .video-wrapper{border:2px solid transparent;padding:1rem;background-color:#1e293b;width:600px;height:400px;overflow:hidden}
.aboutus .video-wrapper video{width:100%;height:100%;object-fit:cover}
.aboutus .text-section{padding-left:4rem;min-width:500px}
.aboutus .about-title{font-size:2.5rem;font-weight:700;margin-bottom:.5rem;line-height:1.2}
.aboutus .title-line{width:100%;height:1px;background-color:#fff;margin-bottom:1.5rem;position:relative}
.aboutus .title-line::before{content:"";position:absolute;left:0;top:0;width:80px;height:3px;background-color:#fff;transform:translateY(-1px)}
.aboutus .about-subtitle{font-size:1.1rem;color:#fff;margin-bottom:1.5rem}
.aboutus .about-desc{color:#fff;line-height:1.6;margin-bottom:2rem;font-size:1rem;line-height:1.8}
.aboutus .btn-more{background:0 0;border:1px solid #fff;color:#fff;padding:.75rem 2rem;font-size:.9rem;transition:all .3s}
.aboutus .btn-more:hover{background-color:#fff;color:#0f172a}



/* 你的原始基础样式（完整保留） */
.product{padding:50px 0}
.product .popular-product{padding:2rem 0;position:relative;overflow:visible!important}
.product .popular-product .container{padding-left:100px!important;padding-right:15px!important;margin:0!important;width:calc(100% - 100px)!important;max-width:none!important;display:flex!important;flex-wrap:wrap;align-items:flex-start}
.product .section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem!important;width:100%!important;position:relative;z-index:10}
.product .section-title{font-size:2rem;font-weight:700;color:#1a1a1a;margin:0}
.product .btn-more{border:1px solid #1a1a1a;background:0 0;padding:.5rem 1.25rem;color:#1a1a1a;transition:all .3s ease;cursor:pointer;white-space:nowrap;margin:0!important}
.product .btn-more:hover{background-color:#1a1a1a;color:#fff}
.product .col-lg-3{width:250px!important;flex:0 0 250px!important;max-width:250px!important;padding:0!important;margin:0!important}
.product .row{margin-left:0!important;margin-right:0!important;width:100%!important;flex:1 0 100%!important;display:flex!important;flex-wrap:wrap}
.product .col-lg-9{width:calc(100% - 250px - 24px)!important;flex:0 0 calc(100% - 250px - 24px)!important;max-width:calc(100% - 250px - 24px)!important;padding:0!important;margin:0 0 0 24px!important}
.product .product-menu{list-style:none;padding:0;margin:0}
.product .product-menu li{margin-bottom:1.2rem;cursor:pointer;color:#666;transition:all .3s ease;font-size:16px;display:block}
.product .product-menu li.active{color:#1a1a1a;font-weight:700;position:relative;font-size:24px;display:inline-block}
.product .product-menu li.active::after{content:"";position:absolute;bottom:-4px;left:0;width:100%;height:2px;background-color:#1a1a1a}
.product .product-menu li:hover{color:#1a1a1a}
.product .product-slider{position:relative!important;overflow:visible!important;width:1416px!important;max-width:100%!important;height:auto!important;display:flex!important;justify-content:flex-start!important;margin:0 auto!important;flex-shrink:0!important/* 禁止被父容器压缩 */}
.product .slider-track{display:flex;transition:transform .5s ease;width:fit-content!important;margin:0!important;gap:24px!important;position:relative;right:0}
.product .product-card{flex:0 0 auto!important;width:321px!important;padding:0!important;box-sizing:border-box!important;margin:0!important;display:flex!important;flex-direction:column!important;gap:0!important}
.product .product-card a{text-decoration:none!important;display:block!important;margin:0!important;padding:0!important;color:inherit!important}
.product .no-image-placeholder,.product .product-card img{width:321px!important;height:321px!important;object-fit:contain!important;object-position:center!important;border:1px solid #eee!important;box-sizing:border-box!important;background-color:#fff!important;margin:0!important;display:block}
.product .no-image-placeholder{background:#f5f5f5;display:flex;align-items:center;justify-content:center;color:#999}
.product .product-card .title-wrapper{background-color:#334155!important;width:321px!important;height:4.2rem!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:0 .75rem!important;box-sizing:border-box!important;margin:0!important;position:relative!important;z-index:2!important;visibility:visible!important;opacity:1!important}
.product .product-card .card-title{width:100%!important;margin:0!important;font-size:.9rem!important;font-weight:500!important;line-height:1.4!important;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:normal!important;transform:translateZ(0)!important}
.product .product-card .card-title .title-link{width:100%!important;text-align:center!important;color:#fff!important;display:block!important}
.product .slider-controls{position:absolute!important;bottom:-60px!important;right:0!important;display:flex;gap:12px;justify-content:flex-end;width:auto!important;margin:0!important;z-index:5}
.product .slider-controls button{background:#fff;border:1px solid #ccc;width:30px;height:30px;border-radius:50%;font-size:.85rem;cursor:pointer;color:#666;display:flex;align-items:center;justify-content:center;transition:all .3s ease;box-shadow:0 1px 3px rgba(0,0,0,.1)}
.product .slider-controls button:hover{border-color:#1a1a1a;color:#1a1a1a}
.product .error-tip,.product .loading-tip,.product .no-data-tip{padding:25px 20px;text-align:center;color:#666;width:100%}
.product-card .no-image-placeholder,.product-card img{pointer-events:none}
.product .slider-controls button:disabled{pointer-events:none;opacity:.5;cursor:not-allowed;border-color:#ddd!important;color:#999!important;box-shadow:none!important}
.product .slider-controls button:disabled:hover{border-color:#ddd!important;color:#999!important;background:#fff!important}
.product .slider-wrap{overflow:hidden!important;position:relative!important;width:1416px!important;max-width:100%!important;height:auto!important}
/* 滑动轨道：强制不换行，统一间距为 24px */
.product .slider-track{display:flex!important;flex-wrap:nowrap!important;transition:transform .5s ease!important;width:max-content!important;gap:24px!important;position:relative!important;right:0!important;margin:0!important}
/* 卡片：强制固定宽度，禁止所有浏览器压缩 */
.product .product-card{flex:0 0 321px!important;width:321px!important;min-width:321px!important;max-width:321px!important;flex-shrink:0!important;padding:0!important;box-sizing:border-box!important;margin:0!important;display:flex!important;flex-direction:column!important;gap:0!important}






.brand .brand-advantages{background-color:#0f172a;padding:5rem 0}
.brand .section-title{font-size:2.5rem;font-weight:700;color:#fff;text-align:center;margin-bottom:4rem}
.brand .col-lg-4.col-md-6.col-12{display:flex;justify-content:center;margin-bottom:2rem}
.brand .advantage-card{background-color:#fff;width:465px;height:453px;padding:2rem 2.5rem;position:relative;overflow:hidden;transition:all .5s ease;cursor:pointer;box-sizing:border-box}
.brand .advantage-card::before{content:attr(data-index);position:absolute;top:-1rem;right:1.5rem;font-size:7rem;font-weight:700;color:rgba(0,0,0,.05);z-index:0;transition:color .5s ease}
.brand .card-content{position:relative;z-index:2;margin-top:6rem;height:calc(100% - 6rem);display:flex;flex-direction:column}
.brand .card-title{font-size:1.3rem;font-weight:800;color:#1a1a1a;text-transform:uppercase;margin-bottom:2.5rem;letter-spacing:.5px;transition:color .5s ease}
.brand .card-list{list-style:none;padding:0;margin:0;color:#333;line-height:1.7;font-size:.95rem;flex:1;transition:color .5s ease;counter-reset:list-counter 0}
.brand .card-list li{margin-bottom:1.2rem;text-align:left;counter-increment:list-counter;position:relative;padding-left:2rem}
.brand .card-list li::before{content:counter(list-counter) "、";font-weight:600;color:#1a1a1a;transition:color .5s ease;position:absolute;left:0;top:0;white-space:nowrap}
.brand .advantage-card:hover{background:var(--bg-img) center/cover no-repeat}
.brand .advantage-card:hover .card-list,.brand .advantage-card:hover .card-list li::before,.brand .advantage-card:hover .card-title{color:#fff}
.brand .advantage-card:hover::before{color:rgba(255,255,255,.1)}


.application .application-img-link{display:block;position:relative;cursor:pointer}
.application .application-img-link:hover .application-carousel-img{opacity:.9;transform:scale(1.02)}
.application .application-img-link::after{content:attr(title);position:absolute;bottom:10px;left:50%;transform:translateX(-50%);background:rgba(0,0,0,.7);color:#fff;padding:4px 12px;border-radius:4px;font-size:12px;white-space:nowrap;opacity:0;transition:opacity .3s ease;pointer-events:none;z-index:10}
.application .application-img-link:hover::after{opacity:1}
.application .section-title{font-size:28px;font-weight:700;color:#222}
.application .btn-outline-dark{border:1px solid #222;color:#222;padding:6px 20px;font-size:14px}
.application .btn-outline-dark:hover{background:#222;color:#fff}
.application .section-desc{font-size:14px;color:#666;line-height:1.8}
.application #applicationCarousel{transition:transform .5s ease-in-out}


.news .news-center .news-title{font-size:2rem;font-weight:700;margin:0}
.news .news-center .btn-outline-light{border:1px solid #fff;color:#fff;transition:all .3s ease;padding:6px 20px;font-size:14px}
.news .news-center .btn-outline-light:hover{background-color:#fff;color:#0f2137}
.news .news-center .news-card{border:none;box-shadow:0 2px 8px rgba(0,0,0,.05);transition:transform .3s ease;margin:0;padding:1.5rem!important}
.news .news-center .news-card:hover{transform:translateY(-5px)}
.news .news-center .news-date{text-align:center;padding:0;margin:0}
.news .news-center .news-link:hover{color:#000}
.news .news-center .news-title-wrap{padding:0;margin:0}
.news .news-center .news-thumb{border-radius:4px;overflow:hidden}
.news .news-center .news-desc{font-size:14px;letter-spacing:.5px}
.news .year{color:#787a7c}
.news .month{color:#000;font-weight:700}



/**
 * 平板（md）
 */
@media (max-width: 767.98px) {
  .banner #bannerCarousel .carousel-inner{height:300px}
}

/**
 * 手机（sm）
 */
@media (max-width: 575.98px) {
  .banner #bannerCarousel .carousel-inner{height:200px}
  .inquiry .form-title{font-size:1.5rem;}
}