body{
	font-size:12px;
	font-weight:normal;
	color:#333;
	line-height:1.5;
	font-family: Poppins;
	margin:auto;
	overflow-x:hidden;
	}

@supports (font: -apple-system-body) {
  body {
    font-family: 
      "PingFang SC",
      -apple-system,
      "HarmonyOS Sans",
      sans-serif;
  }
}

.apple-os body {
  font-family: "PingFang SC", -apple-system, sans-serif;
}
@media not all and (min-resolution: 0.001dpcm) { 
  @supports (-webkit-appearance: none) {
    body {
      font-family: "PingFang SC", -apple-system, sans-serif;
    }
  }
}

@font-face
{
	font-family: Poppins;
	src: url('../font/Poppins-Regular.ttf'),
	url('../font/Poppins-Regular.ttf'); /* IE9+,可以是具体的实际链接 */
	font-weight: 400; /* Regular/Normal */
	
}

@font-face
{
	font-family: Poppins2;
	src: url('../font/Poppins-Bold.ttf'),
	url('../font/Poppins-Bold.ttf'); /* IE9+,可以是具体的实际链接 */
	font-weight: 400; /* Regular/Normal */
	
}

@font-face
{
	font-family: Noto;
	src: url('../font/NotoSerifSC-VariableFont_wght.ttf'),
	url('../font/NotoSerifSC-VariableFont_wght.ttf'); /* IE9+,可以是具体的实际链接 */
}

@font-face
{
	font-family: Corm;
	src: url('../font/CormorantGaramond-Italic-VariableFont_wght.ttf'),
	url('../font/CormorantGaramond-Italic-VariableFont_wght.ttf'); /* IE9+,可以是具体的实际链接 */
}

@font-face
{
	font-family: 思源黑体;
	src: url('../font/思源黑体 CN-Light.otf'),
	url('../font/思源黑体 CN-Light.otf'); /* IE9+,可以是具体的实际链接 */
}
@font-face
{
	font-family: DIN;
	src: url('../font/DIN-Bold.otf'),
	url('../font/DIN-Bold.otf'); /* IE9+,可以是具体的实际链接 */
}
@font-face
{
	font-family: anton;
	src: url('../font/anton.woff.ttf'),
	url('../font/anton.woff.ttf'); /* IE9+,可以是具体的实际链接 */
}
@font-face
{
	font-family: Roboto;
	src: url('../font/Roboto-Regular.ttf'),
	url('../font/Roboto-Regular.ttf'); /* IE9+,可以是具体的实际链接 */
}
@font-face
{
	font-family: Source;
	src: url('../font/Source-Han-Serif-CN-Bold.ttf'),
	url('../font/Source-Han-Serif-CN-Bold.ttf'); /* IE9+,可以是具体的实际链接 */
}

@font-face
{
	font-family: zt;
	src: url('../font/HarmonyOS_Sans_SC_Light.ttf'),
	url('../font/HarmonyOS_Sans_SC_Light.ttf'); /* IE9+,可以是具体的实际链接 */
	font-weight: 300; /* Light */
	
}
@font-face
{
	font-family: zt2;
	src: url('../font/HARMONYOS_SANS_SC_BOLD.TTF'),
	url('../font/HARMONYOS_SANS_SC_BOLD.TTF'); /* IE9+,可以是具体的实际链接 */
	font-weight: 700; /* Bold */
	
}
@font-face
{
	font-family: zt3;
	src: url('../font/HARMONYOS_SANS_SC_REGULAR.TTF'),
	url('../font/HARMONYOS_SANS_SC_REGULAR.TTF'); /* IE9+,可以是具体的实际链接 */
	font-weight: 400; /* Regular/Normal */
	
}
@font-face
{
	font-family: zt4;
	src: url('../font/HARMONYOS_SANS_SC_MEDIUM.TTF'),
	url('../font/HARMONYOS_SANS_SC_MEDIUM.TTF'); /* IE9+,可以是具体的实际链接 */
	font-weight: 500; /* Medium */
	
}
html {
    scroll-behavior: smooth;
}
*{
	margin:0;
	padding:0;
	box-sizing: border-box;
	}
 


@media (min-width:1000px) { 
        }
        
      .navContent  h1 {
            font-size: 20px;
            color: #004499;
            display: flex;
            align-items: flex-start;
            gap: 8px;
            margin-bottom: 12px;
			margin-top: 20px;
        }
       .navContent  .intro-text {
            margin-bottom: 24px;
        }
       .navContent  h2 {
            font-size: 18px;
            color: #004499;
            border-bottom: 1px solid #004499;
            padding-bottom: 4px;
            margin: 2px 0 4px;
        }
      .navContent   .feature-item {
            display: flex;
            gap: 8px;
            margin: 10px 0;
        }
        /* 产品卡片：桌面左右两栏，移动端上下堆叠 */
      .navContent   .product-card {
            display: grid;
            grid-template-columns: 1fr 280px;
            gap: 20px;
            margin: 22px 0;
            border-bottom: 1px solid #cccccc;
            padding-bottom: 18px;
        }
      .navContent   .product-name {
            font-size: 17px;
            font-weight: bold;
            color: #004499;
            margin-bottom: 8px;
        }
      .navContent   .sub-title {
            color: #e69500;
            font-weight: bold;
            margin: 10px 0 4px;
        }
      .navContent   .micro-img-wrap {
            width: 100%;
        }
     .navContent    .micro-img-placeholder {
            width: 100%; 
        }
	   .navContent   	.table-wrap {
            overflow-x: auto;
            margin:16px 0;
        }
        .navContent      table {
            width:100%;
            border-collapse: collapse;
            min-width:640px;
        }
         .navContent     table th {
            background-color:#2299dd;
            color:#fff;
            border:1px solid #ccc;
            padding:8px 10px;
            text-align:center;
        }
        .navContent  table td {
            border:1px solid #ccc;
            padding:8px 10px;
            text-align:center;
        }
		.navContent table td ul li{
			    list-style: disc;
			}
        .navContent      .table-note {
            margin:8px 0 24px;
            font-size:14px;
        }
		.content-wrap{width:100%;}
