@charset "gb2312";

html, body {
        /*position: relative;*/
        height: 100%;
    }
body {

        background-image: url(tsjd_bj.png);
        background-position: top center;
        background-attachment: fixed;
        background-repeat: no-repeat;;
        font-family: "microsoft yahei";
        font-size: 12px;
		font-family:"微软雅黑";
    }
.warp{ position: relative; height:auto; overflow:auto;}


/*中部*/
.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{ position:relative; width: 108px; /*height: 470px;*/ height:500px; float: left; /*padding-top: 30px;  background: url(index_subnav_bg.png) repeat;*/  font-size: 16px;}
.sub_nav li{ position: absolute; z-index:3; width:90px; height:90px;}
.sub_nav li a{ display:block; width:100%; height:100%; -webkit-transition:.2s; transition:.2s; }

/*.sub_nav .nav_item{width: 100%;height: 45px; height:90px; overflow: hidden;}*/
.sub_nav .nav_item{ display:block; width:100%; height:100%;}
/*.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: 60px; height: 60px; margin: 0px auto; margin-top: 15px; 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_item1{ top:-18px; right:3px; }
.sub_nav #nav_item1 .nav_item{background:url(nav_item1.png) no-repeat;}
.sub_nav #nav_item1 .nav_item_active{ background:url(nav_item_active1.png) no-repeat;}


.sub_nav #nav_item2{ top:56px; left:-28px; }
.sub_nav #nav_item2 .nav_item{background:url(nav_item2.png) no-repeat;}
.sub_nav #nav_item2 .nav_item_active{ background:url(nav_item_active2.png) no-repeat;}

.sub_nav #nav_item3{ top:132px; right:0px; }
.sub_nav #nav_item3 .nav_item{background:url(nav_item3.png) no-repeat;}
.sub_nav #nav_item3 .nav_item_active{ background:url(nav_item_active3.png) no-repeat;}

.sub_nav #nav_item4{ top:206px; left:-28px; }
.sub_nav #nav_item4 .nav_item{background:url(nav_item4.png) no-repeat;}
.sub_nav #nav_item4 .nav_item_active{ background:url(nav_item_active4.png) no-repeat;}

.sub_nav #nav_item5{ top:280px; right:0px; }
.sub_nav #nav_item5 .nav_item{background:url(nav_item5.png) no-repeat;}
.sub_nav #nav_item5 .nav_item_active{ background:url(nav_item_active5.png) no-repeat;}

.sub_nav #nav_item6{ top:353px; left:-28px; }
.sub_nav #nav_item6 .nav_item{background:url(nav_item6.png) no-repeat;}
.sub_nav #nav_item6 .nav_item_active{ background:url(nav_item_active6.png) no-repeat;}

.sub_nav #nav_item7{ bottom:-20px; right:0px; }
.sub_nav #nav_item7 .nav_item{background:url(nav_item7.png) no-repeat;}
.sub_nav #nav_item7 .nav_item_active{ background:url(nav_item_active7.png) 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:360px; position:absolute;}
.CAentrance a{ display:block; margin-bottom:8px;}
.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;}

.pro_con{ width: 100%; height: 4000px; position: absolute; top: 0px; left: 0px;
        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;
        background: url(index_main_conbg.png) repeat;
    }
.pro_con_ser{ width: 100%; height: 6000px; position: absolute; top: 0px; left: 0px;
        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;
        background: url(index_main_conbg.png) repeat;
    }
.chanl_item{ width: 830px; height: 440px; padding: 30px; overflow: auto;}

/*新闻频道 s*/
.newsChanlL{ width:400px; height:440px;}
.newsChanlL .newsSlide{ height:230px; 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{ font-weight:normal; height:29px; line-height:29px; border-bottom:1px solid #bfbfbf; position:relative;}
.comList2 h2 p{ float:left; height:29px; padding:0 10px;   text-align:center; font-size:14px;}
.moreBox{ margin-right:8px;}
.comList2 h2 .tab_on{ color:#bd8109; border-bottom:2px solid #bd8109; position:relative; bottom:1px;  z-index:2; }
.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;}


.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:250px; margin-bottom:20px; overflow:hidden;}
.newsZt li{ float:left; width:130px; height:46px; overflow:hidden;}
.newsZt li+li{ margin-left:7px;}

/*新闻频道 e*/
/* 信息公开 s */
.chanlInfL{ width:190px; height:100%; 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:100%;}
.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;}

