/* 宜兴市珍奇化工有限公司 —— 原站 1:1 复刻样式
   所有固定显示图片均位于 template/zhenqi/static/ 下，根目录不存放任何站点图片 */
html,body{margin:0;padding:0;background:#ffffff;}
body{font-family:Arial,Helvetica,"Microsoft YaHei",sans-serif;font-size:12px;color:#000000;}
a{font-family:Arial,Helvetica,sans-serif;font-size:12px;color:#000000;text-decoration:none;}
a:link,a:visited{text-decoration:none;color:#000000;}
a:hover{text-decoration:none;color:#E85508;}
img{border:0;}
.wrap{width:1004px;margin:0 auto;}
.topinfo:link,.topinfo:visited{color:#ffffff;font-size:12px;}
.topinfo:hover{color:#ff0000;}
.topinfo{color:#FFFFFF;font-size:12px;}
.da{font-size:12px;line-height:20px;}
.da1{font-size:14px;line-height:30px;}
.da2{font-size:12px;line-height:16px;}
.STYLE3{color:#0173BC;font-weight:bold;}
.STYLE2{color:#007517;font-weight:bold;}
.pf-tm{background:url(../ima/k-2.jpg) repeat-x 0 0;}
.pf-bm{background:url(../ima/k-6.jpg) repeat-x 0 0;}
.pf-lm{background:url(../ima/k-8.jpg) repeat-y 0 0;}
.pf-rm{background:url(../ima/k-4.jpg) repeat-y 0 0;}
.pf-name{background:url(../ima/k.jpg) repeat-x 0 0;height:32px;line-height:32px;}
.pf-name a{color:#333;text-decoration:none;}
.pf-name a:hover{text-decoration:underline;}
.prod-bar-t td{font-size:12px;color:#333;}
.prod-bar-t a{color:#054808;}

.title_right{font-size:14px;font-weight:bold;color:#054808;}
.l1{font-size:12px;}

/* ===== 页头 ===== */
#topbar{width:1004px;height:101px;background:url(../ima/head_1.jpg) no-repeat 0 0;}
/* 顶部链接：原站位于 101px 头图右上角、距顶 5px 的白底上，深色文字（原实现白字白底不可见） */
#topbar .toplinks{width:304px;float:right;padding-top:5px;text-align:center;color:#333;line-height:20px;font-size:12px;}
#topbar .toplinks a{color:#333;text-decoration:none;}
#topbar .toplinks a:hover{text-decoration:underline;}
#banner{width:1004px;height:180px;background:url(../ima/head_2.jpg) no-repeat 0 0;position:relative;overflow:hidden;}
#banner .flashslot{position:absolute;left:0;top:2px;width:600px;height:176px;}
#nav{width:1004px;height:38px;background:url(../ima/head_3.jpg) no-repeat 0 0;}
#nav ul{list-style:none;margin:0 auto;padding:0;width:90%;display:table;height:38px;}
#nav li{display:table-cell;text-align:center;vertical-align:middle;color:#fff;white-space:nowrap;}
#nav li.sep{width:12px;color:#fff;}
#nav a{color:#ffffff;font-size:12px;}
#nav a:hover{color:#ffff00;}

/* ===== 主体 ===== */
#main{width:1003px;margin:0 auto;display:table;table-layout:fixed;}
#side{width:229px;display:table-cell;vertical-align:top;background:url(../ima/z_1.jpg) repeat-y 0 0;}
#content{width:774px;display:table-cell;vertical-align:top;background:url(../ima/z_2.jpg) repeat 0 0;padding:0 0 20px 0;}
.sidebox{width:213px;margin:0 0 6px 8px;}
.sidebox .cap{height:34px;line-height:34px;background:url(../ima/bj1.jpg) no-repeat 0 0;color:#054808;font-weight:bold;padding-left:22px;position:relative;}
.sidebox .cap img{position:absolute;left:8px;top:12px;}
.sidebox .body{padding:8px 0 4px 0;}
/* d.jpg 左侧自带站点徽标，文字右移避开徽标，行高与原图 30px 对齐 */
.sidebox .catlist{background:url(../ima/d.jpg) repeat-y 0 0;padding:2px 0 2px 48px;line-height:30px;}
.sidebox .catlist a{color:#054808;}
.sidebox .catlist a:hover{color:#ff0000;}
.sidebox .contact{padding:4px 0 4px 16px;line-height:25px;}
.sidebox .contact b{color:#054808;}

/* ===== 标题条 / 面包屑 ===== */
.titlebar{width:100%;height:32px;background:url(../ima/jg2.jpg) repeat-x 0 0;}
.titlebar td{height:32px;font-size:14px;font-weight:bold;color:#054808;}
.titlebar .tb-name{width:24%;padding-left:14px;}
.titlebar .tb-name img{vertical-align:middle;margin-right:8px;}
.titlebar .tb-pos{width:76%;text-align:left;font-size:12px;color:#054808;font-weight:normal;}
.titlebar .tb-pos a{color:#054808;font-weight:bold;}

/* ===== 内容区 ===== */
.inner{width:741px;margin:0 auto;padding:14px 0 10px 0;}
.inner .da1{font-size:14px;line-height:30px;color:#000000;}
.inner .da1 p{margin:0 0 8px 0;}
.inner .da1 img{max-width:100%;height:auto;}
.inner .da1 table{border-collapse:collapse;max-width:100%;}
.inner .da1 table td{border:1px solid #cccccc;padding:4px 6px;font-size:12px;line-height:20px;}
.inner .da1 table table td{border:0;}
.content-box{overflow-x:auto;}

/* 首页区块 */
.home-block{margin:0 0 10px 0;}
.home-cap{height:32px;line-height:32px;background:url(../ima/jg2.jpg) repeat-x 0 0;color:#054808;font-size:14px;font-weight:bold;padding-left:14px;}
.home-cap img{vertical-align:middle;margin-right:8px;}
.home-cap .more{float:right;margin-right:14px;font-weight:normal;font-size:12px;}
.home-cap .more a{color:#054808;}
.home-body{padding:10px 14px;line-height:24px;font-size:12px;color:#333;}
.home-body a{color:#054808;}
.news-cols{width:100%;display:table;table-layout:fixed;}
.news-cols .ncol{display:table-cell;width:50%;vertical-align:top;padding-right:18px;}
.news-cols li{list-style:none;line-height:24px;border-bottom:1px dotted #ccc;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.news-cols ul{margin:0;padding:0;}
.marquee{overflow:hidden;white-space:nowrap;}
.marquee .pitem{display:inline-block;width:150px;vertical-align:top;text-align:center;margin:0 8px;white-space:normal;}
.marquee .pitem img{width:140px;height:125px;object-fit:contain;border:1px solid #dddddd;}
.marquee .pitem a{display:block;line-height:22px;color:#054808;font-weight:bold;}

/* 产品列表 */
.prod-grid{width:100%;font-size:0;}
.prod-grid .pitem{display:inline-block;width:24%;text-align:center;vertical-align:top;padding:8px 4px 14px;font-size:12px;}
.prod-grid img{width:160px;height:145px;object-fit:contain;border:1px solid #dddddd;}
.prod-grid .pname{display:block;line-height:24px;color:#054808;font-weight:bold;}
.prod-bar{border-top:1px solid #DBDBDB;margin:6px 0;padding:8px 0;font-size:12px;color:#333;}

/* 产品详情 */
.prod-view{text-align:center;padding:8px 0 14px;}
.prod-view img{max-width:620px;max-height:520px;border:1px solid #cccccc;}
.prod-meta{border-top:1px solid #DBDBDB;margin-top:14px;padding-top:10px;line-height:26px;font-size:12px;color:#333;}
.prod-meta a{color:#054808;}

/* 留言 */
.msg-list{width:100%;border-collapse:collapse;}
.msg-list td{border-bottom:1px dotted #cccccc;padding:8px 6px;line-height:22px;vertical-align:top;}
.msg-form{width:100%;border-collapse:collapse;margin-top:14px;}
.msg-form td{padding:6px 4px;line-height:26px;}
.msg-form input,.msg-form textarea{border:1px solid #bbbbbb;padding:4px 6px;font-size:12px;width:260px;}
.msg-form textarea{width:100%;max-width:520px;height:90px;box-sizing:border-box;display:block;}
.msg-form .btn{background:#0b6b2c;color:#fff;border:0;padding:6px 24px;cursor:pointer;font-size:12px;}

/* 分页 */
.pages-bar{margin-top:12px;text-align:center;line-height:28px;}
.pages-bar a{margin:0 3px;color:#054808;}

/* ===== 页脚 ===== */
#footer{width:1004px;margin:0 auto;min-height:99px;background:url(../ima/down.jpg) no-repeat 0 0;text-align:center;}
#footer .ft{font-size:12px;line-height:18px;color:#333;padding-top:12px;}
#footer a{color:#333;}

/* 手机端自适应（原站为固定宽，此处保证不溢出） */
@media (max-width:1040px){
 .wrap,#topbar,#nav,#footer,#main{width:100%;}
 #side{display:none;}
 #content{display:block;}
 .inner{width:auto;padding:12px;}
 .marquee{white-space:normal;}
 /* 移动端不横向滚动，隐藏用于无缝循环的副本，避免 8 个产品重复显示两遍 */
 #demo2{display:none!important;}
 .prod-grid td{width:50%;display:inline-block;}
}