@charset "utf-8";



* {

margin: 0;

padding: 0;

box-sizing: border-box;

}

body{

color: #333;

line-height: 1.6;

overflow-x:hidden;

background: #F9FAFA;

}

a {

text-decoration: none;

color: inherit;

}

:root {

--primary: #0a2e5a;

--secondary: #7d5a2e;

--light: #f8f9fa;

--gray: #6c757d;

--border: #e0e0e0;

--success: #28a745;

--transition: all 0.3s ease;

}

/*顶部*/

.dingbu{

width: 100%;

}

.header-scroll{

position: fixed;

top: 0;

width: 100%;

z-index: 1000;

}

header {

background: #04264E;

color: white;

}

.top-bar {

display: flex;

justify-content: space-between;

align-items: center;

max-width: 1200px;

margin: 0 auto;

padding: 0 20px;

}

.logo {

display: flex;

align-items: center;

padding: 30px 0;

}

.logo a{

float: left;

width: 100%;

}

.logo a img {

float: left;

height: 100%;

}

.logo a .tztitle {

float:left;

font-size:34px;

font-weight:600;

line-height: 47px;

font-style: normal;

letter-spacing:3px;

padding:15px 0 0 20px;

}

.logo a .tztitle i{

float: left;

height: 35px;

margin: 10px 15px 0 0;

border-right: 1px solid rgba(255,255,255,0.2);

}

.top-right{

background: url(../images/toprightbj.png) no-repeat;

background-size: cover;

background-position: 20px 0;

width: 40%;

height: 130px;

}

.search-box {

float:right;

background: #fff;

border-radius: 50px;

padding: 15px 20px;

display: flex;

width: 260px;

margin:40px 20px 0 0;

}

.search-box input {

background: transparent;

border: none;

color: #04264E;

line-height: 18px;

outline: none;

flex: 1;

font-size: 14px;

}

.search-box i {

color: #CDAD75;

cursor: pointer;

}

input::placeholder {

color: #04264E;

}

input[type="text"]::placeholder {

color: #04264E;

}

.search-box button {

background-color: transparent;

border: none;

}



/*导航*/

nav {

background: #04264E;

position: relative;

border-top: 1px solid #3A516F;

}

.nav-container {

max-width: 1200px;

margin: 0 auto;

display: flex;

}

.nav-item {

position: relative;

flex: 1;

}

.nav-link {

display: block;

padding: 20px;

color: white;

text-decoration: none;

text-align: center;

transition: background 0.3s;

}

.nav-link:hover {

background: #CDAD75;

}

.nav-link.active{

background: #CDAD75;	

}

.dropdown {

position: absolute;

top: 100%;

left: 0;

width: 100%;

background: white;

box-shadow: 0 4px 12px rgba(0,0,0,0.1);

border-top: 2px solid var(--secondary);

opacity: 0;

visibility: hidden;

transform: translateY(-10px);

transition: all 0.3s ease;

z-index: 1000;

}

.nav-item:hover .dropdown {

opacity: 1;

visibility: visible;

transform: translateY(0);

}

.dropdown a {

display: block;

padding: 10px 20px;

color: #333;

text-decoration: none;

border-bottom: 1px solid #eee;

text-align: center;

}

.dropdown a:last-child {

border-bottom: none;

}

.dropdown a:hover {

background: #f8f9fa;

color: var(--primary);

}

/* --- mobilehead头部 --- */

#m_header{ position: fixed; z-index:999; width:100%; height: 4.5rem; left:0; top:0; background:#04264E; display:none;}

#m_header #m_logo{float: left;}

#m_header #m_logo a{float: left;width: 100%;}

#m_header #m_logo a img {float: left;width: 200px; padding-top: 0.8rem;}

#m_header #m_logo a .tztitle {float:left;font-size:15px;font-weight:600;line-height: 47px;font-style: normal;letter-spacing:1px;padding:10px 0 0 10px;}

#m_header #m_logo a .tztitle i{float: left;height: 35px;margin: 9px 5px 0 0;border-right: 1px solid rgba(255,255,255,0.2);}

#nav_btn_box{ height:100%; z-index:999999999;position:fixed; height:4.5rem; right:0; top: 0; display:none; }

#nav_btn_box .m{ padding: 20px 6px 0 6px;}

#nav_btn_box.on{background:none;}

#nav_btn .point.on .navbtn::after, #nav_btn .point.on .navbtn::before{ background:#fff;}

#nav_btn{cursor: pointer; text-align: center;z-index:99999; transition:.5s;-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s;-o-transition:.5s; outline:none; box-shadow:none;}

#nav_btn .point{display: inline-block;width: 1.5rem;height: 22px; position: relative; outline:none;}

#nav_btn .point:hover .navbtn,