.navContent .text-block{margin-bottom:24px;}
.navContent .item-block{margin-bottom:28px;}
.navContent .item-title{display:flex;align-items:center;gap:12px;background:#2294cb;color:#fff;padding:10px 14px;}
.navContent .item-title .num{font-size:28px;font-weight:bold;line-height:1;}
.navContent .item-title h3{margin:0;font-size:16px;font-weight:600;}
.navContent .item-row{display:flex;gap:24px;margin-top:16px;}
.navContent .item-desc{flex:1;}
.navContent .item-desc ul{margin:0;padding-left:20px;}
.navContent .item-desc li{margin-bottom:12px;line-height:1.6;}
.navContent .item-img{flex:0 0 400px;text-align:center;}
.navContent .img-box{margin-bottom:8px;}
.navContent .img-caption{border:1px solid #333;padding:4px 8px;display:inline-block;font-size:14px;}
.container p{font-size:1rem;}
.container .table-wrap{width:100%;overflow-x:auto;}
.container .text-block{margin-bottom:16px;line-height:1.6;}
.container .spec-table{width:100%;border-collapse:collapse;}
.container .spec-table th,.spec-table td{border:1px solid #ccc;padding:10px 12px;text-align:center;vertical-align:middle;font-size:1rem;}
.container .spec-table th{width:auto;color:#fff;font-weight:bold;background:#004499;font-size:1rem;}
.subNavBox. content-wrap{width:100%;}
.subNavBox .item-block{margin-bottom:24px;}
.subNavBox .item-row{display:flex;gap:24px;align-items:flex-start;}
.subNavBox .item-img{flex:0 0 300px;}
.subNavBox .img-box{width:100%;}
.subNavBox .item-desc{flex:1;}
.subNavBox .info-list{list-style:none;padding:0;margin:0;}
.subNavBox .info-list li{padding:10px 0;border-bottom:1px dashed #ccc;display: flex;}
.subNavBox .info-list li strong{display:inline-block;min-width:250px;}

.subNavBox .structure-block{margin:24px 0;}
.subNavBox .structure-item{display:flex;margin-bottom:12px;}
.subNavBox .structure-title{flex:0 0 140px;background:#004499;color:#fff;padding:14px 8px;text-align:center;font-weight:bold;border-radius:6px 0 0 6px;}
.subNavBox .structure-text{flex:1;padding:14px 16px;background:#f3f5f8;border:1px solid #dde1e7;border-left:none;}

.subNavBox .table-wrap{width:100%;overflow-x:auto;}
.subNavBox .table-title{font-size:18px;margin:12px 0;}
.subNavBox .spec-table{width:100%;border-collapse:collapse;}
.subNavBox .spec-table th,.spec-table td{border:1px solid #ccc;padding:10px 12px;text-align: center;vertical-align:middle;}
.subNavBox .spec-table th{background:#004499;color:#fff;font-weight:bold;}
.subNavBox .content-block { 
    line-height: 1.6;
    font-size: 15px;
}
.subNavBox .content-block h3 {
    font-size: 22px;
    color: #1a478e;
    margin: 24px 0 8px;
}
.subNavBox .content-block h4 {
    font-size: 18px;
    color: #2374c9;
    margin: 20px 0 10px;
    padding-bottom: 6px;
    border-bottom: 1px dashed #66a8e0;
}
.subNavBox .content-block p {
    margin: 0 0 12px;
}
.subNavBox .content-block ol {
    padding-left: 13px;
    margin: 0 0 16px;
}
.subNavBox .content-block ol li {
    margin-bottom: 8px;list-style: decimal;
}
        /* 响应式：小于768px手机平板，改成上下布局 */
        @media (max-width: 767px) {
		.subNavBox 	.item-row{flex-direction:column;}
   .subNavBox  .item-img{flex:none;width:100%;}
    .subNavBox .structure-item{flex-direction:column;}
   .subNavBox  .structure-title{flex:none;border-radius:6px 6px 0 0;}
   .subNavBox  .structure-text{border-left:1px solid #dde1e7;border-top:none;}
    .subNavBox .info-list li strong{min-width:auto;display:block;margin-bottom:4px;}
       .navContent      .product-card {
                grid-template-columns: 1fr;
            }
       .navContent      .micro-img-wrap {
                order: -1; /* 移动端图片显示在文字上方 */
                max-width: 100%;
            }
       .navContent      h1 {
                font-size: 17px;
            }
	  .navContent   		.item-row{flex-direction:column;}
    .navContent     .item-img{flex:none;width:100%;}
        }