/*页头和导航*/
a:focus, a:hover {
    color: #1d6cd6;
}
body{
    background: url("imagebody_bg.png") repeat;
}
.top{
    width: 100%;
    height:189px;
    background: url("imagehead-bg.jpg") no-repeat center top;
    position: relative;
    overflow: hidden;
}
.head-title{
    width: 1009px;
    padding-left: 27px;
    padding-top: 72px;
    position: absolute;
    top: -10px;
    left: 50%;
    margin-left: -504px;
    z-index: 10;
}
.div{
    width: 1437px;
    height:189px;
    margin: 0 auto;
}
.nav{
    background: url("imagenav_bg.jpg") repeat;
    height:86px;
    padding-top: 0;
}
.nav ul a {
    font-weight: normal;
    padding: 4px 6px;
    color:#fff;
}
.nav-cont{
    width: 1009px;
    margin: 0 auto;
    padding-top: 17px;
}
.nav-cont>.public{
    background: url("imagenav-icon-public.jpg") no-repeat left center;
    width: 500px;
    padding-left: 70px;

}
.nav-cont>.file{
     background: url("imagenav-icon-file.jpg") no-repeat 5px center;
     width: 247px;
     padding-left: 75px;
 }
.nav-cont>.mails{
    background: url("imagenav-icon-mail.jpg") no-repeat 5px center;
    width: 258px;
    padding-left: 75px;

}
.escrow{
    background: #2876bf;
    padding: 16px 0 14px;
    font-size: 20px;
    text-align: center;
    color:#fff;
}
/*检索*/
.retrieve{
   background: #f4f4f4;
   padding: 8px 0 9px 0;
}
.retrieve-cont>.float-left{
   padding-left: 40px;
    font-size: 12px;
}
/*.retrieve-cont>.float-right{
  margin-right: 15px;
}
.retrieve-cont>.float-right li{
    margin-right: 10px;
}
.retrieve-cont>.float-right input{
    border:1px solid #333;
    width: 178px;
    padding: 0 5px;
    font-size: 12px;
    background: none;
}
.retrieve-cont>.float-right .point{
    cursor: pointer;
}*/
.retrieve-cont{
    width: 1009px;
    margin: 0 auto;

}
/*主体内容*/
.warp{
    width: 1009px;
    margin: 30px auto 0;
}
.pic{
    background: #fff;
    padding: 21px 28px 12px 30px;
    border:1px solid #eaeaea;
}
.pic>.float-left .left-btn,.pic>.float-left .right-btn{
    opacity: 0;
    filter:alpha(opacity=0);
    -moz-opacity:0;
    -khtml-opacity: 0;
    transition: all 1s;
    -moz-transition: all 1s;	/* Firefox 4 */
    -webkit-transition: all 1s;	/* Safari 和 Chrome */
    -o-transition: all 1s;
}
.pic>.float-left:hover .left-btn,.pic>.float-left:hover .right-btn{
    opacity: 1;
    filter:alpha(opacity=100);
    -moz-opacity:1;
    -khtml-opacity: 1;
    transition: all 1s;
    -moz-transition: all 1s;	/* Firefox 4 */
    -webkit-transition: all 1s;	/* Safari 和 Chrome */
    -o-transition: all 1s;
}
.new>.float-left{
    width: 765px;
}
.new>.float-right{
    width: 235px;
}
.new>.float-left>.hot{
    padding: 9px 0 11px 0;
    border:1px solid #eaeaea;
    background: #fff;
    position: relative;
    text-align: center;
    margin-bottom: 8px;
}
.new>.float-left>.hot>span.icon{
    position: absolute;
    top:-3px;
    left:20px;
}
.left-btn{
    position: absolute;
    width: 47px;
    height: 78px;
    background: url(imageleft-btn.png) repeat-x;
    left:-17px;
    bottom:18px;
    cursor: pointer;
}
.right-btn{
    position: absolute;
    width: 47px;
    height: 78px;
    background: url(imageright-btn.png) repeat-x;
    right:-17px;
    bottom:18px;
    cursor: pointer;
}
.new>.float-left>.hot>a{
    color:#ff0000;
    font-size: 20px;
    font-weight: bold;
}
.shuffling{
    position: relative;
}
.shuffling .shuffling-cont{
    overflow: hidden;
    width: 100%;
}
.shuffling .shuffling-cont ul{
    position: relative;
}
.new-text>div{
    display: none;
}
.new-text>div.on{
    display: block;
}
.new>.float-left .shuffling img{
    width: 317px;
    height:235px;
}
.new>.float-left .shuffling{
    margin-bottom: 20px;
}
.new>.float-left h3{
    margin-bottom: 5px;
}
.pic>.float-left{
    width: 317px;
    height:358px;
    overflow: hidden;
}
.pic>.float-left p{
    font-size: 12px;
    line-height: 20px;
}
.pic>.float-left>div>a{
    color:#20a2ed;
}
.pic>.float-right{
    width: 354px;
}
.tab-title{
    width: 58px;
    background: #f4f4f4;
}
.tab-title li{
    color:#20a2ed;
    font-size: 16px;
    padding: 24px 9px 23px 9px;
    letter-spacing: 4px;
    cursor: pointer;
    transition: all 1s;
    -moz-transition: all .6s;	/* Firefox 4 */
    -webkit-transition: all .6s;	/* Safari 和 Chrome */
    -o-transition: all .6s;
}
.tab-title li.on{
    background: #20a2ed;
    color:#fff;
    transition: all .6s;
    -moz-transition: all .6s;	/* Firefox 4 */
    -webkit-transition: all .6s;	/* Safari 和 Chrome */
    -o-transition: all .6s;
}
.tab-bodys{
    width: 283px;

}
.time-bg{
    background: url(imagetime-bg.jpg) repeat-x;
    width: 55px;
    height:50px;
}
.time-bg p{
    margin-bottom: 0;
}
.tab-cont{
    width: 220px;
    color:#666666;
    font-size: 14px;
    margin-bottom: 12px;
}
.day{
    font-size: 18px;
    color:#20a2ed;
    text-align: center;
    margin-top: 3px;
}
.days{
    font-size: 12px;
    color:#959999;
    text-align: center;
}
.title-bg{
    width: 235px;
    background: url(imagetitle-bg.jpg) repeat-x;
    line-height: 28px;
    color:#fff;
    padding:0 10px;
}
.title-bg a{
    color: #20a2ed;
    font-size: 12px;
    border-left: 1px solid #20a2ed;
    height: 20px;
    line-height: 20px;
    padding-left: 5px;
    margin-top: 4px;
}
.announcements-bg{
    background: #fff;
    border:1px solid #e4e4e4;
    border-top:none;
    padding: 10px 8px 6px;
}
.announcements{
    width: 180px;
    display: inline-block;
}
.cement{
    list-style: none;
    border-bottom: 1px dashed #c0c0c0;
    padding-bottom: 4px;
    margin-bottom: 4px;
}
.cement a{
    color:#666;
    font-size: 12px;
}
.bottom8{
    margin-bottom: 8px;
}
.business img{
    border:1px solid #cacaca;
    margin-bottom: 7px;
}
.theme{
    margin-top: 14px;
}
.theme>ul>li>img{
    width: 246px;
    height: 57px;
    margin: 0 3px;
}
/*政务公开*/
.government-title{
    width: 1008px;
    margin: 30px auto 24px;
}
.left764{
    width: 764px;
}
.left764 .tab{
    margin-bottom: 20px;
}
.left764 .tab .tab-nav li a {
    color: #333;
    display: block;
    line-height: 20px;
    border-radius: 0;
    width: 187px;
    text-align: center;
    padding: 8px 0 7px 0;
    border: 1px solid #d0d0d0;
    border-top: 2px solid #29a4ec;
    background: #fff;
}
.left764 .tab .tab-nav{
    transition: all .6s;
    -moz-transition: all .6s;	/* Firefox 4 */
    -webkit-transition: all .6s;	/* Safari 和 Chrome */
    -o-transition: all .6s;
}
.left764 .tab .tab-nav .active{
    background: none;
    border-bottom: none;
    transition: all .6s;
    -moz-transition: all .6s;	/* Firefox 4 */
    -webkit-transition: all .6s;	/* Safari 和 Chrome */
    -o-transition: all .6s;
}
.left764 .tab .tab-body{
    border-top:none;
}
.left764 .tab .tab-nav li.active a{
    color: #2ba7ee;
    background: none;
    border-bottom: none;
    border-top:2px solid #cbd1d4;
    cursor: pointer;
}
.W369{
    width: 369px;
}
.right196{
    width: 196px;
    margin-right: 13px;
}
.gov-tab-cont{
    border-bottom:1px dashed #c8c8c8;
    background: url(imagepoint.jpg) no-repeat left center;
    list-style: none;
}
.gov-tab-cont a{
    padding: 4px 8px;
    font-size: 12px;
}
.gov-tab-cont a span.float-left{
    width: 660px;
}
.mail{
    background: #fff;
    border:1px solid #d0d0d0;
    border-top:2px solid #2ba7ee;
    line-height: 30px;
    position: relative;
    margin-bottom: 11px;
}
.mail>div{
    position: absolute;
    right:19px;
    top:0;
}
.mail-cont a{
    padding: 4px 8px;
    font-size: 12px;
}
.mail-cont>li{
    border-bottom: 1px dashed #c8c8c8;
    background: url(imagepoint.jpg) no-repeat left center;
    list-style: none;
}
.mail-cont a .float-left{
    width: 285px;
}
.mail>div a{
    color:#8e8e8e;
    font-size: 12px;

}
.information-disclosure{
    background: #fff;
    border:4px solid #eaeaea;
    margin-top: 20px;
    position: relative;
}
.information-title{
    font-size: 18px;
    color:#fff;
    width: 575px;
    line-height: 38px;
    background: url(imageInformation-bg.png) no-repeat left center;
    margin: -5px auto 0;
}
.information-cont{
    border-top:1px solid #eaeaea;
    margin-top: 6px;
}
.information-cont li{
    line-height: 22px;
    padding-left: 0;
    font-size: 16px;
    max-width: 278px;
    margin-right: 30px;
    height: 62px;
    vertical-align: middle;
    padding-top: 18px;
    margin-bottom: 35px;
}
.information-cont ul{
    padding-left: 35px;
    padding-top: 20px;

}
.information-cont li a img{
    vertical-align: middle;
}
.public-guidelines{

}
.open-directory{

}
.apply-public{

}
.right-listing{

}
.project-library{

}
.engineering{

}
.engineering span{
    display: inline-block;
    width: 200px;
    vertical-align: middle;
}
.guide-to{

}
.escrow-cont{
    margin-top: 1px;
    position: relative;
}
.escrow-cont>li{
    margin-bottom: 2px;
    text-align: center;
    background:#2280c8;
}
.escrow-cont>li>a{
    font-size: 13px;
    color:#fff;
    line-height: 40px;
    display: inline-block;
    width: 100%;
    padding: 0 5px;
}
/*.municipal{
    background:#2280c8 url(imageicon-municipal.jpg) no-repeat 8px center;
}
.lighting{
    background:#2280c8 url(imageicon-lighting.jpg) no-repeat 5px center;
}
.water{
    background:#2280c8 url(imageiocn-water.jpg) no-repeat 10px center;
}
.city-schools{
    background:#2280c8 url(imageicon-city-schools.jpg) no-repeat 8px center;
}*/
.down{
    background: #1893d9;
    margin-top: -2px;
    cursor: pointer;
    /*position: absolute;*/
    height: 20px;
}
.down>div{
    width: 50%;
    line-height: 20px;
    color:#fff;
}
.bureau a{
    line-height:17px !important;
    height: 40px;
    padding-top: 3px!important;
}
.margin-bottom-5{
    margin-bottom: 5px;
    position: relative;
}
.search{
    background: #2ba7ee url(imageicon-magnifying-glass.jpg) no-repeat left top;
    padding: 15px 20px;
    margin-top: 1px;
}
.search-title{
    color:#f6ff00;
    font-size: 13px;
    margin-bottom: 8px;
}
.search input,.search select{
    font-size: 12px;
    padding: 6px;
    border: 1px solid #dcdcdc;
    width: 100%;
    height: 25px;
    line-height: 25px;
    display: block;
    border-radius: 0;
    -webkit-appearance: none;
    box-shadow: 0 1px 1px rgba(0,0,0,0.075) inset;
    transition: all 1s cubic-bezier(0.175,0.885,0.32,1) 0s;
}
.search select{
    padding:0 6px;
}
.search-input{
    margin-bottom: 8px;
}
.search-input label{
    color:#fff;
    padding-bottom: 5px;
    font-size: 12px;
}
.search-btns{
    padding-left: 8px;
    margin-top: 14px;
}
.search-btns button{
    background: url(imageicon-search-btns.jpg) no-repeat left top;
    width: 49px;
    height: 20px;
    text-align: center;
    border: none;
    font-size: 12px;
}
.system-bg{
    background: url(imagesystem-bg.jpg) no-repeat left top;
    height:220px;
    width: 100%;
    position: relative;
    padding: 0 22px;
    margin-bottom: 25px;
    overflow: hidden;
}
.system-bg ul{
    position: absolute;
    left:22px;
}
.system-bg li{
    width: 145px;
    text-align: center;
    vertical-align: text-top;
    margin: 35px 24px 0;
    float: left;
    list-style: none;
}
.btn-left{
    position: absolute;
    width: 25px;
    height:45px;
    top:84px;
    left:19px;
    cursor: pointer;
    filter:alpha(opacity=50);
    -moz-opacity:0.5;
    -khtml-opacity: 0.5;
    opacity: 0.5;
}
.btn-right{
    position: absolute;
    width: 25px;
    height:45px;
    top:84px;
    right:19px;
    cursor: pointer;
    filter:alpha(opacity=50);
    -moz-opacity:0.5;
    -khtml-opacity: 0.5;
    opacity: 0.5;
}
.btn-left:hover,.btn-right:hover{
    filter:alpha(opacity=100);
    -moz-opacity:1;
    -khtml-opacity: 1;
    opacity: 1;
}
.hotline{
    text-align: center;
    border:1px solid #d0d0d0;
    border-top:2px #2ba7ee solid;
    background: #fff;
    line-height: 30px;
    height:30px;
    font-weight: bold;
}
.hotline-cont{
    position: relative;
    overflow: hidden;
    height:128px;
}
.hotline-cont:hover .arrow-left,.hotline-cont:hover .arrow-right{
    opacity: .8;
    filter:alpha(opacity=80);
    -moz-opacity:0.8;
    -khtml-opacity: 0.8;
    transition: all 1s;
    -moz-transition: all 1s;	/* Firefox 4 */
    -webkit-transition: all 1s;	/* Safari 和 Chrome */
    -o-transition: all 1s;
}
.arrow-left,.arrow-right{
    position: absolute;
    font-size: 30px;
    opacity: 0;
    filter:alpha(opacity=0);
    -moz-opacity:0;
    -khtml-opacity: 0;
    cursor: pointer;
    line-height: 103px;
    width: 25px;
    background: #ccc;
    text-align: center;
    z-index: 2;
    transition: all 1s;
    -moz-transition: all 1s;	/* Firefox 4 */
    -webkit-transition: all 1s;	/* Safari 和 Chrome */
    -o-transition: all 1s;
}
.hotline-cont ul{
    position: absolute;
}
.arrow-left{
    left: 10px;
}
.arrow-right{
    right: 13px;
}
.table th{
    background: #f2f2f2;
    text-align: center;
}
.table td{
    font-size: 12px;
    text-align: center;
}
.video li{
    margin:0 10px;
    float: left;
    list-style: none;
}
.video li a{
    width: 173px;

}
.video li a p{
    font-size: 12px;
}
.interview{
    background: #2ba7ee;
    padding: 2px 0 4px;
    position: relative;
}
.interview li{
    text-align: center;
}
.interview li img{
    border:3px solid #83c3ff;
    border-radius: 4px;
}
.interview li p{
    font-size: 12px;
    color:#fff;
    margin-bottom: 0;
}
.down2{
    background: #2ba7ee;
    height:20px;
    border-top:1px solid #77c7f4;
    cursor: pointer;
    margin-bottom: 2px;
}
.down2>div{
    width: 50%;
    line-height: 20px;
    color:#fff;
    text-align: center;
}
.online>img{
    border:1px solid #c6c6c6;
    width: 196px;
}
.show-cont li{
    float: left;
    list-style: none;
    width: 160px;
    text-align: center;
    margin: 0 4px;
}
.show-cont li img{
    width: 146px;
    height: 105px;
}
.show-title{
    background: url(imageshow-title.png) no-repeat center center;
    width: 996px;
    height:51px;
    line-height: 51px;
    padding-right: 35px;
}
.pic-show{
    overflow: hidden;
}
.show-cont{
    position: relative;
}
/*友情链接*/
.link{
    background: url(imagelink.jpg) no-repeat center center;
    height: 34px;
    width: 100%;
    position: relative;
    padding-left: 195px;
}
.link-title{
    font-size: 14px;
    color: #0357b9;
    position: absolute;
    font-weight: bold;
    top: 7px;
    left: 33px;
}
.se{
    padding: 0 6px;
    border:solid 1px #bdbdbd;
    height: 26px;
    line-height: 26px;
    display: block;
    border-radius: 0;
    box-shadow: 0 1px 1px rgba(0,0,0,0.075) inset;
    transition: all 1s cubic-bezier(0.175,0.885,0.32,1) 0s;
    width: 220px;
    font-size: 12px;
    margin: 0 21px;
    margin-top: 4px;
}
/*页脚css*/
.martop70{
    margin-top:30px ;
}
.footer {
    width: 100%;
    min-width:1018px;
    height: 173px;
    background: url(imagefooter_bg.jpg) repeat-x;
}
.cont1000 {
    width: 1000px;
    margin: auto;
}
.footer p {
    color: #ffffff;
    font-size: 12px;
    margin-top: 20px;
}
.list-unstyle ul {
    list-style: none;
}
.erwei {
    text-align: center;
}
.erwei>li{
    color:#fff;
}
.lit>li{
    padding: 0 6px;
    font-size: 12px;
}
.head>h1{
    margin-bottom: 20px;
    padding: 20px;
    font-weight: bold;
    border-bottom:1px solid #ccc;
}
.head>div{
    padding: 20px;
}
.head>h1>span{
    display: block;
    font-size: 14px;
    color:#999;
    margin-top: 10px;
    font-weight: normal;
}
.l-pCont .tab .tab-body .tab-panel { 
    height: 238px;
    overflow: hidden;
}
.l-law-tab .tab .tab-body .tab-panel { 
    height: 191px;
    overflow: hidden;
}
.l-servers .tab .tab-body .tab-panel { 
    height: 140px;
    overflow: hidden;
}
.l-zf img{
	width:203px !important;
	height:60px;
}
.l-shuffling img {
    display: block;
    max-width: 100%;
    height: auto;
    height: 308px !important;
    width: 435px !important;
}