/* ============================================================
   海南省农机安全监理信息网 - 全站样式
   主色调: 政府红 #A10302 | 固定宽度 970px
   ============================================================ */
* { margin: 0; padding: 0; box-sizing: border-box; }
body { font-family: Verdana, "Microsoft YaHei", "微软雅黑", SimSun, sans-serif; font-size: 12px; line-height: 1.6; color: #333; background: #fff; }
a { color: #333; text-decoration: none; }
a:hover { color: #A10302; text-decoration: underline; }
img { border: 0; }
ul, ol { list-style: none; }
.wp { width: 970px; margin: 0 auto; }
.cl:after { content: ""; display: block; clear: both; }
.klp_clear { clear: both; height: 0; overflow: hidden; }
.y { float: right; }
.z { float: left; }

/* ---------- 顶部工具栏 ---------- */
#toptb { background: #f5f5f5; border-bottom: 1px solid #ddd; height: 28px; line-height: 28px; font-size: 12px; }
#toptb a { color: #666; margin: 0 4px; }
#toptb a:hover { color: #A10302; }
#toptb .pipe { color: #ccc; margin: 0 2px; }
#toptb .search { float: right; }
#toptb .search .txt { width: 150px; height: 20px; border: 1px inset #d4d0c8; padding: 0 4px; font-size: 12px; vertical-align: middle; }
#toptb .search .btn { height: 22px; padding: 0 8px; font-size: 12px; background: #d4d0c8; border: 1px outset #d4d0c8; cursor: pointer; vertical-align: middle; }

/* ---------- 头部Logo区 ---------- */
#hd { background: #A10302; }
#hd .hdc { background: url("../img/klp_hdbg.gif") repeat; }
#hd .hdc .logo { display: block; width: 970px; margin: 0 auto; }
#hd .hdc .logo img { display: block; width: 970px; }

/* ---------- 主导航 ---------- */
.nvwp { width: 100%; height: 60px; background: url("../img/nav_bgzx1.jpg"); }
#nv { width: 1058px; height: 60px; margin: 0 auto; padding: 0 20px; background: url("../img/nav_bgzx.jpg") no-repeat 0 0; overflow: hidden; }
#nv ul { margin-top: 15px; margin-left: 15px; }
#nv li { float: left; padding-right: 1px; height: 33px; line-height: 33px; font-weight: bold; font-size: 14px; }
#nv li a { float: left; padding: 0 18px; height: 33px; color: #fff; }
#nv li a:hover { text-decoration: none; opacity: .85; }
#nv li.a a { color: #ffe58a; }

/* ---------- 面包屑 ---------- */
#pt { background: #eaeaea; height: 26px; line-height: 26px; padding: 0 10px; margin: 10px auto; font-size: 12px; }
#pt em { color: #999; margin: 0 4px; }

/* ---------- 首页布局 ---------- */
#klp_con { width: 970px; margin: 10px auto 0; }
#klp_con .left { width: 377px; float: left; margin-right: 10px; }
#klp_con .right { width: 581px; float: left; }

/* 幻灯片 */
.flash { width: 375px; height: 280px; border: 1px solid #ccc; overflow: hidden; position: relative; }
.flash .slide-img { width: 375px; height: 250px; display: none; }
.flash .slide-img.on { display: block; }
.flash .slide-img img { width: 375px; height: 250px; object-fit: cover; }
.flash .slide-title { position: absolute; bottom: 0; left: 0; right: 0; height: 30px; line-height: 30px; background: rgba(0,0,0,.55); color: #fff; padding: 0 10px; font-size: 13px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.flash .slide-num { position: absolute; right: 6px; bottom: 4px; z-index: 2; }
.flash .slide-num span { display: inline-block; width: 18px; height: 18px; line-height: 18px; text-align: center; margin-left: 3px; background: rgba(255,255,255,.5); color: #333; font-size: 11px; cursor: pointer; border-radius: 2px; }
.flash .slide-num span.on { background: #A10302; color: #fff; }

/* 区块标题栏 */
.ttazx { height: 30px; line-height: 30px; background: url("../img/klp_titone.jpg") repeat-x; border-bottom: 1px solid #ccc; font-size: 15px; font-weight: bold; color: #fff; padding-left: 20px; }
.ttazx span { float: right; font-size: 12px; color: #eee; font-weight: normal; padding-right: 15px; }
.ttazx span a { color: #eee; }

/* 通知公告 */
.xiaaax { width: 375px; height: 450px; border: 1px solid #ccc; margin-top: 10px; }
.xiaaax ul { padding: 10px 8px; font-size: 14px; }
.xiaaax ul li { line-height: 28px; height: 28px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.xiaaax ul li em { float: right; color: #999; font-size: 12px; font-style: normal; }
.xiaaax ul li a { color: #000; }
.xiaaax ul li a:hover { color: #A10302; }

/* 综合要闻 */
.jxzx { width: 364px; float: left; height: 348px; border: 1px solid #ccc; margin-right: 10px; padding: 10px 5px 0 8px; }
.jxzx h1 { line-height: 30px; height: 30px; overflow: hidden; font-size: 18px; font-weight: bold; color: #F00; background: url("../img/t_bg.jpg") no-repeat; padding-left: 15px; }
.jxzx h1 a { color: #F00; }
.jxzx .headline-sum { font-size: 13px; color: #999; line-height: 1.8; padding-top: 5px; text-indent: 2em; border-bottom: 1px dashed red; padding-bottom: 6px; height: 72px; overflow: hidden; }
.jxzx .headline-sum a { color: #999; }
.jxzx ul { padding-top: 8px; font-size: 14px; }
.jxzx ul li { line-height: 25px; height: 25px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.jxzx ul li em { float: right; color: #999; font-size: 12px; font-style: normal; }

/* 右侧广告 */
.rrigth { width: 192px; float: left; }
.rrigth .klp_adpic { width: 192px; margin-bottom: 9px; }
.rrigth .klp_adpic img { width: 192px; display: block; }

/* 中部广告条 */
.klp_admid { width: 581px; height: 90px; margin-top: 10px; border: 1px solid #ccc; overflow: hidden; }
.klp_admid img { width: 581px; height: 90px; object-fit: cover; }

/* 下方两栏 */
.klp_zt { width: 583px; margin-top: 10px; }
.klp_zt .lef1t { width: 283px; border: 1px solid #ccc; float: left; height: 270px; overflow: hidden; }
.klp_zt .lef1t:first-child { margin-right: 13px; }
.klp_zt .lef1t .ttazx { font-size: 14px; height: 26px; line-height: 26px; }
.klp_zt .lef1t ul { padding: 8px; font-size: 13px; }
.klp_zt .lef1t ul li { line-height: 26px; height: 26px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.klp_zt .lef1t ul li em { float: right; color: #999; font-size: 12px; font-style: normal; }

/* ---------- 友情链接 ---------- */
.flink { width: 970px; margin: 12px auto; }
.tbox { border-bottom: 1px solid #DADADA; background: url("../img/klp_basebg.png") 0 -294px repeat-x; }
.tbox dt { height: 26px; border: 1px solid #DADADA; overflow: hidden; }
.tbox dt strong { height: 24px; line-height: 24px; padding: 0 8px; float: left; color: #FF0000; letter-spacing: 1px; font-size: 13px; }
.tbox dt .linklabel { float: left; margin-left: 10px; padding-top: 3px; }
.tbox dt .linklabel a { display: block; float: left; height: 21px; line-height: 21px; padding: 0 10px; margin: 0 4px; border: 1px solid #DADADA; border-bottom: none; color: #666; font-size: 12px; background: #f8f8f8; }
.tbox dt .linklabel a.thisclass { background: #fff; color: #A10302; font-weight: bold; }
.tbox dd { border-left: 1px solid #DADADA; border-right: 1px solid #DADADA; padding: 8px 10px; display: none; }
.tbox dd.klp_on { display: block; }
.tbox dd a { display: inline-block; margin: 4px 10px 4px 0; color: #555; font-size: 13px; }
.tbox dd a:hover { color: #A10302; }

/* ---------- 页脚 ---------- */
#ft { border-top: 3px solid #A10302; margin-top: 15px; padding: 18px 0; text-align: center; color: #666; font-size: 12px; line-height: 2; background: #fafafa; }
#ft a { color: #666; }
#ft a:hover { color: #A10302; }

/* ---------- 列表页/详情页 两栏 ---------- */
#wzy_wrap { width: 980px; margin: 10px auto 0; }
#wzy_left { width: 650px; border: 1px solid #ccc; float: left; margin-right: 10px; background: #f9f9f9; min-height: 400px; padding-bottom: 15px; }
#wzy_right { width: 318px; float: left; }

/* 列表页 */
.listbox { padding: 10px 15px; }
.listbox h1.listtitle { font-size: 18px; color: #d20202; border-bottom: 2px solid #A10302; padding: 8px 0; margin-bottom: 5px; }
.listbox ul.artlist li { border-bottom: 1px solid #eee; padding: 10px 0; overflow: hidden; }
.listbox ul.artlist li .preview { float: left; width: 84px; margin-right: 10px; }
.listbox ul.artlist li .preview img { width: 80px; height: 60px; object-fit: cover; padding: 1px; border: 1px solid #eee; }
.listbox ul.artlist li .klp_title { font-size: 14px; font-weight: bold; line-height: 24px; }
.listbox ul.artlist li .info { color: #999; font-size: 12px; }
.listbox ul.artlist li .intro { color: #776955; line-height: 20px; margin-top: 4px; font-size: 12px; }
.listbox ul.simplelist li { line-height: 32px; height: 32px; border-bottom: 1px dashed #ddd; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: 14px; padding: 0 5px; }
.listbox ul.simplelist li em { float: right; color: #999; font-size: 12px; font-style: normal; }

/* 分页 */
.pg { text-align: center; margin: 18px 0; font-size: 13px; }
.pg a, .pg strong { display: inline-block; margin: 0 3px; padding: 3px 10px; border: 1px solid #D3222C; border-radius: 12px; color: #D3222C; }
.pg strong { background: #D3222C; color: #fff; }
.pg a:hover { background: #D3222C; color: #fff; text-decoration: none; }
.pg span { margin: 0 3px; color: #999; }

/* 文章详情页 */
.article-box { padding: 15px 20px; background: #fff; }
.article-box h1.ph { font-size: 20px; text-align: center; color: #222; line-height: 1.5; padding: 10px 0 5px; }
.article-box .xg1 { text-align: center; color: #999; font-size: 12px; border-bottom: 1px dashed #ccc; padding-bottom: 10px; margin-bottom: 12px; }
.article-box .xg1 .pipe { margin: 0 6px; color: #ddd; }
.article-box .summary { background: #f5f5f5; border: 1px solid #eee; padding: 10px 14px; color: #666; font-size: 13px; margin-bottom: 14px; }
.article-box .content { font-size: 14px; line-height: 1.9; color: #333; overflow: hidden; }
.article-box .content img { max-width: 600px; height: auto; }
.article-box .content p { margin: 8px 0; }
.article-box .pren { border-top: 1px dashed #ccc; margin-top: 18px; padding-top: 12px; font-size: 13px; }
.article-box .pren em { display: block; font-style: normal; line-height: 26px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }

/* 相关文章 */
.related { margin-top: 15px; border-top: 2px solid #A10302; padding-top: 10px; }
.related h3 { font-size: 14px; color: #A10302; margin-bottom: 6px; }
.related ul li { float: left; width: 48%; line-height: 26px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: 13px; }
.related ul li:before { content: "· "; color: #A10302; }

/* ---------- 右侧边栏 ---------- */
#wzy_right .dht { width: 288px; height: 27px; line-height: 27px; font-size: 14px; font-weight: bold; color: #FFF; padding-left: 30px; background: url("../img/klp_tpindao.jpg") no-repeat; margin-top: 10px; }
#wzy_right .dht:first-child { margin-top: 0; }
#wzy_right .nraa { width: 316px; padding: 10px 0; border: 1px solid #ccc; border-top: none; background: #fef0f0; }
#wzy_right .nraa ul { padding-left: 10px; }
#wzy_right .nraa li { font-size: 13px; line-height: 25px; height: 25px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; background: url("../img/klp_ico1.jpg") no-repeat 10px 7px; padding-left: 30px; }
#wzy_right .nraa .picrow { overflow: hidden; padding: 0 8px; }
#wzy_right .nraa .picrow .klp_pdxgtw { width: 148px; float: left; padding-bottom: 8px; text-align: center; }
#wzy_right .nraa .picrow .klp_pdxgtw img { width: 133px; height: 100px; object-fit: cover; border: 1px solid #ccc; padding: 1px; }
#wzy_right .nraa .picrow .klp_pdxgtw p { line-height: 22px; height: 22px; overflow: hidden; font-size: 12px; }
#wzy_right .nrbb { width: 316px; border: 1px solid #ccc; margin-top: 10px; }
#wzy_right .nrbb img { width: 314px; display: block; }

/* ---------- 搜索页 ---------- */
.search-form { text-align: center; padding: 20px 0; }
.search-form .txt { width: 320px; height: 30px; border: 1px solid #A10302; padding: 0 10px; font-size: 14px; vertical-align: middle; }
.search-form .btn { height: 32px; padding: 0 22px; background: #A10302; color: #fff; border: none; font-size: 14px; cursor: pointer; vertical-align: middle; }