#nav_btn .point:hover .navbtn::after,

#nav_btn .point:hover .navbtn::before{width: 1.75rem;}

#nav_btn .navbtn{position: absolute;top: 12px;left: 0;display: inline-block;width: 21px;height: 1px;-webkit-transition: all .3s ease-out 0s;-moz-transition: all .3s ease-out 0s;-ms-transition: all .3s ease-out 0s;-o-transition: all .3s ease-out 0s;transition: all .3s ease-out 0s;}

#nav_btn .navbtn::after,

#nav_btn .navbtn::before{position: absolute;left: 0;display: inline-block;width: 1.5rem;height: 2px;content: '';-webkit-transition: all .3s ease-out 0s;-moz-transition: all .3s ease-out 0s;-ms-transition: all .3s ease-out 0s;-o-transition: all .3s ease-out 0s;transition: all .3s ease-out 0s;background: #fff;}

#nav_btn .navbtn::after{top: -5px;}

#nav_btn .navbtn::before{top: 5px;}

#nav_btn .point.on .navbtn{background: transparent;}

#nav_btn .point.on .navbtn::after{-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);top: 0px;}

#nav_btn .point.on .navbtn::before{-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-ms-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg);top: 0px;}

.m_nav_list{flex-direction:column; justify-content: flex-start; width:100%; overflow: auto;}

.m_nav_list::-webkit-scrollbar {display:none}

#m_nav {z-index: 99999; position: fixed; background:#04264E; width:13rem;  height:100vh; right: -400px; top: 0; display:none;padding-top:50px; overflow:hidden; pointer-events: none;transition: all 0.5s cubic-bezier(0.445, 0.145, 0.355, 1);-webkit-transition: all 0.5s cubic-bezier(0.445, 0.145, 0.355, 1);-moz-transition: all 0.5s cubic-bezier(0.445, 0.145, 0.355, 1);-o-transition: all 0.5s cubic-bezier(0.445, 0.145, 0.355, 1);-ms-transition: all 0.5s cubic-bezier(0.445, 0.145, 0.355, 1);display: flex;flex-direction: column;justify-content: flex-start;align-items: flex-start;}

#m_nav.act{ pointer-events: auto; right:0;}

#m_nav>ul>li{ width:100%; overflow:hidden; padding:0 1.5rem; }

#m_nav>ul>li+li{ border-top:1px solid rgba(255, 255, 255, 0.3);}

#m_nav li .a h3{ line-height:2.8rem; height:2.8rem; color:#fff; padding:0; font-size:0.96rem; float:left;}

#m_nav li .a span{ display:block; position:absolute; top:0; right:10px; width: 20px; height: 50px; text-align:center;}

#m_nav li .a span i{ font-size:0;}

#m_nav .title .a i{  opacity:1;filter:alpha(opacity=100); display:inline-block; width:10px; height:2.8rem; float:right; display:inline-block; background: url(../images/arrow_down.svg) center no-repeat; background-size:contain;}

#m_nav li.on.title .a i{ transform:rotate(-90deg);-webkit-transform:rotate(-90deg); -moz-transform:rotate(-90deg);}

#m_nav .on.title .a i{ transform:rotate(-90deg);-webkit-transform:rotate(-90deg); -moz-transform:rotate(-90deg);}

#m_nav li{display:block;width:100%;}

#m_nav .title .list{display:none;position:relative;width:100%;z-index:9;left:0;margin-left:0;background:none;border:0;clear: both;padding-bottom:10px;}

#m_nav .title .list span{ background:none; }

#m_nav .title .list span a:hover{ color: #014085;}

#m_nav .title .list a{display:block;font-size:0.9rem;opacity:0.9;color: #fff;text-align:left;line-height:30px;height: 30px;border:0;font-weight:300;}

#m_nav .title .list .void>a{background-size:10px; position:relative;}

#m_nav .title .list .void>a:before{ content:"¡¤"; position:absolute; left:-1em; font-size:12px; font-weight:bold;}

#m_nav .title .list span{ position:relative; display:block;}

#m_nav .title .list span .sub{ position: static; width:100%;display: block !important; overflow:hidden;}

#m_nav .title .list dt{float:left;width:100%;}

#m_nav .title .list dt span{display: block;font-size: 0.95rem;opacity: 0.9;color: #fff;text-align: left;line-height: 30px;height: 30px;border: 0;font-weight: 300;border-bottom: 1px dotted rgba(255, 255, 255, 0.2);}

#m_nav .title .list dt a{float:left;width:50%;display: block;font-size: 0.82rem;opacity: 0.85;color: #fff;text-align: left;line-height: 28px;height: 28px;border: 0;font-weight: 300;}

