@charset "utf-8"; .siteWidth{max-width: 1500px; _width: 1500px; min-width:1200px; margin: 0 auto;} #header{ overflow: hidden;} #content{padding: 0; margin-top: 20px; background: none;} .sideFixed { display:block;} #percentShow { position:absolute; background:#fff; height:3px; z-index:100; top:0; transition:all 0.5s; -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -ms-transition:all 0.5s; -o-transition:all 0.5s; } .column{padding: 40px 0 0;background: #fff;} .areaL{width: 40%;float: left;margin-right: 2.5%;} .areaC{overflow: hidden; zoom: 1;} .areaR{width: 25.8%; float: right; margin-left: 20px;} .headerInfo { position:absolute; width:100%; bottom:0; height:165px; z-index:4; background:url(../../Base/img/headerinfobg.png) repeat-x bottom; } .headerInfo .con { float:left; width:33.3%; } .headerInfo dl { margin:14px 29px; border:1px solid rgba(255, 255, 255, 0.5); border:1px solid #fff \9; height:135px;} .headerInfo dt ul { display:none;} .headerInfo dt { float:left; width:30%; height:135px; text-align:center; margin-right:4%;} .headerInfo dt a { display:block; background:url(../../base/img/waterinfoicon1.png) no-repeat center 28px; padding-top:75px; height:60px; color:#fff; font-size:18px; line-height:40px; font-weight:bold;} .headerInfo dd { padding-top:12px; color:#fff; overflow:hidden;} .headerInfo dd li { height:28px; line-height:28px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;} .headerInfo dd a{ color:#fff;} .headerInfo #sztg dt a { background:url(../../Base/img/waterinfoicon2.png) no-repeat center 26px;} .headerInfo #tsgg dt a { background:url(../../Base/img/waterinfoicon3.png) no-repeat center 26px;} #indXwdt{overflow: hidden; zoom: 1;} #indXwdt .hd {background:#06c;height:50px;padding-top:10px;margin-bottom: 20px;} #indXwdt .hd li { float:left; line-height:45px; font-size:24px; } #indXwdt .hd li a {display:block;padding:0 55px 0 75px;color:#fff;font-weight:lighter; background:url(../../base/img/columnAicons.png) no-repeat 35px -43px; padding-bottom:5px;} #indXwdt .hd li.on a { background-position: 35px 9px; background-color:#fff;color:#06c; font-weight:400;} #indXwdt .hd .li2 a { background-position: -215px -43px;} #indXwdt .hd .li2.on a { background-position: -215px 9px;} #indXwdt .topicList .t .intro { height:52px; overflow:hidden;} /* indBox */ .indBox .iHd{height: 44px; line-height: 44px; border-bottom: 2px solid #0068B7; overflow: hidden; margin-bottom: 20px;} .indBox .iHd h3{float: left; font-size: 20px; color: #fff; background: #0068B7;} .indBox .iHd h3 a{float: left; display: block; padding: 0 20px; color: #fff;} .indBox .iHd h3 i{display: block; float: left; width: 44px; height: 44px; background: url(../../Base/img/icons.png) #00599C center -509px no-repeat;} .indBox .iBd{overflow: hidden;} #columnA { margin-bottom:30px;} #columnA .mHd a { display:block; text-align:center; background:url(../../base/img/columnAhdbg.png) no-repeat bottom; padding-bottom:30px; font-size:30px; line-height:40px; font-weight:bold; color:#1f5ecd; margin-bottom:20px; } #focusNews .bd .pic img, #focusNews .bd .pic {height:400px;} #focusNews .bd .titleBg { display:none;} #focusNews .bd .con .title {position:relative;bottom:auto;width: auto;height: auto;left: inherit; padding:15px 0 10px;} #focusNews .bd .con .title a { color:#000; font-size:18px; padding:0;} #focusNews .bd .con {position:relative;bottom:auto;width: auto;height: auto;left: inherit; padding:10px 25px; line-height:26px; color:#666;} #focusNews .hd { display:none;} #focusNews {height:545px;background:#f2f2f2;margin: 0;} #focusNews .prev, #focusNews .next {position:absolute;top:355px;width:50px;height:45px;background:#1f5ecd url(../../base/img/focarricons.png) no-repeat 17px center;z-index:1;cursor: pointer;transition: all 0.3s;} #focusNews .prev {right:50px;} #focusNews .next {right:0; background:#164290 url(../../base/img/focarricons.png) no-repeat -25px center;} #focusNews .prev:hover,#focusNews .next:hover { background-color:#469400} #columnB { background:url(../../Base/img/columnBbg.jpg) no-repeat top center; height:599px; padding-top:60px;} #columnB .hd { text-align:center; font-size:28px; line-height:62px; padding:50px 0; height:65px; *padding-left:30%} #columnB .hd li { display:inline-block; *float:left; } #columnB .hd li a {color:#bfd9f2;text-decoration: none; padding:0 15px; display:block;} #columnB .hd li.on a { color:#fff; border-bottom:3px solid #fff;} #columnB #gsyytCon { } #columnB .bd #gsyytCon a { float:left; width:48%; } #columnB .bd #gsyytCon a:first-child {margin-right:4%;} #columnB .bd #gsyytCon a img { width:100%; height:auto;} #lybCon { padding: 10px 1%; background:#fff; min-height:320px; margin:0 auto; width:80%;} #lybCon .letterList th { background:#3981da; color:#fff;} #columnB .bd .con .infoList li { float:left; width:46%; padding:0 2%; line-height:40px; height:40px; font-size:16px;} #columnB .bd .con .infoList li a { color:#fff;} #columnB .bd .con .infoList li .date { color:#92c8ff} #columnC {padding:30px 0 30px;} .aboutBox .link { float:right;} .aboutBox .link li { float:left; width:70px; text-align:center; position:relative;} .aboutBox .link li i {display:block;width:40px;height:40px;margin:0 auto;background:#1d66ae url(../../base/img/linkicon2.png) no-repeat center;border-radius: 50%;} .aboutBox .link .yqlj i { background-image:url(../../base/img/linkicon1.png)} .aboutBox .link .wxcode i { background-image:url(../../base/img/linkicon3.png); background-color:#3db92e} .aboutBox .link .wbcode i { background-image:url(../../base/img/linkicon4.png); background-color:#f35d5d} .aboutBox .link .spxcp i { background-image:url(../../base/img/linkicon5.png); background-color:#13bdff} .aboutBox .link .wxcode .con { display:none; position:absolute;bottom:80px;left:50%;margin-left:-75px;border:1px solid #ddd;box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);} .aboutBox .link .wxcode.on .con { display:block;} .profile { padding-left:28.8%; background:url(../../base/img/logo-s.png) no-repeat left center; background-size:26.8% auto; line-height:24px; } /*-- 颜色代码 #0068B7 深色标题 #ddd 淡色边框 --*/