/* 信息公开 s */

/* 互动交流 s */
.chanlCommunicationT{ height:91px; width:100%; margin-bottom:13px;}
.CommunicationBox1{ /*width:172px;*/ width:130px; 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 43px -175px;}
.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; height:91px;}
.CommunicationBox2 a{ display:block; /*width:157px;*/ width:122px; height:40px; line-height:30px; padding-top:51px; text-align:center; font-size:14px; float:left;}
.CommunicationBox2 a+a{ margin-left:3px;}

.chanlCommunicationB{ width:100%; /*height:336px;*/ height:100%;}
.CommunicationB_L{ width:520px; height:100%;}
#mailTab{ width:520px;}
.mailCon{ width:100%; padding-top:5px; height:190px; overflow:hidden; margin-bottom:5px;}

.CommunicationList{}
.CommunicationList a{ display:block; float:left; width:122px; height:106px; }
.CommunicationList a+a{ margin-left:10px;}

.CommunicationB_R{ width:293px; overflow:hidden; height:100%;}
.CommunicationB_R .comList2{}
.ftCon{ width:100%; height:300px;}
.syftImg { text-align:center; margin-bottom:10px;}
.ftText{ padding:0 10px; font-size:14px;}
.ftText p,.ftText b{ height:25px; line-height:25px;}
.ftText p .ftTitle{ color:#9072df;}

/* 互动交流 e */
/* 公众服务 s */
.chanlServerL{ width:452px; height:440px;}
.chanlServerL h2{ width:100%; height:15px; padding-top:5px; 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; width:380px; 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 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;}

.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;}
/*********** 特色服务六边形  **************/
.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:17px;}

.comList .gsCon{ width:100%; height:175px; padding-top:5px; overflow:hidden;}
.comList .bjtjCon{ width:100%; height:100px; 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:33px; line-height:33px; border-bottom:1px solid #d9d9d8; float:left; font-size:14px; text-indent:5px;}
.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:90px;}
.scenicSpot a+a{ margin-top:20px;}

.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:14px; 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;}
/*教育专题文章页*/
.jyzt_article_main{width: 1360px;  margin: 0px auto; position: relative;}
.jyzt_article_con{ position:relative; width: 1360px; margin:18px auto 0; min-height:600px; /*background: url(bookMid.png) left top repeat-y !important;*/}
.jyzt_article_con2{ width:100%; height:484px;}
.jyzt_article_wrap{ width: 1024px; padding:0 0 30px 0; margin:0 auto; position:relative; z-index:999;}

/* 文章页 */

.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;}

.attachment{ text-indent:40px; padding:5px; line-height:25px; font-size:14px;}

.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;}
.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}


#cont_text img{max-width:660px;}

#jyzt_cont_text img{max-width:1024px;}
/* 街道领导分工 */
/*.jd_leader{ width:100%; overflow:hidden; padding:20px 0;}
.jd_leader li{ float:left; width:300px; padding:0 13px; margin-bottom:10px; padding-bottom:5px; overflow:hidden;  border-bottom:1px dashed #ccc;}
.jd_leader .firstLeader{ width:634px; padding-left:13px; }
.leader_img{}
.leader_info{ margin-left:145px;}
.leader_info p{ line-height:30px;}*/

