/*  
Theme Name: 简站主题For1b25tradeht1fd1-walkie-talkie
Theme URI: http://www.jianzhanpress.com
Description: 本主题为简站主题www.jianzhanpress.com定制.
Version: 1.0
Author: jianzhanpress.com
Author URI: http://www.jianzhanpress.com
*/
/* 产品详情卡片全局样式 */
.chem-spec-wrapper {
    max-width: 850px;
    margin: 30px auto;
    font-family: 'Inter', -apple-system, sans-serif;
    background: #fff;
    border-radius: 20px;
    border: 1px solid #eef2f6;
    box-shadow: 0 15px 35px rgba(0,0,0,0.05);
    overflow: hidden;
}

.chem-hero {
    background: #004a99;
    color: #fff;
    padding: 40px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
    align-items: center;
}

.chem-hero-title > h2 {
    margin: 0 !important; /* 强制覆盖主题边距 */
    font-size: 32px;
    font-weight: 800;
    color: #fff;
}

.chem-hero-tagline {
    font-size: 15px;
    opacity: 0.8;
    margin-top: 10px;
    line-height: 1.4;
}

.chem-highlight-stats {
    display: flex;
    gap: 20px;
    justify-content: flex-end;
}

.stat-box {
    text-align: center;
    background: rgba(255,255,255,0.1);
    padding: 15px 20px;
    border-radius: 12px;
    border: 1px solid rgba(255,255,255,0.2);
}

.stat-value {
    display: block;
    font-size: 24px;
    font-weight: 800;
    color: #ffcc00;
}

.stat-label {
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 1px;
    opacity: 0.9;
}

.chem-details {
    display: grid;
    grid-template-columns: 1.2fr 0.8fr;
    gap: 40px;
    padding: 40px;
}

.section-label {
    font-size: 14px;
    font-weight: 700;
    color: #004a99;
    text-transform: uppercase;
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    gap: 10px;
}

.section-label::after {
    content: "";
    height: 2px;
    flex-grow: 1;
    background: #f0f3f6;
}

.spec-table { width: 100%; }

.spec-row {
    display: flex;
    justify-content: space-between;
    padding: 12px 0;
    border-bottom: 1px solid #f8f9fa;
}

