@charset "utf-8";
.boxs{
    width: 1200px;
    margin: 0 auto;
}
.redbanner li{
	position: relative;
	height: 300px;
	background: url(../images/bannertop.jpg) no-repeat center center;
}
/* 头部图片 */
/* 头部图片 */
.img-zt{
    width: 1200px;
    text-align: center;
    margin:  10px 0 0 0;
  
}
/* 标题 */
.title-bar{
    width: 1200px;
    height: 100px;
    text-align: center;
    margin: 0 auto;
    color: #006eab;
}
.title-bar a{
    color: #006eab;
}
.title-bar h1{
   
    height: 60px;
    line-height: 60px;
    font-weight: bolder;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.title-bar .subtitle{
    height: 30px;
line-height: 30px;
font-size: 16px;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}

/* 轮播图 */
.slideshow{
    width: 1198px;
    height: 220px;
    overflow: hidden;
}
.slideshow-left{
    height: 40px; 
    width:100%px;
    display: block;
}
.slideshow-left span{
    height: 40px;  
    width: 100%;
    color: #1159A3;
    font-size: 20px;
    font-weight: bolder;
    line-height: 40px;
    padding-left: 65px;
    text-align: left;
}
.wrap {
    width: 1035px;
    height: 190px;
    margin: 0  65px;
}
.slide {
    position: relative;
    height: 190px;
}

.slide .container {
    position: relative;
    width: 1035px;
    height: 175px;
    margin: 0 auto;
    overflow: hidden;
}

.slide ul {
    position: absolute;
    left: 0;
    top: 0;
    height: 175px;
    width: 2310px;
}

.slide ul li {
    float: left;
    height: 50px;
    width: 200px;
    margin-right: 15px;
    font-size: 16px;
    line-height: 50px;
    text-align: center;
}

.slide .title{
height: 30px;
line-height: 30px;
overflow: hidden;
}
.slide .btn-prev {
    left: -45px;
   background: url(../images/icon-slides-2.png) no-repeat center;
   
}
.cephalic{
    width: 100%;
    height: 50px;
}
.slide .btn-next {
    right: -45px;
    background:url(../images/icon-slides-1.png) no-repeat center;
    /* background-position: -126px -16px; */
}
/* 图轮播图 */
.bigbox1 {
	width: 1200px;
	margin: 0 auto;
    height: 490px;
    overflow: hidden;
	background-color: white;
}
.banner1 {
	width: 600px;
    height: 450px;
	float: left;
	margin-top: 20px;
}
.imgtab {
	position: relative;
	width: 600px;
    height: 450px;
	overflow: hidden;
}
.imgtab ul.items {
	width: 600px;
    height: 450px;
	position: absolute;
}
.imgtab ul.items li {
	width: 600px;
    height: 450px;
	float: left;
}
.imgtab ul.items li a {
	width: 600px;
	height: 288px;
	line-height: normal !important;
	padding: 0px !important;
	border: none;
}
.imgtab ul.items li a img {
	margin: 0px !important;
	padding: 0px !important;
	display: block;
	border: none;
	width: 100%;
	height: 100%;
}
.imgtab div.tips {
	position: absolute;
	bottom: 1px;
	width: 100%;
	height: 32px;
	background-color: #005393;
	opacity: .7 !important;
	overflow: hidden;
}
.imgtab div.tips div.title {
	position: absolute;
	left: 0px;
	top: 0px;
	height: 100%;
	width: 320px;
}
.imgtab div.tips div.title a {
	float: left;
	height: 100%;
	width: 320px;
	color: white;
	font-size: 14px;
	line-height: 32px;
	margin-left: 10px;
	text-align: left;
	text-decoration: none;
	background: none;
}
.imgtab div.tips div.title a:hover {
	text-decoration: none !important;
}
.imgtab div.tips div.nums {
	position: absolute;
	right: 0px;
	top: 0px;
	height: 100%;
}
.imgtab div.tips div.nums a {
	float: left;
	width: 13px;
	height: 13px;
	background: white;
	text-indent: -99999px;
	margin: 10px 12px 0px 0px;
}
.imgtab div.tips div.nums a.active {
	background: #dc0002;
}

/* 政务公开 */
.government{
    width: 1200px;
    height: 170px;
    margin: 15px auto;
    overflow: hidden;
    border: 1px solid #CCCCCC;
}
.goverleft{
text-align: center;
float: left;
width: 40px;
height: 100%;
color: white;
line-height: 30px;
font-size: 22px;
padding-top: 20px;
/* font-weight: bold; */
background: #1e61a5;
}
.autobox{
    float: left;
    width: 710px;
    height: 100%;
    overflow: hidden;
   
}
.autobox ul li{
    width: 220px;
    height: 60px;
    float: left;
    border: 1px solid #CCCCCC;
    text-align: center;
    margin: 12px 7px;
}
.autobox ul li a{
    line-height: 60px;
    font-size: 16px;
    text-align: center;
}
.autobox #img1{
    background: url(../images/ico1/3-1.png) no-repeat 30px ;
}
.autobox #img2{
    background: url(../images/ico1/3-2.png) no-repeat 30px ;
}
.autobox #img3{
    background: url(../images/ico1/3-3.png) no-repeat 30px ;
}
.autobox #img4{
    background: url(../images/ico1/3-4.png) no-repeat 30px ;
}
.autobox #img5{
    background: url(../images/ico1/3-5.png) no-repeat 30px ;
}
.autobox #img6{
    background: url(../images/ico1/3-6.png) no-repeat 30px;
}

