@charset "gb2312";

html, body {
        /*position: relative;*/
        height: 100%;
    }
body {

        background-image: url(index_bg04.jpg);
        background-position: top center;
        background-attachment: fixed;
        background-repeat: no-repeat;
        font-family: "microsoft yahei";
        font-size: 12px;
		font-family:"微软雅黑";
    }
.hengfu{margin:0 auto;width:1000px;height:123px;}*/
.hengfu_dibu{ margin:0 -auto; width:1110px;height:55px;}
.warp{ position: relative; height: auto; overflow:auto;}


.yanhua{width:1600px;position:absolute;left:0;top:0;height:123px;overflow:hidden;}
#canvas{cursor:crosshair;display:block;color:WHITE;position:absolute;left:0;top:0;}


/*中部*/
.main{ width: 1000px; height: 500px; margin: 0px auto; position: relative;}
.main_body{ width: 100%;/* overflow: hidden;*/}
.map_main{ width:1170px; height:710px; margin:0 auto;}
/*导航*/
.sub_nav{ width: 108px; height: 470px; padding-top: 30px; float: left; background: url(index_subnav_bg.png) repeat;  font-size: 16px;}
.sub_nav li{ position: relative;}
.sub_nav .nav_item{width: 100%;height: 45px; overflow: hidden;}
.sub_nav .nav_item a{ position: absolute; display: block; color: #fff; text-align: center; bottom: 75px; width: 100%; height: 100%; text-decoration: none; }
.sub_nav .nav_item b{ width: 62px; height: 62px; margin: 0px auto; margin-top: 13px; display: block;}
.sub_nav .nav_item span{ display: block; margin-top: 15px;}
.nav_icon1{ background: url(nav_icon1.png) 0 0 no-repeat;}
.nav_icon2{ background: url(nav_icon2.png) 0 0 no-repeat;}
.nav_icon3{ background: url(nav_icon3.png) 0 0 no-repeat;}
.nav_icon4{ background: url(nav_icon4.png) 0 0 no-repeat;}
.nav_icon5{ background: url(nav_icon5.png) 0 0 no-repeat;}
.nav_icon6{ background: url(nav_icon6.png) 0 0 no-repeat;}
.nav_icon7{ background: url(nav_icon7.png) 0 0 no-repeat;}
.nav_icon8{ background: url(nav_icon8.png) 0 0 no-repeat;}
.sub_nav .nav_item_active{background-image: url(index_subnav_hoverbg.png); height: 120px;}
.sub_nav .nav_item_active a{ bottom: 0px;}
/*内容*/
.con_box{ width: 890px; height: 500px; float: right; position: relative; overflow: hidden;}
/*.CAentrance{ width:44px; height:274px; position:absolute; background:url(CAentrance.png) no-repeat; right:-50px; top:140px; top:0;}*/
.CAentrance{ width:132px; right:-110px; /*top:35px;*/ top:0; position:absolute;}
.CAentrance a{ display:block; margin-bottom:3px;}
.entrance1{ width:100%; height:51px; background:url(entrance1.png) no-repeat left center;}
.entrance2{ width:100%; height:51px; background:url(entrance2.png) no-repeat left center;}
.entrance3{ width:100%; height:51px; background:url(entrance3.png) no-repeat left center;}
.entrance4{ width:100%; height:51px; background:url(entrance4.png) no-repeat left center;}
.returnHome{ position:absolute;top:170px; right:-80px; display:block;}


.pro_con{ width: 100%; height: 3000px; position: absolute; top: 0px; left: 0px;
        
        background: url(index_main_conbg.png) repeat;
    }
.pro_con_trs{
transition: top .5s ease-in-out;
        -webkit-transition: top .5s ease-in-out;
        -moz-transition: top .5s ease-in-out;
        -o-transition: top .5s ease-in-out;
        -ms-transition: top .5s ease-in-out;	
}
.pro_con_ser{ width: 100%; height: 6000px; position: absolute; top: 0px; left: 0px;
        
        background: url(index_main_conbg.png) repeat;
    }
.pro_conFw{width: 100%; height: 500px; position: absolute; top: 0px; left: 0px;
        
        background: url(index_main_conbg.png) repeat;

}
.chanl_item{ width: 830px; height: 440px; /*padding: 30px;*/ padding:40px 30px 20px; overflow: auto;}
.chanl_itemFw{ width:860px; height:485px; margin:0 auto; padding-bottom:15px; overflow:auto; background:url(lm_b_03.png) left repeat-y;}
/*新闻频道 s*/
.gsnew{ 
	padding-left:25px; 
	height:22px; line-height:22px; 
	margin-bottom:8px; 
	background:url(laba.png) no-repeat left center; 
	position:absolute; left:30px; top:10px;
	z-index:9;
}
.gsnewTitle a{ color:#3792cc; font-size:16px;}
.gsnewTitle a:hover{ color:#F00;}
/* 滚动信息样式 */
.list_top{ width:670px;height:22px; overflow:hidden; float:left; }
.list_top .Empty{ width:40px; height:22px; float:left;}
.hot{ width:670px;height:22px;}
.hot ul{ width:670px; height:22px; overflow:hidden; margin:0;padding:0;}
.hot ul li{ height:22px; float:left;line-height:22px; padding:0px 10px; }
.hot ul li a{ font-size:12px;}



.newsChanlL{ width:400px; height:440px;}
.newsChanlL .newsSlide{ height:246px; margin-top:10px; margin-bottom:20px;}
.comList h2{ font-weight:normal; height:35px; line-height:35px; border-bottom:1px solid #bfbfbf; position:relative;}
.comList h2 p{ float:left; padding:0 10px; height:35px;   text-align:center; font-size:14px;}
.moreBox{ margin-right:8px;}
.comList h2 .tab_on{ color:#0a8be0; border-bottom:2px solid #0a8be0; position:relative; bottom:1px;  z-index:2; }
.comList h2 .tab_on2{ color:#c2084a; border-bottom:2px solid #c2084a; position:relative; bottom:1px;  z-index:2; }
.comList li{ height:30px; line-height:30px; padding:0 5px 0 10px;}


.comList2 h2,.spjg_xyl{ font-weight:normal; height:29px; line-height:29px; border-bottom:1px solid #bfbfbf; position:relative;}
.spjg_xyl{margin-bottom:5px}
.comList2 h2 p{ float:left; height:29px; padding:0 10px;   text-align:center; font-size:14px;}
.spjg_xyl p{ float:left; height:29px; padding:0 10px;   text-align:center; font-size:16px;}
.moreBox{ margin-right:8px;}
.comList2 h2 .tab_on{ color:#976de3; border-bottom:2px solid #976de3; position:relative; bottom:1px;  z-index:2; }
.spjg_xyl .tab_on2{ color:#61afec; border-bottom:2px solid #61afec; position:relative; bottom:1px;  z-index:2; cursor:pointer}
.comList2 h2 .tab_on2{ color:#976de3; border-bottom:2px solid #976de3; position:relative; bottom:1px;  z-index:2; }
.comList2 h2 .tab_on3{ color:#c2084a; border-bottom:2px solid #c2084a; position:relative; bottom:1px;  z-index:2; }
.comList2 h2 .tab_on4{ color:#3dc784; border-bottom:2px solid #3dc784; position:relative; bottom:1px;  z-index:2; }
.comList2 h2 .tab_on5{ color:#00d2ee; border-bottom:2px solid #00d2ee; position:relative; bottom:1px;  z-index:2; }
.comList2 li{ height:30px; line-height:30px; padding:0 5px 0 10px;}

/***************/
.ggfw_xyl{width: 100%;height: 15px;padding-top: 10px;line-height: 20px;margin-bottom: 10px;position: relative;font-weight: normal;}
.ggfw_xyl .ServerTitle2{position: absolute; height: 20px;left: 0;top: 0;font-size: 16px;color: #61afec;}
.ggfw_xyl .ServerTitle2 a{color: #61afec;}
.ggfw_xyl hr{margin-left:60px;height: 1px;width: 384px;float: right;color: #bfbfbf; border: none;border-bottom: 1px solid #bfbfbf;}
.zhu_y hr{ float:left; margin-left:70px;}

.ggfw_jypx ul li{padding:0px; float:left; height:80px; width:116px}
.ggfw_tsfw_li:hover .ggfw_tsfw_img{display:none; cursor:pointer}
.ggfw_tsfw_li:hover .ggfw_tsfw_xyl,.ggfw_tsfw_li:hover .ggfw_shbz_xyl{display:block; cursor:pointer}
.ggfw_tsfw_li:hover .ggfw_tsfw_xyl,.ggfw_tsfw_li:hover .ggfw_pxjy_xyl{display:block; cursor:pointer}
.ggfw_tsfw_li:hover .ggfw_tsfw_xyl,.ggfw_tsfw_li:hover .ggfw_ldjy_xyl{display:block; cursor:pointer}
.ggfw_tsfw_li:hover .ggfw_tsfw_xyl,.ggfw_tsfw_li:hover .ggfw_ylws_xyl{display:block; cursor:pointer}
.ggfw_tsfw_li:hover .ggfw_tsfw_xyl,.ggfw_tsfw_li:hover .ggfw_zsyz_xyl{display:block; cursor:pointer}
.ggfw_tsfw_xyl{display:none; width:116px; height:80px; background:#58cba6}
.ggfw_shbz_xyl{display:none; width:116px; height:80px; background:#5a7cbe}
.ggfw_pxjy_xyl{display:none; width:116px; height:80px; background:#f8c560}
.ggfw_ldjy_xyl{display:none; width:116px; height:80px; background:#34bcd0}
.ggfw_ylws_xyl{display:none; width:116px; height:80px; background:#baa0dc}
.ggfw_zsyz_xyl{display:none; width:116px; height:80px; background:#52bcee}
.ggfw_tsfw_xyl_img{ height:30px; line-height:30px; padding-left:35px; background:url(showLi11.png) no-repeat 10px 2px; color:#fff; font-size:14px;}
.ggfw_shbz_xyl_img{ height:30px; line-height:30px; padding-left:40px; background:url(showLi4.png) no-repeat 10px 2px; color:#fff; font-size:14px;}
.ggfw_pxjy_xyl_img{ height:30px; line-height:30px; padding-left:40px; background:url(showLi1.png) no-repeat 10px 2px; color:#fff; font-size:14px;}
.ggfw_ldjy_xyl_img{ height:30px; line-height:30px; padding-left:40px; background:url(showLi2.png) no-repeat 10px 2px; color:#fff; font-size:14px;}
.ggfw_ylws_xyl_img{ height:30px; line-height:30px; padding-left:40px; background:url(showLi3.png) no-repeat 10px 2px; color:#fff; font-size:14px;}
.ggfw_zsyz_xyl_img{ height:30px; line-height:30px; padding-left:40px; background:url(showLi10.png) no-repeat 10px 2px; color:#fff; font-size:14px;}
.ggfw_tsfw_xyl_title span{float:left; width:auto; display:block; line-height:20px; padding:0px 4px}
.ggfw_tsfw_xyl_title a{color:#fff}
.ggfw_tsfw_xyl_title a:hover{color:#f00}




.newsChanlR{ width:405px;}
.importantNews{ height:110px; margin-bottom:7px;}
.importantNews b{ display:block; height:35px; line-height:35px; font-size:18px; color:#e51919; text-align:center;}
.importantNews b a{color:#e51919;}
.importantNews p{ height:25px; line-height:25px;}
.importantNews p a{ color:#e51919;}

.newsTab{ height:260px; margin-bottom:10px; overflow:hidden;}
.newsZt li{ float:left; width:130px; height:46px; overflow:hidden;}
.newsZt li+li{ margin-left:7px;}

.scroll_horizontal{position:relative;width:405px;height:46px;}
.scroll_horizontal .box{overflow:hidden;position:relative;width:405px;height:46px;margin:0 auto;}
.scroll_horizontal .list{overflow:hidden;width:9999px;}
.scroll_horizontal .list li{float:left;width:130px; padding-right:7px;}


/*新闻频道 e*/
/* 信息公开 s */
.chanlInfL{ width:190px; height:360px; background:#FFF; float:left;}
.chanlInfL h2{ height:40px; line-height:40px; text-align:center; color:#FFF; font-size:14px; clear:both; background:#cc9933; margin-bottom:5px; }
.chanlInfL li{ width:50%; height:33px; line-height:33px; float:left; text-align:center; font-size:14px;}
.chanlInfR{ width:620px; height:auto;}
.chanlInfR_T{ width:100%; height:360px; overflow:hidden; margin-bottom:30px;}

.filesTab{ width:402px; height:100%;}
.picWrap{ width:199px; height:100%;}
.leadership{ margin-bottom:15px;}
.INFwrap {}
.INFwrap li{ width:100%; height:89px;}
.INFwrap li+li{  margin-top:10px;}
.INFwrap li .a1{  width:95px; }
.INFwrap li .a2{  width:199px; }
.INFwrap li a{ position:relative; display:block; height:89px;overflow:hidden;}
.INFwrap li a img{position:relative; top:0px;
    transition: top .2s ease-in-out;
    -webkit-transition: top .2s ease-in-out;
    -moz-transition: top .2s ease-in-out;
    -o-transition: top .2s ease-in-out;
    -ms-transition: top .2s ease-in-out;
	}
.INFwrap li a img:hover{ top:-89px;}
.chanlInfR_B{ width:100%; height:50px;}
.chanlInfR_B_1031{ width:100%; height:50px; clear:both}

/* 信息公开 s */

/* 互动交流 s */
.chanlCommunicationT{ height:91px; width:100%; margin-bottom:13px;}
.CommunicationBox1{ /*width:172px;*/ /*width:130px;*/ width:171px; height:91px; margin-right:3px;}
.CommunicationBox1 a{ display:block;  width:100%; height:44px; line-height:44px; /*text-indent:80px;*/  text-indent:55px; font-size:14px; color:#000;}
.CommunicationBox1 a+a{ margin-top:3px;}
.sjmail{ background:#eae4f6 url(CommunicationBg1.png) no-repeat 15px 0;}
.qzmail{ background:#eae4f6 url(CommunicationBg1.png) no-repeat 15px -45px;}
.wsxf{ background:#eae4f6 url(CommunicationBg1.png) no-repeat 15px -90px;}
.wyjb{ background:#eae4f6 url(CommunicationBg1.png) no-repeat 15px -135px;}
/*.wlwz{ background:#eae4f6 url(CommunicationBg1.png) no-repeat 64px -175px;}*/
/*.wlwz{ background:#eae4f6 url(wlwz.png) no-repeat 15px center;}
.wsxf{background:#eae4f6 url(wsxf.png) no-repeat 15px center;}*/
.wlwz{ background:#eae4f6 url(wlwz.png) no-repeat 15px center;}
.wsxf1{background:#eae4f6 url(wsxf.png) no-repeat 15px center;}
.pk12345{ background:#eae4f6 url(CommunicationBg1.png) no-repeat 43px -265px;}
/*.zxft{ background:#eae4f6 url(CommunicationBg1.png) no-repeat 60px -355px;}*/

.CommunicationBox2{ /*width:478px;*/ /*width:247px;*/ width:163px; height:91px;}
/*.CommunicationBox2 a{ display:block; width:163px; height:40px; line-height:30px; padding-top:51px; text-align:center; font-size:14px; float:left;}
.CommunicationBox2 a+a{ margin-left:3px;}*/
.CommunicationBox2 a{ display:block;  width:100%; height:44px; line-height:44px; /*text-indent:80px;*/  text-indent:55px; font-size:14px; color:#000;}
.CommunicationBox2 a+a{ margin-top:3px;}

.chanlCommunicationB{ width:100%; /*height:336px;*/ height:100%;}
.CommunicationB_L{ width:520px; height:100%;}
#mailTab{ width:520px;}
#spjgTab{width:452px}}
.mailCon{ width:100%; padding-top:5px; height:160px; overflow:hidden; margin-bottom:5px;}

.CommunicationList{}
.CommunicationList a{ display:block; float:left; width:95px; height:106px; }
.CommunicationList a+a{ margin-left:10px;}

.CommunicationB_R{ width:293px; overflow:hidden; height:100%;}
.CommunicationB_R .comList2{}
.ftCon{ width:100%; height:232px;}
.ftCon h3{ height:35px; line-height:35px; text-align:center; font-size:14px;}
.ftConT{ width:100%; height:85px; overflow:hidden; margin-bottom:10px;}


.syftImg { width:130px; height:85px; float:left; overflow:hidden;}
.ftTime{ width:150px; height:82px; padding-top:3px; float:right;}
.ftTime p .ftTitle{ color:#9072df;}
.ftTime p{ height:20px; line-height:20px; font-size:14px; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow:hidden;}



.ftText{ width:100%; height:80px; font-size:14px;}
.ftText p,.ftText b{ line-height:25px;}
.ftText p .ftTitle{ color:#9072df;}

/* 互动交流 e */
/* 公众服务 s */
.chanlServerL{ width:452px; height:440px;}
.chanlServerL h2{ width:100%; height:15px; padding-top:10px; line-height:20px;  margin-bottom:10px; position:relative; font-weight:normal; }
.chanlServerL h2 hr{margin-left:100px; height:1px; width:350px; float:right; color:#bfbfbf; border:none; border-bottom:1px solid #bfbfbf;}
.chanlServerL .bmfw hr{margin-left:70px; height:1px; float:right; color:#bfbfbf; border:none; border-bottom:1px solid #bfbfbf;}
.chanlServerL h2  .ServerTitle2{ position:absolute; height:20px; left:0; top:0; font-size:16px; color:#61afec;}
.chanlServerL h2  .ServerTitle2  a{color:#61afec;}

.serverBox1{ width:100%; height:105px;}
.serverBox1 a{ display:block; float:left; width:105px; height:105px; position:relative;}
.serverBox1 a+a{ margin-left:10px;}
.serverBox1_xyl{ width:100%; height:71px;}
.serverBox1_xyl a{ display:block; float:left; width:105px; height:71px; position:relative;}
.serverBox1_xyl a+a{ margin-left:10px;}
.serverBox1 a p{ 
	position:absolute; 
	left:0; bottom:0; 
	width:100%; height:35px; 
	line-height:35px; text-align:center; 
	color:#FFF; 
	font-size:14px; 
	background:#000\9; background:rgba(000,000,000,.5);
}
/*  主题服务旧  */
.serverBox2{ width:100%; height:250px;}
.serverBox2 li{ height:74px;}
.serverBox2 li+li{ margin-top:14px;}
.serverBox2 li a{ display:block; float:left; width:144px; height:30px; line-height:30px; font-size:14px; text-align:center; padding-top:44px;}
.serverBox2 li a+a{ margin-left:10px;}
.serverLi1{ background:#dddddd url(ServerBg.png) no-repeat;}
.serverLi2{ background:#dddddd url(ServerBg.png) no-repeat -144px 0;}
.serverLi3{ background:#dddddd url(ServerBg.png) no-repeat -288px 0;}
.serverLi4{ background:#dddddd url(ServerBg.png) no-repeat 0 -74px;}
.serverLi5{ background:#dddddd url(ServerBg.png) no-repeat -144px -74px;}
.serverLi6{ background:#dddddd url(ServerBg.png) no-repeat -288px -74px;}
.serverLi7{ background:#dddddd url(ServerBg.png) no-repeat 0 -148px;}
.serverLi8{ background:#dddddd url(ServerBg.png) no-repeat -144px -148px;}
.serverLi9{ background:#dddddd url(ServerBg.png) no-repeat -288px -148px;}

.chanlServerR{ width:362px; height:440px;}
.chanlServerR_01{ width:345px; height:250px; margin-top:-429px;}
.SceneService{ display:block; width:100%; height:217px; margin-bottom:15px;}

.specialService{ height:162px; position:relative; padding:10px 3px 0; font-size:14px; color:#FFF; text-align:center;}
.specialService a{ display: table-cell; padding:0 10px; height:100%; color:#FFF;  vertical-align:middle;}
.specialService div{ display:table;}

/*  主题服务改  */
.serverBox2new{ width:100%;  height:250px; }
.serverBox2new li{ width:100%; height:116px;}
.serverBox2new li+li{ margin-top:18px;}
/*.serIndexR li .showLi{ width:166px; height:128px; padding:15px 0 0 15px; color:#FFF;}*/
.serverBox2new li div{ width:132px; height:101px; padding:15px 0 0 10px; color:#FFF; float:left;}
.serverBox2new li div+div{ margin-left:13px;}
.serverBox2new li .showLi h2{ height:25px; line-height:25px; font-weight:normal; font-size:14px; text-indent:35px;}
.serverBox2new li .showLi h2 a{ color:#FFF;}
.serverBox2new li .showList{  color:#FFF; overflow:hidden;}
.serverBox2new li .showList a{ color:#FFF;}
.serverBox2new li .showList li{ margin:0; height:22px; line-height:22px; text-indent:0px; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow:hidden;}
.serverBox2new .showList1 li{ width:100%;}
.serverBox2new .showList2 li{ width:50%; float:left;}
.serverBox2new .showList3 li{ width:33%; float:left;}
.serverBox2new .showLi1{ background:#f8c560;}
.serverBox2new .showLi2{ background:#34bcd0;}
.serverBox2new .showLi3{ background:#baa0dc;}
.serverBox2new .showLi4{ background:#5a7cbe;}
.serverBox2new .showLi5{ background:#52bcee;}
.serverBox2new .showLi6{ background:#58cba6;}


.serverBox2new .showLiImg1{ background:url(showLi1.png) no-repeat left bottom;}
.serverBox2new .showLiImg2{ background:url(showLi2.png) no-repeat left bottom;}
.serverBox2new .showLiImg3{ background:url(showLi3.png) no-repeat left bottom;}
.serverBox2new .showLiImg4{ background:url(showLi4.png) no-repeat left bottom;}
.serverBox2new .showLiImg5{ background:url(showLi5.png) no-repeat left bottom;}
.serverBox2new .showLiImg6{ background:url(showLi6.png) no-repeat left bottom;}
.serverBox2new .showLiImg7{ background:url(showLi7.png) no-repeat left bottom;}
.serverBox2new .showLiImg8{ background:url(showLi8.png) no-repeat left bottom;}
.serverBox2new .showLiImg9{ background:url(showLi9.png) no-repeat left bottom;}
.serverBox2new .showLiImg10{ background:url(showLi10.png) no-repeat left bottom;}
.serverBox2new .showLiImg11{ background:url(showLi11.png) no-repeat left bottom;}


/*********** 特色服务六边形  **************/
.hexagon1 {
	width: 76px;
	height: 46px;
	background: #efc167;
	position: absolute;
	top:30px;
	left:3px;
}
.hexagon1:before {
	content: "";
	position: absolute;
	top: -19px;
	left: 0;
	width: 0;
	height: 0;
	border-left: 38px solid transparent;
	border-right: 38px solid transparent;
	border-bottom: 19px solid #efc167;
}
.hexagon1:after {
	content: "";
	position: absolute;
	bottom: -19px;
	left: 0;
	width: 0;
	height: 0;
	border-left: 38px solid transparent;
	border-right: 38px solid transparent;
	border-top: 19px solid #efc167;
}

.hexagon2 {
	width: 76px;
	height: 46px;
	background: #34bcd0;
	position: absolute;
	top:30px;
	left:100px;
}
.hexagon2:before {
	content: "";
	position: absolute;
	top: -19px;
	left: 0;
	width: 0;
	height: 0;
	border-left: 38px solid transparent;
	border-right: 38px solid transparent;
	border-bottom: 19px solid #34bcd0;
}
.hexagon2:after {
	content: "";
	position: absolute;
	bottom: -19px;
	left: 0;
	width: 0;
	height: 0;
	border-left: 38px solid transparent;
	border-right: 38px solid transparent;
	border-top: 19px solid #34bcd0;
}

.hexagon3 {
	width: 76px;
	height: 46px;
	background: #b99fdc;
	position: absolute;
	top:30px;
	left:193px;
}
.hexagon3:before {
	content: "";
	position: absolute;
	top: -19px;
	left: 0;
	width: 0;
	height: 0;
	border-left: 38px solid transparent;
	border-right: 38px solid transparent;
	border-bottom: 19px solid #b99fdc;
}
.hexagon3:after {
	content: "";
	position: absolute;
	bottom: -19px;
	left: 0;
	width: 0;
	height: 0;
	border-left: 38px solid transparent;
	border-right: 38px solid transparent;
	border-top: 19px solid #b99fdc;
}

.hexagon4 {
	width: 76px;
	height: 46px;
	background: #d85845;
	position: absolute;
	top:30px;
	right:0;
}
.hexagon4:before {
	content: "";
	position: absolute;
	top: -19px;
	left: 0;
	width: 0;
	height: 0;
	border-left: 38px solid transparent;
	border-right: 38px solid transparent;
	border-bottom: 19px solid #d85845;
}
.hexagon4:after {
	content: "";
	position: absolute;
	bottom: -19px;
	left: 0;
	width: 0;
	height: 0;
	border-left: 38px solid transparent;
	border-right: 38px solid transparent;
	border-top: 19px solid #d85845;
}

.hexagon5 {
	width: 76px;
	height: 46px;
	background: #5a7cbe;
	position: absolute;
	top:105px;
	left:51px;
}
.hexagon5:before {
	content: "";
	position: absolute;
	top: -19px;
	left: 0;
	width: 0;
	height: 0;
	border-left: 38px solid transparent;
	border-right: 38px solid transparent;
	border-bottom: 19px solid #5a7cbe;
}
.hexagon5:after {
	content: "";
	position: absolute;
	bottom: -19px;
	left: 0;
	width: 0;
	height: 0;
	border-left: 38px solid transparent;
	border-right: 38px solid transparent;
	border-top: 19px solid #5a7cbe;
}

.hexagon6 {
	width: 76px;
	height: 46px;
	background: #66ba3d;
	position: absolute;
	top:105px;
	left:147px;
}
.hexagon6:before {
	content: "";
	position: absolute;
	top: -19px;
	left: 0;
	width: 0;
	height: 0;
	border-left: 38px solid transparent;
	border-right: 38px solid transparent;
	border-bottom: 19px solid #66ba3d;
}
.hexagon6:after {
	content: "";
	position: absolute;
	bottom: -19px;
	left: 0;
	width: 0;
	height: 0;
	border-left: 38px solid transparent;
	border-right: 38px solid transparent;
	border-top: 19px solid #66ba3d;
}

.hexagon7 {
	width: 76px;
	height: 46px;
	background: #ea895f;
	position: absolute;
	top:105px;
	left:240px;
}
.hexagon7:before {
	content: "";
	position: absolute;
	top: -19px;
	left: 0;
	width: 0;
	height: 0;
	border-left: 38px solid transparent;
	border-right: 38px solid transparent;
	border-bottom: 19px solid #ea895f;
}
.hexagon7:after {
	content: "";
	position: absolute;
	bottom: -19px;
	left: 0;
	width: 0;
	height: 0;
	border-left: 38px solid transparent;
	border-right: 38px solid transparent;
	border-top: 19px solid #ea895f;
}

/* 公众服务 e */

/* 网上办事 s */
.chanlOnlineServiceL{ width:580px; height:440px;}
.OnlineServicePic{ width:100%; height:71px; margin-bottom:5px;}
.OnlineServicePic a{ display:block; float:left; height:71px;}
.OnlineServicePic a+a{ margin-left:8px;}

.comList .gsCon{ width:100%; height:175px; padding-top:5px; overflow:hidden;}
.comList .bjtjCon{ width:100%; height:110px; padding-top:3px; overflow:hidden;}

.chanlOnlineServiceR{ width:233px; height:440px;}
.chanlOnlineServiceR .comList2{ height:215px;}


.OnlineServiceRMail a{ display:block; height:55px; width:100%;}
.OnlineServiceRMail a+a{ margin-top:10px;}
.servieXM{ height:40px; line-height:40px; text-align:center; background:#c86e8e; color:#FFF; font-size:18px;}
.servieXM_con{ margin-bottom:10px; background:#FFF; overflow:hidden;}
.servieXM_con li{ height:36px; line-height:36px; border-bottom:1px solid #d9d9d8; float:left; font-size:14px; text-indent:5px; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow:hidden;
}
.servieXM_con .w_27{ width:27%;}
.servieXM_con .w_23{ width:23%;}
.servieXM_con li .more{ color:#F00;}

/* 网上办事 e */

/* 旅游频道 s */

.chanlTourismT{ width:100%; height:200px; margin-bottom:20px;}
#news{ width:292px; /*height:200px;*/ height:160px; }

.TourismCol{ /*width:351px;*/ width:643px; height:200px;}

.TourismGk{ width:340px; height:160px;  line-height:30px;}


.scenicSpot{ width:148px;}
.scenicSpot a{ display:block; width:148px; height:55px;}
.scenicSpot a+a{ margin-top:10px;}

.chanlTourismB{ width:100%; height:105px;}
.chanlTourismB li{ width:267px; height:105px; float:left; position:relative; }
.chanlTourismB li+li{ margin-left:14px;}
.chanlTourismB li .shade{ width:267px; height:105px; position:absolute; left:0; top:0; background:url(shade.png) no-repeat;}
.chanlTourismB li .shade p{ display:block; width:100%; height:100%; }
.chanlTourismB li .shade a{ display:block; width:100%;font-weight:bold;font-size:18px; color:#FFF; height:45px; padding-top:60px; text-align:center; 
	font-weight:bold; font-size:18px; color:#FFF;}
/* 旅游频道 e */

/* 走进浦口 s */
.intoPKL{ width:677px; height:100%;}
.PKGeneralSituation{ width:250px; height:240px; line-height:30px; font-size:12px; margin-bottom:15px;}
.PKGeneralSituation a{ color:#f30303;}
.administrativeDivisions{ width:100%; height:74px; font-size:0; text-align:center; margin-bottom:20px;}
.administrativeDivisions li{ width:100%; height:32px; line-height:32px;}
.administrativeDivisions li+li{ margin-top:10px;}
.administrativeDivisions li a{ display:block; float:left; 
	width:106px; height:32px; 
	background:url(administrativeDivisionsLi.jpg) no-repeat; 
	text-align:center;
	font-size:14px;
	color:#4bc7d1;
}
.administrativeDivisions li .administrativeDivisionsTitle{ font-size:16px; color:#FFF; background:url(administrativeDivisionsTitle.png) no-repeat;}
.administrativeDivisions li a+a{ margin-left:8px;}

#deptab1s,#deptab2s{ width:100%; height:60px; overflow:auto;}
#deptab1s li,#deptab2s li{ float:left;}
.intoPKR{ width:137px; height:100%; overflow:hidden;}
.intoPKR a{ display: table; width:137px; height:80px; position:relative; cursor:pointer; overflow:hidden;}
.intoPKR a+a{ margin-top:10px;}
.intoPKR a p{ display:table-cell; 
	vertical-align:middle; text-align:center; 
	position: relative; width:20px; height:80px; padding:0 10px; top:0; right:34px; 
	background:#000\9; background:rgba(0,0,0,.5); font-size:14px; color:#FFF;}
.intoPKR a div{ width:137px; height:80px; position:absolute; left:-137px; top:0;}

.intoPKR a,.intoPKR a p,.intoPKR a div{
    -webkit-transition: .2s ease-in-out;
    -moz-transition: .2s ease-in-out;
    -o-transition: .2s ease-in-out;
    -ms-transition: .2s ease-in-out;
	 transition: .2s ease-in-out;
}
.intoPKR a:hover p{ display:none;}
.intoPKR a:hover div{ left:0;}

/* 走进浦口 e */

/*网站导航*/
.sitegroup_nav{padding-right: 10px; height: 440px; overflow-x: hidden; overflow-y: auto;}
.stienav_toplink{ height: 45px; width: 100%; font-size: 16px;}
.stienav_toplink a{ padding-left: 23px; padding-right: 4px; text-decoration: none; background-image: url(sitenav_toplink_icon.png); background-repeat: no-repeat;}
.stienav_toplink a.county_logo{ background-position: 0px 2px;}
.stienav_toplink a.party_logo{ background-position: -190px 2px;}
.stienav_toplink a.zx_logo{ background-position: -380px 2px;}
.stienav_toplink a:hover{ color: #C63639;}
.sitenav_item{width:100%;}
.sitenav_item .content{ margin-top: 10px;}
.sitenav_item .content li{ width: 155px; height: 26px; line-height: 26px; float: left; font-size: 14px;}
.sitenav_item .content li a{ text-decoration: none;}
.sitenav_item .content li a:hover{ color: #C63639;}



/* 文章页 */

.article_main{width: 1000px;  margin: 0px auto; position: relative;}
.article_con{ position:relative; width: 885px; margin:80px auto 0; min-height:600px; background: url(bookMid.png) left top repeat-y !important;}
.article_con1{ width:100%; height:80px; background: url(bookTop.png) left top no-repeat; position:absolute; left:0; top:-80px;}
.article_con2{ width:100%; height:484px;background: url(bookBottom.png) left bottom no-repeat; position:absolute; left:0; bottom:0;}
.article_wrap{ width: 660px; padding:0 0 30px 0; margin:0 auto; position:relative; z-index:999;}
.local{ width: 760px; margin:50px auto 0; height:30px; background:url(local.png) no-repeat 1.5% center; border-bottom:1px solid #286bba;}
.local span{ padding-left:45px; line-height:30px; text-align:left; font-size:12px;  color:#8f8f8f;}
.local span a{ color:#8f8f8f;}
#zhengwen{ width:100%;}
.xilan_con{ width:100%; margin:0 auto; overflow:hidden;}
.doctitle{
	padding-top:10px;
	padding-bottom:10px;
	line-height:40px;
	width: 90%;
	margin:0 auto;
	text-align: center;
	font-size: 16pt;
	color: #296ebb;
	font-family: "宋体";
	font-weight: bold;
}
.field{ line-height:28px; float:left; width:100%; text-align:center; color:#333; font-family:"宋体"; font-size:12px; border-top:1px dashed #cccccc;  background:#f0f0f0;}
.field a:link,.field a:visited,.field a:active{  color:#333;}
.field a:hover{  color:#f00; text-decoration:underline}
.field_con1 {
    float: left;
    height: 28px;
    text-align: right;
    width: 440px;
}	
.field_con2 {
    float: left;
    height: 28px;
    width: 150px;
}
.field_con2 span {
    border: 1px solid #666666;
    cursor: pointer;
    display: block;
    float: left;
    height: 10px;
    margin: 8px 3px;
    overflow: hidden;
    width: 10px;
}
.doccontent{ width:100%; float:left; padding:20px 0; line-height:28px;}
.doccontent_test{ width:100%; float:left; padding:20px 0; line-height:28px;font-size: 12pt;font-family: "微软雅黑";} 

.attachment{ text-indent:40px; padding:5px; line-height:25px; font-size:14px;}
.pager{ width:100%; line-height:28px;  color:#333333;float:left; font-size:12px}
.pager a:link,.pager a:visited,.pager a:active{ color:#333333;}
.pager a:hover{ color:#f00; text-decoration:underline}
.relation{ width:100%; float:left}
.relation p{ width:100%; float:left; line-height:30px; border-bottom:1px solid #f2f2f2; border-top:2px solid #1a64b0; background:none; color:#1a64b0; font-weight:bold; font-size:14px; padding:0px}
.share{ width:100%; float:left; line-height:50px; text-align:right; color:#4d4d4d}
.share p{ width:500px; float:left; line-height:50px; text-align:right; color:#4d4d4d}
.icon_share{ width:300px; float:left; line-height:50px; text-align:left; color:#4d4d4d; margin-bottom:10px; margin-left:15px}
.share a:link,.share a:visited,.share a:active{color:#4d4d4d; font-size:12px;}
.share a:hover{color:#f00; text-decoration:underline;font-size:12px;}
.articleBody{ background:url(index_bg01.jpg) no-repeat center center; background-attachment: fixed;}
#cont_text img{max-width:660px;}

/*******  主题服务  ********/

/*导航*/
/*#navWrap{ width:135px; height:540px; position:absolute; left:-25px; top:-20px; padding:20px 0; overflow:hidden; }
#FWprev,#FWnext{ width:90px; height:17px; position:absolute; left:20px; z-index:9;}
#FWprev{ top:0; display:none;}
#FWnext{ bottom:0;}
#scrollWrap{ width:100%; height:100%; overflow:hidden;}
#navWrap .sub_nav{ float:none; margin-left:25px; margin-top:20px; }
#navWrap .sub_nav ul{ width:108px; height:860px;  position:absolute; top:0; left:0px; transition:.2s;}*/


#navWrap{ width:108px; height:436px; padding:32px 0; overflow:hidden; float:left; background: url(index_subnav_bg.png) repeat; position:relative;}
#FWprev,#FWnext{ width:90px; height:17px; position:absolute; left:9px; z-index:9;}
#FWprev{ top:5px; display:none;}
#FWnext{ bottom:5px;}
#scrollWrap{ width:100%; height:436px; overflow:hidden; position:relative;}
#navWrap .sub_nav{ float:none; background:none; }
#navWrap .sub_nav ul{ width:108px; height:570px;  position: relative; top:0; left:0px; transition:.2s;}




.nav_ser1{ background: url(nav_ser1.png) 0 0 no-repeat;}
.nav_ser2{ background: url(nav_ser2.png) 0 0 no-repeat;}
.nav_ser3{ background: url(nav_ser3.png) 0 0 no-repeat;}
.nav_ser4{ background: url(nav_ser4.png) 0 0 no-repeat;}
.nav_ser5{ background: url(nav_ser5.png) 0 0 no-repeat;}
.nav_ser6{ background: url(nav_ser6.png) 0 0 no-repeat;}
.nav_ser7{ background: url(nav_ser7.png) 0 0 no-repeat;}
.nav_ser8{ background: url(nav_ser8.png) 0 0 no-repeat;}
.nav_ser9{ background: url(nav_ser9.png) 0 0 no-repeat;}
.nav_ser10{ background: url(nav_ser10.png) 0 0 no-repeat;}
.nav_ser11{ background: url(nav_ser11.png) 0 0 no-repeat;}




.sub_nav .nav_item_on{background-image: url(index_subnav_hoverbg.png); height: 120px;}
.sub_nav .nav_item_on a{ bottom: 0px;}





/*#serSub_nav  #nav_item0{}
#serSub_nav  #nav_item0 .nav_item{}
#serSub_nav  #nav_item0 .nav_item_on{}

#serSub_nav  #nav_item1{ top:-18px; right:3px; }
#serSub_nav  #nav_item1 .nav_item{background:url(nav_item_gray1.png) no-repeat;}
#serSub_nav  #nav_item1 .nav_item_on{ background:url(nav_item_on1.png) no-repeat;}


#serSub_nav  #nav_item2{ top:56px; left:-28px; }
#serSub_nav  #nav_item2 .nav_item{background:url(nav_item_gray2.png) no-repeat;}
#serSub_nav  #nav_item2 .nav_item_on{ background:url(nav_item_on2.png) no-repeat;}

#serSub_nav  #nav_item3{ top:132px; right:0px; }
#serSub_nav  #nav_item3 .nav_item{background:url(nav_item_gray3.png) no-repeat;}
#serSub_nav  #nav_item3 .nav_item_on{ background:url(nav_item_on3.png) no-repeat;}

#serSub_nav  #nav_item4{ top:206px; left:-28px; }
#serSub_nav  #nav_item4 .nav_item{background:url(nav_item_gray4.png) no-repeat;}
#serSub_nav  #nav_item4 .nav_item_on{ background:url(nav_item_on4.png) no-repeat;}

#serSub_nav  #nav_item5{ top:280px; right:0px; }
#serSub_nav  #nav_item5 .nav_item{background:url(nav_item_gray5.png) no-repeat;}
#serSub_nav  #nav_item5 .nav_item_on{ background:url(nav_item_on5.png) no-repeat;}

#serSub_nav  #nav_item6{ top:353px; left:-28px; }
#serSub_nav  #nav_item6 .nav_item{background:url(nav_item_gray6.png) no-repeat;}
#serSub_nav  #nav_item6 .nav_item_on{ background:url(nav_item_on6.png) no-repeat;}

#serSub_nav  #nav_item7{ top:427px; right:0px; }
#serSub_nav  #nav_item7 .nav_item{background:url(nav_item_gray7.png) no-repeat;}
#serSub_nav  #nav_item7 .nav_item_on{ background:url(nav_item_on7.png) no-repeat;}

#serSub_nav  #nav_item8{ top:501px; left:-28px; }
#serSub_nav  #nav_item8 .nav_item{background:url(nav_item_gray7.png) no-repeat;}
#serSub_nav  #nav_item8 .nav_item_on{ background:url(nav_item_on7.png) no-repeat;}

#serSub_nav  #nav_item9{ top:585px; left:0; }
#serSub_nav  #nav_item9 .nav_item{background:url(nav_item_gray7.png) no-repeat;}
#serSub_nav  #nav_item9 .nav_item_on{ background:url(nav_item_on7.png) no-repeat;}

#serSub_nav  #nav_item10{ top:669px; left:-28px; }
#serSub_nav  #nav_item10 .nav_item{background:url(nav_item_gray7.png) no-repeat;}
#serSub_nav  #nav_item10 .nav_item_on{ background:url(nav_item_on7.png) no-repeat;}

#serSub_nav  #nav_item11{ top:753px; left:0; }
#serSub_nav  #nav_item11 .nav_item{background:url(nav_item_gray7.png) no-repeat;}
#serSub_nav  #nav_item11 .nav_item_on{ background: url(nav_item_on7.png) no-repeat;}*/






/* 首页*/
.ztBG{ background:url(ztBG.jpg) no-repeat center top;}
.serIndex{ width:100%; height:100%;}
.serIndexL{ height:100%; width:265px; background:#ffffff;}
.serIndexL_list{ padding:20px 10px 0 15px;}
.serIndexL_list li{ line-height:30px; font-size:14px;}

.serIndexR{ width:550px;}
.serIndexR li{ width:100%; height:144px;}
.serIndexR li+li{ margin-top:3px;}
/*.serIndexR li .showLi{ width:166px; height:128px; padding:15px 0 0 15px; color:#FFF;}*/
.serIndexR li div{ width:166px; height:129px; padding:15px 0 0 15px; color:#FFF; float:left;}
.serIndexR li div+div{ margin-left:3px;}
.serIndexR li .showLi h2{ height:25px; line-height:25px; font-weight:normal; font-size:14px; text-indent:35px;}
.serIndexR li .showLi h2 a{ color:#FFF;}
.serIndexR li .showList{ padding-top:10px; color:#FFF;}
.serIndexR li .showList a{ color:#FFF;}
.serIndexR li .showList li{ height:22px; line-height:22px; text-indent:5px; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow:hidden;}
.showList1 li{ width:100%;}
.showList2 li{ width:50%; float:left}
.showList3 li{ width:33%; float:left;}
.showLi1{ background:#f8c560;}
.showLi2{ background:#34bcd0;}
.showLi3{ background:#baa0dc;}
.showLi4{ background:#5a7cbe;}
.showLi5{ background:#66ba3d;}
.showLi6{ background:#e05945;}
.showLi7{ background:#ea895f;}
.showLi8{ background:#52bcee;}
.showLi9{ background:#58cba6;}

.showLiImg1{ background:url(showLi1.png) no-repeat left bottom;}
.showLiImg2{ background:url(showLi2.png) no-repeat left bottom;}
.showLiImg3{ background:url(showLi3.png) no-repeat left bottom;}
.showLiImg4{ background:url(showLi4.png) no-repeat left bottom;}
.showLiImg5{ background:url(showLi5.png) no-repeat left bottom;}
.showLiImg6{ background:url(showLi6.png) no-repeat left bottom;}
.showLiImg7{ background:url(showLi7.png) no-repeat left bottom;}
.showLiImg8{ background:url(showLi8.png) no-repeat left bottom;}
.showLiImg9{ background:url(showLi9.png) no-repeat left bottom;}


/* 教育培训 */
.serJypx{ height:100%;}
.serJypxT{ height:255px;}
.serJypxT_L{ width:245px;}
.serJypxT_L li{ height:75px; line-height:75px; text-align:center; font-size:20px; font-weight:bold;}
.serJypxT_L li+li{ margin-top:15px;}

.jypxCon{ width:565px; height:100%; float:right;  text-align:center; font-size:30px; color:#FFF;}

.jypxLi0{ border-left:10px solid #d5b935; margin-right:8px; background:#f3f3f3;}
.jypxLi0On{border-left:none; margin-right:0; background:url(jypxLi1On.png) no-repeat left center; color:#FFF;}

.jypxLi1{ border-left:10px solid #77ceea; margin-right:8px; background:#f3f3f3;}
.jypxLi1On{border-left:none; margin-right:0; background:url(jypxLi2On.png) no-repeat left center; color:#FFF;}

.jypxLi2{ border-left:10px solid #de6da7; margin-right:8px; background:#f3f3f3;}
.jypxLi2On{border-left:none; margin-right:0; background:url(jypxLi3On.png) no-repeat left center; color:#FFF;}

.jypxLi3{ border-left:10px solid #ffa45b; margin-right:8px; background:#f3f3f3;}
.jypxLi3On{border-left:none; margin-right:0; background:url(jypxLi4On.png) no-repeat left center; color:#FFF;}

.jypxLi4{ border-left:10px solid #ff8282; margin-right:8px; background:#f3f3f3;}
.jypxLi4On{border-left:none; margin-right:0; background:url(jypxLi5On.png) no-repeat left center; color:#FFF;}

.jyzs{ width:100%; height:157px; margin-top:25px;}
.jyzs a{ display:block; width:100px; height:157px; float:left;}
.jyzs a+a{ /*margin-left:14px;*/ margin-left:112px;}



/* 医疗卫生 */
.medicalL{ width:260px; height:100%; }
.medTitle{ width:100%; height:45px; background:#c1def2; position:relative;}
.medTitle p{ width:260px; height:50px;  position:absolute; left:0; top:0;}
.medTitle p span{ display:block; width:50%; height:45px;  line-height:45px; text-align:center; font-size:14px; padding-bottom:5px; float:left;}
.medtab{ color:#676767;}
.medtab_on{ color:#FFF; background:url(med_on.png) no-repeat center center;}
.medTabCon{ width:100%; height:390px; overflow:hidden; }

.medicalR{ width:557px; height:430px; }
.medicalR a{ float:left; height:100%; width:179px; overflow:hidden;  position:relative;}
.medicalR a+a{ margin-left:10px;}
.medicalR .medicalLi1{ background:url(medicalLi1.jpg) no-repeat;}
.medicalR .medicalLi2{ background:url(medicalLi2.jpg) no-repeat;}
.medicalR .medicalLi3{ background:url(medicalLi3.jpg) no-repeat;}
.medicalR a b{ display:block; position:absolute; top:50%; margin-top:-40px; transition:.5s; width:100%; height:80px; line-height:80px; text-align:center; font-size:22px; background: url(comPng.png) repeat; color:#FFF;}
.medicalR a b:hover{
	-webkit-transform:scale(1.5);
	-moz-transform:scale(1.5);
	-ms-transform:scale(1.5);
	transform:scale(1.5);
}

/*.medicalR li{ width:100%; height:213px; overflow:hidden; position:relative;}
.medicalR li+li{ margin-top:14px;}

.medicalR li .medInfo{ height:213px; width:180px; float:left; position:relative;}
.medInfoBg{ position:absolute; left:0; bottom:0; width:180px; height:70px; padding-top:10px; background:url(medInfoBg.png) repeat;}
.medInfoBg h4{ height:15px; line-height:15px; font-weight:bold; color:#FFF; font-size:16px; text-indent:10px; margin-bottom:3px;}
.medInfoBg a{ color:#FFF; display:block; float:left;  text-indent:10px; height:18px; line-height:18px;}


.medInfo1{ background:url(medInfo1.jpg) no-repeat center center;}
.medInfo2{ background:url(medInfo2.jpg) no-repeat center center;}
.medInfo3{ background:url(medInfo3.jpg) no-repeat center center;}
.medInfo4{ background:url(medInfo4.jpg) no-repeat center center;}
.medInfo5{ background:url(medInfo5.jpg) no-repeat center center;}
.medInfo6{ background:url(medInfo6.jpg) no-repeat center center;}*/

/* 社会保障 */
/*.socialT{ height:168px;  border:1px solid #ededed; border-top:2px solid #d7b92d; background:#ffffff; }
.socialTcon{  float:left; width:33.333%; height:100%; border-right:1px solid #ededed; box-sizing:border-box;}
.socialTcon h2{ height:48px; line-height:48px; font-size:16px; font-weight:normal; margin-left:30px;}
.socialTcon .socialTsec{ height:110px; margin-left:30px;}
.socialTsecList{ margin-left:20px;}
.socialTsecList li{ height:30px; line-height:30px;}
.socialT .br_none{ border-right:none;}

.pl20{ padding-left:20px;}
.pr20{ padding-right:20px;}
.pl10{ padding-left:10px;}
.pr10{ padding-right:10px;}

.socialB{ height:245px; margin-top:24px;}
.socialB li{ height:117px;}
.socialB li+li{ margin-top:11px;}
.socialBwrap{ width:200px; height:100%; float:left; color:#FFF;}
.socialBwrap a{ color:#FFF;}
.socialBwrap h2{ text-align:center; height:28px; line-height:28px; margin-top:7px; font-size:16px;}
.socialBlist{ overflow:hidden;}

.socialBlist a{ display:block; height:18px; line-height:18px; float:left; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow:hidden;
}
.socialBlist1 a{ text-indent:14px;}
.socialBlist2 a{ text-indent:7px;}




.socialBwrap1{ background:#52bcee;}
.socialBwrap2{ background:url(socialBwrap2Bg.jpg) no-repeat;}
.socialBwrap3{ background:#34bcd0;}
.socialBwrap4{ background:url(socialBwrap4Bg.jpg) no-repeat;}
.socialBwrap5{ background:url(socialBwrap5Bg.jpg) no-repeat;}
.socialBwrap6{ background:#66ba3d;}
.socialBwrap7{ background:url(socialBwrap7Bg.jpg) no-repeat;}
.socialBwrap8{ background:#487eeb;}*/
.socialL{ width:395PX; height:436px; float:left; background:url(socialLBg.jpg) no-repeat;}
.socialLCon{ width:350px; margin:95px auto 0; background: url(comPng.png) repeat; padding-bottom:25px;}
.socialLCon h2{ height:72px; line-height:72px; font-size:22px; color:#FFF; text-indent:20px;}
.socialLCon h2 a{ color:#FFF;}
.socialLCon li{ float:left; text-indent:20px; font-size:16px; line-height:40px;}
.socialLCon li a{ color:#FFF;}

.socialR{ width:425px; float:right; height:436px;}
.socialR li{ width:100%; height:212px;}
.socialR li+li{ margin-top:12px;}
.socialR li a{ float:left; height:100%; width:208px; box-sizing:border-box; position:relative; overflow:hidden; }
.socialR li a+a{ margin-left:9px;}
.socialR li a p{ position:absolute; bottom:0; transition:.3s; left:0; background: url(index_main_conbg.png) repeat; width:100%; height:40px; line-height:40px; text-align:center; font-size:22px; font-weight:bold; color:#000;}
.socialR li a:hover{ border:3px solid #5e92d8; background-position:-3px;}
.socialR li a:hover p{
	-webkit-transform:scale(1.2,1.2);
	-moz-transform:scale(1.2,1.2);
	-ms-transform:scale(1.2,1.2);
	transform:scale(1.2,1.2);
}

.socialR1{ background:url(socialR1.jpg) no-repeat;}
.socialR2{ background:url(socialR2.jpg) no-repeat;}
.socialR3{ background:url(socialR3.jpg) no-repeat;}
.socialR4{ background:url(socialR4.jpg) no-repeat;}


/* 招商引资 */
.investmentL{ width:495px; height:436px; padding-left:30px; float:left; background:url(investmentL.jpg) no-repeat;}
.investmentL h2{ height:75px; line-height:75px; background:url(investmentLtitle.png) no-repeat left center; text-indent:50px; font-size:22px; color:#fb7803;}
.investmentLcon{ width:396px; height:300px; background:url(investmentLcon.png) no-repeat; padding:19px 35px 0; line-height:30px; text-indent:2em; font-size:14px;}
.investmentLcon a{ color:#F00;}

.investmentR{ width:286px; height:436px; float:right;}
.investmentR a{ display:block; width:100%; height:140px; overflow:hidden; position:relative;}
.investmentR a+a{ margin-top:8px;}
.investmentR a p{ position:absolute; left:0; bottom:0; transition:.5s; width:100%; height:42px; line-height:42px; text-align:center; font-size:20px; color:#FFF; font-weight:bold; background: url(comPng.png) repeat;}
.investmentR a:hover p{
	-webkit-transform:scale(1.2,1.2);
	-moz-transform:scale(1.2,1.2);
	-ms-transform:scale(1.2,1.2);
	transform:scale(1.2,1.2);
}

.investmentR1{ background:url(investmentR1.jpg) no-repeat;}
.investmentR2{ background:url(investmentR2.jpg) no-repeat;}
.investmentR3{ background:url(investmentR3.jpg) no-repeat;}


/* 人事人才 */
.selectionT{ height:335px;}
.selectionT_L{ width:490px; height:335px; float:left;}
.selectionT_L li{ width:100%; height:160px;}
.selectionT_L li+li{ margin-top:15px;}
.selectionT_Lwrap1{ float:left; width:240px; height:160px; color:#FFF;}
.selectionT_L a{ color:#FFF;}
.selectionT_Lwrap1{ float:left;}
.selectionT_Lwrap1 h2{ text-align:center; height:28px; line-height:28px; margin-top:7px;  font-size:16px;}
.selectionT_Llist a{display:block; height:28px; line-height:28px; font-size:14px; float:left; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow:hidden;
}

.selectionT_Lwrap2{ float:left; width:156.5px; height:160px; color:#FFF;}
.selectionT_Lwrap2 h2{ text-align:center; line-height:28px; margin-top:7px;  font-size:16px;}


.w_55per{ width:55%;}
.w_45per{ width:45%;}
.selectionT_Lwrap_1{ background:#34bcd0;}
.selectionT_Lwrap_2{ background:url(selectionT_L_img1.jpg) no-repeat;}
.selectionT_Lwrap_3{ background:#5a7cbe;}
.selectionT_Lwrap_4{ background:url(selectionT_L_img2.jpg) no-repeat;}
.selectionT_Lwrap_5{ background:#66ba3d;}


.selectionT_R{ width:330px; height:100%; background:#000; float:right; background:url(selectionT_Rbg.jpg) no-repeat;}
.selectionT_R h2{ height:38px; line-height:38px; text-align:center; color:#FFF; font-size:16px; background:#3f89f3;}
.selectionT_R p{ height:45px; line-height:45px; text-align:center; font-size:14px; border-bottom:1px solid #e9e7e7;}


.selectionB{ margin-top:30px;}
.selectionB li{ float:left; width:270px; height:75px; overflow:hidden;}
.selectionB li+li{ margin-left:10px;}


/* 住房服务 */
.houseL{ width:530px; height:100%; float:left; }
.houseL_T{ height:275px; border:1px solid #dddddd; background:#ffffff;}
.houseL_T h2{ width:100%; height:40px; line-height:40px; text-align:center; margin-bottom:15px; background:#f4f4f4 url(house_wxts.jpg) no-repeat center center; font-size:16px; color:#ff8400;}
.orange{ color:#ff8400;}
.houseL_T p{  line-height:28px;}
.wxtip{ padding:0 20px;}
.askForHouse{ display:block; width:220px; height:35px; line-height:35px; text-align:center; background:#ff8400; border:1px solid #db5c00; color:#FFF; margin:5px auto 0; cursor:pointer;}
.house_item{ margin-top:25px;}
.house_item li{ height:62px; line-height:62px; color:#FFF; font-size:16px;}
.house_item li+li{ margin-top:10px;}
.house_item li a{ display:block; float:left; color:#FFF;}

.house_item1{ width:260px; height:62px; background:#47c1e9 url(house_img1.png) no-repeat 15% center; text-indent:75px;}
.house_item2{ width:260px; height:62px; background:#2aa264 url(house_img2.png) no-repeat 20% center; text-indent:90px;}
.house_item3{ width:170px; height:62px; background:#d55d9b url(house_img3.png) no-repeat 25% center; text-indent:75px;}
.house_item4{ width:170px; height:62px; background:#1f86cb url(house_img4.png) no-repeat 25% center; text-indent:80px;}
.house_item5{ width:170px; height:62px; background:#f1b40c url(house_img5.png) no-repeat 25% center; text-indent:75px;}


.houseR{ width:275px; height:100%; background:#FFF url(houseRbg.jpg) no-repeat left bottom; float:right;}
.houseR h2{ height:45px; line-height:45px; text-align:center; font-size:14px; color:#FFF; margin-bottom:20px; background:#f1b40c;}
.houseR p{ width:223px; height:38px; line-height:38px; font-size:14px; background:url(houseR_pbg.png) no-repeat; margin:0 0 15px 25px; text-indent:25px;}


/* 证件办理 */
.paperT{ height:335px; width:100%;}
.paperT_L{ float:left; width:500px; height:100%;}
.paperT_L h2{ text-align:center; color:#FFF; background:#21b12c; font-size:16px; height:38px; line-height:38px;}

.paperT_R{ width:312px; height:100%; float:right;}
.paperT_R li{ height:75px;}
.paperT_R li+li{ margin-top:11.5px;}
.paperT_R li a{ display:block; height:75px; line-height:75px; width:150px; font-size:16px; color:#FFF;}

.paper_item1{ background:#52bcee url(paper_item1.png) no-repeat 10% center; text-indent:50px;}
.paper_item2{ background:#cab13b url(paper_item2.png) no-repeat 10% center; text-indent:50px;}
.paper_item3{ background:#34bcd0 url(paper_item3.png) no-repeat 10% center; text-indent:50px;}
.paper_item4{ background:#ea895f url(paper_item4.png) no-repeat 10% center; text-indent:50px;}
.paper_item5{ background:#66ba3d url(paper_item5.png) no-repeat 10% center; text-indent:50px;}
.paper_item6{ background:#487eeb url(paper_item6.png) no-repeat 10% center; text-indent:50px;}
.paper_item7{ background:#a37fd3 url(paper_item7.png) no-repeat 10% center; text-indent:50px;}
.paper_item8{ background:#5a7cbe url(paper_item8.png) no-repeat 10% center; text-indent:50px;}

.paperB{ height:75px; margin-top:25px;}
.paperB li{ width:270px; height:75px; overflow:hidden; float:left;}
.paperB li+li{ margin-left:10px;}


/* 劳动就业 */
.workT{ width:100%; height:303px; }
.workT_L{ float:left; width:100%; height:303px; background: url(workT_Lbg.jpg) no-repeat;}
.workT_L_con{ width:748px; padding-left:22px; padding-right:22px; padding-top:20px; height:233px; background:url(workT_L_con.png) no-repeat; margin:26px auto 0;}
.workT_L_con h2{ height:25px; line-height:25px; background:url(workT_L_con_title.png) no-repeat left center; text-indent:41px; font-size:16px; color:#315de1; margin-bottom:20px;}
.workT_L_text{ line-height:30px; padding-right:22px; text-indent:2em;}

/*.workT_R { width:240px; float:right;}
.workT_R a{ display:block; height:68px; line-height:68px; text-indent:43px; font-size:16px; background:#f3f3f3; -webkit-transition:.5s; transition:.5s;}
.workT_R a+a{ margin-top:10px;}

.workT_R .work_item1{ border-left:10px solid #f0d65b;}
.workT_R .work_item1:hover{ background:#f0d65b; color:#FFF;}
.workT_R .work_item2{ border-left:10px solid #77ceea;}
.workT_R .work_item2:hover{ background:#77ceea; color:#FFF;}
.workT_R .work_item3{ border-left:10px solid #de6da7;}
.workT_R .work_item3:hover{ background:#de6da7; color:#FFF;}
.workT_R .work_item4{ border-left:10px solid #ffa45b;}
.workT_R .work_item4:hover{ background:#ffa45b; color:#FFF;}*/

.workB{ height:107px; overflow:hidden; margin-top:30px;}
.workB li{ width:270px; height:107px; float:left;}
.workB li+li{ margin-left:10px;}


/* 婚育收养 */
.marryL{ width:420px; height:100%; float:left; }
.marryBox{ overflow:hidden; background:#f9f6f6;}
.marryImg{ position:relative; }
.marryList li{ height:30px; line-height:30px; font-size:14px;}
.marryText{ width:100%; height:38px; line-height:38px; text-align:center; font-size:20px; font-weight:bold; color:#FFF; position:absolute; left:0; bottom:0; background:url(marryPng.png) repeat;}

.w_100per{ width:100%;}
.w_50per{ width:50%;}
.w_40per{ width:40%;}
.w_30per{ width:30%;}

.marryList1{ overflow:hidden; padding:20px 0 0 10px;}
.marryList1 li{ float:left; text-indent:10px;white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow:hidden;}

.marryList2{ overflow:hidden; padding:20px 0 0 10px;}
.marryList2 li{ float:left; text-indent:10px;white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow:hidden;}

.marryList3{ overflow:hidden; padding:10px 0 0 10px;}
.marryList3 li{ float:left; text-indent:10px;white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow:hidden;}


.marryR{ width:385px; float:right; height:100%; background:#ffffff;}
.marryR h2{ font-size:16px; text-align:center; height:38px; line-height:38px; color:#FFF; background:#e27582;}
.marryInfo{ width:360px; padding:10px 0 10px 15px; background:#fcf0f2; margin:8px auto 0;}
.marryInfo p{ height:20px; line-height:20px;}


/* 场馆设施 */
.venue{ width:100%; height:100%; background:url(venueBg.jpg) no-repeat;}
.venueT{ padding:10px 8px 0; overflow:hidden;}

.venueT_L{ width:240px;}
.venueT_L li{ height:50px; line-height:50px; text-align:center; font-size:16px;}
.venueT_L li+li{ margin-top:8.75px;}

.venueCon{ width:565px; height:285px; float:right; background:#000; text-align:center; font-size:30px; color:#FFF;}

.venueLi0{ border-left:10px solid #448cf3; margin-right:8px; background:#f3f3f3;}
.venueLi0On{border-left:none; margin-right:0; background:url(venueLi1On.png) no-repeat left center; color:#FFF;}

.venueLi1{ border-left:10px solid #77ceea; margin-right:8px; background:#f3f3f3;}
.venueLi1On{border-left:none; margin-right:0; background:url(venueLi2On.png) no-repeat left center; color:#FFF;}

.venueLi2{ border-left:10px solid #de6da7; margin-right:8px; background:#f3f3f3;}
.venueLi2On{border-left:none; margin-right:0; background:url(venueLi3On.png) no-repeat left center; color:#FFF;}

.venueLi3{ border-left:10px solid #ffa45b; margin-right:8px; background:#f3f3f3;}
.venueLi3On{border-left:none; margin-right:0; background:url(venueLi4On.png) no-repeat left center; color:#FFF;}

.venueLi4{ border-left:10px solid #7fe574; margin-right:8px; background:#f3f3f3;}
.venueLi4On{border-left:none; margin-right:0; background:url(venueLi5On.png) no-repeat left center; color:#FFF;}

.venueText{ padding:15px 20px 0; height:130px; font-size:14px; line-height:26px; }
.venueText a{ color:#F00;}


/* 浦口概况单信息概览 */
.pkgk_xilan{ width:894px; margin:10px auto 0;  background:#FFF url(pkgk_xl_T.jpg) no-repeat left top; padding-top:95px;

}
.pkgk_wrap{ min-height:490px; background:url(pkgk_xl_B.jpg) no-repeat left bottom; padding-bottom:55px;}
.pkgk_con{ 
	width:720px; 
	padding:25px 30px; 
	background:rgba(255,255,255,.5); 
	margin:0 auto; 
	overflow:hidden; 
	line-height:27px; 
	font-size:14px;
	
}
.pkgk_con img{ float:left; margin-right:25px; margin-bottom:25px;}


/* 主题服务栏目页 */
.chanl_itemFw .local{ width:100%; height:38px; line-height:38px; border-bottom:1px solid #c3c4c5; margin:0 auto 15px;}

/*.chanl_itemFw .siderLeft{ width:230px; float:left; position:relative;}
.chanl_itemFw .father{ width:230px; height:56px; line-height:56px; text-align:center; font-size:20px; font-weight:bold; color:#FFF; padding-bottom:36px; background:url(col_father.png) no-repeat;}
.chanl_itemFw .son{ 
	width:210px; 
	background:#FFF url(sonBg.jpg) no-repeat center top; 
	padding-top:25px; 
	padding-bottom:10px; 
	border:1px solid #c6c5c5; 
	margin:-36px auto 0;
	border-radius:0 0 10px 10px;
}
.chanl_itemFw .son li{ width:188px; margin:0 auto; height:30px; line-height:30px; text-align:center; padding:2px 0; border-bottom:1px dashed #c4c4c4;}
.chanl_itemFw .son li a{ display:block; width:100%; height:30px; font-size:16px; text-align:center;}
.chanl_itemFw .son li a:hover{ background:#dcecfd; color:#2063cb;}*/

.chanl_itemFw .siderLeft{ width:120px; margin-left:40px; float:left; position:relative;}
.chanl_itemFw .father{ width:120px; height:45px; line-height:45px; margin-bottom:15px; text-align:center; font-size:16px; font-weight:bold; color:#FFF; background:url(lm_925.png) no-repeat; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow:hidden;}
.chanl_itemFw .son{ 
	width:120px; 
}
.chanl_itemFw .son li{ width:120px; margin:0 auto; height:30px; line-height:30px; text-align:center; padding:2px 0; border-bottom:1px solid #c4c4c4;} 
.chanl_itemFw .son li a{ display:block; width:100%; height:30px; font-size:16px; text-align:center;  white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow:hidden;}


.siderRight{ float:right; width:610px; border:1px solid #d9d6d7; background:#FFF; position:relative;}
.siderRight h2{ width:100%; height:38px; line-height:38px; background:#2e7edb; text-align:center; font-size:16px; color:#FFF;}
.siderRight li{ height:38px; line-height:38px; font-size:14px; padding-left:25px;white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow:hidden;
}
.siderRight li+li{ border-top:1px solid #d9d6d7;}
.siderRight .fenye{ display:inline-block; text-align:center; left:80px; bottom:-30px; width:450px; height:25px; line-height:25px; position:absolute;}

/* 景点栏目页 */
.scenicPage{ width:900px; height:606px; background:url(scenicPage.png) no-repeat; margin:0 auto; position:relative;}
.scenicPage a{ display:block; position:absolute; width:140px; height:116px; padding:18px 12px 13px 10px; transition:.4s; }
.scenicPage a h2{ font-size:14px; height:20px; line-height:20px; text-align:left; color:#000; margin-bottom:10px; white-space: nowrap;}
.scenicPage a img{ width:100%; height:86px;}
.scenicPage a:hover{-webkit-transform: scale(1.5,1.5); -ms-transform: scale(1.5,1.5); transform: scale(1.5,1.5); z-index:3;}
.scenicAreaLine{ position:absolute; background:url(scenicLine.png) repeat-y;}
.scenicBg1{background:url(scenicAreaWrap1.png) no-repeat;}
.scenicBg2{background:url(scenicAreaWrap2.png) no-repeat;}
.scenicBg3{background:url(scenicAreaWrap3.png) no-repeat;}

.scenicAreaLine1{
	width:3px;
	height:75px;
	left:108px;
	top:3px;
	/*-webkit-transform:translate(108px,3px);
	transform:translate(108px,3px);*/
	
}
.scenicArea1{
	left:30px;
	top:75px;
	z-index:2
	/*-webkit-transform:translate(30px,75px);
	transform:translate(30px,75px);*/
	

}

.scenicAreaLine2{
	width:3px;
	height:85px;
	left:339px;
	top:3px;
}
.scenicArea2{
	left:195px;
	top:85px;
	z-index:2;
	-webkit-transform-origin:150px 10px;
	-ms-transform-origin:150px 10px;
	transform-origin:150px 10px;
	-webkit-transform: rotate(-11deg);
	-ms-transform: rotate(-11deg);
	transform: rotate(-11deg);

}

.scenicAreaLine3{
	width:3px;
	height:100px;
	left:472px;
	top:3px;
}
.scenicArea3{
	left:395px;
	top:100px;
	z-index:2;
}

.scenicAreaLine4{
	width:3px;
	height:58px;
	left:666px;
	top:3px;
}
.scenicArea4{
	left:589px;
	top:58px;
	z-index:2;
}

.scenicAreaLine5{
	width:3px;
	height:322px;
	left:120px;
	top:3px;
}
.scenicArea5{
	left:43px;
	top:322px;
}

.scenicAreaLine6{
	width:3px;
	height:280px;
	left:240px;
	top:3px;
}
.scenicArea6{
	left:230px;
	top:280px;
	-webkit-transform-origin:15px 10px;
	-ms-transform-origin:15px 10px;
	transform-origin:15px 10px;
	-webkit-transform: rotate(11deg);
	-ms-transform: rotate(11deg);
	transform: rotate(11deg);

}

.scenicAreaLine7{
	width:3px;
	height:360px;
	left:462px;
	top:3px;
}
.scenicArea7{
	left:385px;
	top:360px;
}

.scenicAreaLine8{
	width:3px;
	height:275px;
	left:675px;
	top:3px;
}
.scenicArea8{
	left:532px;
	top:275px;
	z-index:2;
	-webkit-transform-origin:150px 10px;
	-ms-transform-origin:150px 10px;
	transform-origin:150px 10px;
	-webkit-transform: rotate(-11deg);
	-ms-transform: rotate(-11deg);
	transform: rotate(-11deg);

}

.scenicAreaLine9{
	width:3px;
	height:202px;
	right:60px;
	top:3px;
}
.scenicArea9{
	right:45px;
	top:202px;
	z-index:2;
	-webkit-transform-origin:150px 10px;
	-ms-transform-origin:150px 10px;
	transform-origin:150px 10px;
	-webkit-transform: rotate(-11deg);
	-ms-transform: rotate(-11deg);
	transform: rotate(-11deg);

}

.scenicAreaLine10{
	width:3px;
	height:412px;
	right:138px;
	top:3px;
}
.scenicArea10{
	right:57px;
	top:412px;
}

/****************20170206****************/
.wqhg{width:67px; height:23px; line-height:23px; background:#ffa100; color:#ffffff; text-align:center}
.wqhg a{color:#ffffff}
.hdjl_01 a{cursor:pointer}
.xwfbh_img01{width:144px; height:93px; float:left}
.xwfbh_img01 img{width:144px; height:93px; }
.xwfbh_img02{width:144px; height:93px; float:right}
.xwfbh_img02 img{width:144px; height:93px; }
.xwfbh_img02 li{line-height:20px; height:auto}
.xwfbh_img02 li span:nth-child(1){float:left; display:block; font-weight:bold}
.xwfbh_img02 li span:nth-child(2){display:block;}
/************20170213**************/
.prev , .next {
	height: 23px;
	width: 10px;
	overflow: hidden;
	display: block;
	margin-top: 0px;
	text-decoration: none;
	cursor: pointer;
}
.prev {
	float: left;
	background-image: url(arrow_l.png);
	background-repeat: no-repeat;
	background-position: left;
}
.next {
	float: left;
	background-image: url(arrow_r.png);
	background-position: right;
	background-repeat: no-repeat;
}

.main_gdtp_bk{
	height:46px;
	width:405px;
	}	
	
	.carousel {
	width: 405px;
}
. {
	float: left;
	height: 46px;
	overflow: hidden;/*必要元素*/
}
.jCarouselLite li{padding-right:7px;overflow: hidden; float: left; width: 130px; height: 46px;}
.jCarouselLite-weibo li{padding-right:10px;overflow: hidden; float: left; width: 100px; height: 110px;}

/*左右灯笼*/
.lantern{position: absolute;width:180px;height:220px;overflow:hidden;top:1px}
#lantern-right{right:1px}
#lantern-left{}
@media screen and (max-width:1221px){
.warp{width:1220px}
}













