@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; } pre { white-space: pre-wrap; white-space: -moz-pre-wrap; white-space: -pre-wrap; white-space: -o-pre-wrap; word-wrap: break-word; font-size: 16px; line-height: 1.8; font-family: "Microsoft YaHei", SimSun, Arial, Helvetica, Tahoma, sans-serif; } 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: 14px; line-height: 2; 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: #D60000; 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 !important; } .fr { float: right !important; } .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; } /* 通用信息列表 */ .infoList { text-align: left; } .infoList li { height: 39px; line-height: 39px; border-bottom:1px dotted #ccc; overflow: hidden; padding: 0 5px; } .infoList li a { padding-left: 12px; background: url(../img/icons.png) 0 -43px no-repeat; } .infoList li .date { margin-left: 15px; float: right; color: #999; } .infoList li .node { color: #f00; margin-right: 5px; } .infoList-arrow li a { background-position: 0 -1282px; } /* 通用带图片的信息列表_普通式 */ .picList li { text-align: center; } .picList li .pic img { width: 95px; height: 125px; padding: 4px; border: 1px solid #ddd; background: #fff; } .picList li .pic a:hover img { border-color: #aaa; } .picList li .title { padding-top: 5px; } /* 通用带图片的信息列表_普通式 - 横排浮动 */ .picListFl { margin-right: -2%; overflow: hidden; zoom: 1; } .picListFl li { width: 23%; margin-right: 2%; float: left; _display: inline; overflow: hidden; } .picListFl li .pic { overflow: hidden } .picListFl li .pic img { width: 100%; height: auto; transition: 200ms; -webkit-transition: 200ms; -o-transition: 200ms; -moz-transition: 200ms; } .picListFl li .title { font-size: 14px; padding-top: 8px; line-height: 26px; max-height: 52px; } .picListFl li:hover .pic 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); } /* 焦点图切换-新闻内容 */ .focusBox { margin-bottom: 15px; overflow: hidden; position: relative; text-align: center; } .focusBox .hd { position: absolute; width: 100%; z-index: 1; left: 0; height: 6px; overflow: hidden; bottom: 46px; } .focusBox .hd ul { overflow: hidden; zoom: 1; } .focusBox .hd ul li { display: inline-block; *display: inline; zoom: 1; vertical-align: top; margin: 0 2px; width: 6px; height: 6px; line-height: 6px; background: #ccc; cursor: pointer; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; -webkit-transition: 200ms; -o-transition: 200ms; -moz-transition: 200ms; transition: 200ms; } .focusBox .hd ul li.on { background: #CD3333; width: 15px; color: #fff; } .focusBox .hd ul li span { display: none; } .focusBox .bd { position: relative; overflow: hidden; } .focusBox .bd li { position: relative; } .focusBox .bd .pic { position: relative; z-index: 0; line-height: 0; } .focusBox .bd .pic img { width: 100%; height: 280px; border: 0; } .focusBox .bd .con { position: absolute; width: 100%; z-index: 1; bottom: 0; height: 48px; line-height: 48px; text-align: center; } .focusBox .bd .con .title { position: absolute; width: 100%; bottom: 0; left: 0; z-index: 1; height: 100%; overflow: hidden; font-size: 16px; color: #fff; } .focusBox .bd .con .title a { color: #fff; padding-left: 10px; text-decoration: none; } .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: 48px; padding-top: 20px; } /* url_方块样式分页 */ .page { font-size: 0; text-align: center; padding: 35px 0 20px 0; clear: both; overflow: hidden; } .page a, .page span { font-size: 14px; display: inline-block; _display: inline; zoom: 1; border: 1px solid #E1E1E1; padding: 0px 11px; margin: 0 3px 5px 0; line-height: 32px; height: 32px; } .page a:hover, .page span:hover { border: 1px solid #F59500; text-decoration: none; color: #F59500; } .page .current { background: #F59500; border: 1px solid #F59500; color: #fff !important; font-weight: bold; } .page select, .page input { margin: 0 4px; background: #fff; border: 0 solid #E1E1E1; vertical-align: middle; } .page input { text-align: center; padding: 0 4px; outline: none; } /* frame */ body { text-align: center; background-color: #fff; min-width: 1200px; background-position:center 36px !important; } .topBar{ height:36px; line-height:36px; background:#F5F5F5; overflow:hidden; text-align:left; color:#888 } .topBar .links{ float:right; } .topBar .links a{ color:#006FBC } #header, #content, .siteWidth { width: 1200px; margin: 0 auto; } #header { height: 264px; position: relative; } #header .goHome { display: block; float: right; color: #fff; padding: 5px 15px 5px 45px; background: url(../img/icons.png) 15px 10px no-repeat #F59500; -webkit-border-radius: 0 0 5px 5px; -moz-border-radius: 0 0 5px 5px; border-radius: 0 0 5px 5px; } #content { padding: 20px 0 40px 0; overflow: hidden; margin: 0 auto; text-align: left; position: relative; z-index: 1; } #footer { padding: 30px 0; background: #006FBC; color:#fff; border-top: 4px solid #095485 } #footer a {color:#fff} #footer .footNav { font-size: 14px; display: none; } #footer .footNav a { margin: 0 10px; } #footer .pics { padding-top: 20px; } #footer .pics img { height: 33px; } /* nav */ .nav { height: 60px; line-height: 60px; background: #006FBC; z-index: 2; position: relative; } .nav ul { width: 1200px; margin: 0 auto; } .nav:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .nav a { color: #fff; } .nav .li1 { text-align: center; float: left; position: relative; font-size: 18px; padding-top:10px; margin-top:-10px; background:url(../img/nav.png) right -90px; } .nav .a1 { float: left; display: block; zoom: 1; padding: 0 45px; font-weight:bold; } .nav .a1:hover { text-decoration: none; color: #fff } .nav .on1{ background:url(../img/nav.png) right -1px no-repeat; } .nav .on1 .a1{ color:#bc4500 } .nav .ul1 { overflow: hidden; line-height: 28px; position: absolute; left: 0; top:70px; width:94%; display: none; background: #FFD71C; } .nav .li2 { vertical-align: top; } .nav .a2 { font-size: 14px; display: block; border-top: 1px solid #f1c80d; line-height: 20px; padding: 8px; color:#bc4500; } .nav .a2:hover { background: #f1c80d; text-decoration: none } .side { width: 260px; float: left; margin-right: 25px; } .mainContent { overflow: hidden; } /* 首页 -------------------------------------- */ .row{overflow:hidden; padding:30px 0; text-align:left} #rowB{background:#F2F2F2} .boxA .hd{ height:42px; line-height:42px; border-bottom:1px solid #DEDEDE; margin-bottom:20px;} .boxA .hd h3{font-size:20px; padding:0 10px; border-bottom:3px solid #006FBC; display:inline-block; *display:inline; zoom:1; font-weight:bold;} .boxA .hd h3 span{color:#006FBC} .focusBox { float: right; width: 580px; height: 380px; margin-left: 20px; } .focusBox .bd .pic img { width: 100%; height: 380px; } #rowA .tpList { overflow: hidden; } #rowA .tpList .t .title { text-align: left; font-size: 20px; line-height: 36px; height: 36px; font-weight: normal; margin-bottom: 10px; } #rowA .tpList .t .intro { font-size: 14px; height: 56px; line-height: 28px; } #rowA .tpList .n { height: 39px; line-height: 39px; border-bottom:1px dotted #ccc } .tpList .n { height: 32px; line-height: 32px; overflow: hidden; } .tpList .n a { padding-left: 13px; background: url(../img/icons.png) 0 -44px no-repeat; } .tpList .n .date { float: right; color: #999; } .tpList .t { margin-bottom: 10px; } .tpList .t .title { font-size: 20px; font-weight: bold; text-align: center; height: 40px; line-height: 40px; overflow: hidden; } .tpList .t .intro { line-height: 28px; height: 56px; overflow: hidden; text-indent: 2em; color: #777; } .indBox { margin-bottom: 20px; } .indBox .iHd { height: 22px; line-height:44px; position: relative; border-bottom: 1px solid #DEDEDE; margin-bottom:20px; } .indBox .iHd h3 { font-size: 18px; height: 44px; line-height: 44px; background:#006FBC; border-left:4px solid #FFD71C; padding: 0 25px; color: #fff; position: absolute; top:0; left:0; } .indBox .iHd h3 a { color: #fff; } .indBox .iHd .more { display: block; position: absolute; right: 0; top: 0; background:#F2F2F2; padding-left:10px; color:#999; } .indBox .iHd .more:after{ content:""; width:6px; height:6px; background:#DEDEDE; position:absolute; left:-5px; top:20px; } .indBox .iBd { padding: 20px 0; } .boxLoop { overflow: hidden; } .boxLoop .indBox { width: 48.5%; } .boxLoop .indBox .iBd{ height: 240px; } .oneBoxLoop .infoList{ overflow:hidden; margin-right:-20px; } .oneBoxLoop .infoList li{ width:480px; margin-right:20px; float:left; } /* 文章列表页 -------------------------------------- */ .path { margin-bottom: 15px; margin-top: -8px; color: #999; padding-left:20px; background:url(../img/icons.png) 0 -265px no-repeat; } .path a, .path span { color: #999; margin:0 5px; } .sideMenu { margin-bottom: 20px; } .sideMenu .hd { height: 40px; line-height: 40px; background: #006FBC; padding: 0 20px; font-size: 18px; color: #fff; } .sideMenu .bd { border: 1px solid #EAEAEA; padding: 20px; overflow: hidden; } .sideMenu li { margin-bottom: 15px; vertical-align: top; } .sideMenu li a { display: block; padding: 10px 10px 10px 50px; line-height: 20px; background: url(../img/icons.png) 20px -101px no-repeat #F5F5F5; font-size: 16px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-transition: 400ms; -o-transition: 400ms; -moz-transition: 400ms; transition: 400ms; } .sideMenu .on a, .sideMenu li a:hover { color: #fff; text-decoration: none; background-position: 20px -181px } .sideMenu li a:hover { background-color: #bfbfbf; } .sideMenu .on a { background-color: #006FBC !important; } .mainBox .mHd { overflow: hidden; position:relative; background:#f2f2f2 } .mainBox .mHd h3 { font-size: 18px; height: 44px; line-height: 44px; background:#006FBC; border-left:4px solid #FFD71C; padding: 0 25px; color: #fff; float:left; } .mainBox .mHd h3 a { color: #fff; } .mainBox .mBd { padding: 20px 0; overflow: hidden; } .newsList li { height: 40px; line-height: 40px; overflow: hidden; padding: 0 5px; } .newsList li a { padding-left: 12px; background: url(../img/icons.png) 0 -42px no-repeat; } .newsList .date { float: right; color: #999; } .newsList .split { height: 0; font-size: 0; line-height: 0; border-bottom: 1px dotted #ccc; margin: 16px 0; } /* sideBox */ .sideBox { margin-bottom: 20px; } .sideBox .hd { height: 40px; line-height: 40px; overflow: hidden; background: #E6E6E6; } .sideBox .hd h3 { float: left; padding: 0 20px; font-size: 16px; background: #006FBC; color: #fff; } .sideBox .bd { border: 1px solid #EAEAEA; padding: 15px; overflow: hidden; } .infoListA li { line-height: 22px; padding: 8px 0 8px 10px; background: url(../img/icons.png) 0 -34px no-repeat; border-bottom: 1px dotted #ccc; overflow: hidden; } .infoListA .date { float: right; color: #999; font-size: 12px; margin-left: 15px; } .infoListA .last { border-bottom: 0 } /* 文章列表页-图片式 -----------------------------------------*/ .pagePicList li { width: 31.3%; height: 260px; } .pagePicList li .pic img { height: 171px; } /* 文章内容页 -----------------------------------------*/ .articleCon { text-align: left; padding: 50px; border: 1px solid #ddd; } .printArea .title { font-size: 30px; line-height: 1.5; text-align: center; margin-bottom: 40px; } .printArea .subTitle { font-size: 20px; color: #555; text-align: center; margin-bottom: 20px; } .printArea .property { font-size: 14px; margin-bottom: 30px; padding: 6px 10px; color: #777; border: 1px solid #ddd; background: #F8F8F8; position: relative; } .printArea .property span { padding: 0 10px; } .printArea .property .size { position: absolute; right: 10px; top: 6px; } .printArea .conTxt { color: #333; font-size: 16px; line-height: 2; padding: 0 0 20px 0; overflow: hidden; } .printArea .conTxt img { max-width: 800px; height: auto !important; } .printArea .conTxt p { margin-bottom: 20px; } .printArea .conTxt table p { margin-bottom: 0; } .printArea .conTxt a { color: blue; text-decoration: underline; } .printArea .conTxt em { font-style: italic; } .printArea .conTxt ul, .printArea .conTxt ol { padding-left: 2em; } .printArea .conTxt ul li { zoom: normal; list-style: square; text-indent: 0 !important; } .printArea .conTxt ol li { zoom: normal; list-style: decimal; text-indent: 0 !important; } .printArea .conTxt h1 { font-size: 2em; margin: .67em 0; } .printArea .conTxt h2 { font-size: 1.5em; margin: .75em 0; } .printArea .conTxt h3 { font-size: 1.17em; margin: .83em 0; } .printArea .conTxt h5 { font-size: .83em; margin: 1.5em 0; } .printArea .conTxt h6 { font-size: .75em; margin: 1.67em 0; } .printArea .conTxt h1, .printArea .conTxt h2, .printArea .conTxt h3, .printArea .conTxt h4, .printArea .conTxt h5, .printArea .conTxt h6, .printArea .conTxt b, .printArea .conTxt strong { font-weight: bolder; } .printArea .videoPlayer { position: relative; z-index: 1500; background: #000; width: 800px; text-align: center; margin: 20px auto; height: 480px; } .articleCon .userControl { font-size: 14px; border-bottom: 1px solid #ddd; overflow: hidden; text-align: left; margin-bottom: 20px; padding: 10px 0; } .articleCon .userControl .a { color: #777; margin: 10px 10px 0 0; float: left; } .articleCon .userControl .bdsharebuttonbox { float: right; } .articleCon .page { padding: 10px 0; text-align: center; } .articleCon .others { margin-bottom: 15px; } .articleCon .others .prev, .articleCon .others .next { padding: 5px 0; } .articleCon .qrCode { text-align: center; padding: 15px 0; color: #999; } .articleCon .rankWrap { overflow: hidden; } .articleCon .rankWrap #djph { width: 600px; float: left; } .articleCon .rankWrap #rdtw { width: 480px; float: right; } .articleCon .rankWrap #rdtw .picPageListA li { width: 46.5%; } .articleCon .rankWrap .bd { padding-top: 15px; } /* #006FBC */