﻿/*
* @Author: wxh
* @Date:   2019-05-22 15:04:25
 * @Last Modified by:   Administrator
 * @Last Modified time: 2021-04-02 14:56:34
*/

@charset "utf-8";
/* 公示公告 */
.home-gsgg .p-title .name {
    width: 130px;
    height: 60px;
    background: url("../images/icon_gsgg.png") no-repeat center center;
}
.home-gsgg .p-title .cont {
    width: 1220px;
    height: 60px ;
    padding: 0 25px;
    background-color: #f8f8f8;
    line-height: 60px;
    overflow:hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    -o-text-overflow:ellipsis;
}
.home-gsgg .p-title .cont a{
    font-weight: bold;
    font-size: 24px;
    color: #021337;
}
.home-gsgg .p-title .cont a:hover{
    color: #2961dc;
}
/* 工作动态 */
.home-gzdt .p-title .name {
    background: url("../images/icon_gzdt.png") no-repeat center center;
}
/* 委员履职 */
.home-wylz {height: 335px;}
.home-wylz .p-title .name {
    background: url("../images/icon_wylz.png") no-repeat center center;
}
.slide-topic {
    height: 278px;
    width: 100%;
    position: relative;
}
.slide-topic li {
    width: 225px;
    height: 277px;
    margin-right: 10px;
}
.slide-topic .prev-arrow,
.slide-topic .next-arrow {
    position: absolute;
    top: 50%;
    z-index: 2;
    width: 36px;
    height: 55px;
    overflow: hidden;
    margin-top: -30px;
    background: url('../images/topic_cont_arrow.png') no-repeat;
    -webkit-transition: .5s;
    transition: .5s;
}
.slide-topic .prev-arrow {
    left: 0;
    background-position: left 7px;
}
.slide-topic .next-arrow {
    right: 0;
    background-position: right -41px;
}
.slide-topic .prev-arrow:hover,
.slide-topic .next-arrow:hover {
    background-color: #000;
    background-color: rgba(0, 0, 0, .8);
}
.slide-topic .prev-arrow:hover { background-position: right 7px; }
.slide-topic .next-arrow:hover { background-position: left -41px; }
/* home-wylz */
.home-wylz .slide-topic .prev-arrow,
.home-wylz .slide-topic .next-arrow {
    width: 40px;
    height: 50px;
}
.home-wylz .slide-topic .prev-arrow {
    border-bottom-right-radius:21px;
    background-color: #2b4c99; 
    background-position: left 1px;
}
.home-wylz .slide-topic .next-arrow {
    border-bottom-left-radius:21px;
    background-color: #2b4c99; 
    background-position: right -50px;
}
.home-wylz .slide-topic .prev-arrow:hover,
.home-wylz .slide-topic .next-arrow:hover {
    background-color: #4775e0;
    _background-color: #4775e0;
}
.home-wylz .slide-topic .prev-arrow:hover { background-position: right 1px; }
.home-wylz .slide-topic .next-arrow:hover { background-position: left -50px; }



