@charset "utf-8";

/*banner*/
/* Browser Resets
*********************************/
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus  {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav {margin: 0; padding: 0; list-style: none;}
/* FlexSlider Necessary Styles
*********************************/
.flexslider {margin: 0; padding: 0;}
.flexslider .slides > li { -webkit-backface-visibility: hidden;position:relative} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides > li.clone{position:relative}
.flexslider .slides img {width: 100%; display: block;}
.flexslider .slides > a{display: block;width: 100%;height: 0;padding-bottom: 62.81%;overflow: hidden;}
.flex-pauseplay span {text-transform: capitalize;}
/* Clearfix for the .slides element */
.slides:after {content: "\0020"; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
html[xmlns] .slides {display: block;}
* html .slides {height: 1%;}
/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {display: block;}

/* FlexSlider Default Theme
*********************************/
.flexslider { position: relative;zoom:1; }
.flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; }
.loading .flex-viewport { max-height: 300px; }
.flexslider .slides { zoom: 1; }
.carousel li { margin-right: 10px; }
.flexslider .slides > li a{display: block;}
.flexslider ul li.flex-active-slide img{transition: transform 6000ms linear 0s;
-moz-transform: scale(1.1);
-webkit-transform: scale(1.1);
-o-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);}

/* Direction Nav */
.flex-direction-nav {*height: 0;}
.flex-direction-nav a  { text-decoration:none; display: block; width: 90px; height: 90px;  position: absolute; top: 50%; z-index: 10; overflow: hidden; cursor: pointer; color: rgba(255,255,255,0.8);text-align: center;  margin-top:0px;font-size: 3.6rem;background-color: rgba(0,0,0,0.5);line-height: 90px;border-radius: 50%;}
.flex-direction-nav .flex-prev { left:10px;}
.flex-direction-nav .flex-next { right: 10px;}
.flex-direction-nav .flex-disabled { cursor: default; }
.flex-direction-nav a:hover{color:#fff;}
/* Pause/Play */
.flex-pauseplay a { display: block; width: 20px; height: 20px; position: absolute; bottom: 5px; left: 10px; opacity: 0.8; z-index: 10; overflow: hidden; cursor: pointer; color: #000; background:#ddd}
/*.flex-pauseplay a:before  { font-family: "flexslider-icon"; font-size: 20px; display: inline-block; content: '\f004'; }
*/.flex-pauseplay a:hover  { opacity: 1; }
/*.flex-pauseplay a.flex-play:before { content: '\f003'; }
*//* Control Nav */
.flex-control-nav {width: auto; padding: 10px 15px; background: rgba(0,131,185,.6); height: 9px; border-radius: 20px; position: absolute; bottom:29px; right:50%; margin:0 -600px 0 0; text-align: center ; z-index:98; }
.flex-control-nav li {margin: 0 7px 0 ; display: inline-block; zoom: 1; *display: inline;}
.flex-control-paging li a {width: 8px; height:8px; display: block;  cursor: pointer; text-indent: -9999px;border-radius:8px;background: #ffffff;  }
.flex-control-paging li a:hover,.flex-control-paging li a.flex-active { background: #e3bb1d;  }

.flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;}
.flex-control-thumbs li {width: 25%; float: left; margin: 0;}
.flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;}
.flex-control-thumbs img:hover {opacity: 1;}
.flex-control-thumbs .flex-active {opacity: 1; cursor: default;}
.t4-banner{width: 100%;overflow: hidden;position: relative;}

/*content*/
.t4-mode{width: 1440px; }

/*基础title*/
.t4-title-fr{float: right;width: 100px;margin-left: -100px;  text-align: center;background-color: #fff;z-index: 2}
.t4-Title{padding:20px 20px 322px 20px; text-align: center;}
.t4-Title h2{color:#94070a;font-weight: normal;}
.t4-readMore{left: 43px;bottom: 0px;padding-bottom: 20px;width: 18px;margin-left: 0;}
.t4-readMore a{color:#999;}
.t4-readMore a span{writing-mode:tb-rl;} 
.t4-readMore a:hover{color:#94070a;}

/*统战动态*/
.t4-mode01{position: relative;top: -70px;z-index: 9}
.t4-listBox01{float: left;width: 100%;}
.t4-list01{margin-right: 100px;margin-bottom: 2px;}
.t4-links01{display: block;margin: 0 1px;overflow: hidden;z-index: 1}
.t4-img01{padding-bottom: 56.40%}
.t4-dateTime01{bottom: 0;left: 0;width: 70px;border:4px solid #fff;height: 70px;text-align: center;background-color: #e89e3f}
.t4-dateTime01 strong,.t4-dateTime01 i{display: block;font-style: normal;font-weight: normal;}
.t4-dateTime01 strong{margin-top: 8px;}
.t4-text01{padding: 20px 50px 20px 30px;background-color: #fff; -webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out}
.t4-text01 h3,.t4-text01 p{font-weight: normal;height: 48px;line-height: 24px;overflow: hidden;}
.t4-text01 h3{margin-bottom: 6px;}
.t4-date01{display: block;margin-top: 10px;color:#999;height: 18px;overflow: hidden;}
.t4-date01 i{font-size: 16px;margin-right: 2px;}


/*通知公告*/
.t4-mode02{background-color: #fff;}
.t4-title02-fr{float: left;margin-left: 0;}
.t4-Title02{padding-bottom: 133px;}
.t4-list02{margin-left: 102px;overflow: hidden;}
.t4-list02:before{position: absolute; width: 2px ;height: 100%;background:#f5f5f5;content: '';clear: both;left: 0;top: 0;z-index: 9;display: block;}
.t4-timeIcon02{height: 24px;width: 100%;line-height: 24px;overflow: hidden;text-align: center;}
.line02{top: 50%;margin-top: 1px;background-color: #eeeeee;width: 100%;height: 2px; left: 0;z-index: 1;transition: all 0.2s ease-in-out}
.t4-date02 {position: relative;z-index: 2;width: 24px;height: 24px;background-color: #94070a;color:#fff;border-radius: 50%;line-height: 24px;display: block;margin: 0 auto;}
.t4-dateTime02{width: auto;display: block;margin: 0 auto 6px;}
.t4-dateTime02 strong,.t4-dateTime02 i{display: block;font-style: normal;font-weight: normal;}
.t4-dateTime02 strong{margin-top: 5px;}
.t4-links02{text-align: center;overflow: hidden;display: block;background-color: #fff;padding: 17px 0 30px;}
.t4-text02{font-weight: normal;line-height: 24px;height: 48px;overflow: hidden;margin: 18px 20px 30px;}
.c-line02{height: 60px;width: 2px;background-color: #eee;display: block;margin: 0 auto 15px;}
.t4-more02{display: block; transition: all 0.2s ease-in-out}
.t4-more02 i{margin: 0 3px;transition: all 0.2s ease-in-out}



.t4-wrap-mode03{width: 100%;background:url(../images/t4_mode03_bg.png) no-repeat center center #94070a;overflow: hidden;margin-top: 70px;margin-bottom: 50px;}
.t4-mode03{padding: 50px 0 20px 0;}
.t4-title03-fr{float: left;margin-left: 0;background: none;}
.t4-Title03{padding-bottom: 380px;padding-top: 0}
.t4-list03{margin-left: 102px;padding-left: 30px;border-left: 1px solid #4c9d9d}
.t4-Title03 h2,.t4-readMore03 a{color:#fff;}
/*党建工会*/
.t4-text03{margin-bottom: 50px;transition: all 0.2s ease-in-out;top: 0}
.t4-text03 h3{padding: 30px; text-align: center;font-weight: normal;position: relative;z-index: 2;background-color: #fff;border-radius: 10px;position: relative;}
.t4-text03:after{z-index: 10;content: '';clear: both;margin-left: 10px;float: left;width: 0;height: 0;border-width: 50px;border-style: solid;border-color:#fff transparent transparent transparent;position: absolute;bottom: -89px;left: 50%;margin-left: -50px;}
.t4-text03 h3 span{height: 48px;line-height: 24px;overflow: hidden;display: block;}
.t4-dateTime03{width: 80px;height: 80px;margin: 20px auto 0;background-color:rgba(0,0,0,0.1);border-radius: 50%;display: block;position: static;bottom: auto;left: auto;border:none;}
.t4-dateTime03 strong{padding-top: 10px;}
.t4-list03 li a{display: block;padding-right: 54px;}
.t4-list03 li{margin-bottom: 50px;padding-top: 16px;}

/*讲座报告*/
.t4-rt-list03{margin-left: 102px;padding-left: 30px;border-left: 1px solid #b4171b}
.t4-rt-list03 ul{overflow: hidden;padding: 30px 0 0 0;}
.t4-rt-list03 ul li{margin-bottom: 50px;padding-top: 20px;}
.t4-img03 .gp-img-responsive{padding-bottom: 127.27%;box-shadow:0px 5px 15px rgba(0,0,0,0.2) }
.t4-img03{width: 110px;float: left;position: relative;top: -20px;margin-bottom: -20px;  }
.t4-box03{display: block;background-color: #fff;padding-bottom: 15px;transition: all 0.2s ease-in-out;top: 0;position: relative;}
.t4-img03 h3{text-align: center;margin-top: 15px;font-weight: normal;height: 48px;line-height: 24px;overflow: hidden;}
.t4-img03 h3 span{display: block;}
.t4-info03{margin-left: 130px;padding-top: 20px;margin-right: 20px;margin-bottom: 20px;}
.t4-info03 h3{height: 72px;line-height: 24px;overflow: hidden;margin-bottom: 10px;font-weight: normal;}
.t4-address03 span{display: block;margin-bottom: 7px;line-height: 18px;overflow: hidden;}
.t4-address03 span i{margin-right: 3px;color:#94070a;}



/*切换*/
.t4-mode04{}
.t4-tab04{position: relative;overflow: hidden;}
.t4-tabMenu04{overflow:hidden;float: left;width: 100px;padding-bottom: 200px;border-right: 1px solid #ddd;text-align: center; }
.til_tab{ text-align: center;}
.til_tab a{color:#999;display: block;padding:0px 20px 32px 20px;}
.til_tab.on a{color:#94070a;}
.t4-tabList04{margin-left: 102px;}  
.t4-tabMore04 {position: absolute;left: 40px;bottom: 0;width: 18px;text-align: center;}
.t4-tabMore04 a{color:#999;display: none;position: relative;}
.t4-tabMore04 a span{writing-mode:tb-rl;} 
.t4-tabMore04 a:hover{color:#94070a;}
.t4-tabList04{margin-left: 137px;background-color: #fff;overflow: hidden;padding-right: 90px;}
.tabListBox{display:none;}
.t4-list04 li{}
.t4-date04{display: block;margin-top: 10px;color:#999;height: 18px;overflow: hidden;}
.t4-date04 i{font-size: 16px;margin-right: 2px;}
.t4-img04{padding-bottom: 56.37%;}
.t4-img-text04{padding: 33px;}
.t4-img-title04{font-weight: normal;margin-bottom: 10px;height: 24px;line-height: 24px;overflow: hidden;}
.t4-img-info04{height: 72px;line-height: 24px;overflow: hidden;color:#999;}
.t4-links04{display: block;border-right: 2px solid #fafafa;}
.t4-list04{margin-left: 30px;margin-top: 60px;}
.t4-list04 li a{display: block;overflow: hidden;}
.t4-list-date04{float: left;margin-top: 36px;width: 100px;margin-right: 15px;color:#999;transition: all 0.2s ease-in-out}
.t4-list-time04{float: left;width: 24px;height: 90px;line-height: 90px;text-align: center;}
.t4-line-date04{display: inline-block;*display: inline;*zoom:1;vertical-align: middle;width: 24px;height: 24px;line-height: 24px;background-color: #d5bdb2;color:#fff;border-radius: 50%;position: relative;z-index: 2;transition: all 0.2s ease-in-out}
.t4-line04{top: 0;left: 50%;width: 1px;height: 100%;background-color: #eee;z-index: 1}
.t4-list04 li a:hover .t4-list-date04{color:#333;}
.t4-list04 li a:hover .t4-line-date04{background-color: #94070a;}
.t4-info-title04{margin-left: 160px; font-weight: normal;height: 48px;line-height: 24px;overflow: hidden;margin-top: 30px;padding-left: 0;transition: all 0.2s ease-in-out}
.fadeInUp  {
  -webkit-animation-name: fadeInUp ;
  animation-name: fadeInUp ;
  animation-duration: 0.2s; 
  -webkit-animation-duration: 0.4s;

  animation-timing-function: ease-in-out; 
  -webkit-animation-timing-function: ease-in-out;   

  visibility: visible !important; 
  
}

@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px);
  }
  
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
}

@-moz-keyframes fadeInUp {
  0% {
    opacity: 0;
    -moz-transform: translateY(20px);
  }
  
  100% {
    opacity: 1;
    -moz-transform: translateY(0);
  }
}

@-ms-keyframes fadeInUp {
  0% {
    opacity: 0;
    -ms-transform: translateY(20px);
  }
  
  100% {
    opacity: 1;
    -ms-transform: translateY(0);
  }
}

@-o-keyframes fadeInUp {
  0% {
    opacity: 0;
    -o-transform: translateY(20px);
  }
  
  100% {
    opacity: 1;
    -o-transform: translateY(0);
  }
}

@keyframes fadeInUp {
  0% {
    opacity: 0;
    transform: translateY(20px);
  }
  
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

@media screen and (min-width:1024px) {
    .t4-links01:hover .t4-text01{background-color: #94070a}
  .t4-links01:hover .t4-text01 *{color:#fff;}
  .t4-links01:hover{box-shadow: 1px 10px 20px rgba(1,117,117,0.4);z-index: 9}
  .t4-links02:hover .line02{background-color: #94070a;}
  .t4-links02:hover .t4-more02{color:#ad7553;}
  .t4-links02:hover .t4-more02 i{margin-left: 15px;margin-right: 15px;}
  .t4-list03 li a:hover .t4-text03{box-shadow: 0px 15px 20px rgba(0,0,0,0.3);top: -12px;}
  .t4-box03:hover{box-shadow: 0px 15px 20px rgba(0,0,0,0.3);top: -12px;}
  .t4-links04:hover .t4-img-title04{color:#94070a;}
  .t4-list04 li a:hover .t4-info-title04{padding-left: 10px;}

}

@media screen and (max-width:1480px) {
  .t4-mode{width: 1200px;}
  .t4-Title{padding-bottom: 279px;}
  .t4-Title02{padding-bottom: 129px;}
  .t4-list04{margin-top: 20px;}
  .t4-tabMenu04{padding-bottom: 119px;}
}

@media screen and (max-width:1220px) {
  .t4-mode{width: auto;margin-left: 30px;margin-right: 30px;margin-top: 30px}
  .flex-direction-nav a {width: 40px;height: 40px;line-height: 40px;font-size: 2.8rem;}
  .t4-title-fr{float: none;width: 100%;margin-left: 0;margin-bottom: 2px;}
  .t4-Title{padding: 15px 20px;text-align: left;}
  .t4-readMore{width: auto;float: right;position: static;padding-bottom: 0;left: auto;bottom: auto;margin-top: 5px;}
  .t4-readMore a span,.t4-tabMore04 a span{writing-mode:lr-tb;}
  .gp-f32{font-size: 2.4rem;}
  .t4-list01{margin-right: 0}
  .t4-mode01{top: 0;}
  .t4-list02{margin-left: 0;}
  .t4-list03 li a{padding-right: 20px}
  .t4-list03{margin-left: 4px;padding-left:0;}
  .t4-rt-list03{margin-left: 4px;}
  .t4-Title03{padding-left: 0;padding-top: 0; }
  .t4-mode03{padding-top: 10px;}
  .t4-wrap-mode03{margin-top: 30px;}
  .t4-tabMenu04{width: auto;float: none;text-align: left;padding-bottom: 0;border-right: none;}
  .t4-tabList04{padding-right: 40px;}
  .til_tab{float: left;margin-right: 20px;}
  .til_tab a{padding-bottom: 20px;padding-left: 0}
  .t4-tabList04{margin-left: 0;}
  .t4-tabMore04{left: auto;right: 0;top: 0;bottom: auto;width: auto;}



}
@media screen and (max-width:998px) {
  .t4-text01 h3, .t4-text01 p{height: auto;max-height: 48px;}
  /*.t4-links02{margin:0 1px;padding: 10px;}*/
  .t4-text02{margin-bottom: 10px;font-size: 1.4rem;max-height: 48px;height: auto;}
  .t4-more02{font-size: 1.2rem;}
  .t4-links02{padding-top: 0;padding-bottom: 20px;}
  .t4-dateTime01 strong{margin-top: 4px;}
  .t4-text01{padding: 20px 20px 10px 20px;}
  .t4-info03 h3{height: auto;}
  .t4-rt-list03 ul{padding-top: 0;}
  .t4-rt-list03 ul li{margin-bottom: 20px;}
  .t4-text03 h3{padding: 15px;}
  .t4-list03 li{margin-bottom: 20px;}
  .t4-list03 li a{padding-right: 0;margin:0  8px}
  .t4-text03:after{border-width: 28px;bottom: -50px;margin-left: -28px;}
  .t4-text03{margin-bottom: 35px;}
  .t4-links04{border-right: none; border-bottom: 2px solid #fafafa;}
  .t4-tabList04{padding-right: 0;padding-bottom: 40px;}
  .t4-img-info04{max-height: 72px;height: auto; }
  .t4-list-time04{height: 70px;line-height: 70px;}
  .t4-list-date04{margin-top: 20px;}
  .t4-info-title04{margin-top: 20px;}
  .t4-list04{margin: 0 20px;}
  .c-line02{height: 20px;}

}

@media screen and (max-width:479px) {
   .flex-direction-nav a {width: 30px;height: 30px;line-height: 30px;font-size: 2rem;}
   .gp-f32{font-size: 2rem;}
   .gp-f16{font-size: 1.4rem;}
   .t4-info-title04{margin-left: 113px;}
   .t4-list-date04{margin-top: 30px;width: 70px;}
   .t4-img-text04{padding: 20px;}
}