.spec-key { color: #64748b; font-weight: 500; font-size: 14px; }

.spec-val { color: #1e293b; font-weight: 600; font-size: 14px; text-align: right; }

.app-description { color: #475569; font-size: 15px; line-height: 1.7; }

.chem-notes {
    background: #f1f5f9;
    margin: 0 40px 40px;
    padding: 20px;
    border-radius: 12px;
    font-size: 13px;
    color: #64748b;
    border-left: 4px solid #004a99;
}

@media (max-width: 700px) {
    .chem-hero, .chem-details { grid-template-columns: 1fr; }
    .chem-highlight-stats { justify-content: flex-start; }
}




/* 2026 7.22 增加样式 **/

.product-menu .list-group-item {
cursor: pointer;
transition: all 0.2s ease;
}
.product-menu .list-group-item.active {
background-color: #004b7a;
color: #fff;
border-color: #004b7a;
}
#mainProductImg {
transition: opacity 0.3s ease;
}
.right-info-box {
transition: opacity 0.3s ease;
}


.catalog-dot-row {
display: flex;
align-items: baseline;
margin: 1.2rem 0 0.6rem;
}
.catalog-text {
/*white-space: nowrap;*/
font-size: 1.2rem;
font-weight: bold;
}
.catalog-dot {
flex: 1;
border-bottom: 2px dotted #222;
margin: 0 0.75rem;
}
.catalog-page {
white-space: nowrap;

}
.main-title {
display: grid;
grid-template-columns: 1fr auto;
align-items: end;
font-size: 1.5rem;  
margin : 1.8rem 0;
font-weig:bold;

}
.main-title > span:first-child {  border-bottom: 1px dotted black; padding: 10px 0 5px 0; color: #20987b
}

.fst-italic { color:#039445 }

.pro-list .col-lg-6 { font-size: font-size: 1rem }

.ti-headphone-alt { font-size:2rem; }


/* 2026 7.22 增加样式 **/

.archive .col-lg-9 > h2 { margin:18px 0 ; }
 h1.fw-bold { text-indent:none }

.table-scroll-wrap {
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

.table-scroll-wrap h2 { padding:8px 0;font-size:1.2rem; }

h2.wp-block-heading {  padding:24px 5px; }
h3.wp-block-heading {  padding:18px 3px; }
h4.wp-block-heading {  padding:12px 2px; }

   /* 1. 将容器设置为弹性布局 */
  .plist {
    display: flex;
    /* 关键：让子元素（li）在主轴上平均分配空间 */
    /* 这能确保表头和数据行的每一列宽度都严格相等 */
  }

  /* 2. 修正 li 标签的默认样式，并使其可以伸缩 */
  .plist li {
    /* 移除 li 默认的项目符号 */
    list-style: none;
    /* 关键：设置 flex 属性为 1，让每个 li 占据相等的宽度 */
    flex: 1;
    /* 添加内边距，让内容和边框有距离，更美观 */
    padding: 10px;
    /* 让文本内容居中显示 */
    text-align: center;
    /* 防止内容过长时撑破布局 */
    box-sizing: border-box;
    /* 可选：添加边框以便看清每一列的范围 */
    border: 1px solid #e0e0e0;
    /* 处理内容溢出，超出部分显示省略号 */
    overflow: hidden;
    text-overflow: ellipsis;
    white-space:  pre-wrap;   

    display: flex;
  align-items: center;
  justify-content: center; 
  }





/* 表头样式 */
.table-header li {
  background:#28a745;
  color:#fff;
  font-weight:bold;
}

/* 图片限制 */
.plist > li img{
  max-width: 100px;
  width: auto !important;
  height: auto;
}

/* ==========移动端适配（屏幕<768px手机）========== */
@media (max-width: 767.98px) {
  .plist > li {
    font-size: 15px !important; /* 手机端放大字体 */
    padding: 8px 4px;
  }
 
 /* 统一行样式：表头行 + 数据行共用class，不要分开两套flex逻辑 */
.plist {
  display: flex;
  width: max-content !important;
  min-width: 100%;
  margin:0;
  padding:0;
  /*! list-style:none; */
  /*! width: 100%; */
  /*! overflow-x: auto; */
  -webkit-overflow-scrolling: touch;
}
.table-scroll-wrap {
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}
 
  .table-header > li:nth-child(1),
  .table-row > li:nth-child(1) { width: 100px; }
  .table-header > li:nth-child(2),
  .table-row > li:nth-child(2) { width: 120px; }
  .table-header > li:nth-child(n+3),
  .table-row > li:nth-child(n+3) { width: 80px; }
  .plist > li img{
    max-width:70px;
  }
}







h1.fw-bold {  
text-indent: 5px;
margin: 49px 0;

}

.col-lg-9 > h2 { margin:20px 0; }



.contact-wrap{
display:flex;
padding: 30px;
background: #14b78905;
}


.icon-box{

margin:0 auto 20px;
position:relative;
}

.contact-wrap .col-lg-6 { text-align:center; }
}

.contact-wrap .title{
font-size: 1.2rem !important;
color: #111;
margin-bottom: 14px;
font-weight: normal;
}
.contact-wrap .info-text {
  color: #222;
  font-size: 1.52rem;
  }

.contact-wrap .fa { font-size:22px; color: #14b789; }
.features-one img { border-radius: 50%; }



.home .navbar-nav .nav-link { color:white;  }
.home .sticky .navbar-nav .nav-link { color:black !important;  }



/* 还原原图样式 */
.safe-card {
    background: #f1f1f14a;
    overflow: hidden;
}
.safe-card-img {
    width: 100%;
    height: 280px;
    object-fit: cover;
    display: block;
} 


.card-text-area {
    padding: 0 28px 32px;
}
.card-title {
    font-size: 1rem;
  color: #444;
  margin: 12px 0;
  font-weight: normal;
  min-height: 58px;
}
.card-desc {
    color: #666;
    line-height: 1.7;
    margin-bottom: 0 !important;
}
.read-more {
    color: #dd1c1a;
 
}
.read-more:hover {
    color: #b31412;
}