.slide-topic ul,
.slide-topic li {
    -webkit-transition: none;
    transition: none;
}
.slide-topic li {
    position: relative;
    float: left;
}
.slide-topic .image {
    position: relative;
    display: block;
    width: 1400px;
    height: 277px;
}
.slide-topic li a {
    position: relative;
    display: block;
    height: 100%;
}
.slide-topic li a:hover .member-box{
    display: block;
}
.slide-topic li a .member-box {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url("../images/bg_slide.png") repeat-x bottom;
    _background: url("../images/bg_slide.png") repeat-x bottom;
}
.slide-topic li a .member-box .title {
    position: absolute;
    bottom: 70px;
    left: 0;
    font-size: 28px;
    color: #fff;
    padding: 0 0 0 20px;
    z-index: 0;
    overflow:hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    -o-text-overflow:ellipsis;
}
.slide-topic li a .member-box .title .line {
    position: absolute;
    bottom: 6px;
    left: 0;
    display: inline-block;
    width: 100%;
    height: 12px;
    background-color: #2b4c99;
    z-index: -1;
}
.slide-topic li a .member-box .cont {
    position: absolute;
    left: 0;
    bottom: 15px;
    padding: 0 20px;
    height: 54px;
    line-height: 1.5;
    overflow: hidden;
    font-size: 18px;
    color: #fff;
    text-align: center;
    width: 180px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.slide-topic li a img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* news-list */
.news-list { 
    width: 600px;
    height: 266px;
    margin-right: 45px;
    float: left;
    overflow: hidden; 
}
.w40 {
    width: 40%;
}
.w50 {
    width: 50%;
}
.br {
    border-right: 2px dashed #d2d2d2;
}
.mod-list-li {
    width: 545px;
    height: 38px;
    line-height: 38px;
}
.mod-list-li a {
    padding-left: 14px;
    display: block;
    width: 100%;
    height: 30px;
    font-size: 16px;
    font-weight: bold;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    -o-text-overflow:ellipsis;
    background: url('../images/news_icon.png') no-repeat 1px -8px;
    transition: .5s;  
}
.mod-list-li a:hover{
    color: #427eff;
	background-position: 1px -52px;
}
/* ad */
.home-ad img {
    width: 100%;
    height: 150px;
}

/* home-mid */
.home-mid {
    height: 692px;
    padding: 50px 0 60px 0;
    background: url("../images/bg_mid.jpg") no-repeat center center;
    background-size: 100% 100%;
}

/* 市&#19979;&#36733;&#98;&#115;&#116;&#51;&#54;&#53;&#95;&#51;&#54;&#53;&#23553;&#21495;&#25552;&#29616;&#20102;&#27809;&#21040;&#36134;&#95;&#51;&#54;&#53;&#98;&#101;&#116;&#20307;&#32946;&#36172;&#21338;要闻 */
.home-szxyw {
    width: 686px;
    height:330px;
}
.home-szxyw .p-title .name {
    width: 165px;
    height: 28px;
    background: url("../images/icon_szxyw.png") no-repeat center center;
}
.mod-item {
    width: 702px;
    overflow: hidden;
}
.mod-item .list-item .image ,
.mod-news .list-news .image {
    display: block;
    overflow: hidden;
    width: 100%;
    height: 100%;
}
.mod-item .list-item {
    float: left;
    margin-right: 16px;
}
.mod-item .list-item a {
    display: block;
    overflow: hidden;
}
.mod-item .list-item .image-box {
    width: 335px;
    height: 188px;
    background-color: #f3f3f3;
}

.mod-item .list-item .image img ,
.mod-news .list-news .image img {
    width: 100%;
    height: 100%;
}
/*2021*/
/*----------------*/

.mod-item .list-item .title {
    display: block;
    width: 306px;
    height: 62px;
    padding-top:22px; 
    padding-left: 15px;
    padding-right: 14px;
    overflow: hidden;
    background-color: #5d83ae;
    background-color: rgba(0, 0, 0, 0.3);
}
.mod-item .list-item .title:hover {
    background-color:#f4f7ff;
    background-color: rgba(255, 255, 255, 0.3);    
}
.mod-item .list-item .title:hover a{
    color: #427eff;    
}
.mod-item .list-item .title a {
    display: block;
    line-height: 24px;
    overflow: hidden;
    color: #fff;
    font-weight: bold;
    font-size: 18px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
/* .mod-item .list-item .title a:hover {
    color: #427eff;
} */
/* 知情明政 */
.home-zqmz {
    width: 686px;
    height:330px;
}
.home-zqmz .p-title .name {
    background: url("../images/icon_zqmz.png") no-repeat center center;
}
/* 工作动态 */
.home-gzdt {
    width: 100%;
    height:330px;
}
.home-gzdt .p-title .name {
    background: url("../images/icon_gzdt.png") no-repeat center center;
}
.home-gzdt .mod-item {
    width: 1400px;
}
.home-gzdt .mod-item .list-item:last-child {
    margin-right: 0;
}
/* 纾难解困 */
.home-snjk {
    width: 686px;
    height:330px;
}
.home-snjk .p-title .name {
    background: url("../images/icon_snjk.png") no-repeat center center;
}
/* 党建频道 */
.home-djpd {
    height:330px;
}
.home-djpd .p-title .name {
    background: url("../images/icon_djpd.png") no-repeat center center;
}
.home-djpd .mod-news .list-news:last-child {
    margin-right: 0;
}
.mod-news .list-news a{
    display: block;
    overflow: hidden;
}
.mod-news .list-news .image-box {
    width: 335px;
    height: 188px;
    background-color: #f3f3f3;
}
/* 学习天地 */
.home-xxtd {
    height: 312px;
}
.home-xxtd .p-title .name {
    background: url("../images/icon_xxtd.png") no-repeat center center;
}
.home-xxtd .mod-news .list-news:last-child {
    margin-right: 0;
}
/* 书画蓉台 */
.home-shrt .p-title .name {
    background: url("../images/icon_shrt.png") no-repeat center center;
}
.hd-nav {
    width: 300px;
    float: left;
    padding-left:35px;
}
.hd-nav li {
    width: 100px;
    height: 27px;
    float: left;
    line-height: 28px;
    /* padding-left:10px; */
    overflow: hidden;
    text-align: center;
}
.hd-nav li a {
    display: block;
    height: 100%;
}
.hd-nav li.on a,
.hd-nav li a:hover {
    color:#265fdb;
    font-weight: bold;
    text-decoration: none;
    background-color: #dee8f7;
}
.mod-news {
    width: 1400px;
    overflow: hidden;
}
.mod-news .list-news {
    margin-right: 20px;
    float: left;

}
.mr20 {
    margin-right: 20px;
}
.mod-news .list-news .title {
    display: block;
    width: 335px;
    height: 62px;
    padding-top:22px; 
    overflow: hidden;
    font-weight: bold;
}
.mod-news .list-news .title a {
    display: block;
    line-height: 24px;
    overflow: hidden;
    color: #333333;
    font-size: 18px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.mod-news .list-news .title a:hover {
    color: #427eff;
}

/* 文史荟萃 */
.hc .p-title .name {
    background: url('../images/icon_hc.png') no-repeat center center;
}
.p-img-text .bd {
    width: 615px;
    overflow: hidden;
}
.p-img-text .bd .item {
    width: 180px;
    height: 246px;
    float: left;
    margin-right:25px;
}
.p-img-text .bd .item .image{
    display: block;
    width: 100%;
    height: 100%;
}
.p-img-text .bd .item .image img{
    width: 100%;
    height: 100%;
}
.p-img-text .bd .item .mod-tit {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url("../images/bg_slide_2.png") repeat-x bottom;
}

.p-img-text .bd .item .mod-tit .title {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 140px;
    padding: 15px 20px;
    font-size: 16px;
    color: #fff;
    font-weight: bold;
    height: 56px;
    overflow: hidden;
    line-height: 1.8
}

.p-img-text .bd .item .mod-tit .title .name {
    height: 50px;
    overflow: hidden;
}





/* 党建频道/学习天地list */

.p-bd .item {
    width: 615px;
}
.p-bd .list-item {
    width: 285px;
    float: left;
    margin-right: 18px
}
.p-bd .list-item .image {
    display: block;
    width: 285px;
    height: 160px;
}

.p-bd .list-item .image img {
    width: 100%;
    height: 100%;
}
.p-bd .list-item .title {
    display: block;
    width: 100% ;
    height: 48px;
    line-height: 1.5;
    font-size: 16px;
    color: #333;
    margin-top: 15px;
    overflow: hidden;
}
.p-bd .list-item .title:hover{
    color: #2b4c99;
}

/* 专题 */
.home-zhuanti {
    height: 332px;
}
.home-topic img {
	margin: 0 auto;
	width: 100%;
	max-width: 100%;
	height: 100%;
}
.home-topic .more {
	line-height: 30px;
	font-size: 16px;
}
.topic-big {
	width: 100%;
	height: 195px;
}
.home-zhuanti .slide-topic {
    width: 100%;
    height: 117px;
    position:relative;
}
.topic-multi {
	width: 1400px;
	height: 117px;
}
.home-zhuanti .slide-topic .image {
    position: relative;
    display: block;
    width: 1400px;
    height: 119px;
}
.home-zhuanti .slide-topic li {
    margin-right: 19px;
}
.home-zhuanti .slide-topic li a {
    width: 267px;
    height: 119px;
    position: relative;
    display: block;
    height: 100%;
}
.topic-multi .item {
    width: 267px;
	height: 119px;
}
.home-zhuanti .slide-topic .item a:before {
    display: none\9; 
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255,255,255,.5);
    content: "";
    -webkit-transition: -webkit-transform 0.6s;
    -moz-transition: -moz-transform 0.6s;
    -ms-transition: -ms-transform 0.6s;
    -o-transition: -o-transform 0.6s;
    transition: transform 0.6s;
    -webkit-transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-150%,0);
    -moz-transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-150%,0);
    -ms-transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-150%,0);
    -o-transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-150%,0);
    transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-150%,0);
  }
  .home-zhuanti .slide-topic .item a:hover:before{
    -webkit-transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,150%,0);
    -moz-transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,150%,0);
    -ms-transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,150%,0);
    -o-transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,150%,0);
    transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,150%,0);
  }