.autobox #img1:hover{
    background: url(../images/ico2/3-1.png) no-repeat 30px ;
}
.autobox #img2:hover{
    background: url(../images/ico2/3-2.png) no-repeat 30px ;
}
.autobox #img3:hover{
    background: url(../images/ico2/3-3.png) no-repeat 30px ;
}
.autobox #img4:hover{
    background: url(../images/ico2/3-4.png) no-repeat 30px ;
}
.autobox #img5:hover{
    background: url(../images/ico2/3-5.png) no-repeat 30px ;
}
.autobox #img6:hover{
    background: url(../images/ico2/3-6.png) no-repeat 30px;
}
.autobox ul li:hover a{
    color: #1e61a5;
}
.autobox ul li:hover{
    border: 1px solid #1e61a5;
}
.publicitys{
    float: right;
    width: 450px;
    height: 100%;
    background: #f4f4f4;
}


.pablk{
    width: 100%;
    height: 35px;
    line-height: 35px;
   
}
.pablk p{
    margin-left: 10px;
    color: #1e61a5;
    display: inline-block;
    font-size: 18px;
    font-weight: bold;
}
.pablk span{
    width: 50px;
    margin-right: 15px;
    color: #1e61a5;
    float: right;
    background: url(../images/liat-2222.png) no-repeat 2px 12px;
}
.pablk span a{
    color: #1e61a5;
    float: right;
}
.publicitys ul li{
    width: 100%;
    height: 32px;
    line-height: 32px;
}
.publicitys ul li a{
    width: 330px;
    height: 32px;
    display: block;
    padding-left: 10px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    font-size: 16px;
    color: #323232;
    line-height: 32px;
    float: left;
}
.publicitys ul li:hover a{
 color: #1e61a5;
}
.publicitys ul li span{
    height: 32px;
    line-height: 32px;
    float: right;
    color: #969696;
    padding-right: 10px;
}

/* 22222 */
.publicitysbox2{
    float: right;
    width: 500px;
    height: 100%;
    background: #f4f4f4;
}
.publicitysbox2 ul li{
    width: 100%;
    height: 32px;
    line-height: 32px;
}
.publicitysbox2 ul li a{
    width: 330px;
    height: 32px;
    display: block;
    padding-left: 10px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    font-size: 16px;
    color: #323232;
    line-height: 32px;
    float: left;
}
.publicitysbox2 ul li:hover a{
 color: #1e61a5;
}
.publicitysbox2 ul li span{
    height: 32px;
    line-height: 32px;
    float: right;
    color: #969696;
    padding-right: 10px;
}

/* 政务服务 */

.service{
  width: 1200px;
  height: 240px;
  border: 1px solid #CCCCCC;
  overflow: hidden;
}
.serviceleft{
    text-align: center;
    float: left;
    width: 40px;
    height: 100%;
    color: white;
    line-height: 30px;
    font-size: 22px;
    padding-top: 60px;
    /* font-weight: bold; */
    background: #1e61a5;
}
.imglft{
    float: left;
    width: 250px;
    height: 100%;
    margin-left: 20px;
}
.autoimg{
    float: left;
    width: 250px;
    height: 100%;
    margin-left: 20px;
}
.buttoimgs{
    width: 580px;
    float: left;
    height: 100%;
    margin-left: 20px;
}
.legal{
    width: 100%;
    height: 40px;
    font-size: 18px;
    color: #333333;
    text-align: center;
    line-height: 40px;
    border-bottom:2px solid #999999 ;
}
.imglft ul li{
    width: 70px;
    height: 70px;
    display: inline-block;
    margin:22px 5px 0 5px;
}
.imglft ul li p{
    text-align: center;
    margin-top:40px;
}
.imglft ul li:hover{
    /* box-shadow: 1px 2px 5px 2px rgb(16 86 138); */
    box-shadow: 1px 2px 5px 2px #1e61a5;
     -webkit-box-shadow: 1px 2px 5px 2px #1e61a5;
     -moz-box-shadow: 1px 2px 5px 2px #1e61a5;
    border-radius: 10px;
}
.imglft ul li:hover p{
    color: #006eab;
   
}
.imglft ul .img1{background: url(../images/ico1/5-1.png) no-repeat center 5px;}
.imglft ul .img2{background: url(../images/ico1/5-2.png) no-repeat center  5px;}
.imglft ul .img3{background: url(../images/ico1/5-3.png) no-repeat center 5px;}
.imglft ul .img4{background: url(../images/ico1/5-4.png) no-repeat center 5px;}
.imglft ul .img5{background: url(../images/ico1/5-5.png) no-repeat center 5px;}
.imglft ul .img6{background: url(../images/ico1/gduo.png) no-repeat center  5px;}


