@charset "utf-8";
/* ==========================================================================
   妗堜緥椤?case 鏉垮潡鏍峰紡锛堝ご灏惧叕鍏辨牱寮忚 header_footer.css锛?   ========================================================================== */

/* 琛ュ厖瀛楀彿 */
.fnt_150 { font-size: 1.5rem; }
@media only screen and (max-width: 1023px) { .fnt_150 { font-size: 70px; } .fnt_100 { font-size: 50px; } }
@media only screen and (max-width: 767px) { .fnt_150 { font-size: 40px; } .fnt_100 { font-size: 30px; } }

/* 鍥哄畾澶撮儴鍗犱綅 */
.zs-h-height { height: 0.96rem; }
@media only screen and (max-width: 1024px) { .zs-h-height { height: 56px; } }

/* 妗堜緥椤靛ご閮細榛樿鐧藉簳鏃犻槾褰憋紝涓嬫粦鍚庡姞闃村奖 */
.case_body .zs-header { background: #fff; box-shadow: none; border-bottom: none; }
.case_body .zs-header.is-scroll { box-shadow: 0 10px 10px rgba(0,0,0,0.15); }

/* 婊氬姩杩涘叆鍔ㄧ敾 */
.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-fadein   { opacity: 0; transition: opacity 1s; }
.zs-fadeup.is-in, .zs-fadedown.is-in { opacity: 1; transform: none; }
.zs-fadein.is-in { opacity: 1; }

/* 瀹瑰櫒 */
.zs-aboutwrap { width: 1660px; max-width: 90%; margin: 0 auto; }
@media only screen and (max-width: 1024px) { .zs-aboutwrap { max-width: 94%; } }
.zs-case img { max-width: 100%; }

/* 鍥剧墖鎮仠鏀惧ぇ */
.zs-tran-scale { display: block; }
.zs-tran-scale dt { overflow: hidden; }
.zs-tran-scale img { transition: transform 0.6s; }
@media only screen and (min-width: 1025px) { .zs-tran-scale:hover img { transform: scale(1.05); } }

/* ==========================================================================
   case_01 澶撮儴锛堟爣棰?+ 鏁板瓧 + 鍒嗙被锛?   ========================================================================== */
.zs-case-01 { padding: 2% 0; }
.zs-case-01 .zs-case-txt h1, .zs-case-01 .zs-case-txt h2 { display: inline-block; font-weight: bold; }
.zs-case-01 .zs-case-txt span { display: inline-block; font-weight: bold; }

.zs-case-num { margin-top: 5%; color: #000; padding: 0 20%; overflow: visible; }
.zs-case-num::after { content: ""; display: table; clear: both; }
.zs-case-num li { float: left; width: 25%; text-align: center; }
.zs-case-num li h3, .zs-case-num li .zs-case-num__val { line-height: 1.2; }
.zs-case-num li span { font-weight: bold; }
.zs-case-num li i { vertical-align: top; font-weight: bold; }

.zs-case-type { margin: 5% 0 0; }
.zs-case-type li { margin-bottom: 1.25%; }
.zs-case-type dl { overflow: hidden; }
.zs-case-type dt { float: left; width: 70px; line-height: 38px; }
.zs-case-type dd { width: calc(100% - 70px); display: flex; flex-wrap: wrap; gap: 0.15rem; margin-bottom: 0.15rem; }
.zs-case-type dd span { cursor: pointer; text-align: center; min-width: 130px; padding: 5px 20px; border: 2px solid #000; border-radius: 9rem; transition: all 0.3s; }
.zs-case-type dd span.on { color: #fff; background: linear-gradient(135deg, #0140bf, #01b3bf); border-color: #132b88; }
@media only screen and (min-width: 1025px) { .zs-case-type dd span:hover { color: #fff; background: linear-gradient(135deg, #0140bf, #01b3bf); border-color: #132b88; } }

/* ==========================================================================
   case_02 妗堜緥鍒楄〃
   ========================================================================== */
.zs-case-list { margin: 0; }
.zs-case-list ul { margin: 0 -0.5%; overflow: hidden; }
.zs-case-list li { float: left; width: 48.4%; margin: 0 0.8% 1.5%; position: relative; }
.zs-case-list li.long { width: 98.4%; }
.zs-case-list li dl { position: relative; }
.zs-case-list li dt { border-radius: 0.2rem; overflow: hidden; aspect-ratio: 1.294; }
.zs-case-list li.long dt { aspect-ratio: 2.625; }
.zs-case-list li dt img { width: 100%; height: 100%; object-fit: cover; }
.zs-case-list li dd { position: absolute; left: 0.65rem; top: 0.5rem; color: #fff; z-index: 2; }
.zs-case-list li dd h2 { line-height: 1.2; font-weight: bold; }
.zs-case-list li dd p { margin-top: 0.2rem; }
.zs-case-list .zs-case-more { display: block; margin: 5% 0; text-align: center; }
.zs-case-list .zs-case-more a { color: #1e1e1e; }
@media only screen and (max-width: 1279px) { .zs-case-type dd span { min-width: 100px; } }
@media only screen and (max-width: 1023px) {
    .zs-case-list li dd { left: 0.25rem; top: 0.25rem; }
    .zs-case-type dd span { margin-bottom: 2%; }
    .zs-case-num { padding: 0; }
}
@media only screen and (max-width: 767px) {
    .zs-case-type dt { line-height: 28px; width: 50px; }
    .zs-case-type dd { width: calc(100% - 50px); }
    .zs-case-num li { width: 50%; margin-bottom: 3%; }
}

/* ==========================================================================
   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; }
}