/* header */ #header { height: 170px;} .sideAd { position: absolute; top: 100px; left:30px; z-index: 99;} .sideAd li { margin-bottom: 10px;} .sideAd li .fixedCount { display: none;} /*#pf { z-index: 100; right: 30px; width: 200px; height: 146px; position: absolute; top: 100px; visibility: visible;}*/ #roll { position: absolute; z-index: 99;width: 200px; height: 146px;} #roll .con,#roll .hd { display: none;} #roll .bd li { width: 200px; height: 146px;} #roll .bd li a { display: block; width: 100%; height: 100%;} /* logoBar */ .logoBar{height: 113px;margin: 0 auto;position: relative;overflow: hidden; background: url("/jtjxcwgysjcom/Content/jtj/base/img/topRight.jpg") no-repeat right bottom;} .logoBar #logo{ float: left; width:400px; height:113px;} .logoBar #logo img { max-width:400px;} .logoBar .dateTime { float: right; width:275px; padding-right: 33px; text-align: right; height: 58px; line-height: 58px; font-size: 14px;} .logoBar .dateTime span.text { margin-right: 30px;} .logoBar .s-form { position: absolute; top:60px; right:28px; width: 275px;} .logoBar .input-box { float: left; width: 197px; height: 30px;} .logoBar .input-box input {width:175px; height:28px; border: 1px solid #e1e1e1; background-color: #fff; float: left; line-height: 28px; padding: 0 10px;} .logoBar .btn-box { float: right; width:78px; height:30px;} .logoBar .btn-box input { width:78px; height:30px; background-color: #cd3333; font-family: "微软雅黑"; text-align: center; line-height: 30px; color: #fff; border: none; *border: 0; -webkit-transition:all 0.5s;-moz-transition:all 0.5s;-ms-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s;} .logoBar .btn-box input:hover { background-color: #bf2322;} /* date */ span.date { float: right; color: #999; font-size: 12px;} /* 站群导航 S */ .site{position:absolute; z-index: 11;top: 16px;left: 664px;} .site dt i{margin-right:5px; display:none;} .site dd{box-shadow:1px 1px 3px rgba(0,0,0,.2);background: #fff;display: none;position:absolute;padding: 10px;width: 570px;top:38px;right:-224px;margin-right:0;-webkit-box-shadow: 2px 2px 5px rgba(0, 0, 0, .15);-moz-box-shadow:2px 2px 5px rgba(0, 0, 0, .15);box-shadow:2x 2px 5px rgba(0, 0, 0, .15);} .site dd i{ display:none} .site dt{height:38px;padding: 0 10px;cursor:pointer; font-size: 13px;} .site dd { display: none; padding: 10px; color: #fff; } .site dd a { margin: 0; color: #fff; } .site dd h3 { text-align: left; margin: 0 10px; position: relative; font-size: 14px; font-weight: bold; line-height: 34px; } .site dd h3 i { content: ""; display: block; height: 1px; line-height: 0; font-size: 0; background: #4fbcff; top: 17px; right: 0; width: 88%; position: absolute; } .site dd ul { overflow: hidden; padding: 0 0 0 10px; } .site dd li { float: left; width: 110px; text-align: left; overflow: hidden; height: 30px; line-height: 30px; } .site dd li a { } .site dd li a:hover { color: #ff0; } .site li a { cursor: pointer; } .site.on { background-color: #2ba7f3; color: #fff; } .site.on dd { display: block; width: 790px; padding-bottom: 10px; background: #2ba7f3; -webkit-box-shadow: box-shadow: 0px 4px 8px rgba(0, 0, 0, .3); -moz-box-shadow: box-shadow: 0px 4px 8px rgba(0, 0, 0, .3); box-shadow: 0px 4px 8px rgba(0, 0, 0, .3); } /* 站群导航 E */ /* flash */ .flash { float: left; width: 285px; height: 510px; background: url("/jtjxcwgysjcom/Content/jtj/base/img/flashbg.jpg") no-repeat; position: absolute; left:0; top: 113px;} /* topNav */ nav.topNav { float: right; width: 670px;} /* 主导航 */ .topNav{z-index: 8;position: relative;margin: 23px auto 0; clear: both;} .mainNav{ position: relative;} .mainNav .li1{ float: left; height: 34px; position: relative; } .mainNav .a1{display: block;font-size: 14px; padding: 0 13px; line-height: 34px;} .mainNav .a1:hover{ color: #fff; text-decoration: none; background-color: #999;} .mainNav .ul1{ left: 0; position: absolute; top: 34px; width: 130px; display: none; background: #999; z-index: 10; } .mainNav .li2{ vertical-align: top; position: relative; width: 130px; height: 33px;} .mainNav .a2{ font-size: 12px;display: block;line-height: 25px;padding-left: 15px;color: #fff; margin: 4px 0;} .mainNav .a2:hover{background: #cd3333;color: #fff;text-decoration: none;} .mainNav .ul2{ left: 130px; top: 0; width: 130px; background: #808080; z-index: 10; position: absolute; display: none; padding: 5px 0;} .mainNav .a3{ font-size: 12px;display: block;line-height: 25px;color: #fff; margin: 4px 0; padding-left: 15px;} .mainNav .a3:hover{background: #cd3333;color: #fff;text-decoration: none;} .mainNav .li2:hover ul.ul2 { display: block;} #li-djzc ul,#li-aqgl ul { display: none !important;} #li-zcfg ul.ul2 { display: none !important;} /* HomeMain */ .HomeMain { float: right; width: 670px; height: 510px;} /* news */ .news { width: 670px; text-align: left; clear: both; margin-top: 18px;} .news li.t { height: 120px; margin-bottom: 20px;} .news li.t .pic { float: left; width: 200px; height: 120px; overflow: hidden;} .news li.t .pic img { width: 200px; height: 120px; -webkit-transition:all 0.5s;-moz-transition:all 0.5s;-ms-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s;} .news li.t .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);} .news li.t .title { text-align: center; height: 16px; margin-bottom: 20px;} .news li.t .title a { font:800 16px/16px "Microsoft Yahei"; color: #c93102;} .news li.t .con { float: right; width: 425px; padding-right: 25px;} .news li.t .con .intro { line-height: 20px;} .news li.n { background: url("/jtjxcwgysjcom/Content/jtj/base/img/icon.png") no-repeat left center; padding:0 20px 0 15px; font-size: 14px; line-height: 30px;} .news a.more { display: block; margin-top: 8px; height: 22px; font: 12px/22px "Microsoft Yahei"; color: #fff; background-color: #cd3333; width: 90px; text-align: center; -webkit-transition:all 0.5s;-moz-transition:all 0.5s;-ms-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s;} .news a.more:hover { text-decoration: none; background: #f42a2a;} /* notice */ .notice { clear: both; margin-top: 12px; height: 40px; background-color: #ececec;} .notice .hd { float: left; background-color: #d9d9d9; width: 90px; text-align: center;} .notice .hd a { font: 800 14px/40px "Microsoft Yahei";} .notice .bd { float: right; padding: 0 20px; width: 540px;} .notice .bd li { line-height: 40px; font-size: 14px; background: url("/jtjxcwgysjcom/Content/jtj/base/img/icon.png") no-repeat left center; padding-left: 15px;} /* HomePic */ .HomePic { clear: both;} .HomePic li { float: left; width: 223px; height: 140px;} .HomePic li img {width: 223px; height: 140px;} /* HomeAd */ .HomeAd { width: 960px; height: auto; clear: both;} .HomeAd .bd li { width: 960px; height: 246px;} .HomeAd .bd li a { display: block; width: 100%; height: 100%;} .HomeAd .bd li .con,.HomeAd .hd { display: none;} /* HomeAd02 */ .HomeAd02 { width: 960px; height: auto; clear: both; margin-bottom: 15px;} .HomeAd02 .bd li { width: 960px; height: 115px;} .HomeAd02 .bd li a { display: block; width: 100%; height: 100%;} .HomeAd02 .bd li .con,.HomeAd02 .hd { display: none;} /* supervise */ .supervise { float: left; width: 555px; position: relative; overflow: hidden; } .supervise .hd { width: 80px; background:#f5f5f5 url("/jtjxcwgysjcom/Content/jtj/base/img/supHd.png") no-repeat 23px center; position: absolute; height: 100%;min-height: 85px; border-top: 1px #fff solid; left: 0; top: 0;} .supervise .hd h3 { display: none;} .supervise .bd { width: 460px; margin-left: 95px;} .supervise .bd li { width: 110px; height: 84px; float: left; margin:1px 0 0 1px; border: 2px solid #f5f5f5; background-color: #f5f5f5; *display: inline; position: relative; -webkit-transition:all 0.5s;-moz-transition:all 0.5s;-ms-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s;} .supervise .bd li .pic { width: 32px; height: 35px; display: block; margin: 0 auto; padding-top: 15px; -webkit-transition:all 0.5s;-moz-transition:all 0.5s;-ms-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s;} .supervise .bd li .pic img { max-width: 32px;} .supervise .bd li .tit { line-height: 30px; display: block; width: 100%; height: 34px; position: absolute; top: 0; left:0; padding-top: 50px;} .supervise .bd li:hover { border: 2px solid #cd3333;} .supervise .bd li:hover .pic {-webkit-transform:rotateY(180deg);-moz-transform:rotateY(180deg);-ms-transform:rotateY(180deg);-o-transform:rotateY(180deg);transform:rotateY(180deg);} /* traffic */ .traffic { float: right; width: 375px; } .traffic .hd { background:#f5f5f5 url("/jtjxcwgysjcom/Content/jtj/base/img/traHd.png") no-repeat 23px center; *float: left; *position: relative; } .traffic .bd { width: 282px; float: right; margin-left: 0;} .traffic .bd li { width: 136px;} /* zsdw */ .zsdw { clear: both; } .zsdw .hd {background:#f5f5f5; width: 80px; height: 68px; float: left; margin-right: 15px; padding-top: 12px;} .zsdw .hd h3 { font: 800 16px/28px "Microsoft Yahei";} .zsdw .bd { float: right; width: 865px; overflow: hidden;} .zsdw .bd ul { width: 868px;} .zsdw .bd li { float: left; height: 76px; background: #f5f5f5; margin-right: 2px; width:211px; border: 2px solid #f5f5f5; position: relative; } .zsdw .bd li:hover { border: 2px solid #cd3333;} .zsdw .bd li a { display: block; width: 100%; height: 100%;} .zsdw .bd li .pic { width: 32px; height: 35px; display: block; margin: 0 auto; padding-top: 10px; -webkit-transition:all 0.5s;-moz-transition:all 0.5s;-ms-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s;} .zsdw .bd li .pic img { max-width: 32px;} .zsdw .bd li .tit { line-height: 30px; display: block; width: 100%; height: 36px; position: absolute; top: 0; left:0; padding-top: 40px;} .zsdw .bd li:hover { border: 2px solid #cd3333;} .zsdw .bd li:hover .pic {-webkit-transform:rotateY(180deg);-moz-transform:rotateY(180deg);-ms-transform:rotateY(180deg);-o-transform:rotateY(180deg);transform:rotateY(180deg);} /* footer */ #footer { background: url("/jtjxcwgysjcom/Content/jtj/base/img/footBg.jpg") no-repeat center top; margin-top: 20px; padding-top: 35px; }