@charset "utf-8";
/* ============================================================
   陈贤楠科普文章栏目
   依赖：/templets2020/css/base.css、/templets2020/css/ks.css
   配色沿用个人主页：主蓝 #007ace、强调橙 #f18032、文字 #222 / #666
   ============================================================ */

/* 顶部横幅 .zj-top、面包屑 .lc-dh-title、分页 .page 全部沿用 ks.css，此处不再重复定义 */

/* 统一盒模型：width 计入 padding，避免移动端 width:100% + padding 造成横向溢出 */
.cxn-main, .cxn-left, .cxn-right, .cxn-art-main, .cxn-card, .cxn-cattabs, .cxn-item, .cxn-ps, .zjart-intro, .zjart-item, .zjart-pics a { box-sizing: border-box; }

/* ---------- 栏目主体 ---------- */
.cxn-main { padding-top: 30px; }
.cxn-left { width: 810px; float: left; margin-right:20px; }
.cxn-right { width: 300px; float: right; }

/* ---------- 栏目标题 ---------- */
.cxn-hd { border-bottom: 2px solid #007ace; margin-bottom: 20px; }
.cxn-hd h3 { display: inline-block; font-size: 24px; line-height: 50px; color: #222; font-weight: normal; letter-spacing: 1px; }
.cxn-hd h3 b { font-weight: normal; color: #222; }
.cxn-hd .cxn-hd-num { float: right;  line-height: 50px; color: #999; }
.cxn-hd .cxn-hd-num:hover { color: #f18032; }

/* 分类横滑条：桌面隐藏，移动端显示在列表上方 */
.cxn-cattabs { display: none; }

/* ---------- 文章列表 ---------- */
.cxn-list { padding-top: 6px; }
.cxn-item { border-bottom: 1px dashed #e6e6e6; padding: 22px 0 20px; }
.cxn-item:after { content: ""; display: block; clear: both; }
/* 缩略图：CMS 有图时输出 .cxn-item-pic，无图不输出即为纯文字样式 */
.cxn-item-pic { float: left; width: 150px; height: 100px; margin: 4px 18px 0 0; border-radius: 4px; overflow: hidden; }
.cxn-item-pic img { width: 100%; height: 100%; object-fit: cover; display: block; }
.cxn-item h4 { position: relative; font-size: 18px; line-height: 32px; font-weight: normal; padding-left: 14px; }
.cxn-item h4:before { content: ""; position: absolute; left: 0; top: 8px; width: 4px; height: 16px; background-color: #007ace; border-radius: 2px; }
.cxn-item h4 a { color: #222; font-weight: bold; }
.cxn-item h4 a:hover { color: #007ace; }
/* 带缩略图的条目：标题紧贴图片，去掉竖条避免压图 */
.cxn-item-pic ~ h4 { padding-left: 0; }
.cxn-item-pic ~ h4:before { display: none; }
.cxn-item-desc {  line-height: 26px; color: #666; margin-top: 8px; text-align: justify; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.cxn-meta { margin-top: 12px; font-size: 13px; color: #aaa; }
/* 分类标签：抽成全局类，列表页与详情页共用同一份定义 */
.cxn-tag { display: inline-block; font-size: 12px; font-style:normal; padding: 0 3px; border-radius: 3px; background-color: #eaf5ff; color: #007ace; }
.cxn-tag.t2 { background-color: #fff3e6; color: #ee6100; }
.cxn-tag.t3 { background-color: #eef7ec; color: #50b83c; }
.cxn-tag.t4 { background-color: #f4efff; color: #8a5cf6; }
/* 置顶标识：红底白字加粗，比分类标签更醒目 */
.cxn-tag-top { background-color: #e6352b; color: #fff; }
/* 文章标识（置顶/头条/推荐）：data-f 取 [!--istop--]、[!--firsttitle--]、[!--isgood--] 的值，仅当为 1 时显示 */
.cxn-meta .cxn-tag[data-f]:not([data-f="1"]) { display: none; }
/* 头条 */
.cxn-tag-toutiao { background-color: #ee6100; color: #fff; }
.cxn-meta .cxn-tag { margin-right: 12px; }
.cxn-meta span { margin-right: 16px; }
.cxn-meta .cxn-read { color: #b5b5b5; }

/* 列表底部：查看更多文章按钮 */
.cxn-more { text-align: center; padding: 28px 0 8px; }
.cxn-more a { display: inline-block; font-size: 16px; line-height: 44px; padding: 0 45px; border-radius: 5px; letter-spacing: 3px; background-color: #007ace; color: #fff; }
.cxn-more a:hover { background-color: #f18032; }

/* ---------- 分页：覆盖 ks.css 的固定高度，避免移动端换行溢出错乱 ---------- */
.cxn-main .page { height: auto; line-height: 34px; font-size: 14px; padding: 24px 0 6px; }
.cxn-main .page span, .cxn-main .page a { margin: 0 3px; }

/* ---------- 门诊预约卡片（突出显示） ---------- */
.cxn-booking { border-color: #ffd9b8; background-color: #fffaf5; box-shadow: 0 4px 14px rgba(241,128,50,.10); }
.cxn-booking h3 { color: #ee6100; border-bottom-color: #ffe3cd; background-color: #fff2e7; }
.cxn-booking .cxn-card-bd { padding: 16px 15px; }
.cxn-booking-txt { font-size: 14px; line-height: 26px; color: #666; text-align: justify; }
.cxn-booking-txt strong { font-weight: normal; color: #ee6100; }
.cxn-booking-btn { display: block; margin-top: 12px; text-align: center; font-size: 16px; line-height: 44px; font-weight: bold; border-radius: 5px; letter-spacing: 2px; background-color: #f18032; color: #fff; }
.cxn-booking-btn:hover { background-color: #007ace; }
#cxn-booking-btn {color: #fff;}

/* ---------- 侧栏卡片 ---------- */
.cxn-card { border: 1px #f1f1f1 solid; border-radius: 5px; background-color: #fff; margin-bottom: 20px; overflow: hidden; }
.cxn-card h3 { font-size: 18px; line-height: 50px; padding-left: 15px; border-bottom: 1px #f1f1f1 solid; font-weight: normal; color: #222; }
.cxn-card-bd { padding: 14px; border: 1px solid #e6e4e4be;}

/* 医生迷你名片 */
.cxn-doc { padding: 18px 15px; }
.cxn-doc .cxn-doc-img { width: 90px; height: 116px; float: left; }
.cxn-doc .cxn-doc-img img { width: 90px; height: 116px; display: block; border-radius: 4px; object-fit: cover; }
.cxn-doc .cxn-doc-txt { padding-left: 106px; }
.cxn-doc .cxn-doc-txt h4 { font-size: 20px; line-height: 30px; font-weight: normal; color: #222; letter-spacing: 2px; }
.cxn-doc .cxn-doc-txt em { display: inline-block; font-size: 12px; line-height: 20px; padding: 0 6px; margin: 2px 5px 2px 0; border-radius: 3px; background-color: #007ace; color: #fff; font-style: normal; }
.cxn-doc .cxn-doc-txt em.e1 { background-color: #cf1322; }
.cxn-doc .cxn-doc-txt em.e2 { background-color: #ee6100; }
.cxn-doc .cxn-doc-txt p { font-size: 13px; line-height: 24px; color: #888; margin-top: 6px; }
.cxn-doc .cxn-doc-btn { clear: both; padding-top: 15px; }
.cxn-doc .cxn-doc-btn a { display: block; float: left; width: 48%; margin-right: 4%;  line-height: 34px; text-align: center; border-radius: 4px; background-color: #f18032; color: #fff; }
.cxn-doc .cxn-doc-btn a:last-child { margin-right: 0; background-color: #3294d7; }

/* 分类目录：一行两个，紧凑网格 */
.cxn-cat { padding: 10px 10px 6px; overflow: hidden; }
.cxn-cat li { float: left; width: 50%; box-sizing: border-box; padding: 0 5px 8px; }
.cxn-cat li a { display: block; line-height: 32px; text-align: center; font-size: 13px; color: #555; background-color: #fff; border: 1px solid #e0e0e0; border-radius: 4px; }
.cxn-cat li a:hover { color: #007ace; border-color: #007ace; background-color: #f5fbff; }
.cxn-cat li a em { display: none; }

/* 热门阅读：标题单行超出省略 */
.cxn-hot li { padding: 9px 0; }
.cxn-hot li a { display: block; line-height: 24px; color: #555; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.cxn-hot li a:hover { color: #007ace; }
.cxn-hot li a i { display: inline-block; width: 18px; height: 18px; line-height: 18px; margin-right: 8px; font-style: normal; font-size: 12px; text-align: center; border-radius: 3px; background-color: #f2f2f2; color: #999; }
.cxn-hot li:nth-child(1) a i { background-color: #ff5a5a; color: #fff; }
.cxn-hot li:nth-child(2) a i { background-color: #ff9d3c; color: #fff; }
.cxn-hot li:nth-child(3) a i { background-color: #ffc93c; color: #fff; }

/* ============================================================
   文章详情页
   ============================================================ */
.cxn-art-main { width: 860px; float: left; padding: 35px 40px 40px; border: 1px #f1f1f1 solid; border-radius: 5px; background-color: #fff; box-sizing: border-box; }
.cxn-art-main h1 { font-size: 26px; line-height: 44px; text-align: center; font-weight: normal; color: #222; }
.cxn-art-meta { margin: 14px 0 0; padding-bottom: 18px; border-bottom: 1px #f1f1f1 solid; text-align: center; font-size: 13px; color: #999; }
.cxn-art-meta span { margin: 0 8px; }
.cxn-art-body { padding-top: 25px; }
.cxn-art-body p { font-size: 16px; line-height: 32px; color: #333; text-align: justify; margin-bottom: 18px; }
.cxn-art-body h3 { font-size: 18px; line-height: 32px; color: #222; font-weight: normal; margin: 26px 0 12px; padding-left: 10px; border-left: 4px solid #007ace; }
.cxn-art-body img { max-width: 100%; height: auto; display: block; margin: 18px auto; border-radius: 5px; }
.cxn-art-tip { margin-top: 10px; padding: 15px 20px; border-left: 4px solid #007ace; background-color: #fafafa; font-size: 13px; line-height: 26px; color: #888; }
.cxn-art-nav { margin-top: 25px; padding-top: 18px; border-top: 1px dashed #e6e6e6;  line-height: 30px; color: #666; }
.cxn-art-nav p { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.cxn-art-nav a { color: #007ace; }

/* ---------- 详情页左侧：返回列表悬浮按钮（仅移动端显示） ---------- */
.cxn-backlist { display: none; }

/* 详情页底部：上一篇 / 下一篇 卡片 */
.cxn-ps { margin-top: 20px; border: 1px #f1f1f1 solid; border-radius: 5px; background-color: #fff; padding: 18px 20px; }
.cxn-ps p {  line-height: 30px; color: #666; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.cxn-ps p b { font-weight: normal; color: #999; margin-right: 8px; }
.cxn-ps p a { color: #007ace; }

/* ============================================================
   移动端（站点 html 字号 = 屏宽 / 60，1rem ≈ 屏宽/60）
   ============================================================ */
@media only screen and (max-width:640px) {
.cxn-main { padding: 2rem 1.6rem 3rem; }
.cxn-backlist { display: block; position: fixed; left: 0; top: 60%; transform: translateY(-60%); width: 21px; padding: 10px 0; border-radius: 0 6px 6px 0; background-color: rgba(0,122,206,.65); color: #fff; font-size: 12px; line-height: 20px; text-align: center; letter-spacing: 3px; text-indent: 3px; writing-mode: vertical-lr; z-index: 90; }
.cxn-backlist:hover { background-color: rgba(241,128,50,.80); color: #fff; text-decoration: none; }
.cxn-left, .cxn-right, .cxn-art-main { float: none; width: 100%; }
.cxn-right { margin-top: 2.4rem; }
.cxn-card-cat { display: none; }

.cxn-hd { margin-bottom: 0; border-bottom-width: .3rem; }
.cxn-hd h3 { font-size: 3.4rem; line-height: 7rem; }
.cxn-hd .cxn-hd-num { font-size: 2.2rem; line-height: 7rem; }

.cxn-cattabs { display: flex; overflow-x: auto; -webkit-overflow-scrolling: touch; padding: 1.6rem 0 1.2rem; border-bottom: 1px solid #f1f1f1; }
.cxn-cattabs::-webkit-scrollbar { display: none; }
.cxn-cattabs a { flex: 0 0 auto; font-size: 2.2rem; line-height: 4.6rem; padding: 0 2.4rem; margin-right: 1.2rem; border: 1px solid #e4e4e4; border-radius: 5rem; color: #555; background-color: #fff; }
.cxn-cattabs a.on { background-color: #007ace; border-color: #007ace; color: #fff; }

.cxn-item { padding: 2.4rem 0 2.2rem; }
.cxn-item-pic { width: 21rem; height: 14rem; margin: .4rem 1.8rem 0 0; border-radius: .6rem; }
.cxn-item h4 { font-size: 2.8rem; line-height: 4.6rem; padding-left: 1.4rem; }
.cxn-item h4:before { top: 1.5rem; width: .5rem; height: 2.6rem; }
.cxn-item-desc { font-size: 2.2rem; line-height: 3.8rem; margin-top: 1rem; -webkit-line-clamp: 3; }
.cxn-meta { margin-top: 1.2rem; font-size: 2rem; }
.cxn-tag { font-size: 1.9rem; line-height: 3.2rem; padding: 0 1rem; border-radius: .4rem; }
.cxn-meta .cxn-tag { margin-right: 1.2rem; }
.cxn-meta span { margin-right: 1.6rem; }
.cxn-more { padding: 2.4rem 0 .8rem; }
.cxn-more a { font-size: 2.4rem; line-height: 6.4rem; padding: 0 4rem; border-radius: .5rem; letter-spacing: .3rem; }

.cxn-main .page { line-height: 4.6rem; font-size: 2.1rem; padding: 2.4rem 0 .6rem; }
.cxn-main .page span, .cxn-main .page a { display: inline-block; margin: 0 .6rem .8rem; }

.cxn-booking .cxn-card-bd { padding: 1.6rem 1.4rem; }
.cxn-booking-txt { font-size: 2.2rem; line-height: 3.8rem; }
.cxn-booking-btn { margin-top: 1.6rem; font-size: 2.4rem; line-height: 6rem; border-radius: .5rem; letter-spacing: .2rem; }
#cxn-booking-btn {color: #fff;}

.cxn-card { margin-bottom: 2rem; border-radius: .6rem; }
.cxn-card h3 { font-size: 2.8rem; line-height: 7rem; padding-left: 1.4rem; }
.cxn-card-bd { padding: 1.4rem; }

.cxn-doc { padding: 1.6rem 1.4rem; }
.cxn-doc .cxn-doc-img, .cxn-doc .cxn-doc-img img { width: 14rem; height: 18rem; }
.cxn-doc .cxn-doc-txt { padding-left: 16rem; }
.cxn-doc .cxn-doc-txt h4 { font-size: 3rem; line-height: 5rem; }
.cxn-doc .cxn-doc-txt em { font-size: 1.9rem; line-height: 3rem; padding: 0 .8rem; margin: 0 .6rem .6rem 0; border-radius: .4rem; }
.cxn-doc .cxn-doc-txt p { font-size: 2rem; line-height: 3.4rem; margin-top: 1rem; }
.cxn-doc .cxn-doc-btn { padding-top: 1.6rem; }
.cxn-doc .cxn-doc-btn a { font-size: 2.2rem; line-height: 5.6rem; border-radius: .5rem; }

.cxn-cat li a { font-size: 2.2rem; line-height: 6rem; }
.cxn-hot li { padding: 1.2rem 0; }
.cxn-hot li a { font-size: 2.2rem; line-height: 3.6rem; }
.cxn-hot li a i { width: 2.8rem; height: 2.8rem; line-height: 2.8rem; font-size: 1.8rem; margin-right: 1rem; border-radius: .4rem; }

.cxn-art-main { padding: 2.4rem 1.6rem 3rem; }
.cxn-art-main h1 { font-size: 3.6rem; line-height: 6rem; }
.cxn-art-meta { font-size: 2rem; margin-top: 1rem; padding-bottom: 1.6rem; }
.cxn-art-body { padding-top: 2rem; }
.cxn-art-body p { font-size: 2.4rem; line-height: 4.4rem; margin-bottom: 1.6rem; }
.cxn-art-body h3 { font-size: 2.8rem; line-height: 4.4rem; margin: 2rem 0 1rem; border-left-width: .6rem; }
.cxn-art-tip { padding: 1.4rem 1.6rem; font-size: 2rem; line-height: 3.6rem; border-left-width: .6rem; }
.cxn-art-nav { font-size: 2.1rem; line-height: 4.4rem; }
.cxn-ps { padding: 1.4rem 1.6rem; }
.cxn-ps p { font-size: 2.1rem; line-height: 4.4rem; }
}

/* ============================================================
   平板 / 折叠屏展开态（641px–1024px）：
   两栏百分比自适应布局，改用固定 px 字号，
   避免 rem 随屏宽放大导致的大字与拥挤
   ============================================================ */
@media only screen and (min-width:641px) and (max-width:1024px) {
.cxn-main { width:100%; padding:24px 32px 40px; }
.cxn-left { width:62%; float:left; }
.cxn-right { width:34.5%; float:right; margin-top:0; }
.cxn-card-cat { display:block; }
.cxn-cattabs { display:none; }

.cxn-hd h3 { font-size:24px; line-height:50px; }
.cxn-item { padding:22px 0 20px; }
.cxn-item h4 { font-size:18px; line-height:32px; }
.cxn-item-desc { font-size:14px; line-height:26px; margin-top:8px; -webkit-line-clamp:2; }
.cxn-meta { margin-top:10px; font-size:13px; }
.cxn-tag { font-size:12px; line-height:22px; padding:0 9px; }
.cxn-more { padding:26px 0 6px; }
.cxn-more a { font-size:15px; line-height:42px; padding:0 40px; }

.cxn-card h3 { font-size:17px; line-height:48px; padding-left:15px; }
.cxn-card-bd { padding:14px; }
.cxn-cat li a { font-size:14px; line-height:38px; }
.cxn-hot li { padding:8px 0; }
.cxn-hot li a { font-size:14px; line-height:24px; }
.cxn-hot li a i { width:18px; height:18px; line-height:18px; font-size:12px; margin-right:8px; }

.cxn-art-main { width:62%; float:left; padding:30px 36px; }
.cxn-art-main h1 { font-size:24px; line-height:40px; }
.cxn-art-meta { font-size:13px; margin-top:12px; padding-bottom:16px; }
.cxn-art-body { padding-top:22px; }
.cxn-art-body p { font-size:15px; line-height:30px; margin-bottom:16px; }
.cxn-art-body h3 { font-size:17px; line-height:30px; margin:24px 0 10px; border-left-width:4px; }
.cxn-art-tip { padding:14px 18px; font-size:13px; line-height:25px; border-left-width:4px; }
.cxn-art-nav { font-size:14px; line-height:32px; }
.cxn-ps { padding:16px 18px; }
.cxn-ps p { font-size:14px; line-height:28px; }

.cxn-main .page { font-size:14px; line-height:36px; padding:22px 0 4px; }
.cxn-booking-txt { font-size:14px; line-height:26px; }
.cxn-booking-btn { margin-top:12px; font-size:15px; line-height:44px; }
#cxn-booking-btn {color: #fff;}
}

/* 专家简介 + 科普文章区块（排版重做） */
.zjart-intro { margin-top:20px; background:#fafcfd; }
.zjart-intro:after { content:""; display:block; clear:both; }
.zjart-intro-l { width:48%; float:left; }
.zjart-intro-r { width:48%; float:right; }
.zjart-intro h3 { position:relative; font-size:20px; line-height:40px; font-weight:normal; color:#007ace; border-bottom:1px solid #e6e6e6; margin-bottom:12px; padding-left:11px; }
.zjart-intro h3:before { content:""; position:absolute; left:0; top:11px; width:4px; height:18px; background:#007ace; border-radius:2px; }
.zjart-intro-l ul li { position:relative; font-size:16px; line-height:30px; color:#555; text-align:justify; padding-left:16px; margin-bottom:6px; }
.zjart-intro-l ul li:before { content:""; position:absolute; left:2px; top:13px; width:6px; height:6px; background:#007ace; border-radius:50%; }
.zjart-intro-r p { font-size:16px; line-height:30px; color:#555; text-align:justify; margin-bottom:10px; }
.zjart-pics { margin-top:20px; }
.zjart-pics:after { content:""; display:block; clear:both; }
.zjart-pics a { display:block; float:left; width:32%; margin-right:2%; border-radius:5px; background:#f7f7f7; overflow:hidden; }
.zjart-pics a:last-child { margin-right:0; }
.zjart-pics img { width:100%; height:190px; object-fit:contain; display:block; }
.zjart { padding-top:35px; }
.zjart-hd { height:50px; border-bottom:2px solid #007ace; margin-bottom:22px; }
.zjart-hd h3 { float:left; font-size:24px; line-height:50px; font-weight:normal; color:#222; }
.zjart-hd h3 em { font-size:13px; color:#999; font-style:normal; margin-left:14px; }
.zjart-more { float:right; font-size:14px; line-height:50px; color:#007ace; }
.zjart-more:hover { color:#f18032; }
.zjart-list:after { content:""; display:block; clear:both; }
.zjart-item { display:flex; flex-direction:column; width:48.5%; float:left; margin:0 3% 18px 0; padding:18px 20px 16px; border:1px solid #e9e9e9; border-radius:5px; box-sizing:border-box; min-height:160px; }
.zjart-item:nth-child(2n) { margin-right:0; }
.zjart-item:hover { border-color:#007ace; box-shadow:0 3px 12px rgba(0,122,206,.09); }
.zjart-item-top { order:1; display:flex; align-items:center; margin-top:12px; }
.zjart-tag { display:inline-block; font-size:12px; line-height:22px; padding:0 9px; border-radius:3px; }
.zjart-tag.c1 { background:#eaf5ff; color:#007ace; }
.zjart-tag.c2 { background:#fff3e6; color:#ee6100; }
.zjart-tag.c3 { background:#eef7ec; color:#50b83c; }
.zjart-tag.c4 { background:#f4efff; color:#8a5cf6; }
.zjart-read { font-size:13px; line-height:22px; color:#b5b5b5; margin-left:12px; }
.zjart-item h4 { font-size:18px; line-height:30px; font-weight:normal; margin:0 0 8px; overflow:hidden; }
.zjart-item h4 a { color:#222; }
.zjart-item h4 a:hover { color:#007ace; }
.zjart-item p { font-size:14px; line-height:24px; color:#888; text-align:justify; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
@media only screen and (max-width:640px) {
.zjart-intro { padding:1.6rem; }
.zjart-intro-l,.zjart-intro-r { float:none; width:100%; }
.zjart-intro-r { margin-top:2rem; }
.zjart-intro h3 { font-size:2.8rem; line-height:6rem; padding-left:1.2rem; }
.zjart-intro h3:before { top:1.6rem; height:2.8rem; width:.5rem; }
.zjart-intro-l ul li,.zjart-intro-r p { font-size:2.2rem; line-height:4rem; padding-left:1.6rem; }
.zjart-intro-l ul li:before { top:1.7rem; width:.7rem; height:.7rem; }
.zjart-pics { margin-top:2rem; }
.zjart-pics img { height:16rem; }
.zjart { padding-top:3rem; }
.zjart-hd { height:7rem; margin-bottom:2rem; }
.zjart-hd h3 { font-size:3.2rem; line-height:7rem; }
.zjart-hd h3 em { font-size:2rem; margin-left:1rem; }
.zjart-more { font-size:2.2rem; line-height:7rem; }
.zjart-item { float:none; width:100%; margin:0 0 1.6rem 0; padding:1.8rem 1.6rem 1.6rem; min-height:0; }
.zjart-item-top { margin-top:1.4rem; }
.zjart-tag { font-size:1.9rem; line-height:3.4rem; padding:0 1rem; }
.zjart-read { font-size:1.9rem; line-height:3.4rem; margin-left:1.2rem; }
.zjart-item h4 { font-size:2.8rem; line-height:4.4rem; height:auto; margin:0 0 1rem; }
.zjart-item p { font-size:2.2rem; line-height:3.8rem; -webkit-line-clamp:2; }
}

/* 143 个人主页区块：平板/折叠屏沿用桌面排版，容器宽度自适应 */
@media only screen and (min-width:641px) and (max-width:1024px) {
.zjart-intro, .zjart-pics, .zjart { width:100%; }
}