@charset "utf-8";
/* CSS Document */
/*--简单动态图标---*/
.gknavlist i{-webkit-transition: 400ms; -o-transition: 400ms;    -moz-transition: 400ms;    transition: 400ms; }
.gknavcd2 li:hover i,.banjtj .bd li:hover i,.hdcdl li:hover i{
	webkit-transition: -webkit-transform 0.7s ease-out;
    -moz-transition: -moz-transform 0.7s ease-out;
    transition: transform 0.7s ease-out;
    transform: rotateY(360deg);
    -webkit-transform: rotateY(360deg);
    -moz-transform: rotateY(360deg);
}

.mainCenterOne{ width:100%; margin:0 auto;}
.subStane,.subStaneTow{ background: #fff;padding:10px 12px; box-sizing: border-box;}
.subStaneTow{ background: none;padding:5px 20px;}


/*--新闻部分---*/
.toutiao{ width:100%; position: relative;}
.toutiao .bd{ width:95%;}
.toutiao li{ position: relative;}
.toutiao li h3,.toutiao li p{ width:95%; display: block; margin: 0 auto;}
.toutiao li h3{  font-size: 36px; color:#e60312; text-align: center; font-family: syst; margin-bottom:6px;width: 96%; }
.htbox{ width:100%;}
.toutiao li h3 a{ color:#e60312;}
.toutiao li p{ line-height: 28px; color: #444;margin-top:8px; font-size: 20px;width:87%;}
.htmore{  position: absolute; bottom:0; right:0; color: #787777; font-size:16px;}
.htmore a{color: #787777;}


.toutiao .hd{ height: 4px;margin-top:20px;}
.toutiao .hd li{ float: left; height: 4px; width:33%; margin-right:0.3%; background: #b6dbf7; cursor: pointer;}
.toutiao .hd li.on{ background:#1f8fe6;}

.newBox{ width:100%; margin-top:25px;}
.focuse{ width:100%; position:relative;}
.focuse .hd{ height:45px; width:105px; position:absolute; right:14px; bottom:0; z-index:999;} 
.focuse .hd li{ float:left; width:10px; height:10px; background:#fff; border-radius:20px; -webkit-border-radius:20px; -moz-border-radius:20px;margin:0 4px; cursor:pointer; margin-top:17px;}
.focuse .hd li.on{ background:#ef2a2a; width:25px; height:10px;}
.focuse .bd{ width:100%; position:relative;}
.focuse .bd li{ width:100%;}
.focuse .bd li img{ width:100%; height:auto;}
.focuse .bd li span{ display:block; position:absolute; bottom:0; left:0; height:44px; line-height:44px; background:url(../images/tm-bg1.png) repeat; width:100%; color:#fff;}
.focuse .bd li span p{ width:79%; display:block;  text-indent:15px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}

.xinwen2{width:100%; margin-top:15px;}

.areaCon .hd{ height:40px; background: url(../images/line1.jpg) repeat-x bottom;margin-top:-5px;position: relative;}
.areaCon .hd li{ float:left;  height:40px; line-height:30px;font-size:20px; font-family: syst;width:25%;}
.areaCon .hd li.last{ background:none;}
.areaCon .hd li a{ min-width:100%; line-height:30px; display:block; height:40px; text-align:center; color: #555555;}
.areaCon .hd li.on a,.areaCon .hd li:hover a{background: url(../images/line2.jpg) repeat-x bottom; color:#166fd4; }
.newMore{position: absolute; bottom:10px; right:0px;}
.newMore a{ color: #999; font-size: 16px;}
.newMore a:hover{ color:#166fd4;}

.areaCon .bd,.inner_ipad .bd{margin-top:10px;}

.areaCon .bd li{ line-height:32px;}
.areaCon .bd li a{ width:82%;;}
.areaCon .bd li:hover s,.inner_ipad .bd li:hover s{ background:#0e87e4;transition: 400ms; height:14px;margin-top:7px; }

.repostInfo{ width:100%;margin-top:3%;}

.areaCon2 .hd li{width: 20%;}
.areaCon2 .bd{margin-top:5px;}
.areaCon2 .bd li{ padding-bottom:0px; background: url(../images/arrow1.jpg) no-repeat left !important;}

/*---政务公开----*/
.mainCenterTow{  padding:5px 0; background:url(../images/lmkuaibg.jpg) repeat-y center;}

.lmbgTit{width:100%; height: 36px; overflow: hidden;zoom:1;}
.lmbgTit span,.lmbgTit h3{ display: block; float: left;}
.lmbgTit span{ width:40%; height: 36px;}
.btlineleft{ background: url(../images/sybgtit-left-line.png) no-repeat right;}
.btlineright{ background: url(../images/sybgtit-right-line.png) no-repeat left;}

.lmbgTit h3{width:20%; text-align: center; vertical-align: middle; font-family: syst; font-size: 22px; color:#0c5abe}
.lmbgTit h3 a{ color: #0c5abe;}
.lmbgTit h3 i{font-size: 28px; margin-right:10px;color: #0c5abe;}

.gkmk .lmbgTit h3{width:20%;height: 36px;padding:0 2%;}
.gkmk .lmbgTit h3 img{ width:100%; }
.gkmk .lmbgTit span{ width:38% !important;}
	

.publicBox{ width:100%; margin-top:10px;}
.publeft{ width:100%;}
.gkbtOne{ width:100%; line-height: 30px; }
.gkbtOne h3{ font-size: 24px; color: #055cc5; font-family: syst; font-weight: bold;}
.gklmOne{ width:100%; margin-top:10px;}
.gklmOne li{ width:31.3%; border-radius: 5px; -webkit-border-radius:5px; -moz-border-radius:5px; background: url(../images/sygk-bg1.jpg) no-repeat center;padding:1.5%; box-sizing: border-box;  overflow: hidden;zoom:1; margin: 0 1%;margin-bottom:15px; background-size: cover;}
.gklmOne li i,.gklmOne li span{ display: block;float: left;}
.gklmOne li i{ width:45px; height:45px; line-height: 45px; margin-left:10%; background: #fff; border-radius: 100%; text-align: center; font-size: 24px;}
.gklmOne li span{ margin-left:6%;line-height: 45px;}
.gklmOne li.gk1 i{ color: #358bfd;}
.gklmOne li.gk2 i{ color: #31d3d1;}
.gklmOne li.gk3 i{ color: #4e6df3;}
.gklmOne li.gk4 i{ color: #31d3d1;}
.gklmOne li.gk5 i{ color: #358bfd; font-size: 40px;}
.gklmOne li.gk6 i{ color: #4e6df3;font-size: 30px;}


.zcwjk{width: 100%;padding:15px 16px; box-sizing: border-box;background:url(../images/gksearchbg.jpg) no-repeat top #f3f7fc; background-size: cover; 
	border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px;}
.zcwjk .tit{ width:100%;  font-size: 20px;color: #a5a8ab; height: 32px; line-height: 32px; vertical-align:middle;}
.zcwjk .tit a{ color: #777; margin: 0 15px; position: relative;}
.zcwjk .tit img{margin-top:0px;}
.zcwjk .tit a.on{ font-family: syst;font-size: 20px;}

.zcwjk .tit a.on,.zcwjk .tit a:hover{ color: #2c7eda; }
.zcwjss{margin-top:12px; border: 2px solid #d1e3fb; background:rgba(255,255,255,0.8); border-radius:30px; -webkit-border-radius:30px; -moz-border-radius:30px; height: 50px;width:85%;}
.zcwjss input{ display:block;}
.zcwjss input.search-input{ text-indent: 15px;}
.zcwjss input.btn{ width:36px; height: 36px; background: url(../images/hzcwjbtn1.png) no-repeat; font-size: 0; line-height: 0; text-indent:-99; margin:6px 10px 0 0;}

.pubright{ width:100%;margin-top:10px;}

.gkinfo{ width:100%;}
.gkinfo .hd{  height: 45px; background:url(../images/line3.jpg) repeat-x bottom; position: relative;} 

 span.more{ display: block; position: absolute; bottom:10px; right:5px; line-height: 40px; color: #999; font-size: 16px;}
 span.more a{ color: #999;}

.gkinfo .hd ul{ width:100%;}
.gkinfo .hd ul li{ height: 45px; line-height: 35px; padding:0 8px; margin-right:4%; font-family: syst; font-size:20px; color: #696969; float: left;}
.gkinfo .hd ul li a{ color: #666;}
.gkinfo .hd ul li.on,.gkinfo .hd ul li:hover{background: url(../images/line4.jpg) no-repeat center bottom;}
.gkinfo .hd ul li.on a,.gkinfo .hd ul li:hover a{ color:#166fd4; }
.gkinfo .hd ul li:last-child{margin-right: 0;}

.gkinfo .bd{margin-top:10px; }
.zglmTow{width:100%; margin-top:10px; overflow:hidden;}
.zglmTow .bd li{width:100%;}

.zdly{ width:100%; overflow: hidden;}
.zdly a{ width:32.3%;  float: left; border-radius:5px; -moz-border-radius:5px; -moz-border-radius:5px;margin-right:1%;}
.zdly a img{border-radius:5px; -moz-border-radius:5px; -moz-border-radius:5px; width:100%;}

.zglmTow .hd{ display:flex; margin: 0 auto;margin-top:16px;width:80px;}
.zglmTow .hd li{ width: 12px; height: 12px; float: left; background: #65b2ee; cursor: pointer;margin:0 7px; border-radius:30px; -moz-border-radius:30px; -moz-border-radius:30px; font-size: 0; line-height: 0; text-indent: -9;}
.zglmTow .hd li.on{ background:#146fe6;}

.gklmTow{margin-top:1%;}
.gklmTow li{ width:19%;border-radius: 5px;padding:8px 0; overflow: hidden;zoom:1; background:url(../images/sygklmbg1.jpg) no-repeat center top; background-size:cover;margin-right:1%;}
.gklmTow li:last-child{margin-right:0;}
.gklmTow li i,.gklmTow li span{ display: block; margin: 0 auto; text-align: center;}
.gklmTow li i{ display: block;width:40px; height: 40px; margin: 0 auto; line-height:40px; font-size: 26px; color: #73befc;}
.gklmTow li span{ font-weight: bold; color: #0052b6;margin-top:5px;}


 /*----服务---*/
.fuwutit{margin-bottom:15px;}
.fuwuleft{width:100%;}
.fwsxBox{ width:100%; background:url(../images/syfuw-bg.jpg) repeat-x top;padding-top:10px;}
.fwsxBox .hd{ width:60%;margin:0 auto;}

.fwsxBox .hd li{  font-family: syst; font-size:22px; color: #696969;margin: 0 10px; padding:0 3%; cursor: pointer; float: left;}
.fwsxBox .hd li h3{font-size:22px; line-height: 36px;height: 48px; text-align: center}
.fwsxBox .hd li.on{ background: #fff; border-top-left-radius: 8px; border-top-right-radius: 8px; }
.fwsxBox .hd li.on h3{ color: #126fd6; background:url(../images/syfuw-titbg.png) no-repeat bottom center;}
.fwsxBox .bd{margin-top:10px;}
.xzfuwBox{ width:100%; }
.fwColumn{width:49%; background:#f3f7fc; -webkit-box-shadow: 0 0 5px #d8e4f5;-moz-box-shadow: 0 0 5px #d8e4f5;	box-shadow: 0 0 5px #d8e4f5;}
.fwColumn .title{ width:100%; height: 75px; border-top-left-radius: 5px; border-top-right-radius: 5px; overflow: hidden; text-align: center; padding-top:20px; box-sizing: border-box;}
.fwColumn .geren{ background: url(../images/syfuw-titbg2.jpg) no-repeat top; background-size: cover;}
.fwColumn .faren{ background: url(../images/syfuw-titbg3.jpg) no-repeat top; background-size: cover;}

.matter{ width:90%; padding:3% 5%;}
.matter ul{ justify-content: flex-start;}
.matter li{ width:30.3%; padding-left:3%; background:url(../images/arrow5.png) no-repeat left;  line-height: 36px;margin-bottom:10px; overflow:hidden; text-overflow: ellipsis;white-space: nowrap;  }
.more2{ margin-left:79%; width:85px; height: 30px; line-height: 30px; background: #e3f5ff; color: #6f6f6f; font-size: 16px; text-align: center; cursor: pointer;}
.more2 a{ color: #6f6f6f;}
.more2:hover{ background:#1568e5; color: #fff; }
.more2:hover a{ color: #fff;}

.fuwBoxTow{width:100%; margin-top:15px;background:url(../images/syfw-bg.jpg) repeat-x;padding-top:5px;}

.wsfwBox{ width:100%;}
.wsfwBox li{ width:30.3%;margin-bottom:20px; text-align: center;padding:2% 0; box-sizing: border-box; float: left; margin:0 1.5% 2% 1.5%; border-radius: 5px;}
.wsfwBox li i,.wsfwBox li span{ display: block; margin: 0 auto;}
.wsfwBox li i{ width:66px; height: 66px;}
.wsfwBox li span{ text-align: center; line-height: 40px; overflow: hidden; text-overflow: ellipsis;white-space: nowrap;padding:0 2%; }
.wsfwBox li.fuw1{ background: url(../images/syfw-lmbg1.jpg) no-repeat;}
.wsfwBox li.fuw2{ background: url(../images/syfw-lmbg2.jpg) no-repeat;}
.wsfwBox li.fuw3{ background: url(../images/syfw-lmbg3.jpg) no-repeat;}
.wsfwBox li.fuw4{ background: url(../images/syfw-lmbg4.jpg) no-repeat;}
.wsfwBox li.fuw5{ background: url(../images/syfw-lmbg5.jpg) no-repeat;}
.wsfwBox li.fuw6{ background: url(../images/syfw-lmbg6.jpg) no-repeat;}
.wsfwBox li.fuw4,.wsfwBox li.fuw5,.wsfwBox li.fuw6{margin-bottom:0;}

.wsfwBox li.fuw1 i{ background: url(../images/syfw-pic1.png) no-repeat;}
.wsfwBox li.fuw2 i{ background: url(../images/syfw-pic2.png) no-repeat;}
.wsfwBox li.fuw3 i{ background: url(../images/syfw-pic3.png) no-repeat;}
.wsfwBox li.fuw4 i{ background: url(../images/syfw-pic4.png) no-repeat;}
.wsfwBox li.fuw5 i{ background: url(../images/syfw-pic5.png) no-repeat;}
.wsfwBox li.fuw6 i{ background: url(../images/syfw-pic6.png) no-repeat;}

.fuwurught{ width:49%;}
.eventhiBox{width:49%;}
.chaxun{width:100%;padding:5px 0 2% 3%; overflow: hidden; background: url(../images/syfw-tit1.png) no-repeat 5% 20px; box-sizing: border-box;}
.chaxun .bd{width: auto; padding-left:40%;}
.chaxun .bd li{ display:inline-block;min-width:110px;margin-bottom: 14px; padding:0 3%; height: 37px; line-height: 37px; border-radius:5px; -moz-border-radius:5px; -moz-border-radius:5px; text-align: center;}

.chaxun .bd ul{ height: 200px;margin-top:25px;}
li.cx1{ background: #ddf1fd; color: #257ad9;}
li.cx1 a{color: #257ad9;}

li.cx2{ background: #ddeafd; color: #257ad9;margin-left:13%;}
li.cx2 a{color: #3a78d6;}

li.cx3{ background: #e2fdfb; color: #257ad9;}
li.cx3 a{color: #29c4b5;}

li.cx4{ background: #ddf1fd; color: #257ad9;margin-left:13%;}
li.cx4 a{color: #257ad9;}

.workBox{  width:49%;padding-top:2%;}
.workBox .tit{ width:100%; height: 35px; font-size: 0; line-height: 0; text-indent: 0; background: url(../images/sycx-tit.png) no-repeat;}

.workkuang{ width:100%;margin-top:10px;}
.workkuang input{ display: block; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px;}
.workkuang input.from-control{ border:1px solid #cae2f0; text-indent: 15px; background: #fff; width:96%; height:36px; line-height:36px;}

.workkuang input.btn-default{width:30%;margin-top:10px; height: 38px; line-height: 38px; text-align: center;color: #fff;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fcb93c), color-stop(100%,#fca737));
background: -webkit-linear-gradient(left,#fcb93c,#fca737);
background: -o-linear-gradient(left,#fcb93c,#fca737);
background: -moz-linear-gradient(left,#fcb93c,#fca737);
background: -mos-linear-gradient(left,#fcb93c,#fca737);
background: -ms-linear-gradient(left,  #fcb93c  0%,#fca737 100%);
background: linear-gradient(left,#fcb93c,#fca737);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcb93c', endColorstr='#fca737',GradientType=1 );border-radius:5px;}


/*---政民互动---*/

.hdlmBox{ width:100%; margin-top:10px;}
.hdlmBox li{ width:24%;margin-right:1.3%; overflow: hidden;zoom:1; text-align: center;padding:17px 0;border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; float: left; box-sizing: border-box; }
.hdlmBox li:last-child{margin-right:0;}
.hdlmBox li i,.hdlmBox li span{ display:block; margin: 0 auto;}
.hdlmBox li i{ width:50px; height: 50px; border-radius:100%; background: #fff; font-size:30px; line-height: 50px;text-align: center; }
.hdlmBox li span{ line-height:30px;margin-top:5px; }
li.hdlm1{ background: url(../images/syhdbg1.jpg) no-repeat; background-size: cover;}
li.hdlm2{ background: url(../images/syhdbg2.jpg) no-repeat;background-size: cover;}
li.hdlm3{ background: url(../images/syhdbg3.jpg) no-repeat;background-size: cover;}
li.hdlm4{ background: url(../images/syhdbg4.jpg) no-repeat;background-size: cover;}

li.hdlm1 i{color:#358bfd; }
li.hdlm2 i{color:#11bfbd; }
li.hdlm3 i{color:#358bfd; }
li.hdlm4 i{color:#11bfbd;}

.hudBoxcent{width:100%;margin-top:15px;}
.zhengjiBox{ width:100%;}

.zhengjiBox .hd,.xinjian .hd{ width: 100%; position: relative;}
.zhengjiBox .hd li,.xinjian .hd li{width:105px; float: left; font-size: 20px; height: 30px; line-height: 30px; font-family: syst; color: #787a7c;margin-right:2%;}
.zhengjiBox .hd li:first-child,.xinjian .hd li:first-child{ border-right:1px solid #2c7eda;}
.zhengjiBox .hd li a,.xinjian .hd li a{color: #787a7c;}
.zhengjiBox .hd li.on a,.zhengjiBox hd li:hover a,.xinjian .hd li.on a,.xinjian hd li:hover a{ color:#0273dc;}
.zhengjiBox .hd span,.xinjian .hd span{ bottom:-10px;}

.zhengjiBox .bd{margin-top:20px;}

.minyiBox li{ background: none; padding-left:0; line-height: 30px;margin-bottom:15px;}
.minyiBox li:hover{ background: none;}
.minyiBox li em{ display: block;width:12%; text-align: center; float: left; background: #dcf6fe; border-radius:5px; -webkit-border-radius:5px;-moz-border-radius:5px; height: 30px; line-height: 30px; color: #1faad9; font-style: normal;}
.minyiBox li a{margin-left:15px; width:67%;}


.minyiBox li.first .jxztit{ float: left; width:12%; background:#fff;border-radius:5px; -webkit-border-radius:5px;-moz-border-radius:5px; border: 1px solid #2c7eda;}
.minyiBox li.first .jxztit span img{ width:100%;}
.minyiBox li.first .jxztit span,.minyiBox li.first .jxztit em{ display: block; text-align: center;}
.minyiBox li.first .jxztit span{ width: 100%;}
.minyiBox li.first .jxztit em{ width:100%; height:30px;line-height: 30px; background: #2c7eda;  color: #fff;padding:0; border-top-left-radius: 0; border-top-right-radius: 0;}
.minyiBox li.first .jxCent{ width:80%; float: left;margin-left:17px;}
.minyiBox li.first .jxCent span{width:100%; text-align: left; background: url(../images/syicon1.png) no-repeat left; padding-left:38px; color: #7d7d7d; box-sizing: border-box;}
.minyiBox li.first a{width:100%;height:70px; line-height: 35px;margin-left:0; 
	overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2; 
 overflow:hidden;
 /* autoprefixer: ignore next */
 -webkit-box-orient: vertical;
	white-space:inherit;
}

.xinjian{width:100%;margin-top:15px;}
.xinjian .bd{ margin-top:10px;}
.xinjian .bd .tit {width: 100%;padding:0 10px; box-sizing: border-box;
    height: 40px; line-height: 40px;
    background: #d2ecfd;
    overflow: hidden;
    zoom: 1;
    margin-bottom: 4px;
    margin-top: 4px;
}
.xinjian .bd .tit .bt{ width:60%;}
.xinjian .bd li{ background: url(../images/arrow3.png) no-repeat left; line-height: 40px;}
.xjlist li{line-height:39px; }
.xinjian .bd li:hover{ background: url(../images/arrow4.png) no-repeat left;}
.xjlist li a{ width:53%;}
.xjlist li span.ztai{ margin-left:35px; float: left; font-size: 16px;}

.pubright .more,.hudBoxcent .more{ background: #fff;}

/*---专题专栏---*/
.sySpecial{margin-top:10px; position: relative;}
.sySpecial .hd{ width:80px; margin: 0 auto;margin-top:20px;}
.sySpecial .hd li{ float: left;width:12px; height: 12px; margin:0 7px; border-radius: 100px; -webkit-border-radius:100px;-moz-border-radius:100px; background: #cbcccc; cursor: pointer; font-size: 0; line-height: 0;}
.sySpecial .hd li.on{ background:#146fe6; }
.sySpecial .bd{ overflow: hidden;margin-top:10px;box-sizing: border-box; width: auto;}
.sySpecial .bd li{ width:100%; }

.specialList{ width: 100%;}
.specialList a{ display:block;float:left;width:32%;margin-right:1.3%;}
.specialList a ,.specialList a img{border-radius: 5px;-webkit-border-radius: 5px;-moz-border-radius: 5px;}
.specialList a:last-child{margin-right:0;}
.specialList a img{ width:100%;}


.pageFooter{padding-top:0;}
.friendlink{padding-top:12px;}


@media (max-width:998px){
	.focuse{ width:100%;}
	.xinwen2{width:100%; margin-top:15px;}	
	.areaCon .hd li,.gkinfo .hd li{font-size: 20px !important;}
	.areaCon .bd li{ line-height: 38px;}
	.gklmOne li i,.gklmOne li span{ display: block;float:inherit; margin: 0 auto; marign-left:0;}
	.gklmOne li i{ width:55px; height:55px; line-height: 55px;}
	.gklmOne li span{ text-align: center; width:100%;}
	.zhengjiBox .hd li,.xinjian .hd li{ font-size: 19px;}
	.fwsxBox .hd{ width: 38%;}
	.fwsxBox .hd li{ padding:0 2%;}
	
	

	
}

