@charset "utf-8";

.header-container{margin-bottom:60px;}

.web-content-container{min-height:200px;}
.my-container{padding-bottom:60px;background-color:#f3f3f3;}

.my-transition{transition:ease .5s;-webkit-transition:ease .5s;}
.column-title{z-index:3;margin-top:-400px;height:400px;}
.column-title div{position:absolute;top:0;right:0;bottom:0;left:0;background-color:#000; opacity:.3;-webkit-opacity:.3;filter:alpha(opacity=30);}
.column-title h1{position:absolute;top:0;right:0;left:0;margin:0;line-height:400px;color:#fff;font-size:48px;}

.content{font-size:medium;line-height:1.8;/*text-align:justify;*/}
.content h1, .content h2, .content h3, .content h4, .content h5, .content h6, 
.content .h1, .content .h2, .content .h3, .content .h4, .content .h5, .content .h6{line-height:1.25;}
.content h1{margin-bottom:15px;font-size:x-large;}
.content h2{margin-bottom:10px;font-size:large;}
.content h3,.content h4,.content h5,.content h6{font-size:medium;}
.content a{color:#06c;}
.content a:hover{color:#e00;}
.content p{margin-top:0;margin-bottom:15px;}
.content img, .content video{max-width:100%;height:auto;}
.content ul, .content ol{display:block;margin:1em 0;padding-left:40px;}
.content ul{list-style-type:disc;}
.content ol{list-style-type:decimal;}
.content table td, .content table th{padding:5px;}
.content table p{margin-top:5px;margin-bottom:5px;}
.main-content{width:850px;}
@media(max-width:1199px){
	.main-content{width:100%;}
}
@media(max-width:767px){
	.content h1{font-size:22px;}
	.content table{width:100%;}
}
@media(max-width:480px){
	.content{padding:0;}
	.content h1{font-size:20px;}
}
/*文章详情*/
.content h1.articletitle{margin:0 0 30px;padding-top:10px;font-size:x-large;font-weight:bold;text-align:center;}
.content h2.articletitle2{margin:0 0 15px;font-size:large;font-weight:normal;text-align:center;}
.content .articleinfo{position:relative;margin-bottom:30px;padding:15px 0;border-top:1px dashed #ccc;border-bottom:1px dashed #ccc;text-align:center;font-size:14px;line-height:24px;color:#888;}
.content .articlesummary{margin-bottom:20px;padding:1em;border:1px solid #ddd;background:#fffef7;}
@media(max-width:767px){
	.content h1.articletitle,.content h1.articletitle2,.content .articleinfo{text-align:left;}
	.content h1.articletitle{margin-bottom:20px;font-size:22px;}
	.content .articleinfo{margin-bottom:30px;}
}
@media(max-width:480px){
	.content h1.articletitle{font-size:20px;}
}

/*视频、音频播放*/
.video-container{margin:0 auto 20px;width:100%;max-width:1000px;}
.video-container p{margin:0;text-align:center;}
.video-container video{display:block;margin:0 auto;width:100%;max-width:1000px;max-height:600px;background-color:#000;}
.audio-container{margin:0 auto 20px;padding:15px;background-color:#ddd;}
.audio-container audio{display:block;margin:0 auto;width:100%;max-width:600px;}
.audio-container p{margin:10px 0 0;text-align:center;}


/*新闻详情页侧边栏*/
.news-side{float:right;padding-top:10px;width:240px;font-size:medium;}
.news-side .t{display:block;position:relative;border:1px solid #666;padding-left:20px;width:80%;font-size:20px;line-height:48px;color:#666; transition:ease .5s;-webkit-transition:ease .5s;}
.news-side .t:after{display:block;position:absolute;top:0;right:25px;font-size:24px;content:"+";}
.news-side .t:hover{color:#fff;border-color:#f94e00;background-color:#f94e00;}
.news-side-prevnext{margin-top:50px;}
.news-side-prevnext a{display:block;margin-bottom:40px;color:#666; transition:ease .5s;-webkit-transition:ease .5s;}
.news-side-prevnext a div{position:relative;margin-bottom:10px;font-size:large;line-height:27px;font-weight:bold;}
.news-side-prevnext a div:after{display:block;position:absolute;top:13px;right:1px;left:65px;border-top:1px solid #ddd;content:"";}
.news-side-prevnext a:hover{color:#f94e00;}
.news-side-prevnext a:hover p{color:#666;}
.news-side-prevnext a:hover i.time{background-position:0 0;}
@media(max-width:1199px){
	.news-side{display:none;}
}


.button{border:0;width:100px;height:30px;line-height:30px;text-align:center;background:url(/static/images/default/button.gif) 0 0 no-repeat;}
.button:hover{background-position:0 -30px;}
.button:disabled{color:#999;}

.pagebar{clear:both;padding:40px 0 20px;text-align:center;}
.pagebar a{display:inline-block;padding:0 12px;margin:0 3px 10px;font-weight:bold;border:1px solid #ccc;line-height:30px;color:#333;background-color:#fff;text-decoration:none;font-size:14px;}
.pagebar .on, .pagebar a:hover{background-color:#dc3545;border-color:#e47300;color:#fff;}

.prevnext{margin-top:10%;border-top:1px dotted #ccc;padding:10px 0;color:#888;line-height:1.2;}
.prevnext div+div{padding-top:10px;}

.loadmore{padding-top:30px;}
.loadmore .btn{width:30%;}
/*响应式文章列表1*左边时间中间文字右边图片*/
.newslist a{display:block;padding:30px;border:1px solid #f3f3f3;border-bottom:1px solid #ddd;color:#888;background-color:#fcfcfc;}
.newslist .item:nth-child(odd) a{background-color:#f6f6f6;}
.newslist-a{margin-right:30px;width:70px;font-size:16px;line-height:1;text-align:center;}
.newslist-a p{margin-bottom:1px;font-size:60px;font-weight:bold;}
.newslist-b{width:700px;overflow:hidden;}
.newslist .item2 .newslist-b{width:960px;}
.newslist-b{color:#888;}
.newslist-b h3{margin-top:5px;font-size:20px;font-weight:bold;color:#333;}
.newslist-b p{font-size:14px;}
.newslist-b p span{display:none;}
.newslist-b>span{display:block;max-height:48px;line-height:24px;overflow:hidden;}
.newslist-c{width:240px;height:160px;overflow:hidden;}
/*
.newslist a:hover{background-color:#f08519;}
.newslist a:hover .newslist-a, .newslist a:hover .newslist-b, .newslist a:hover .newslist-b h3{color:#fff;}
*/
.newslist a:hover .newslist-c img{transform:scale(1.05);}
.newslist a:hover{border-color:#f08519;}
.newslist a:hover i.time, .newslist a:hover i.click, .newslist a:hover i.source{background-position:0 0;}
@media(max-width:1199px){
	.newslist-b{width:500px;}
	.newslist .item2 .newslist-b{width:760px;}
}
@media(max-width:991px){
	.newslist-b{width:390px;}
	.newslist .item2 .newslist-b{width:670px;}
	.newslist-b h3{font-size:large;}
	.newslist-b p span{display:inline;}
	.newslist-b>span{max-height:40px;line-height:20px;}
}
@media(max-width:767px){
	.newslist a{padding:15px 10px;}
	.newslist-b{width:100%;}
	.newslist .item2 .newslist-b{width:100%;}
	.newslist-b h3{font-size:medium;}
}
/*响应式文章列表2*左边文字右边图片*/
.newslist2 .item .pull-left{padding:35px;width:750px;}
.newslist2 .item .pull-right{overflow:hidden;width:360px;height:240px;}
.newslist2 .item a{display:block;border:1px solid #f3f3f3;border-bottom-color:#ddd;color:#999;background-color:#fcfcfc; transition:all ease .5s;}
.newslist2 .item:nth-child(odd) a{background-color:#f6f6f6;}
.newslist2 .item a h3{position:relative;margin-top:0;margin-bottom:15px;padding-top:20px;font-size:large;color:#111; transition:color ease .5s;}
.newslist2 .item a h3:before{display:block;position:absolute;top:0;left:0;width:2em;height:5px;font-size:24px;background:#fd8700;overflow:hidden;content:"";transition:background ease .5s;}
.newslist2 .item a p{margin-bottom:15px;font-size:14px;}
.newslist2 .item a span{display:block;height:72px;font-size:14px;line-height:24px;overflow:hidden;text-align:justify;}
.newslist2 .item a img{width:100%;min-height:240px;transition:all ease .5s;}
.newslist2 .item a:hover{background:#004389;text-decoration:none;}
.newslist2 .item a:hover h3:before{background:#fff;}
.newslist2 .item a:hover, .newslist2 .item a:hover h3{color:#fff;}
.newslist2 .item a:hover img{transform:scale(1.05);}
.newslist2 .item2 a{padding:35px;}
.newslist2 .item2 a span{height:48px;}
@media (max-width: 1199px){
	.newslist2 .item .pull-left{width:560px;}
	.newslist2 .item a p{margin-bottom:12px;}
	.loadmore .btn{width:40%;}
}
@media (max-width: 991px){
	.newslist2 .item .pull-left{width:430px;}
	.newslist2 .item .pull-right{width:280px;height:180px;}
	.newslist2 .item a .pull-left{padding:22px 25px;}
	.newslist2 .item a h3{font-size:large;}
	.newslist2 .item a p{margin-bottom:8px;}
	.newslist2 .item a img{min-height:187px;}
	.newslist2 .item2 a{padding:30px;}
	.loadmore  .btn{width:50%;}
}
@media (max-width: 767px){
	.newslist2 .item .pull-left{width:100%;}
	.newslist2 .item2 a{padding:25px;}
	.loadmore  .btn{width:80%;}
}
/*响应式文章列表3*左边图片中间文字右边时间*/
.newslist3 a{position:relative;display:block;padding:2%;border:1px solid #f3f3f3;border-bottom-color:#ddd;text-decoration:none;background-color:#fcfcfc;}
.newslist3 a:nth-child(odd){background-color:#f6f6f6;}
.newslist3 a:hover{border-color:#f94e00;}
.newslist3-1{float:left;width:22%;overflow:hidden;}
.newslist3 a:hover img{transform:scale(1.05);}
.newslist3-2{padding-right:12%;padding-left:25%;width:100%;}
.newslist3 .item-no-image .newslist3-2{padding-left:0 !important;}
.newslist3-2 h3{margin:10px 0 15px;max-height:52px;line-height:26px;font-size:22px;font-weight:bold;color:#555;overflow:hidden;}
.newslist3-2 .summary{margin-bottom:20px;max-height:48px;line-height:24px;color:#666;overflow:hidden;display:-webkit-box;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.newslist3-2 .info{display:inline-block;margin-bottom:0;border:1px solid #ddd;background-color:#fff;font-size:14px;line-height:24px;color:#999;border-radius:20px;}
.newslist3-2 .info span{display:inline-block;float:left;padding:0 15px;border-left:1px solid #e3e3e3;}
.newslist3-2 .info span:nth-child(2){border-left-width:0;}
.newslist3-2 .info>.date{display:none;}
.newslist3-2>.date{display:none;font-size:14px;line-height:1;color:#888;}
.newslist3-3{position:absolute;top:50%;right:2%;margin-top:-60px;font-family:Arial;font-size:20px;font-weight:bold;text-align:center;color:#555;}
.newslist3-3 span{display:block;font-size:70px;line-height:60px;}
.newslist3 a:hover, .newslist3 a:hover .newslist3-3{color:#f94e00;}
.newslist3 a:hover h3{color:#000;}
@media(max-width:1199px){
	.newslist3-2{padding-right:0;}
	.newslist3-2 h3{margin-top:0;max-height:48px;font-size:20px;line-height:24px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
	.newslist3-2 .summary{max-height:40px;line-height:20px;}
	.newslist3-2 .info span:first-child{border-left-width:0;}
	.newslist3-2 .info span:nth-child(2){border-left-width:1px;}
	.newslist3-2 .info>.date{display:block;}
	.newslist3-3{display:none;}
}
@media(max-width:991px){
	.newslist3 a{padding:3% 15px;border-width:0;border-bottom:1px dashed #ddd;}
	.newslist3-2 h3{margin-bottom:10px;max-height:38px;font-size:medium;line-height:19px;white-space:normal;}
	.newslist3-2 .summary{margin-bottom:10px;}
	.newslist3-2 .info{display:none;}
	.newslist3-2 .date{display:block;}
}
@media(max-width:767px){
	.newslist3-2 .info>.date{display:display:none;}
}
@media(max-width:575px){
	.newslist3 a{padding:4% 15px;}
	.newslist3-2 .summary{display:none;}
}
.newslist3b .newslist3-2{padding-right:0;}
.newslist3b .newslist3-3{display:none;}
/*响应式文章列表4*左边大时间右边文字无图片*/
.newslist4 a{display:block;padding:2%;border:1px solid #fff;border-bottom-color:#eee;background-color:#fff;text-decoration:none;}
.newslist4-1{position:relative;width:114px;height:104px;background-color:#f2f5fa;}
.newslist4-1 span{display:block;font-size:54px;line-height:104px;color:#b1b1b1;}
.newslist4-1 div{position:absolute;top:64px;right:6px;padding:0 5px;font-size:12px;line-height:18px;color:#333;background-color:#f2f5fa;}
.newslist4-2{margin-left:150px;}
.newslist4-2 h3{margin-top:3px;font-size:large;color:#333;}
.newslist4-2 .info{margin-bottom:10px;height:20px;font-size:14px;line-height:20px;color:#888;}
.newslist4-2 .summary{max-height:40px;line-height:20px;color:#888;overflow:hidden;}
.newslist4 a:hover{border-color:#e00;}
.newslist4 a:hover .newslist4-1 span, .newslist4 a:hover .newslist4-2 h3{color:#e00;}
.newslist4 a:hover .info, .newslist4 a:hover .summary{color:#333;}
@media(min-width:768px){
	.newslist4-2 h3{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
}
@media(max-width:767px){
	.newslist4 a{padding:3% 2%;}
	.newslist4-2{margin-left:0;}
}
/*响应式文章列表5-左边圆形图片，右边标题+内容（无日期/浏览量等）*/
.newslist5 a{display:block;clear:both;margin-top:25px;padding-top:25px;border-top:1px dashed #ccc;}
.newslist5 a:first-child{margin-top:0;padding-top:0;border-top:0;}
.newslist5 em{display:block;position:relative;float:left;padding:5px;border:1px solid #666;width:170px;height:170px;border-radius:50%;-webkit-border-radius:50%;overflow:hidden;}
.newslist5 em:after{display:block;position:absolute;top:0;right:0;bottom:0;left:0;border:3px solid #fff;content:"";border-radius:50%;-webkit-border-radius:50%;}
.newslist5 em img{display:block;position:absolute;top:50%;left:0;width:100%;transform:translateY(-50%);transition:ease .5s;}
.newslist5 div{padding-left:220px;}
.newslist5 h3{margin:0;padding:10px 0 20px;line-height:1.25;font-size:large;font-weight:bold;}
.newslist5 p{margin-bottom:1em;height:3.6em;color:#666;line-height:1.8;overflow:hidden;display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.newslist5 span{display:inline-block;padding:0 20px;border:1px solid #999;font-size:14px;line-height:2.2;border-radius:15px; transition:ease .5s;-webkit-transition:ease .5s;}
.newslist5 a:hover img{transform:translateY(-50%) scale(1.05);}
.newslist5 a:hover p{color:#333;}
.newslist5 a:hover span{color:#fff;border-color:#337ab7;background-color:#337ab7;}
@media(max-width:991px){
	.newslist5 em{width:150px;height:150px;}
	.newslist5 div{padding-left:200px;}
	.newslist5 h3{padding:5px 0 15px;}
}
@media(max-width:767px){
	.newslist5 em{width:120px;height:120px;}
	.newslist5 div{padding-left:150px;}
}
@media(max-width:575px){
	.newslist5 em{width:100px;height:100px;}
	.newslist5 div{padding-left:120px;}
	.newslist5 h3{padding:0 0 10px;font-size:medium;}
	.newslist5 p{margin-bottom:10px;font-size:14px;line-height:1.5;height:3em;}
	.newslist5 span{display:none;}
}
@media(max-width:399px){
	.newslist5 em{width:82px;height:82px;}
	.newslist5 div{padding-left:100px;}
	.newslist5 p{margin-bottom:0;}
}
/*党建专用文章列表*/
.newslist-dangjian .item{float:left;padding:0 15px;width:33.333333%;}
.newslist-dangjian a{display:block;border-top:4px solid #ee0700;margin-bottom:30px;padding:20px;height:550px;color:#666;background:#fff url(../images/list_dangjian.png) center bottom no-repeat;background-size:100% auto;transition:ease .5s;-webkit-transition:ease .5s;}
.newslist-dangjian em{display:block;overflow:hidden;}
.newslist-dangjian img{transition:ease .5s;-webkit-transition:ease .5s;}
.newslist-dangjian a:hover img{transform:scale(1.05);-webkit-transform:scale(1.05);}
.newslist-dangjian span{display:block;padding:20px 0 15px;}
.newslist-dangjian span i{display:block;font-size:20px;line-height:1;font-style:normal;transform:scale(1,1.5);}
.newslist-dangjian h3{margin:0;font-size:large;line-height:1.25;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;}
.newslist-dangjian a>i{display:block;margin-top:12px;border-top:1px dashed #ccc;}
.newslist-dangjian p{margin-top:10px;line-height:1.8;overflow:hidden;display:-webkit-box;text-overflow:ellipsis;-webkit-line-clamp:3;-webkit-box-orient:vertical;}
.newslist-dangjian a.item-noimg p{-webkit-line-clamp:8;}
.newslist-dangjian a:hover{color:#fff;background-color:#ee0700;}
@media(max-width:1199px){
	.newslist-dangjian .item{width:33.333333%;}
	.newslist-dangjian a{height:500px;}
	.newslist-dangjian a.item-noimg p{-webkit-line-clamp:7;}
}
@media(max-width:991px){
	.newslist-dangjian{margin-right:-8px;margin-left:-8px;}
	.newslist-dangjian .item{padding: 0 8px;}
	.newslist-dangjian a{height:460px;}
}
@media(max-width:767px){
	.newslist-dangjian a{padding-bottom:60px;}
	.newslist-dangjian p{font-size:medium;}
	.newslist-dangjian a.item-noimg p{-webkit-line-clamp:8;}
}
@media(max-width:640px){
	.newslist-dangjian .item{width:50%;}
}
@media(max-width:479px){
	.newslist-dangjian .item{width:100%;}
	.newslist-dangjian a{height:auto;}
	.newslist-dangjian a.item-noimg p{-webkit-line-clamp:unset;}
}


/*图片列表*/
.image .item{float:left;padding:15px;width:33.333333%;}
.image .item a{display:block;border:1px solid #ccc;color:#000;background-color:#f9f9f9;overflow:hidden;border-radius:5px;transition:ease .5s;}
.image .item a:hover{border-color:#f00;color:#fff;background-color:#f00;}
.image .item em{display:block;position:relative;overflow:hidden;}
.image .item em i{display:block;position:absolute;top:50%;left:50%;margin:-20px 0 0 -20px;width:40px;height:40px;background:url(/static/dangji/images/video_play2a.png) center center no-repeat;}
.image .item em i:after{content:"";display:block;position:absolute;top:0;right:0;bottom:0;left:0;background:url(/static/dangji/images/video_play2b.png) center center no-repeat;}
.image .item a:hover em i:after{-webkit-animation:wxy-spin 2s infinite linear;animation:wxy-spin 2s infinite linear;}
.image .item p{position:relative;margin:0;height:56px;text-align:center;overflow:hidden;}
.image .item span{position:absolute;display:block;display:-webkit-box;top:50%;right:8px;left:8px;max-height:44px;font-size:16px;line-height:22px;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;transform:translateY(-50%);-webkit-transform:translateY(-50%);}
.image .item .video em:before{content:"";display:block;position:absolute;z-index:1;top:50%;left:50%;width:40px;height:40px;margin:-20px 0 0 -20px;background:url(/static/images/default/video_play2a.png) center center no-repeat;}
.image .item .video em:after{content:"";display:block;position:absolute;z-index:1;top:50%;left:50%;width:40px;height:40px;margin:-20px 0 0 -20px;background:url(/static/images/default/video_play2b.png) center center no-repeat;}
.image .item .video:hover em:after{-webkit-animation:wxy-spin 2s infinite linear;animation:wxy-spin 2s infinite linear;}

.image23 .item, .image34 .item{width:25%;}
@media(max-width:1199px){
	.image.row{margin-right:-10px;margin-left:-10px;}
	.image .item{padding:10px;}
	.image23 .item, .image34 .item{width:25%;}
}
@media(max-width:991px){
	.image .item{width:25%;}
}
@media(max-width:767px){
	.image.row{margin-right:-7px;margin-left:-7px;}
	.image .item{padding:8px 7px;width:33.333333%;}
	.image23 .item, .image34 .item{width:33.333333%;}
}
@media(max-width:575px){
	.image .item{width:50%;}
	.image23 .item, .image34 .item{width:50%;}
}

i.time, i.click, i.source{display:inline-block;margin-right:5px;width:20px;height:16px;vertical-align:middle; transition:all ease .5s;}
i.time{background:url(/static/images/default/icon03.png) 0 0 no-repeat;}
i.click{background:url(/static/images/default/icon04.png) 0 0 no-repeat;}
i.source{background:url(/static/images/default/icon05.png) 0 0 no-repeat;}
a:hover i.time, a:hover i.click, a:hover i.source{background-position:0 -16px;}

/*下载详情页*/
.download-view-down{margin-top:2em;border:1px solid #999;}
.download-view-down dt, .download-view-down dd{padding:10px 12px;border-top:1px solid #999;line-height:1.2;word-break:break-all;}
.download-view-down dt{border:1px solid #fff;background-color:#eee;font-weight:bold;}
.download-view-down a{color:#0058b0;}
.download-view-down a:hover{color:#e00;}
/*搜索页*/
.search-title{margin:3% 0;border-bottom:1px solid #d8cba1;height:36px;}
.search-title h2{margin:0 0 20px;font-size:22px;line-height:1;color:#8f512a;}
@media(max-width:991px){
	.search-title{margin:4% 0;}
}
@media(max-width:575px){
	.search-title{margin:6% 0;}
}