@charset "gb2312";
html, body { margin:0px; padding:0; font-family:"Microsoft YaHei","微软雅黑"; background:url(../images/20210418jtdtbj.jpg); }
div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,img,button {border:0;  padding:0; margin:0; font-weight:normal; } 
table,td,tr,th{font-size:12px;}
li{list-style-type:none;list-style:none;}
img{vertical-align:top;border:0;}
h1,h2,h3,h4,h5,h6,p,em,i,b,span { margin:0; padding:0; font-weight:normal; font-style:normal;}
ol,ul {list-style:none;}
address,cite,code,th {font-weight:normal;font-style:normal;}
img:hover { opacity:1; filter: alpha(opacity=100); }
.fl { float:left; }
.fr { float:right; }
a { color:#404040; text-decoration:none; }
a:hover{ color:#e20004; text-decoration:none;}
div,ul,li,h1,h2,h3,h4,h5,h6,dl,dd,dt { box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }

.amn { transition:all ease-out .3s 0s;-webkit-transition:all ease-out .3s 0s;-moz-transition:all ease-out .3s 0s;-o-transition:all ease-out .3s 0s; }
.amn img { transition:all ease-out .3s 0s;-webkit-transition:all ease-out .3s 0s;-moz-transition:all ease-out .3s 0s;-o-transition:all ease-out .3s 0s; }
.amn:hover img { -webkit-transform:scale(1.05); -moz-transform:scale(1.05); -ms-transform:scale(1.05); -o-transform:scale(1.05); transform:scale(1.05);}

.header { width:100%; margin:0 auto; overflow:hidden; background:url(../images/header.jpg) center top no-repeat; text-align:center;  }


.warp { width:1200px; margin:0 auto; overflow:hidden; background:#fefcf6; padding:45px 50px;  }
.marB30 { margin-bottom:30px; }
.warp2 { width:1200px; margin:0 auto; overflow:hidden;  }

/*公告*/
.tt { width:100%; float:left; padding:0 0 40px 0; }
.tt span { width:100%; float:left; font-size:40px; line-height:44px; font-weight:bold; margin-bottom:18px; color:#d92a2d; text-align:center; height:44px; overflow:hidden;}
.tt p { width:100%; float:left; font-size:16px; color:#888; font-weight:normal; line-height:22px; max-height:44px; overflow:hidden;}
.tt:hover span { color:#e20004;}

.w620 { width:620px; }

.foucs { width:100%; height:380px; position:relative; overflow:hidden;}
.foucs .piclist { width:100%; position:absolute; }
.foucs .piclist li { width:100%; float:left; height:380px; overflow:hidden; }
.foucs .piclist li img { width:100%; height:380px; display:block; }
.foucs .piclist li span { width:620px; height:78px; font-size:20px; line-height:24px; color:#fff;  text-shadow: 1px 1px 1px rgba(0,0,0,.5); position:absolute;  text-align:center; background:-webkit-gradient(linear,0 0,0 100%,from(rgba(0,0,0,0)),to(rgba(0,0,0,.8))); bottom:0px; }
.foucs .piclist li span p { height:24px; overflow:hidden; width:90%; float: left; margin-left:5%; }
.foucs .pager { width:100%; height:8px; position:absolute; left:0; bottom:25px; z-index:1; text-align:center;}
.foucs .pager ul li { display:inline-block; zoom:1; width:10px; height:10px; margin:0 3px; line-height:99px; overflow:hidden; background:#fff; cursor:pointer;  border-radius:6px;}
.foucs .pager ul li.on { background:#e20004; height:10px; width:40px;}
.foucs .prev,.foucs .next { width:32px; height:40px; background:rgba(0,0,0,.5); top:50%; margin-top:-20px; cursor:pointer; position:absolute; z-index:9999; text-align:center; line-height:40px; font-size:24px; color:#bbb; font-family: Georgia; font-weight:bold; }
.foucs .prev { left:-32px; }
.foucs .next { right:-32px; }
.foucs:hover .prev { background:rgba(0,0,0,.8); left:0; color:#fff;}
.foucs:hover .next { background:rgba(0,0,0,.8); right:0; color:#fff;}

.w440 { width:440px; }
.news { width:100%; float:left; margin-top:-8px; }
.news ul li { font-size:16px; line-height:47px; overflow:hidden; height:47px; border-bottom:1px dashed rgba(165,128,65,.2); width:100%; padding: 0 0 0 25px; background: url(../images/yuan.png) left center no-repeat;}
.news ul li b { color:#a58041; padding:0 9px 0 0px; display: none; }
.news ul li a { color:#a58041; }
.news ul li a:hover{ color:#e20004;}
.news h3 { float:right; margin-top:22px; }
.news h3 a { display:inline-block; font-size:14px; color:#666; background:#f8f8f8; padding:0 12px; line-height:38px; }
.news h3 a:hover { color:#fff; background:#f45c2d; }


.lm { width:100%; position:relative; margin-bottom:40px; text-align:center; float:left; }
.lm span { font-size:40px; line-height:50px; font-weight:bold; color:#d92a2d;}
.lm p { color:#d0b359; font-size:18px; line-height:40px; font-family:"\5B8B\4F53"; }
.lm b { margin:0 auto; display:block; width:160px; height:5px;  background:#e5d39c; margin-top:15px; }
.lm i { height:1px; display:block; width:100%; background:#e5d39c; position:absolute; top:107px; }


/*本地动态*/
.bddt { width:100%; float:left; margin-bottom:-20px; }
.bddt ul li { width:48.5%; float:left; padding:0 0 24px 0;  border-bottom:1px dotted rgba(165,128,65,.2);margin-bottom:20px; }
.bddt ul li .pic { float:left; width:33%; height:100px; margin-top:4px; }
.bddt ul li .pic img{ width:100%; height:120px; display:block; -webkit-transition:all .3s linear;  -moz-transition:all .3s linear;  -o-transition:all .3s linear; transition:all .3s linear;}
.bddt ul li .pic:hover img { -webkit-transform:translateX(15px);-moz-transform:translateX(15px);-ms-transform:translateX(15px);-o-transform:translateX(15px);transform:translateX(15px); }
.bddt ul li .con{ float: right; width: 62.5%; }
.bddt ul li .con h2 { width:100%; float:left; height:128px; overflow:hidden; }
.bddt ul li .con h2 span { width:100%; float:left; max-height:56px; line-height:26px; font-size:18px; color:#a58041; margin-bottom:8px; overflow:hidden;  }
.bddt ul li .con h2 p { width:100%; float:left; line-height:22px; font-size:14px; color:#999; }
.bddt ul li:hover .con h2 span { color:#e20004; }
.bddt ul li:nth-child(2n){ float:right; }


.ad { width:100%; float:left;  margin-top:25px; }
.ad ul li { width:48.5%; float:left; }
.ad ul li:nth-child(2n) { float:right; }
.ad img { width:100%; height:auto; }


/*建党百年红歌展*/
.hgb { width:100%; float:left; margin-bottom:-20px; }
.hgb ul li { width:23.35%; float:left; margin-right:2.2%; margin-bottom:20px;  }
.hgb ul li h2 { width:100%; float:left; height:170px; overflow:hidden; }
.hgb ul li h2 img { width:100%; height:100%; }
.hgb ul li h3 { width:100%; float:left; font-size:16px; color:#a58041; line-height:24px; text-align:center; height:60px; overflow:hidden; padding:12px 0 0 0;  }
.hgb ul li:hover h3 { color:#e20004; }
.hgb ul li:nth-child(4n) { margin-right:0; }


/*建党百年影片展*/
.ypz { width:100%; float:left; margin-bottom:-20px; }
.ypz ul li { width:23.35%; float:left; margin-right:2.2%; margin-bottom:20px;  }
.ypz ul li h3 { width:100%; float:left; }
.ypz ul li h3 .p { width:100%; height:170px; position:relative; overflow:hidden; display:block;  border-radius:0; }
.ypz ul li h3 .p img { width:100%; height:100%; position:absolute; left:0; top:0; -webkit-transition:-webkit-transform .3s linear;-moz-transition:-moz-transform .3s linear;-o-transition:-o-transform .3s linear;transition:transform .3s linear;}
.ypz ul li:hover h3 .p img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1); }
.ypz ul li h3 .p em { width:40px; height:40px; display:block; background: url(../images/player.png);background-size:cover; overflow:hidden; position:absolute; top:50%; left:50%; cursor:pointer; transform:rotate(0deg); -webkit-transform:rotate(0deg); filter:alpha(opacity=100);-moz-opacity:1;opacity:1; margin-left:-20px; margin-top:-20px; }
.ypz ul li:hover h3 .p em { transform:rotate(-180deg);-webkit-transform:rotate(-180deg); filter:alpha(opacity=100);-moz-opacity:1;opacity:1 }
.ypz ul li h4 { width:100%; float:left; font-size:16px; color:#a58041; line-height:24px; text-align:center; height:60px; overflow:hidden; padding:12px 0 0 0;  }
.ypz ul li:hover h4 { color:#e20004; }
.ypz ul li:nth-child(4n){  margin-right:0;}


.more { float:right; margin-top:20px; }
.more a { display:inline-block; font-size:14px; color:#fff; background:rgba(165,128,65,.5); padding:0 12px; line-height:38px; }
.more a:hover { color:#fff; background:#e20004; }

.more2 { float:right; margin-top:20px; }
.more2 a { display:inline-block; font-size:14px; color:#666; background:#f5f5f5; padding:0 12px; line-height:38px; }
.more2 a:hover { color:#fff; background:#e20004; }


.footer { width:100%; float:left; font-size:16px; line-height:26px; color:#f9d392; padding:24px 0; text-align:center; } 
.footer a { color:#f9d392; }
.footer a:hover { color:#fff; }




.newslist { width:100%; float:left; margin:-8px 0 10px 0;  }
.newslist ul li { font-size:16px; line-height:48px; overflow:hidden; height:48px; border-bottom:1px dashed rgba(165,128,65,.2); width:100%; padding: 0 0 0 25px; background: url(../images/yuan.png) left center no-repeat;}
.newslist ul li span { font-size:14px; float:right; color:#999; }
.newslist ul li a { color:#a58041; }
.newslist ul li a:hover{ color:#e20004;}





@media screen and (max-width:999px) and (min-width: 160px){
.header,.footer{ width:1200px; }
}