#m_nav .title .sub a{ background:none; font-size:.875rem; opacity:.8; min-width:50%; float:left; display:inline-block; color:#999;}

.nav_mask { position: fixed; top: 0; left: 0;width: 100%;height: 100%;z-index: 888;background-color: rgba(0,0,0,0.4);display: none;}



/*Banner图*/

.banner {

position: relative;

height: 600px;

overflow: hidden;

}

.banner-slides {

display: flex;

height: 100%;

transition: transform 0.6s ease-in-out;

}

.banner-slide {

min-width: 100%;

height: 100%;

background-size: cover;

background-position: center;

cursor: pointer;

}

.banner-nav {

position: absolute;

bottom: 20px;

left: 50%;

transform: translateX(-50%);

display: flex;

gap: 10px;

}

.banner-dot {

width: 12px;

height: 12px;

border-radius: 50%;

background: #fff;

cursor: pointer;

border: 2px solid transparent;

}

.banner-dot.active {

background: white;

border-color: #04264E;

}

/*首页工作动态内容*/

.container {

max-width: 1200px;

margin: 0 auto;

padding: 30px 0;

}

.section-title {

display: flex;

position: relative;

justify-content: space-between;

align-items: center;

margin-bottom: 20px;

font-weight: bold;

color: var(--primary);

}

.section-title:before {

content: "";

width: 9px;

height: 23px;

position: absolute;

top: 6px;

left: 0;

background: #3bb3c2;

transition: 0.6s ease-in-out;

background-image: -webkit-linear-gradient( 6deg, rgb(204,168,108) 0%, rgb(202,178,132) 100%);

}

.section-title span{

padding-left:20px;

font-size: 22px;

}

.section-title a {

color: #093D7B;

font-size: 15px;

text-decoration: none;

}

.section-title a font{

font-size: 20px;

padding-left:5px;

}

.section-title a:hover {

color: #CDAD75;

}

/*首页工作动态大图切换*/

.newscontainer {

max-width: 1200px;

margin: 0 auto;

padding: 50px 0;

}

.card-grid {

display: grid;

grid-template-columns: 1fr 1fr;

gap: 20px;

}

@media (max-width: 768px) {

.card-grid {

grid-template-columns: 1fr;

}

}

.slide-card {

position: relative;

overflow: hidden;

}

.main1-1 {

float: left;

width: 100%;

}

.fmain1 .slides img{

height: 356px !important;

}

.fmain1 h1{

position: absolute;

width: 100%;

left: 0;

bottom: 0;

margin:0;

padding: 0px 20px;

height: 54px;

background: rgba(4,38,78,0.8);

}

.fmain1 h1 span{

float:left;

width: 88%;

font-size: 16px;

color: #fff;

line-height: 53px;

}

.fmain1 .flex-control-nav{

text-align: right;

height: 0;

padding-right: 15px;

bottom: 28px;

}

.fmain1 .flex-control-nav li+li{

margin-left: 5px;

}

.fmain1 .flex-control-nav li{

margin:0;

}

.fmain1 .flex-control-paging li a{

width: 7px;

height: 7px;

border-radius:50px;

background: rgba(255,255,255,0.3);

}

.fmain1 .flex-control-paging li a.flex-active{

background: #FFF;

}



/*首页工作动态列表*/

.news-listh {

list-style: none;

}

.news-itemh {

float:left;

width:100%;

padding:14px;

margin-bottom:9px;

background-color: #fff;

display: flex;

justify-content: space-between;

}

.news-itemh:nth-child(6){

margin-bottom:0px;

}

.news-itemh:last-child {

border-bottom: none;

}

.news-itemh .news-titleh {

color: #3D3D3D;

text-decoration: none;

font-size: 15px;

transition: all 300ms;

}

.news-itemh .news-titleh:hover {

color: #093D7B;

margin-left: 5px;

}

.news-itemh .news-dateh {

color: #999999;

font-size: 14px;

line-height:23px;

}



/*首页通知公告*/

.tongzhibj{

background-color: #fff;

}

.tongzhi{

float:left;

width:100%;

}

.link-card {

float:left;

width: 23.875%;

background: #F0F4FA;

padding: 15px;

margin-right:1.5%;

}

.link-card:nth-child(4){

margin-right:0px;

}

.link-card .time {

float: left;

font-size:12px;

text-align: center;

background: #CDAD75;

color:white;

width:72px;

height:72px;

}

.link-card .time span{

float:left;

width:100%;

font-size: 26px;

font-weight: 600;

line-height: 30px;

padding-top: 10px;

}

.link-card .ggtitle{

float: left;

width: 71%;

height:72px;

padding-left: 5%;

display: flex;

align-items: center;

font-size: 15px;

color: #3D3D3D;

font-weight: 700;

line-height: 28px;

}

