body { background: no-repeat center 50px; background-color: #fafafa; } /*头条*/ .content > .tt { height: 70px; line-height: 70px; text-align: center; background: no-repeat left center; background-color: #fff; } .content > .tt > h3 > a { color: #d83535; font-size: 28px; } /*轮播 切换*/ .content > .lunqie { padding: 20px; background-color: #fff; margin-top: 20px; } /*轮播图*/ .lunb { width: 526px; height: 296px; overflow: hidden; position: relative; border: 1px solid #ddd; margin-top: 10px; } .lunb .hd { overflow: hidden; position: absolute; right: 20px; bottom: 22px; z-index: 1; } .lunb .hd ul { overflow: hidden; zoom: 1; float: left; } .lunb .hd ul li { float: left; margin-left: 3px; width: 24px; height: 5px; background: #fff; cursor: pointer; } .lunb .hd ul li.on { background: #ae251a; } .lunb .hd ul li span { position: absolute; top: 0px; left: 0px; width: 100%; height: 50px; background: no-repeat center center; z-index: 100; } .lunb .bd { position: relative; height: 100%; z-index: 0; } .lunb .bd li { zoom: 1; vertical-align: middle; position: relative; } .lunb .bd img { width: 526px; height: 296px; display: block; } .lunb .bd li span { position: absolute; bottom: 0px; right: 0px; width: 526px; height: 50px; line-height: 50px; background: no-repeat center center; z-index: 100; padding-left: 20px; color: #fff; font-size: 16px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; } /* 下面是前/后按钮代码,如果不需要删除即可 */ .lunb .prev, .lunb .next { position: absolute; left: 0; top: 50%; margin-top: -25px; display: block; width: 40px; height: 60px; background: no-repeat center center, no-repeat center center; } .lunb .next { left: auto; right: 0; } .lunb .prev { background: no-repeat center center, no-repeat center center; } .lunb .prev:hover { background: no-repeat center center, no-repeat center center; } .lunb .next:hover { background: no-repeat center center, no-repeat center center; } .lunb .prevstop { display: none; } .lunb .nextstop { display: none; } /*切换*/ .qieh { width: 595px; text-align: left; } .qieh .hd { height: 45px; line-height: 45px; border-bottom: 1px solid #ddd; position: relative; } .qieh .hd ul { float: left; height: 45px; } .qieh .hd ul li { float: left; margin-right: 30px; cursor: pointer; font-size: 20px; font-weight: 700; } .qieh .hd ul li.on { background: no-repeat center 38px; color: #0d7bd8; } .qieh .bd ul { zoom: 1; height: 264px; overflow: hidden; } .qieh .bd ul { margin-top: 10px; } .qieh .bd li { line-height: 44px; padding-left: 16px; height: 44px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; background: no-repeat left center; } .qieh .bd li a { display: inline-block; width: 500px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .qieh .bd li .date { float: right; color: #999; } .qieh .hd .more { float: right; width: 65px; height: 25px; background-color: #0d7bd8; margin-top: 10px; line-height: 24px; text-align: center; border-radius: 20px; } .qieh .hd .more a { font-size: 12px; color: #fff; display: block; } /*通知公告*/ .tzggxx { padding: 20px; margin-top: 20px; background-color: #fff; } .tzgg { width: 525px; text-align: left; } .tzgg .hd { height: 45px; line-height: 45px; border-bottom: 1px solid #ddd; position: relative; } .tzgg .hd ul { float: left; height: 45px; } .tzgg .hd ul li { float: left; margin-right: 30px; cursor: pointer; font-size: 20px; font-weight: 700; /* color: #0d7bd8; background: no-repeat center 38px; */ } /*.tzgg .hd ul li.on{ background: no-repeat center 38px; color: #0d7bd8;}*/ .tzgg .bd ul { zoom: 1; margin-top: 10px; } .tzgg .bd li { line-height: 44px; padding-left: 16px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; background: no-repeat left center; } .tzgg .bd li .date { float: right; color: #999; } .tzgg .hd .more { float: right; width: 65px; height: 25px; background-color: #0d7bd8; margin-top: 12px; line-height: 24px; text-align: center; border-radius: 20px; } .tzgg .hd .more a { font-size: 12px; color: #fff; display: block; } /*信息公开*/ .tzggxx > .xxgk { width: 595px; } .tzggxx > .xxgk > .zdly { margin-top: 38px; } .tzggxx > .xxgk > .zdly a { display: block; width: 240px; height: 45px; line-height: 45px; text-align: center; margin-top: 10px; font-size: 16px; color: #666; background-color: #f5f5f5; } .tzggxx > .xxgk > .zdly a.on i { transition: all 0.7s; transform: translate(-2px, -2px); box-shadow: 3px 3px 3px #d6d6d6; } .tzggxx > .xxgk > .zdly > a i { float: left; height: 45px; width: 52px; vertical-align: middle; } .tzggxx > .xxgk > .zdly .bzzf { background: no-repeat center center; background-color: #f18586; } .tzggxx > .xxgk > .zdly .pqgz { background: no-repeat center center; background-color: #85d2ae; } .tzggxx > .xxgk > .zdly .wfgz { background: no-repeat center center; background-color: #77c3da; } .tzggxx > .xxgk > .zdly .gjj { background: no-repeat center center; background-color: #e5b376; } .tzggxx > .xxgk > .zwxxgk { width: 345px; margin-top: 50px; } .tzggxx > .xxgk > .zwxxgk > a img { display: block; width: 344px; height: 152px; } .tzggxx > .xxgk > .zwxxgk div { float: left; width: 109px; height: 45px; line-height: 45px; margin-top: 10px; padding-left: 37px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; font-size: 14px; transition: all 0.3s; } .tzggxx > .xxgk > .zwxxgk div.on { transition: all 0.3s; transform: translate(-2px, -2px); box-shadow: 3px 3px 3px #d6d6d6; } .tzggxx > .xxgk > .zwxxgk a { color: #fff; } .tzggxx > .xxgk > .zwxxgk .ldzc { background: no-repeat 16px center; background-color: #7cb4dd; } .tzggxx > .xxgk > .zwxxgk .jgsz { margin: 10px 9px 0; background: no-repeat 16px center; background-color: #eebd67; padding-left: 39px; } .tzggxx > .xxgk > .zwxxgk .zsdw { background: no-repeat 16px center; background-color: #a0d775; padding-left: 42px; } .banner { padding: 20px; margin-top: 20px; background-color: #fff; position: relative; } .banner img { width: 1140px; height: 100px; } .banner .hd { overflow: hidden; position: absolute; right: 30px; bottom: 27px; z-index: 1; } .banner .hd ul { overflow: hidden; zoom: 1; float: left; } .banner .hd ul li { float: left; margin-left: 3px; width: 8px; height: 8px; background: #fff; cursor: pointer; border-radius: 50%; } .banner .hd ul li.on { background: #ae251a; } /*办事 互动*/ .bshd { padding: 20px; margin-top: 20px; background-color: #fff; } .bsfw { width: 528px; text-align: left; } .bsfw .hd { height: 45px; line-height: 45px; border-bottom: 1px solid #ddd; position: relative; } .bsfw .hd ul { float: left; height: 45px; } .bsfw .hd ul li { float: left; margin-right: 30px; cursor: pointer; font-size: 20px; font-weight: 700; color: #0d7bd8; background: no-repeat center 38px; } /*.tzgg .hd ul li.on{ background: no-repeat center 38px; color: #0d7bd8;}*/ .bsfw .bd ul { zoom: 1; margin-top: 22px; } .bsfw .bd li { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; float: left; width: 130px; height: 100px; /*padding-top: 64px;*/ text-align: center; margin-right: 2px; margin-bottom: 2px; font-size: 16px; } .bsfw .bd li:hover { background-color: #0d7bd8 !important; } .bsfw .bd li:hover a { color: #fff; } .bsfw .bd li a { color: #999; display: block; height: 100%; padding-top: 64px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; } .bsfw .bd li:first-child { background: no-repeat center 27px; background-color: #f2f7fc; } .bsfw .bd li:first-child:hover { background: no-repeat center 27px; } .bsfw .bd li:first-child li { background: no-repeat center 27px; background-color: #f2f7fc; } .bsfw .bd li:first-child li:hover { background: no-repeat center 27px; background-color: #f2f7fc; } .bsfw .bd li:first-child li li { background: no-repeat center 27px; background-color: #f2f7fc; } .bsfw .bd li:first-child li li:hover { background: no-repeat center 27px; background-color: #f2f7fc; } .bsfw .bd li:first-child li li li { background: no-repeat center 27px; background-color: #f2f7fc; } .bsfw .bd li:first-child li li li:hover { background: no-repeat center 27px; background-color: #f2f7fc; } .bsfw .bd li:first-child li li li li { background: no-repeat center 27px; background-color: #f2f7fc; } .bsfw .bd li:first-child li li li li:hover { background: no-repeat center 27px; background-color: #f2f7fc; } .bsfw .bd li:first-child li li li li li { background: no-repeat center 27px; background-color: #f2f7fc; } .bsfw .bd li:first-child li li li li li:hover { background: no-repeat center 27px; background-color: #f2f7fc; } .bsfw .bd li:first-child li li li li li li { background: no-repeat center 27px; background-color: #f2f7fc; } .bsfw .bd li:first-child li li li li li li:hover { background: no-repeat center 27px; background-color: #f2f7fc; } .bsfw .bd li:first-child li li li li li li li { background: no-repeat center 27px; background-color: #f2f7fc; } .bsfw .bd li:first-child li li li li li li li:hover { background: no-repeat center 27px; background-color: #f2f7fc; } .bsfw .hd .more { float: right; width: 65px; height: 25px; background-color: #0d7bd8; margin-top: 12px; line-height: 24px; text-align: center; border-radius: 20px; } .bsfw .hd .more a { font-size: 12px; color: #fff; display: block; } .bshd > .sx { border-right: 2px dashed #fafafa; width: 2px; height: 225px; margin: 46px 41px 0; } /*互动交流*/ .hdjl { width: 525px; text-align: left; } .hdjl .hd { height: 45px; line-height: 45px; border-bottom: 1px solid #ddd; position: relative; } .hdjl .hd ul { float: left; height: 45px; } .hdjl .hd ul li { float: left; margin-right: 30px; cursor: pointer; font-size: 20px; font-weight: 700; color: #0d7bd8; background: no-repeat center 38px; } .tzgg .hd ul li.on { background: no-repeat center 38px; color: #0d7bd8; } .hdjl .bd ul { zoom: 1; margin-top: 22px; } .hdjl .bd li { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; } .hdjl .bd li > a { float: left; width: 214px; height: 120px; overflow: hidden; } .hdjl .bd li img { display: block; width: 214px; height: 120px; transition: all 0.7s; } .hdjl .bd li img:hover { transition: all 0.7s; transform: scale(1.1, 1.1); } .hdjl .bd .bd-right { width: 290px; } .hdjl .bd .bd-right h3 { font-size: 16px; line-height: 22px; } .hdjl .bd .bd-right h3 a { color: #d83535; } .hdjl .bd .bd-right p { margin-top: 10px; font-size: 14px; color: #a9a9a9; line-height: 20px; } .hdjl .bd .bd-bottom { margin-top: 15px; } .hdjl .bd .bd-bottom a { float: left; width: 168px; height: 67px; line-height: 67px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; padding-left: 75px; border-radius: 5px; color: #999; font-size: 16px; } .hdjl .bd .bd-bottom a.on { transition: all 1s; color: #d83535; } .hdjl .bd .bd-bottom .ldxx { background: no-repeat 35px center; background-color: #f2f7fc; } .hdjl .bd .bd-bottom .zjdc { margin: 0 10px; background: no-repeat 35px center; background-color: #f2f7fc; } .hdjl .bd .bd-bottom .zcjd { background: no-repeat 35px center; background-color: #f2f7fc; } .hdjl .hd .more { float: right; width: 65px; height: 25px; background-color: #0d7bd8; margin-top: 12px; line-height: 24px; text-align: center; border-radius: 20px; } .hdjl .hd .more a { font-size: 12px; color: #fff; display: block; } /*住建*/ .zjgc { padding: 30px 0px; background-color: #fff; } .zjgc > .container > h3 { height: 45px; width: 1140px; margin: 0 auto; line-height: 45px; border-bottom: 1px solid #ddd; position: relative; } .zjgc > .container > h3 span { float: left; cursor: pointer; font-size: 20px; font-weight: 700; color: #0d7bd8; background: no-repeat center 38px; } .zjgc > .container > h3 .more { float: right; width: 65px; height: 25px; background-color: #0d7bd8; margin-top: 12px; line-height: 24px; text-align: center; border-radius: 20px; } .zjgc > .container > h3 .more a { font-size: 12px; color: #fff; display: block; } .zjgc > .zjyw > h3 { padding: 0 20px; font-size: 20px; color: #0d7bd8; border-bottom: 1px solid #e6e6e6; height: 40px; } .zjgc > .zjyw > h3 a { margin-top: 7px; color: #999; font-size: 14px; font-weight: 400; } .zjgc > .zjyw > .hd { padding: 0 20px; } .zjgc > .zjyw > .hd li { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; float: left; height: 115px; margin-right: 75px; padding-top: 70px; font-size: 16px; color: #333; cursor: pointer; position: relative; } .zjgc > .zjyw > .hd li:first-child { background: no-repeat center 20px; } .zjgc > .zjyw > .hd li:first-child li { background: no-repeat center 20px; } .zjgc > .zjyw > .hd li:first-child li li { background: no-repeat center 20px; } .zjgc > .zjyw > .hd li:first-child li li li { background: no-repeat center 20px; } .zjgc > .zjyw > .hd li:first-child li li li li { background: no-repeat center 20px; } .zjgc > .zjyw > .hd li.on { color: #0d7bd8; } .zjgc > .zjyw > .hd li.on i { display: block; position: absolute; left: 50%; margin-left: -13px; bottom: -14px; z-index: 10; width: 26px; height: 26px; background: no-repeat center center; } .zjgc > .zjyw .bd { position: relative; min-height: 136px; } .zjgc > .zjyw .bd > ul { padding: 20px; background-color: #fafafa; min-height: 50px; border: 1px solid #f1f1f1; border-radius: 3px; } .zjgc > .zjyw .bd > ul h3 { font-size: 16px; color: #0d7bd8; } .zjgc > .zjyw .bd > ul li { float: left; padding-top: 20px; padding-right: 32px; font-size: 14px; } .zjgc > .zjyw .bd > ul li a { color: #999; } .zjgc > .zjyw .bd > ul li a:hover { color: #0d7bd8; } .zjyw h3 .more { float: right; width: 65px; height: 25px; background-color: #0d7bd8; margin-top: 5px; text-align: center; border-radius: 20px; } .zjyw h3 .more a { font-size: 12px; color: #fff; display: block; }