@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{ 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(jd_nav_icon1.png) 0 0 no-repeat;}
.nav_icon2{ background: url(jd_nav_icon2.png) 0 0 no-repeat;}
.nav_icon3{ background: url(jd_nav_icon3.png) 0 0 no-repeat;}
.nav_icon4{ background: url(jd_nav_icon4.png) 0 0 no-repeat;}
.nav_icon5{ background: url(jd_nav_icon5.png) 0 0 no-repeat;}
.nav_icon6{ background: url(jd_nav_icon6.png) 0 0 no-repeat;}
.nav_icon7{ background: url(jd_nav_icon7.png) 0 0 no-repeat;}
.nav_icon8{ background: url(jd_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;}

/*.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(tsjd_sy.png) no-repeat;}
.sub_nav #nav_item1 .nav_item_active{ background:url(tsjd_sy_on.png) no-repeat;}


.sub_nav #nav_item2{ top:56px; left:-28px; }
.sub_nav #nav_item2 .nav_item{background:url(tsjd_tsgk.png) no-repeat;}
.sub_nav #nav_item2 .nav_item_active{ background:url(tsjd_tsgk_on.png) no-repeat;}

.sub_nav #nav_item3{ top:132px; right:0px; }
.sub_nav #nav_item3 .nav_item{background:url(tsjd_jggk.png) no-repeat;}
.sub_nav #nav_item3 .nav_item_active{ background:url(tsjd_jggk_on.png) no-repeat;}

.sub_nav #nav_item4{ top:206px; left:-28px; }
.sub_nav #nav_item4 .nav_item{background:url(tsjd_sqxx.png) no-repeat;}
.sub_nav #nav_item4 .nav_item_active{ background:url(tsjd_sqxx_on.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; background:url(ddd_03.png) repeat}
/*.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;**/
    }
.chanl_item{ width: 830px; height: 440px; padding:45px 30px 15px; overflow: auto;}
.chanl_item_01{width: 852px; height: 500px; padding-left:8px; overflow: auto;background-image:url(lm_b_03_001.png);;background-position:left; background-repeat:no-repeat;}



