@charset "utf-8";
/* ==========================================================================
   鏂伴椈璇︽儏椤?news_detail 鏍峰紡锛堝ご灏惧叕鍏辨牱寮忚 header_footer.css锛?   ========================================================================== */

/* 瀛楀彿 */
.fnt_60 { font-size: 0.6rem; }
@media only screen and (max-width: 1024px) { .fnt_60 { font-size: 26px; } }
@media only screen and (max-width: 767px) { .fnt_60 { font-size: 20px; } }

/* 鍥哄畾澶撮儴鍗犱綅 */
.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-fadeup.is-in { opacity: 1; transform: none; }

/* 閫氱敤 */
.indexwrap { width: 1660px; max-width: 90%; margin: 0 auto; }
.aboutwrap { width: 1660px; max-width: 90%; margin: 0 auto; }
@media only screen and (max-width: 1024px) { .indexwrap, .aboutwrap { max-width: 94%; } }
.zs-detail img { max-width: 100%; }
.zs-detail .bold { font-weight: bold; }

/* ==========================================================================
   椤堕儴 banner + 鏍囬
   ========================================================================== */
.solution_banner { position: relative; }
.solution_banner > img { width: 100%; display: block; }
.news_text { position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: flex; align-items: center; }
.news_text-con { color: #fff; }
.news_text-con p { margin-bottom: 0.24rem; }
.news_text-con h2 { line-height: 1.25; }
@media only screen and (max-width: 767px) { .news_text-con p { margin-bottom: 10px; } }

/* ==========================================================================
   姝ｆ枃鍖?   ========================================================================== */
.news_con { padding: 0.8rem 0 0; }
.del_01 { display: flex; justify-content: space-between; align-items: flex-start; }
.del-ll { width: 66%; display: flex; }
.del-ll-l { width: 0.7rem; flex-shrink: 0; }
.del-ll-l ul li { margin-bottom: 0.3rem; text-align: center; }
.del-ll-l ul li dd i { font-size: 0.32rem; color: #b5b5b5; transition: color 0.3s; }
.del-ll-l ul li dt p { color: #b5b5b5; margin-top: 6px; }
@media only screen and (min-width: 1025px) { .del-ll-l ul li:hover dd i { color: #132b88; } }
.del-ll-r { flex: 1; padding-left: 0.4rem; min-width: 0; }
.del-ll-r > h1, .del-ll-r > h2 { line-height: 1.3; font-weight: bold; margin-bottom: 0.2rem; }
.del_date { color: #999; padding-bottom: 0.3rem; margin-bottom: 0.4rem; border-bottom: 1px solid #eaeaea; }
.del-edit { line-height: 2; color: #333; }
.del-edit p { margin-bottom: 1em; text-align: justify; }
.del-edit strong { font-weight: bold; }
.del-edit img { max-width: 100%; height: auto; border-radius: 0.1rem; }
.d_page { margin-top: 0.5rem; padding-top: 0.3rem; border-top: 1px solid #eaeaea; }
.d_page span { display: block; line-height: 1.8; color: #666; }
.d_page span a { color: #333; }
.d_page span a:hover { color: #132b88 !important; }

/* 鍙充晶杈规爮 */
.del-rr { width: 30%; }
.del-rr > ul > li { background: #f8f8f8; border-radius: 0.2rem; padding: 0.4rem; margin-bottom: 0.4rem; position: relative; }
.del-rr dd p, .del-rr dd h2 { font-weight: bold; margin-bottom: 0.2rem; }
.del-rr dt a { display: block; line-height: 1.6; padding: 0.12rem 0; border-bottom: 1px dashed #dcdcdc; color: #444; white-space: pre-line; }
.del-rr dt a:last-child { border-bottom: 0; }
.del-rr dt a:hover { color: #132b88 !important; }
.del_link { margin-top: 0.2rem; }
.del_link a { display: inline-block; width: 46px; height: 46px; line-height: 46px; text-align: center; background: linear-gradient(135deg, #0140bf, #01b3bf); color: #fff; border-radius: 50%; }
.del_link a:hover { color: #fff !important; }

@media only screen and (max-width: 1024px) {
    .del_01 { flex-direction: column; }
    .del-ll, .del-rr { width: 100%; }
    .del-rr { margin-top: 40px; }
}
@media only screen and (max-width: 767px) {
    .news_con { padding: 30px 0 0; }
    .del-ll { flex-direction: column; }
    .del-ll-l { width: 100%; }
    .del-ll-l ul { display: flex; }
    .del-ll-l ul li { margin-right: 30px; margin-bottom: 20px; }
    .del-ll-r { padding-left: 0; }
}

/* ==========================================================================
   鏈嶅姟鏁板瓧锛坙ab_03 / solution_04锛?   ========================================================================== */
.lab_03 { padding: 5% 0 0; }
.solution_04 .solution_01-tit { text-align: center; }
.solution_04 .solution_01-tit h2 { line-height: 1.2; }
.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; } }

/* ==========================================================================
   index_07 搴曢儴 CTA
   ========================================================================== */
.zs-index-07 { background: linear-gradient(135deg, #0140bf, #01b3bf); overflow: hidden; text-align: center; padding: 0.9rem 0; margin-top: 0.8rem; }
.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_detail_body .zs-header { background: #fff; box-shadow: none; border-bottom: none; }
.news_detail_body .zs-header.is-scroll { box-shadow: 0 10px 10px rgba(0,0,0,0.15); }