/*站点地图*/
/* 站点地图页面专属样式 */
/* --- 基础样式 (桌面端) --- */
    .sitemap-page-container {
        max-width: 1200px; /* 您可以根据自己网站的宽度调整 */
        margin: 20px auto;
        padding: 20px;
        margin-top: 100px;
    }

    .top-category-block {
        margin-bottom: 50px;
    }

    .top-category-title {
        font-size: 28px;
        font-weight: 600;
        color: #333;
        padding-bottom: 15px;
        border-bottom: 3px solid #f39800; /* 标题下划线颜色，可以修改为你主题的颜色 */
        margin-bottom: 25px;
        display: inline-block;
    }

    .sitemap-table {
        width: 100%;
        border-collapse: collapse;
        border: 1px solid #dee2e6;
    }

    .sitemap-table td {
        border: 1px solid #dee2e6;
        padding: 20px;
        vertical-align: top;
    }

    .sitemap-table td.sub-category-name {
        width: 20%;
        min-width: 150px;
        font-weight: bold;
        font-size: 16px;
        text-align: center;
        background-color: #f8f9fa;
        line-height: 1.5; /* 增加行高，让文字垂直居中效果更好 */
    }

    .sitemap-table td.sub-category-name a {
        color: #333;
        text-decoration: none;
    }
    .sitemap-table td.sub-category-name a:hover {
        color: #007bff; /* 鼠标悬停颜色 */
    }

    .sitemap-table td.article-list-cell .article-list {
        display: flex;
        flex-wrap: wrap;
        gap: 10px 15px; /* 行间距 和 列间距 */
        padding-left: 0;
        list-style: none;
        margin: 0;
    }

    .sitemap-table td.article-list-cell .article-list a {
        display: inline-block;
        color: #555;
        text-decoration: none;
        padding: 2px 5px;
        font-size: 14px;
        white-space: nowrap; /* 防止文章标题换行 */
        transition: color 0.2s;
    }

    .sitemap-table td.article-list-cell .article-list a:hover {
        color: #007bff; /* 鼠标悬停颜色 */
    }

    /* 如果某个二级分类下没有文章的提示 */
    .no-articles {
        color: #999;
        font-style: italic;
    }


    /* --- 响应式设计 (核心改动) --- */
    /* 当屏幕宽度小于等于 768px 时 (典型的平板和手机) */
    @media (max-width: 768px) {
        .sitemap-page-container {
            padding: 10px;
            margin-top: 50px;
        }

        .top-category-title {
            font-size: 22px; /* 在小屏幕上缩小标题字号 */
        }
        
        .top-category-block {
            margin-bottom: 30px;
        }

        /* 1. 强制表格元素表现得像块级元素，打破表格布局 */
        .sitemap-table,
        .sitemap-table tbody,
        .sitemap-table tr,
        .sitemap-table td {
            display: block;
            width: 100% !important; /* 覆盖内联或之前的宽度设置 */
            box-sizing: border-box; /* 确保 padding 和 border 不会撑大宽度 */
        }

        /* 2. 隐藏表格的整体边框和表头 */
        .sitemap-table {
            border: none;
        }

        /* 3. 将每一行(tr)变成一个独立的卡片 */
        .sitemap-table tr {
            border: 1px solid #dee2e6;
            margin-bottom: 20px; /* 卡片之间的间距 */
            border-radius: 5px; /* 给卡片加一点圆角 */
            overflow: hidden; /* 确保子元素的圆角生效 */
        }

        /* 4. 清除单元格(td)的边框，因为边框现在在卡片(tr)上 */
        .sitemap-table td {
            border: none;
            padding: 15px; /* 稍微减小内边距 */
        }

        /* 5. 样式化作为卡片头部的“分类名单元格” */
        .sitemap-table td.sub-category-name {
            text-align: left; /* 文本左对齐更适合卡片标题 */
            border-bottom: 1px solid #e9ecef; /* 在标题和内容之间加一条分隔线 */
            line-height: 1.4; /* 重置行高 */
        }

        /* 6. 最后一个单元格（文章列表）不需要下边框 */
        .sitemap-table tr td:last-child {
            border-bottom: none;
        }

        /* 7. 调整文章列表的样式 */
        .sitemap-table td.article-list-cell .article-list {
            gap: 8px 10px; /* 适当减小间距 */
        }
        .sitemap-table td.article-list-cell .article-list a {
            white-space: normal; /* 允许文章标题换行，防止超长标题破坏布局 */
        }
    }
/*站点地图*/


