@charset "UTF-8";
.left {
  width: 49%;
  float: left;
  margin-right: 32px;
  height: 100%; }

.leftnew{
  width: 33%;
  float: left;
  margin-right: 32px;
  height: 100%;
}

.right {
  width: calc(100% - 49% - 32px);
  float: right;
  height: 100%; }

.rightnew {
  width: calc(100% - 69% - 32px);
  float: right;
  height: 100%; }


.marker-list {
  padding-left: 24px;
  margin-top: 20px; }
  .marker-list li {
    list-style: square;
    list-style-image: url("/image/icon/list-style.png");
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #333333;
    line-height: 48px;
    cursor: pointer; }
    .marker-list li:hover {
      color: #024585; }
    .marker-list li a {
      font-size: 16px;
      float: left;
      width: 80%; }
    .marker-list li time {
      float: right;
      width: 20%;
      text-align: right; }

.date-list {
  margin-top: 36px; }
  .date-list li {
    cursor: pointer; }
    .date-list li:not(:last-of-type) {
      margin-bottom: 35px; }
    .date-list li .time {
      width: 84px;
      height: 84px;
      border: 1px solid #024585;
      font-size: 20px;
      font-family: Arial;
      font-weight: 400;
      line-height: 42px;
      text-align: center;
      margin-right: 22px;
      float: left;
      overflow: hidden; }
      .date-list li .time .date {
        width: inherit;
        height: 50%;
        background: #024585;
        color: #FFFFFF; }
      .date-list li .time .year {
        background-color: #FFFFFF;
        color: #333; }
    .date-list li .content {
      float: left;
      width: calc(100% - 106px);}
      .date-list li .content .notice-title {
        font-size: 20px;
        font-family: Microsoft YaHei;
        font-weight: bold;
        color: #333333;
        line-height: 24px; }
      .date-list li .content .notice-content {
        font-size: 16px;
        font-family: Microsoft YaHei;
        font-weight: 400;
        color: #666666;
        line-height: 28px;
        margin-top: 10px; }
    .date-list li:hover .notice-title {
      color: #024585; }

.list-title {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 17px;
  border-bottom: 1px solid #e6e6e6;
  height: 46px; }
  .list-title .title {
    font-size: 28px;
    font-family: Microsoft YaHei;
    font-weight: bold;
    color: #024585;
    line-height: 24px; }
    .list-title .title img {
      margin-right: 13px;
      vertical-align: -4px; }
    .list-title .title .subtitle {
      font-size: 28px;
      font-family: Microsoft YaHei;
      font-weight: bold;
      color: #000000;
      line-height: 24px;
      margin-left: 26px; }
  .list-title .more {
    float: right;
    cursor: pointer;
    font-size: 16px;
    font-family: Arial;
    font-weight: 400;
    color: #666666;
    line-height: 24px; }
    .list-title .more:hover {
      color: #367cbd; }
.notice-box ul li{    width: 365px;}
.notice-box ul li img{width:100%;}
.notice-box .video-player video{width:365px;    padding-bottom: 22px;}
.news {
  margin-top: 45px; }
  .news .swiper {
    position: relative;
    min-height: 427px; }
    .news .swiper img {
      width: 100%;
height:545px;
      object-fit: cover; }
    .news .swiper .news-title {
      position: absolute;
      bottom: 0;
      width: 100%;
      left: 0;
      height: 56px;
      background-color: rgba(0, 0, 0, 0.6);
      padding: 0 37px;
      line-height: 56px;
      font-size: 18px;
      font-family: Microsoft YaHei;
      font-weight: 400;
      color: #FFFFFF; }
  .news .swiper-pagination {
    bottom: 0;
    padding-right: 27px;
    text-align: right;
    box-sizing: border-box;
    height: 56px;
    line-height: 56px; }
  .news .swiper-pagination-bullet {
    width: 11px;
    height: 10px;
    background: #FFFFFF;
    border-radius: 5px;
    opacity: 1; }
  .news .swiper-pagination-bullet-active {
    background: #008FD9; }
  .news .news-list {
    padding-top: 14px; }
    .news .news-list .latest {
      margin-top: 28px; }
      .news .news-list .latest .latest-news-title {
        font-size: 23px;
        font-family: Microsoft YaHei;
        font-weight: bold;
        color: #000000;
        line-height: 24px; }
      .news .news-list .latest .latest-news-content {
        margin-top: 20px;
        font-size: 18px;
        font-family: Microsoft YaHei;
        font-weight: 400;
        color: #666666;
        line-height: 32px; }
      .news .news-list .latest:hover .latest-news-title {
        color: #024585;
        cursor: pointer; }

.notice-and-style {
  margin-top: 45px; }
  .notice-and-style .notice-list {
    margin-top: 36px; }
  .notice-and-style .style-list li {
    line-height: 49px; }

.lecture-and-website {
  margin-top: 50px; }
  .lecture-and-website .site-list {
    margin-top: 30px; }
    .lecture-and-website .site-list li {
      width: 33.3%;
      height: 178px; }
      .lecture-and-website .site-list li:not(:last-of-type) {
        margin-bottom: 15px;    width: 33.3%;    float: left; }
      .lecture-and-website .site-list li a {
        display: block;
        width: 100%;
        height: 100%; }
        .lecture-and-website .site-list li a img {
          width: 100%; }

.video-and-link {
  margin-top: 50px; }
  .video-and-link .video {
    width: 100%;
    position: relative;
    margin-top: 23px; }
    .video-and-link .video::after {
      content: "";
      display: block;
      width: 100%;
      height: 100%;
      position: absolute;
      left: 0;
      top: 0;
      background-color: rgba(0, 0, 0, 0.2); }
    .video-and-link .video video {
      width: 100%;
      height: 100%;
      object-fit: cover;
      display: block;
      min-height: 375px; }
    .video-and-link .video i {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      font-size: 78px;
      color: #fff;
      z-index: 3; }
  .video-and-link .link-box table {
    margin-top: 39px;
    width: 100%;
    padding: 0 60px; }
    .video-and-link .link-box table td {
      height: 168px;
      text-align: center;
      padding-bottom: 21px; }
      .video-and-link .link-box table td a {
        display: block; }
      .video-and-link .link-box table td img {
        width: 110px; }
      .video-and-link .link-box table td p {
        font-size: 20px;
        font-family: Microsoft YaHei;
        font-weight: 400;
        color: #024585;
        line-height: 2em; }

/*视频遮罩*/
.video-mask {
  width: 100vw;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 999;
  display: none; }
  .video-mask video {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    max-width: 60%;
    max-height: 80%; }
  .video-mask .icon-guanbi {
    font-size: 30px;
    position: absolute;
    right: 30px;
    top: 30px;
    color: #fff; }

/*bannernew*/
#main { display: block; overflow: hidden; width:100%; min-width: 1280px; position: relative; background: #EFF4F5; }
#index_b_hero { width: 1280px; height: 350px; margin: 0 auto; position: relative; }
#index_b_hero img { width: 1280px; height: 350px; }
#index_b_hero .heros { width: 1280px; height: 350px; }
#index_b_hero .hero-wrap { overflow: visible; position: absolute; }
#index_b_hero .next, #index_b_hero .prev {background:url(../images/empty.gif);  position: absolute; top: 0;  width: 1280px; height: 350px; filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#D8FFFFFF', endColorstr='#D8FFFFFF');background:rgba(255,255,255,0.60);z-index:9999;}
#index_b_hero .next:hover, #index_b_hero .prev:hover {filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#D8FFFFFF', endColorstr='#D8FFFFFF');background:rgba(255,255,255,0.65);}
#index_b_hero .prev { left: -1280px; }
#index_b_hero .next { left: 1280px; }
#index_b_hero .disabled { background-color: #eee; }
#index_b_hero .hero { background: #000; position: absolute; top: 0; left: 0; width: 1280px; height: 350px; overflow: hidden; left: 2560px; }
#index_b_hero .mask-right { left: -100px;}
#index_b_hero .mask-left { right: -100px;}
#index_b_hero .active { z-index: 2; left: 0;}
#index_b_hero .mask-right, #index_b_hero .mask-left{ position:absolute; top:50%; height:78px; width:78px; overflow:hidden; margin-top:-39px; background:url(../images/FocusBtn.png) no-repeat; z-index:99999; display:none;}
#index_b_hero .mask-right{ background-position:-78px 0;}
#index_b_hero .mask-right:hover{ background-position:-78px -78px;}
#index_b_hero .mask-left{ background-position:0 0;}
#index_b_hero .mask-left:hover{ background-position:0px -78px;}

/*党建专栏*/
.dangjian{ clear:both; background:#fff; overflow:hidden; width:1180px; margin:0 auto; padding:5px 0px 20px 20px;}
.index_p3 {
    background: #ffffff;
    width: 1280px;
    margin: 0 auto;
    padding: 20px 0;
}
.djzl {width: 1280px;
    height:368px;
    overflow: hidden;
    background: url(../images/sydjgz.jpg) 0 0 no-repeat;    margin: 0 auto;
}
.djzl_list {
    float: right;
    width: 482px;
    margin-top: 32px;
    margin-right: 60px;
}
.djzl_list li {
    height: 37px;
    line-height: 37px;
    border-bottom: 1px dashed #cc0000;
    overflow: hidden;
background: rgba(255,255,255,0.4);

}
.djzl_list li a {
    float: left;
    width: 360px;
    color: #cc0000;
    overflow: hidden;line-height: 37px;
    background: url(../images/sydjgzt.png) 5px center no-repeat;
    padding-left: 21px;
    font-size: 16px;
}
.djzl_list li a:hover{
color: #024585;
} 
.djzl_list li span {
    float: right;
    color: #cc0000;
    margin-right: 10px;
}