/*应用领域导航*/

        #navbarApplication {
            background: #ffffff;
            box-shadow: 0 8px 28px rgba(0, 0, 0, 0.08);
            border-bottom: 1px solid #eef2f6;
            display: none;  /* 初始隐藏 */
            position: fixed;
            width: 100%;
            padding: 0 auto;
            top:60px;
            z-index: 888;
        }
    
        #navbarApplication .nav-link {
            color: #2c3e50;
            font-weight: 500;
            margin: 0 0.5rem;
            height: 100px;
            transition: all 0.2s;
        }
        #navbarApplication .nav-link i {
            font-size: 1rem;
        }
        #navbarApplication .active a{
            background: var(--blue);
            border-radius: 0 30px 0 30px;
        }
        #navbarApplication .active i,#navbarApplication .active p{color: #fff;}

 
 

 .app-con{font-size: 18px; line-height: 43px;}
 .app-img{height: 450px; overflow: hidden;}
 .app-img img{max-width: 100%; max-height: 100%; object-fit: cover;}
#app-intro .app-adv{ padding-left: 0;  margin-left: 0; line-height: 43px;}
#app-intro  .app-adv i{ color: var(--blue-ocean);}
#caselist .case-con{background: #fff; border-top:3px var(--main) solid;}
#compare .compare-image img{max-width: 80%;}
#compare .compare-description{width: 100%; height: 120px;}


.adv-card{
    height: 300px;
    position: relative;
    overflow: hidden;
}
.adv-card .adv-overlay{
    position:absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 30px;
  background: linear-gradient(135deg, rgba(30, 120, 230, 0.55), rgba(80, 170, 255, 0.45));
  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  color: #ffffff;
  transition: transform 0.35s cubic-bezier(0.2, 0, 0, 1);
            will-change: transform;     
}
  
        
        
     
.adv-card:hover .adv-overlay {
            transform: scale(1.1);     /* 放大比例 1.08 倍，视觉舒适且不突兀 */
        }
 /* 手机端适配 */
        @media (max-width: 767.98px) {
            .adv-card{height:180px;}
        }
/*产品部分*/
.product-card{
  position: relative; z-index: 5; margin-bottom: 25px; height: 400px;
 
            transition: all 0.3s ease;
            box-shadow: 0 5px 15px rgba(0,0,0,0.03);
            background: white;
        }
        .product-card:hover {
            transform: translateY(-5px);
            box-shadow: 0 15px 30px rgba(0,0,0,0.08);
        }
        .product-card .tag-red{display: inline-block; margin:0.16rem; }
.product-card .product-image{
  display: flex;
            align-items: center;
            justify-content: center;
            position:absolute;
            right: 0;
            top:0;
   width: 40%;
  height: 100%; }
.product-card img{ max-height:70%;}
.product-info{
            display: flex;
            width: 60%;
            flex-direction: column;
           }
.product-info h3{height: 40px; margin-top: 40px;}
.product-info  .product-features{height:150px;}
 
 
.img-hover-card {
            background-color: #fff;
            transition: box-shadow 0.25s ease, transform 0.2s ease;
        }  
        
        .zoom-on-hover {
            transition: transform 0.35s cubic-bezier(0.2, 0, 0, 1);
            will-change: transform;     
            transform: scale(1);
        }

     
        .img-hover-card:hover .zoom-on-hover {
            transform: scale(1.08);     /* 放大比例 1.08 倍，视觉舒适且不突兀 */
        }
 
        .img-hover-card img {
    
            vertical-align: middle;
        }
        .gotoproduct{
            position: absolute;width: 100%;height: 40px; line-height: 40px; left: 0; bottom: 0; text-align: center;background: var(--blue);color: #fff;
        }
        .gotoproduct:hover{color: #eef2ff;}
/*shiping*/
        .video-wrapper {
            max-width: 1000px;      /* 最大宽度限制，大屏幕下不至于过宽 */
            width: 100%;
            margin: 0 auto;         /* 水平居中备用 */
            border-radius: 1rem;
            overflow: hidden;
            box-shadow: 0 20px 35px -12px rgba(0, 0, 0, 0.25);
            background-color: #000; /* 黑色背景，视频未加载时美观 */
            transition: transform 0.2s ease, box-shadow 0.2s ease;
        }
  
        /* 视频元素本身：响应式宽度，圆角继承父级，鼠标指针表明可点击 */
        .clickable-video {
            width: 100%;
            height: auto;
            display: block;
            cursor: pointer;
            outline: none;
            transition: filter 0.2s;
        }
        
        /* 鼠标悬停时轻微提示效果 (可选) */
        .clickable-video:hover {
            filter: brightness(0.98);
        }
        
        /* 视频容器外层添加上下间距，确保在移动端也舒适 */
        .video-section {
            padding: 2rem 1rem;
        }