.Banner{position: relative;z-index: 5;max-width: 1920px;margin:0 auto;}
.Banner .slick-img{display: block;height: 0;padding-bottom: 26%;overflow: hidden;}  
.content{overflow: hidden;position: relative;}

/*栏目标题*/
.articleTitle01{ height: 55px; margin-bottom: 22px; overflow: hidden; position: relative;}
.articleTitle01:before{ content: ""; display: block; width: 80%; height: 19px; background: url(../images/tbgLine.png) repeat-x; position: absolute;
right: 0; bottom: 0;z-index: 0;}
.articleTitle05:before{ width: 64%; background: url(../images/tbgLine2.png) repeat-x;}
.articleTitle01 .title{ display: inline-block; height: 54px;color: #94070a; font-family: "宋体"; font-weight: bold; float: left;padding-right: 25px;
position: relative;}
.articleTitle01 .title:before{ content: ""; display: block; width: 110%; height: 1px;background:#d6d6d6;position: absolute; left: 0; bottom: 0;  }
.articleTitle01 .tbg{ display: inline-block; position: relative;z-index: 1;}
.more{ color: #757575; float: right;padding-top: 38px;position: relative;z-index: 1;}
.articleTitle02 .title{ color: #fff;  }
.articleTitle02 .title:before{ opacity: 0.4; }
.articleTitle02 .more{ color: #fff; }
.articleTitle02:before,.articleTitle03:before{ opacity: 0.4; }
.articleTitle03 .more{ color: #fff; }
.articleTitle04{ padding-right: 145px; }
.articleTitle04 .ly{ display:block; width: 115px; height: 30px; line-height: 30px;background: #94070a; color: #fff; text-align: center;
border-radius: 20px; position: absolute;right: 0; bottom: 0; }



/*mode01*/
/*庆祝活动*/
.wrapmode01{ background: url(../images/modebg.png) no-repeat center top 70px; overflow: hidden; } 
.mode01{margin: 75px auto 35px auto;}
.mode01 > .gp-fl{width:50%;}
.mode01 > .gp-fr{width:47.7%;} 
.firstNews{ }
.firstNews a{ display: block; }
.firstNews .listText{ background: #fff; padding: 18px;box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.1); border: #dedede 1px solid; overflow: hidden;width: 77%;margin-top: -40px;
  position: relative;z-index: 1; transition: all 0.3s ease;}
.firstNews .date{display: inline-block; color: #757575; background: url(../images/datebg.png) no-repeat left center; padding-left: 24px; height: 30px; line-height: 30px; position: relative;margin-top: 15px;}
.firstNews .date:before{ content: ""; display: block; width: 16px;height: 2px; background: #94070a; position: absolute;left: 0; top: 0;}
.firstNews a:hover .listText{ background: #94070a; border:#94070a 1px solid;  }
.firstNews a:hover .listText *{ color: #fff; } 
.firstNews a:hover .date{ background:url(../images/datebg-h.png) no-repeat left center;  }

.list1{ overflow: hidden; }
.list1 li{ margin-bottom: 24px; }
.list1 li a{ display: block;  }
.list1 .gp-img-responsive,.list1 .gp-img-responsive img{ display: block;width: 210px; height: 118px; float: left; padding-bottom: 0; overflow: hidden; }
.list1 .listText{/*margin-left: 210px;*/ padding: 18px; background: #fff; box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.1); border: #dedede 1px solid; 
  overflow: hidden; transition: all 0.3s ease;}
.list1 .listTitle{ height: 48px; line-height: 24px; margin-bottom: 14px; } 
.list1 .date{ display: inline-block; background: url(../images/datebg.png) no-repeat left center; color: #757575; padding-left: 22px; }
.list1 a:hover .listText{ border: #94070a 1px solid; background:url(../images/dh.png) no-repeat right 18px bottom 18px #94070a; border-top-right-radius: 10px;border-bottom-right-radius: 10px; }
.list1 a:hover .listText *{  color: #fff; } 
.list1 a:hover .date{ background: url(../images/datebg-h.png) no-repeat left center; }


/*mode02*/
/*发展成就*/
.wrapmode02{ background: url(../images/modebg2.jpg) no-repeat center top; overflow: hidden; }
.mode02{ margin: 50px auto 60px auto; overflow: hidden;}
.list2{ margin:-15px; overflow: hidden; }
.list2 li{}
.list2 li .Container{ margin: 15px; overflow: hidden; transition: all 0.3s ease; }
.list2 .listText{ padding: 20px 25px 60px 25px; background: url(../images/textbg.jpg) no-repeat right bottom #fff; 
  border: #dedede 1px solid; overflow: hidden;  position: relative;}
.list2 .listText:before{ content: ""; display: block; width: 10px; height: 40px;background: #94070a; position: absolute;left: 0; top: 24px; }
.list2 .listTitle{ height: 48px; line-height: 24px;}
.list2 .listCon{ color: #757575; height: 66px; line-height: 22px; margin: 15px 0 50px 0; }
.list2 .date{ color: #94070a; }
.list2 .readMore{ display: inline-block; color: #757575; border: #dedede 1px solid; padding: 7px 25px; border-radius: 20px; margin-top: 20px;
 position: relative; transition: all 0.3s ease;}
.list2 .readMore:before{ content: ""; display: block; width: 24px; height: 1px;background: #e0c67e; position: absolute; left: -12px; top: 14px;}
.list2 .readMore:hover{ background: #94070a; color: #fff; border: #94070a 1px solid; }
.list2 li .Container:hover{ margin-top: 8px; }


/*历次党代会*/
.wrapmode03{ background: url(../images/modebg3.jpg) no-repeat center top; background-size: cover; overflow: hidden;}
.mode03{ margin: 55px auto; }
.list3{ margin:-15px; overflow: hidden;}

.list3 li a{ display: block; margin: 15px;}
.list3 .listImg{ margin: 0 27px; display: block;}
.list3 .listImg .gp-img-responsive { padding-bottom: 100%; }
.list3 .listText{ height: 180px; background: #fff; padding: 0px 22px 0px 22px; margin-top: -10px; transition: all 0.3s ease;}
.list3 .listText span {/* font-size: 20px; */height: auto;}
.list3 .date{ color: #e0ac1b; display: block; }
.list3 .listTitle{height: 48px;line-height: 24px;margin: 22px 0 15px 0;/* font-family: "宋体"; */}
.list3 .listCon{ height: 66px; line-height: 22px; color: #757575; }
.list3 li a:hover .listText{ margin-top:-16px; box-shadow: 0 0 10px 2px #450405; }
.list33 .listText{ height: 150px; }


/*党员风采*/
.wrapmode04{overflow: hidden; }
.mode04{ margin: 50px auto 60px auto; overflow: hidden; }
.slickScroll{ width: 1470px; margin: 0 -15px; overflow:hidden;}
.slickScroll .slickText{ width: 30%; background: #fff; padding: 20px; border: #dedede 1px solid;  box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.1);
  position: absolute; left: 0; bottom: 0; }
.slickScroll .slickText strong{ margin-bottom: 10px; }
.slickScroll .slickCon{ max-height: 44px; line-height: 22px; color: #757575; border-top: #eeeeee 1px solid; padding-top: 10px; }


/*中央精神*/
.wrapmode05{background: url(../images/modebg4.jpg) no-repeat center top; background-size: cover; overflow: hidden;}
.mode05{ margin: 50px auto; overflow: hidden; }
.mode05 > .gp-fl{ width: 47.2%; overflow: hidden; }
.mode05 > .gp-fr{ width: 47.2%; overflow: hidden; }
.list4{}
.list4 li{ margin-bottom: 43px; }
.list4 li a{ display: block;background: #fff;}
.list4 .gp-img-responsive{ width: 246px; height: 138px; padding-bottom: 0; float: left; margin: -10px 10px; }
.list4 .listText{  margin-left: 10px; padding: 14px 20px 18px 10px; transition: all 0.3s ease;}
.list4 .listTitle{ height: 48px; line-height: 24px; }
.list4 .date{color: #757575; display: inline-block; background: url(../images/datebg.png) no-repeat center left; padding-left: 25px;
margin-top: 8px;}
.list4 li a:hover .listText{ padding-left: 20px; }
 


/*光辉历程*/
.wrapmode06{ overflow: hidden; position: relative;}
.wrapmode06:before{ content: ""; display: block; width: 100%; height: 340px; background: #94070a; position: absolute; left: 0; top: 0; }
.mode06{ margin: 50px auto; /*! overflow: hidden; */ }
.mode06 > .gp-fl{ width: 64.2%; position: relative;}
.mode06 > .gp-fr{ width: 33%; position: relative;}
.whiteBg{ width: 42%; height: 240px; background: #fff; position: absolute; left: 0;top: 0; }
.list5{ margin:-15px; /*! overflow: hidden; */}
.list5 li a{ display: block; margin: 15px; }
.list5 .listImg{ display: block; margin: 0 10px; }
.list5 .listText{ background: #fff; border: #dedede 1px solid; padding:100px 28px 28px 28px; margin-top: -85px;  box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.1); 
transition: all 0.3s ease;}
.list5 .listTitle{ height: 48px; line-height: 24px; }
.list5 .listCon{ height: 44px; line-height: 22px; color: #757575; margin: 14px 0 25px 0; }
.list5 .date,.list6 .date{color: #94070a; display: inline-block; background: url(../images/datebg.png) no-repeat center left; padding-left: 25px;
margin-top: 8px;}
.list5 li a:hover .listText{ margin-top: -93px; }


.list6 li{ margin-bottom: 30px; }
.list6 li a{ display: block; overflow: hidden; background: #fff;box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.1); border: #dedede 1px solid;}
.list6 .listText{ padding: 18px 24px; transition: all 0.3s ease;}
.list6 .listTitle{ height: 48px; line-height: 24px; }
.list6 li a:hover .listText{ padding-left: 30px; }


/*读者留言*/
.wrapmode07{ overflow: hidden; }
.mode07{ margin: 0 auto 50px auto; overflow: hidden; }
.Message{ margin: 0 -15px; padding-bottom: 60px;}
.Message .slick-list{ overflow: visible; }
.Message .slick-arrow{ display: none !important; }
.Message .slickTitle{ height: 48px; line-height: 24px; margin-bottom: 34px; transition: all 0.3s ease; }
.Message .slick-slider a{ display: block; border: #dedede 1px solid; background: #fff; border-left: #94070a 6px solid;  box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.1);
padding: 20px; position: relative;}
.Message .slickName{ color: #e0ac1b; text-align: right; margin-bottom: 6px; margin-top: 10px;}
.Message .from{ color: #757575; text-align: right; }
.Message .icon{ display: block; width: 60px; height: 60px;background: url(../images/icon.png) no-repeat center #f5f0e4; border-radius: 50%;
position: absolute; left: 20px; bottom: -30px;}
.Message a:hover .slickTitle { padding-left: 6px; }




@media screen  and (min-width:1020px) {


  }

@media screen  and (max-width:1440px) {
  .list1 li{ margin-bottom: 15px; }
  .firstNews .listText{ margin-top: -27px; } 
  .list6 li{ margin-bottom: 20px; }
  .Message { margin:0 -14px; }
  .Message .slick-slide{ margin:0 14px !important; }
 
}
@media screen  and (max-width:1120px) {
  .mode01,.mode02,.mode03,.mode04,.mode05,.mode06{ margin: 35px auto; }  
  .mode07{ margin: 0 auto; }
}


@media screen  and (max-width:996px){
   .mode01 > .gp-fl,.mode05 > .gp-fl,.mode05 > .gp-fr,.mode06 > .gp-fl{ width: 100%; float: none; }
   .mode01 > .gp-fr,.mode06 > .gp-fr{ width: 100%; float: none; margin-top: 20px; }
   .firstNews .listText{ width: auto; margin-top: 0; }
.list3 .listText { height: auto; }
.list33 .listText { height: auto; }
}



@media screen and (max-width: 767px) {
   .slickScroll{ width: auto; }
   .slickScroll .slickText{ width: 70%; }

}

@media screen and (max-width: 480px) {
   .list1 .gp-img-responsive, .list1 .gp-img-responsive img{ width: 155px; height: 89px; }
   .list1 .listText{ margin-left: 150px; padding: 10px; }
   .list1 .listTitle{ margin-bottom: 5px; }
   .list2 .listCon,.list5 .listCon{ height: auto; margin: 15px 0; }
   .list2 .listText{ padding: 20px 25px; }
   .list3 .listCon,.list5 .listTitle{ height: auto; }
   .list3 .listText{ padding: 110px 27px 25px 27px; }
   .list3 .listTitle{ margin: 15px 0; height: auto; }
   .slickScroll .slickText{ position: static;width:auto; }
   .list4 .gp-img-responsive{ width: 160px; height: 88px; }
   .list4 .listText{ margin-left: 180px;padding: 10px; }
   .articleTitle04{ padding-right: 0; }
   .articleTitle04 .ly{ bottom: 25px; }
}