@charset "utf-8";
/* CSS Document */
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary,time, mark, audio, video {
  margin:0; padding:0; border:0; font-size:100%; font:inherit; 
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
body{ font-size:14px; font-family:"Microsoft Yahei",Arial, Helvetica, sans-serif; }
ol, ul{list-style: none;}
blockquote, q{  quotes: none;}
blockquote:before, blockquote:after,q:before, q:after {  content:'';  content:none; }
table {  border-collapse: collapse;  border-spacing: 0; }

*{margin:0; padding:0;}
a{text-decoration:none;}
img{border:none;}
.fl{float:left;}
.fr{float:right;}
a:link, a:visited{color: #3d3d3d;text-decoration: none;}
a:hover, a:active{color: #bf0b0c; }

.clear { clear: both; *height: 0; *font-size: 0; *line-height:0; }
.clearfix { *zoom: 1; }
.clearfix:after { content: ""; display: table; clear: both; }

.lmtw{width:1200px; margin:0 auto; position:relative; }

body{background: url(../images/bj.png) no-repeat center 280px;}

/* -----------党建联盟------------ */
.head{ width:100%; height:auto; background:#eee; margin:0 auto;}
iframe{margin-left: 21px;}
.unit{ background:#f6b84b; border-bottom:3px solid #07357f; }
.unit_center{ width:1200px; height:40px; margin:0 auto; background:url(../images/lianmeng.png) no-repeat 9px center;}
.lianjie1{ float:right; line-height:46px; height:40px;}
.lianjie1 a{color: #151b20;font-size: 12px;}
.nowat{ width:1200px; margin:0 auto;}
.nowat1{ color:#000; padding:12px 0px 18px 7px; text-indent:9px;}
.nowat1 a{ color:#000; }
.nowat2{ color:#062e6c; font-size:32px; font-weight:bold; text-indent:17px;border-bottom: 1px solid #ffffff;padding-bottom: 17px;}
.nowat2 font{ font-size:14px; color:#666666; padding-left:14px; font-weight:normal;}
.nowat3{text-indent: 9px;}
.nowat3 a{font-size: 20px;color: #333333;line-height: 65px;margin-right: 105px;font-weight: bold;}


/* -----------头部------------ */
/* .search{width:308px; height:30px; line-height:30px; background:#f0f0f0; border-radius:16px;z-index: 10;margin: 35px auto 0px;border: 1px solid #ffffff;}
.ipt-btn, .ipt-text{border:none; outline:none; height:30px;  }
.ipt-text{background:none; float:left; width:241px; padding:0 16px; font-size:16px; color:#8d8d8d; }
.ipt-btn{background:url(../images/ss.png) no-repeat center center; width:24px;height: 27px; float:right; margin-right: 9px;} */

.search{width:308px; height:30px; line-height:30px; background:#f0f0f0; border-radius:16px;z-index: 10;margin: 35px auto 0px;border: 1px solid #ffffff;}
.ipt-text, .ipt-btn{border:none; outline:none; height:30px;}
.ipt-text{background:none; float:left; width:241px; padding:0 16px; font-size:16px; color:#8d8d8d; }
.ipt-btn{background:url(../images/ss.png) no-repeat center center; width:24px;height: 27px; float:right; margin-right: 9px;}

.logo{padding: 56px 0 0px;text-align: center;position: relative;}


/* -----------导航------------ */
.nav{background-color: #bf0b0c;height: 52px;margin-top: 121px;padding: 0px 45px;}
.nav ul a{font-size: 24px;color: #ffffff;line-height: 52px;text-align: center;display: block;}
.nav ul a li{float: left;margin: 0px 21px;width: 116px;}
.nav ul a li:hover{background-color:#ffffff;color:#bf0b0c;}


/* -----------党建动态------------ */
.djdt{background: url(../images/bt1.png) no-repeat center top;height: auto;margin-top: 39px;}
.djdt h2 a{font-size: 24px;color: #bf0b0c;line-height: 77px;text-align: center;font-weight: bold;display: block;}
.djdt h2 a:link, .djdt h2 a:visited, .djdt h2 a:active {transition: all 0.4s linear 0s;}
.djdt h2 a:hover {margin-left: 30px;}

.djdt_x{margin-top: 36px;height:392px;}
.djdt_x ul li{width: 386px;height: 392px;float: left;background-color: #eeeeee;}
.djdt_x li div{width: 350px;height: 104px;margin: 0px auto;}
.djdt_x ul li div h6 a{color: #bf0b0c;line-height: 26px;font-size: 18px;font-weight: bold;}
.djdt_x ul li div h6 a:hover{text-decoration:underline;}
.djdt_x ul li div span{color: #bfbfbf;line-height: 30px;font-size: 14px;}
.djdt_x ul li a{font-size: 14px;color: #bf0b0c;}

.djdt_x ul li a:hover{text-decoration:underline;}
.djdt_x ul li a img{width: 350px;height: 210px;margin: 19px auto 16px;display: block;}
.djdt_x ul li div p{color: #292929;line-height: 26px;}
.djdt_x ul li div p:hover{color: #bf0b0c;}
.zaq{margin: 0px 21px 0px 21px;}

@-moz-keyframes tada{
    0%{-moz-transform:scale(1);}
    10%,20%{-moz-transform:scale(0.9) rotate(-5deg);}
    30%,50%,70%,90%{-moz-transform:scale(1.2) rotate(5deg);}
    40%,60%,80%{-moz-transform:scale(1.2) rotate(-5deg);}
    100%{-moz-transform:scale(1) rotate(0);}
   }
@-webkit-keyframes tada{
    0%{-webkit-transform:scale(1);}
    10%,20%{-webkit-transform:scale(0.9) rotate(-5deg);}
    30%,50%,70%,90%{-webkit-transform:scale(1.2) rotate(5deg);}
    40%,60%,80%{-webkit-transform:scale(1.2) rotate(-5deg);}
    100%{-webkit-transform:scale(1) rotate(0);}}
.djdt_x ul li a:hover img{
  -webkit-animation: tada 1s .2s ease both;
  -moz-animation: tada 1s .2s ease both;
}


/*---------多图横向滚动效果------------*/
.zttp{width:1200px; margin:44px auto 0;}
.rollBox{background-color: #fff; overflow:hidden; width: 100%; position: relative;}
.rollBox .Cont{width:100%;overflow:hidden; margin: 0px 0px;}
.rollBox .ScrCont{width:10000000px;}
.rollBox .Cont .pic{width:386px;float:left;text-align:center;margin-right: 21px;}
.rollBox .Cont .pic img{width: 386px;height: 120px; /*padding:0 5px;*/background:#fff; display:block;margin:0 auto;}
.rollBox .Cont .pic p{line-height:26px;color:#505050;}
.rollBox .Cont a:link,.rollBox .Cont a:visited{color:#626466;text-decoration:none;}
.rollBox .Cont a:hover{color:#f00;text-decoration:underline;}
.rollBox #List1,.rollBox #List2{float:left;}



/*---------街道介绍   组织机构------------*/
.jdzz{height: 467px;background: url(../images/bj2.jpg);margin-top: 43px;padding-top: 58px;}

/*---------街道介绍------------*/
.jdjs{width: 578px;float: left;}
.jdjs p{text-indent: 2em;line-height: 28px;margin-top: 31px;text-align: justify;font-size: 16px;padding-left: 18px;}.
.jdjs p:hover{color:#bf0b0c;}
.jdjs p a{color: #bf0b0c;}

.jdjs_s{background: url(../images/bt2.png) no-repeat 1px center;height: 79px;}
.jdjs_s h2 a{line-height: 79px;font-size: 30px;color: #bf0b0c;font-weight: bold;text-indent: 98px;margin-left: 95px;}
.jdjs_s h2 a:link{transition: all 0.4s linear 0s;}
.jdjs_s h2 a:hover {margin-left: 125px;}
/*---------组织机构------------*/
.zzjg{width: 571px;float: left;margin-left: 51px;}
.zzjg_s{background: url(../images/bt2.png) no-repeat left center;height: 79px;}
.zzjg_s h2 a{line-height: 79px;font-size: 30px;color: #bf0b0c;margin-left: 95px;margin-top: 30px;font-weight: bold;}
.zzjg_s h2 a:link{transition: all 0.4s linear 0s;}
.zzjg_s h2 a:hover {margin-left: 125px;}
.zzjg ul{margin-top: 31px;}
.zzjg ul li{width: 170px;margin: 0px 10px;float: left;}
.zzjg ul li img{width: 100%;height: 227px;}
.zzjg ul li  h2 a{font-size: 18px;color: #dc0303;text-align: center;line-height: 28px;display: block;}
.zzjg ul li h2 a:hover{font-weight: bold;}
.zzjg ul li span{font-size: 14px;color: #353434;text-align: center;line-height: 18px;display: block;padding: 0px 16px;}
.picScroll-left{margin-top:37px;}



/*---------党员教育------------*/
.dyjy{width: 387px;float: left;margin-top: 51px;height:340px;}
.dyjy_s{background: url(../images/bt3.png) no-repeat center left;height: 77px;}
.dyjy_s a{font-size: 30px;color: #bf0b0c;text-indent: 95px;line-height: 77px;display: block;font-weight: bold;}
.dyjy_s a:link{transition: all 0.4s linear 0s;}
.dyjy_s a:hover {margin-left: 35px;}
.dyjy ul{margin-top: 35px;}
.dyjy ul li{background: url(../images/jt.jpg) no-repeat 10px center; padding-left: 43px;line-height: 38px;font-size: 16px;}
.dyjy ul li a{color: #353434;}
.dyjy ul li a:hover{color: #bf0b0c; }

/*---------三务公开------------*/
.swgk{width: 387px;float: left;margin-left: 22px;margin-top: 51px;}
.swgk_s{background: url(../images/bt3.png) no-repeat center left;height: 77px;}
.swgk_s a{font-size: 30px;color: #bf0b0c;text-indent: 95px;line-height: 77px;display: block;font-weight: bold;}
.swgk_s a:link{transition: all 0.4s linear 0s;}
.swgk_s a:hover {margin-left: 35px;}
.swgk ul{margin-top: 35px;}
.swgk ul li{background: url(../images/jt.jpg) no-repeat 10px center; padding-left: 43px;line-height: 38px;font-size: 16px;}
.swgk ul li a{color: #353434;}
.swgk ul li a:hover{color: #bf0b0c; }




/*---------政策法规------------*/
.zcfg{width: 387px;float: left;margin-left: 17px;margin-top: 51px;}
.zcfg_s{background: url(../images/bt3.png) no-repeat center left;height: 77px;}
.zcfg_s a{font-size: 30px;color: #bf0b0c;text-indent: 95px;line-height: 77px;display: block;font-weight: bold;}
.zcfg_s a:link{transition: all 0.4s linear 0s;}
.zcfg_s a:hover {margin-left: 35px;}
.zcfg ul{margin-top: 35px;}
.zcfg ul li{background: url(../images/jt.jpg) no-repeat 10px center; padding-left: 43px;line-height: 38px;font-size: 16px;}
.zcfg ul li a{color: #353434;}
.zcfg ul li a:hover{color: #bf0b0c; }




/*---------多图横向滚动效果(下)------------*/
.scrollbox{width:100%;margin:40px auto 0 auto;}
.pic-list{height:77px;overflow:hidden;position:relative;}
.pic-list ul{position:absolute;left:0px;top:0px;}
.pic-list .picture{float:left;width:284px;height:77px;position:relative;margin-right: 16px;}


/*---------底部------------*/
.foot{background-color: #bf0b0c;height: 85px;padding-top: 25px;margin-top: 44px;}
.foot p{text-align: center;color: #ffffff;font-size: 14px;line-height: 25px;}
.foot p a{color: #ffffff;}







/* --------------通用列表页-------------- */
.list_main{background-color: #ffffff; margin:0px auto 0;padding: 20px 40px;}
.chntit {height: 58px;border-bottom: 1px solid #f0f0f0;padding: 0 20px;}
.chntit h2 {font-size: 30px;color: #bf0b0c;float: left;line-height: 58px;font-weight: bold;}
.chntit_r{float: right;height: 33px;line-height: 33px;margin-top: 15px;background: url(../images/location.png) no-repeat left center;padding: 0 10px 0 35px;font-size: 14px;color: #bf0b0c;}
.chntit_r a:hover{color: #bf0b0c;}
.news_listul{padding: 28px 0px;}
.fgx {height: 1px;margin: 28px 0;background: #f0f0f0;}


.news_list li{line-height: 35px;background: url(../images/jt.jpg) no-repeat 30px center;padding: 0 30px 0 58px;font-size: 16px;}
.news_list span{margin: 0 10px;float: right;}
.list_box h1{ font-size:20px; text-align: center;margin: 10px 0; }
.list_box_newsInfo{color: #666; text-align: center; border-bottom: 1px dotted #666; }
.list_box_newsContent{font-size: 14px; padding:20px; line-height: 25px; text-indent: 2em; }
.news_list li a:hover{color: #bf0b0c;}


/* --------------翻页-------------- */
.page{height: auto; margin-top: 10px; text-align: center; }
.page a{display: inline-block;border: 1px solid #E8E8E8; margin: 5px; padding: 5px 10px; text-decoration: none;  }
.page a:link{color: #bf0b0c; }
.page a:hover{color: #ffffff; background-color: #bf0b0c;}


/* --------------翻页-------------- */
.pagen{height: auto; margin-top: 10px; text-align: left; }
.pagen a{display: inline-block;border: 1px solid #E8E8E8; margin: 5px; padding: 5px 10px; text-decoration: none;  }
.pagen a:link{color: #bf0b0c; }
.pagen a:hover{color: #ffffff; background-color: #bf0b0c;}



/* --------------通用内容页-------------- */
.listsec{padding-bottom: 20px;}
.location{width: 100%;height: 25px;font-size:16px;color:#545454;border-bottom: 1px solid #cecece;padding-bottom: 5px;padding-top: 20px;background-color: #ffffff;}
.location img{float: left;padding: 0 6px 0 8px;}
.location a:link,.location a:visited{color:#545454; }
.location a:hover,.location a:active{color:#02438d; }
.consec{padding: 50px 70px;border: 1px solid #f1f0f0;background-color: #ffffff;}
.contit{text-align:center; line-height:1.5em; font-size:24px;}
.coninfo{height:35px;text-align: center; background-color: #eae9e9;margin-top:30px;color:#6f6f6f;line-height: 35px;}
.content1{text-indent:2em;text-align:justify; line-height:2em; margin:30px 0; font-size: 16px;}

/* --------------图文列表-------------- */


.qyfc li{width:200px; height:260px; float:left; margin:10px; line-height:25px; font-size:14px;  }
.qyfc li img{width:auto; height:180px; border:5px solid #ccc; margin: 0px auto;display: block;}
.qyfc li span{color:#828181;  }
.qyfc li img:hover{border-color:#bf0b0c; }
.qyfc{padding:10px 10px 0; }

.pilistnr {
    padding: 10px 10px 0;
}
.pilistnr p{text-align: center;}
.pilistnr p a:hover{color:#bf0b0c;}


/* --------------领导之窗-------------- */

.gu-list{padding: 0 44px;}
.gu-list li{padding: 28px 14px;border-top: 1px dashed #e4e4e4;*zoom:1;}
.gu-list li:after{display: block;content: "";clear:both;}
.gu-list li:first-child{border-top: none;}
.gu-list li .gu-pic{width:218px;height:auto;float: left;}
.gu-list li .gu-pic img{width:100%;}
.gu-list li .gu-view{width:680px;float: left;font-size: 16px;line-height: 38px;margin-left: 45px;}
.gu-list li .gu-view a{color: #c9100e;}
.gu-list li .gu-view a:hover{text-decoration: underline;}

.gu-view .gu-bg{position:relative;}
.gu-view .gu-bg h4{font-size: 18px;font-weight:bold;line-height: 36px;padding-bottom: 8px;}
.gu-view em{text-indent: 2em;display: inline-block;}

.gu-view{}

.gu-viceList{padding-top:34px;}
.gu-viceList ul{padding: 0 13px;}
.gu-viceList li{float:left;width:330px;margin: 0 30px 20px 30px;}
.gu-viceList li:after{display: block;content: ""; clear: both;}
.gu-viceList .gu-pic{float:left;width:78px;height: 100px;padding: 1px; border: 1px solid #c3c3c3;margin-right: 14px;}
.gu-viceList .gu-pic img{width:78px;height: 100px;overflow: hidden;}
.gu-viceList li h4{font-size: 16px;color: #000;line-height: 30px;}
.gu-viceList li p{font-size:14px;color: #8f8e8e;line-height: 20px;height:60px;overflow: hidden;}
.gu-viceList li a{display: block;background: #efefef;padding: 10px;height: 104px;}
.gu-viceList li a:hover{background:#237ec7;color: #eaf6ff;}
.gu-viceList li a:hover h4{color: #eaf6ff;}
.gu-viceList li a:hover p{color:#b5d5ef;}
.gu-viceList li a:hover .gu-pic{border:1px solid #6aa1d6;background: #a8c7e0;}


/* -----------移动端------------------ */
.sj{display: none;}
.mbr{display: none;}


@media (max-width: 768px){
  
/* --------------隐藏-------------- */
.nav{display: none;}
.mbr{display: block;}
.head{width: 96%;}

.lmtw{width:96%;}
iframe{border: none;width: 100%;}
.nowat{width: 100%;}
.unit_center{width: 100%;}
.logo img {
    height: auto;
    max-width: 100%;
}
.nav_x{height: auto;}
.nowat3 a{margin-right:10% ;}
.sj{margin-top: 146px;display: block;}

/*---------------------------------------------------------------------------------------------------------------手机站导航开始----------*/
.sp_header{height:50px;overflow:hidden;background:#bf0b0c;z-index:10;width:100%;position: relative;}
.sp_logo{padding:0px 0px 0px 20px;float:left;height:50px}
.sp_logo img{margin:auto;max-height:30px;}
.sp_nav{width:50px;float:right;position:relative;cursor:pointer;height:30px;margin-top:15px}
.sp_nav span{display:block;background:#ffffff;width:30px;height:2px;position:absolute;left:10px;transition:all ease 0.35s}
.sp_nav span:nth-of-type(1){top:0px}
.sp_nav span:nth-of-type(2){top:10px}
.sp_nav span:nth-of-type(3){top:20px}
.sp_nav_se span:nth-of-type(1){top:10px;transform:rotate(45deg)}
.sp_nav_se span:nth-of-type(2){width:0}
.sp_nav_se span:nth-of-type(3){top:10px;transform:rotate(-45deg)}
.sjj_nav{position:absolute;z-index:39;background:#eee;width:100%;font-size:14px;line-height:40px;top:-1000px;left:0;overflow:auto;overflow-x:hidden;transition:top ease 0.65s;}
.nav_show{top:50px}
.sjj_nav>ul>li:first-child{overflow:hidden;border-top:0}
.sjj_nav>ul>li:first-child>a{float:left;width:calc(100% - 70px)}
.sjj_nav ul li i{position:absolute;top:5px;right:0px;border-left:1px #ddd solid;height:30px;padding:0px 7px 0 7px;}
.sjj_nav ul li i svg{transform:rotate(-90deg);transition:all ease 0.35s}
.sjj_nav ul li .sjj_nav_i_se svg{transform:rotate(0deg)}
.sjj_nav ul li{border-top:1px #ddd solid;margin-left:20px;position:relative;line-height:40px;font-size:14px}
.sjj_nav>ul >li:last-child{border-bottom:1px #ddd solid;}
.sjj_nav ul li ul{display:none}
.sjj_nav ul li a{color:#666;width:80%}
.sjj_nav ul li ul li a{color:#999;display:block;text-align:left;}
.sjj_nav ul li i svg{width:20px;height:20px;fill:#555;}
.sjj_nav ul li .sjj_nav_i_se svg{fill:#c9141e}
.sjj_nav ul li ul li>ul{margin-left:10px}


.sp_logo a{font-size: 18px;font-weight: bold;line-height: 50px;color: #ffffff;}



/*---------------------------------------------------------------------------------------------------------------手机站导航结束----------*/



.djdt_r ul li{float:left}
.dyjy ul li{float:left;width: 91%;
    overflow: hidden;
    display: block;
    white-space: nowrap;}
.swgk ul li{float:left}
.swgk ul li{float:left;width: 91%;
    overflow: hidden;
    display: block;
    white-space: nowrap;}
.zcfg ul li{float:left;width: 91%;
    overflow: hidden;
    display: block;
    white-space: nowrap;}




.djdt_x ul li a img {
    width: 96%;
    height: auto;}
    .djdt_x li div{width: 100%;}

.djdt_x ul li {
    width: 100%;margin-top: 15px;height: 526px;}
    .zaq {
    margin: 0px 21px 0px 0px;
}
.jdjs p{padding-left: 0px;}
.jdjs {
    width: 100%;}
.picList{width: ;}
.tempWrap{width: 100% !important;}
.picScroll-left{height: 253px;overflow: hidden;width: 191px;
    margin: 36px auto 0px;}

.focus, .focus img, .focusImage-inner, .focusImage{width:100%; height:auto; float:none; }
.focusImage-title{overflow:hidden; }
.focusImage-slide{position:absolute;z-index:15; left:50%; bottom:40px; margin-left:-70px; bottom:45px;right: 0px;}

.djdt_r{margin-left: 0px;width: 100%;}

.zttp{width: 100%;}

.zzjg {
    width: 100%;margin-left: 0px;margin-top:15px;}
.zzjg ul li {
    /*width: 30%;
    margin: 0px 1%;*/
}

.dyjy {
    width: 100%;
    margin-left: 0px;
    height: 100%;}
.swgk {
    width: 100%;
    margin-top: 35px;
    height: auto;
    margin-left: 0px;
}
.zcfg {
    width: 100%;
    float: left;
    margin-left: 0px;
    margin-top: 51px;
}
.foot{height: auto;}

.scrollbox{width: 284px;}
/* ----图片列表页--- */
.list_box2{width: 100%;float:left;padding: 0px;margin-top: 25px;}
.piclist{padding:20px 0px; text-align:center; }
.piclist li{float:none; display:inline-block; width:100%; height:auto; margin:0 0 10px; }
.piclist li img{height:auto; }
.qyfc li img{width: 96%;}

.chntit h2 {
    float: none;
    line-height: 50px;
}
.chntit_r{
    float: none;
    display: inline-block;
    margin-top: 5px;
}
.chntit {
    height: auto;}
    
    
.news_list li{
    line-height: 30px;
    background: url(../images/jt.jpg) no-repeat 20px 12px;
    padding: 0 20px 0 45px;
    }
.news_list span{margin: 0px;display: inline-block;}   
 
/* ----图片列表页--- */   
.piclist{padding:20px 0px; text-align:center; }
.piclist li{float:none; display:inline-block; width:100%; height:auto; margin:0 0 10px; }
.piclist li img{height:auto; }
.qyfc li img{width: 96%;}

.gu-list li .gu-view {
    width: 100%;
    margin-left: 0px;
}
.gu-list {
    padding: 0 0px;
}

.gu-list li .gu-pic {
    width: 218px;
    height: auto;
    float: none; 
    margin: 0px auto 15px;
}

.gu-viceList li {
    float: left;
    width: 100%;
    margin: 0 0px 20px 0px;
}




}