.link-card a {

display: block;

text-decoration: none;

}

.link-card a:hover .time {

background: #093D7B;

}

.link-card a:hover .ggtitle {

color: #093D7B;

}



/*首页发挥统一战线优势*/

.highlight-banner {

display: flex;

width: 100%;

padding: 30px 0 40px 0;

}

.fahuiyoushi .flex-control-nav{

text-align: center;

bottom: 15px;

}

.fahuiyoushi .flex-control-nav li+li{

margin-left: 10px;

}

.fahuiyoushi .flex-control-nav li{

margin:0;

}

.fahuiyoushi .flex-control-paging li a{

width: 7px;

height: 7px;

border-radius:50px;

background: rgba(255,255,255,0.3);

}

.fahuiyoushi .flex-control-paging li a.flex-active{

background: #FFF;

}



/*统战资讯左侧图片切换*/

.card-gridtz {

display: grid;

grid-template-columns: 0.8fr 1fr;

gap: 20px;

}

.slide-cardtz {

position: relative;

overflow: hidden;

}

.main1-tz {

float: left;

width: 100%;

}

.main1-tz .slides img {

height: 328px !important;

}



@media (max-width: 768px) {

.card-gridtz {

grid-template-columns: 1fr;

}

}

.slide-cardtz {

position: relative;

overflow: hidden;

}

.main1-tz {

float: left;

width: 100%;

}

.fmaintz h1{

position: absolute;

width: 100%;

left: 0;

bottom: 0;

margin:0;

padding: 0px 20px;

height: 54px;

background: rgba(4,38,78,0.8);

}

.fmaintz h1 span{

float:left;

width: 88%;

font-size: 16px;

color: #fff;

line-height: 53px;

}

.fmaintz .flex-control-nav{

text-align: right;

height: 0;

padding-right: 15px;

bottom: 28px;

}

.fmaintz .flex-control-nav li+li{

margin-left: 5px;

}

.fmaintz .flex-control-nav li{

margin:0;

}

.fmaintz .flex-control-paging li a{

width: 7px;

height: 7px;

border-radius:50px;

background: rgba(255,255,255,0.3);

}

.fmaintz .flex-control-paging li a.flex-active{

background: #FFF;

}

/*统战右侧资讯*/

.news-listtz {

display: flex;

flex-direction: column;

gap: 10px;

}

.news-itemtz {

float:left;

width:100%;

line-height:2.09;

overflow:hidden;

position:relative;

transition: all 300ms;

}

.news-itemtz:before {

content: "";

width: 5px;

height: 5px;

position: absolute;

top: 11px;

left: 0;

border-radius:100%;

background: #CDAD75;

}

.tz-title {

font-size: 15px;

color: #3D3D3D;

margin-left: 12px;

}

.news-datetz {

float: right;

color: #3D3D3D;

}

.news-datetz .day {

font-size: 28px;

font-weight: 700;

color: var(--primary);

}

.news-datetz .month {

font-size: 14px;

color: #666;

}

.news-itemtz:hover{

margin-left:5px;

}

.news-itemtz:hover .tz-title{

color: var(--primary);

}

.news-itemtz:hover .news-datetz{

color: var(--primary);

}



/*首页友情链接*/

.linkbj{

float:left;

width:100%;

background-color: #f9fbfa;

}

.linkleft{

float:left;

width:70%;

}

.link-title {

float:left;

width:100%;

position: relative;

margin-bottom: 20px;

font-weight: bold;

color: var(--primary);

}

.link-title:before {

content: "";

width: 9px;

height: 23px;

position: absolute;

top: 6px;

left: 0;

background: #3bb3c2;

transition: 0.6s ease-in-out;

background-image: -webkit-linear-gradient( 6deg, rgb(204,168,108) 0%, rgb(202,178,132) 100%);

}

.link-title span{

float:left;

padding-left:20px;

font-size: 22px;

}

.link-title font{

float: left;

font-size: 14px;

color: #8D98A5;

line-height: 34px;

padding-left: 20px;

}

.link-title a {

float: right;

color: #093D7B;

font-size: 15px;

line-height: 34px;

text-decoration: none;

}

.link-title a font{

float: right;

color: #093D7B;

font-size: 20px;

line-height: 30px;

padding-left:5px;

}

.link-title a:hover {

color: #CDAD75;

}

.links-lianjie{

float:left;

width: 100%;

}

.links-lianjie .link-neir{

float: left;

width: 32%;

padding: 2.7% 2% 3% 2%;

margin: 0 2% 2% 0;

background: #FFFFFF;

}

.links-lianjie .link-neir:nth-child(3n){

margin-right: 0px;

}	

.links-lianjie a{

float:left;

width:100%;

}

.links-lianjie a img{

float:left;

width:50px;

}

