@charset "utf-8";
@import url("icon/iconfont.css");
/* 基础字体大小设置 - 根据视口动态调整 */
html { width: 100%; font-size: clamp(12px, 0.9vw, 18px); }
/* 当用户手动缩放浏览器字体时，保持 rem 体系仍可正常工作 */
@media (max-width: 768px) {
    html { font-size: 14px; }
}


/*全局样式开始-------------------------------------------------------------------------*/
body { position: relative; margin: 0 auto; padding: 0; width: 100%; max-width: 100%; overflow-x: hidden; font-size: 1rem; color: #666; background: #fff; font-family: Cambria,'Microsoft YaHei'; line-height: 1.6; }

a { margin: 0; padding: 0; text-decoration: none; color: #fff; }
a:hover { color: #ff0000; text-decoration: none; cursor: pointer; }
a:link { outline-style: none; }
ul, li, ol, dl, dt, dd, p { margin: 0; padding: 0; list-style: none; }
h1, h2, h3, h4, h5, h6, h7, h8, h9 { margin: 0; padding: 0; }
div { text-align: left; }
img { border: none; max-width: 100%; height: auto; }
.clearfix { display: block; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clear { clear: both; margin: 0; padding: 0; height: 0; overflow: hidden; }
.left { float: left; }
.right { float: right; }
.h1 { font-size: 1.875rem; font-weight: bold; }
.h2 { font-size: 1.5rem; }
.h3 { font-size: 1.125rem; }
/*全局样式结束-------------------------------------------------------------------------*/

/*通用样式开始-------------------------------------------------------------------------*/
/*box*/
.box { margin: 0 auto; padding: 0; width: 90%; }


/* 思源宋体 */
@font-face { font-family: 'Source Han Serif CN'; src: url('/fonts/SourceHanSerifCN-Regular-1.otf') format('woff'); font-style: normal; font-display: swap; }
@font-face { font-family: 'Source Han Serif CN SemiBold'; src: url('/fonts/SourceHanSerifCN-SemiBold-7.otf') format('woff'); font-style: normal; font-display: swap; }

/*header*/
.header { position: absolute; top: 0; left: 0; z-index: 999; width: 100%; }
.header .menu { position: relative; width: 100%; height: 7.5rem; background-color: transparent; transition: all 0.3s ease; }
.header .menu:hover { background: #fff; opacity: 1; }
.header .menu .box { width: 100%; }
.header .menu .box .logo { margin: 0.8rem 0 0 1.875rem; float: left; width: 15.5rem; height: 4.1875rem; }
.header .menu .box .logo img { width: 100%; height: auto; }
.header .menu .box .nav { float: right; margin: 0; padding: 0 1.875rem 0 0; width: 62.5rem; background-color: transparent; }
.header .menu .box .nav .m { float: right; z-index: 9999; }
.header .menu .box .nav .m b { font-weight: normal; }
.header .menu .box .nav .m a { display: block; text-align: center; width: 8rem; height: 7.5rem; line-height: 7.5rem; color: #fff; overflow: hidden; position: relative; z-index: 1; transition: color 0.3s ease; }
/* 底部 → 顶部 红色充能动画 */
.header .menu .box .nav .m a::after { content: ""; position: absolute; left: 0; bottom: 0;width: 100%; height: 0; /* 初始高度为 0 */ background: linear-gradient( to top, #e10114, #ff2b2b ); z-index: -1; /* 在文字下面，在 a 里面 */ transition: height 0.45s ease-out; /* 控制充能速度 */ }
/* 悬停时：红色填满整个 a */
.header .menu .box .nav .m a:hover::after { height: 100%; }
.header .menu .box .nav .m a:hover { color: #fff; }
.header .menu .box .nav .m a i { margin-left: 0.3125rem; color: #fff; font-size: 0.625rem; transition: color 0.3s ease; }
.header .menu .box .nav .m a:hover i { color: #fff; }
.header .menu .box .nav .tel a { width: 11.25rem; font-size: 1.125rem; }
.header .menu .box .nav .tel a i { margin-right: 0; font-size: 1.125rem; }
.header .menu:hover .box .nav .m a { color: #000000; }
.header .menu:hover .box .nav .m a:hover { color: #fff; }
.header .menu .box .nav .m { position: relative; }
.header .menu .box .nav .sub { position: absolute; top: 100%; left: 50%; transform: translate(-50%, 12px) scale(.98); opacity: 0; pointer-events: none; margin-top: 0; transition: all .35s cubic-bezier(.25,.8,.25,1); z-index: 1000; }
.header .menu .box .nav .sub_box_about { margin: 0; padding: 0.5rem 0; width: 220px; background: #fff; box-shadow: 0 12px 30px rgba(0, 0, 0, 0.18); }
.header .menu .box .nav .sub_box_about ul { list-style: none; }
.header .menu .box .nav .sub_box_about li + li { margin-top: 0.5rem; }
.header .menu .box .nav .sub_box_about a { display: block; padding: 0 16px; height: 32px; line-height: 32px; font-size: 13px; color: #333 !important; border-radius: 4px; background: #fff; text-align: left; transition: all 0.3s ease; }
.header .menu .box .nav .sub_box_about a:hover { background: #d51813; color: #fff !important; font-weight: 500; }
.header .menu .box .nav .sub_box1 { margin: 0 auto; padding: 1.25rem 0; width: 95%; max-width: 1520px; }
.header .menu .box .nav .sub_box1 .core { float: left; margin-left: 9.375rem; padding-right: 6.25rem; width: 25rem; border-right: 1px solid #aaa; }
.header .menu .box .nav .sub_box1 .core ul li img { display: block; margin-top: 1.875rem; width: 100%; height: auto; max-width: 28.125rem; }
.header .menu .box .nav .sub_box1 .hd { float: left; margin-left: 3.125rem; width: 37.5rem; }
.header .menu .box .nav .sub_box1 .hd ul { margin-top: 1.25rem; }
.header .menu .box .nav .sub_box1 .hd ul li { margin: 1.875rem 0; float: left; width: 50%; }
.header .menu .box .nav .sub_box1 .hd ul li a { display: block; margin: 0; padding: 0; width: 17.5rem; text-align: left; height: 2.5rem; line-height: 2.5rem; font-size: 1.25rem; color: #333; transition: all 0.3s ease; }
.header .menu .box .nav .sub_box1 .hd ul li a:hover { font-weight: bold; }
.header .menu .box .nav .sub_box1 .hd ul li a:hover p { font-weight: bold; }
.header .menu .box .nav .sub_box1 .hd ul li i { margin-right: 0.3125rem; font-size: 1.5rem; font-weight: bold; color: #666; transition: color 0.3s ease; }
.header .menu .box .nav .sub_box1 .hd ul li a:hover i { color: #d51813; }
.header .menu .box .nav .sub_box2 { margin: 0 auto; padding: 1.25rem 0; width: 75rem; }
.header .menu .box .nav .sub_box2 div { float: left; margin: 1.875rem; width: calc(25% - 3.75rem); }
.header .menu .box .nav .sub_box2 div a { display: block; margin: 0; padding: 1.25rem; width: 100%; height: 11rem; background: #fff; transition: all 0.3s ease; }
.header .menu .box .nav .sub_box2 div a:hover { color: #d51813; font-weight: bold; }
.header .menu .box .nav .sub_box2 div a:hover p { font-weight: bold; }
.header .menu .box .nav .sub_box2 div a img { display: block; width: 100%; height: 9rem; }
.header .menu .box .nav .sub_box2 div a p { line-height: 2.5rem; text-align: center; color: #333; margin-top: 0.625rem; }
.header_line { height: 8.75rem; }
/* 下拉整体容器 */
.header .menu .box .nav .sub { position: absolute; top: 100%; left: 0; width: 100%; transform: translateY(10px) scale(.98); opacity: 0; pointer-events: none; transition: all .35s cubic-bezier(.25,.8,.25,1); }
/* 鼠标移入，灵动浮现 */
.header .menu .box .nav .m:hover .sub { transform: translateY(0) scale(1); opacity: 1; pointer-events: auto; }
/* 玻璃卡片效果 */
.header .menu .box .nav .sub_box_about { width: 100%; padding: .6rem 0; }
/* 选项：初始轻隐藏 */
.header .menu .box .nav .sub_box_about li { opacity: 0; transform: translateY(6px); transition: all .28s ease; }
/* 依次弹入 */
.header .menu .box .nav .m:hover .sub_box_about li:nth-child(1) { transition-delay: .05s; opacity: 1; transform: translateY(0); }
.header .menu .box .nav .m:hover .sub_box_about li:nth-child(2) { transition-delay: .12s; opacity: 1; transform: translateY(0); }
.header .menu .box .nav .m:hover .sub_box_about li:nth-child(3) { transition-delay: .18s; opacity: 1; transform: translateY(0); }
/* 每一项按钮 */
.header .menu .box .nav .sub_box_about a { display: block; height: 36px; width: 70%; margin: auto; line-height: 36px; color: #333 !important; background: transparent; transition: all .32s ease; }
/* hover 时：轻微移动 + 光晕 */
.header .menu .box .nav .sub_box_about a:hover { background: #d51813; color: #fff !important; box-shadow: 0 10px 22px rgba(213,24,19,.28); }

.logo img.logo-hover { display: none; }
.header .menu:hover .logo img.logo-normal { display: none; }
.header .menu:hover .logo img.logo-hover { display: block; }

/* 高分辨率header优化 */
@media (min-width: 2560px) {
    .header .menu { height: 8rem; }
    .header .menu .box .nav .m a { height: 8rem; line-height: 8rem; font-size: 1.1rem; }
}

@media (min-width: 3840px) {
    .header .menu { height: 10rem; }
    .header .menu .box .nav .m a { height: 10rem; line-height: 10rem; font-size: 1.3rem; }
    .header .menu .box .nav .sub { top: 10rem; height: 25rem; }
}

/*banner*/
.banner { position: relative; width: 100%; height: 43.75rem; overflow: hidden; }
.banner .swiper { position: relative; width: 100%; height: 100%; }
.banner .swiper .swiper-wrapper .swiper-slide { position: relative; width: 100%; height: 100%; }
.banner .swiper .swiper-wrapper .swiper-slide .img { position: relative; width: 100%; height: 100%; }
.banner .swiper .swiper-wrapper .swiper-slide .txt { position: absolute; z-index: 99; top: 40%; left: 10%; color: #fff; }
.banner .swiper .swiper-wrapper .swiper-slide .txt h2 { font-size: 3.125rem; }
.banner .swiper .swiper-wrapper .swiper-slide .txt h2 b { color: #fff; }
.banner .swiper .swiper-wrapper .swiper-slide .txt p { margin: 1.875rem 0; font-size: 2.25rem; }
.banner .swiper .swiper-wrapper .swiper-button-next,
.banner .swiper .swiper-wrapper .swiper-button-prev { color: #fff; }
.banner .swiper .swiper-wrapper .swiper-pagination.on { color: #fff; }
.banner img.mymove { width: 100%; height: auto; position: relative; animation: mymove 10s infinite; -webkit-animation: mymove 10s infinite; }

/* 高分辨率banner优化 */
@media (min-width: 2560px) {
    .banner { height: 50rem; }
    .banner .swiper .swiper-wrapper .swiper-slide .txt h2 { font-size: 4rem; }
    .banner .swiper .swiper-wrapper .swiper-slide .txt p { font-size: 2.8rem; }
}

@media (min-width: 3840px) {
    .banner { height: 60rem; }
    .banner .swiper .swiper-wrapper .swiper-slide .txt h2 { font-size: 5rem; }
    .banner .swiper .swiper-wrapper .swiper-slide .txt p { font-size: 3.5rem; }
}

/*footer*/
.footer { width: 100%; border-top: 10px solid #ff0000;}
.footer .top { padding: 4%; height: auto; }
.footer dt, .footer dt a { margin-bottom: 1.25rem; color: #fff; }
.footer dt a:hover { color: #ff0000; }
.footer dd, .footer dd a { margin: 0.625rem 0; color: #ddd; font-weight: 100; }
.footer dd a:hover { color: #ff0000; }
.footer .menu { float: left; width: 35%; }
.footer .menu dl { float: left; margin-right: 1.875rem; }
.footer .contact { margin-right: 1.875rem; float: left; width: 20%; }
.footer .ewm { float: left; width: 20%; }
.footer .ewm dl { margin-right: 1.875rem; float: left; }
.footer .join { float: right; width: 18.75rem; }
.footer .bottom { padding: 0 4%; }
.footer .copyright { float: left; }
.footer .copyright img { width: 10.9375rem; height: 3.625rem; }
.footer .copyright a { color: #fff; }
.footer .flag { float: right; width: 19.0625rem; }
.footer .flag img { width: 100%; height: auto; }
.footer-qrs { display: flex; flex-direction: column; /* 竖着排 */ align-items: center; justify-content: center; gap: 18px; padding: 0 30px; }
.footer .footer-qrs .qr-item { text-align: center; }
.footer .footer-qrs img { width: 120px; height: 120px; border-radius: 10px; background: #fff; padding: 6px; }
.footer .footer-qrs p { margin-top: 6px; font-size: 14px; color: #fff; opacity: .9; }
/* ===============================
   首页底部备案信息条
=============================== */
.footer-record { width: 100%; background: #03397F; color: rgba(255,255,255,0.65); text-align: center; font-size: 14px; line-height: 1.6; padding: 14px 20px; border-top: 1px solid rgba(255,255,255,0.15); }

.footer-record a { color: rgba(255,255,255,0.75); margin-left: 6px; }

.footer-record a:hover { color: #ff2b2b; }

/* ===============================
   页脚：小屏更舒展（覆盖原来的 footer-body / footer-nav-cols）
   =============================== */

/* 让整体间距、字号等比例缩放（不再死 10rem / 18px） */
.footer-body { gap: clamp(28px, 4vw, 10rem); /* 覆盖 gap:10rem，屏幕窄时自动变小 */ }

.footer-nav-cols { /* 覆盖 font-size:18px；小屏自动变小一点 */ font-size: clamp(14px, 1.05vw, 18px); /* 增加列间距，避免文字挤在一起 */ column-gap: clamp(18px, 3.2vw, 70px); /* 行间距也拉开一点 */ row-gap: 10px; /* 默认右对齐没问题，但小屏会显得更挤，下面媒体查询里会改成左对齐 */ }

/* 列内部不要强制最小宽，允许真正压缩 */
.footer-nav-cols dl { min-width: 0; }

/* 标题/列表的间距做一点等比例缩放 */
.footer-nav-cols dt { margin-bottom: clamp(10px, 1.2vw, 16px); }
.footer-nav-cols dd { margin-bottom: clamp(6px, 0.9vw, 10px); }
.footer-nav-cols a { line-height: 1.8; word-break: keep-all; /* 中文尽量不拆得很怪（必要时浏览器会自己换行） */ }

/* ====== 关键：可视宽度变小时，把 4 列改成 2 列，并改为左对齐更舒服 ====== */
@media (max-width: 1500px) {
    .footer-body { gap: clamp(18px, 2.8vw, 56px); /* 小屏进一步收紧两块间距 */ }
    .footer-nav-cols { grid-template-columns: repeat(2, minmax(0, 1fr)); /* 4 -> 2 */ text-align: left; column-gap: clamp(18px, 5vw, 90px); }
}

/* 再窄一点：2 列也挤，就改成 1 列（不会再“挤成一团”） */
@media (max-width: 1100px) {
    .footer-nav-cols { grid-template-columns: 1fr; }
}

/*seach*/
.seach { position: relative; float: right; margin-top: 1.875rem; }
.seach .wenzi { border: none; float: left; width: 11.875rem; padding-left: 0.625rem; height: 1.8125rem; line-height: 1.8125rem; color: #fff; font-size: 0.875rem; background: url('../images/wenzi.jpg') no-repeat; background-size: cover; }
.seach .dianji { border: none; position: relative; left: -1.875rem; float: left; width: 1.8125rem; height: 1.8125rem; background: url('../images/dianji.jpg') no-repeat; background-size: cover; cursor: pointer; }

/*图片放大镜样式*/
.right-extra { float: left; width: 21.875rem; }
.jqzoom { float: left; border: none; position: relative; padding: 0; cursor: pointer; margin: 0; display: block; }
.zoomdiv { z-index: 100; position: absolute; top: 0; left: 0; width: 21.875rem; height: 21.875rem; background: #ffffff; border: 1px solid #ccc; display: none; text-align: center; overflow: hidden; }
.jqZoomPup { z-index: 10; visibility: hidden; position: absolute; top: 0; left: 0; width: 1.25rem; height: 1.25rem; border: 1px solid #aaa; background: #ffffff; opacity: 0.5; -moz-opacity: 0.5; -khtml-opacity: 0.5; filter: alpha(Opacity=50); }

/*图片小图预览列表*/
.spec-preview { width: 21.875rem; height: 21.875rem; border: 1px solid #DFDFDF; }
.spec-scroll { clear: both; margin-top: 0.3125rem; width: 22rem; }
.spec-scroll .prev { float: left; margin-right: 0.25rem; }
.spec-scroll .next { float: right; }
.spec-scroll .prev, .spec-scroll .next { display: block; font-family: "宋体"; text-align: center; width: 0.625rem; height: 3.375rem; line-height: 3.375rem; border: 1px solid #ccc; background: #ebebeb; cursor: pointer; text-decoration: none; }
.spec-scroll .items { float: left; position: relative; width: 20.125rem; height: 3.5rem; overflow: hidden; }
.spec-scroll .items ul { position: absolute; width: 999999px; height: 3.5rem; }
.spec-scroll .items ul li { float: left; width: 4rem; text-align: center; }
.spec-scroll .items ul li img { border: 1px solid #CCC; padding: 0.125rem; width: 3.125rem; height: 3.125rem; transition: all 0.3s ease; }
.spec-scroll .items ul li img:hover { border: 0.125rem solid #FF6600; padding: 0.0625rem; }

/*列表页码样式*/
/* 列表页码样式：纯文字风格 */
div.pagelist { margin: 30px 0 10px; text-align: center; font-size: 16px; color: #666; font-family: "Microsoft YaHei", Arial, sans-serif; }
/* 共30记录 / ... 等普通文字 */
div.pagelist span { display: inline-block; margin: 0 4px; color: #666; }
/* “...” */
div.pagelist span.dot { color: #999; }
/* 链接数字 & 上页/下页 */
div.pagelist a { display: inline-block; margin: 0 4px; padding: 0; border: none; background: none; color: #666; text-decoration: none; transition: color .2s ease; }
/* 当前页：红色 */
div.pagelist a.current { color: #d51813; font-weight: 400; }
/* hover 时变红即可 */
div.pagelist a:hover { color: #d51813; }
/*fullpage全屏样式*/
#fp-nav ul li a span, .fp-slidesNav ul li a span { width: 0.25rem; height: 0.25rem; background-color: #ddd; }
#fp-nav li .active span, .fp-slidesNav.active span { background-color: #ccc; }

.fp-controlArrow.fp-prev { left: 6%; width: 0; height: 0; border-top: 1.25rem solid transparent; border-right: 1.25rem solid rgba(255, 255, 255, 0.5); border-bottom: 1.25rem solid transparent; border-left: 0; transition: all 0.3s ease; }
.fp-controlArrow.fp-prev:hover { border-right: 1.25rem solid rgba(255, 255, 255, 1); }
.fp-controlArrow.fp-next { right: 6%; width: 0; height: 0; border-top: 1.25rem solid transparent; border-right: 0; border-bottom: 1.25rem solid transparent; border-left: 1.25rem solid rgba(255, 255, 255, 0.5); transition: all 0.3s ease; }
.fp-controlArrow.fp-next:hover { border-left: 1.25rem solid rgba(255, 255, 255, 1); }

#fullpage .section { margin: 0; padding: 0; width: 100%; height: 100vh; background-size: cover; }
#fullpage .section .slide { background-size: cover !important; -webkit-background-size: cover !important; -moz-background-size: cover !important; -o-background-size: cover !important; background-repeat: no-repeat; background-position: center center; }
#fullpage .section video { position: absolute; right: 0; min-width: 100%; min-height: 100%; width: auto; height: auto; background-size: cover; top: 50%; transform: translateY(-50%); }
video.hosted-video { background-position: center; background-repeat: no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }

/*overlay透明图层样式*/
.overlay { background: #000; filter: alpha(opacity=40); -moz-opacity: 0.4; -khtml-opacity: 0.4; opacity: 0.4; position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 1; }

/*mySwiper样式*/
@keyframes mymove {
    from { top: 0; }
    to { top: -5rem; }
}

@-webkit-keyframes mymove {
    from { top: 0; }
    to { top: -5rem; }
}

@keyframes flyIn {
    0% { opacity: 0; transform: translateX(100%); }
    100% { opacity: 1; transform: translateX(0); }
}

.fly-in-right-to-left { position: absolute; animation: flyIn 2s forwards; }

.content_swiper { position: relative; }
.content_swiper .swiper-button-next { position: absolute; top: 17.3125rem; right: -0.125rem; color: #000; }
.content_swiper .swiper-button-prev { position: absolute; top: 17.3125rem; left: -0.125rem; color: #000; }
.content_swiper .swiper-wrapper .swiper-slide { transition: transform 0.5s ease; }
.content_swiper .swiper-wrapper .swiper-slide:hover img { transform: scale(1.05); box-shadow: 0 0.625rem 1.25rem rgba(0, 0, 0, 0.5); }
.content_swiper .swiper-button-next:hover,
.content_swiper .swiper-button-prev:hover { font-weight: bold; }

.mySwiper { position: relative; }
.mySwiper .swiper-button-next { position: absolute; top: 17.3125rem; right: -0.125rem; color: #000; }
.mySwiper .swiper-button-prev { position: absolute; top: 17.3125rem; left: -0.125rem; color: #000; }
.mySwiper .swiper-button-next:hover,
.mySwiper .swiper-button-prev:hover { font-weight: bold; }

/*通用样式结束-------------------------------------------------------------------------*/

/*首页样式开始-------------------------------------------------------------------------*/
/* ================= 首页样式 ================= */

/* 统一 section 高度 */
#fullpage .section { height: 100vh; }
#fullpage .section { position: relative; overflow: hidden; }

/* ========== 第一屏 ========== */

.index_banner { position: relative; background: url("/upload/202512/31/202512311134471044.jpg") center/cover no-repeat; color: #fff; }
/* 首页用 fullpage，不需要 header_line 的占位高度 */
.home-page .header_line { height: 0; overflow: hidden; }
.index_banner .fullSlide { width: 100%; height: 100vh; position: relative; overflow: hidden; }
.index_banner .fullSlide .bd ul li { width: 100%; height: 100vh; background-size: cover; background-position: center center; background-repeat: no-repeat; position: relative; }
.index_banner .slide-mask { position: absolute; inset: 0; background: linear-gradient(to bottom, rgba(0,0,0,.6), rgba(0,0,0,.2)); }
/* 文案区域 */
.index_banner .slide-info { position: relative; width: 100%; text-align: center; z-index: 10; padding-top: 23%; }
.index_banner .s-t1 { font-size: 2.8rem; line-height: 1.4; margin-bottom: 1rem; font-weight: 300; letter-spacing: 1px; }
.index_banner .s-t2 { font-size: 2.2rem; line-height: 1.4; font-weight: 400; letter-spacing: 1px; }
/* 文字字符样式 */
.index_banner .char { display: inline-block; padding: 0 2px; transform-origin: center center; transform-style: preserve-3d; perspective: 1000px; }
/* 多米诺效果 */
.index_banner .char.flip { animation: dominoFlip180 0.5s ease-in-out forwards; }
/* 波浪感更明显 */
.index_banner .char.fade { opacity: 0.7; transform: scale(0.96); }
/* 标点符号不参与动画 */
.index_banner .char.punctuation { animation: none !important; }
/* 空格占位 */
.index_banner .char.space { width: 0.6em; margin: 0 2px; }
/* 180° 丝滑翻转再翻回来 */
@keyframes dominoFlip180 {
    0% { transform: rotateY(0deg); }
    50% { transform: rotateY(180deg); }
    100% { transform: rotateY(0deg); }
}

/* 底部条：左箭头+点，右 01/03 */
.index_banner .banner-bottom { position: absolute; left: 0; right: 0; bottom: 40px; display: flex; align-items: center; justify-content: space-between; z-index: 100; }
.index_banner .banner-left { display: flex; align-items: center; gap: 14px; }
/* 小圆点 */
.index_banner .hd ul { display: flex; gap: 8px; }
.index_banner .hd ul li { width: 20px; height: 20px; border-radius: 999px; background: rgba(255,255,255,.5); cursor: pointer; transition: all .3s; font-size: 0 !important; color: transparent !important; }
.index_banner .hd ul li.on { background: #fff; box-shadow: 0 0 10px rgba(255, 43, 43, 0.8); }
/* 01 / 03 放右侧，当前页红色 */
.index_banner .banner-index { font-size: 40px; letter-spacing: 2px; font-weight: 300; }
.index_banner .banner-index .cur { color: #ff2b2b; font-weight: 600; font-size: 40px; }
.index_banner .banner-index .split,
.index_banner .banner-index .total { color: #ffffff; opacity: 0.8; }
/* 左右箭头 */
.index_banner .arrow { width: 40px; height: 40px; border-radius: 50%; border: 2px solid rgba(255,255,255,.7); display: flex; align-items: center; justify-content: center; cursor: pointer; transition: .3s; background: rgba(0,0,0,.3); }
.index_banner .arrow::before { content: ""; font-size: 20px; color: #fff; font-weight: bold; }
.index_banner .prev::before { content: "‹"; }
.index_banner .next::before { content: "›"; }
.index_banner .arrow:hover { background: rgba(255, 43, 43, 0.8); border-color: #ff2b2b; transform: scale(1.1); }

/* ================= 第二屏：业务领域 ================= */

.index_product { position: relative; color: #fff; }
.index_product .product-bg { position: absolute; inset: 0; background: url("/upload/home02.jpg") no-repeat center center; background-size: cover; }
.index_product .product-wrap { position: relative; padding-top: 120px; padding-bottom: 80px; }
/* 标题*/
.index_product .product-title { margin-bottom: 40px; }
.index_product .product-title .eng-title { font-size: 30px; letter-spacing: 4px; color: rgba(255, 255, 255, 0.8); margin-bottom: 8px; text-transform: uppercase; }
.index_product .product-title .cn-title { font-size: 40px; font-weight: 600; color: #ffffff; }
/* 栅格：4 列，两行自动 */
.index_product .product-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 24px 24px; }
/* 单个卡片 */
.index_product .product-card { position: relative; padding: 24px 22px 20px; border-radius: 24px; background: #ffffff; color: #003468; box-shadow: 0 18px 42px rgba(0, 0, 0, 0.25); display: flex; flex-direction: column; justify-content: space-between; min-height: 10rem; transition: transform 0.2s ease, box-shadow 0.2s ease; }
/* 顶部小图标 */
.index_product .product-card .card-icon { width: 72px; height: 72px; border-radius: 20px;background-repeat: no-repeat; background-position: center; background-size: 11rem; }
.index_product .product-card .card-icon img { width: 10rem; height: 10rem; object-fit: contain; }


/* 标题 */
.index_product .product-card .card-title { font-size: 20px; font-weight: 600; }
/* 底部按钮 */
.index_product .product-card .card-btn { align-self: flex-start; margin-top: 18px; padding: 4px 20px; border-radius: 999px; border: 1px solid #0057c9; font-size: 17px; color: #0057c9; }
/* hover 效果：轻微浮起 */
.index_product .product-card:hover { transform: translateY(-4px); box-shadow: 0 22px 50px rgba(0, 0, 0, 0.35); background: #ff2e3b; color: #ffffff; }
.index_product .product-card:hover .card-icon { border-color: #ffffff; }
.index_product .product-card:hover .card-btn { border-color: #ffffff; color: #ffffff; }
.index_product .product-card { display: block; text-decoration: none; color: inherit; }
.index_product .product-card:hover { text-decoration: none; }
.index_product .product-card { position: relative; padding: 24px 22px 20px; border-radius: 24px; background: #ffffff; color: #003468; /* 默认深蓝字色 */ box-shadow: 0 18px 42px rgba(0, 0, 0, 0.25); display: flex; flex-direction: column; justify-content: space-between; min-height: 10rem; transition: transform 0.2s ease, box-shadow 0.2s ease, background 0.2s ease, color 0.2s ease; text-decoration: none; /* 去掉 a 的下划线 */ }
.index_product .product-card .card-title { font-size: 20px; font-weight: 600; color: #003468; }
.index_product .product-card .card-btn { align-self: flex-start; margin-top: 18px; padding: 4px 20px; border-radius: 999px; border: 1px solid #0057c9; font-size: 17px; color: #0057c9; }
.index_product .product-card:hover { transform: translateY(-4px); box-shadow: 0 22px 50px rgba(0, 0, 0, 0.35); background: #ff2e3b; color: #ffffff; }
.index_product .product-card:hover .card-title { color: #ffffff; }
.index_product .product-card:hover .card-btn { border-color: #ffffff; color: #ffffff; }

/* ================= 第三屏：关于中健护康 ================= */
.index_about { position: relative; color: #fff; }
/* 整屏蓝色科技背景 */
.index_about .about-bg { position: absolute; inset: 0; background: url("/upload/home03.jpg") no-repeat center center; background-size: cover; }
/* 整体左右排版，垂直居中 */
.about-inner { position: relative; z-index: 1; height: 100%; display: flex; align-items: center; /* justify-content: space-between; */ gap: 60px; padding-top: 40px; padding-bottom: 40px; }
/* 左侧：灰色半透明卡片，从左侧滑入 */
.about-left { flex: 0 0 56%; max-width: 56%; padding: 40px 56px 34px; border-radius: 28px; background: rgba(15, 24, 38, 0.55); border: 1px solid rgba(255, 255, 255, 0.32); backdrop-filter: blur(18px); box-shadow: 0 28px 70px rgba(0, 0, 0, 0.55); /* 从左侧出来的动画 */ animation: aboutSlideInLeft 0.9s ease-out both; transition: transform 0.4s ease, box-shadow 0.4s ease; }
/* ABOUT US 标题区域 */
.about-left .sec-head { margin-bottom: 18px; }
.about-left .sec-en { font-size: 20px; letter-spacing: 4px; opacity: 0.9; }
.about-left .sec-title { font-size: 35px; margin-top: 6px; font-weight: 700; }
/* 正文两段说明文字 */
.about-text { font-size: 16px; line-height: 1.9; opacity: 0.96; margin-bottom: 30px; }
.about-text p + p { margin-top: 10px; }
/* 数字区域：三列，靠近底部 */
.about-num { display: flex; gap: 60px; margin-bottom: 26px; }
.about-num .item .num { font-size: 42px; font-weight: 700; margin-bottom: 6px; transition: color 0.3s ease; }
.about-num .item .label { font-size: 12px; opacity: 0.9; }
/* 左侧按钮 - 修改后样式 */
.btn-about { display: inline-flex; align-items: center; justify-content: center; gap: 0.75rem; padding: 0.625rem 1.75rem; border-radius: 999px; color: #fff; font-size: 0.8125rem; font-weight: 500; text-decoration: none; position: relative; overflow: hidden; border: 2px solid #fff; background: transparent; /* 初始透明，保持原来的滑入动画效果 */ transition: all 0.4s ease; z-index: 1; }
/* 按钮文字 */
.btn-about .btn-text { position: relative; z-index: 2; color: #fff; white-space: nowrap; transition: color 0.4s ease; }
/* 右侧圆形箭头 */
.btn-about .btn-arrow { position: relative; z-index: 2; width: 1.75rem; height: 1.75rem; border-radius: 50%; border: 2px solid #fff; display: flex; align-items: center; justify-content: center; flex-shrink: 0; }
/* 圆里的“>”箭头 */
.btn-about .btn-arrow::before { content: ""; width: 0.5rem; height: 0.5rem; border-right: 2px solid #fff; border-bottom: 2px solid #fff; transform: rotate(-45deg); margin-left: 1px; /* 让箭头稍微靠右一点 */ }
/* 按钮背景填充动画 */
.btn-about::before { content: ''; position: absolute; top: 0; left: -100%; width: 100%; height: 100%; background: linear-gradient(90deg, #E10114, #ff2b2b); transition: left 0.6s cubic-bezier(0.65, 0, 0.35, 1); z-index: 1; border-radius: 999px; }
/* 悬停时红色背景滑入 */
.btn-about:hover::before { left: 0; }

/* 悬停时文字依旧保持白色 */
.btn-about:hover .btn-text { color: #fff; }

/* 悬停时整体上浮并加阴影 */
.btn-about:hover { transform: translateY(-3px); box-shadow: 0 10px 25px rgba(255, 43, 43, 0.4); border-color: #ff2b2b; color: #fff; }

/* 右侧：大楼卡片整体 */
.about-right { flex: 0 0 30%; max-width: 28%; display: flex; align-items: center; justify-content: center; perspective: 1000px; }

.about-card { width: 100%; border-radius: 28px; background: linear-gradient(135deg, rgba(0, 122, 255, 0.6), rgba(0, 195, 255, 0.45)); border: 2px solid rgba(255, 255, 255, 0.70); box-shadow: 0 24px 70px rgba(0, 0, 0, 0.55); transition: transform 0.6s cubic-bezier(0.34, 1.56, 0.64, 1), box-shadow 0.6s cubic-bezier(0.34, 1.56, 0.64, 1); }

/* 鼠标悬停时卡片上浮和放大 */
.about-card:hover { transform: translateY(-10px) scale(1.03); box-shadow: 0 35px 90px rgba(0, 0, 0, 0.7); }

/* 竖版大楼图片 */
.about-img { width: 100%; border-radius: 22px; overflow: hidden; background-size: cover; transition: transform 0.8s cubic-bezier(0.34, 1.56, 0.64, 1); position: relative; transform-origin: center center; }

/* 图片悬停放大效果 */
.about-card:hover .about-img { transform: scale(1.02); }

/* 竖图比例接近 3:4，整体更小巧 */
.about-img::before { content: ""; display: block; padding-top: 140%; }

/* 添加一个微妙的发光效果 */
.about-card::after { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; border-radius: 28px; background: linear-gradient(135deg, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0)); opacity: 0; transition: opacity 0.6s ease; pointer-events: none; z-index: 1; }

.about-card:hover::after { opacity: 1; }
/* 竖版大楼图片容器：负责比例和圆角 */
.about-img { position: relative; width: 100%; border-radius: 22px; overflow: hidden; }
/* 维持原来的 3:4 左右竖图比例 */
.about-img::before { content: ""; display: block; padding-top: 140%; }
/* 真正显示的图片 */
.about-img img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; transition: transform 0.8s cubic-bezier(0.34, 1.56, 0.64, 1); transform-origin: center center; }
/* 图片悬停放大效果 */
.about-card:hover .about-img img { transform: scale(1.02); }
/* 从左侧滑入的动画 */
@keyframes aboutSlideInLeft {
    0% { opacity: 0; transform: translateX(-60px); }
    100% { opacity: 1; transform: translateX(0); }
}

/* 数字动画效果 */
@keyframes countUp {
    0% { opacity: 0.7; transform: translateY(10px); }
    100% { opacity: 1; transform: translateY(0); }
}

.index_about .about-num .item .num { animation: countUp 0.5s ease-out both; }

/* 响应式：窄屏改成上下排版 */
@media (max-width: 1200px) {
    .about-inner { flex-direction: column; align-items: center; justify-content: flex-start; padding-top: 80px; padding-bottom: 60px; }

    .about-left,
    .about-right { flex: 0 0 auto; max-width: 100%; width: 100%; }

    .about-right { margin-top: 26px; justify-content: center; }

    .about-card { max-width: 360px; }
}
/* ================= 第四屏：新闻动态 ================= */
.index_news { position: relative; color: #fff; }
.index_news .news-bg { position: absolute; inset: 0; z-index: 0; }
.index_news .news-bg { background: url("/upload/home05.jpg") no-repeat center center; background-size: cover; }
.index_news .news-inner { position: relative; padding-top: 9rem; padding-bottom: 4rem; z-index: 1; }
/* 顶部标题 + 右侧按钮区域 */
.news-header { display: flex; justify-content: space-between; gap: 2rem; }
.index_news .sec-head .sec-en { font-size: 2rem; letter-spacing: 0.4rem; text-transform: uppercase; opacity: 0.9; }
.index_news .sec-head .sec-title { font-size: 3.2rem; font-weight: 700; }
/* 更多资讯按钮 */
.news-header-right { display: flex; align-items: center; gap: 1.5rem; }
/* 右上角“更多资讯”按钮 */
.news-more-btn { display: inline-flex; align-items: center; justify-content: center; gap: 0.75rem; padding: 0.625rem 1.75rem; border-radius: 999px; color: #fff; font-size: 0.8125rem; font-weight: 500; text-decoration: none; position: relative; overflow: hidden; border: 2px solid #fff; background: transparent; transition: all 0.4s ease; z-index: 1; /* 移除原有的红色背景 */ background: transparent !important; box-shadow: none !important; }
/* 按钮文字 */
.news-more-btn .btn-text { position: relative; z-index: 2; color: #fff; white-space: nowrap; transition: color 0.4s ease; }
/* 右侧圆形箭头 */
.news-more-btn .btn-arrow { position: relative; z-index: 2; width: 1.75rem; height: 1.75rem; border-radius: 50%; border: 2px solid #fff; display: flex; align-items: center; justify-content: center; flex-shrink: 0; }
/* 圆里的">"箭头 */
.news-more-btn .btn-arrow::before { content: ""; width: 0.5rem; height: 0.5rem; border-right: 2px solid #fff; border-bottom: 2px solid #fff; transform: rotate(-45deg); margin-left: 1px; }
/* 按钮背景填充动画 */
.news-more-btn::before { content: ''; position: absolute; top: 0; left: -100%; width: 100%; height: 100%; background: linear-gradient(90deg, #E10114, #ff2b2b); transition: left 0.6s cubic-bezier(0.65, 0, 0.35, 1); z-index: 1; border-radius: 999px; }
/* 悬停时红色背景滑入 */
.news-more-btn:hover::before { left: 0; }
/* 悬停时文字保持白色 */
.news-more-btn:hover .btn-text { color: #fff; }
/* 悬停时整体上浮并加阴影 */
.news-more-btn:hover { transform: translateY(-3px); box-shadow: 0 10px 25px rgba(255, 43, 43, 0.4); border-color: #ff2b2b; color: #fff; }
/* 移除原来的新闻按钮样式 */
.news-more-btn .text,
.news-more-btn .circle-arrow { display: none; }
/* 主体布局：左侧列表 + 右侧两个大块 */
.news-main { display: grid; grid-template-columns: 1.2fr 1.6fr; gap: 2.5rem; align-items: center; }
/* 左侧三条新闻卡片 */
.news-left .news-list-cards { display: flex; flex-direction: column; gap: 1.2rem; }
/* 单条新闻 */
.news-item { display: grid; grid-template-columns: 12.5rem 1fr; gap: 1rem; align-items: center; padding: 0.7rem 0.9rem; border-radius: 1.2rem; background: radial-gradient(circle at 0 0, rgba(255, 255, 255, 0.08), rgba(0, 0, 0, 0.25)); box-shadow: 0 14px 32px rgba(0, 0, 0, 0.52); overflow: hidden; position: relative; }
/* 左边缩略图 */
.news-item .thumb { position: relative; border-radius: 1rem; overflow: hidden; }
.news-item .thumb::before { content: ""; display: block; padding-top: 65%; }
.news-item .thumb img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; transition: transform 0.35s ease; }
/* 右侧文字 */
.news-item .info .date { font-size: 0.8rem; opacity: 0.92; margin-bottom: 0.35rem; }
.news-item .info .title { font-size: 1rem; font-weight: 500; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
/* 左侧卡片 hover 放大图片 */
.news-item:hover .thumb img { transform: scale(1.08); }
/* 右侧两个大块 */
.news-right { display: flex; width: 60%; float: right; margin-left: 40%; flex-direction: column; gap: 1.8rem; }
/* 卡片整体高度加大一些，让比例更像你发的图 */
.news-card { position: relative; height: 16.5rem; border-radius: 2.2rem; overflow: hidden; box-shadow: 0 14px 36px rgba(0,0,0,.45); }
/* 背景图保持铺满 */
.news-card .card-bg { position: absolute; inset: 0; background-size: cover; background-position: center; transform: scale(1.05); transition: transform .35s ease; }
/* 公司动态 / 行业动态 各自背景 */
.news-card.company .card-bg { background-image: url("/upload/home10.png"); }
.news-card.industry .card-bg { background-image: url("/upload/home10.png"); }
/* 红色渐变遮罩 */
.news-card .card-mask { position: absolute; inset: 0; background: linear-gradient(145deg, rgba(211,16,25,0.55), rgba(211,16,25,0.15)); }
/* 文字区域 */
.news-card .card-text { position: relative; z-index: 2; height: 100%; display: flex; align-items: center; justify-content: flex-start; padding-left: 2rem; }
.news-card .card-text h3 { font-size: 1.9rem; font-weight: 800; color: #fff; }
/* 右侧圆形箭头：垂直居中 */
.news-card .card-arrow { position: absolute; z-index: 3; top: 50%; right: 1.6rem; transform: translateY(-50%); width: 2rem; height: 2rem; border: 2px solid #fff; border-radius: 50%; display: flex; align-items: center; justify-content: center; }
.news-card .card-arrow::before { content: ""; width: .55rem; height: .55rem; border-right: 2px solid #fff; border-bottom: 2px solid #fff; transform: rotate(-45deg); }
/* hover 放大 */
.news-card:hover .card-bg { transform: scale(1.12); }
/* ================= 第五屏：首页底部 ================= */
/* 第五屏：上半图片 + 下半底部 */
.index_footer { position: relative; }
/* 在 fullPage 中，第五屏仍然占满一屏 */
#fullpage .section.index_footer,
.section.index_footer { height: 100vh !important; }
/* 第五屏整体容器 */
.footer-screen { position: relative; height: 100%; display: flex; flex-direction: column; }
/* 上半部分 */
/*background: url("/upload/111.png") center center no-repeat;*/
.footer-top-img { height: 20%;  background: url("/upload/202512/30/202512301116256493.png") no-repeat center center; background-size: cover; /* 自动铺满 */ position: relative; }
.footer-top-mask { position: absolute; inset: 0; background: linear-gradient(to bottom, rgba(0,0,0,0.25), rgba(0,0,0,0.5)); }
.footer-main { position: relative; flex: 1; color: #fff; overflow: hidden; background: url("/upload/202512/29/202512291505389512.jpg") center bottom no-repeat; background-size: cover; }
.footer-main .footer-bg { position: absolute; inset: 0; background-image: url("/upload/footer_bg.png"); background-repeat: no-repeat; background-position: center right; background-size: auto 90%; }
.footer-inner { position: relative; height: 100%; padding: 40px 0 30px; display: flex; flex-direction: column; }
.footer-heading { display: flex; align-items: center; justify-content: space-between; margin-bottom: 20px; }
.footer-logo-block { display: flex; align-items: center; gap: 16px; }
.footer-logo-img img { display: block; height: 80px; }
.footer-logo-text .cn { font-size: 25px; font-weight: 600; letter-spacing: 1px; }
.footer-logo-text .en { font-size: 18px; margin-top: 4px; letter-spacing: 1px; opacity: 0.9; }
.footer-wechat img { width: 60px; height: 60px; border-radius: 50%; display: block; }
.footer-separator { height: 1px; background-color: rgba(255,255,255,0.22); }
.footer-body { flex: 1; display: flex; align-items: flex-start; justify-content: space-between; margin-top: 40px; gap: 10%; }
.footer-contact { max-width: 520px; line-height: 1.9; font-size: 18px; }
.footer-contact .label { font-weight: 600; margin-top: 6px; }
.footer-contact .label.mt { margin-top: 18px; }
.footer-contact .value { margin-left: 0; }
.footer-nav-cols { flex: 1; display: grid; text-align: center; grid-template-columns: repeat(4, minmax(0, 1fr)); row-gap: 4px; font-size: 18px; }
.footer-nav-cols dl { min-width: 110px; }
.footer-nav-cols dt { font-weight: 600; margin-bottom: 16px; }
.footer-nav-cols dd { margin-bottom: 8px; }
.footer-nav-cols a { color: #ffffff; opacity: 0.9; transition: opacity 0.2s ease; }
.footer-nav-cols a:hover { opacity: 1; color: red; }
.footer-qrs { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 18px; padding: 0 30px; }
.footer-qrs .qr-item { text-align: center; }
.footer-qrs img { width: 120px; height: 120px; border-radius: 10px; background: #fff; padding: 6px; }
.footer-qrs p { margin-top: 6px; font-size: 14px; color: #fff; opacity: .9; }


/*首页样式结束-------------------------------------------------------------------------*/

/*品牌样式开始-------------------------------------------------------------------------------*/
/* 公共 */
.container { max-width: 80%; margin: 0 auto; display: flex; gap: 40px; }
.section-title { text-align: center; font-size: 24px; margin-bottom: 40px; position: relative; }
.section-title::after { content: ''; width: 40px; height: 3px; background: #d7000f; display: block; margin: 10px auto 0; }
/* ===============================
  面包屑 + 分类导航
=============================== */
.brand-bar { display: flex; align-items: center; justify-content: space-between; padding: 14px 100px; margin-bottom: 26px; border-bottom: 1px solid #e5e5e5; }

/* 左侧面包屑 */
.brand-breadcrumb { font-size: 18px; color: #999; }
.brand-breadcrumb a { color: #999; transition: color .3s; }
.brand-breadcrumb a:hover { color: #d51813; }
.brand-breadcrumb span { margin: 0 6px; }
.brand-breadcrumb em { color: #d51813; font-style: normal; }
/* 右侧分类导航 */
.brand-tabs { display: flex; gap: 36px; }
.brand-tabs a { position: relative; font-size: 20px; color: #666; padding-bottom: 6px; transition: color .3s; }
.brand-tabs a:hover { color: #d51813; }
/* 当前栏目 */
.brand-tabs a.active { color: #d51813; font-weight: 500; }
.brand-tabs a.active::after { content: ""; position: absolute; left: 50%; bottom: -14px; transform: translateX(-50%); width: 32px; height: 2px; background-color: #d51813; }
/* 集团简介 */
.brand-intro { padding: 80px 0; }
.intro-left, .intro-right { flex: 1;width:1rem; }
.video-box video { width: 100%; border-radius: 6px; }
.intro-title { position: relative; display: inline-block; font-size: 3rem; font-weight: 600; margin-bottom: 1rem; color: #222; padding-bottom: 14px; }
.brand-intro .intro-title::after { content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 3px; background-color: #d51813; }
.intro-right p { line-height: 1.8; color: #555; font-size: 1.2rem; margin-bottom: 12px; }
/* 品牌 · 集团简介 外层布局：左右两列 */
.brand-intro .container { display: flex; align-items: flex-start; gap: 40px; }

/* 左侧视频列 */
.brand-intro .intro-left { flex: 0 0 48%; min-width: 420px; /* 防止被挤没，可以按需要调 */ }

/* 右侧文字列 */
.brand-intro .intro-right { flex: 1; min-width: 0; /* 防止 flex 挤压时超宽 */ }

/* 右侧正文：限制高度 + 内部滚动 */
.brand-intro .intro-content { margin-top: 16px; max-height: 20rem; /* 显示区域高度，想高一点就调大 */ overflow-y: auto; /* 超出时出现滚动条 */ line-height: 1.9; padding-right: 12px; /* 给滚动条留点空位，文字不贴边 */ }

/* 可选：美化右侧滚动条 */
.brand-intro .intro-content::-webkit-scrollbar { width: 6px; }
.brand-intro .intro-content::-webkit-scrollbar-track { background: #f3f3f3; border-radius: 3px; }
.brand-intro .intro-content::-webkit-scrollbar-thumb { background: #ccc; border-radius: 3px; }
.brand-intro .intro-content::-webkit-scrollbar-thumb:hover { background: #b3b3b3; }

/* 集团简介 · 视频区域 */
.video-box { position: relative; border-radius: 14px; overflow: hidden; box-shadow: 0 18px 40px rgba(0,0,0,.35); }
/* 整个缩略图区域 */
.video-thumb { display: block; position: relative; overflow: hidden; }
/* 视频封面图：带放大过渡 */
.video-thumb img { width: 100%; display: block; transform: scale(1); transition: transform .45s ease, filter .45s ease; }
/* 鼠标指上去：图片轻微放大 */
.video-thumb:hover img { transform: scale(1.06); filter: brightness(1.02); }
/* 中间播放按钮：带呼吸动画 */
.video-thumb .play-icon { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%) scale(1); font-size: 42px; color: #fff; background: rgba(0,0,0,.55); width: 70px; height: 70px; line-height: 70px; text-align: center; border-radius: 50%; box-shadow: 0 0 0 0 rgba(255,255,255,.25); transition: background .3s ease, box-shadow .3s ease, transform .3s ease; animation: playBreath 1.6s ease-in-out infinite; }
/* 鼠标指上去：按钮更亮一点 + 外发光 */
.video-thumb:hover .play-icon { background: rgb(88 109 249 / 95%); box-shadow: 0 0 0 6px rgba(225,1,20,.45); transform: translate(-50%, -50%) scale(1.08); }
/* 播放按钮轻微“呼吸”动画 */
@keyframes playBreath {
    0% { transform: translate(-50%, -50%) scale(1); box-shadow: 0 0 0 0 rgba(255,255,255,.25); }
    50% { transform: translate(-50%, -50%) scale(1.1); box-shadow: 0 0 0 12px rgba(255,255,255,0); }
    100% { transform: translate(-50%, -50%) scale(1); box-shadow: 0 0 0 0 rgba(255,255,255,0); }
}
/* 外层容器：两列布局 */
.profile-section { display: flex; align-items: flex-start; gap: 28px; /* 两列之间留空 */ flex-wrap: nowrap; /* 不允许把视频挤到下一行 */ }

/* 左侧视频 */
.profile-section .video-box { flex: 0 0 48%; /* 固定在大约一半宽度 */ min-width: 420px; /* 设最小宽度，防止被挤没 */ }

/* 右侧文字 */
.profile-section .text-box { flex: 1; /* 自适应剩余空间 */ min-width: 280px; line-height: 1.9; }

/* 数据条 */
.brand-stats { position: relative; padding: 70px 0 60px; color: #fff; overflow: hidden; }
.brand-stats .stats-bg { position: absolute; inset: 0; background-position: center; background-size: cover; background-repeat: no-repeat; transform: scale(1.02); }
/* 轻微暗层 */
.brand-stats::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(0,0,0,.22), rgba(0,0,0,.28)); pointer-events: none; }
.brand-stats .stats-slogan { position: relative; z-index: 1; text-align: center; font-size: 18px; letter-spacing: 2px; opacity: .95; margin-bottom: 26px; font-weight: 600; }
.brand-stats .stats-list { position: relative; z-index: 1; max-width: 1200px; margin: 0 auto; display: flex; justify-content: space-between; gap: 24px; padding: 0 20px; }
.brand-stats .stat-item { text-align: center; flex: 1; min-width: 0; }
.brand-stats .stat-item strong { display: block; font-size: 46px; line-height: 1; font-weight: 800; text-shadow: 0 10px 20px rgba(0,0,0,.35); margin-bottom: 10px; }
.brand-stats .stat-item span { display: inline-block; font-size: 14px; opacity: .95; padding: 3px 10px; border-radius: 3px; }
/* 企业文化 */
.culture2 { padding: 80px 0 70px; background: #fff; }
.culture2-inner { max-width: calc(100% - 40px); margin: 0 auto; }
.culture2-head { text-align: center; margin-bottom: 34px; }
.culture2-head h2 { font-size: 34px; font-weight: 800; color: #111; line-height: 1.15; margin: 0; }
.culture2-head p { margin: 12px 0 0; font-size: 14px; color: #777; letter-spacing: .5px; }
/* ===== 企业荣誉 ===== */
.brand-honor { padding: 80px 0; background: #fff; text-align: center; }
.brand-honor .section-title { font-size: 28px; font-weight: 600; margin-bottom: 40px; position: relative; }
.brand-honor .section-title::after { content: ""; width: 40px; height: 3px; background: #d51813; display: block; margin: 10px auto 0; }
/* 外层 */
.honor-wrap { width: 90%; margin: 0 auto; display: flex; align-items: center; position: relative; }
/* 可视区 */
.honor-viewport { overflow: hidden; width: 100%; }
/* 核心*/
.honor-track { display: grid; grid-auto-flow: column; grid-auto-columns: 25%; transition: transform .45s ease; }
/* 单个证书 */
.honor-item { padding: 0 12px; box-sizing: border-box; }
.honor-item img { width: 100%; background: #fff; border-radius: 6px; box-shadow: 0 10px 26px rgba(0,0,0,.15); }
.honor-item p { margin-top: 14px; font-size: 14px; color: #666; }
/* 箭头 */
.honor-arrow { width: 42px; height: 42px; border-radius: 50%; border: 1px solid #ddd; background: #fff; font-size: 26px; cursor: pointer; transition: .3s; }
.honor-arrow:hover { color: #d51813; border-color: #d51813; }
.honor-arrow.prev { margin-right: 16px; }
.honor-arrow.next { margin-left: 16px; }
/* ===== 企业荣誉 ===== */
.brand-honor { padding: 80px 0 60px; background: #fff; text-align: center; }
.brand-honor .section-title { font-size: 28px; font-weight: 600; margin-bottom: 40px; position: relative; }
.brand-honor .section-title::after { content: ""; display: block; width: 40px; height: 3px; background: #d51813; margin: 10px auto 0; }
.honor-wrap { width: 90%; margin: 0 auto; display: flex; align-items: center; gap: 18px; position: relative; }
.honor-viewport { width: 100%; overflow: hidden; }
.honor-track { display: flex; align-items: stretch; transition: transform .45s ease; will-change: transform; }
.honor-item { flex: 0 0 25%; box-sizing: border-box; padding: 0 12px; text-align: center; }
.honor-item img { width: 100%; display: block; border-radius: 6px; background: #fff; box-shadow: 0 12px 30px rgba(0,0,0,.15); }
.honor-item p { margin-top: 14px; font-size: 14px; color: #666; }
.honor-arrow { width: 44px; height: 44px; border-radius: 50%; border: 1px solid #ddd; background: #fff; color: #333; font-size: 26px; cursor: pointer; transition: all .25s ease; flex: 0 0 auto; }
.honor-arrow:hover { border-color: #d51813; color: #d51813; transform: scale(1.08); }
.honor-card { position: relative; cursor: pointer; transition: transform .25s ease, box-shadow .25s ease; }
.honor-card .honor-imgbox { position: relative; display: block; overflow: hidden; border-radius: 6px; }
.honor-card .honor-imgbox img { display: block; width: 100%; height: auto; transition: transform .35s ease; }
.honor-card:hover { transform: translateY(-4px); box-shadow: 0 18px 40px rgba(0, 0, 0, 0.16); }
.honor-card:hover .honor-imgbox img { transform: scale(1.06); }
.honor-card .honor-caption { margin-top: 10px; font-size: 14px; color: #444; }
/* 单个证书 */
.honor-item { box-sizing: border-box; padding: 0 12px; text-align: center; }
/* 包一下，负责裁剪和圆角 */
.honor-thumb { position: relative; overflow: hidden; border-radius: 6px; }
/* 图片本身加过渡 */
.honor-thumb img { width: 100%; display: block; background: #fff; box-shadow: 0 12px 30px rgba(0,0,0,.15); transition: transform .35s ease; }
/* 鼠标移到整块 honor-item 上时，里面的图放大一点 */
.honor-item:hover .honor-thumb img { transform: scale(1.06); }
.honor-title { margin-top: 14px; font-size: 18px; color: #666; }

/* 打开预览时禁止页面滚动 */
body.no-scroll { overflow: hidden; }
/* 预览遮罩层 */
.honor-preview-mask { position: fixed; inset: 0; background: rgba(0,0,0,.7); z-index: 9999; display: none; /* 默认隐藏 */ align-items: center; justify-content: center; padding: 20px; }
/* 显示状态 */
.honor-preview-mask.is-show { display: flex; }
/* 中间白色弹窗 */
.honor-preview-dialog { position: relative; max-width: 900px; width: 90%; background: #fff; border-radius: 10px; padding: 18px 24px 20px; box-shadow: 0 24px 60px rgba(0,0,0,.45); animation: honorZoomIn .28s ease; }
/* 大图区域，支持内部滚动避免超出屏幕 */
.honor-preview-img { max-height: 70vh; overflow: auto; }
.honor-preview-img img { display: block; width: 100%; height: auto; }
/* 标题 */
.honor-preview-title { margin-top: 12px; font-size: 16px; color: #333; text-align: center; }
/* 右上角关闭（×） */
.honor-preview-close { position: absolute; top: 6px; right: 12px; font-size: 26px; color: #999; cursor: pointer; line-height: 1; }
.honor-preview-close:hover { color: #d51813; }
/* 弹出时小放大动画 */
@keyframes honorZoomIn {
    from { opacity: 0; transform: scale(.9); }
    to { opacity: 1; transform: scale(1); }
}

/* ===== 公司环境 ===== */
.brand-env2 { padding: 70px 0 60px; background: #fff; text-align: center; margin-bottom: 3rem; }
.brand-env2 .section-title { font-size: 28px; font-weight: 600; margin-bottom: 5rem; position: relative; }
.brand-env2 .section-title::after { content: ""; display: block; width: 44px; height: 3px; background: #d51813; margin: 10px auto 0; }
.env2-wrap { width: 90%; margin: 0 auto; display: flex; align-items: center; justify-content: center; gap: 22rem; position: relative; }
.env2-arrow { width: 44px; height: 44px; border-radius: 50%; border: 1px solid #dcdcdc; background: #fff; color: #333; font-size: 26px; cursor: pointer; transition: all .25s ease; flex: 0 0 auto; }
.env2-arrow:hover { border-color: #d51813; color: #d51813; transform: scale(1.08); }
.env2-stage { position: relative; width: 100%; max-width: 980px; height: 360px; display: flex; align-items: center; justify-content: center; }
.env2-track { position: relative; width: 100%; height: 100%; }
.env2-slide { position: absolute; top: 50%; left: 50%; width: 72%; max-width: 820px; transform: translate(-50%, -50%); border-radius: 10px; overflow: hidden; box-shadow: 0 18px 40px rgba(0,0,0,.18); background: #fff; transition: transform .45s ease, opacity .45s ease, filter .45s ease; }
.env2-slide img { width: 100%; height: 100%; display: block; object-fit: cover; }
.env2-slide.is-active { transform: translate(-50%, -50%) scale(1); opacity: 1; filter: none; z-index: 5; }
.env2-slide.is-left1 { transform: translate(-115%, -50%) scale(.88); opacity: .92; filter: saturate(.95); z-index: 4; }
.env2-slide.is-left2 { transform: translate(-155%, -50%) scale(.82); opacity: .75; filter: saturate(.9); z-index: 3; }
.env2-slide.is-right1 { transform: translate(15%, -50%) scale(.88); opacity: .92; filter: saturate(.95); z-index: 4; }
.env2-slide.is-right2 { transform: translate(55%, -50%) scale(.82); opacity: .75; filter: saturate(.9); z-index: 3; }
.env2-slide.is-hidden { opacity: 0; pointer-events: none; transform: translate(-50%, -50%) scale(.7); z-index: 1; }
.env2-dots { position: absolute; left: 0; right: 0; bottom: -22px; display: flex; align-items: center; justify-content: center; gap: 10px; }
.env2-dot { width: 6px; height: 6px; border-radius: 50%; background: #cfcfcf; cursor: pointer; transition: transform .2s ease, background .2s ease; }
.env2-dot.is-on { background: #d51813; transform: scale(1.25); }


/* =====公司环境 左右按钮===== */
.brand-env2,
.env2-wrap { overflow: visible !important; }
.env2-stage { overflow: visible !important; position: relative; z-index: 1; }
.env2-track,
.env2-slide { z-index: 1; }
.env2-arrow { position: relative; z-index: 10; pointer-events: auto; background: #fff; }
.env2-arrow.env2-prev { margin-right: 12px; }
.env2-arrow.env2-next { margin-left: 12px; }
.culture2-row { position: relative; display: flex; justify-content: space-between; gap: 28px; padding: 10px 0 0; margin-bottom: 44px; }
.culture2-line { position: absolute; left: 0; right: 0; top: 34px; height: 0; border-top: 2px dashed #d6000f; opacity: .9; z-index: 0; }
.culture2-item { width: 20%; min-width: 0; text-align: center; position: relative; z-index: 1; }
.culture2-item h4 { display: none; }
.culture2-icon { width: 74px; height: 74px; margin: 0 auto 16px; border-radius: 50%; background: #eaf2ff; display: flex; align-items: center; justify-content: center; box-shadow: 0 10px 24px rgba(17,24,39,.08); }
.culture2-icon svg { width: 34px; height: 34px; fill: none; stroke: #d6000f; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.culture2-item p { margin: 0; color: #222; font-size: 13px; line-height: 1.45; font-weight: 700; }
.culture2-item p br { display: block; }
.culture2-cards { display: flex; gap: 46px; justify-content: center; align-items: stretch; }
.culture2-card { position: relative; width: 520px; max-width: 100%; border-radius: 12px; overflow: hidden; box-shadow: 0 18px 40px rgba(17,24,39,.14); transform: translateZ(0); }
.culture2-card img { width: 100%; height: 240px; object-fit: cover; display: block; }
.culture2-card-mask { position: absolute; left: 24px; top: 18px; color: #fff; text-shadow: 0 10px 20px rgba(0,0,0,.35); }
.culture2-card-t1 { font-size: 18px; font-weight: 800; margin-bottom: 6px; }
.culture2-card-t2 { font-size: 13px; font-weight: 600; opacity: .95; }
.culture2-card::after { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, rgba(0,0,0,.30), rgba(0,0,0,0)); pointer-events: none; }
.culture2-card:hover { transform: translateY(-2px); transition: .25s ease; }


/* ===== 管理团队 ===== */

.team2 { padding: 80px 0 70px; background: #f5f7fb; }
.team2-inner { width: 90%; margin: 0 auto; position: relative; }
.team2 .section-title { text-align: center; font-size: 28px; font-weight: 600; color: #333; margin-bottom: 34px; position: relative; }
.team2 .section-title::after { content: ""; display: block; width: 40px; height: 3px; background: #d51813; margin: 10px auto 0; }
.team2-panel { position: relative; border-radius: 18px; background: #fff; box-shadow: 0 18px 44px rgba(0,0,0,.10); padding: 34px 68px; }
.team2-viewport { overflow: hidden; width: 100%; }
.team2-track { display: flex; gap: 20px; transition: transform .45s ease; will-change: transform; }
.team2-page { flex: 0 0 100%; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 22px; align-items: start; }
.team2-card { background: #fff; border-radius: 14px; box-shadow: 0 10px 26px rgba(0,0,0,.10); overflow: hidden; padding: 0; transition: transform .25s ease, box-shadow .25s ease; }
.team2-card:hover { transform: translateY(-4px); box-shadow: 0 16px 36px rgba(0,0,0,.14); }
.team2-card { display: block; }
.team2-track > .team2-card { flex: 0 0 calc((100% - 3 * 22px) / 4);  }
.team2-photo { position: relative; width: 100%; height: 30rem; overflow: hidden; border-bottom: 1px solid #eef1f6; background: #eef2f7; overflow: hidden; }
.team2-photo::before { content: ""; display: block; padding-top: 72%; }
.team2-photo img { position: absolute; inset: 0; width: 100%; height: 100%; display: block; object-fit: cover; object-position: top center; }
.team2-name,
.team2-role,
.team2-desc { padding: 0 14px; }
.team2-name { margin-top: 14px; font-size: 18px; font-weight: 700; color: #666; text-align: left; }
.team2-role { margin-top: 6px; font-size: 18px; color: #222; text-align: left; }
.team2-desc { margin-top: 10px; padding-bottom: 16px; font-size: 12px; color: #888; line-height: 1.7; text-align: left; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; }
.team2-arrow { position: absolute; top: 50%; transform: translateY(-50%); width: 38px; height: 38px; border-radius: 50%; border: 1px solid #e6e9ef; background: #fff; color: #666; font-size: 20px; cursor: pointer; z-index: 10; display: flex; align-items: center; justify-content: center; box-shadow: 0 10px 20px rgba(0,0,0,.10); transition: all .2s ease; }
.team2-arrow:hover { color: #d51813; border-color: #d51813; transform: translateY(-50%) scale(1.08); }

.team2-prev { left: 18px; }
.team2-next { right: 18px; }

/* 企业荣誉 */
.brand-honor { padding: 80px 0; }
.honor-list { display: flex; justify-content: center; gap: 30px; }
.honor-list img { width: 200px; }

/* 公司环境 */
.brand-env { padding: 80px 0; }
.env-list { display: flex; justify-content: center; gap: 30px; }
.env-list img { width: 360px; border-radius: 6px; }




/* =========================
   荣誉证书列表
========================= */
.brand-honor { padding: 56px 0 40px; background: #fff; }
.brand-honor .section-title { font-size: 32px; font-weight: 800; color: #111; letter-spacing: 2px; margin-bottom: 34px; }
.brand-honor .section-title::after { display: none; }

/* 90%宽度 + 4列 */
.honor-grid { width: 90%; margin: 0 auto; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 34px 36px; }
.honor-card { text-align: center; }
.honor-imgbox { background: #f3f6f9; border-radius: 2px; box-shadow: 0 10px 22px rgba(0,0,0,.08); }
.honor-imgbox img { width: 100%; display: block; background: #fff; box-shadow: 0 10px 20px rgba(0,0,0,.10); }
.honor-caption { margin-top: 14px; font-size: 13px; color: #666; text-align: center; }
.honor-page-radio { position: absolute; left: -9999px; }
.honor-page { display: none; }
#honorPage1:checked ~ .honor-page-1 { display: grid; }
#honorPage2:checked ~ .honor-page-2 { display: grid; }
#honorPage3:checked ~ .honor-page-3 { display: grid; }
.honor-pager { width: 90%; margin: 28px auto 0; display: flex; align-items: center; justify-content: center; gap: 10px; flex-wrap: wrap; }
.honor-pager label { cursor: pointer; user-select: none; }
.honor-pager .is-disabled { opacity: .45; cursor: not-allowed; }
#honorPage1:checked ~ .honor-pager .hp-num-1,
#honorPage2:checked ~ .honor-pager .hp-num-2,
#honorPage3:checked ~ .honor-pager .hp-num-3 { color: #f00; font-weight: 700; }
.honor-pager .hp-prev,
.honor-pager .hp-next { display: none; }
#honorPage1:checked ~ .honor-pager .hp-prev-1 { display: inline-flex; }
#honorPage2:checked ~ .honor-pager .hp-prev-2 { display: inline-flex; }
#honorPage3:checked ~ .honor-pager .hp-prev-3 { display: inline-flex; }
#honorPage1:checked ~ .honor-pager .hp-next-1 { display: inline-flex; }
#honorPage2:checked ~ .honor-pager .hp-next-2 { display: inline-flex; }
#honorPage3:checked ~ .honor-pager .hp-next-3 { display: inline-flex; }
.brand-honor .pagelist { width: 100%; text-align: center; margin: 30px 0; }
.brand-honor .pagelist a,
.brand-honor .pagelist span { float: none !important; display: inline-block; margin: 0 4px; }

/* =========================
   管理团队 - 团队成员
========================= */
.team-page { padding: 34px 0 70px; background: #fff; }
.team-title { text-align: center; font-size: 3rem; font-weight: 700; color: #111; letter-spacing: 2px; margin: 22px 0 34px; }
.team-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 40px; }
.team-card { width: 100%; max-width: 18rem; text-decoration: none; color: inherit; position: relative; display: flex; flex-direction: column; padding-bottom: 48px; }
.team-photo { width: 100%; height: 380px; background: #f2f2f2; border-radius: 8px; overflow: hidden; }
.team-photo img { width: 100%; height: 100%; object-fit: cover; display: block; }
.team-info { margin-top: 18px; position: relative; }
.team-role { font-size: 1rem; color: #666; margin-bottom: 8px; font-weight: 600; }
.team-name { font-size: 1.5rem; font-weight: 800; color: #111; }
.team-go { position: absolute; right: 18px; bottom: 74px; width: 35px; height: 35px; border-radius: 50%; background: #d51813; display: flex; align-items: center; justify-content: center; }
.team-go::before { content: ""; position: absolute; left: 11px; top: 11px; width: 10px; height: 10px; border-right: 2px solid #fff; border-bottom: 2px solid #fff; transform: rotate(-45deg); }
.team-card:hover .team-name { color: #d51813; }
.team-card:hover img { transform: scale(1.03); transition: .4s; }

/* ===============================
   人员介绍
================================ */
.pd-wrap { margin: 30px auto 60px; }
.pd-card { display: flex; gap: 5rem; align-items: flex-start; background: #fff; padding: 26px 12px 26px; }
.pd-left { flex: 0 0 42%; max-width: 27%; }
.pd-avatar { width: 100%; aspect-ratio: 4 / 3; background: #e6e6e6; border-radius: 6px; position: relative; overflow: hidden; }
.pd-avatar img { width: 100%; height: 100%; object-fit: contain; background: #e6e6e6; }
.pd-right { flex: 1; min-width: 0; position: relative; padding-right: 28px; }
.pd-title { margin-top: 6px; }
.pd-name { font-size: 28px; color: #111; font-weight: 700; line-height: 1.1; }
.pd-underline { display: block; width: 52px; height: 3px; background: #d51813; margin-top: 10px; }
.pd-scroll { margin-top: 14px; max-height: 33rem; overflow-y: auto; padding-right: 18px; }
.pd-scroll p,
.pd-scroll li { font-size: 14px; color: #666; line-height: 1.9; }
.pd-section { margin-bottom: 18px; }
.pd-section-title { font-size: 16px; font-weight: 700; color: #111; margin: 10px 0 10px; position: relative; padding-left: 14px; }
.pd-section-title::before { content: ""; position: absolute; left: 0; top: 0.55em; transform: translateY(-50%); width: 6px; height: 6px; background: #d51813; border-radius: 50%; }
.pd-ol { padding-left: 18px; }
.pd-ol li { margin-bottom: 10px; }
.pd-scroll::-webkit-scrollbar { width: 8px; }
.pd-scroll::-webkit-scrollbar-thumb { background: #cfcfcf; border-radius: 999px; }
.pd-scroll::-webkit-scrollbar-track { background: transparent; }
/* 详情页 — 人员头像优化 */
.pd-avatar { width: 27rem; height: 37rem; border-radius: 12px; overflow: hidden; float: right; background: #f2f2f2; }

/* 图片：完整显示、按比例缩放 */
.pd-avatar img { width: 100%; height: 100%; object-fit: contain; /* 自动裁剪，但人物永远居中 */ object-position: center; }


/*品牌样式结束------------------------------------------------------------------------------*/

/*内页通用样式开始-------------------------------------------------------------------------*/
.content { position: relative; z-index: 1; width: 100%; background: #FFFFFF; }
/*content_banner*/
.content_banner { position: relative; width: 100%; height: 43.75rem; overflow: hidden; }
.content_banner .swiper { position: relative; width: 100%; height: 100%; }
.content_banner .swiper .swiper-wrapper .swiper-slide { position: relative; width: 100%; height: 100%; }
.content_banner .swiper .swiper-wrapper .swiper-slide .img { position: relative; width: 100%; height: 100%; }
.content_banner .swiper .swiper-wrapper .swiper-slide .txt { position: absolute; z-index: 99; top: 40%; left: 10%; color: #fff; }
.content_banner .swiper .swiper-wrapper .swiper-slide .txt h2 { font-size: 3.125rem; }
.content_banner .swiper .swiper-wrapper .swiper-slide .txt h2 b { color: #fff; }
.content_banner .swiper .swiper-wrapper .swiper-slide .txt p { margin: 1.875rem 0; font-size: 2.25rem; }
.content_banner .swiper .swiper-wrapper .swiper-button-next,
.content_banner .swiper .swiper-wrapper .swiper-button-prev { color: #fff; }
.content_banner .swiper .swiper-wrapper .swiper-pagination.on { color: #fff; }

/*content_category内页类别*/
.content_category dl dt { padding: 1.25rem; height: 2.5rem; line-height: 2.5rem; background: #000; text-align: center; color: #fff; font-size: 1.25rem; font-weight: bold; }
.content_category dl dt a { color: #fff; }
.content_category dl dt a:hover { color: #ff0000; }
.content_category dl dd { margin: 0.25rem 0; }
.content_category dl dd a { display: block; padding: 0 1.25rem; width: 15rem; text-align: center; height: 3.75rem; line-height: 3.75rem; background: #f7f7f7; transition: all 0.3s ease; }
.content_category dl dd a:hover { background: #faebd7; }
.content_category dl dd a span { float: left; }

/*content_category内页详情*/
.content_detail .hd { padding: 0 1.25rem; height: 3.125rem; line-height: 3.125rem; background: #000; color: #fff; font-size: 1rem; }
.content_detail .hd b { font-weight: bold; color: #fff; }
.content_detail .hd a { color: #fff; }
.content_detail .hd a:hover { color: #ff0000; }
.content_detail .hd span { float: right; }
.content_detail .bd { margin-top: 1.25rem; width: 100%; overflow: hidden; }
/*内页样式结束-------------------------------------------------------------------------*/

/*内页栏目样式开始-------------------------------------------------------------------------*/
/*product_list产品列表*/


/* ==== 产品详情 ==== */
.product-detail { padding: 80px 0 100px; background: #fff; }
.pd-container { max-width: 80%; margin: 0 auto; padding: 0 24px; display: flex; flex-wrap: wrap; justify-content: center; gap: 60px; }
/* 左边图片区 */
.pd-left { flex: 1 1 620px; min-width: 420px; }
.pd-left img { width: 100%; height: auto; display: block; }
/* 右侧内容 */
.pd-right { flex: 1 1 380px; min-width: 320px; color: #111; font-family: "Microsoft YaHei", serif; }
.pd-en { font-size: 22px; margin-bottom: 6px; }
.pd-code { font-size: 32px; font-weight: 600; margin-bottom: 26px; }
.pd-title-row { display: flex; align-items: center; font-size: 18px; margin-bottom: 20px; }
.pd-title-row i { padding: 0 10px; }
.pd-title-row::after { content: ""; flex: 1; border-bottom: 1px dotted #b8b8b8; margin-left: 20px; }
.pd-desc { line-height: 1.9; margin-bottom: 28px; }
/* 材料 */
.pd-m-title { font-weight: 600; margin-bottom: 10px; }

.pd-swatches { display: flex; gap: 16px; }

.pd-swatch img { width: 70px; height: 70px; border: 1px solid #ccc; object-fit: cover; }

.pd-swatch span { display: block; margin-top: 6px; font-size: 13px; color: #666; }

/* 手机模式：上下排 */
@media (max-width: 992px) {
    .pd-container { flex-direction: column; align-items: center; }

    .pd-title-row::after { display: none; }
}

/*case_list案例列表*/
/* ================= 业务领域列表 ================= */
.product-list-wrapper { background: #f3f5f8; padding: 40px 0 60px; }

.product-list-inner { width: 90%; margin: 0 auto; }

/* ===============================
   产品列表：顶部面包屑 + 小分类
=============================== */
.product-list-box .product-list-bar { background: #fff; border-bottom: 1px solid #e5e5e5; }
.product-list-box .product-list-bar .brand-bar { padding: 16px 80px; margin-bottom: 0; border-bottom: 0; }
.product-list-box .product-list-bar .brand-breadcrumb { color: #666; }
.product-list-box .product-list-bar .brand-breadcrumb a { color: #666; }
.product-list-box .product-list-bar .brand-breadcrumb a:hover { color: #d51813; }
.product-list-box .product-list-bar .brand-tabs { gap: 34px; flex-wrap: wrap; justify-content: flex-end; }
.product-list-box .product-list-bar .brand-tabs a.active::after { bottom: -10px; }
.product-list-box .product-tab.active::after { content: ""; position: absolute; left: 0; bottom: -2px; width: 100%; height: 2px; background: #d51813; }
.product-list-box .product-list-title { font-size: 26px; font-weight: 700; color: #111; margin-bottom: 26px; }
.product-list-box .product-card-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; }
.product-list-box .product-card-list { display: grid; grid-template-columns: repeat(3, 1fr); gap: 30px; }
.product-list-box .product-card { background: #fff; border-radius: 4px; box-shadow: 0 0 0 1px #e2e4ea; overflow: hidden; transition: transform .2s ease, box-shadow .2s ease; }
.product-list-box .product-card a { display: block; color: inherit; }
.product-list-box .product-card-img img { display: block; width: 100%; height: auto; }
.product-list-box .product-card-body { padding: 18px 20px 22px; }
.product-list-box .product-card-name { font-size: 20px; font-weight: 600; color: #111; margin-bottom: 10px; }
.product-list-box .product-card-desc { font-size: 16px; color: #666; line-height: 1.8; }
.product-list-box .product-card:hover { transform: translateY(-4px); box-shadow: 0 10px 20px rgba(0, 0, 0, .12); }
.product-list-box .product-card-grid { display: block; }
.product-list-box .product-card { width: 100%; max-width: 720px; margin: 0 0 30px 0; }
.product-list-box .product-list-inner { display: flex; flex-direction: column; align-items: flex-start; }
.product-list-box .pagelist { width: 100%; text-align: center; margin: 30px 0; }
.product-list-box .pagelist a,
.product-list-box .pagelist span { float: none !important; display: inline-block; margin: 0 4px; }

/*case_show案例详情*/

/* ===============================
    news_list新闻列表
=============================== */
.company-news-page { padding-bottom: 50px; width: 75%; margin: auto; }
.company-news-inner { width: 90%; margin: 0 auto; }
.company-news-header { width: 100%; background: #fff; border-bottom: 1px solid #e5e5e5; margin-bottom: 20px; padding: 14px 80px; /* 左右留白 */ display: flex; align-items: center; justify-content: space-between; /* 左面包屑 / 右分类 */ gap: 24px; }
.company-news-breadcrumb { display: flex; align-items: center; flex: 1; min-width: 0; font-size: 18px; color: #8a8a8a; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.company-news-breadcrumb a { color: #8a8a8a; }
.company-news-breadcrumb a:hover { color: #d51813; }
.company-news-breadcrumb span { margin: 0 8px; color: #b3b3b3; }
.company-news-breadcrumb a:first-child { display: inline-flex; align-items: center; gap: 6px; }
.company-news-breadcrumb a:first-child::before { content: "⌂"; font-size: 14px; line-height: 1; transform: translateY(-1px); color: #8a8a8a; }
.company-news-tabs { display: flex; align-items: center; justify-content: flex-end; gap: 56px; padding-right: 11rem; flex: 0 0 auto; white-space: nowrap; }
.company-news-tab { position: relative; display: inline-block; padding: 10px 0 12px; font-size: 20px; color: #2f2f2f; transition: color .25s ease; }
.company-news-tab:hover { color: #d51813; }
.company-news-tab.active { color: #d51813; font-weight: 500; }
.company-news-tab.active::after { content: ""; position: absolute; left: 50%; bottom: -6px; transform: translateX(-50%); width: 34px; height: 2px; background: #d51813; border-radius: 2px; }
.company-news-list { background: #fff; box-shadow: 0 0 0 1px #e2e4ea; }
.company-news-item { display: flex; align-items: stretch; border-bottom: 1px solid #e2e4ea; }
.company-news-item:last-child { border-bottom: none; }
.company-news-date { width: 7rem; height: 12rem; display: flex; flex-direction: column; align-items: center; justify-content: center; background: #fff; border-right: 1px solid #e2e4ea; }
.company-news-day { font-size: 40px; font-weight: 700; line-height: 1; color: #111; }
.company-news-ym { margin-top: 6px; font-size: 16px; color: #666; }
.company-news-item:hover .company-news-date { background: #d51813; border-right: none; }
.company-news-item:hover .company-news-day,
.company-news-item:hover .company-news-ym { color: #fff; }
.company-news-item:hover .company-news-title { color: #d51813; }
.company-news-text { flex: 1; padding: 18px 26px; }
.company-news-title { font-size: 22px; font-weight: 600; padding: 1rem 0; margin-bottom: 10px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: #111; }
.company-news-desc { font-size: 18px; color: #666; line-height: 1.8; max-height: 3.6em; /* 大概两行，超出隐藏 */ overflow: hidden; }
.company-news-thumb { width: 260px; flex-shrink: 0; padding: 1rem; }
.company-news-thumb img { display: block; width: 100%; height: 10rem; object-fit: cover; }
.company-news-page .pagelist { margin-top: 25px; margin-bottom: 0; }

/* ===============================
    news_list新闻列表 - 自适应等比例缩放修复（覆盖原有写死宽度/内边距）
   =============================== */

/* 1) 页面整体：用 max-width + clamp，让 1536/1440 这类视口也不挤 */
.company-news-page { width: 100% !important; max-width: 1500px; /* 你可以改成 1400/1520 都行 */ margin: 0 auto !important; padding: 0 clamp(12px, 2.2vw, 40px) 50px !important; /* 左右随屏幕等比例缩放 */ }

.company-news-inner { width: 100% !important; margin: 0 auto !important; }

/* 2) 顶部条：左右 padding 改成 clamp，并且允许换行，避免挤爆 */
.company-news-header { padding: 14px clamp(12px, 2.2vw, 40px) !important; /* 覆盖原来的 80px */ flex-wrap: wrap; /* 变窄时允许换行 */ row-gap: 10px; }

/* 3) tabs：去掉你原来的 padding-right:11rem（这是错位的主要原因） */
.company-news-tabs { padding-right: 0 !important; /* 覆盖 11rem */ gap: clamp(18px, 3vw, 56px); /* 间距等比例缩放 */ }

/* 4) 列表每一行：三列等比例（日期 / 文字 / 图片），用 clamp 控制最小最大 */
.company-news-item { display: flex; align-items: stretch; gap: clamp(10px, 1.2vw, 24px); }

/* 左侧日期块：宽度等比例，防止窄屏挤压 */
.company-news-date { flex: 0 0 clamp(92px, 7vw, 120px); }

/* 中间文字：可压缩，避免把右图顶出 */
.company-news-text { flex: 1 1 auto; min-width: 0; /* 关键：允许内容缩小，不然会把右侧挤出去 */ }

/* 标题/简介：一行/两行省略，避免撑高导致错位 */
.company-news-title { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.company-news-desc { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; /* 两行省略 */ overflow: hidden; }

/* 右侧缩略图：宽度等比例 + 固定比例框，防止高度乱跳 flex: 0 0 clamp(280px, 28vw, 420px);*/
.company-news-thumb { border-radius: 10px; overflow: hidden; }

.company-news-thumb img { width: 100%; height: 100%; object-fit: cover; aspect-ratio: 16 / 9; /* 没有的话就用 padding-top 方案 */ display: block; }

/* 5) 再窄一点（比如 1366/125% 这种）就自动改成上下结构，彻底不可能错位 */
@media (max-width: 1200px) {
    .company-news-item { flex-wrap: wrap; }

    .company-news-date { flex: 0 0 110px; }

    .company-news-thumb { flex: 1 1 100%; max-width: 100%; }

    .company-news-thumb img { aspect-ratio: 16 / 9; }
}
/* news_list 顶部“面包屑 + 分类导航”强制不超出（本页专用，优先级最高） */
.company-news-header { box-sizing: border-box; width: 100%; max-width: 100%; padding: 14px clamp(12px, 2vw, 40px) !important; /* 原来 80px 太大 */ display: flex; align-items: center; justify-content: space-between; gap: clamp(12px, 2vw, 24px); flex-wrap: wrap; /* 装不下就换行，永远不会溢出 */ overflow: hidden; /* 保险：不让内容把横向撑出去 */ }

/* 面包屑：允许被压缩，不要把右侧顶出去 */
.company-news-breadcrumb { min-width: 0 !important; flex: 1 1 320px !important; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

/* 右侧 tabs：去掉你原来的 padding-right: 11rem（这是超出的元凶） */
.company-news-tabs { padding-right: 0 !important; margin-right: 0 !important; max-width: 100%; display: flex; align-items: center; justify-content: flex-end; gap: clamp(14px, 2.2vw, 56px); white-space: nowrap; flex: 0 1 auto; }

/* 再小一点时：tabs 自动靠左并允许换行（但样式不乱） */
@media (max-width: 1200px) {
    .company-news-tabs { width: 100%; justify-content: flex-start; flex-wrap: wrap; white-space: normal; }
}
/*news_show新闻详情*/

/*contact联系我们*/

/* 联系页面动画 */

/*栏目样式结束-------------------------------------------------------------------------*/

/* 响应式图片容器 */

/* 弹性网格布局 */