.imglft ul .img1:hover{background: url(../images/ico2/5-1.png) no-repeat center 5px;}
.imglft ul .img2:hover{background: url(../images/ico2/5-2.png) no-repeat center 5px;}
.imglft ul .img3:hover{background: url(../images/ico2/5-3.png) no-repeat center 5px;}
.imglft ul .img4:hover{background: url(../images/ico2/5-4.png) no-repeat center 5px;}
.imglft ul .img5:hover{background: url(../images/ico2/5-5.png) no-repeat center 5px;}
.imglft ul .img6:hover{background: url(../images/ico2/gduo.png) no-repeat center  5px;}
/* 个人 */
.autoimg ul li{
    width: 70px;
    height: 70px;
    display: inline-block;
    margin:22px 5px 0 5px;
}
.autoimg ul li p{
    text-align: center;
    margin-top:40px;
}
.autoimg ul li:hover{
    box-shadow: 1px 2px 5px 2px #1e61a5;
     -webkit-box-shadow: 1px 2px 5px 2px #1e61a5;
     -moz-box-shadow: 1px 2px 5px 2px #1e61a5;
    border-radius: 10px;
}
.autoimg ul li:hover p{
    color: #006eab;
   
}
.autoimg ul .img1{background: url(../images/ico1/6-1.png) no-repeat center 5px;}
.autoimg ul .img2{background: url(../images/ico1/6-2.png) no-repeat center  5px;}
.autoimg ul .img3{background: url(../images/ico1/6-3.png) no-repeat center  5px;}
.autoimg ul .img4{background: url(../images/ico1/6-4.png) no-repeat center  5px;}
.autoimg ul .img5{background: url(../images/ico1/6-5.png) no-repeat center 5px;}
.autoimg ul .img6{background: url(../images/ico1/gduo.png) no-repeat center  5px;}


.autoimg ul .img1:hover{background: url(../images/ico2/6-1.png) no-repeat center 5px;}
.autoimg ul .img2:hover{background: url(../images/ico2/6-2.png) no-repeat center  5px;}
.autoimg ul .img3:hover{background: url(../images/ico2/6-3.png) no-repeat center 5px;}
.autoimg ul .img4:hover{background: url(../images/ico2/6-4.png) no-repeat center 5px;}
.autoimg ul .img5:hover{background: url(../images/ico2/6-5.png) no-repeat center  5px;}
.autoimg ul .img6:hover{background: url(../images/ico2/gduo.png) no-repeat center  5px;}

/* 便民服务 */
.buttoimgs ul li{
    width: 112px;
    height: 70px;
    display: inline-block;
    margin:22px 0 0 0;
}
.buttoimgs ul li p{
    text-align: center;
    margin-top:40px;
}
/* .buttoimgs ul li:hover{
    box-shadow: 1px 2px 5px 2px rgb(16 86 138);
    border-radius: 10px;
} */
.buttoimgs ul li:hover p{
    color: #006eab;
   
}
.buttoimgs ul .img1{background: url(../images/ico1/7-1.png) no-repeat center 5px;}
.buttoimgs ul .img2{background: url(../images/ico1/7-2.png) no-repeat center  5px;}
.buttoimgs ul .img3{background: url(../images/ico1/7-3.png) no-repeat center  5px;}
.buttoimgs ul .img4{background: url(../images/ico1/7-4.png) no-repeat center  5px;}
.buttoimgs ul .img5{background: url(../images/ico1/7-5.png) no-repeat center 5px;}
.buttoimgs ul .img6{background: url(../images/ico1/7-6.png) no-repeat center  5px;}
.buttoimgs ul .img7{background: url(../images/ico1/7-7.png) no-repeat center  5px;}
.buttoimgs ul .img8{background: url(../images/ico1/7-8.png) no-repeat center 5px;}
.buttoimgs ul .img9{background: url(../images/ico1/7-9.png) no-repeat center  5px;}