.links-lianjie a .ljxinxi{

float:left;

width:78%;

padding:3% 0 0 4%;

font-size: 15px;

color: #3D3D3D;

}

.links-lianjie a .ljxinxi span{

float:left;

width:100%;

font-size: 14px;

color: #8D98A5;

}



/*下载专区*/

.download-section {

float:left;

width:30%;

padding-left:3%;

}

.download-section .xiazaitp{

float:left;

width:100%;

position:relative;

}

.download-section .xiazaitp img{

width:100%;

height:auto;

}

.download-btn {

position: absolute;

left: 20px;

bottom: 40px;

background: #0B4992;

color: white;

border: none;

padding: 7px 27px;

border-radius: 50px;

cursor: pointer;

transition: background 0.3s;

}

.download-btn:hover {

background: #072a52;

}



/*内页*/

/* Banner */

.nybanner {

position: relative;

overflow: hidden;

}

.banner-overlay {

float:left;

width: 100%;

height: 300px;

}

.banner-overlay img{

float: left;

width: 100%;

height: 100%;	

}

.banner-content {

max-width: 1200px;

margin: 0 auto;

}

.banner-content h2 {

font-size: 36px;

position: absolute;

color: var(--primary);

top:25%;

}

.breadcrumb {

position: absolute;

top:45%;

font-size: 15px;

}

.breadcrumb a {

color: #3D3D3D;

text-decoration: none;

}

.breadcrumb a:hover {

text-decoration: underline;

}

.breadcrumb span {

margin: 0 4px;

color: #3D3D3D;

}

/*Main Content*/

.main-container {

max-width: 1200px;

margin: 40px auto;

}

@media (max-width: 768px) {

.main-container {

grid-template-columns: 1fr;

}

}



/*内页新闻列表*/

.news-list {

display: flex;

flex-direction: column;

gap: 20px;

}

.news-item {

background: white;

box-shadow: 0 1px 10px rgba(0,0,0,0.05);

overflow: hidden;

display: flex;

padding: 2.5%;

transition: var(--transition);

}

.news-item a{

float:left;

width:100%;

}

.news-item:hover {

transform: translateY(-4px);

box-shadow: 0 6px 16px rgba(0,0,0,0.1);

}

.news-date {

background: #F8F8F7;

width: 120px;

height: 110px;

display: flex;

flex-direction: column;

align-items: center;

justify-content: center;

text-align: center;

}

.news-date .day {

font-size: 35px;

font-weight: 700;

color: #093D7B;

}

.news-date .month {

font-size: 16px;

color: #093D7B;

font-weight: 700;

}

.news-content {

float: left;

width: 98%;

padding: 12px 15px;

}

.news-title {

font-size: 18px;

font-weight: 600;

margin-bottom: 8px;

color: #3D3D3D;

}

.news-item:hover .news-title {

color: #093D7B;

}

.news-excerpt {

font-size: 14px;

color: #5A6572;

line-height: 24px;

display: -webkit-box;

-webkit-line-clamp: 2;

-webkit-box-orient: vertical;

overflow: hidden;

}

.news-arrow {

float: right;

display: flex;

align-items: center;

height: 110px;

}

.news-arrow::after {

content: "\f105";

font-family: "Font Awesome 6 Free";

font-weight: 600;

color: #E2A03D;

}

.download-list {

display: flex;

flex-direction: column;

gap: 15px;

}

.download-item {

background: white;

box-shadow: 0 1px 10px rgba(0,0,0,0.05);

overflow: hidden;

display: flex;

padding: 1.5%;

transition: var(--transition);

}

.download-item a{

float:left;

width:100%;

}

.download-item:hover {

transform: translateY(-4px);

box-shadow: 0 6px 16px rgba(0,0,0,0.1);

}

.download-content {

float: left;

width: 98%;

}

.download-title {

float: left;

width: 87%;

font-size: 16px;

font-weight: 600;

margin-bottom: 0px;

color: #3D3D3D;

}

.download-item:hover .download-title {

color: #093D7B;

}

.download-content dt{

float: right;

line-height: 28px;

}

.download-content span{

line-height: 28px;

}

.download-arrow {

float: right;

display: flex;

align-items: center;

height: 30px;

}

.download-arrow::after {

content: "\f105";

font-family: "Font Awesome 6 Free";

font-weight: 600;

color: #E2A03D;

}

.main-content {

max-width: 1200px;

margin: 40px auto;

}

@media (max-width: 768px) {

.main-content {

grid-template-columns: 1fr;

}

}

/*内页左边菜单*/

.sidebar {

float: left;

width: 23%;

margin-right: 3%;

background: white;

border: 1px solid #F3F2F3;

overflow: hidden;

position: sticky;

top: 0px;

}

