@charset "utf-8"; /* Css for PEL, ver 1.0 CopyRight By Dongyi Network Technology CO.,Ltd Design Center 本网站通用布局 */ /* Css Reset */ body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td, img { padding: 0; margin: 0; } table { border-collapse: collapse; border-spacing: 0; } fieldset, img { vertical-align: top; border: 0; } address, caption, cite, code, dfn, em, th, var, i { font-weight: normal; font-style: normal; } ol, ul, li { list-style: none; } div, dl, dt, dd, ol, ul, li { zoom: 1; } caption, th { text-align: left; } h1, h2, h3, h4, h5, h6 { font-weight: normal; font-size: 100%; } q:before, q:after { content: ''; } abbr, acronym { border: 0; } article, aside, dialog, footer, header, section, footer, nav, figure, menu, time { margin: 0; padding: 0; display: block; zoom: 1; } /* Public */ body { color: #333; font-size: 16px; line-height: 1.8; font-family: "Microsoft YaHei", SimSun, Arial, Helvetica, Tahoma, sans-serif; text-align: center; -webkit-text-size-adjust: none; } a { color: #333; text-decoration: none; outline: none; } a:hover { color: #E20500; text-decoration: underline; } .clearbox { border: none; border-top: 1px solid transparent !important; clear: both; font-size: 0; height: 0; line-height: 0; margin-top: -1px !important; visibility: hidden; } .blank { display: block; height: 10px; font-size: 0px; line-height: 0; overflow: hidden; clear: both; } .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } * html .clearfix { height: 1%; } * + html .clearfix { min-height: 1%; } .fl { float: left; } .fr { float: right; } .hide { display: none; } input[type=button], input[type=submit], input[type=file], button { cursor: pointer; -webkit-appearance: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } /* frame */ html { background: #F3F3F3; } body { text-align: center; min-width: 1078px; } .siteWidth { position: relative; max-width: 1078px; _width: 1078px; margin: 0 auto; text-align: left } .topBar { height: 28px; line-height: 28px; background: url(../img/topBar.jpg); border-bottom: 1px solid #ddd; font-size: 12px; overflow: hidden } .topBar .links { float: right; } .topBar .links a { margin: 0 10px; } #header { background: url(../img/header.jpg) center 0 no-repeat #BB0000 } #header .siteWidth { padding: 360px 0 11px 0; ; } .nav { height: 60px; line-height: 60px; } .nav ul { overflow: hidden; } .nav li { float: left; font-size: 20px; } .nav li a { color: #fff47f; display: block; padding: 0 67px; } .nav li a:hover { background: #ce0001; text-decoration: none; } .nav .split { width: 2px; height: 60px; overflow: hidden; background: url(../img/icons.png) 0 25px no-repeat; } #content { background: #fff; width: 1018px; padding: 15px 30px 30px; overflow: hidden; margin: 0 auto; text-align: left; } #footer { border: 1px solid #C3C3C3; background: #E2E2E2; font-size: 14px; padding: 20px 0 40px 0; } #footer .siteWidth { text-align: center; } #footer .footNav { padding-bottom: 10px; } #footer .footNav a { margin: 0 6px; } /* 首页 ----------------------------------*/ .focusBox { width: 412px; overflow: hidden; position: relative; float: left; margin-right: 20px; } .focusBox .hd { position: absolute; z-index: 1; right: 5px; bottom: 39px; } .focusBox .hd ul { overflow: hidden; zoom: 1; float: left; } .focusBox .hd ul li { float: left; margin-right: 6px; width: 19px; height: 19px; line-height: 19px; border-radius: 19px; text-align: center; background: #fff; cursor: pointer; font-size: 12px; } .focusBox .hd ul li.on { background: #FF6633; color: #fff; } .focusBox .bd { height: 306px; position: relative; overflow: hidden; } .focusBox .bd li { position: relative; } .focusBox .bd .pic { position: relative; z-index: 0; } .focusBox .bd .pic img { width: 412px; height: 306px; } .focusBox .bd .con { position: absolute; width: 100%; z-index: 1; bottom: 0; height: 34px; line-height: 34px; text-align: center; } .focusBox .bd .con .title { position: absolute; width: 100%; bottom: 0; left: 0; z-index: 1; } .focusBox .bd .con .title a { color: #fff; } .focusBox .bd .con .titleBg { position: absolute; width: 100%; z-index: 0; bottom: 0; left: 0; background: #000; filter: alpha(opacity=60); opacity: 0.6; height: 34px; } /* indBox */ .indBox { margin-bottom: 20px; } .indBox .iHd { height: 42px; line-height: 42px; padding: 0 0 12px 17px; overflow: hidden; background: url(../img/box-bg.png) 0 0 no-repeat; } .indBox .iHd .more { float: right; font-size: 14px; color: #fff; padding: 10px 2px 0 0; } .indBox .iHd h3 { font-size: 24px; width: 144px; text-align: center; } .indBox .iHd h3 a { color: #fff; } .indBox .iBd { padding: 12px 0 0 17px; overflow: hidden; } #indZxxw .iHd { background-position: 0 -100px } /* newsTpList */ .newsTpList { overflow: hidden; zoom: 1; } .newsTpList .t { margin-bottom: 14px; padding-bottom: 17px; border-bottom: 1px dashed #ccc; } .newsTpList .t .title { margin-bottom: 9px; font-size: 23px; line-height: 36px; height: 72px; overflow: hidden; } .newsTpList .t .title a { color: #e50000 } .newsTpList .t .intro { color: #888; line-height: 32px; height: 64px; overflow: hidden; } .newsTpList .n { height: 34px; line-height: 34px; padding-left: 13px; background: url(../img/icons.png) 0 -77px no-repeat; overflow: hidden; } .newsTpList .n .date { float: right; color: #999 } /* infoList */ .infoList { overflow: hidden } .infoList li { height: 34px; line-height: 34px; overflow: hidden; } .infoList li a { padding-left: 13px; background: url(../img/icons.png) 0 -84px no-repeat; } .infoList li .date { float: right; color: #999 } #indZyjs .infoList li { width: 480px; float: left; } #indZyjs .infoList .libg { float: right; } /* tpList */ .tpList { overflow: hidden; } .tpList .t { padding-bottom: 15px; margin-bottom: 15px; border-bottom: 1px dashed #ccc; } .tpList .t .title { text-align: center; font-size: 24px; line-height: 34px; height: 34px; overflow: hidden; font-weight: bold; margin-bottom: 10px; } .tpList .t .title a { color: #555 } .tpList .t .intro { font-size: 14px; line-height: 26px; height: 52px; overflow: hidden; } #indJcdt .tpList, #indZtkt .tpList { margin-right: -80px; } #indJcdt .tpList .t, #indZtkt .tpList .t { float: left; width: 480px; margin-right: 40px; } #indJcdt .infoList li { width: 480px; float: left; } #indJcdt .infoList .libg { float: right; } /* picListFl */ .picListFl { overflow: hidden; margin-right: -40px; } .picListFl li { float: left; width: 220px; margin: 0 38px 40px 0; } .picListFl li .pic img { width: 100%; height: auto; } .picListFl li .title { line-height: 26px; height: 52px; overflow: hidden; padding-top: 5px; } /* 文章列表页 ----------------------------------*/ .side { float: left; width: 230px; margin-right:20px; } .mainContent { overflow: hidden; } .sideBox { margin-bottom: 20px; } .sideBox .hd { height: 40px; line-height: 40px; background: #E1342D; color: #fff; font-size: 20px; padding: 0 10px; } .sideBox .bd { border: 1px solid #ddd; border-top: 0; padding: 10px; overflow: hidden; } .mainBox { padding-top: 8px; } .mainBox .mHd { height: 32px; line-height: 32px; background: #F1ECE9; position: relative; margin-bottom: 10px; } .mainBox .mHd h3 { position: absolute; height: 40px; line-height: 40px; top: -8px; background: url(../img/mainBox.png) right 0 no-repeat #E1342D; padding: 0 30px 0 20px; font-size: 20px; color: #fff; } .mainBox .mHd .path { position: absolute; right: 10px; font-size: 12px; color: #666; } .path { height: 32px; line-height: 32px; } .path a, .path span { margin: 0 5px; color: #666 } /* newsList */ .newsList { padding: 0 10px; } .newsList li { height: 42px; line-height: 42px; overflow: hidden; padding-left: 14px; background: url(../img/icons.png) 0 -74px no-repeat; } .newsList .split { background: none; border-bottom: 1px dotted #ccc; height: 1px; overflow: hidden; font-size: 0; line-height: 0; margin: 15px 0; } .newsList .date { float: right; color: #999; } /* url_方块样式分页 */ .page { font-size: 0; text-align: left; padding: 25px 0; clear: both; line-height: 34px; } .page a, .page span { font-size: 14px; display: inline-block; *display: inline; zoom: 1; border: 1px solid #E1E1E1; padding: 0 15px; margin-right: 5px; } .page a:hover { border: 1px solid #E1342D; text-decoration: none; color: #E1342D; } .page .current { background: #E1342D; border: 1px solid #E1342D; color: #fff !important; font-weight: bold; padding: 0 12px; } .page select { height: 34px; line-height: 34px; padding: 0 8px; background: #fff; border: 0 solid #E1E1E1; vertical-align: middle; } .page .disabled { pointer-events: none; filter: alpha(opacity=50); -moz-opacity: 0.5; opacity: 0.5; } .sidePicList { text-align: center; } .sidePicList li { margin-bottom: 15px; } .sidePicList .pic { padding: 1px; border: 1px solid #ddd; margin-bottom: 5px; } .sidePicList .pic img { width: 100% } .sidePicList .title { text-align: left; line-height: 28px; height: 56px; overflow: hidden; } .infoListA li { line-height: 22px; padding: 8px 0 8px 12px; background: url(../img/icons.png) 0 -74px no-repeat; border-bottom: 1px dotted #ccc; overflow: hidden; font-size: 14px; } .infoListA .date { float: right; color: #999; font-size: 12px; margin-left: 15px; } .infoListA .last { border-bottom: 0 } .picList li { margin-bottom: 15px; font-size: 14px; } .picList .pic a { padding: 1px; border: 1px solid #ddd; display: block; } .picList .pic img { width: 100%; } .picList .pic a:hover { border-color: #bbb } .picList .title { line-height: 24px; padding-top: 5px; } .picList .last { margin-bottom: 0 } /* 图片-列表页 ----------------------------------------- */ .picPageList { margin-right: -3%; overflow: hidden; text-align: center; } .picPageList li { border: 1px solid #ddd; float: left; width: 30%; margin: 1.5% 3% 2.5% 0; *display: inline; position: relative; background: #fff; overflow: hidden; } .picPageList .pic { margin: 3%; } .picPageList .pic img { height: auto; width: 100%; } .picPageList .title, .picPageList .titleBg { position: absolute; bottom: 0; left: 0; width: 94%; margin: 3%; display: block; overflow: hidden; line-height: 28px; padding: 5px 0; height: 28px; z-index: 3; color: #fff; -webkit-transition: 400ms; -o-transition: 400ms; -moz-transition: 400ms; transition: 400ms; } .picPageList .titleBg { background: #000; filter: alpha(opacity=60); opacity: 0.6; z-index: 2 } .picPageList .title a { color: #fff; padding: 0 10px; display: block; font-size: 14px } .picPageList li:hover { border-color: #bbb; -webkit-box-shadow: #eee 2px 2px 0; -moz-box-shadow: #eee 2px 2px 0; box-shadow: #eee 2px 2px 0; } .picPageList li:hover .title, .picPageList li:hover .titleBg { height: 56px; } /* 视频-列表页 ----------------------------------------- */ .vedioPageList { margin-right: -3%; overflow: hidden; text-align: center; } .vedioPageList li { float: left; width: 30.3%; margin: 1.5% 3% 2.5% 0; *display: inline; } .vedioPageList .pic { background: #fff; border: 1px solid #ddd; position: relative; } .vedioPageList .pic a { display: block; margin: 3%; overflow: hidden; } .vedioPageList .pic img { height: auto; width: 100%; -webkit-transition: 400ms; -o-transition: 400ms; -moz-transition: 400ms; transition: 400ms; } .vedioPageList .title { overflow: hidden; padding-top: 5px; line-height: 24px; height: 48px; text-align: left; font-size: 14px; padding-left: 25px; background: url(../img/icons.png) 0 -242px no-repeat; } .vedioPageList .pic:hover { border-color: #bbb } .vedioPageList .pic:hover img { transform: scale(1.05, 1.05); -moz-transform: scale(1.05, 1.05); -webkit-transform: scale(1.05, 1.05); -o-transform: scale(1.05, 1.05); } /*-- 颜色代码 #BB0000 深色标题 #ddd 淡蓝色边框 --*/