/*初始化样式*/
/* 轮播 */
.borimg { position: relative; }
.borimg img { width: 100%; }
.bortext { position: absolute; top: 50%; width: 100%; padding: 50px; text-align: left; transform: translateY(-50%); }
.bortext h2 { font-size: 2vw; color: #fff; margin-bottom: 35px; font-weight: 600; }
.bortext h3 { font-size: 18px; color: #fff; margin-bottom: 20px; line-height: 1.5; font-weight: 500; }
.bortext .trye { margin-top: 50px; }
.bortext .trye a {/* font-size: 16px; *//* padding: 15px 40px; *//* background: #00aeef; *//* color: #fff; *//* border-radius: 60px; *//* box-shadow: 0 0 15px 0 #00aeef; */ }
.bortext p { font-size: 26px; color: #000; letter-spacing: 0; }
.bortexert { width: 50%; float: left; text-align: left; }
.bortext.wanhof { top: 25%; }
.bortext .bortexert.wantoe { text-align: center; width: 100%; }
.bortext .bortexert.wantoe .trye { justify-content: center; }
.bortext .bortexert.wantoe h2 {/* color: #fff; */}
.bortext .bortexert.wantoe h3 { color: #fff }
.trye { display: flex; gap: 50px; align-items: center; }
/* 左侧蓝色按钮 Get a Quote */
.trye a:first-child { background-color: #ee781e; color: #ffffff; padding: 10px 30px; border-radius: 8px; text-decoration: none; font-size: 18px; font-family: 'PlusJakartaSans-Bold'; /* 过渡动画：所有属性 0.3秒 平滑过渡 */ transition: all 0.3s ease; }
/* 悬浮效果 */
.trye a:first-child:hover { background-color: #2d57ff; /* 加深蓝色 */ transform: translateY(-3px); /* 轻微上浮 */ box-shadow: 0 8px 20px rgba(65, 105, 255, 0.35); /* 阴影变大 */ }
/* 点击效果 */
.trye a:first-child:active { transform: translateY(0); /* 按下复位 */ box-shadow: 0 2px 6px rgba(65, 105, 255, 0.25); }
/* 右侧文字按钮 Learn More */
.trye a:last-child { color: #000; font-size: 18px; text-decoration: none; font-family: 'PlusJakartaSans-Bold'; transition: all 0.3s ease; background-color: #fff; padding: 10px 30px; border-radius: 8px; }
/* 悬浮效果 */
.trye a:last-child:hover { color: #fff; /* 文字变蓝 */ background-color: #cccccc; transform: translateY(-3px); /* 轻微上浮 */ }
/* 右侧文字按钮 Learn More */
.bortext .bortexert.wantoe .trye a:last-child { color: #000; font-size: 18px; text-decoration: none; border-bottom: 3px solid #fff; padding-bottom: 6px; font-family: sans-serif; transition: all 0.3s ease; }

@media (max-width: 980px) {
.bortext.wanhof { top: 40%; }
.bortext .bortexert.wantoe .trye a:last-child {/* color: #fff; */font-size: 12px;}
.page-bannermo { margin-top: 60px; }
.bortexert { width: 100% }
.bortext { position: absolute; top: 50%; width: 100%; padding: 20px; text-align: left; }
.bortext h3 { font-size: 14px; color: #fff; margin-bottom: 10px; }
.bortext h2 {font-size: 16px;color: #ffffirebrick;margin: 0;font-weight: normal;}
.bortext .trye a { font-size: 12px; padding: 8px 20px; color: #000; border-radius: 20px; }
.page-bannermo .bortext h3 { font-size: 14px; color: #000; margin-bottom: 20px; }
.bortext p { font-size: 12px; color: #fff; letter-spacing: 0; }
.page-bannermo .bortext h2 { display: none; }
}
/*主体样式*/
   /* 外层容器 */
.about-wrap { margin-top: 10px; }
/* 顶部标题栏 1800px 居中 */
.about-top-bar { max-width: 1600px; margin: 0 auto; padding: 50px 0; display: flex; justify-content: space-between; align-items: center; }
.about-top-text h2 { font-size: 2vw; color: #111; margin-bottom: 16px; font-weight: 600; }
.about-top-text p { color: #555; font-size: 16px; line-height: 1.6;/* max-width: 480px; */ }
/* 按钮交互 */
.btn-learn { background-color: #999999; color: #fff; border: none; padding: 10px 20px 10px 20px; font-size: 16px; cursor: pointer; white-space: nowrap; font-family: 'PlusJakartaSans-Bold' }
.btn-learn svg { margin-left: 20px; }
.btn-learn:hover { transform: translateY(-3px); background-color: #3358e6; color: #fff; box-shadow: 0 6px 18px rgba(65, 105, 255, 0.3); }
/* 左右布局 */
.about-content-row { display: flex; }
/* ========== 左侧视频：全屏靠左 ========== */
.content-left-video { width: 50%; flex-shrink: 0; position: relative; overflow: hidden; }
/* 视频样式 + 封面 */
.content-left-video video { width: 100%; height: 100%; display: block; object-fit: cover; transition: transform 0.4s ease; }
/* 视频悬浮放大 */
.content-left-video img{max-width:100%;}
.content-left-video:hover video { transform: scale(1.03); }
/* ========== 播放按钮 + 波纹动画 ========== */
.play-icon { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 70px; height: 70px; background: #ffffff; border-radius: 50%; display: flex; align-items: center; justify-content: center; cursor: pointer; z-index: 99; transition: all 0.3s ease; }
/* 播放箭头 */
.play-icon::after { content: ""; width: 0; height: 0; border-top: 14px solid transparent; border-bottom: 14px solid transparent; border-left: 22px solid #3366ff; margin-left: 4px; }
/* 波纹扩散效果 */
.play-icon::before { content: ""; position: absolute; width: 100%; height: 100%; border-radius: 50%; background: rgba(255, 255, 255, 0.3); animation: ripple 2s linear infinite; z-index: -1; }

        /* 波纹动画核心 */
        @keyframes ripple {
 0% {
 transform: scale(1);
 opacity: 1;
}
 100% {
 transform: scale(1.7);
 opacity: 0;
}
}
/* 按钮悬浮 */
.play-icon:hover { transform: translate(-50%, -50%) scale(1.1); }
/* ========== 右侧文字 ========== */
.content-right-text-wrap { width: 50%; max-width: 800px; padding: 0 0 0 50px; }
.content-right-text { max-width: 1800px; margin: 0 auto; opacity: 0; transform: translateY(20px); animation: textFade 0.8s 0.2s forwards; }
 @keyframes textFade {
 to {
 opacity: 1;
 transform: translateY(0);
}
}
.content-right-text h3 { font-size: 24px; color: #000; margin-bottom: 24px; font-family: 'PlusJakartaSans-Bold' }
.content-right-text h4 { font-size: 40px; color: #000; margin-bottom: 24px; font-family: 'PlusJakartaSans-Bold' }
.content-right-text p { font-size: 16px; color: #444; line-height: 1.7; margin-bottom: 20px; font-family: 'PlusJakartaSans-Regular' }

/* ========== 自适应 ========== */
@media screen and (max-width: 992px) {
.content-right-text h3 { font-size: 18px; }
.content-right-text h4 { font-size: 26px; }
.content-right-text p { font-size: 14px; }
.btn-learn { font-size: 14px; }
.about-content-row { flex-direction: column; }
.content-left-video, .content-right-text-wrap { width: 100%; padding: 10px; }
.about-top-bar { flex-direction: column; gap: 20px; }
.about-top-text h2 { font-size: 26px; }
}
.stats-wrap { width: 100%; padding-top: 20px; }
.stats-container { max-width: 1600px; margin: 0 auto; display: flex; justify-content: space-around; text-align: left; }
.stats-item { flex: 1; transition: transform .3s ease; }
.stats-item:hover { transform: translateY(-6px); }
.stats-num { font-size: 3vw; color: #030303; margin-bottom: 12px; font-family: 'PlusJakartaSans-Regular' }
.stats-desc { font-size: 16px; color: #666; padding-bottom: 50px; font-family: 'PlusJakartaSans-Regular' }
/* 数字滚动动画class，JS触发 */
.count-animate { }

@media(max-width:992px) {
.stats-container { flex-wrap: wrap; gap: 40px; }
.stats-item { width: 45%; flex: none; }
.stats-num { font-size: 25px; }
.stats-desc { font-size: 14px; color: #666; padding-bottom: 10px; }
}
.product-wrap { width: 100%; padding: 0 0 50px 0; }
/* 主体宽度1600px */
.product-container { max-width: 1600px; margin: 0 auto; }
.title-top { text-align: center; font-size: 2vw; color: #111; margin: auto; margin-bottom: 50px; font-weight: 600; }
.grid-box { display: grid; grid-template-columns: 1fr 1fr; gap: 25px; }
/* 左侧大卡片 */
.card-left { background: #26323f; border-radius: 6px; padding: 50px 30px 0; display: flex; flex-direction: column; align-items: center; text-align: center; color: #fff; position: relative; overflow: hidden; min-height: 620px; justify-content: space-between; transition: all 0.35s ease; }
.card-left:hover { transform: translateY(-6px); box-shadow: 0 12px 35px rgba(0,0,0,0.12); }
.card-left-text { z-index: 2;/* margin-bottom: 30px; */ }
.card-left h3 { font-size: 26px; margin-bottom: 20px; font-weight: 600; }
.card-left p { opacity: 0.8; font-size: 16px; line-height: 1.5; max-width: 420px; margin: 0 auto 30px; }
.btn-white { background: #fff; color: #222; border: none; padding: 14px 32px; border-radius: 50px; font-size: 16px; cursor: pointer; transition: 0.3s; display: inline-block; }
.btn-white:hover { background: #f1f1f1; transform: translateY(-3px); }
.card-left-img { /* position: absolute; */ /* bottom: 0; */ /* left: 50%; */ /* transform: translateX(-50%); */
max-width: 100%; }
/* 右侧上下两个卡片 */
.right-col { display: flex; flex-direction: column; gap: 25px; }
.card-right-item { background: #f5f5f7; border-radius: 6px; padding: 45px 35px; display: flex; align-items: center; gap: 30px; justify-content: space-between; transition: all 0.35s ease; }
.card-right-item:hover { transform: translateY(-6px); box-shadow: 0 12px 35px rgba(0,0,0,0.08); }
.right-text-box { max-width: 52%; text-align: center; /* 右侧文字全部居中 */ }
.right-text-box h3 { font-size: 24px; color: #111; margin-bottom: 20px; font-weight: 600; }
.right-text-box p { font-size: 16px; color: #555; line-height: 1.5; margin-bottom: 30px; }
.btn-blue { background: #4169ff; color: #fff; border: none; padding: 13px 30px; border-radius: 50px; font-size: 16px; cursor: pointer; display: inline-block; transition: 0.3s; }
.btn-blue:hover { background: #3358e6; transform: translateY(-3px); box-shadow: 0 5px 14px rgba(65,105,255,0.22); color: #fff; }
.right-img { width: 42%; }

/* 自适应 */
@media(max-width:992px) {
.grid-box { grid-template-columns: 1fr; }
.card-left { min-height: 520px; }
.right-col { gap: 25px; }
.card-right-item { flex-direction: column; text-align: center; gap: 30px; }
.right-text-box { max-width: 100%; }
.right-img { width: 65%; }
.title-top { font-size: 26px; }
}

@media(max-width:576px) {
.right-img { width: 80%; }
}
/* 全局唯一类名前缀 factory_sec_ */
.factory_sec_wrap { width: 100%; padding: 70px 20px; }
.factory_sec_container { max-width: 1600px; margin: 0 auto; }
.factory_sec_header { display: flex; justify-content: space-between; align-items: flex-end; margin-bottom: 50px; }
.factory_sec_title h2 { font-size: 2vw; color: #111; line-height: 1; margin-bottom: 20px; font-weight: 600; margin: 0 0 20px; }
.factory_sec_title p { font-size: 18px; color: #777; }
/* 箭头外层容器 */
.factory_sec_arrow_box { display: flex; gap: 20px; }
/* 自定义箭头样式 完全匹配原图：左蓝底白< 右白底黑> */
.factory_sec_prev, .factory_sec_next { width: 56px; height: 56px; border-radius: 50%; display: flex; align-items: center; justify-content: center; cursor: pointer; transition: 0.3s ease; }
.factory_sec_prev { background: #4169ff; color: #fff; }
.factory_sec_next { background: #f3f3f4; color: #222; }
.factory_sec_prev:hover { background: #3358e6; }
.factory_sec_next:hover { background: #e4e4e6; }
/* 箭头符号粗细 */
.factory_sec_prev::after { content: "<"; font-size: 22px; font-weight: bold; }
.factory_sec_next::after { content: ">"; font-size: 22px; font-weight: bold; }
/* 轮播容器 */
.factory_sec_swiper { overflow: hidden; }
.factory_sec_item { text-align: center; }
.factory_sec_item img { width: 100%; display: block; border-radius: 4px; transition: transform 0.35s ease; }
.factory_sec_item:hover img { transform: scale(1.02); }
.factory_sec_desc { margin-top: 20px; font-size: 18px; color: #666; }

@media(max-width:992px) {
.factory_sec_header { flex-direction: column; gap: 30px; align-items: flex-start; }
.factory_sec_title h2 { font-size: 26px; }
.factory_sec_desc { font-size: 17px; }
}
/* 唯一类名前缀：news_sec_ */
.news_sec_wrap { width: 100%; padding: 0 10px 50px; }
.news_sec_container { max-width: 1600px; margin: 0 auto; }
.news_sec_top_title { text-align: center; font-size: 2vw; color: #111; margin: 0 0 50px; /* 标题渐入动画 */ font-weight: 6; opacity: 0; transform: translateY(30px); animation: fadeUp 0.8s 0.1s forwards; }
/* 新闻条目 */
.news_sec_item { display: flex; justify-content: space-between; align-items: center; padding: 32px 0; border-bottom: 1px solid #eee; gap: 40px; cursor: pointer; transition: all 0.3s ease; /* 条目渐入动画 */ opacity: 0; transform: translateY(20px); }
/* 依次延迟出现 */
.news_sec_item:nth-child(2) { animation: fadeUp 0.7s 0.3s forwards; }
.news_sec_item:nth-child(3) { animation: fadeUp 0.7s 0.5s forwards; }
.news_sec_item:nth-child(4) { animation: fadeUp 0.7s 0.7s forwards; }
/* 条目hover 上浮 + 背景变浅 */
.news_sec_item:hover { transform: translateY(-6px); background-color: #fafafa; padding-left: 10px; padding-right: 10px; border-radius: 8px; }
.news_sec_item:last-child { border-bottom: none; }
.news_sec_text_box { width: calc(100% - 320px); }
.news_sec_date { font-size: 15px; color: #999; margin-bottom: 18px; transition: color 0.3s; }
/* hover 日期变蓝 */
.news_sec_item:hover .news_sec_date { color: #4169ff; }
.news_sec_title { font-size: 24px; margin-bottom: 20px; transition: color 0.3s; font-weight: 600; }
.news_sec_item:nth-child(1) .news_sec_title { color: #4169ff; }
.news_sec_item:nth-child(n+2) .news_sec_title { color: #111; }
/* hover 标题变蓝 */
.news_sec_item:hover .news_sec_title { color: #4169ff !important; }
.news_sec_desc { font-size: 16px; color: #888; line-height: 1.6; transition: color 0.3s; }
/* hover 描述变深 */
.news_sec_item:hover .news_sec_desc { color: #555; }
.news_sec_img_box { width: 300px; flex-shrink: 0; border-radius: 6px; overflow: hidden; }
.news_sec_img_box img { width: 100%; display: block; transition: transform 0.4s ease; }
/* 图片放大效果 */
.news_sec_item:hover .news_sec_img_box img { transform: scale(1.08); }

        /* 渐入动画 */
        @keyframes fadeUp {
 to {
 opacity: 1;
 transform: translateY(0);
}
}

/* 自适应 */
@media (max-width: 992px) {
.news_sec_item { flex-direction: column-reverse; align-items: flex-start; }
.news_sec_text_box { width: 100%; }
.news_sec_img_box { width: 100%; }
.news_sec_top_title { font-size: 26px; margin-bottom: 20px; }
.x-banner { margin-top: 60px; }
.about-wrap { padding: 10px; }
.bortext .trye { margin-top: 20px; }
.stats-wrap { width: 100%; padding: 20px 10px; }
.product-container { padding: 10px; }
.product-wrap { padding: 0; }
.news_sec_wrap { padding: 0 10px 0; }
.dw-footer-top-section { padding: 40px 10px; }
.dw-logo-box { margin: auto; }
.dw-col-item { width: 100%; }
}
/* 新增的CSS */
.top-row { display: flex; width: 100%; gap: 20px; margin-bottom: 40px; }
.product-header { flex: 1; width: 50%; }
.product-header h2 { font-size: clamp(28px, 5vw, 48px); font-family: 'PlusJakartaSans-Bold'; margin-bottom: 12px; color: #030303; }
.product-header p { color: #666; line-height: 1.6; font-size: clamp(14px, 2vw, 16px); max-width: 900px; }
.tab-buttons-right-col { display: flex; flex-direction: column; justify-content: flex-end; width: 50%; }
/* 顶部分类按钮组 */
.tab-buttons { display: flex; gap: 12px; justify-content: flex-end; flex-wrap: wrap; }
.tab-buttons a { background: #999; color: #fff; border: none; padding: 12px 24px; font-size: 15px; white-space: nowrap; display: block; }
/* 产品网格容器 - 核心响应式布局 */
.product-grid { display: grid; /* 大屏4列，自动适配 */ grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 30px 20px; clear: both; }
/* 单个产品卡片 */
.product-card { display: flex; flex-direction: column; gap: 14px; }
.product-img-box { width: 100%; aspect-ratio: 4 / 3; background: #f3f3f3; border: 1px solid #eee; overflow: hidden; }
.product-img-box img { transition: transform 0.3s ease; }
.product-img-box:hover img { transition: transform 0.3s ease; transform: scale(1.15); }
.card-bottom { display: flex; justify-content: space-between; align-items: center; }
.card-bottom a { color: #030303 }
.card-bottom .sku { font-size: 15px; color: #333; }
.card-bottom .quote-btn { border: 1px solid #999; background: #fff; padding: 6px 14px; font-size: 14px; cursor: pointer; }
.card-bottom .quote-btn:hover { border: 1px solid #000; background: #000; color:#fff }
@media(max-width:768px) {
.top-row { display: block; width: 100%; gap: 0; margin-bottom: 30px; }
.product-header { width: 100%; margin-bottom: 20px; }
.tab-buttons-right-col { display: block; flex-direction: unset; justify-content: unset; width: 100%; }
.tab-buttons a { background: #999; color: #fff; border: none; padding: 8px 15px; font-size: 15px; white-space: nowrap; display: block; }
}

/* 小屏幕手机进一步微调间距 */
@media (max-width: 480px) {
body { padding: 12px; }
.tab-buttons { justify-content: flex-start; }
}
.app-top { text-align: center; margin-bottom: 35px; margin-top: 50px; }
.app-top h1 { font-size: 40px; font-family: 'PlusJakartaSans-Bold'; margin-bottom: 15px; color: #030303; }
.app-top p { color: #666666; font-size: 17px; line-height: 1.7; max-width: 80%; margin: 0 auto; }
.applications { margin-bottom: 60px; }
/* Swiper外层容器，用来定位左右SVG按钮 */
.applications .swiper-box { position: relative; width: 100%; }
.applications .swiper { width: 100%; overflow: hidden; }
.applications .swiper-wrapper { display: flex; }
.applications .swiper-slide { width: 50%; }
.applications .swiper-slide img { width: 100%; height: auto; display: block; }
/* 自定义SVG左右按钮样式 */
.applications .btn-prev, .applications .btn-next { position: absolute; top: 50%; transform: translateY(-50%); width: 44px; height: 44px; background: rgba(0, 0, 0, 0.22); border: none; display: flex; align-items: center; justify-content: center; cursor: pointer; z-index: 10; border-radius: 2px; /* 按钮默认一直显示 */ opacity: 1; }
.applications .btn-prev { left: 12px; }
.applications .btn-next { right: 12px; }
/* hover加深背景 */
.applications .btn-prev:hover, .applications .btn-next:hover { background: rgba(0, 0, 0, 0.4); }
/* SVG箭头颜色白色 */
.applications .arrow-svg { fill: #fff; width: 18px; height: 18px; }

@media screen and (max-width: 992px) {
.app-top h1 { font-size: 36px; }
.app-top p { max-width: 95%; font-size: 15px; }
.swiper-slide { width: 100% !important; }
/* 手机端按钮缩小一点更美观 */
.applications .btn-prev, .applications .btn-next { width: 36px; height: 36px; }
.applications .arrow-svg { width: 14px; height: 14px; }
.app-top h1 { font-size: 28px; }
}
.oem-odm { background-color: #f1f1f1; width: 100%; height: auto; padding: 30px 0 30px 0; overflow: hidden;margin-top: 20px; }
.oem-header { text-align: center; margin-bottom: 40px; }
.oem-header h2 { font-size: 40px; margin-bottom: 16px; font-family: 'PlusJakartaSans-Bold'; }
.oem-header p { color: #777; font-size: 16px; line-height: 1.6; max-width: 76%; margin: 0 auto 35px auto; }
/* Swiper容器 */
.swiper-oem { width: 100%; padding-bottom: 50px; position: relative; }
.oem-odm .swiper-slide { background: #fff; display: flex; align-items: center; gap: 25px; padding: 30px; }
/* 左侧文字区域 */
.slide-text { flex: 1; }
.slide-text h3 { font-size: 24px; margin-bottom: 16px; font-family: 'PlusJakartaSans-Bold'; }
.slide-text h3 a { color: #030303 }
.slide-text h3 a:hover { color: #03F }
.slide-text p { color: #555; line-height: 1.7; font-size: 16px; }
/* 右侧图片容器，超出隐藏做放大 */
.oem-odm .slide-img-wrap { flex: 1; overflow: hidden; }
.oem-odm .slide-img-wrap img { width: 100%; display: block; transition: transform 0.3s ease; }
/* 鼠标悬浮轻微放大 */
.oem-odm .slide-img-wrap:hover img { transform: scale(1.08); }
/* 底部分页圆点样式 */
.oem-odm .swiper-pagination-bullet { width: 12px; height: 12px; background: #bbb; opacity: 0.6; }
.oem-odm .swiper-pagination-bullet-active { background: #666; opacity: 1; }

/* 移动端适配：一屏1个slide，内部上下排版 */
@media (max-width: 992px) {
.oem-header h2 { font-size: 32px; }
.oem-header p { max-width: 96%; font-size: 15px; }
.oem-odm .swiper-slide { flex-direction: column; }
.oem-odm .slide-text, .oem-odm .slide-img-wrap { width: 100%; }
.oem-header h2 { font-size: 28px; }
}

@media (max-width: 768px) {
.oem-header p { max-width: 98%; font-size: 14px; }
.oem-odm .swiper-slide { background: #fff; display: flex; align-items: center; gap: 15px; padding: 15px; }
.oem-odm .swiper-slide { flex-direction: column; margin-bottom: 20px; }
.slide-text h3 { font-size: 18px; margin-bottom: 16px; }
.slide-text p { color: #555; line-height: 1.5; font-size: 14px; }
}
.blog-top { text-align: center; padding-top: 40px; }
.blog-top h2 { font-size: 40px; font-family: 'PlusJakartaSans-Bold'; margin-bottom: 14px; }
.blog-top p { color: #707070; font-size: 14px; line-height: 1.6; max-width: 95%; margin: 0 auto 25px auto; }
/* 博客列表容器 */
.blog-wrap { display: grid; grid-template-columns: repeat(4, 1fr); gap: 24px; padding-bottom: 60px; }
/* 单篇博客卡片 */
.blog-item { width: 100%; }
/* 图片容器 溢出隐藏实现放大 */
.blog-img-box { overflow: hidden; margin-bottom: 16px; }
.blog-img-box img { width: 100%; display: block; transition: transform 0.3s ease; }
.blog-img-box:hover img { transform: scale(1.06); }
/* 日期行 SVG图标+文字 */
.blog-date { display: flex; align-items: center; gap: 6px; color: #666; font-size: 15px; margin-bottom: 12px; }
.calendar-svg { width: 16px; height: 16px; fill: #666; }
/* 博客标题文字 */
.blog-title { font-size: 18px; line-height: 1.5; color: #222; }
.blog-title a { color: #030303 }
.blog-title a:hover { color: #03F }

/* 响应式适配 */
/* 平板：768px~1199px 一行2列 */
@media screen and (min-width: 768px) and (max-width: 1199px) {
.blog-wrap { grid-template-columns: repeat(2, 1fr); }
}

/* 手机端：767px及以下 一行1列 */
@media screen and (max-width: 767px) {
.blog-wrap { grid-template-columns: repeat(1, 1fr); }
.blog-top h2 { font-size: 28px; }
.blog-top p { max-width: 98%; }
.blog-item { width: 100%; margin-bottom: 15px; }
}
.contact-wrap { background-color: #f3f3f3; padding: 30px 30px 60px 30px; display: flex; justify-content: space-between; align-items: center; gap: 40px; }
/* 左侧文字区域 */
.contact-left { flex: 1; }
.contact-title { font-size: 32px; font-family: 'PlusJakartaSans-Bold'; line-height: 1.2; margin-bottom: 24px; color: #000; }
.contact-desc { font-size: 14px; color: #777; line-height: 1.8; width: 80%; }
/* 右侧按钮 */
.contact-btn { background: #999999; color: #ffffff; border: none; font-size: 24px; padding: 10px 20px; cursor: pointer; white-space: nowrap; transition: background 0.25s ease; }
.contact-btn:hover { background: #000; }

@media screen and (max-width: 992px) {
.contact-wrap { flex-direction: column; align-items: flex-start; }
.contact-title { font-size: 36px; }
.contact-desc { font-size: 18px; }
.contact-btn { font-size: 22px; padding: 20px 36px; }
}

@media screen and (max-width: 767px) {
.contact-title { font-size: 28px; }
.contact-desc { font-size: 14px; line-height: 1.6; width: 100%; }
.contact-btn { font-size: 18px; padding: 7px 15px; margin-bottom: 20px; }
.about-wrap.w1200 { padding: 0; }
.stats-container { flex-wrap: wrap; gap: 0; }
.stats-item { width: 50%; border-bottom: 1px solid #ccc; }
}



  /* 全局FAQ外层容器，白色背景，最大宽度1800px */
        .faq_global_main_wrap {
            max-width: 1800px;
            margin: 0 auto;
            background-color: #ffffff;
            margin-bottom: 50px;
        }
        /* FAQ头部标题：放在白色区域，不在灰色盒子内 */
        .faq_header_title_box {
            text-align: center;
            margin-bottom: 40px;
        }
        .faq_header_title_box h2 {
            font-size: 40px;
            color: #111111;
            margin-bottom: 12px;
            font-weight: 600;
        }
        .faq_header_title_box p {
            font-size: 15px;
            color: #888888;
        }
        /* 仅问答列表的灰色容器 */
        .faq_list_gray_wrapper {
            background-color: #f3f3f3;
            padding: 40px;
        }
        /* FAQ单项容器 */
        .faq_single_item_block {
            background-color: #ffffff;
            margin-bottom: 20px;
            border-radius: 2px;
            overflow: hidden;
        }
        /* 问题标题栏 */
        .faq_question_title_bar {
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding: 22px 28px;
            cursor: pointer;
            font-weight: 600;
            margin: 0;
            transition: all 0.25s ease;
        }
        .faq_question_title_bar:hover {
            background-color: #f9f9f9;
        }
        .faq_question_title_bar h3 {
            font-size: 20px;
            color: #333333;
            font-weight: 600;
        }
        /* SVG箭头样式 */
        .faq_arrow_svg_icon {
            width: 20px;
            height: 20px;
            fill: #555555;
            transition: transform 0.3s ease;
        }
        /* 答案内容区域 默认隐藏 */
        .faq_answer_content_wrap {
            max-height: 0;
            overflow: hidden;
            padding: 0 28px;
            color: #666666;
            font-size: 15px;
            line-height: 1.6;
            transition: all 0.3s ease;
        }
        .faq_answer_content_inner {
            padding-bottom: 22px;
        }
        /* 单选框联动展开逻辑 */
        .faq_radio_hide {
            display: none;
        }
        /* 选中后展开答案 */
        .faq_radio_hide:checked ~ .faq_answer_content_wrap {
            max-height: 300px;
            padding-top: 8px;
        }
        /* 选中后箭头旋转向上 */
        .faq_radio_hide:checked ~ .faq_question_title_bar .faq_arrow_svg_icon {
            transform: rotate(180deg);
        }

        /* ========== 平板适配 1024px ========== */
        @media screen and (max-width: 1024px) {
            .faq_list_gray_wrapper {
                padding: 30px 20px;
            }
            .faq_header_title_box h1 {
                font-size: 38px;
            }
            .faq_question_title_bar h3 {
                font-size: 18px;
            }
            .faq_question_title_bar {
                padding: 18px 22px;
            }
        }
        /* ========== 手机适配 768px ========== */
        @media screen and (max-width: 768px) {
            body {
                padding: 30px 12px;
            }
            .faq_header_title_box h1 {
                font-size: 32px;
            }
            .faq_question_title_bar h3 {
                font-size: 16px;
            }
            .faq_question_title_bar {
                padding: 16px 18px;
            }
            .faq_answer_content_wrap {
                padding: 0 18px;
            }
        }