@charset "utf-8";
/* ==========================================================================
   新闻页 news 板块样式（头尾公共样式见 header_footer.css）
   ========================================================================== */

/* 字号 */
.fnt_100 { font-size: 1rem; }
@media only screen and (max-width: 1023px) { .fnt_100 { font-size: 50px; } }
@media only screen and (max-width: 767px) { .fnt_100 { font-size: 30px; } }

/* 固定头部占位 */
.zs-h-height { height: 0.96rem; }
@media only screen and (max-width: 1024px) { .zs-h-height { height: 56px; } }

/* 滚动进入动画 */
.zs-fadeup { opacity: 0; transform: translateY(60px); transition: opacity 0.8s, transform 0.8s; }
.zs-fadedown { opacity: 0; transform: translateY(-60px); transition: opacity 0.8s, transform 0.8s; }
.zs-fadel { opacity: 0; transform: translateX(-80px); transition: opacity 0.8s, transform 0.8s; }
.zs-fader { opacity: 0; transform: translateX(80px); transition: opacity 0.8s, transform 0.8s; }
.zs-fadeup.is-in, .zs-fadedown.is-in, .zs-fadel.is-in, .zs-fader.is-in { opacity: 1; transform: none; }

/* 通用 */
.aboutwrap { width: 1660px; max-width: 90%; margin: 0 auto; }
@media only screen and (max-width: 1024px) { .aboutwrap { max-width: 94%; } }
.labwrap { padding: 0 5%; }
@media only screen and (max-width: 1023px) { .labwrap { padding: 0; } }
.zs-news img { max-width: 100%; }
.zs-news .bold { font-weight: bold; }
.tran_scale { display: block; overflow: hidden; }
.tran_scale img { transition: transform 0.6s; width: 100%; }
@media only screen and (min-width: 1025px) { .tran_scale:hover img { transform: scale(1.05); } }
.solution_01-tit h1, .solution_01-tit h2 { line-height: 1.2; }
.solution_01-tit p { margin-top: 0.2rem; }

/* ==========================================================================
   lab_01 头条文章
   ========================================================================== */
