@charset "utf-8";
/* 思源宋体 */
@font-face {
    font-family: 'SourceHanSerifCN';
    src: url('SourceHanSerifCN-SemiBold.woff2') format('woff2')
    ,url('SourceHanSerifCN-SemiBold.woff2') format('woff2'); /* IE9 */
}
/* 思源黑体 */
@font-face {
    font-family: 'SourceHanSansCN-Regular';
    src: url('SourceHanSansCN-Regular.woff2') format('woff2')
    ,url('SourceHanSansCN-Regular.woff2') format('woff2'); /* IE9 */
}
/* 汉仪魏碑简 */
@font-face {
    font-family: 'HanYiWeiBeiJian-Regular';
    src: url('HanYiWeiBeiJian-Regular.woff2') format('woff2')
    ,url('HanYiWeiBeiJian-Regular.woff2') format('woff2'); /* IE9 */
}

a:hover{color: #c71b1f;}
a, img{ -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all .3s ease-out;  }
body{font-family: 'SourceHanSansCN-Regular';}
.floor{width: 1300px;margin: 0 auto;}

.site.floor {
    margin-top: 10px;
}

/* 顶部 */
.top{padding: 20px 0px;overflow: hidden;}
.top-l{width: 148px;float: left;padding: 10px 0px;}
.top-l p{text-align: center;font-size: 18px;line-height: 18px;}
.top-l p img{height: 20px;}

.top-r{width: calc(100% - 206px);float: right;}
.top-r ul li{background: url(2025xxdjw_top_dian.png)no-repeat left center;padding-left: 13px;float: left;width: 33.33%;box-sizing: border-box;line-height: 30px;padding-right: 15px;}
.top-r ul li a{display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-size: 16px;}

/* 头部 */
.header{position: relative;height: 378px;}
.header .header-con{background: url(2025xxdjw_banner01.png)no-repeat;height: 298px;background-size: cover;}
.header .header-con .logo{display: flex;align-items: center;height: 100%;z-index: 99;position: relative;/* background: url(2025xxdjw_header_bg02.png)no-repeat 165px 80px; */}
.header .header-con .logo-bg{position: absolute;top: 80px;left: 165px;}
.header .header-bg{height: 100%;position: absolute;top: 0px;width: 100%;perspective: 1000px;display: inline-block;overflow: hidden;}
.header .header-bg .header-flag {height: 297px;animation: hongQi 3s ease-in-out infinite alternate;transform-origin: 0 100% 0;-webkit-animation: hongQi 3s ease-in-out infinite alternate;-webkit-transform-origin: 0 100% 0;-ms-transform-origin: 0 100% 0;}
@keyframes hongQi {
  0% {
    transform: rotateY(0deg);
    -webkit-transform: rotateY(0deg);
  }
  50% {
    transform: rotateY(-5deg);
    -webkit-transform: rotateY(-5deg);
  }
  100% {
    transform: rotateY(0deg);
    -webkit-transform: rotateY(0deg);
  }
}
@-webkit-keyframes hongQi {
  0% {
    -webkit-transform: rotateY(0deg);
  }
  50% {
    -webkit-transform: rotateY(-5deg);
  }
  100% {
    -webkit-transform: rotateY(0deg);
  }
}

/* 导航 */
.menu{/*background: url(2025xxdjw_header_bg01.png)no-repeat;*/height: 208px;position: absolute;bottom: 0px;width: 100%;background-size: cover;z-index: 9;}
.menu .menu-bg1{position: absolute;bottom: 0px;height: 80px;width: 100%;background: #c71b1f;}
.menu .menu-bg2{position: absolute;width: 100%;overflow: hidden;}
.menu .menu-con{position: relative;overflow: hidden;height: 80px;margin-top: 128px;}
.menu .menu-nav{float: left;width: calc(100% - 331px);}
#nav{display: flex;justify-content: space-between;}
#nav li{line-height: 80px;height: 80px;display: inline-block;}
#nav li a{color: #ffebbd;font-size: 24px;}
#nav li:first-child {padding-left: 20px;}
#nav li:last-child {padding-right: 20px;}
#nav li.on a, #nav li:hover a{font-weight: bold;}

/* 搜索 */
.search{float:right;display: flex;height: 100%;align-items: center;justify-content: center;width: 300px;}
.search .search-box{width: 265px;height: 35px;border-radius: 35px;background-color: #fff;overflow: hidden;padding: 0px 20px;box-sizing: border-box;}
.search .search-txt {display:block;float: left;border: 0;width: 207px;height: 35px;background:transparent;font-size: 16px;line-height: 35px;outline: none;cursor: text;}
.search .search-btn {display:block;float: left;border: 0;width: 18px;height: 35px;background: url(2025xxdjw_search_btn.png) no-repeat center;outline: none;cursor: pointer;}

/* 头条 */
.toutiao{padding: 38px 20px;}
.toutiao p{text-align: center;font-family: 'SourceHanSerifCN';height: 40px;line-height: 40px;}
.toutiao .tit a{font-size: 36px;color: #bd1a2d;display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;height: 100%;}
.toutiao .tit a:hover{text-decoration: underline;}
.toutiao .list{line-height: 20px;margin-top: 16px;height: 20px;}
.toutiao .list a{font-size: 16px;}
.toutiao .list a:nth-child(2)::before{content: '|';padding: 0px 10px;}
.toutiao .list .toutiao-more a{color: #bd1a2d;margin-left: 15px;}

.con1{overflow: hidden;margin-bottom: 10px;}
/* 轮播通用 */
.slideBox .hd{ height:40px; line-height: 40px; overflow:hidden; position:absolute; right: 0; bottom:0; z-index:1; }
.slideBox .hd ul{ overflow:hidden; zoom:1; float:right; padding-right: 15px; }
.slideBox .hd ul li{  float:left; margin:15px 8px 0 0; width:10px; height:10px; font-size: 0px; cursor:pointer; overflow:hidden; background: #fff; border-radius: 50%;}
.slideBox .hd ul li.on{ background:#b81c22; }
.slideBox .bd li :hover img{ -webkit-transform: scale( 1.1,1.1); -moz-transform: scale(1.1,1.1); -ms-transform: scale(1.1,1.1);  transform: scale(1.1,1.1);}
.slideBox .bd li p a{height:40px;line-height:40px;color:#fff;background: url(2025xxdjw_lb_bg.png);position:absolute;right: 0;left:0;bottom:0;z-index: 2;display: inline-block;cursor:pointer;padding:0 15px;padding-right: 150px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.slideBox .bd li:hover p{color: #dcdcdc;}

/* 轮播01 */
.slideBox01{width:635px;height:410px;overflow:hidden;position:relative;float: left;}
.slideBox01 .bd{ position:relative; height:100%; z-index:0;}
.slideBox01 .bd li{ zoom:1; vertical-align:middle; position: relative; }
.slideBox01 .bd img{ width:100%; height:410px; display:block; }
.slideBox01 .prev,.slideBox01 .next{position: absolute;left: 0;top: 0;display:block;width: 40px;height: 80px;overflow:hidden;cursor:pointer;background: url(2025xxdjw_prev.png) no-repeat center;z-index: 9;top: 50%;margin-top: -40px;display: none;}
.slideBox01 .next{left: auto;right: 0px;background: url(2025xxdjw_next.png) no-repeat center;}

.con1-list{width: calc(100% - 665px);float: right;}
/*单层tab切换 */
.tab_box{ overflow: hidden; text-align:left; }
.tab_hd{height: 44px;overflow: hidden;background: #eaeaea;}
.tab_hd>ul>li{float:left;}
.tab_hd>ul>li a { display: block; height: 44px; line-height: 44px; font-size: 22px;text-align: center; color: #000;  -webkit-transition: all 0s ease-out;  transition: all 0s ease-out;padding: 0px 33px;}
.tab_hd>ul>li.on a{ color: #ffebbd;background: #c71b1f;}
.tab_hd span a{display: block;height: 44px;line-height: 44px;width: 50px;float: right;background: url(2025xxdjw_list_more.png)no-repeat center;}

/* 新闻列表 */
.bd_new ul{zoom:1;padding: 8px 0;}
.bd_new li{height: 50px;line-height: 50px;padding-left: 20px;background: url(2025xxdjw_list_dian.png) no-repeat 2px center;position: relative;}
.bd_new li a{ font-size: 18px; display: block; overflow: hidden; text-overflow:ellipsis; white-space:nowrap;}
.bd_new li:hover a{ color: #b81c22; }
.bd_new li:hover span{ color: #b81c22; }
.bd_new li span{display: block;width: 100px;font-size: 14px;text-align: right;float:right;color: #999;height: 50px;}
.bd_new li i{ float: right; padding-left: 10px; font-size: 16px; color: #d6121c; }
.bd_new li i.opacity6{ opacity: 0.6; filter:alpha(opacity=60); /* IE8 及其更早版本 */ }

/* 专题专栏 */
.ztzl{margin-bottom: 20px;overflow: hidden;}
.ztzl .zt-tit a{column-count: 2;column-gap: 8px;color:#ffebbd;width: 80px;height: 90px;background: #c71b1f;float: left;font-size: 24px;text-align: center;box-sizing: border-box;padding: 18px 12px; */box-sizing: border-box;line-height: 26px;display: block;font-weight: 300;}
.sepcial{float: right;width: calc(100% - 80px);overflow: hidden;position: relative;}
.sepcial .prev, .sepcial .next{position: absolute;left: 30px;top: 50%;display:block;width: 35px;height: 35px;overflow:hidden;cursor:pointer;background:url(2025xxdjw_ztzl_prev1.png) no-repeat center;margin-top: -17.5px;z-index: 9;}
.sepcial .next{left: auto;right: 10px;background:url(2025xxdjw_ztzl_next1.png) no-repeat center;}
.sepcial .prev:hover{background: url(2025xxdjw_ztzl_prev.png) no-repeat center;}
.sepcial .next:hover{background: url(2025xxdjw_ztzl_next.png) no-repeat center;}
.sepcial-list {overflow:hidden;}
.sepcial-list li{ float:left; width:50%; height: 90px;}
.sepcial-list li a{display:block;overflow:hidden;margin-left: 20px;}
.sepcial-list li img{width:100%;height: 90px;}
.sepcial-list li:hover img{ -webkit-transform: scale( 1.1,1.1); -moz-transform: scale(1.1,1.1); -ms-transform: scale(1.1,1.1);  transform: scale(1.1,1.1);}

/* 组织工作 */
.con2{overflow: hidden;}
.tab_hd1{height: 44px;overflow: hidden;background: #eaeaea;}
.tab_hd1 .hd-tit{float:left;}
.tab_hd1 .hd-tit a { display: block; height: 44px; line-height: 44px; font-size: 22px;text-align: center; -webkit-transition: all 0s ease-out;  transition: all 0s ease-out;padding: 0px 33px;color: #ffebbd;background: #c71b1f;}
.tab_hd1 ul{float: right;}
.tab_hd1>ul>li{float:left;}
.tab_hd1>ul>li a{ display: block; height: 44px; line-height: 44px; font-size: 18px;text-align: center; color: #000;  -webkit-transition: all 0s ease-out;  transition: all 0s ease-out;}
.tab_hd1>ul>li a::after{content: '|';padding: 0px 10px;}
.tab_hd1>ul>li:last-child a::after{display: none;}
.tab_hd1>ul>li.on a{ color: #bd1a2d;font-weight: bold;}
.tab_hd1 span{float: right;margin-left: 25px;}
.tab_hd1 span a{display: block;height: 44px;line-height: 44px;width: 50px;float: right;background: url(2025xxdjw_list_more.png)no-repeat center;}
.bd_new1 ul{overflow: hidden;}
.bd_new1 ul li{width: calc(50% - 15px);float: left;box-sizing: border-box;}
.bd_new1 ul li:nth-child(2n){margin-left: 30px;}

/* 政策文件 */
.con3{overflow: hidden;}
.con3-l{float: left;width: 36%;margin-right: 30px;}
.con3-r{width: calc(28% - 60px);float: left;}
.new_list{padding-top: 4px;}
.new_list ul li{height: 40px;line-height: 40px;margin-bottom: 9px;text-align: center;font-size: 18px;}
.new_list ul li:nth-child(1){background-color: #f3e7cf;}
.new_list ul li:nth-child(2){background-color: #f0dcd3;}
.new_list ul li:nth-child(3){background-color: #fae8d6;}
.new_list ul li{height: 40px;line-height: 40px;}
.new_list ul li:nth-child(1) a{color: #a27722;}
.new_list ul li:nth-child(2) a{color: #a77c69;}
.new_list ul li:nth-child(3) a{color: #b1875d;}
.new_list ul li:hover a{font-weight:bold;}

/* 党员教育资源库 */
.con4{overflow: hidden;margin-bottom: 42px;}
.slideBox02{position: relative;width: calc(33.33% - 20px);float: left;margin-right: 30px;height: 220px;overflow: hidden;margin-top: 20px;border-radius: 5px;}
.slideBox02 .tit{position: absolute;background: url(2025xxdjw_zyk_bg.png)no-repeat;width: 49px;height: 107px;left: 15px;top: 0;line-height: 20px;z-index: 9;cursor: pointer;overflow: hidden;}
/* animation: borderFlash 2s infinite;-webkit-animation: borderFlash 2s infinite; */
.slideBox02 .tit a{font-size: 18px;column-count: 1;color: #fff;width: 100%;height: 100%;padding: 12px 10px 0px 10px;box-sizing: border-box;text-align: center;display: block;animation:none;z-index: 9;position: relative;}
.slideBox02 .hd ul{padding-right: 5px;}
.slideBox02 .bd{ position:relative; height:100%; z-index:0;}
.slideBox02 .bd li{ zoom:1; vertical-align:middle; position: relative; }
.slideBox02 .bd img{ width:100%; height:220px; display:block; }
.slideBox02 .bd li p{padding-right: 80px;}
.slideBox03{margin-right: 0px;}

.slideBox02 .tit::before {
  content: '';
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: -webkit-linear-gradient(left, rgb(199, 27, 31) 0%, rgba(255, 255, 255, 0.8) 50%, rgba(255, 255, 255, 0) 100%);
  background: -moz-linear-gradient(left, rgb(199, 27, 31) 0%, rgba(255, 255, 255, 0.8) 50%, rgba(255, 255, 255, 0) 100%);
  background: -o-linear-gradient(left, rgb(199, 27, 31) 0%, rgba(255, 255, 255, 0.8) 50%, rgba(255, 255, 255, 0) 100%);
  background: linear-gradient(to right, rgb(199, 27, 31) 0%, rgba(255, 255, 255, 0.8) 50%, rgba(255, 255, 255, 0) 100%);
  -webkit-transform: skewX(-50deg);
  -moz-transform: skewX(-50deg);
  -ms-transform: skewX(-50deg);
  -o-transform: skewX(-50deg);
  transform: skewX(-50deg);
  -webkit-animation: scan 3s infinite 1s;
  -moz-animation: scan 3s infinite 1s;
  -o-animation: scan 3s infinite 1s;
  animation: scan 3s infinite 1s;
}

@-webkit-keyframes scan {
  0% {
    left: -100%;
    opacity: 0;
  }
  20% {
    opacity: 0.8;
  }
  100% {
    left: 150%;
    opacity: 0;
  }
}

@-moz-keyframes scan {
  0% {
    left: -100%;
    opacity: 0;
  }
  20% {
    opacity: 0.8;
  }
  100% {
    left: 150%;
    opacity: 0;
  }
}

@-o-keyframes scan {
  0% {
    left: -100%;
    opacity: 0;
  }
  20% {
    opacity: 0.8;
  }
  100% {
    left: 150%;
    opacity: 0;
  }
}

@keyframes scan {
  0% {
    left: -100%;
    opacity: 0;
  }
  20% {
    opacity: 0.8;
  }
  100% {
    left: 150%;
    opacity: 0;
  }
}


/* 底部 */
.footer{border-top: 7px solid #e60707;margin-top: 20px;overflow: hidden;}
.footer-link{padding: 20px 0;overflow: hidden;}
.footer-link p{font-size: 24px;line-height: 52px;font-weight: bold;margin-right: 25px;display: inline-block;float: left;}
.footer-link .link-list{width: 82.3%;float: left;width: calc(100% - 201px);}
.footer-link .link-list ul li{/* display: inline-block; */padding-right: 55px;float: left;}
.footer-link .link-list ul li a{font-size: 18px;line-height: 52px;}
.footer-link .sydw_bs{width: 80px;float: right;line-height: 104px;text-align: right;}
.footer-info{border-top: 2px solid #eee;padding-top: 30px;padding-bottom: 25px;}
.footer-info p{line-height: 26px;font-size: 16px;text-align: center;}

@media only screen and (min-width: 1921px) {
    .header .header-con .logo-bg{/* display: none; */}
}
@media only screen and (max-width: 1800px) {
    .header .header-con .logo-bg{left: 285px;}
}
@media only screen and (max-width: 1400px) {
    .header .header-con .logo-bg{left: 435px;}
}
@media only screen and (max-width: 1300px){
    .floor{width: 98%;}
    .top{display: none;}
    .header{height: 200px;}
    .header .header-con{background: none;height: 150px;}
    .header .header-con .logo{justify-content: center;text-align: center;}
    .header .header-con .logo-bg{display: none;}
    .header .header-bg{background:url(banner_hq.png)no-repeat center;background-size:cover;}
    .header .header-bg .header-flag{animation: none;display: none;}
    
    .menu{height: 60px;position: relative;background-color: #bc2e26;}
    .menu .menu-con{margin: 0 auto;height: 60px;background-color: #bc2e26;}
    #nav li{height:60px;line-height:60px;}
    .menu .menu-bg1, .menu .menu-bg2{display: none;}
        
}
@media only screen and (max-width: 1200px){
    .con3-l, .con3-r{width: 100%;margin: 0 auto;}
    .toutiao .list{height: auto;line-height: 28px;}
    .con4{margin-top: 10px;}
    .new_list{padding-top: 10px;}
}

@media only screen and (max-width: 1000px){
    .header{height:auto;}
    .header .header-con .logo img{width: 90%;}
    /* 导航 */
    .menu{padding-bottom: 0;overflow-x: scroll;overflow-y: hidden;-ms-overflow-style: -ms-autohiding-scrollbar;-webkit-overflow-scrolling: touch;position: unset;}
    .menu:after{content:"";display: block;width: 50px;height: 60px;position: absolute;right: 0;bottom: 0;background: linear-gradient(to right, rgba(0, 83, 147, 0), rgb(154 9 9));}
    .menu::-webkit-scrollbar{ display:none; }
    .menu-con{width: 1000px;padding-right: 60px;}
}
@media only screen and (max-width: 900px){
    .toutiao{padding: 15px;}
    .toutiao .tit a{font-size: 30px;}
    .slideBox01{width: 100%;margin-bottom: 20px;}
    .con1-list{width: 100%;margin: 0 auto;}
    .slideBox02, .slideBox02 .bd img{height: 180px;}
}
@media only screen and (max-width: 750px){
    .bd_new1 ul li{width: 100%;margin: 0 auto !important;}
    .slideBox02{width: 100%;margin: 0 auto;margin-top: 20px;height: 350px;}
    .slideBox02 .bd img{height: 350px;}
    .footer-link .link-list{float: none;overflow: hidden;width: calc(100% - 120px);}
    .footer-link .sydw_bs{width: 100%;float: none;text-align: center;}
    .footer-link p, .footer-link .link-list ul li a{line-height:35px;}
    .footer-link p{font-size:20px;}
    .footer-link .link-list ul li a{font-size:16px;}
    .footer-link .sydw_bs{line-height:80px;}
    
    .ztzl .zt-tit {display: none;}
    .sepcial{width: 100%;}
    .sepcial-list li{width: 100%;}
    .sepcial-list li a{margin: 0 auto;}
    .con4{margin-bottom: 20px;}
}
@media only screen and (max-width: 520px){
    .slideBox01, .slideBox01 .bd img{height: 300px;}
    .slideBox02, .slideBox02 .bd img{height: 280px;}

}
@media only screen and (max-width: 420px){
    .con1{margin-bottom: 0px;}
    .slideBox01, .slideBox01 .bd img{height: 260px;}
    .slideBox02, .slideBox02 .bd img{height: 240px;}
    .sepcial-list li, .sepcial-list li img{height: 70px;}
    .sepcial .prev, .sepcial .next{display: none;}
    .sepcial .prev{left: 10px;}
    .sepcial .next{right: 10px}
    .sepcial:hover .prev, .sepcial:hover .next{display: block;}

    .footer-link{padding: 10px 0;}
    .footer-link .link-list{width: 100%;float: none;}
}