.buttoimgs ul .img1:hover{background: url(../images/ico2/7-1.png) no-repeat center 5px;}
.buttoimgs ul .img2:hover{background: url(../images/ico2/7-2.png) no-repeat center  5px;}
.buttoimgs ul .img3:hover{background: url(../images/ico2/7-3.png) no-repeat center 5px;}
.buttoimgs ul .img4:hover{background: url(../images/ico2/7-4.png) no-repeat center 5px;}
.buttoimgs ul .img5:hover{background: url(../images/ico2/7-5.png) no-repeat center  5px;}
.buttoimgs ul .img6:hover{background: url(../images/ico2/7-6.png) no-repeat center  5px;}
.buttoimgs ul .img7:hover{background: url(../images/ico2/7-7.png) no-repeat center 5px;}
.buttoimgs ul .img8:hover{background: url(../images/ico2/7-8.png) no-repeat center  5px;}
.buttoimgs ul .img9:hover{background: url(../images/ico2/7-9.png) no-repeat center  5px;}



#botsbox{
    width: 100%;
    height: 30px;
    line-height: 30px;
    text-align: center;
    bottom: 5px;
}
#botsbox span{
display: inline-block;
   width: 15px;
   margin: 0 auto;
text-align: center;
   vertical-align: middle;

}
#botsbox span img{
   width: 100%;
   height: 100%;
   line-height: 30px;
   margin: 0 auto;
   text-align: center;
    vertical-align: middle;
 }
#botsbox p{
   display: inline-block;
    margin: 0 auto;
    color: #B3B3B3;
    margin-left: 10px;
    text-align: center;
    vertical-align: middle;
}
#botsbox p:hover{
    color: #006eab;
}
.interaction{
    float: left;
    width: 655px;
    height: 100%;
    overflow: hidden;
}
.tionimg{
    width: 350px;
    height: 100%;
    overflow: hidden;
    float: left;
}
.tionimg p{
    width: 100%;
    margin: 17px 20px;
}
.wechat{
    float: left;
    height: 100%;
    width: 300px;
}
.titless{
    float: left;
    width: 100px;
    margin-left: 20px;
}
#booimg{
margin-left:40px;
}
.titless p{
margin:5px auto;
text-align: center;
color: #035495;
font-size: 14px;
font-weight: bold;
}
.scans{
margin:8px auto;
text-align: center;
width: 70px;
height: 22px;
background: #1E61A5;
border-radius: 5px;
color: white;
}
.scans:hover{
    background: red;
}



/* 底部滚动图片 */
/* 轮播图 */
.slideshow{
    width: 1198px;
    height: 180px;
    overflow: hidden;
    background: #f4f4f4;
}
.slideshow-left{
    height: 40px; 
    width:100%px;
    display: block;
}
.slideshow-left span{
    height: 40px;  
    width: 100%;
    color: #1159A3;
    font-size: 20px;
    font-weight: bolder;
    line-height: 40px;
    padding-left: 65px;
    text-align: left;
}
.wrap {
    width: 1035px;
    height: 180px;
    margin: 0  50px;
}
.slide {
    position: relative;
    height: 160px;
    margin-top: 15px;
}

.slide .container {
    position: relative;
    width: 1035px;
    height: 175px;
    margin: 0 auto;
    overflow: hidden;
}
.slideshow .btn {
    position: absolute;
    top: 55px;
    width: 40px;
    height: 40px;
  
}
.slide .btn-prevs {
    left: -75px;
   background: url(../images/icon-slides-2.png) no-repeat center;
   
}
.slide .btn-nexts {
    right: -15px;
    background:url(../images/icon-slides-1.png) no-repeat center;
    /* background-position: -126px -16px; */
}

.slide ul {
    position: absolute;
    left: 0;
    top: 0;
    height: 175px;
    width: 2310px;
}

.slide ul li {
    float: left;
    height: 50px;
    width: 200px;
    margin-right: 20px;
    font-size: 16px;
    line-height: 50px;
    text-align: center;
}



.photo_carousel .btn {
    position: absolute;
    top: 40px;
    width: 40px;
    height: 40px;
  
}

 .photo_carousel {
    position: relative;
	width: 1198px;
	height: 130px;
	overflow: hidden;
	margin: 20px auto;
   background: #f4f4f4;
}
.photo_carousel .wrap{
    width: 1000px;
    height: 130px;
    margin: 5px  75px;
}

.photo_carousel .container{
    position: absolute;
    left: -50px;
    top: 0;
    width: 1000px;
    height: 100px;
    margin: 10px 20px;
    overflow: hidden;
}
#slide02{
    width: 1000px;
    height: 130px;
}
.photo_carousel .slide{
    width: 1000px;
    height: 130px;
}
#slide02 ul{
height: 100px;
}
#slide02 ul li{
    height: 100px;
    width: 350px;
    margin-right: 20px;
    font-size: 16px;
    line-height: 50px;
    text-align: center;
}
#slide02 ul li img{
    height: 100px;
    width: 350px;
}