
:root{--ink:#13262c;--ink2:#40595f;--brand:#0d4b5c;--brand2:#0a3540;--accent:#139e8b;--accent2:#e7f3f1;--line:#dbe4e6;--bg:#f2f6f7;--muted:#61787d;--white:#fff;--radius:4px}
*{margin:0;padding:0;box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{font-family:"Microsoft YaHei","PingFang SC","Hiragino Sans GB","Source Han Sans SC",Arial,sans-serif;color:var(--ink);background:var(--white);font-size:15px;line-height:1.85}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block;border:0}
ul,ol{list-style:none}
table{border-collapse:collapse;width:100%}
input,button,textarea{font-family:inherit}
.kz7-wrap{max-width:1220px;margin:0 auto;padding:0 20px}
.kz7-clear:after{content:"";display:block;clear:both}

/* topbar */
.kz7-top{background:var(--brand2);color:#c7d8dc;font-size:13px;line-height:38px}
.kz7-top .kz7-wrap{display:flex;justify-content:space-between;gap:16px}
.kz7-top span{display:inline-block}
.kz7-top .kz7-tel{color:#fff;letter-spacing:.5px}
.kz7-top .kz7-tel b{color:#5fd6c0;font-weight:600;font-size:15px;margin-left:6px}
.kz7-top .kz7-promise{color:#9fb8be}

/* header */
.kz7-head{background:#fff;border-bottom:1px solid var(--line);position:relative;z-index:60}
.kz7-head .kz7-wrap{display:flex;align-items:center;justify-content:space-between;min-height:88px;gap:20px}
.kz7-logo{display:flex;align-items:center;gap:12px;flex:0 0 auto}
.kz7-logo img{width:52px;height:52px;object-fit:contain}
.kz7-logo b{display:block;font-size:23px;letter-spacing:2px;line-height:1.25;color:var(--brand)}
.kz7-logo i{display:block;font-style:normal;font-size:10px;letter-spacing:1.4px;color:var(--muted);margin-top:2px}
.kz7-nav{display:flex;align-items:center;gap:2px;flex:1 1 auto;justify-content:flex-end}
.kz7-nav a{display:block;padding:0 18px;font-size:16px;line-height:88px;color:var(--ink);position:relative;white-space:nowrap}
.kz7-nav a:hover,.kz7-nav a.kz7-on{color:var(--accent)}
.kz7-nav a.kz7-on:after{content:"";position:absolute;left:18px;right:18px;bottom:24px;height:2px;background:var(--accent)}
.kz7-headtel{flex:0 0 auto;text-align:right;padding-left:18px;border-left:1px solid var(--line)}
.kz7-headtel small{display:block;font-size:12px;color:var(--muted);letter-spacing:.5px}
.kz7-headtel b{font-size:19px;color:var(--brand);letter-spacing:.5px}
.kz7-burger{display:none;width:44px;height:44px;border:1px solid var(--line);background:#fff;position:relative;cursor:pointer}
.kz7-burger i{position:absolute;left:11px;right:11px;height:2px;background:var(--brand);transition:.25s}
.kz7-burger i:nth-child(1){top:14px}
.kz7-burger i:nth-child(2){top:21px}
.kz7-burger i:nth-child(3){top:28px}
.kz7-burger.kz7-x i:nth-child(1){top:21px;transform:rotate(45deg)}
.kz7-burger.kz7-x i:nth-child(2){opacity:0}
.kz7-burger.kz7-x i:nth-child(3){top:21px;transform:rotate(-45deg)}

/* hero */
.kz7-hero{position:relative;height:540px;overflow:hidden;background:#0b2e38}
.kz7-slide{position:absolute;inset:0;opacity:0;transition:opacity .7s ease;background-size:cover;background-position:center}
.kz7-slide:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(6,32,40,.88) 0%,rgba(6,32,40,.62) 48%,rgba(6,32,40,.25) 100%)}
.kz7-slide.kz7-cur{opacity:1}
.kz7-slide__in{position:relative;max-width:1220px;margin:0 auto;padding:0 20px;height:100%;display:flex;flex-direction:column;justify-content:center;color:#fff}
.kz7-eyebrow{font-size:12px;letter-spacing:3px;color:#7dd6c4;margin-bottom:14px;text-transform:uppercase}
.kz7-hero__t{font-size:42px;line-height:1.28;letter-spacing:1px;font-weight:700;max-width:720px}
.kz7-hero__t em{font-style:normal;color:#7dd6c4}
.kz7-hero__d{font-size:15px;line-height:2;color:#cfe0e3;max-width:640px;margin-top:16px}
.kz7-hero__btn{margin-top:30px;display:flex;gap:14px;flex-wrap:wrap}
.kz7-btn{display:inline-block;padding:12px 30px;font-size:15px;border:1px solid rgba(255,255,255,.5);color:#fff;transition:.25s}
.kz7-btn:hover{background:#fff;color:var(--brand)}
.kz7-btn--g{background:var(--accent);border-color:var(--accent)}
.kz7-btn--g:hover{background:#0f8a79;border-color:#0f8a79;color:#fff}
.kz7-dots{position:absolute;left:50%;transform:translateX(-50%);bottom:28px;display:flex;gap:10px;z-index:5}
.kz7-dots span{width:34px;height:4px;background:rgba(255,255,255,.35);cursor:pointer}
.kz7-dots span.kz7-a{background:var(--accent)}
.kz7-arrow{position:absolute;top:50%;margin-top:-24px;width:46px;height:48px;background:rgba(0,0,0,.28);border:0;cursor:pointer;z-index:6}
.kz7-arrow:before{content:"";position:absolute;top:17px;width:14px;height:14px;border-top:2px solid #fff;border-left:2px solid #fff}
.kz7-arrow--l{left:0}.kz7-arrow--l:before{left:18px;transform:rotate(-45deg)}
.kz7-arrow--r{right:0}.kz7-arrow--r:before{right:18px;transform:rotate(135deg)}
.kz7-arrow:hover{background:rgba(19,158,139,.8)}

/* section shell */
.kz7-sec{padding:64px 0}
.kz7-sec--bg{background:var(--bg)}
.kz7-stitle{text-align:center;margin-bottom:42px}
.kz7-stitle small{display:block;font-size:12px;letter-spacing:3px;color:var(--accent);text-transform:uppercase;margin-bottom:8px}
.kz7-stitle h2{font-size:31px;letter-spacing:1px;color:var(--brand);font-weight:700}
.kz7-stitle p{margin-top:12px;color:var(--muted);font-size:14px}
.kz7-stitle--l{text-align:left}
.kz7-stitle--l h2{font-size:28px}

/* quick tiles */
.kz7-tiles{display:grid;grid-template-columns:repeat(6,1fr);gap:2px;background:var(--line)}
.kz7-tile{position:relative;height:150px;overflow:hidden;background:#0d4b5c;display:block}
.kz7-tile img{width:100%;height:100%;object-fit:cover;opacity:.5;transition:.4s}
.kz7-tile span{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#fff;font-size:15px;letter-spacing:.5px;text-align:center;padding:0 8px}
.kz7-tile span i{font-style:normal;font-size:11px;letter-spacing:1px;color:#8fd8c9;margin-top:6px}
.kz7-tile:hover img{opacity:.85;transform:scale(1.06)}

/* about */
.kz7-about{display:grid;grid-template-columns:480px 1fr;gap:56px;align-items:center}
.kz7-about__img{position:relative}
.kz7-about__img img{width:100%;height:400px;object-fit:cover}
.kz7-about__img:after{content:"";position:absolute;left:-16px;top:-16px;width:96px;height:96px;border-left:3px solid var(--accent);border-top:3px solid var(--accent)}
.kz7-about__txt h2{font-size:29px;color:var(--brand);letter-spacing:.5px;margin-bottom:6px}
.kz7-about__txt .kz7-en{font-size:11px;letter-spacing:2px;color:var(--muted);text-transform:uppercase;margin-bottom:18px}
.kz7-about__txt p{color:var(--ink2);margin-bottom:14px;text-align:justify}
.kz7-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:26px;border-top:1px solid var(--line);padding-top:24px}
.kz7-stats div b{display:block;font-size:30px;color:var(--accent);font-weight:700;line-height:1.2}
.kz7-stats div span{font-size:12px;color:var(--muted)}

/* products */
.kz7-tabs{display:flex;justify-content:center;gap:8px;margin-bottom:34px;flex-wrap:wrap}
.kz7-tabs span{padding:8px 22px;border:1px solid var(--line);font-size:14px;color:var(--ink2);background:#fff}
.kz7-tabs span.kz7-a{background:var(--brand);border-color:var(--brand);color:#fff}
.kz7-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}
.kz7-grid--3{grid-template-columns:repeat(3,1fr);gap:26px}
.kz7-moreline{text-align:center;margin-top:38px}
.kz7-card{border:1px solid var(--line);background:#fff;transition:.3s;display:flex;flex-direction:column}
.kz7-card:hover{box-shadow:0 14px 30px rgba(13,75,92,.13);transform:translateY(-3px);border-color:#c3d6d9}
.kz7-card__pic{height:196px;overflow:hidden;background:#eef3f4}
.kz7-card__pic img{width:100%;height:100%;object-fit:cover;transition:.45s}
.kz7-card:hover .kz7-card__pic img{transform:scale(1.05)}
.kz7-card__bd{padding:18px 18px 20px;flex:1;display:flex;flex-direction:column}
.kz7-card__bd em{font-style:normal;font-size:11px;letter-spacing:1.5px;color:var(--accent);text-transform:uppercase}
.kz7-card__bd h3{font-size:16px;line-height:1.6;margin:6px 0 10px;color:var(--ink);font-weight:600;min-height:52px}
.kz7-card__bd p{font-size:13px;color:var(--muted);line-height:1.75;flex:1;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.kz7-card__more{margin-top:14px;font-size:13px;color:var(--brand);border-top:1px solid var(--line);padding-top:12px;display:flex;justify-content:space-between;align-items:center}
.kz7-card__more i{font-style:normal;color:var(--accent);letter-spacing:1px}

/* applications */
.kz7-apps{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.kz7-app{border:1px solid var(--line);background:#fff;overflow:hidden;display:flex;flex-direction:column}
.kz7-app__pic{height:180px;overflow:hidden}
.kz7-app__pic img{width:100%;height:100%;object-fit:cover;transition:.4s}
.kz7-app:hover .kz7-app__pic img{transform:scale(1.05)}
.kz7-app__bd{padding:20px 22px 22px}
.kz7-app__bd h3{font-size:17px;color:var(--brand);margin-bottom:10px}
.kz7-app__bd p{font-size:13.5px;color:var(--ink2);line-height:1.8}
.kz7-chips{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}
.kz7-chips span{font-size:12px;color:var(--brand);background:var(--accent2);padding:3px 10px}

/* strengths */
.kz7-str{display:grid;grid-template-columns:1fr 1fr;gap:52px;align-items:center}
.kz7-str__pic img{width:100%;height:420px;object-fit:cover}
.kz7-str__list{display:grid;gap:26px}
.kz7-str__item{display:grid;grid-template-columns:64px 1fr;gap:18px;border-bottom:1px dashed var(--line);padding-bottom:22px}
.kz7-str__item b{font-size:28px;color:#cfdde0;font-weight:700;line-height:1.2;font-family:Georgia,serif}
.kz7-str__item h4{font-size:17px;color:var(--brand);margin-bottom:6px}
.kz7-str__item p{font-size:13.5px;color:var(--ink2);line-height:1.8}

/* quality table */
.kz7-qtable{background:#fff;border:1px solid var(--line)}
.kz7-qtable th{background:var(--brand);color:#fff;font-size:14px;font-weight:600;padding:12px 16px;text-align:left}
.kz7-qtable td{border-top:1px solid var(--line);padding:11px 16px;font-size:13.5px;color:var(--ink2)}
.kz7-qtable tr:nth-child(even) td{background:#f8fbfb}
.kz7-qwrap{display:grid;grid-template-columns:1.2fr .8fr;gap:40px;align-items:start}
.kz7-qnote{background:var(--accent2);padding:26px 28px;border-left:3px solid var(--accent)}
.kz7-qnote h4{font-size:17px;color:var(--brand);margin-bottom:10px}
.kz7-qnote p{font-size:13.5px;color:var(--ink2);margin-bottom:10px}

/* news */
.kz7-newswrap{display:grid;grid-template-columns:420px 1fr;gap:40px}
.kz7-feat{border:1px solid var(--line);background:#fff;display:flex;flex-direction:column}
.kz7-feat__pic{height:250px;overflow:hidden}
.kz7-feat__pic img{width:100%;height:100%;object-fit:cover}
.kz7-feat__bd{padding:20px 22px}
.kz7-feat__bd .kz7-date{font-size:12px;color:var(--muted);letter-spacing:1px}
.kz7-feat__bd h3{font-size:19px;line-height:1.6;margin:8px 0 10px;color:var(--brand)}
.kz7-feat__bd p{font-size:13.5px;color:var(--ink2);line-height:1.8}
.kz7-nlist a{display:grid;grid-template-columns:88px 1fr 74px;gap:16px;align-items:center;padding:16px 0;border-bottom:1px solid var(--line)}
.kz7-nlist a:first-child{border-top:1px solid var(--line)}
.kz7-nlist .kz7-d{font-size:13px;color:var(--muted);letter-spacing:.5px;line-height:1.4}
.kz7-nlist .kz7-d b{display:block;font-size:22px;color:var(--brand);font-weight:600}
.kz7-nlist h4{font-size:15.5px;color:var(--ink);line-height:1.6}
.kz7-nlist a:hover h4{color:var(--accent)}
.kz7-nlist em{font-style:normal;font-size:12px;color:var(--accent);border:1px solid #bfe0da;text-align:center;padding:2px 0}

/* brands */
.kz7-brands{display:grid;grid-template-columns:repeat(6,1fr);gap:14px}
.kz7-brands div{border:1px solid var(--line);background:#fff;height:86px;display:flex;align-items:center;justify-content:center;text-align:center;font-size:14px;color:var(--brand);letter-spacing:.5px;padding:0 8px;line-height:1.4}

/* cta */
.kz7-cta{background:var(--brand2);color:#fff;padding:46px 0}
.kz7-cta .kz7-wrap{display:flex;align-items:center;justify-content:space-between;gap:30px;flex-wrap:wrap}
.kz7-cta h3{font-size:24px;letter-spacing:.5px}
.kz7-cta p{font-size:14px;color:#a9c3c8;margin-top:8px}
.kz7-cta .kz7-telbox small{display:block;font-size:12px;letter-spacing:2px;color:#a9c3c8;margin-bottom:2px}
.kz7-cta .kz7-telbox b{font-size:27px;letter-spacing:1px;color:#7dd6c4}

/* footer */
.kz7-foot{background:#0a2a33;color:#93aeb4;padding:52px 0 0;font-size:13.5px}
.kz7-foot__cols{display:grid;grid-template-columns:1.4fr 1fr 1fr 1.2fr;gap:36px;padding-bottom:38px}
.kz7-foot h5{font-size:15px;color:#fff;margin-bottom:16px;letter-spacing:1px}
.kz7-foot a{color:#93aeb4;line-height:2.1;display:block}
.kz7-foot a:hover{color:#7dd6c4}
.kz7-foot p{line-height:2}
.kz7-foot__logo{display:flex;align-items:center;gap:12px;margin-bottom:14px}
.kz7-foot__logo img{width:44px;height:44px;object-fit:contain}
.kz7-foot__logo b{color:#fff;font-size:18px;letter-spacing:1.5px}
.kz7-foot__bar{border-top:1px solid #17383f;padding:18px 0;display:flex;justify-content:space-between;gap:16px;font-size:12.5px;color:#6f8d94;flex-wrap:wrap}

/* page banner + crumbs */
.kz7-pb{height:220px;background-size:cover;background-position:center;position:relative;display:flex;align-items:center}
.kz7-pb:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,36,44,.9),rgba(8,36,44,.5))}
.kz7-pb .kz7-wrap{position:relative;color:#fff}
.kz7-pb h1,.kz7-pb .kz7-pb__t{font-size:34px;letter-spacing:1px;font-weight:700}
.kz7-pb p{font-size:13px;letter-spacing:2px;color:#8fd8c9;margin-top:8px;text-transform:uppercase}
.kz7-crumb{background:#eef3f4;border-bottom:1px solid var(--line);font-size:13px;color:var(--muted);line-height:46px}
.kz7-crumb a{color:var(--ink2)}
.kz7-crumb a:hover{color:var(--accent)}
.kz7-crumb span{margin:0 8px;color:#a9bcc0}

/* product list */
.kz7-plist{display:grid;grid-template-columns:260px 1fr;gap:40px;padding:52px 0}
.kz7-side h3{font-size:16px;color:#fff;background:var(--brand);padding:13px 18px;letter-spacing:1px}
.kz7-side ul{border:1px solid var(--line);border-top:0;background:#fff}
.kz7-side li{display:flex;justify-content:space-between;padding:12px 18px;border-bottom:1px solid var(--line);font-size:14px;color:var(--ink2)}
.kz7-side li:hover{background:var(--accent2);color:var(--brand)}
.kz7-side li em{font-style:normal;color:#9db3b7;font-size:12px}
.kz7-sidecard{margin-top:22px;background:var(--brand2);color:#fff;padding:22px}
.kz7-sidecard b{display:block;font-size:20px;color:#7dd6c4}
.kz7-sidecard p{font-size:13px;color:#a9c3c8;line-height:1.9;margin-top:6px}
.kz7-sortbar{display:flex;justify-content:space-between;align-items:center;border-bottom:2px solid var(--brand);padding-bottom:12px;margin-bottom:26px;font-size:13.5px;color:var(--muted)}
.kz7-sortbar b{color:var(--brand);font-size:16px}

/* product detail */
.kz7-pd{padding:52px 0 20px}
.kz7-pdtop{display:grid;grid-template-columns:520px 1fr;gap:46px}
.kz7-pdtop__pic{border:1px solid var(--line);background:#fff}
.kz7-pdtop__pic img{width:100%;height:400px;object-fit:cover}
.kz7-pdtop h1{font-size:27px;line-height:1.5;color:var(--brand);margin-bottom:8px}
.kz7-pdtop .kz7-br{font-size:12px;letter-spacing:1.6px;color:var(--accent);text-transform:uppercase;margin-bottom:12px}
.kz7-pdtop .kz7-lead{font-size:14px;color:var(--ink2);line-height:1.9;margin-bottom:18px}
.kz7-quick{border-top:1px solid var(--line)}
.kz7-quick div{display:grid;grid-template-columns:96px 1fr;gap:10px;padding:8px 0;border-bottom:1px dashed var(--line);font-size:13.5px}
.kz7-quick span{color:var(--muted)}
.kz7-quick b{color:var(--ink);font-weight:500}
.kz7-pdbtn{display:flex;gap:12px;margin-top:22px;flex-wrap:wrap}
.kz7-btn2{display:inline-block;padding:11px 26px;font-size:14px;background:var(--brand);color:#fff;border:1px solid var(--brand)}
.kz7-btn2:hover{background:var(--brand2)}
.kz7-btn2--o{background:#fff;color:var(--brand)}
.kz7-btn2--o:hover{background:var(--accent2);color:var(--brand)}
.kz7-anchors{display:flex;gap:0;border:1px solid var(--line);border-top:0;background:#fff;margin-top:36px;flex-wrap:wrap}
.kz7-anchors a{padding:12px 26px;font-size:14px;color:var(--ink2);border-right:1px solid var(--line)}
.kz7-anchors a:hover{background:var(--accent2);color:var(--brand)}
.kz7-block{padding:46px 0;border-bottom:1px solid var(--line)}
.kz7-block:last-child{border-bottom:0}
.kz7-block h2{font-size:22px;color:var(--brand);margin-bottom:18px;padding-left:14px;border-left:4px solid var(--accent)}
.kz7-block p{color:var(--ink2);margin-bottom:14px;text-align:justify}
.kz7-block ul{margin:8px 0 14px}
.kz7-block li{position:relative;padding-left:18px;margin-bottom:9px;color:var(--ink2);font-size:14px}
.kz7-block li:before{content:"";position:absolute;left:0;top:11px;width:6px;height:6px;background:var(--accent)}
.kz7-spec th{background:#eef4f4;color:var(--brand);font-size:13.5px;padding:11px 14px;text-align:left;border:1px solid var(--line)}
.kz7-spec td{border:1px solid var(--line);padding:10px 14px;font-size:13.5px;color:var(--ink2)}
.kz7-spec tr:hover td{background:#f9fcfc}
.kz7-xspec th:nth-child(1){width:27%}
.kz7-xspec th:nth-child(2){width:12%}
.kz7-xspec th:nth-child(3){width:17%}
.kz7-xspec th:nth-child(5){width:72px}
.kz7-xspec td{font-size:13px}
.kz7-xspec td:last-child{text-align:center;white-space:nowrap}
.kz7-xspec a{color:#139e8b}
.kz7-rel{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}

/* news list */
.kz7-nlwrap{display:grid;grid-template-columns:1fr 300px;gap:44px;padding:52px 0}
.kz7-nfilter{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:26px}
.kz7-nfilter a{font-size:13px;padding:7px 16px;border:1px solid var(--line);color:var(--ink2);background:#fff}
.kz7-nfilter a.kz7-a{background:var(--brand);border-color:var(--brand);color:#fff}
.kz7-nitem{display:grid;grid-template-columns:236px 1fr;gap:22px;padding:24px 0;border-bottom:1px solid var(--line)}
.kz7-nitem__pic{height:150px;overflow:hidden;background:#eef3f4}
.kz7-nitem__pic img{width:100%;height:100%;object-fit:cover;transition:.4s}
.kz7-nitem:hover .kz7-nitem__pic img{transform:scale(1.05)}
.kz7-nitem h3{font-size:17.5px;color:var(--brand);line-height:1.6;margin-bottom:8px}
.kz7-nitem:hover h3{color:var(--accent)}
.kz7-nitem p{font-size:13.5px;color:var(--ink2);line-height:1.85}
.kz7-nitem .kz7-meta{font-size:12px;color:var(--muted);margin-top:10px;letter-spacing:.5px}
.kz7-hot a{display:block;padding:12px 0;border-bottom:1px dashed var(--line);font-size:14px;color:var(--ink2);line-height:1.6}
.kz7-hot a:hover{color:var(--accent)}
.kz7-contactcard{background:var(--brand2);color:#fff;padding:24px;margin-top:24px}
.kz7-contactcard h4{font-size:16px;margin-bottom:10px}
.kz7-contactcard b{display:block;font-size:23px;color:#7dd6c4;letter-spacing:.5px}
.kz7-contactcard p{font-size:12.5px;color:#a9c3c8;line-height:1.9;margin-top:6px}

/* article */
.kz7-art{padding:52px 0 10px}
.kz7-art h1{font-size:30px;line-height:1.5;color:var(--brand);letter-spacing:.5px}
.kz7-artmeta{display:flex;gap:20px;flex-wrap:wrap;font-size:13px;color:var(--muted);margin:16px 0 0;padding-bottom:18px;border-bottom:1px solid var(--line)}
.kz7-artmeta em{font-style:normal;color:var(--accent);border:1px solid #bfe0da;padding:1px 10px;font-size:12px}
.kz7-artbody{padding:30px 0 10px;font-size:15.5px;line-height:2.1;color:#22383e}
.kz7-artbody p{margin-bottom:18px;text-align:justify}
.kz7-artbody h2{font-size:20px;color:var(--brand);margin:30px 0 12px;padding-left:12px;border-left:4px solid var(--accent)}
.kz7-artbody ul{margin:0 0 18px}
.kz7-artbody li{position:relative;padding-left:20px;margin-bottom:8px;color:#22383e}
.kz7-artbody li:before{content:"";position:absolute;left:2px;top:12px;width:6px;height:6px;background:var(--accent)}
.kz7-artbody table{margin:20px 0 24px;border:1px solid var(--line)}
.kz7-artbody th{background:var(--brand);color:#fff;font-size:13.5px;font-weight:600;padding:11px 14px;text-align:left}
.kz7-artbody td{border-top:1px solid var(--line);padding:10px 14px;font-size:13.5px;color:var(--ink2)}
.kz7-artbody tr:nth-child(even) td{background:#f8fbfb}
.kz7-cover{margin:24px 0 0;border:1px solid var(--line);background:#fff}
.kz7-cover img{width:100%;height:380px;object-fit:cover}
.kz7-cover figcaption{font-size:12.5px;color:var(--muted);padding:10px 14px;border-top:1px solid var(--line)}
.kz7-tags{display:flex;gap:10px;flex-wrap:wrap;margin:26px 0 10px;padding-top:20px;border-top:1px solid var(--line)}
.kz7-tags span{font-size:12.5px;color:var(--brand);background:var(--accent2);padding:4px 12px}
.kz7-pn{display:flex;justify-content:space-between;gap:20px;font-size:13.5px;color:var(--muted);padding:16px 0;border-top:1px dashed var(--line);border-bottom:1px dashed var(--line);margin-top:18px;flex-wrap:wrap}
.kz7-pn a{color:var(--ink2)}
.kz7-pn a:hover{color:var(--accent)}

/* about / contact / apps */
.kz7-2col{display:grid;grid-template-columns:1fr 1fr;gap:46px;align-items:center}
.kz7-2col img{width:100%;height:380px;object-fit:cover}
.kz7-biz{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.kz7-biz div{background:#fff;border:1px solid var(--line);border-top:3px solid var(--accent);padding:26px 22px}
.kz7-biz h4{font-size:17px;color:var(--brand);margin-bottom:10px}
.kz7-biz p{font-size:13.5px;color:var(--ink2);line-height:1.85}
.kz7-svc{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}
.kz7-svc div{border-left:3px solid var(--brand);background:#fff;padding:20px 24px;border-top:1px solid var(--line);border-right:1px solid var(--line);border-bottom:1px solid var(--line)}
.kz7-svc h4{font-size:16px;color:var(--brand);margin-bottom:8px}
.kz7-svc p{font-size:13.5px;color:var(--ink2);line-height:1.85}
.kz7-tl{border-left:2px solid var(--line);padding-left:28px;margin-left:8px}
.kz7-tl div{position:relative;padding-bottom:26px}
.kz7-tl div:before{content:"";position:absolute;left:-35px;top:6px;width:12px;height:12px;background:var(--accent);border-radius:50%}
.kz7-tl b{display:block;font-size:20px;color:var(--brand);font-family:Georgia,serif;letter-spacing:1px}
.kz7-tl p{font-size:13.5px;color:var(--ink2);line-height:1.85;margin-top:4px}
.kz7-cinfo{display:grid;grid-template-columns:1.1fr .9fr;gap:44px;align-items:start}
.kz7-cinfo table th{width:120px;text-align:left;color:var(--muted);font-weight:400;font-size:14px;padding:14px 0;border-bottom:1px solid var(--line);vertical-align:top}
.kz7-cinfo table td{padding:14px 0;border-bottom:1px solid var(--line);font-size:14.5px;color:var(--ink)}
.kz7-ask{background:var(--bg);padding:26px 28px;border:1px solid var(--line)}
.kz7-ask h4{font-size:17px;color:var(--brand);margin-bottom:12px}
.kz7-ask li{position:relative;padding-left:18px;font-size:13.5px;color:var(--ink2);margin-bottom:10px}
.kz7-ask li:before{content:"";position:absolute;left:0;top:11px;width:6px;height:6px;background:var(--accent)}
.kz7-ask p{font-size:13px;color:var(--muted);line-height:1.85;margin-top:14px}
.kz7-appblock{display:grid;grid-template-columns:1fr 1fr;gap:44px;align-items:center;padding:44px 0;border-bottom:1px solid var(--line)}
.kz7-appblock:nth-child(even) .kz7-appblock__pic{order:2}
.kz7-appblock__pic img{width:100%;height:340px;object-fit:cover}
.kz7-appblock h2{font-size:24px;color:var(--brand);margin-bottom:14px}
.kz7-appblock p{font-size:14px;color:var(--ink2);line-height:1.9;margin-bottom:12px;text-align:justify}

/* 404 */
.kz7-404{padding:90px 0 100px;text-align:center}
.kz7-404 .kz7-num{font-size:110px;color:var(--brand);letter-spacing:10px;font-family:Georgia,serif;line-height:1}
.kz7-404 h1{font-size:24px;color:var(--ink);margin:18px 0 10px}
.kz7-404 p{color:var(--muted);font-size:14px;max-width:620px;margin:0 auto 26px;line-height:1.9}
.kz7-404 .kz7-btn2{margin:0 6px}

/* responsive */
@media (max-width:1180px){
 .kz7-nav a{padding:0 12px;font-size:15px}
 .kz7-about{grid-template-columns:400px 1fr;gap:34px}
 .kz7-pdtop{grid-template-columns:440px 1fr;gap:30px}
 .kz7-newswrap{grid-template-columns:340px 1fr;gap:26px}
}
@media (max-width:1024px){
 .kz7-headtel{display:none}
 .kz7-burger{display:block}
 .kz7-nav{position:absolute;left:0;right:0;top:100%;background:#fff;flex-direction:column;align-items:stretch;border-bottom:1px solid var(--line);display:none;padding:8px 0;box-shadow:0 12px 20px rgba(10,42,51,.12)}
 .kz7-nav.kz7-open{display:flex}
 .kz7-nav a{line-height:44px;padding:0 20px;border-bottom:1px solid #edf2f3}
 .kz7-nav a.kz7-on:after{display:none}
 .kz7-hero{height:460px}
 .kz7-hero__t{font-size:32px}
 .kz7-tiles{grid-template-columns:repeat(3,1fr)}
 .kz7-grid,.kz7-grid--3{grid-template-columns:repeat(3,1fr)}
 .kz7-apps{grid-template-columns:repeat(2,1fr)}
 .kz7-brands{grid-template-columns:repeat(3,1fr)}
 .kz7-about{grid-template-columns:1fr;gap:26px}
 .kz7-about__img img{height:320px}
 .kz7-str{grid-template-columns:1fr;gap:30px}
 .kz7-qwrap{grid-template-columns:1fr}
 .kz7-newswrap{grid-template-columns:1fr}
 .kz7-plist{grid-template-columns:1fr;gap:26px}
 .kz7-pdtop{grid-template-columns:1fr}
 .kz7-pdtop__pic img{height:340px}
 .kz7-nlwrap{grid-template-columns:1fr;gap:30px}
 .kz7-2col{grid-template-columns:1fr;gap:26px}
 .kz7-biz{grid-template-columns:repeat(2,1fr)}
 .kz7-cinfo{grid-template-columns:1fr}
 .kz7-appblock{grid-template-columns:1fr;gap:22px}
 .kz7-appblock:nth-child(even) .kz7-appblock__pic{order:0}
 .kz7-foot__cols{grid-template-columns:1fr 1fr;gap:26px}
 .kz7-rel{grid-template-columns:repeat(2,1fr)}
 .kz7-top .kz7-promise{display:none}
}
@media (max-width:640px){
 .kz7-top{font-size:12px;line-height:34px}
 .kz7-top .kz7-wrap{justify-content:center}
 .kz7-head .kz7-wrap{min-height:70px}
 .kz7-logo img{width:42px;height:42px}
 .kz7-logo b{font-size:18px;letter-spacing:1px}
 .kz7-logo i{display:none}
 .kz7-hero{height:420px}
 .kz7-hero__t{font-size:25px;line-height:1.45}
 .kz7-hero__d{font-size:13.5px;line-height:1.85}
 .kz7-hero__btn .kz7-btn{padding:9px 18px;font-size:13.5px}
 .kz7-arrow{display:none}
 .kz7-sec{padding:42px 0}
 .kz7-stitle h2{font-size:24px}
 .kz7-stitle{margin-bottom:28px}
 .kz7-tiles{grid-template-columns:repeat(2,1fr)}
 .kz7-tile{height:120px;font-size:13.5px}
 .kz7-grid,.kz7-grid--3{grid-template-columns:repeat(2,1fr);gap:14px}
 .kz7-card__pic{height:140px}
 .kz7-card__bd{padding:12px 12px 14px}
 .kz7-card__bd h3{font-size:14px;min-height:44px}
 .kz7-card__bd p{display:none}
 .kz7-apps{grid-template-columns:1fr}
 .kz7-app__pic{height:170px}
 .kz7-stats{grid-template-columns:repeat(2,1fr);gap:16px}
 .kz7-brands{grid-template-columns:repeat(2,1fr)}
 .kz7-cta h3{font-size:19px}
 .kz7-cta .kz7-telbox b{font-size:22px}
 .kz7-pb{height:170px}
 .kz7-pb h1,.kz7-pb .kz7-pb__t{font-size:24px}
 .kz7-nitem{grid-template-columns:1fr;gap:12px}
 .kz7-nitem__pic{height:180px}
 .kz7-art h1{font-size:23px}
 .kz7-artbody{font-size:15px;line-height:1.95}
 .kz7-artbody table{font-size:13px}
 .kz7-artbody th,.kz7-artbody td{padding:8px 10px}
 .kz7-cover img{height:220px}
 .kz7-rel{grid-template-columns:1fr}
 .kz7-biz{grid-template-columns:1fr}
 .kz7-svc{grid-template-columns:1fr}
 .kz7-foot__cols{grid-template-columns:1fr}
 .kz7-404 .kz7-num{font-size:70px}
 .kz7-pdtop h1{font-size:22px}
 .kz7-pdtop__pic img{height:260px}
 .kz7-anchors a{padding:10px 16px;font-size:13px;border-bottom:1px solid var(--line)}
 .kz7-block h2{font-size:19px}
}