.sidebar-title {

position: relative;

background: #042559;

color: white;

padding: 17px 20px;

font-weight: bold;

display: flex;

align-items: center;

gap: 8px;

}

.sidebar-title:before {

content: "";

width: 5px;

height: 17px;

position: absolute;

top: 22px;

left: 10px;

background: #E2A03D;

transition: 0.6s ease-in-out;

}

.sidebar-menu {

list-style: none;

}

.sidebar-menu > li {

border-bottom: 1px solid #F3F2F3;

}

.sidebar-menu a {

display: flex;

justify-content: space-between;

align-items: center;

padding: 16px 20px;

color: #03275B;

text-decoration: none;

transition: all 0.3s;

}

.sidebar-menu a:hover,

.sidebar-menu a.active {

color: #E2A03D;

font-weight: 400 !important;

}

.sidebar-menu a:hover,

.sidebar-menu a:hover::after,

.sidebar-menu a.active::after {

content: "\f105";

font-family: "Font Awesome 6 Free";

font-weight: 600;

color: #E2A03D;

}



/*民主党派*/

.content-area {

background: white;

box-shadow: 0 1px 12px rgba(0,0,0,0.05);

overflow: hidden;

}

.section-titlet {

padding: 20px 24px;

border-bottom: 1px solid #EBEBEB;

display: flex;

align-items: center;

gap: 10px;

font-size: 20px;

font-weight: bold;

color: #1A1A1A;

}

.section-titlet img {

float: left;

width: auto;

}

.intro-text {

padding: 24px;

line-height: 1.7;

color: #3D3D3D;

}

.intro-text h3 {

color: #042559;

margin-bottom: 16px;

font-size: 24px;

}

.intro-text p{

color: rgba(61, 61, 61, 0.8);

}

.grid-list {

display: grid;

grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));

gap: 20px;

padding: 20px 20px 0 20px;

}

.card {

overflow: hidden;

transition: transform 0.3s, box-shadow 0.3s;

}

.card:hover {

transform: translateY(-5px);

box-shadow: 0 2px 10px rgba(0,0,0,0.12);

}

.card:hover .card-title{

color: #E2A03D;

}

.card-img {

height: 180px;

background-size: cover;

background-position: center;

}

.card-body {

background: #F9FAFA;

padding: 20px;

}

.card-date {

font-size: 14px;

color: #999999;

margin-bottom: 8px;

}

.card-title {

font-size: 15px;

line-height: 24px;

color: #3D3D3D;

display: -webkit-box;

-webkit-line-clamp: 2;

-webkit-box-orient: vertical;

overflow: hidden;

}



/*成果展示*/

.list-item {

float: left;

width: 96%;

margin: 16px 2% 0 2%;

padding: 18px;

border: 1px solid #E7EFEF;

border-radius: 10px;

}

.list-item::after {

float: right;

line-height: 30px;

content: "\f105";

font-family: "Font Awesome 6 Free";

font-weight: 600;

color: #042559;

}

.list-item a {

float: left;

width: 85%;

font-weight: 700;

font-size: 16px;

color: #3D3D3D;

line-height: 30px;

text-decoration: none;

display: flex;

align-items: center;

gap: 10px;

}

.list-item a:hover {

color: #042559;

}

.list-item .date {

color: #9A9A9A;

font-size: 13px;

line-height: 30px;

}

.list-item img {

float: left;

width: auto;

}

.jiange{

float: left;

width: 100%;

height:20px;

background-color: #F9FAFA;

}

#resList{

float: left;

width: 100%;

}

/*pagination*/

.pager .p_pages{display:flex;width:100%;align-items:center;justify-content:center;gap:7px;padding:30px 0;flex-wrap:wrap}

