@charset "UTF-8";

:root {
  --zm-blue: #123f76;
  --zm-blue-dark: #0b294d;
  --zm-orange: #f28c28;
  --zm-bg: #f4f7fa;
  --zm-line: #dfe7ef;
  --zm-text: #172433;
  --zm-muted: #64748b;
}

html { background: #eef2f6; font-size: 15.625vw; }
@media (min-width: 640px) { html { font-size: 100px; } }
body { max-width: 6.4rem; color: var(--zm-text); background: #fff; font-family: "PingFang SC", "Microsoft YaHei", sans-serif; padding-bottom: 1.08rem; }

.zm-mobile-head { height: .84rem; padding: 0 .28rem; display: flex; align-items: center; justify-content: space-between; background: #fff; border-bottom: .01rem solid var(--zm-line); }
.zm-mobile-brand { color: var(--zm-blue-dark); font-size: .3rem; font-weight: 700; letter-spacing: .01rem; }
.zm-mobile-tel { height: .48rem; padding: 0 .2rem; color: #fff; background: var(--zm-blue); border-radius: .04rem; font-size: .22rem; line-height: .48rem; }

.zm-mobile-hero { box-sizing: border-box; min-height: 4.45rem; padding: .72rem .38rem .6rem; color: #fff; background: linear-gradient(135deg, rgba(11,41,77,.98), rgba(18,63,118,.9)); position: relative; overflow: hidden; }
.zm-mobile-hero:after { content: ""; position: absolute; width: 3.2rem; height: 3.2rem; right: -.9rem; bottom: -.95rem; border: .42rem solid rgba(255,255,255,.05); border-radius: 50%; }
.zm-mobile-hero .kicker { position: relative; z-index: 2; color: #9fc1e1; font-size: .2rem; letter-spacing: .03rem; }
.zm-mobile-hero h1 { position: relative; z-index: 2; margin: .18rem 0 .18rem; color: #fff; font-size: .54rem; line-height: 1.28; font-weight: 700; }
.zm-mobile-hero .intro { position: relative; z-index: 2; width: 5.35rem; color: #e5eef7; font-size: .24rem; line-height: 1.75; }
.zm-mobile-hero .actions { position: relative; z-index: 2; margin-top: .36rem; }
.zm-mobile-hero .actions a { display: inline-block; min-width: 1.72rem; height: .68rem; padding: 0 .18rem; color: #fff; border: .01rem solid rgba(255,255,255,.65); border-radius: .04rem; font-size: .24rem; line-height: .68rem; text-align: center; box-sizing: border-box; }
.zm-mobile-hero .actions a:first-child { margin-right: .14rem; background: var(--zm-orange); border-color: var(--zm-orange); font-weight: 700; }

.zm-mobile-trust { padding: .28rem .18rem; display: grid; grid-template-columns: repeat(3, 1fr); background: #fff; border-bottom: .01rem solid var(--zm-line); }
.zm-mobile-trust div { padding: 0 .12rem; text-align: center; border-right: .01rem solid var(--zm-line); }
.zm-mobile-trust div:last-child { border-right: 0; }
.zm-mobile-trust strong { display: block; color: var(--zm-blue-dark); font-size: .24rem; }
.zm-mobile-trust span { display: block; margin-top: .08rem; color: var(--zm-muted); font-size: .18rem; line-height: 1.5; }

.zm-mobile-legacy > .bg_b:first-child { display: none; }
.index_nav { width: 100%; height: auto; padding: .34rem .16rem .22rem; background-image: none !important; background-color: var(--zm-bg); box-sizing: border-box; }
.index_nav .pos_b { height: auto; padding: 0; display: grid; grid-template-columns: repeat(4, 1fr); gap: .14rem; }
.index_nav a { float: none; width: auto; height: .78rem; margin: 0; display: flex; align-items: center; justify-content: center; color: var(--zm-blue-dark); background: #fff; border: .01rem solid var(--zm-line); border-radius: .04rem; box-shadow: 0 .04rem .12rem rgba(18,63,118,.05); }
.index_nav a div { padding: 0; color: inherit; font-size: .22rem; line-height: 1.25; }

.hot_c { padding: .42rem .18rem .46rem; background: var(--zm-bg); box-sizing: border-box; }
.hot_c .head_b { height: auto; margin-bottom: .24rem; background: none; }
.hot_c .head_b:after { content: "推荐产品"; display: block; color: var(--zm-blue-dark); font-size: .34rem; font-weight: 700; text-align: left; }
.hot_c .head_b img { display: none; }
.hot_c ul { display: grid; grid-template-columns: 1fr 1fr; gap: .16rem; }
.hot_c ul a { display: block; }
.hot_c .col_b { float: none; width: auto; height: auto; margin: 0; background: #fff; border: .01rem solid var(--zm-line); border-radius: .04rem; overflow: hidden; }
.hot_c .col_b .img_b { width: 100%; height: 2.1rem; background-position: center; }
.hot_c .info { min-height: .64rem; }
.hot_c .info .title { width: calc(100% - .54rem); font-size: .23rem; line-height: .64rem; white-space: nowrap; text-overflow: ellipsis; }
.hot_c .info .look_btn { width: .54rem; height: .64rem; background: none; position: relative; }
.hot_c .info .look_btn:after { content: "›"; color: var(--zm-orange); font-size: .4rem; line-height: .6rem; }
.hot_c .look_more { width: 100%; height: .76rem; margin-top: .22rem; color: #fff; background: var(--zm-blue); border: 0; border-radius: .04rem; font-size: .26rem; line-height: .76rem; }

.zm-mobile-legacy > .bg_b { background: #fff; }
.zm-mobile-legacy > .bg_b img { width: 100%; height: auto; }
.index_about { padding: .42rem .26rem; color: var(--zm-text); background: #fff; }
.index_about .head_img img { width: 100%; height: auto; border-radius: .04rem; }
.index_about .item { box-sizing: border-box; width: 100%; padding: .28rem 0 0; color: var(--zm-muted); border: 0; font-size: .23rem; line-height: 1.8; }
.index_about .item img { max-width: 100% !important; height: auto !important; }

.vname_b { height: auto; min-height: .8rem; padding: .24rem .24rem .2rem; box-sizing: border-box; }
.vname_b .title { width: calc(100% - .5rem); margin: 0; color: var(--zm-blue-dark); font-size: .31rem; line-height: 1.5; font-weight: 700; }
.zm-mobile-buying-guide { margin: .2rem .18rem .26rem; padding: .3rem .28rem; background: var(--zm-blue-dark); border-radius: .05rem; }
.zm-mobile-buying-guide > span, .zm-mobile-detail-title > span { display: block; margin-bottom: .08rem; color: #efad67; font-size: .18rem; font-weight: 700; letter-spacing: .02rem; }
.zm-mobile-buying-guide h2 { margin: 0 0 .12rem; color: #fff; font-size: .29rem; line-height: 1.5; }
.zm-mobile-buying-guide p { color: #d8e5f1; font-size: .22rem; line-height: 1.75; }
.zm-mobile-buying-guide div { display: grid; grid-template-columns: 1fr 1fr; gap: .12rem; margin-top: .24rem; }
.zm-mobile-buying-guide a { height: .66rem; color: #fff; background: var(--zm-orange); border-radius: .04rem; font-size: .23rem; font-weight: 700; line-height: .66rem; text-align: center; }
.zm-mobile-buying-guide a:last-child { background: #fff; color: var(--zm-blue-dark); }
.zm-mobile-buying-guide small { display: block; margin-top: .18rem; color: #a9bfd4; font-size: .17rem; line-height: 1.6; }
.zm-mobile-detail-title { margin: 0 .2rem; padding: .06rem 0 .18rem; border-bottom: .01rem solid var(--zm-line); }
.zm-mobile-detail-title h2 { margin: 0; color: var(--zm-blue-dark); font-size: .29rem; }
.cont { box-sizing: border-box; padding: .26rem .24rem .36rem; color: var(--zm-text); font-size: .22rem; line-height: 1.9; }
.cont img, .viewban img { max-width: 100% !important; height: auto !important; }

.zm-mobile-process { margin: .18rem; padding: .34rem .3rem; color: #fff; background: var(--zm-blue-dark); border-radius: .05rem; }
.zm-mobile-process h2 { color: #fff; font-size: .32rem; margin-bottom: .12rem; }
.zm-mobile-process p { color: #d8e5f1; font-size: .22rem; line-height: 1.75; }
.zm-mobile-process a { display: block; height: .7rem; margin-top: .24rem; color: #fff; background: var(--zm-orange); border-radius: .04rem; font-size: .24rem; font-weight: 700; line-height: .7rem; text-align: center; }

.web_info { padding: .32rem .2rem .28rem; background: var(--zm-bg); }
.web_info .item { width: 100%; height: auto; padding-bottom: .16rem; }
.web_info .item .msg { width: calc(100% - .5rem); height: auto; min-height: .52rem; color: var(--zm-text); background: #fff; border: .01rem solid var(--zm-line); font-size: .21rem; line-height: .52rem; }

.footer { display: none; }
.zm-mobile-actions { position: fixed; z-index: 999; left: 50%; bottom: 0; width: 6.4rem; max-width: 100%; height: 1.04rem; transform: translateX(-50%); display: grid; grid-template-columns: repeat(4, 1fr); background: #fff; box-shadow: 0 -.05rem .18rem rgba(11,41,77,.14); }
.zm-mobile-actions a { position: relative; color: var(--zm-muted); font-size: .2rem; text-align: center; border-right: .01rem solid var(--zm-line); }
.zm-mobile-actions a:last-child { color: #fff; background: var(--zm-orange); border-right: 0; }
.zm-mobile-actions a:before { display: block; margin-top: .13rem; color: var(--zm-blue); font-size: .31rem; line-height: .34rem; }
.zm-mobile-actions .home:before { content: "⌂"; }
.zm-mobile-actions .products:before { content: "▦"; }
.zm-mobile-actions .message:before { content: "✎"; }
.zm-mobile-actions .phone:before { content: "☎"; color: #fff; }
.zm-mobile-actions span { display: block; margin-top: .07rem; }