@charset "utf-8";
/* ==========================================================================
   标签聚合页 tags 板块样式（头尾公共样式见 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-tags img { max-width: 100%; }
.zs-tags .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; }

/* ==========================================================================
   tags_01 标签头部
   ========================================================================== */
.tags_01 { padding: 5% 0 0; }
.tags_01 .solution_01-tit { margin-bottom: 0.3rem; display: flex; align-items: flex-end; }
.tags_01 .solution_01-tit h1, .tags_01 .solution_01-tit h2 { margin-bottom: 0; }
.tags_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) {
    .tags_01 .solution_01-tit { display: block; }
    .tags_01 .solution_01-tit p { margin-left: 0; margin-top: 15px; }
}
.tags_01-current {
    margin-top: 3%;
    padding: 0.24rem 0.4rem;
    background: #F8F8F8;
    border-radius: 0.12rem;
    display: inline-block;
}
.tags_01-current span { color: #1E1E1E; line-height: 1.4; }

/* ==========================================================================
   tags_02 文章列表（复用 news lab_02 结构）
   ========================================================================== */
.tags_02 { padding: 3% 0; margin-top: 3%; overflow: hidden; background: #F8F8F8; }
.tags_02 .tit { overflow: hidden; }
.tags_02 .tit h2 { float: left; line-height: 1.2; margin-top: 5px; font-weight: bold; color: #1E1E1E; }
.tags_02 .tags_02list { margin-top: 2%; overflow: hidden; }
.tags_02 .tags_02list li { float: left; width: 48%; margin-bottom: 1%; }
.tags_02 .tags_02list li:nth-child(2n) { float: right; width: 48%; }
.tags_02 .tags_02list li:nth-child(2n+1) { clear: both; }
.tags_02 .tags_02list li dt { border-radius: 0.2rem; overflow: hidden; }
.tags_02 .tags_02list li dt img { width: 100%; height: auto; }
.tags_02 .tags_02list li dd { padding: 5% 0; }
.tags_02 .tags_02list li dd h4, .tags_02 .tags_02list li dd .tags_02list__meta { overflow: hidden; }
.tags_02 .tags_02list li dd em { float: left; color: #000; padding: 3px 0; }
.tags_02 .tags_02list li dd span { float: right; padding: 2px 16px; color: #000; border: 1px solid #1e1e1e; border-radius: 30px; }
.tags_02 .tags_02list li dd h3 { margin-top: 2%; line-height: 1.3; font-weight: bold; max-height: 3.9em; overflow: hidden; }
.tags_02 .tags_02list li dd p { margin-top: 4%; color: #666; }
.tags_02 .tags_02list li a:hover dd span,
.tags_02 .tags_02list li a:hover dd p { color: #000; }
@media only screen and (max-width: 767px) {
    .tags_02 { padding: 5% 0; }
    .tags_02 .tags_02list { margin-top: 5%; }
    .tags_02 .tags_02list li,
    .tags_02 .tags_02list li:nth-child(2n) { float: none; width: 100%; }
}

/* 空状态 */
.tags_empty { text-align: center; padding: 0.8rem 0; color: #999; }

/* 分页 */
.zs-tags-pagination { margin-top: 0.4rem; text-align: center; overflow: hidden; clear: both; }
.zs-tags-pagination a,
.zs-tags-pagination span { display: inline-block; min-width: 40px; height: 40px; line-height: 40px; padding: 0 12px; margin: 0 4px; border-radius: 6px; font-size: 16px; color: #333; background: #fff; border: 1px solid #e0e0e0; transition: all 0.3s ease; }
.zs-tags-pagination a:hover { background: #1E1E1E; color: #fff; border-color: #1E1E1E; }
.zs-tags-pagination .current { background: #1E1E1E; color: #fff; border-color: #1E1E1E; }
.zs-tags-pagination .disabled { color: #ccc; cursor: not-allowed; }

/* ==========================================================================
   tags_03 服务数字
   ========================================================================== */
.tags_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; } }

/* ==========================================================================
   tags_04 推荐案例
   ========================================================================== */
.tags_04 { padding: 6% 0 7%; }
.tags_04 .tit { text-align: center; }
.tags_04 .tit h2 { display: inline-block; line-height: 1.2; }
.tags_04 .con ul { margin: 0 -0.6%; margin-top: 3%; overflow: hidden; }
.tags_04 li { float: left; width: 32.13%; margin: 0 0.6% 2%; border-radius: 0.2rem; overflow: hidden; position: relative; }
.tags_04 li img { width: 100%; display: block; }
.tags_04 li .title { position: absolute; z-index: 10; left: 10%; top: 10%; color: #fff; text-align: left; }
.tags_04 li .title h3 { line-height: 1.2; font-weight: bold; }
.tags_04 li .title p { line-height: 1.2; margin-top: 5%; }
@media only screen and (max-width: 767px) {
    .tags_04 .con ul { margin: 5% 0 0; }
    .tags_04 li { width: 100%; margin: 0 0 2%; }
}

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

/* 减少动效偏好 */
@media (prefers-reduced-motion: reduce) {
    .zs-fadeup, .zs-fadedown, .zs-fadel, .zs-fader { opacity: 1; transform: none; transition: none; }
    .tran_scale img { transition: none; }
}

/* ==========================================================================
   index_07 底部 CTA（公共尾部区块，与 news/case 页保持一致）
   ========================================================================== */
.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; }
}