.pager .p_pages span{font-size:13px;min-width:34px;line-height: 34px;border:1px solid #e9ebf0;background:#fff;color:var(--ink-soft);border-radius:8px;cursor:pointer;transition:all .22s;display: inline-block;padding: 0 8px;}
.pager .p_pages span a{    display: block;padding: 0 8px;}
.pager .p_pages span:hover{border-color:var(--gold);color:#16406f;transform:translateY(-1px)}

.pager .p_pages span.p_no_d{background:#0c2c52;border-color:#0c2c52;color:#fff}

.pager .p_pages span.arrow{color:var(--muted)}

.pager .dots{color:var(--muted);padding:0 2px}

.pager .jump{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--ink-soft);margin-left:8px}

.pager .jump input{width:46px;text-align:center;outline:none}

.pager .jump input:focus{border-color:var(--gold)}



/*统战新闻详情页Banner图*/

.bannershow {

position: relative;

overflow: hidden;

}

.show-overlay {

float:left;

width: 100%;

height: 300px;

}

.show-overlay img{

float: left;

width: 100%;

height: 100%;	

}

.show-content {

max-width: 1200px;

margin: 0 auto;

}

.show-content h2 {

font-size: 36px;

position: absolute;

color: #fff;

top:25%;

}

.showcrumb {

position: absolute;

top:45%;

font-size: 14px;

color: #fff;

}

.showcrumb a {

text-decoration: none;

}

.showcrumb a:hover {

text-decoration: underline;

}

.showcrumb span {

margin: 0 4px;

}



/*统战新闻详情*/

.containerxq {

max-width: 1200px;

margin: 40px auto;

background: white;

box-shadow: 0 2px 20px rgba(0,0,0,0.05);

overflow: hidden;

}

.article-header {

padding: 30px;

border-bottom: 1px solid #EBEBEB;

text-align: center;

}

.article-title {

font-size: 26px;

color: #042559;

font-weight: 700;

text-align: left;

margin-bottom: 20px;

}

.article-meta {

float: left;

width: 100%;

font-size: 13px;

color: var(--gray);

flex-wrap: wrap;

}

.article-meta .article-lzl{

float:left;

}

.article-meta .article-lzl span{

padding-right:10px;

color: #717E8E;

}

.article-meta i {

margin-right: 6px;

}

.article-meta .article-time{

float:right;

}

.article-meta .article-time span{

padding-right:10px;

color: #717E8E;

}

.article-body {

padding: 30px;

font-size: 15px;

color: #666;

}

.article-body p {

margin-bottom: 15px;

color: #666;

}

.article-body img {

max-width: 100%;

height: auto;

display: block;

margin: 0px auto;

}



/*详情页上下一篇*/

.paginationxq {

display: flex;

justify-content: space-between;

border-top:20px solid #F9FAFA;

padding: 24px 30px;

background: #fff;

}

.prev, .next {

flex: 1;

display: flex;

align-items: center;

gap: 10px;

color: #3D3D3D;

font-weight: 700;

font-size: 15px;

text-decoration: none;

transition: color 0.3s;

}

.prev i, .next i{

color: #0851A6;

}

.prev:hover small, .next:hover small {

color: #093D7B;

}

.prev i, .next i {

font-size: 16px;

}

.next {

justify-content: flex-end;

text-align: right;

}

.prev span small, .next span small{

font-weight: 100;

color: rgba(90, 101, 114, 0.7);

}



/**/

@keyframes fadeInUp {

from { opacity: 0; transform: translateY(20px); }

to { opacity: 1; transform: translateY(0); }

}

.fade-in {

animation: fadeInUp 0.6s ease-out forwards;

}



/*党建新闻分页*/

.pagination {

display: flex;

justify-content: center;

}

.pagination-block {

display: flex;

justify-content: center;

}

.pagination_info {

margin: 0 10px;

display: flex;

align-items: center;

}

.pagination li{

list-style-type: none;

font-size: 14px;

}

.pagination li a,.pagination li span {

border-radius: 8px;

margin-right: 8px;

color: #7c7c7c;

position: relative;

display: block;

padding: 0.5rem 0.75rem;

line-height: 1.25;

background-color: #fff;

border: 1px solid #dee2e6;

}

.pagination li.disabled span {

cursor: not-allowed;

}

.pagination > .active > span,

.pagination > .active > span:hover,

.pagination > li > a:hover {

color: #fff;

background: #0c2c52;

border: 1px solid transparent;

}



/*Footer*/

footer {

float:left;

width:100%;

background: #04264E;

color: #e0e0e0;

padding: 30px 0;

margin-top: 3%;

}

.footer-container {

max-width: 1200px;

margin: 0 auto;

text-align: center;

}

.footer-links {

margin-bottom: 8px;

}

.footer-links span{

font-size: 14px;

color: #B0B6BE;

line-height: 18px;

padding-right:10px;

}

.footer-links a {

color: #a0c4e5;

margin: 0 10px;

text-decoration: none;

}

.footer-links a:hover {

text-decoration: underline;

}

.copyright{

font-size: 14px;

color: #B0B6BE;

line-height: 18px;	

}



@media (max-width: 768px) {

.dingbu{ display:none;}

#m_header{display:block;padding:0 5px;}

#nav_btn_box{ display:block;}

.banner{height: 220px;}

.banner .banner-slide{background-size: 100% 100%;}

.newscontainer{max-width:98%;padding: 20px 0;}

.fmain1 .slides img {height: 220px !important;}

.fmain1 h1 span{font-size: 14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}

.fmain1 h1{padding: 0px 12px;}

.card-grid{gap: 10px;}

.section-title span{font-size: 18px;padding-left:15px;}

.link-card{width: 100%;margin-right: 0px;margin-bottom:3%;}

.highlight-banner{padding: 10px 0 10px 0;}

.main1-tz .slides img{height: 220px !important;}

.fmaintz h1 span{font-size: 14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}

.news-itemtz{line-height: 1.4;}

.tz-title{font-size: 14px;margin-left: 9px;}

.news-datetz{font-size: 14px;}

.link-card .ggtitle{width: 75%;line-height: 22px;}

.linkleft{width: 100%;}

.link-title span{font-size: 18px;padding-left:15px;}

.link-title font{padding-left: 7px;}

.section-title a{font-size: 14px;}

.link-title a{font-size: 14px;}

.links-lianjie .link-neir{width: 48%;height: 95px;}

.links-lianjie a .ljxinxi{width: 65%;font-size: 14px;line-height: 18px;}

.links-lianjie a .ljxinxi span{word-break: break-all;}

.links-lianjie .link-neir:nth-child(3n){margin: 0 2% 2% 0;}

.download-section{width: 100%;padding-left: 0px;}

footer{padding:15px 0;margin-top:2%;}

.footer-container{max-width: 98%;padding: 0 1%;}

.footer-links{line-height: 20px;}

.banner-overlay{height: 220px;}

.banner-content{max-width: 100%;}

.banner-content h2 {font-size:22px;top:50%;left:5%;}

.breadcrumb {top: 66%; left: 5%;}

.main-content{max-width: 100%;margin: 20px auto;}

.sidebar{width: 100%;margin-right: 0px;margin-bottom: 3%;}

.sidebar-menu > li{float: left;width: 50%;}

.sidebar-menu a{padding: 10px 20px;}

.content-area{float: left;width: 100%;}

.section-titlet{padding: 15px 15px;font-size: 16px;}

.main-container{max-width: 100%;margin: 20px auto;}

.news-list{float: left;width: 100%;gap: 10px;}

.news-date .day{font-size: 24px;}

.news-date {width: 100px;height: 90px;}

.news-content {width: 95%;padding: 0px 6px;}

.news-title {font-size: 15px;line-height: 18px;}

.show-content h2{font-size:22px;top:50%;left:5%;}

.showcrumb{top: 66%; left: 5%;}

.show-overlay{height: 220px;}

.containerxq{max-width: 100%;margin: 20px auto;}

.article-header{padding: 10px 10px 30px 10px;}

.article-title {font-size: 15px;margin-bottom: 6px;line-height: 22px;}

.article-body{padding: 10px;font-size: 14px;}

.article-body p{margin-bottom:5px;}

.paginationxq{border-top: 10px solid #F9FAFA;padding: 10px 10px;}

.prev, .next{font-size: 14px;line-height: 18px;}

.intro-text {padding: 10px;line-height: 1.4;}

.intro-text h3{font-size: 16px;margin-bottom: 5px;}

.intro-text p{font-size: 14px;}

.jiange{height: 10px;}

.grid-list{gap: 10px;padding: 10px 10px 0 10px;}

.card-body{padding: 10px;}

.card-date{margin-bottom: 1px;}

.card-title{line-height: 20px;}

.list-item {margin: 10px 2% 0 2%;padding: 10px;}

.list-item a{font-size: 14px;line-height: 22px;}

.list-item .date{line-height: 22px;}

.list-item::after{line-height: 22px;}

.download-list{float: left;width: 100%;gap: 10px;}

.download-title{width: 100%;font-size: 15px;line-height:20px;}

.download-content{width: 96%;}

.download-content span {line-height: 22px;}

.search{

float: left;

width: 100%;

}

.search .search-box {

float:right;

background: #fff;

border-radius: 50px;

padding: 10px 10px;

display: flex;

width: 92%;

margin:10px 10px 0 0;

}

.search .search-box input {

background: transparent;

border: none;

color: #04264E;

line-height: 18px;

outline: none;

flex: 1;

font-size: 14px;

width: 100%;

}

.search .search-box i {

color: #CDAD75;

cursor: pointer;

}

input::placeholder {

color: #04264E;

}

input[type="text"]::placeholder {

color: #04264E;

}

.search .search-box button {

background-color: transparent;

border: none;

}

}

@-webkit-keyframes enter {

 0% { opacity: 0; transform:translateY(-100%); }

 100% { opacity: 1;  transform: translateY(0px); }

}

@keyframes enter {

 0% { opacity: 0; transform:translateY(-100%); }

 100% { opacity: 1; transform: translateY(0px); }

}

@-webkit-keyframes quit {

 0% { opacity: 1;  transform: translateY(0px); }

 100% { opacity: 0; transform:translateY(100px); }

}

@keyframes quit {

 0% { opacity: 1;  transform: translateY(0px); }

 100% { opacity: 0; transform:translateY(100px); }

}