/* 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: 14px; line-height: 30px; background-color: #369fdc;font-family: "Microsoft Yahei", 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: 10px; 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: 990px;} .wrap { width:990px; position: relative; margin: 0 auto; background-color: #fff; border-radius: 10px 10px 0 0; } .siteWidth{ position: relative; max-width: 990px; _width: 990px; margin: 0 auto;} #header{position: relative;z-index: 2;text-align: left;margin:15px auto 0;} #content{width: 970px; position: relative; z-index: 1; margin: 0 auto; padding: 10px;} /* logoBox */ .logoBox { height: 135px; position: relative;} .logoBox .logo { width: 572px; height: 123px; padding-top: 10px; } .logoBox .logo a { display: block; width: 100%; height: 100%; background: url("/jtjxcwgysjcom/Content/jtj/ysj/img/logo.jpg") no-repeat; line-height: 9999px; overflow: hidden;} .logoBox .topLink { position: absolute; right: 100px; top: 100px; font-size: 12px;} /* 导航 */ .Nav { width: 100%; height: 50px; background: url("/jtjxcwgysjcom/Content/jtj/ysj/img/nav_bg.png") repeat-x;} .mainNav { padding-left: 38px;} .mainNav a:hover{text-decoration:none} .mainNav li.li1{float:left;width: 115px;text-align:center;position:relative; height:40px;} .mainNav li.spe { float: left; width: 1px; height: 40px; overflow: hidden; text-indent: -999px; background-color: #2185c3; border-right: 1px solid #3b99dd; opacity: 0.7;} .mainNav li h3.h1{font:14px/40px "Microsoft Yahei";} .mainNav li.li1 a.a1 { color: #fff;} .mainNav li.last1 h3.h1{background:none;} .mainNav li.li1:hover {background: url("/jtjxcwgysjcom/Content/jtj/ysj/img/nav_over1.png") no-repeat 0 2px;} .mainNav li.li1:hover a { color:#fff;} .mainNav li .ul1{display:none;width:115px;position:absolute;left:0;top:38px; z-index:9999;background: #0773cd;_overflow: hidden;} .mainNav li.last1 .ul1{right:0; left:auto;} .mainNav li .ul1 li{height: 32px;padding:0;text-align:center;width:115px; border-bottom: 1px solid #fff; overflow: hidden;} .mainNav li .ul1 li h3.h2{height: 20px;font:normal 12px/28px "Microsoft Yahei";} .mainNav li .ul1 li a{color: #FFF;} .mainNav li .ul1 li:hover{color:#ffcc00; background: #0e8cc6;} #li-zcfg2 ul,#li-pgt ul { display: none !important;} /* 日期 */ .subox { height: 38px; width: 1000px; background: url("/jtjxcwgysjcom/Content/jtj/ysj/img/yy.jpg") no-repeat; padding: 0 12px;} .subox .columnDate { float: left; line-height: 38px;} .subox .columnDate font { color: #d8161f;} /* 搜索 */ #sideSearch { width: 300px; height: 25px; float: right; border: 1px solid #abdef0; overflow: hidden; margin-top: 6px;} #sideSearch .nodes { display: none;} #sideSearch .keyword { float: left;border: none; border-right: 1px solid #b5ecff; background-color: #fff; height: 25px; line-height: 25px; width: 230px; padding-left: 10px;} #sideSearch #keywordsearch { float: right; width: 58px; height: 25px; background-color: #087ebc; border: none; text-align: center; color: #fff; font:14px/24px "Microsoft Yahei"; display: block;} /* footer */ #footer { width: 100%; position: relative; z-index: 1; text-align: center; font-size: 12px; padding-bottom: 15px;} .copyRight .ba { background: url("/jtjxcwgysjcom/Content/jtj/base/img/beian.png") no-repeat left center; padding-left: 25px; } .footPic { text-align: center; padding-top: 10px;} .footPic li { margin: 0 5px; display: inline;} .footPic li img { height: 60px;} /* 焦点图 */ #focus { width: 350px; height: 285px; overflow: hidden; float: left; position: relative;} #focus .hd { position: absolute; z-index: 1; right: 0; bottom: 30px;} #focus .hd ul { overflow: hidden; zoom: 1; float: left;} #focus .hd ul li {float: left; margin-right: 1px; width: 22px; height: 14px; line-height: 12px; text-align: center; background: #000; cursor: pointer; color: #fff; } #focus .hd ul li.on { background: #b80000; color: #fff;} #focus .hd ul li span { font-size: 12px; font-family: "宋体";} #focus .bd {position: relative; overflow: hidden;} #focus .bd li { position: relative; width: 350px; height: 285px; } #focus .bd .pic { position: relative; z-index: 0; line-height: 0;} #focus .bd .pic img { width: 100%; height: 255px; border: 0;} #focus .bd .con { width: 100%;z-index: 1; height: 32px; line-height: 32px; background-color: #f0f0f0; } #focus .bd .con .title { overflow: hidden; width: 100%; text-align: center;} #focus .bd .con .title a { padding-left: 10px; text-decoration: none; font-size: 12px; font-weight: 800; } /* box */ .box .bd { border: 1px solid #ccc; border-top: none;} .box .bd ul { padding: 5px 15px;} .blueHd { height: 42px; background-color: #359edf; border-bottom:12px solid #ec9f00; padding: 0 25px;} .blueHd h3 {color: #fff; font:800 24px/50px "宋体";} .blueHd h3 a {color: #fff; margin-right: 10px;} .blueHd .English { color: #fff; font:100 16px/50px "宋体"; } .blueHd h3 a:hover {text-decoration: none;} ul.infoList li { background: url("/jtjxcwgysjcom/Content/jtj/ysj/img/icon.png") no-repeat left center; padding-left: 12px; font-family: "宋体"; font-size: 13px; height: 30px; line-height: 30px; border-bottom: 1px dashed #e7e7e7;} span.date { float: right; color: #999;} .orgHd { height: 42px; background-color: #ec9f00; border-bottom:12px solid #359edf; padding: 0 25px;} .orgHd h3 {color: #fff; font:800 24px/50px "宋体";} .orgHd h3 a {color: #fff; margin-right: 10px;} .orgHd .English { color: #fff; font:100 16px/50px "宋体"; } .orgHd h3 a:hover {text-decoration: none;} /* 运政动态 */ .yzdt { float: right; width: 600px; height: 285px;} .yzdt .bd { height: 230px;} /* boxA */ .boxA { float: left; width: 480px; height: 290px;} .boxA .bd {border: 1px solid #ccc; border-top: none; height: 140px;} .boxA .bd ul {padding: 5px 15px;} .boxA .pic { width: 480px; height: 95px; } /* 曝光台 */ .pgt .pic { background: url("/jtjxcwgysjcom/Content/jtj/ysj/img/pic01.jpg") no-repeat;} /* 政策法规 */ .zcfg { float: right;} .zcfg .pic { background: url("/jtjxcwgysjcom/Content/jtj/ysj/img/pic02.jpg") no-repeat;} /*公众信息*/ .gzxx .pic { background: url("/jtjxcwgysjcom/Content/jtj/ysj/img/pic03.jpg") no-repeat;} /* 行业风貌 */ .hyfm { float: right;} .hyfm .pic { background: url("/jtjxcwgysjcom/Content/jtj/ysj/img/pic04.jpg") no-repeat;} /* 广告位 */ .Ad { width: 970px; clear: both; height: 120px;} .Ad .bd li { width: 970px; height: 120px;} .Ad .bd li a { display: block; width: 100%; height: 100%;} .Ad .bd li .con,.Ad .hd { display: none;} .sideAd { position: absolute; top: 100px; left:30px; z-index: 99;} .sideAd .fixedPositionDiv { margin-bottom: 10px;} /* 公路建设 */ .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/ysj/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: 250px;} .photo .bd { padding: 15px 10px;} .photo .bd li { float: left; width: 160px; height: 160px; position: relative; text-align: center; margin-right: 13px; } .photo .bd li .pic { overflow: hidden;} .photo .bd li .pic,.photo .bd li .pic img {width: 160px; height: 130px; } .photo .bd li .pic img:hover { transition:all 1.05s linear;-moz-transition:all 1.05s linear;-o-transition:all 1.05s linear;-webkit-transition:all 1.05s linear; -webkit-transform:scale(1.05);-moz-transform:scale(1.05);-o-transform:scale(1.05);-m-transform:scale(1.05);transform:scale(1.05);} .photo .bd li .title { height: 30px; width: 100%; text-align: center; font-size: 12px;} .photo .tempWrap { width: 950px !important;} /* 友情链接 */ .footLinks .bd {border: 1px solid #ccc; border-top: none; } .footLinks ul {padding: 10px; } .footLinks ul li { margin: 0 14px; word-spacing: normal; display: inline; font:12px/30px "宋体";} /* 位置导航 */ .path{text-align: left; height: 50px; line-height: 50px;} .path a, .path span{ padding: 0 3px; color: #666;} .path em{ padding-left: 10px;} .path .red { color: #f20;} /* url_方块样式分页 */ .page{font-size: 0;text-align: center;padding: 25px 0;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 #0792e3; text-decoration: none; color: #0792e3;} .page .current{background: #2396cf; border: 1px solid #2396cf; 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: 215px;} .mainContent { float: right; width: 730px;} /* 侧栏菜单 */ #sideMenu .bd li { background: url("/jtjxcwgysjcom/Content/jtj/ysj/img/arrow.jpg") no-repeat 10px center; padding-left: 50px; height: 40px; line-height: 40px; border-bottom: 1px dashed #e7e7e7;} /* 文章列表页 -----------------------------------------*/ .mainBox .newsList { padding:0 10px;} .mainBox .newsList li { background: url("/jtjxcwgysjcom/Content/jtj/ysj/img/icon02.jpg") no-repeat left center; padding-left: 18px; height: 40px; line-height: 40px; border-bottom: 1px dashed #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 dashed #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 .others{padding: 10px 0;margin-bottom: 5px;} .articleCon .others .date{ color: #999} .articleCon .others .prev,.articleCon .others .next{padding: 3px 0;}