@charset "utf-8";
html,body{margin:0; padding:0;}
body{padding-top: 51px; }

h3 small{display: block;}
.bg,.breadcrumb{background: #fafafa;margin-bottom: 5px;}
.text-white{color: #fff;}
.bg-white{background: #fff;}
.b{font-weight: bold;}

.fl{float: left;}
.fr{float: right;}
.clear{clear: both;}
.hide-1{overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.hide-2{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.more{float:right; font-weight:100}
.more,.more a{color:#777;}
.more a:hover{text-decoration:underline;}
.panel-heading h2,.panel-heading h3,.panel-heading{font-weight: bold;}


.p-0{padding: 0;}
.m-0{margin: 0;}
.p-10{padding: 10px;}
.mr-5{margin-right: 5px;}
.mr-10{margin-right: 10px;}
.my-20{margin: 20px 0;}
.my-30{margin: 30px 0;}
.my-40{margin: 40px 0;}
.py-10{padding-top: 10px; padding-bottom: 10px;}
.py-15{padding-top: 15px; padding-bottom: 15px;}
.py-20{padding-top: 20px; padding-bottom: 20px;}
.py-30{padding-top: 30px; padding-bottom: 30px;}
.py-40{padding-top: 40px; padding-bottom: 40px;}
.py-50{padding-top: 50px; padding-bottom: 50px;}
.pt-5{padding-top: 5px;}
.pt-10{padding-top: 10px;}
.pt-15{padding-top: 15px;}
.pt-20{padding-top: 20px;}
.pt-30{padding-top: 30px;}
.pt-40{padding-top: 40px;}
.mt-020{margin: -20px 0 30px 0;}
.mt-0{margin-top: 0;}
.mt-5{margin-top: 5px;}
.mt-10{margin-top: 10px;}
.mt-20{margin-top: 20px;}
.mb-20{margin-bottom: 20px;}
.mt-30{margin-top: 30px;}
.mt-40{margin-top: 40px;}
.mt-50{margin-top: 50px;}
.mx-10{margin:0 10px;}
.mx-15{margin:0 15px;}
@media screen and (min-width: 750px){.mt-130{margin-top: -115px;}}
@media screen and (max-width: 768px){.wap-mt-50{margin-top: 50px;}}

/*头部*/
.navbar-headbg{background: #fff; padding:5px 0; border-bottom:3px solid #286090;}
.navbar-brand{padding:0;height:50px;}
.header-nav{margin-left:30px;}
.header-nav li{margin:0 10px;}
.header-nav li a{color:#286090; font-weight:600;}
.header-nav li a:hover{background: none; color: #ff4400;}
.header-nav .active a{color: #ff4400;}

.navbar-border{border: 1px solid #23527c;}
.head-border{border-bottom: 3px solid #23527c;}
.navigation a{color: #777;}
.nav-border{border-bottom:1px solid #e7e7e7;margin:-30px 0 0 0;}

/* --- 修复导航栏鼠标悬停下拉问题 --- */
@media (min-width: 768px) {
    /* 当鼠标悬停在 dropdown 上时，强制显示 dropdown-menu */
    .header-nav .dropdown:hover .dropdown-menu {
        display: block;
        margin-top: 0; /* 消除可能存在的间隙，防止鼠标移过去时菜单消失 */
    }
    
    /* 优化：防止点击后菜单无法收起或闪烁 */
    .header-nav .dropdown .dropdown-menu {
        margin-top: 0;
    }
}


/*banner*/
.jumbotron h1{font-size:160%;}@media screen and (max-width:768px){.jumbotron h1{font-size:140%;}}
.banner-300{height:300px;display:flex;align-items:center;justify-content:center;text-align:center;color:#fafafa;background-position:center center;background-size:cover;background-repeat:no-repeat;}
.banner-500{height:400px;display:flex;align-items:center;justify-content:center;text-align:center;color:#fafafa;background-position:center center;background-size:cover;background-repeat:no-repeat;}

/*product banner*/
.banner-bg{min-height:400px; display:flex; justify-content:center; align-items:center; text-align:center;}
.text-background-box{background-color:rgba(0, 0, 0, 0.8); display:inline-block; padding:10px; border-radius:8px;}
.text-background-box a{margin:10px 0;}

.product-banner{background-image:url("../images/product-banner.webp")}


/* 产品页Tab导航条样式 */
.product-tabs .nav-tabs{border-bottom: 1px solid #ddd;}
.product-tabs .nav-tabs > li > a {border-radius: 4px 4px 0 0; color: #333;  font-weight: 600; border: 1px solid #ddd; border-bottom-color: transparent;  }
.product-tabs .nav-tabs > li > a:hover{background-color: #eef5fa; color: #337ab7;}

/* 激活状态 (Active) - 增加顶部蓝条，突出显示 */
.product-tabs .nav-tabs > li.active > a,
.product-tabs .nav-tabs > li.active > a:focus,
.product-tabs .nav-tabs > li.active > a:hover {color: #337ab7; border-top: 3px solid #337ab7; cursor: default;}

/* Tab 内容区域容器 */
.product-tabs .tab-content{padding: 20px 15px;}
.product-tabs .tab-content h4{margin-bottom: 20px; border-left: 4px solid #337ab7; padding-left: 6px; }

/* 有序列表 (ol) */
.product-tabs .custom-ol{padding-left: 25px;}
.product-tabs .custom-ol li{margin-bottom: 12px; font-size: 15px; line-height: 1.6;}

/* 禁止列表 (Inhibition) - 使用红色/警告色图标 */
.product-tabs .check-list {list-style: none; padding-left: 0;}
.product-tabs .check-list li{position: relative; padding-left: 20px; margin-bottom: 12px; font-size: 15px;}

/* 这里我们覆盖之前的全局绿色对钩，改用警告图标 */
.product-tabs .check-list li::before {content: "\f071"; font-family: FontAwesome; color: #d9534f; position: absolute; left: 0; top: 0px; font-size: 14px;}

/* 普通圆点列表 (Safety) */
.product-tabs .dot-list{list-style: none; padding-left: 0; }
.product-tabs .dot-list li{position: relative; padding-left: 20px; margin-bottom: 12px; font-size: 15px;}
.product-tabs .dot-list li::before{content: "\f111"; font-family: FontAwesome; color: #337ab7; font-size: 8px; position: absolute; left: 5px;top: 5px;}

/* 定义列表 (Storage) */
.product-tabs .storage-dl dt{font-size: 15px; margin-bottom: 5px; font-weight: 700;}
.product-tabs .storage-dl dt .fa{margin-right: 8px; width: 20px; text-align: center;}
.product-tabs .storage-dl dd{margin-left: 28px; margin-bottom: 12px; font-size: 15px; border-bottom: 1px dashed #eee; padding-bottom: 12px;}
.product-tabs .storage-dl dd:last-child{border-bottom: none;}


/*list banner*/
.certificate-banner{background-image:url("../images/certificate-banner.webp")}
.downloads-banner{background-image:url("../images/downloads-banner.webp")}
.oem-banner{background-image:url("../images/oem-banner.webp")}
.about-banner{background-image:url("../images/about-banner.webp")}
.founder-banner{background-image:url("../images/founder-banner.webp")}
.contact-banner{background-image:url("../images/contact-banner.webp")}

/* 首页主 Banner 样式 */
.banner-container{
  position: relative;
  margin-bottom: 0;
  padding: 10px 0 20px 0;
  background-color: #f8f9fa;
  background-image: linear-gradient(to right, rgba(255,255,255,1) 30%, rgba(255,255,255,0) 60%), url("../images/banner.webp");
  background-size: cover;
  background-position: center right;
  background-repeat: no-repeat;
  min-height: 600px;
  display: flex;
  align-items: center;
}
.banner-container .main-title {font-size:40px; line-height: 1.1; color: #000; font-weight: 800; }

/* --- 底部数据浮动条 --- */
.stats-bar-wrapper {margin-top: -60px; position: relative; z-index: 99;}

/* 包含数据的白色容器 */
.stats-box {
  background: #fff;
  border-radius: 10px;
  box-shadow: 0 2px 8px rgba(0,0,0,0.08); /* 柔和阴影 */
  border: 1px solid #f0f0f0;
  padding: 25px 0;
  margin-left: 0;  /* 修正 Bootstrap row 的默认负边距 */
  margin-right: 0;
  display: flex;   /* 开启 flex 让列等高，便于加边框 */
  align-items: center;
  flex-wrap: wrap; /* 允许换行，适配手机端 */
}

/* 单个数据项样式 */
.stats-box li{text-align: center; position: relative;}
/* PC端：给前3个元素添加右侧分割线 */
.stats-box li:not(:last-child):after {content: "";  position: absolute;  right: 0;  top: 10%;  height: 80%;  width: 1px;  background-color: #eee; }
/* 数字样式 */
.stat-num {font-size: 28px; font-weight: 800; color: #1a1a1a; margin: 0 0 5px 0; line-height: 1;}

/* --- 移动端适配 (手机/平板) --- */
@media (max-width: 991px) {
  .stats-box li {margin-bottom: 20px;}
  .stats-box li:nth-last-child(-n+2) {margin-bottom: 0;}
}

/* --- 移动端适配 --- */
@media (max-width: 767px) {
  .banner-container{min-height: auto; background-image: none; background-color: #fafafa; text-align: center; }
  .stats-bar-wrapper { margin-top: 20px; }
  .banner-container .btn {display: block; width: 100%; margin: 0 0 15px 0; }
  .banner-container .main-title {font-size: 30px; margin-top: 10px; }
}

/*产品页产品属性*/
.product-specs-list li {padding-bottom: 10px;}
.product-specs-list .btn{margin-bottom: 5px;}


/*首页产品*/
.product-grid .product-image{position: relative; overflow: hidden;}
.product-image .pic-1{backface-visibility: hidden; transition: all .5s ease 0s;}
.product-grid .product-image:hover .pic-1{opacity: 0; transform: translateX(-50%);}
.product-image .pic-2{width: 100%; height: 100%; backface-visibility: hidden; opacity: 0; position: absolute; top: 0; left: 50%; transition: all .5s ease 0s;  }
.product-grid .product-image:hover .pic-2{opacity: 1; left: 0;}


/*参数TAB切换样式*/
.nav-justified li{padding: 0 5px;}
.nav-justified li a{background: #eee; border: 1px solid #ddd;}

/*首页数据滚动*/
#productNumber li i{font-size: 400%; padding: 0 10px;}
#productNumber li em,#productNumber li sup{font-size: 120%}

/*product*/
.nav-justified h2{display:inline;font-size:100%;}
.product-title {font-size: 160%; font-weight: 700; margin: 0;}
.product-hr{border-bottom: 1px solid #ddd;}



/*当前版本的footer*/
.footer-dark{background-color:#2c3e50; color: #bdc3c7; padding: 50px 0 30px 0;}
.footer-dark h4{color: #fff; font-size: 16px; font-weight: 600; margin-bottom: 15px;}
/* 默认样式 (移动端) */
.footer-dark .footer-description{font-size: 15px; line-height: 1.6; padding-top: 5px;}
@media (min-width: 768px){.footer-dark .footer-description{font-size: 14px;}}

/* 页脚链接列表 */
.footer-dark .footer-links li{padding: 6px 0;}
.footer-dark a{color: #bdc3c7; text-decoration: none; transition: all 0.3s ease;}
.footer-dark a:hover{color: #fff; padding-left:4px;}

/* 联系信息列表 */
.footer-dark .footer-contact li{padding: 6px 0;}
.footer-dark .footer-contact .fa{margin-right:5px; font-size: 16px; width: 20px;}

/* --- 新版社交媒体图标 --- */
.social-icons{margin-top:15px;}
.social-icons li a{display: inline-flex; justify-content: center; align-items: center; width: 40px; height: 40px; text-align: center; border: 1px solid #7f8c8d; border-radius: 50%; color: #fff; font-size: 18px; transition: all 0.3s ease;}

/* 统一的悬停动效 */
.social-icons li a:hover{color: #fff; transform: translateY(-3px);}

/* 各平台品牌色悬停效果 (根据2025年最新官方指南校准) */
.social-icons a.social-facebook:hover   { background-color: #1877F2; border-color: #1877F2; }
.social-icons a.social-linkedin:hover   { background-color: #0077B5; border-color: #0077B5; }
.social-icons a.social-twitter:hover    { background-color: #000; border-color: #000; }
.social-icons a.social-instagram:hover  { background-color: #E4405F; border-color: #E4405F; }
.social-icons a.social-youtube:hover    { background-color: #FF0000; border-color: #FF0000; }
.social-icons a.social-tiktok:hover     { background-color: #000; border-color: #000; }
.social-icons a.social-vk:hover         { background-color: #0077FF; border-color: #0077FF;}

/* --- 页脚底部栏样式 --- */
.footer-bottom{background-color: #233140; padding: 15px 0; color: #7f8c8d; line-height: 24px;}
.footer-bottom a{color: #95a5a6; transition: color 0.3s ease;}
.footer-bottom a:hover{color: #fff; text-decoration: none;}
.footer-bottom .list-inline > li > span{color: #4b5f71; margin: 0 5px;}

/*返回顶部*/
#toTop{position: fixed;bottom: 200px;right: 10px;cursor: pointer;display: none;}

/*内容article-content*/
.content-head{padding-left:15px;margin-bottom:15px;border-bottom:1px solid #eee;}
.content-head h1{font-size:2em; color:#222; font-weight:bold;}
@media (max-width:767px) {.content-head h1{font-size:1.8em;}}
.article-content p,.article-content li{font-size:16px;line-height:1.5;margin-bottom:20px;}

/* 优化链接样式 (最终版，排除所有组件) */
/* 1. 为普通文本链接设置自定义样式 */
.article-content a:not(.btn):not(.all-button):not([data-toggle]),
.content a:not(.btn):not(.all-button):not([data-toggle]) {
    color: #337ab7;
    text-decoration: none;
    border-bottom: 1px dotted #337ab7;
    transition: all 0.2s ease-in-out;
}

.article-content a:not(.btn):not(.all-button):not([data-toggle]):hover,
.article-content a:not(.btn):not(.all-button):not([data-toggle]):focus,
.content a:not(.btn):not(.all-button):not([data-toggle]):hover,
.content a:not(.btn):not(.all-button):not([data-toggle]):focus {
    color: #23527c;
    border-bottom-style: solid;
    text-decoration: none;
}

/* 2. (已修正) 强制移除作者区域社媒图标的下划线 */
.panel-body .content .label a,
.panel-body .content .label a:hover,
.panel-body .content .label a:focus {
    border-bottom: none !important;
}

/* 3. 取消图片链接的下划线样式 */
.article-content a > img,
.article-content a:hover > img {
    border-bottom: none;
}


/*标题样式 */
.article-content h2{clear:both; font-size: 1.6em;font-weight: 700;color: #1a3a6e;padding-bottom: 10px;margin-top: 40px;margin-bottom: 20px;border-bottom: 2px solid #e0e0e0;}
.article-content h3{clear:both; font-size: 1.4em;font-weight: 700;color: #2c4a7e;margin-top: 40px;margin-bottom: 15px;line-height: 1.4;}
.article-content h4{clear:both; font-size: 1.2em;font-weight: 600;color: #333;margin-top: 30px;margin-bottom: 15px;text-transform: uppercase;}

.article-content ul,.article-content ol{margin-bottom: 20px;padding-left: 25px;}
.article-content ul ul,.article-content ul ol,.article-content ol ol,.article-content ol ul{margin-top: 10px;margin-bottom: 10px;padding-left: 30px;}
.article-content ul ul{list-style: circle;}
.article-content ul ul ul{list-style: square;}
.article-content dl{font-size:16px;line-height:1.6}
.article-content dl dd{margin-bottom: 15px;padding-left: 20px;border-left: 3px solid #f0f0f0;}
.article-photo li:has(img) {
    list-style-type: none;
}
/* 图片样式：保持响应式，增加阴影提升质感 */
.article-content img,
.article-content p > img {
    display: block;
    margin: 0 auto 5px; /* 减小下边距，为描述文字留出空间 */
    max-width: 100%;
    height: auto;
    border: 1px solid #ddd;
    border-radius: 4px;
    padding: 4px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.05);
    transition: box-shadow 0.3s ease;
}
.article-content img:hover,
.article-content p > img:hover{box-shadow: 0 8px 15px rgba(0, 0, 0, 0.1);}

/* 图片描述 (span) 样式 (已修正兼容链接图片) */
.article-content img + span,
.article-content a + span {
    display: block;
    text-align: center;
    font-size: 15px;
    color: #777;
    font-style: italic;
    padding: 5px 10px;
    margin-bottom: 20px;
}

/* --- 产品页 alert-heading 样式 --- */
.article-content .alert .alert-heading{color: inherit; font-weight: 700; margin-top: 0; margin-bottom: 10px; font-size: 16px;}
.article-content .alert-warning hr{border-top-color: #f7e1b5; margin: 15px 0;}

/* 表格 (Table) 样式，简洁清晰 */
.article-content table{width: 100%;margin-bottom: 25px;border-collapse: collapse;}
.article-content .col-md-3 p{font-size: 100%;}
.end-hr{border-top: 2px solid #999; padding-top: 20px; width: 100%; clear: both;}
.well h4 a{cursor: pointer;}

/*列表内容content*/
.content p,.content li{font-size:18px;line-height:1.5;margin-bottom:15px;}
.content img{display:block; margin-right:auto; margin-left:auto; max-width:100%; height:auto;}
.content img{display: block;margin: 0 auto 0;max-width: 100%;height: auto;}
.content ul:not(.panel-group):not(.list-unstyled):not(.nav),.content ol{margin-bottom:20px;padding-left:25px;}
.content dl{font-size: 110%;}
.content dl dt,.content dl dd{padding:5px 0;}
.content .tab-pane ol{margin-left:20px;}


/*列表*/
.list-item .clearfix{width: 100%; border-bottom: 2px dotted #e7e7e7; padding-top: 20px;}
.list-item li:hover{background: #fafafa;}
.list-item h4 a{font-size: 140%; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.list-item p{font-size: 120%;}
.hide-1{overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.hide-2{overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.hide-3{overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}
.class-name a{color: #fff; line-height: 1.8;}
.markbox{position: relative;}
.markbox .mark{position: absolute; top: 5px; left: 20px; background: #333; color: #fff; font-size: 85%; padding: 0 3px; z-index: 999;}


/* === 关于作者模块优化 */
.author-panel-flex .panel-body{display: flex; align-items: center;}
.author-panel-flex .panel-body > .col-xs-4,
.author-panel-flex .panel-body > .col-xs-8{width: auto; float: none; padding: 0;}
.author-panel-flex .panel-body > .col-xs-4{flex-shrink: 0;  width: 100px; margin-right: 10px;}
.author-panel-flex .panel-body > .col-xs-8{flex: 1;}
.author-panel-flex .content > .row{display: flex; justify-content: space-between; align-items: center; margin: 0 0 8px 0;}
.author-panel-flex .content .row > .col-sm-6{width: auto; float: none; padding: 0;}
.author-panel-flex .content .row > .col-sm-6 h4{margin: 0;}
/* === 移动端适配 (屏幕宽度小于767px时生效) === */
@media (max-width: 767px){
    .author-panel-flex .panel-body {flex-direction: column;}
    .author-panel-flex .panel-body > .col-xs-4{margin-right: 0; margin-bottom: 15px; width: 180px;}
    .author-panel-flex .content > .row{flex-direction: column; margin-bottom: 10px;}
    .author-panel-flex .content .row > .col-sm-6:first-child{margin-bottom: 10px;}
}


/*评论*/
.comment-item{display: flex; padding: 25px 0; border-bottom: 1px solid #f0f0f0;}
.comment-item:first-child{padding-top: 10px;}
.comment-item:last-child{border-bottom: none;}
.comment-avatar{margin-right: 20px;}
.comment-avatar .fa-user-circle{font-size: 48px; color: #ccc;}
.comment-body{flex:1;}
.comment-header{display: flex;justify-content: space-between; align-items: center; flex-wrap: wrap;}
.comment-text{margin: 15px 0;}

/* Author's reply style */
.comment-author-reply{background-color: #f8f9fa; border-left: 3px solid #337ab7; padding: 15px; margin-top: 15px; border-radius: 4px;}
.comment-author-reply .reply-label{font-weight: 600; color: #337ab7; margin-right: 5px;}

/* Comment Form Styling */
.comment-form-container.has-comments { border-top: 1px solid #f0f0f0; margin-top: 25px; padding-top: 25px;}
.comment-form-container h4{font-size: 16px; font-weight: 600; margin: 0 0 20px 0;}

/* === 评论区移动端适配 (START) === */
@media (max-width: 767px) {
    .comment-item{padding: 15px 0; flex-direction: column;}
    .comment-text,.comment-author-reply p{font-size: 15px;}
}

/*内容分步目录*/
#catalogbox {padding-top: 100px;}
@media screen and (max-width: 768px){#catalogbox {padding-top: 0px;}}
#catalogbox #sidebar-catalog{padding:20px 0; border-left:1px solid #cad1db; position:relative;}
#catalogbox #sidebar-catalog::after,#catalogbox #sidebar-catalog::before{content:""; position:absolute; width:9px; height:9px; background:-webkit-gradient(linear,left top,left bottom,from(#98a3b3),to(#d8e0ea)); background:-webkit-linear-gradient(#98a3b3,#d8e0ea); background:linear-gradient(#98a3b3,#d8e0ea); -webkit-box-shadow:0 0 0 1px #a4b2c6 inset,0 0 0 2px #d8e0ea inset,0 4px 3px rgba(166,180,199,.4); box-shadow:0 0 0 1px #a4b2c6 inset,0 0 0 2px #d8e0ea inset,0 4px 3px rgba(166,180,199,.4); left:-5px; border-radius:50%;}
#catalogbox #sidebar-catalog::before {top:5px;}
#catalogbox #sidebar-catalog::after {bottom:5px;}
#catalogbox #sidebar-catalog a{background:#fff; border:1px solid #ddd; display:block; padding:10px 15px; text-decoration:none; margin:5px 10px 5px 15px; -webkit-transition:color .1s,-webkit-box-shadow .25s,-webkit-transform .25s; transition:color .1s,-webkit-box-shadow .25s,-webkit-transform .25s; transition:box-shadow .25s,transform .25s,color .1s; transition:box-shadow .25s,transform .25s,color .1s,-webkit-box-shadow .25s,-webkit-transform .25s; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
#catalogbox #sidebar-catalog a.catalog-item-activated{color:#fff; background:#337ab7;}
#catalogbox #sidebar-catalog a.catalog-item-activated::after{background:#337ab7;}
#catalogbox #sidebar-catalog a:after{content:""; position:absolute; width:10px; height:10px; margin-top:5px; border-radius:50%; background:#a6b4c7; left:-5px; -webkit-box-shadow:0 0 0 1px #cad1db inset,0 0 0 2px #f0f2f7 inset; box-shadow:0 0 0 1px #cad1db inset,0 0 0 2px #f0f2f7 inset; -webkit-transition:.25s;transition:.25s;}

#show-more{width: 100%;}
#show-more .collapsed{margin-bottom: 20px;}
#show-more div.collapse[aria-expanded="false"]{display: block; padding-left: 4px; height: 350px !important; overflow: hidden;}
#show-more div.collapsing[aria-expanded="false"]{height: 350px !important; padding-left: 4px;}
@media screen and (max-width: 768px){#show-more div.collapse[aria-expanded="false"]{display: block; padding-left: 4px; height: 250px !important; overflow: hidden;}}
@media screen and (max-width: 768px){#show-more div.collapsing[aria-expanded="false"]{height: 250px !important; padding-left: 4px;}}
#show-more a.collapsed:after{content: '+ Show More';}
#show-more a:not(.collapsed):after{content: '- Show Less';}

#show-more-kr{width: 100%;}
#show-more-kr .collapsed{margin-bottom: 20px;}
#show-more-kr div.collapse[aria-expanded="false"]{display: block; padding-left: 4px; height: 350px !important; overflow: hidden;}
#show-more-kr div.collapsing[aria-expanded="false"]{height: 350px !important; padding-left: 4px;}
@media screen and (max-width: 768px){#show-more-kr div.collapse[aria-expanded="false"]{display: block; padding-left: 4px; height: 250px !important; overflow: hidden;}}
@media screen and (max-width: 768px){#show-more-kr div.collapsing[aria-expanded="false"]{height: 250px !important; padding-left: 4px;}}
#show-more-kr a.collapsed:after{content: '+ 자세히 보기';}
#show-more-kr a:not(.collapsed):after{content: '- 간략히 표시';}

#show-more-jp{width: 100%;}
#show-more-jp .collapsed{margin-bottom: 20px;}
#show-more-jp div.collapse[aria-expanded="false"]{display: block; padding-left: 4px; height: 350px !important; overflow: hidden;}
#show-more-jp div.collapsing[aria-expanded="false"]{height: 350px !important; padding-left: 4px;}
@media screen and (max-width: 768px){#show-more-jp div.collapse[aria-expanded="false"]{display: block; padding-left: 4px; height: 250px !important; overflow: hidden;}}
@media screen and (max-width: 768px){#show-more-jp div.collapsing[aria-expanded="false"]{height: 250px !important; padding-left: 4px;}}
#show-more-jp a.collapsed:after{content: '+ 表示を増やす';}
#show-more-jp a:not(.collapsed):after{content: '- 表示を減らす';}

#show-more-es{width: 100%;}
#show-more-es .collapsed{margin-bottom: 20px;}
#show-more-es div.collapse[aria-expanded="false"]{display: block; padding-left: 4px; height: 350px !important; overflow: hidden;}
#show-more-es div.collapsing[aria-expanded="false"]{height: 350px !important; padding-left: 4px;}
@media screen and (max-width: 768px){#show-more-es div.collapse[aria-expanded="false"]{display: block; padding-left: 4px; height: 250px !important; overflow: hidden;}}
@media screen and (max-width: 768px){#show-more-es div.collapsing[aria-expanded="false"]{height: 250px !important; padding-left: 4px;}}
#show-more-es a.collapsed:after{content: '+ Mostrar más';}
#show-more-es a:not(.collapsed):after{content: '- Mostrar menos';}

#show-more-ru{width: 100%;}
#show-more-ru .collapsed{margin-bottom: 20px;}
#show-more-ru div.collapse[aria-expanded="false"]{display: block; padding-left: 4px; height: 350px !important; overflow: hidden;}
#show-more-ru div.collapsing[aria-expanded="false"]{height: 350px !important; padding-left: 4px;}
@media screen and (max-width: 768px){#show-more-ru div.collapse[aria-expanded="false"]{display: block; padding-left: 4px; height: 250px !important; overflow: hidden;}}
@media screen and (max-width: 768px){#show-more-ru div.collapsing[aria-expanded="false"]{height: 250px !important; padding-left: 4px;}}
#show-more-ru a.collapsed:after{content: '+ Показать ещё';}
#show-more-ru a:not(.collapsed):after{content: '- Скрыть';}

#show-more-tr{width: 100%;}
#show-more-tr .collapsed{margin-bottom: 20px;}
#show-more-tr div.collapse[aria-expanded="false"]{display: block; padding-left: 4px; height: 350px !important; overflow: hidden;}
#show-more-tr div.collapsing[aria-expanded="false"]{height: 350px !important; padding-left: 4px;}
@media screen and (max-width: 768px){#show-more-tr div.collapse[aria-expanded="false"]{display: block; padding-left: 4px; height: 250px !important; overflow: hidden;}}
@media screen and (max-width: 768px){#show-more-tr div.collapsing[aria-expanded="false"]{height: 250px !important; padding-left: 4px;}}
#show-more-tr a.collapsed:after{content: '+ Daha Fazla Göster';}
#show-more-tr a:not(.collapsed):after{content: '- Daha Az Göster';}

#show-more-vn{width: 100%;}
#show-more-vn .collapsed{margin-bottom: 20px;}
#show-more-vn div.collapse[aria-expanded="false"]{display: block; padding-left: 4px; height: 350px !important; overflow: hidden;}
#show-more-vn div.collapsing[aria-expanded="false"]{height: 350px !important; padding-left: 4px;}
@media screen and (max-width: 768px){#show-more-vn div.collapse[aria-expanded="false"]{display: block; padding-left: 4px; height: 250px !important; overflow: hidden;}}
@media screen and (max-width: 768px){#show-more-vn div.collapsing[aria-expanded="false"]{height: 250px !important; padding-left: 4px;}}
#show-more-vn a.collapsed:after{content: '+ Xem Thêm';}
#show-more-vn a:not(.collapsed):after{content: '- Thu Gọn';}

#show-more-de{width: 100%;}
#show-more-de .collapsed{margin-bottom: 20px;}
#show-more-de div.collapse[aria-expanded="false"]{display: block; padding-left: 4px; height: 350px !important; overflow: hidden;}
#show-more-de div.collapsing[aria-expanded="false"]{height: 350px !important; padding-left: 4px;}
@media screen and (max-width: 768px){#show-more-de div.collapse[aria-expanded="false"]{display: block; padding-left: 4px; height: 250px !important; overflow: hidden;}}
@media screen and (max-width: 768px){#show-more-de div.collapsing[aria-expanded="false"]{height: 250px !important; padding-left: 4px;}}
#show-more-de a.collapsed:after{content: '+ Mehr anzeigen';}
#show-more-de a:not(.collapsed):after{content: '- Weniger anzeigen';}

/*OEM-ODM*/
.oem-data {background: url("../images/oem-odm.webp") no-repeat center center; background-size: cover; padding-top: 60px; padding-bottom: 60px; color: #fff; position: relative;}
#productNumber li i{font-style: normal; line-height: 1; display: inline-block;}
#productNumber li em,#productNumber li sup {font-style: normal; font-weight: bold; font-size: 1.5em; color: #ffb400; margin-left: 2px; vertical-align: top;}
#productNumber li sup{top: 0.2em;}
/* --- 底部描述文字样式 --- */
#productNumber li p{color: rgba(255, 255, 255, 0.85); text-transform: uppercase; letter-spacing: 1px; margin-top: 15px; font-weight: 500;}
/* 手机端微调：防止数字过大换行 */
@media (max-width: 767px) { #productNumber li { margin-bottom: 30px; } #productNumber li i { font-size: 3em; }}




#feedbacks .carousel-control.left,.carousel-control.right {background:none; width:25px; color: #337ab7;}
#feedbacks .carousel-control.left {left:-25px;}
#feedbacks .carousel-control.right {right:-25px;}




/*团队*/
.author-left{background: #F0F0F0;}
.author-left img{width: 80%;}
.author-information li{padding: 5px 0; font-size: 120%; padding-left: 30px;}
.author-sns li{padding-left: 30px; margin: 8px 0;}

/*cookies*/
.cookies-eu-banner{background:#337ab7; color:#fff; padding:5px; font-size:13px; text-align:center; position:fixed; bottom:0; width:100%; z-index:9999; border-top:1px solid #d7d8d9; border-bottom:1px solid #d7d8d9;}
.hidden{display:none;}
.cookie-link a,.cookie-link a:hover{color:rgba(255,206,0,1); margin:0 8px;}

/*隐私政策内容页Toggle Nav*/
@media screen and (max-width:767px){.row-offcanvas{position:relative;-webkit-transition:all .25s ease-out;-o-transition:all .25s ease-out;transition:all .25s ease-out}.row-offcanvas-right{right:0}.row-offcanvas-left{left:0}.row-offcanvas-right .sidebar-offcanvas{right:-50%}.row-offcanvas-left .sidebar-offcanvas{left:-50%}.row-offcanvas-right.active{right:50%}.row-offcanvas-left.active{left:50%}.sidebar-offcanvas{position:absolute;top:0;width:50%}}



/* Support帮助中心 */
.support-hero-card{display:block; padding:30px; border:1px solid #eee; border-radius:8px; transition:all 0.3s; color:#333; text-decoration:none!important;}
.support-hero-card:hover{transform:translateY(-4px); box-shadow:0 10px 20px rgba(0,0,0,0.08); border-color:#337ab7;}
.support-hero-card h3{ font-weight:bold; color:#286090;}

/* Knowledge Hub */
.support-item-box{padding:25px 15px; background:#fff; border-radius:4px; height:100%; border:1px solid transparent; transition:all 0.3s;}
.support-item-box:hover{border-color:#337ab7;}
.support-item-box h3 a{color:#333; text-decoration:none;}
.support-item-box h3 a:hover{color:#337ab7;}

/* Business & Compliance */
.policy-card{display: flex; align-items: center; padding: 20px; background: #fafafa; border-radius: 8px; text-decoration: none !important; transition: all 0.3s ease; border: 1px solid transparent;}
.policy-card:hover{background: #fff; box-shadow: 0 5px 15px rgba(0,0,0,0.05);  border-color: #ddd;  transform: translateY(-2px);}
.policy-card i{font-size: 24px;  color: #666;  margin-right: 10px;  width: 30px;  text-align: center;  transition: color 0.3s;}
.policy-card:hover i{color: #337ab7;}
.policy-card h3{margin: 0;  font-size: 16px;  font-weight: 500;  color: #333;  line-height: 1.2;}









/* 硅胶模具定制 */
.custom-silicone-molds-banner{background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.4)), url("../images/custom-silicone-molds-banner.webp");  background-size: cover; background-position: center; color: #fff;  display: flex;  align-items: center; min-height: 450px;}
.hero-title{font-size: 48px;  font-weight: 700;  margin-bottom: 20px;  text-shadow: 0 2px 4px rgba(0,0,0,0.5);}
.hero-subtitle{font-size: 24px; font-weight: 300;  margin-bottom: 0;  opacity: 0.9;}
.custom-hero-btn{margin-top: 30px;  padding: 15px 40px;  font-weight: 600;  border-radius: 5px;  text-transform: uppercase;  box-shadow: 0 4px 15px rgba(0,0,0,0.2);}
@media (max-width: 768px) {.hero-title{font-size: 32px;} .hero-subtitle{font-size: 18px;}}

/* --- 分类描述文字优化 --- */
.collection-desc { color: #333;  font-size: 18px;  line-height: 1.6;  font-weight: 400;}
.collection-desc strong{color: #000; font-weight: 700;}

/* --- 首页铂金硅胶优势列表样式 --- */
.advantage-list{font-size: 16px; line-height: 1.6; color: #333;}
.advantage-list li{margin-bottom: 20px;}
.advantage-list li strong{display: block;font-size: 18px;  margin-bottom: 5px;}
.advantage-list .fa-li{top: 0.3em;color: #337ab7;}


/* 2. 定制流程样式 */
.process-step{position:relative;margin-bottom:30px}
.process-icon{width:80px;height:80px;background:#fff;border:2px solid #337ab7;border-radius:50%;margin:0 auto 15px;display:flex;align-items:center;justify-content:center;color:#337ab7;font-size:32px;transition:all .3s;z-index:2;position:relative}
.process-step:hover .process-icon{background:#337ab7;color:#fff;transform:scale(1.1)}
.process-step h4{font-weight:700;margin-bottom:5px}


/* 桌面端连接线效果 */
@media (min-width:992px){.process-step::after{content:'';position:absolute;top:40px;right:-50%;width:100%;height:2px;background:#ddd;z-index:1}
    .process-step:last-child::after{display:none}
}


/* --- 定制流程专用模态框样式 --- */
.custom-process-modal .modal-body{font-size:16px;line-height:1.8;color:#555;padding:30px 40px}
.custom-process-modal .modal-title{font-size:24px;font-weight:700;color:#286090;line-height:1.4}
.custom-process-modal .modal-body p{margin-bottom:25px}
.custom-process-modal .modal-body ol,.custom-process-modal .modal-body ul{margin-top:15px;margin-bottom:25px}
.custom-process-modal .modal-body li{margin-bottom:15px;font-size:16px}
.custom-process-modal .modal-body strong{color:#333;font-weight:600}
@media (max-width:768px){.custom-process-modal .modal-body{padding:20px}
}


/* --- 母模弹出模态框 --- */
.spec-container{background-color:#fafafa;border:1px solid #e7e7e7;border-radius:6px;padding:15px 0;margin-top:15px}
.spec-item{position:relative;padding:5px}
.spec-item.border-right{border-right:1px solid #ddd}
.spec-icon{font-size:20px;color:#337ab7;margin-bottom:5px;display:block}
.spec-label{font-size:12px;color:#777;text-transform:uppercase;letter-spacing:1px;margin-bottom:2px;display:block}
.spec-value{font-size:16px;font-weight:700;color:#333}
@media (max-width:480px){.spec-item.border-right{border-right:none;margin-bottom:10px}
    .spec-value{font-size:14px}
}


/* 评价卡片优化 */
.testimonial-card{border: none; box-shadow: 0 2px 10px rgba(0,0,0,0.05); height: 100%; border-radius: 8px;}
.avatar-circle{width: 60px; height: 60px; background: #f0f4f8; color: #337ab7; border-radius: 50%; margin: 10px auto; display: flex; align-items: center; justify-content: center;  font-size: 24px;}
.testimonial-card p{line-height: 1.6;}
.text-xs{font-size: 16px !important;}
.text-xs{font-size: 16px !important;}



/* 产品列表页 */
.product-card{background:#fff;border:1px solid #eee;border-radius:12px;padding:30px 20px;margin-bottom:30px;transition:all .3s ease;min-height:380px;display:flex;flex-direction:column;justify-content:space-between}
.product-card:hover{box-shadow:0 4px 8px rgba(0,0,0,.08);transform:translateY(-4px);border-color:#337ab7}
.product-card ul{display:inline-block;}
.product-card ul li{margin-bottom: 8px;}
.btn-outline{border:1.5px solid #337ab7;color:#337ab7;background:0 0;font-weight:700;transition:.2s}
.btn-outline:hover{background:#337ab7;color:#fff}



/* 1. 强制产品 caption 区域高度一致 */
.products-section .thumbnail .caption{height:50px;overflow:hidden;display:flex;align-items:center;justify-content:center}
.products-section .thumbnail .caption a{text-decoration:none;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.3;font-size:14px}
.products-section .thumbnail{min-height:250px;margin-bottom:20px}


/* 模具产品列表页 */
.product-sort-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;padding:4px 10px}
.product-sort-header .btn-xs{padding:4px 12px;font-size:13px;background-color:#fff;border:1px solid #ddd;color:#666;transition:all .2s ease-in-out;border-radius:15px}
.product-sort-header .btn-group.open .btn-xs,.product-sort-header .btn-xs:hover{border-color:#337ab7;color:#337ab7;background-color:#f0f8ff;box-shadow:0 2px 5px rgba(51,122,183,.15)}
.product-sort-header .dropdown-menu{border-color:#eee;box-shadow:0 4px 12px rgba(0,0,0,.1);margin-top:6px;border-radius:4px}
.product-sort-header .dropdown-menu>li>a{padding:8px 20px;font-size:13px;color:#555}
.product-sort-header .dropdown-menu>li>a:hover{background-color:#f5f5f5;color:#337ab7}
@media (max-width: 767px){.product-sort-header{padding: 10px 5px;}}
@media (max-width:767px) {.product-sort-header .panel-title{font-size: 15px;}}

/* 模具产品列表页 - 切换产品排版 */
.product-grid .thumbnail p{min-height: 48px; margin-bottom: 0; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; text-align: center; }
@media (max-width:767px){ul.product-grid.list-view>li{width:100%;float:none;padding-left:5px;padding-right:5px;margin-bottom:10px}
  ul.product-grid.list-view .thumbnail{display:flex;align-items:flex-start;padding:10px;text-align:left;height:auto!important;min-height:0!important}
  ul.product-grid.list-view .img-wrapper{position:relative;width:110px;height:110px;min-width:110px;margin-right:15px;flex-shrink:0}
  ul.product-grid.list-view .img-wrapper img{width:100%;height:100%;object-fit:cover;border-radius:4px;margin:0}
  ul.product-grid.list-view .mark,ul.product-grid.list-view .model-tag{top:0;left:0;font-size:10px;padding:2px 6px;border-top-left-radius:4px;border-bottom-right-radius:4px;border-top-right-radius:0;border-bottom-left-radius:0}
  ul.product-grid.list-view .thumbnail p{margin:0;padding-top:5px;font-size:14px;font-weight:700;line-height:1.4;min-height:auto!important;height:auto;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-align:left}
}

/* 硅胶模具产品列表页——WAP端侧边筛选 */
.mobile-filter-bar{position:-webkit-sticky;position:sticky;top:116px;z-index:1020;background-color:#fff;border-bottom:1px solid #eee;padding:10px 0;box-shadow:0 2px 4px rgba(0,0,0,.05);transition:top .2s ease-in-out;margin-bottom: 10px;}
@media (max-width:767px){.mobile-filter-bar{margin-left:-15px;margin-right:-15px}}
.mobile-filter-bar+.product-sort-header,.product-grid{scroll-margin-top:170px}

/* 硅胶模具产品列表页——侧边栏及遮罩层 */
.filter-sidebar{position:fixed;top:0;right:-280px;width:280px;height:100%;background-color:#fff;z-index:1050;transition:right .3s ease-in-out;box-shadow:-2px 0 5px rgba(0,0,0,.1);display:flex;flex-direction:column}
.sidebar-header{padding:15px 15px;border-bottom:1px solid #eee;display:flex;align-items:center;justify-content:space-between}
.sidebar-header .close{margin:0;float:none;opacity:.6}
.filter-sidebar.open {right: 0;}
.filter-backdrop {position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.5); z-index: 1040; display: none; }
.filter-backdrop.show{ display: block; }
body.filter-open{ overflow: hidden; }

/* 硅胶模具产品列表页——侧边栏内容区内边距优化 */
.sidebar-content{flex:1;overflow-y:auto;padding:10px 10px}
.filter-sidebar .panel-title>a{font-weight:700;color:#337ab7;text-decoration:none;display:flex;justify-content:space-between;align-items:center;padding:10px 10px}
.filter-sidebar .panel-title>a:active,.filter-sidebar .panel-title>a:hover{color:#23527c}
.count-tag{font-size: 13px; color: #555; font-weight: 400; margin-left: 5px;}
.filter-sidebar .list-group-item{padding:12px 5px}
.sidebar-footer{padding:15px;border-top:1px solid #eee;}
.sidebar-footer .btn{border-radius:4px;font-weight:700;padding:10px 0}

/* 母模产品列表页——WAP端单行左右滑动导航 */
.mobile-sticky-nav{position:-webkit-sticky;position:sticky;top:0;z-index:1020;background-color:#fff;box-shadow:0 2px 4px rgba(0,0,0,.08);border-bottom:1px solid #eee;height:56px;overflow:hidden;margin-bottom:10px;transition:top .2s ease-in-out}
@media (max-width:767px){.mobile-sticky-nav{margin-left:-15px;margin-right:-15px;padding-left:0;padding-right:0}
  .mobile-sticky-nav .scroll-ul{display:flex;flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;padding:10px 15px 0 15px;margin:0;height:70px;align-items:flex-start}
  .mobile-sticky-nav .scroll-ul::-webkit-scrollbar{display:none}
}
.mobile-sticky-nav .scroll-ul li{flex:0 0 auto;margin-right:8px}
.mobile-sticky-nav .scroll-ul .btn{border-radius:20px;padding:5px 12px;font-weight:600;white-space:nowrap;box-shadow:none;border:1px solid #eee;background-color:#f9f9f9;transition:all .2s}
@media (max-width:767px){.mobile-sort-header{display:flex!important;align-items:center;justify-content:space-between}
  .mobile-sort-header .panel-title{margin:0;line-height:1.2;flex:1}
  .mobile-sort-header .sort-toolbar{float:none!important;flex-shrink:0;display:flex;align-items:center;gap:8px}
  .mobile-sort-header .dropdown-menu{right:0;left:auto;min-width:140px;margin-top:5px}
}

/* 产品（模具、母模）内容页 */
.product-specs-list li{padding-bottom: 6px;}
.desc-truncate{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:4}
@media (min-width:768px){.desc-truncate{-webkit-line-clamp:3}
}
.desc-truncate.expanded{-webkit-line-clamp:unset!important;overflow:visible}
.desc-btn-wrapper{display:none}
.desc-toggle-btn-custom{display:inline-block;padding:5px 15px;border:1px solid #eee;border-radius:15px;text-decoration:none!important;transition:all .2s ease}
.desc-toggle-btn-custom:hover{background-color:#f5f5f5;text-decoration:none;border-color:#ddd}
.hr-sm{margin: 10px 0;}