/********* street ***********/
/***********泰山街道 左  start***************/
.backentrance{ width:44px;height:167px; right:-54px; top:0px; position:absolute;}
.tsjd_sy_lf{float:left;width:400px;}
.tsjd_jgjs_lf{float:left; display:block; color:#027ccc; line-height:25px;font-size:16px; font-weight:bold;width:85px; border-bottom:2px solid #027ccc; text-align:center}
.tsjd_jgjs_lr{display:block; float:right; width:305px; border-bottom:1px solid #bfbfbf; padding:0px 10px 1px 0px;height:25px; line-height:25px; text-align:right; font-size:14px}
.tsjd_jgjs_lr a:hover{color:#F00}
.tsjd_jgjs_lr_02{width:390px;padding:10px 5px;line-height:25px; font-size:14px}
.tsjd_jgjs_map{height:212px}
.tsjd_jgjs_map_lf{width:242px; height:210px; border:1px solid #bfbfbf; display:block; float:left}
.tsjd_jgjs_map_lr{width:127px; height:212px;display:block; float:right; background:url(tsjd_map_lr.png); padding:0px 10px}
.tsjd_jgjs_map_lr_sq{height:22px; line-height:22px; color:#ffffff;; text-align:center; width:100%; margin-bottom:10px}
.tsjd_jgjs_map_lr_01{line-height:25px; color:#545454}
.tsjd_jgjs_map_lr_02{line-height:25px; color:#545454; text-indent:5em}
.tsjd_jgjs_ggsq{ margin-top:10px}
.tsjd_jgjs_ggsq_out{display:block; float:left;width:90px; text-align:left; height:28px; line-height:28px;font-size:14px; margin-right:10px; cursor:pointer}
.tsjd_jgjs_ggsq_on{display:block; float:left;width:90px; text-align:left; height:28px; line-height:28px;font-size:14px; margin-right:10px;color:#ffffff; background:#2b81ff; cursor:pointer}
.tsjd_jgjs_ggsq_out_01{display:block; float:left; text-align:left; height:28px; line-height:28px;font-size:14px; margin-right:5px; cursor:pointer}
.tsjd_jgjs_ggsq_on_01{display:block; float:left;text-align:left; height:28px; line-height:28px;font-size:14px; margin-right:5px;color:#ffffff; background:#2b81ff; cursor:pointer}
/**********泰山街道 右  start****************/
.tsjd_sy_lr{width:400px; float:right}
.tsjd_jddt_lb{width:390px;height:180px; margin:15px 5px; line-height:30px; font-size:14px}
.tsjd_jddt_lb a:hover{color:#f00}
.tsjd_jddt_lb_lf{display:block; float:left;color:#4f4f4f}
.tsjd_jddt_lb_lr{display:block; float:right; color:#929292}
.tsjd_tsgk{margin-top:10px}
.tsjd_tsgk_lf{display:block; float:left;width:190px; padding:0px 5px;line-height:22px;font-size:13px}
.tsjd_tsgk_lr{display:block; float:right}
.tsjd_tsgk_lr img{width:199px; height:154px; border:none}

.lmwe{ width:830x; height:33px; line-height:33px; border-bottom:solid 1px #2869b9; text-align:right; margin-top:-10px; margin-bottom:20px }
.lmwe1{ float:left; line-height:30px;}
.lmwe2{ float:left; padding-left:10px; padding-right:10px; font-size:14px}
.lmwe3{ float:right; padding-left:10px; padding-right:10px; font-size:14px}


.bmty_zwgk{width:830px;}
.bmty_zwgk li{width:400px; float:left;line-height:33px; border-bottom:1px dashed #999; font-size:14px}
.bmty_zwgk li span:nth-of-type(odd){display:block; float:left;color:#4f4f4f}
.bmty_zwgk li span:nth-of-type(even){display:block; float:right;color:#929292}
.bmty_zwgk li:nth-of-type(odd){margin-right: 30px;}
/********* 栏目 ***********/
.lm_top{ height:440px; width:200px; float:left;}
.lm_top1{ float:left; height:45px; width:6px;}
.lm_top2{ float:left; height:45px; padding-left:20px; padding-right:20px; background-image:url(lm_05.png); line-height:45px; font-size:16px; color:#FFF; font-weight:bold; width:64px; text-align:center}
.lm_top3{ float:left; height:45px; width:6px;}
.lmb{ height:45px; line-height:45px; width:116px; text-align:center; font-size:16px; border-bottom:solid 1px #999999;}

.lm_lf{float:left; width:170px; background:url(jd_lmy_tzgg_bj.png); height:280px; padding:95px 19px 108px; margin-top:8px}
.lm_lf_01{float:left; width:208px; height:483px; margin-top:8px}


.lm_r{ float:right; width:600px; height:440px;}
.lmwe{ width:600px; height:30px; line-height:30px; border-bottom:solid 1px #2869b9;}
.lmwe{ width:600px; height:30px; line-height:33px; border-bottom:solid 1px #2869b9; text-align:right; margin-top:10px;}
.lmwe1{ float:right; line-height:30px;}
.lmwe2{ float:right; padding-left:10px; padding-right:10px; font-size:14px}
.list_con{ width:570px;  padding:0 15px;}
.list_con ul { width:570px; }
.list_con ul li{ width:560px; height:35px; padding-left:10px; font-size:14px; background:url(dot_07.png0); line-height:35px;}
.list_con1{ width:75%; margin-left:10px;}
.list_time{ width:15%;}
.list_con_nr{line-height:28px; font-size:14px}

.pageLeader{ width:130px;  height:150px; margin:0 auto 15px;}

/*****************公示公告**********/
.list_top{ width:842px;height:27px; overflow:hidden; float:left; }
.list_top .Empty{ width:40px; height:40px; float:left;}
.hot{ width:842px;height:40px;}
.hot ul{ width:842px; height:27px; overflow:hidden; margin:0;padding:0;}
.hot ul li{ height:30px; float:left;line-height:27px; padding:0px 10px; list-style:none }
.hot ul li a{ font-size:12px; text-decoration:none; color:#000}



/* 街道领导分工 */
.jd_leader{ width:100%; height:400px; overflow:auto; padding:20px 0;}
.jd_leader li{ float:left; width:275px; padding:0 0 0 8px; margin-bottom:10px; padding-bottom:5px; overflow:hidden;  border-bottom:1px dashed #ccc;}
.jd_leader .firstLeader{ width:570px; padding-left:8px; }

.leader_img{ min-height:175px;}
.leader_info{ margin-left:145px;}
.leader_info p{ line-height:30px;}

.jd_leader2{ width:100%; height:380px; overflow:auto;}
.jd_leader2 li{ float:left; height:150px; padding:15px;  border:1px solid #CCC; width:248px; margin-left:5px; margin-bottom:10px;}
.jd_leader2 .firstLeader{ width:248px; padding:15px;  border:1px solid #CCC; margin:0 auto 10px; float:none; clear:both;}

.jd_leader2 .leader_img{ height:150px;}
.jd_leader2 .leader_info{ margin-left:117px; height:150px; overflow:auto;}
.jd_leader2 .leader_info p{ line-height:30px;}