/*
    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; background:#fff url("/jtjxcwgysjcom/Content/jtj/hdj/img/topBg.jpg") no-repeat center top;font-size: 12px; line-height: 26px; font-family: "宋体", SimSun, Arial, Helvetica, Tahoma, sans-serif;-webkit-text-size-adjust: none; position: relative;}
a{ color: #333; text-decoration: none; outline: none;}
a:hover{color: #0049c4;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: 25px; font-size: 0px; line-height: 0; overflow: hidden; clear: both;}
.blank25{ display: block; height: 25px; 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 */
body{min-width: 1138px;}
.wrap { width:1138px; position: relative; margin: 0 auto; }
.siteWidth{ position: relative; max-width: 1138px; _width: 1138px; margin: 0 auto;}
#header{ height: 350px;}
#content{width: 1138px;  }

.contentHasSide{ background:#EEF6FF }
.contentHasSide .mainContent{background:#fff;}

/* logoBox */
.logoBox { height: 280px; position: relative;}
.logoBox .logo { width: 482px; height: 112px; padding: 80px 0 0 100px; }
.logoBox .logo a { display: block; width: 100%; height: 100%; background: url("/jtjxcwgysjcom/Content/jtj/hdj/img/logo.png") no-repeat; line-height: 9999px; overflow: hidden;}


/* 搜索 */
#sideSearch { width: 280px; height: 28px; background: url("/jtjxcwgysjcom/Content/jtj/hdj/img/sch_bg.png") no-repeat; overflow: hidden; position: absolute; right: 0; bottom: 15px;}
#sideSearch .nodes { display: none;}
#sideSearch .keyword { float: left;border: none; background: none; height: 28px; line-height: 28px; width: 207px; padding:0 10px;}
#sideSearch  #keywordsearch { float: right; width: 53px; height: 28px;  border: none; text-align: center; color: #fff; font:12px/28px "Microsoft Yahei"; display: block; background: none ;}

/* 导航 */
.Nav { width: 100%; height: 70px; background: url("/jtjxcwgysjcom/Content/jtj/hdj/img/link.png") repeat-x;} 
.mainNav { padding-left: 25px; position: relative;}
.mainNav a:hover{text-decoration:none}
.mainNav li.li1{float:left;width: 115px;text-align:center;height:37px; padding: 0 10px;}
.mainNav li.spe { float: left; width: 2px; height: 37px;  overflow: hidden; text-indent: -999px; background: url("/jtjxcwgysjcom/Content/jtj/hdj/img/spe.png") no-repeat center center; padding: 0 28px;}
.mainNav li h3.h1{font:14px/36px "Microsoft Yahei"; height: 37px;}
.mainNav li.li1 a.a1 { color: #fff;}
.mainNav li.on1 {background: url("/jtjxcwgysjcom/Content/jtj/hdj/img/link1_bg.png") no-repeat center bottom;}
.mainNav li.on1 a.a1 { color:#00479c;}

.mainNav .ul1{display:none; width: 1110px; position:absolute; top: 37px; left:0; z-index:9999; text-align: center; height: 25px; padding:5px 10px 0;}
.mainNav .ul1 li{  padding: 0 15px; line-height: 14px; display: inline; border-right: 1px solid #999; *margin-top: 5px; }
.mainNav .ul1 li h3 {display: inline; }


/* footer */
#footer { width: 100%;  position: relative; z-index: 1; text-align: center; font-size: 12px; padding-bottom: 15px;}
.copyRight {  padding: 20px 0 10px; color: #00469b; border-bottom: 1px solid #00469b;}
.picLinks { text-align: center; padding: 20px 0;}
.picLinks li { display: inline;}
.picLinks li img { max-height: 66px;}

/* topLinks */
.topLinks { height: 70px; padding: 25px 0;}
.topLinks li { width: 25%; height: 70px; float: left;}


/* 焦点图 */
#focus { width: 430px; height: 300px; overflow: hidden; float: left; position: relative;}
#focus .hd { position: absolute; z-index: 1; right: 4px; bottom: 7px;}
#focus .hd ul { overflow: hidden; zoom: 1; float: left;}
#focus .hd ul li {float: left; margin-right: 1px; width: 14px; height: 14px; line-height: 14px; text-align: center; background: #ccc; cursor: pointer; color: #333;}
#focus .hd ul li.on { background: #00479c; color: #fff;}
#focus .bd {position: relative; overflow: hidden;}
#focus .bd li { position: relative; width: 430px; height: 300px;}
#focus .bd .pic { position: relative;  z-index: 0; line-height: 0;}
#focus .bd .pic img { width: 100%; height: 300px; border: 0;}
#focus .bd .con {position: absolute;  width: 100%;z-index: 1; bottom: 0; height: 30px; line-height: 30px; text-align: left;}
#focus .bd .con .title { position: absolute; width: 76%; bottom: 0; left: 0; z-index: 1; height: 100%; overflow: hidden;}
#focus .bd .con .title a { color: #fff; padding-left: 10px; text-decoration: none; font-size: 12px; }
#focus .bd .con .titleBg { position: absolute; width: 100%;z-index: 0; bottom: 0;left: 0; background: #000;  filter: alpha(opacity=50); opacity: 0.5;  height: 30px;}


/* 新闻中心 */
.new { float: right; width: 660px;}
.new .hd { height: 32px; background: url("/jtjxcwgysjcom/Content/jtj/hdj/img/arrow.png") no-repeat center bottom;}
.new .hd h3 { height: 29px; border-bottom: 1px solid #00469b;}
.new .hd h3 a { font: 800 16px/28px "宋体";}
.new .bd li.t { height: 95px; border-bottom: 1px solid #00469b; margin-bottom: 5px;}
.new .bd li.t .title { font:800 14px/40px "宋体";}
.new .bd li.t .intro { line-height: 22px; color: #666;text-indent: 2em;}
.new .bd li.n { background: url("/jtjxcwgysjcom/Content/jtj/hdj/img/icon.png") no-repeat left center; padding-left: 12px; border-bottom: 1px dotted #909090; height: 26px; line-height: 26px;}

/* box */
.box { float: left; width: 554px; margin-right: 29px; height: 210px;}
.box .hd { height: 32px; border-bottom: 1px solid #054699; margin-bottom: 5px;}
.box .hd h3 { float: left; padding: 0 20px; background-color: #054699; font:800 14px/32px "宋体"; margin-left: 6px; *display: inline; border-radius: 3px 3px 0 0;}
.box .hd h3 a { color: #fff;}
.box .bd { clear: both;}
.box .bd ul { padding: 0 5px;}

span.date { float: right; color: #999;}
ul.infoList li {background: url("/jtjxcwgysjcom/Content/jtj/hdj/img/icon.png") no-repeat left center; padding-left: 12px; border-bottom: 1px dotted #909090; height: 26px; line-height: 26px;}

/* 水文气象信息 */
.gjgnxx,.swqxxx { margin-right: 0;}

/* 广告位 */
.Ad { width: 1138px; clear: both; height: 290px;}
.Ad .bd li { width: 1138px; height: 290px;} 
.Ad .bd li a { display: block; width: 100%; height: 100%;}
.Ad .bd li .con,.Ad .hd  { display: none;}

/* 公路建设 */
.picMenu { float: left; width: 683px;}
.picMenu li { float: left; width: 341px; height: 194px;}
.picMenu li img {width: 341px; height: 194px;}

/* 本站公告 */
.notice { float: right; width: 341px; height: 194px; background: url("/jtjxcwgysjcom/Content/jtj/hdj/img/gg.jpg") no-repeat;}
.notice .hd { height: 33px; position: relative;}
.notice .hd h3 { width: 170px; text-align: center; line-height: 33px; font-size: 16px;}
.notice .hd h3 a { color: #fff;}
.notice .bd ul { padding: 5px 10px;}

/* 公路风采 */
.photo { height: 100px; background-color: #f3f3f3; position: relative; padding: 20px 0;}
.photo .bd { width: 968px; margin: 0 auto;}
.photo .bd li { float: left; width: 138px; height: 100px; position: relative; text-align: center; padding:0 15px; background: url("/jtjxcwgysjcom/Content/jtj/hdj/img/scLine.gif") no-repeat right center; }
.photo .bd li .pic { overflow: hidden; border: 1px solid #e1e1e1; padding: 3px; background-color: #fff;}
.photo .bd li .pic,.photo .bd li .pic img { width: 130px; height: 92px; }
.photo .bd li .title {  height: 30px; width: 100%; text-align: center; font-size: 12px; position: absolute; bottom: 4px; left:19px; width: 130px; line-height: 30px; text-align: center;}
.photo .bd li .title a { color: #fff;}
.photo .bd .tempWrap { width: 968px !important;}

.photo span.next,.photo span.prev { display: block; position: absolute; top: 50px; width: 18px; height: 35px; cursor: pointer;}
.photo span.next { left:40px; background: url("/jtjxcwgysjcom/Content/jtj/hdj/img/pButL.gif") no-repeat;}
.photo span.prev { right: 40px; background: url("/jtjxcwgysjcom/Content/jtj/hdj/img/pButR.gif") no-repeat; }



/* 友情链接 */
.footLinks { height: 24px; background-color: #00469b; text-align: center; color: #fff; padding: 6px 0;}
.footLinks ul li { word-spacing: normal; display: inline; line-height: 14px; padding: 0 30px; border-right: 1px solid #fff; *margin-top: 5px; }
.footLinks ul li a { color: #fff;}
.footLinks ul li.hd,.footLinks ul li.last { border-right: none;}

/* 位置导航 */
.path{/* text-align: center; */ height: 30px; line-height: 30px; background-color: #caddf1; border-radius:0 0 5px 5px; margin-bottom: 20px; }
.path a, .path span{ padding: 0 3px; }
.path em{ padding-left: 10px;}
.path .red { color: #f20;}



/* url_方块样式分页 */
.page{font-size: 0;text-align: center;padding-top: 25px;clear: both; line-height: 26px;}
.page a,.page span{font-size: 12px;display: inline-block; *display: inline;zoom: 1;border: 1px solid #E1E1E1;padding: 0 8px;margin: 0 5px 5px 0;}
.page a:hover{border: 1px solid #043e87; text-decoration: none; color: #043e87;}
.page .current{background: #043e87; border: 1px solid #043e87; color: #fff !important; font-weight: bold; padding: 0 10px;}
.page select{ padding: 8px 4px; margin: 0 4px; background: #fff; border: 0 solid #E1E1E1; vertical-align: middle;}
.page span.total,.page span.select { display: none;}


/* 文章栏目页 -----------------------------------------*/
.side {float: left;width: 240px;}
.mainContent { overflow:hidden; padding-left:20px;}

/* 侧栏菜单 */
#sideMenu { }
#sideMenu .hd { height:42px; line-height:42px; text-align:center; background:url("/jtjxcwgysjcom/Content/jtj/hdj/img/link.png") -10px 10px no-repeat #00479D; color:#fff; font-size:14px; border-radius:5px 5px 0 0 ;}
#sideMenu .bd {padding:20px;/* border:1px solid #ccc; */ min-height:400px; background:#eef6ff;border-radius:0 0 5px 5px;border-top:0;}
#sideMenu .bd li { margin-bottom: 8px; }
#sideMenu .bd li a { font-size: 14px; display: block; text-align:center; font-size:12px; padding:6px 5px; line-height:20px; background:#fff; border-radius:5px; border:1px solid #c7d7e8; color:#4673a9}
#sideMenu .bd li a:hover{ text-decoration:none; background:#e5f1ff}
#sideMenu .bd .on a{ background:#c7e2ff; font-weight:bold; border-color:#a6ceff}

/* 文章列表页 -----------------------------------------*/
.mainBox .newsList { padding:0 10px;}
.mainBox .newsList li { background: url("/jtjxcwgysjcom/Content/jtj/hdj/img/icon02.jpg") no-repeat left center; padding-left: 30px; height: 40px; line-height: 40px; border-bottom: 1px dotted #ddd;}
.mainBox .newsList li span.date { float: right; color: #999;}

/* 文章搜索 */
.mainBox .newsList li em {color: #f20; }


/* 文章内容页 -----------------------------------------*/
.articleCon{text-align: left;padding:0 40px;}
.printArea .title{font:800 20px/30px" Microsoft Yahei";text-align: center;margin: 10px 0; color: #000; min-height: 30px;}
.printArea .subTitle{font-size: 20px; color: #555; text-align: center;margin-bottom: 20px;}
.printArea .property{margin-bottom: 25px;text-align: center;color: #777;  height: 22px; line-height: 22px; font-size: 12px;}
.printArea .property span{ padding: 0 5px;}
.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 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 .page{ padding: 10px 0; text-align: center;}
.printArea .vedioPlayer{background: #000;width: 800px;text-align: center;margin: 20px auto;height: 480px;}
.articleCon .userControl{font-size: 14px;border-bottom: 1px dotted #ddd;overflow: hidden;text-align: left;margin-bottom: 20px;padding: 10px 0; display: none;}
.articleCon .userControl .a{color: #777; margin: 10px 10px 0 0; float: left;}
.articleCon .userControl .bdsharebuttonbox{ float: right;}
.articleCon .others{padding: 0 50px;margin-bottom: 5px; text-align: right;}
.articleCon .others div { display: inline; margin-right: 20px;}
.articleCon .others div a { color: #888;}
.articleCon .others .date{ color: #999; display: none;}
.articleCon .others .prev,.articleCon .others .next{padding: 3px 0;}