.lab_01 { padding: 5% 0 0; }
.lab_01 .solution_01-tit { margin-bottom: 0.3rem; display: flex; align-items: flex-end; }
.lab_01 .solution_01-tit h1, .lab_01 .solution_01-tit h2 { margin-bottom: 0; }
.lab_01 .solution_01-tit p { margin-top: 0; margin-bottom: 0.2rem; margin-left: 0.4rem; color: #9a9a9a; line-height: 1.5; }
@media only screen and (max-width: 767px) {
    .lab_01 .solution_01-tit { display: block; }
    .lab_01 .solution_01-tit p { margin-left: 0; margin-top: 15px; }
}
.lab_01 dl { margin-top: 4%; padding: 7% 6% 5.5%; border-radius: 0.2rem; box-shadow: 0 0 0.15rem 0.15rem rgba(0,0,0,0.03); background: #fff; overflow: hidden; }
.lab_01 dt { float: left; width: 60%; }
.lab_01 dd { float: right; width: 37.5%; border-radius: 0.2rem; overflow: hidden; }
.lab_01 dd img { width: 100%; display: block; }
.lab_01 dt > p:first-child span { margin-right: 0.1rem; font-weight: bold; }
.lab_01 dt > p:first-child em { font-weight: bold; }
.lab_01 dt h2 { margin-top: 4%; line-height: 1.3; font-weight: bold; max-height: 3.9em; overflow: hidden; }
.lab_01 dt h2 a { color: #1E1E1E; }
.lab_01 dt h2 + p { margin-top: 3%; max-height: 4.5em; overflow: hidden; color: #1E1E1E; }
.lab_01 dt h2 + p + a { margin-top: 4%; display: block; font-weight: bold; color: #000; }
@media only screen and (max-width: 767px) {
    .lab_01 dl { padding: 5%; }
    .lab_01 dt, .lab_01 dd { width: 100%; }
    .lab_01 dd { margin-top: 5%; }
}

/* ==========================================================================
   lab_02 新闻列表
   ========================================================================== */
.lab_02 { padding: 3% 0; margin-top: 3%; overflow: hidden; background: #F8F8F8; }

/* 二级分类栏目：居中 + 边框 + 全圆角 + 高亮 */
.zs-news-cate { margin: 0 0 3%; text-align: center; }
.zs-news-cate ul { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 0.14rem; margin: 0; padding: 0; list-style: none; }
.zs-news-cate li { list-style: none; float: none; }
.zs-news-cate li a { display: block; padding: 0.1rem 0.32rem; font-size: 0.18rem; line-height: 1.5; color: #1E1E1E; white-space: nowrap; background: transparent; border: 1px solid rgba(30,30,30,0.25); border-radius: 999px; transition: color 0.3s ease, background-color 0.3s ease, border-color 0.3s ease; }
.zs-news-cate li a:hover { color: #fff !important; background: linear-gradient(135deg, #0140bf, #01b3bf); border-color: transparent; }
.zs-news-cate li.cur a,
.zs-news-cate li.cur a:hover { color: #fff !important; background: linear-gradient(135deg, #0140bf, #01b3bf); border-color: transparent; font-weight: bold; }
@media only screen and (max-width: 1023px) {
    .zs-news-cate ul { gap: 10px; }
    .zs-news-cate li a { padding: 8px 20px; font-size: 15px; }
}
@media only screen and (max-width: 767px) {
    .zs-news-cate { margin-bottom: 5%; }
    .zs-news-cate ul { flex-wrap: nowrap; justify-content: flex-start; overflow-x: auto; -webkit-overflow-scrolling: touch; scrollbar-width: none; }
    .zs-news-cate ul::-webkit-scrollbar { display: none; }
    .zs-news-cate li { flex: 0 0 auto; }
}

.lab_02 .tit { overflow: hidden; }
.lab_02 .tit p { }
.lab_02 .tit h2 { float: left; line-height: 1.2; margin-top: 5px; font-weight: bold; color: #1E1E1E; }
.lab_02 .tit a { float: right; margin-top: 0.8rem; }
.lab_02 .tit a span { font-weight: bold; line-height: 1.2; }
.lab_02 .lab_02list { margin-top: 2%; overflow: hidden; }
.lab_02 .lab_02list li { float: left; width: 48%; margin-bottom: 1%; }
.lab_02 .lab_02list li:nth-child(2n) { float: right; width: 48%; }
.lab_02 .lab_02list li:nth-child(2n+1) { clear: both; }
.lab_02 .lab_02list li dt { border-radius: 0.2rem; overflow: hidden; }
.lab_02 .lab_02list li dt img { width: 100%; }
.lab_02 .lab_02list li dd { padding: 5% 0; }
.lab_02 .lab_02list li dd h4, .lab_02 .lab_02list li dd .lab_02list__meta { overflow: hidden; }
.lab_02 .lab_02list li dd em { float: left; color: #000; padding: 3px 0; }
.lab_02 .lab_02list li dd span { float: right; padding: 2px 16px; color: #000; border: 1px solid #1e1e1e; border-radius: 30px; }
.lab_02 .lab_02list li dd h3 { margin-top: 2%; line-height: 1.3; font-weight: bold; max-height: 3.9em; overflow: hidden; }
.lab_02 .lab_02list li dd p { margin-top: 4%; }
.lab_02 .lab_02list li a:hover dd span, .lab_02 .lab_02list li a:hover dd p { color: #000 !important; }
@media only screen and (max-width: 1023px) { .lab_02 .tit a { margin-top: 0.3rem; } }
@media only screen and (max-width: 767px) {
    .lab_02 { padding: 5% 0; }
    .lab_02 .tit a { margin-top: 0.5rem; }
    .lab_02 .lab_02list { margin-top: 5%; }
    .lab_02 .lab_02list li, .lab_02 .lab_02list li:nth-child(2n) { float: none; width: 100%; }
}

/* ==========================================================================
   lab_03 服务数字
   ========================================================================== */
.lab_03 { padding: 5% 0 0; }
.solution_04 .solution_01-tit { text-align: center; }
.solution_04-num { margin-bottom: 0.5rem; }
.solution_04-num ul { font-size: 0; text-align: center; }
.solution_04-num ul li { display: inline-block; padding: 0 0.55rem; box-sizing: border-box; }
.solution_04-num ul li dd { font-weight: bold; }
.solution_04-num ul li dd span { line-height: 1.1; }
.solution_04-num ul li dd em { display: inline-block; vertical-align: top; margin-top: -0.05rem; }
.solution_04-num ul li dt p { font-size: 0.18rem; }
.solution_04-img img { width: 100%; }
@media only screen and (max-width: 1024px) { .solution_04-num ul li { padding: 0 0.25rem; } }
@media only screen and (max-width: 767px) { .solution_04-num { margin-bottom: 0; } .solution_04-num ul li { width: 50%; margin-bottom: 30px; } }

/* ==========================================================================
   lab_04 推荐案例
   ========================================================================== */
.lab_04 { padding: 6% 0 7%; }
.lab_04 .tit { text-align: center; }
.lab_04 .tit h2 { display: inline-block; line-height: 1.2; }
.lab_04 .con ul { margin: 0 -0.6%; margin-top: 3%; }
.lab_04 .con ul::after { content: ''; display: block; clear: both; }
.lab_04 li { float: left; width: 32.13%; margin: 0 0.6% 2%; border-radius: 0.2rem; overflow: hidden; position: relative; transition: transform 0.5s cubic-bezier(0.22, 0.61, 0.36, 1), box-shadow 0.5s ease; }
.lab_04 li a { display: block; }
.lab_04 li img { width: 100%; display: block; }
/* 悬停遮罩：加深底图，保证文字可读 */
.lab_04 li::after { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: linear-gradient(180deg, rgba(0,0,0,0.45) 0%, rgba(0,0,0,0.1) 45%, rgba(0,0,0,0.55) 100%); opacity: 0; transition: opacity 0.5s ease; z-index: 5; pointer-events: none; }
.lab_04 li .title { position: absolute; z-index: 10; left: 10%; top: 10%; color: #fff; text-align: left; }
.lab_04 li .title h3 { line-height: 1.2; font-weight: bold; transition: transform 0.5s cubic-bezier(0.22, 0.61, 0.36, 1); }
.lab_04 li .title p { line-height: 1.2; margin-top: 5%; transition: transform 0.5s cubic-bezier(0.22, 0.61, 0.36, 1), opacity 0.5s ease; }
@media only screen and (min-width: 1025px) {
    .lab_04 li .title p { opacity: 0.75; }
    .lab_04 li:hover { transform: translateY(-10px); box-shadow: 0 0.16rem 0.36rem rgba(0,0,0,0.22); }
    .lab_04 li:hover::after { opacity: 1; }
    .lab_04 li:hover .title h3 { transform: translateY(-6px); }
    .lab_04 li:hover .title p { opacity: 1; transform: translateY(-4px); }
}
@media only screen and (max-width: 767px) {
    .lab_04 .con ul { margin: 5% 0 0; }
    .lab_04 li { width: 100%; margin: 0 0 2%; }
}

/* ==========================================================================
   index_07 底部 CTA
   ========================================================================== */
.zs-index-07 { background: linear-gradient(135deg, #0140bf, #01b3bf); overflow: hidden; text-align: center; padding: 0.9rem 0; }
.zs-index-07 h3 { line-height: 1em; margin-bottom: 0.4rem; }
.zs-index-07 .zs-cont { display: inline-block; text-align: left; }
.zs-index-07 .zs-header-map { margin: 0 auto; float: none; display: block; text-align: center; }
.zs-index-07 .zs-header-map a { background: #1e1e1e; width: 272px; height: 46px; line-height: 46px; margin: 0 auto; }
@media only screen and (max-width: 1440px) { .zs-index-07 .zs-header-map a { width: 200px; } }
@media only screen and (max-width: 767px) {
    .zs-index-07 h3 { line-height: 1.4em; margin-bottom: 15px; }
    .zs-index-07 .zs-header-map a { height: 36px; line-height: 36px; width: 170px; }
}

/* 头部：默认白底无阴影，下滑后加阴影 */
.news_body .zs-header { background: #fff; box-shadow: none; border-bottom: none; }
.news_body .zs-header.is-scroll { box-shadow: 0 10px 10px rgba(0,0,0,0.15); }