/*产品内容页面*/
.hadbox .hadbox-sec1 .f_navbox li .tit{color:#333}
.hadbox-sec1{border-bottom:1px solid rgba(255,255,255,.2)}
.hadbox .hadbox-sec1{background-color:#fff;border-color:#f1f1f1}
.hadbox .hadbox-sec1 .lt{border-color:#f1f1f1}
.hadbox .hadbox-sec1 .lt .logo img:nth-child(1),.hadbox .hadbox-sec1 .lt .logo svg:nth-child(1){display:none}
.hadbox .hadbox-sec1 .lt .logo img:nth-child(2),.hadbox .hadbox-sec1 .lt .logo svg:nth-child(2){display:block}
.hadbox .hadbox-sec1 .lt .text{color:#999;opacity:1}
.hadbox .hadbox-sec1 .lt .text a,.hadbox.hadbox2 .hadbox-sec1 .lt .text a{color:#999}
.hadbox .hadbox-sec1 .lt .text a{color:#004896}
.hadbox .hadbox-sec1 .f_navbox li .tit{color:#333}
.hadbox .hadbox-sec1 .f_navbox li .tit i img:nth-child(1){display:none}
.hadbox .hadbox-sec1 .f_navbox li .tit i img:nth-child(2){display:block}
.hadbox .hadbox-sec1 .gt .lange{border-color:#f1f1f1}
.hadbox .hadbox-sec1 .gt .lange .tit span{opacity:1;color:#333}
.hadbox .hadbox-sec1 .gt .lange .tit b img path,.hadbox .hadbox-sec1 .gt .lange .tit b svg path,.hadbox .hadbox-sec1 .gt .lange .tit i img path,.hadbox .hadbox-sec1 .gt .lange .tit i svg path{fill:#333}
.hadbox .hadbox-sec1 .gt .lange .tit b svg path{fill:#7f7f7f}
.hadbox .hadbox-sec1 .gt .qie span{background-color:#666}
.yt_cp_tab-content table{width:100%;border-collapse:collapse;margin:30px 0}
.yt_cp_tab-content td{color:#19191a;font-size:15px;width:25%;}
.yt_cp_tab-content td,.yt_cp_tab-content th{border:1px solid #ffffff26!important;padding:15px;text-align:left}
.yt_cp_tab-content th{background:rgba(64,128,255,.06)}
.yt_cp_tab-content tr:nth-child(odd){background: rgb(64 128 255 / 10%);}
.pro-tip-ul li{color:#999;line-height:30px;font-size: 13px;}
.pro-tip-ul{margin: 60px 0;
    border-top: 1px solid #e5e5e5;
    padding-top: 30px;}
.yt_cp_tabs{position:sticky;top:70px;background-color:#fff;z-index:5}

.resources-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #e5e7eb;padding-bottom:0px;margin-bottom:24px;margin-top: 20px;}
.resources-header h2{font-size:20px;font-weight:600;margin:0;color:#111827;border:none;padding:15px;}
.resources-header .view-more-link{font-size:14px;color:#2563eb;text-decoration:none;font-weight:500}
.resources-header .view-more-link:hover{text-decoration:underline}
.resources-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;padding: 0 20px;}
.resource-item{display:flex;align-items:flex-start;padding:20px;background-color:#f1f3f5;border-radius:8px;text-decoration:none;color:#333;transition:background-color .2s ease;min-height:60px; transition: all .3s;}
.resource-item:hover{background-color:#f1f3f5;box-shadow: 0 15px 15px -10px rgba(0, 0, 0, .15);}
.resource-item .icon{flex-shrink:0;margin-right:12px;width:24px;height:24px;color:#4b5563}
.resource-item .text-content{font-size:15px;line-height:1.5;margin-left: 5px;}
.badge-new{color:#16a34a;font-weight:600;font-size:14px;margin-left:8px}
@media (max-width:640px){.resources-grid{grid-template-columns:1fr}
.resources-header h2{font-size:18px}
.resources-header .view-more-link{font-size:13px}
.resource-item .text-content{font-size:14px}
}
.yls-button{
    color: #333;
}
.this_meta_product_model{
    background-color: #f2f2f2;
border: 1px solid #19191a;
}


.rz-container{width:100%;max-width:1200px;padding: 0 20px;}
.rz-logo-list{display:flex;justify-content:flex-start;align-items:center;gap:20px;padding:0;margin:0;list-style:none;flex-wrap: wrap;}
.rz-logo-item{position:relative;cursor:pointer}
.rz-logo-img{height:50px;width:auto;filter:grayscale(100%) opacity(.65);transition:all .3s ease-in-out}
.rz-logo-item:hover .rz-logo-img{filter:grayscale(0) opacity(1);transform:scale(1.1)}
.rz-tooltip{visibility:hidden;opacity:0;position:absolute;bottom:100%;left:50%;transform:translate(-50%,-15px);width:280px;background-color:#fff;color:#333;text-align:left;padding:20px;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.15);z-index:10;font-size:12px;line-height:1.5;transition:opacity .3s ease,visibility .3s ease}
.rz-tooltip::after{content:'';position:absolute;top:100%;left:50%;transform:translateX(-50%);border-width:8px;border-style:solid;border-color:#fff transparent transparent transparent}
.rz-logo-item:hover .rz-tooltip{visibility:visible;opacity:1}
@media (max-width:768px){
.rz-logo-img{height:50px}
.rz-tooltip{width:200px}
}
/*产品内容页面*/


/*视频页面*/
/* 链接区域是定位和交互的核心 */
.case-item-link {
  position: relative; /* 关键：作为播放按钮的定位父级 */
  display: block;   /* 让a标签像块级元素一样，可以设置宽高 */
  text-decoration: none; /* 去除链接下划线 */
  color: inherit; /* 继承父元素的文字颜色 */
  overflow: hidden; /* 推荐：隐藏图片放大时溢出的部分 */
}
/* 在链接区域上创建播放按钮 */
.case-item-link::after {
  content: '';
  position: absolute;
  
  /* 您期望的位置 */
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
  width: 45px;
  height: 45px;
  background-color: rgba(0, 0, 0, 0.6);
  border-radius: 50%;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="white"><path d="M8 5v14l11-7z"/></svg>');
  background-repeat: no-repeat;
  background-position: center;
  background-size: 45%;
  cursor: pointer;
  transition: all 0.2s ease-in-out;
  opacity: 0.8;
}
/* 鼠标悬停在整个链接区域上时的效果 */
.case-item-link:hover::after {
  opacity: 1;
  
  background-color: #f39800;
}
.case-item-link img {
    display: block;
    width: 100%;
    /* height: auto; */
    transition: transform 0.3s ease;
    height: 180px;
    border-radius: 8px;
}

/* 其他元素的样式 */
.case-item-link h3 {
    margin: 10px 0; /* 示例样式 */
}
.tags-container {
    margin-top: 10px;
}