.jd_leader{ width:100%; overflow:hidden; padding:20px 0;}
.jd_leader li{ float:left; width:280px; height:150px; margin-left:5px; padding:15px; border:1px solid #CCC; margin-bottom:10px;}
.jd_leader .firstLeader{ width:280px; padding:15px;  border:1px solid #CCC; margin:0 auto 10px; float:none; clear:both;}
.leader_img{ height:150px;}
.leader_info{ margin-left:117px; height:150px; overflow:auto;}
.leader_info p{ line-height:30px;}







/*******  主题服务  ********/

/*导航*/
#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;}



.ztBG .sub_nav #nav_item0{}
.ztBG .sub_nav #nav_item0 .nav_item{}
.ztBG .sub_nav #nav_item0 .nav_item_on{}

.ztBG .sub_nav #nav_item1{ top:-18px; right:3px; }
.ztBG .sub_nav #nav_item1 .nav_item{background:url(nav_item_gray1.png) no-repeat;}
.ztBG .sub_nav #nav_item1 .nav_item_on{ background:url(nav_item_on1.png) no-repeat;}


.ztBG .sub_nav #nav_item2{ top:56px; left:-28px; }
.ztBG .sub_nav #nav_item2 .nav_item{background:url(nav_item_gray2.png) no-repeat;}
.ztBG .sub_nav #nav_item2 .nav_item_on{ background:url(nav_item_on2.png) no-repeat;}

.ztBG .sub_nav #nav_item3{ top:132px; right:0px; }
.ztBG .sub_nav #nav_item3 .nav_item{background:url(nav_item_gray3.png) no-repeat;}
.ztBG .sub_nav #nav_item3 .nav_item_on{ background:url(nav_item_on3.png) no-repeat;}

.ztBG .sub_nav #nav_item4{ top:206px; left:-28px; }
.ztBG .sub_nav #nav_item4 .nav_item{background:url(nav_item_gray4.png) no-repeat;}
.ztBG .sub_nav #nav_item4 .nav_item_on{ background:url(nav_item_on4.png) no-repeat;}

.ztBG .sub_nav #nav_item5{ top:280px; right:0px; }
.ztBG .sub_nav #nav_item5 .nav_item{background:url(nav_item_gray5.png) no-repeat;}
.ztBG .sub_nav #nav_item5 .nav_item_on{ background:url(nav_item_on5.png) no-repeat;}

.ztBG .sub_nav #nav_item6{ top:353px; left:-28px; }
.ztBG .sub_nav #nav_item6 .nav_item{background:url(nav_item_gray6.png) no-repeat;}
.ztBG .sub_nav #nav_item6 .nav_item_on{ background:url(nav_item_on6.png) no-repeat;}

.ztBG .sub_nav #nav_item7{ top:427px; right:0px; }
.ztBG .sub_nav #nav_item7 .nav_item{background:url(nav_item_gray7.png) no-repeat;}
.ztBG .sub_nav #nav_item7 .nav_item_on{ background:url(nav_item_on7.png) no-repeat;}

.ztBG .sub_nav #nav_item8{ top:501px; left:-28px; }
.ztBG .sub_nav #nav_item8 .nav_item{background:url(nav_item_gray7.png) no-repeat;}
.ztBG .sub_nav #nav_item8 .nav_item_on{ background:url(nav_item_on7.png) no-repeat;}

.ztBG .sub_nav #nav_item9{ top:585px; left:0; }
.ztBG .sub_nav #nav_item9 .nav_item{background:url(nav_item_gray7.png) no-repeat;}
.ztBG .sub_nav #nav_item9 .nav_item_on{ background:url(nav_item_on7.png) no-repeat;}

.ztBG .sub_nav #nav_item10{ top:669px; left:-28px; }
.ztBG .sub_nav #nav_item10 .nav_item{background:url(nav_item_gray7.png) no-repeat;}
.ztBG .sub_nav #nav_item10 .nav_item_on{ background:url(nav_item_on7.png) no-repeat;}

.ztBG .sub_nav #nav_item11{ top:753px; left:0; }
.ztBG .sub_nav #nav_item11 .nav_item{background:url(nav_item_gray7.png) no-repeat;}
.ztBG .sub_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:250px;}
.serJypxT_L li{ height:45px; line-height:45px; text-align:center; font-size:16px;}
.serJypxT_L li+li{ margin-top:7.5px;}

.jypxCon{ width:565px; height:100%; float:right; background:#000; 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:157px; height:157px; float:left;}
.jyzs a+a{ margin-left:11.25px;}
/***********************************8文章页************************/
.jd_wzy{
	width:902px;
	margin:0px auto;
	min-height:507px
}
.jd_wzy_top{background:url(jd_wzy_bj_top.png); height:3px; width:902px}
.jd_wzy_ct{background:url(jd_wzy_bottom_01.png) repeat;height:auto;}
.jd_wzy_ct_main{float:left; background:url(jd_wzy_top_bj.png) no-repeat top; min-height:505px;width:894px; margin:0px 4px}
.jd_wzy_bottom{background:url(jd_wzy_bottom_bj.png); width:902px; height:78px}
.jd_wzy_title{font-size:30px; font-weight:bold; margin:100px auto 20px;  line-height:45px;color:#075aa0; text-align:center}
.jd_wzy_nr{width:734px; padding:0px 80px 20px; font-size:14px; line-height:27px}
.jd_wzy_nr p{margin:10px 0px}
.backentrance{ width:44px;height:211px; right:-20px; top:0px; position:absolute;}




