/* 书画蓉台 */
.home-shuhua {
    height: 373px;
}
.home-shrt {
    width: 840px;
    height: 373px;
}
.home-shrt .hd{
    position: relative;
    left: 0;
    height: 225px;
}
.home-shrt .list-news {
    float: left;
    width: 400px;
    height: 225px;
}
.home-shrt .list-news .image-box {
    display: block;
    overflow: hidden;
    position: relative;
    left: 0;
    width: 400px;
    height: 225px;
    background-color: #f3f3f3;
}
.home-shrt .list-news .image img{
    display: block;
    width: 100%;
    height: 100%;  
}
.mr30 {
    margin-right: 30px;
}
.home-shrt .news-list { 
    width: 50%;
    height: 70px;
    margin-right: 0px;
    float: left;
    overflow: hidden; 
    position: relative;
}
.home-shrt .cont {
    position: absolute;
    right: 0;
    width: 407px;
    float: left;
}
.home-shrt .cont .title {
    width: 407px;
    height: 57px;
    font-size: 20px;
    font-weight: bold;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.home-shrt .cont .title a:hover {
    color: #427eff;
}
.home-shrt .cont .subtitle {
    height: 23px;
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow:ellipsis;
}
.home-shrt .mod-list-li {
    float: left;
    width: 419px;
    height: 38px;
    line-height: 38px;
}
.home-shrt .mod-list-li a {
    width: 370px;
    height: 30px;
    font-size: 18px;

    overflow:hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    -o-text-overflow:ellipsis;
}
.home-book {
    width: 478px;
    height: 323px;
    background-color: #eaf4fd;
    padding: 28px 29px 22px 21px;
    z-index: 0;
}
.each-book {
    width: 229px;
    height: 324px;
    z-index: 1;
    position: relative;
}

.each-book img{
    position: relative;
    left: 5px;
    z-index: 4;
}
.each-book.cd img {
    box-shadow: -5px 5px 0 rgba(60, 146, 240, 0.3)    
}
.each-book.xj img {
    box-shadow: -5px 5px 0 rgba(38, 95, 219, 0.3)        
}
.each-book .cont{
    width: 186px;
    position: absolute;
    left: 16px;
    bottom: 15px;
    z-index: 5;
}
.each-book  .cont .title  {
    font-size: 20px;
    font-weight: bold;
}
.each-book.cd .cont .title {
    color: #3c92f0;
}
.each-book.xj .cont .title {
    color: #265fdb;
}

/* 各区&#19979;&#36733;&#98;&#115;&#116;&#51;&#54;&#53;&#95;&#51;&#54;&#53;&#23553;&#21495;&#25552;&#29616;&#20102;&#27809;&#21040;&#36134;&#95;&#51;&#54;&#53;&#98;&#101;&#116;&#20307;&#32946;&#36172;&#21338; */
.home-gqzx .p-title .name {
    background: url("../images/icon_gqzx.png") no-repeat center center;
}
.area-item:hover:after{
    display: block;
}
.area-item:hover a, .area-item.on a {
    font-weight: bold;
    color: #265fdb;
}

.area-item:after {
    position: absolute;
    bottom: 27px;
    left: 0;
    width: 100%;
    height: 12px;
    content: '';
    display: none;
    z-index: -1;
}

/* 知情明政111 */
.zqmz-item .list-news {
	width: 266px;
	height: 150px;
}
.zqmz-item .cont .title a {
	font-weight: bold;
}


