@charset "UTF-8";
* {
	margin: 0;
	padding: 0;
	list-style: none;
}
html {
	font-style: normal;
	font-size: 18px;
	line-height: 1.5;
}
body {
	font-family: "Microsoft Yahei", "PingFang", "Droid Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
	background: #b7e5fd url(../images/body-bg.jpg) top center no-repeat;
}
ul, li, dl, dt, dd, ol, p, img {
	list-style: none;
	border: none;
	vertical-align: middle;
	margin: 0px;
	padding: 0px;
}
a {
	color: #333;
}
.text-primary{ color:#0f90eb !important;}
a:hover {
	opacity: 85%;
	color: #005197;
	text-decoration: none;
}
.font88 {
font-size:.88rem;
}
@media (min-width: 1200px) {
.container, .container-lg, .container-md, .container-sm, .container-xl {
	max-width: 1430px;
}
}
.header {
	height: 29.3rem;
}
.main-title-wrapper {
	margin-top: 6rem;
}
.top-logo-wrapper img {
	margin-top: 1.2rem;
}
.zt_text1 .container .txt {
	padding: 3rem 1.5rem 1.5rem 2rem;
	line-height: 2;
	background: url(../images/dw.png) left top no-repeat;
	border-radius: 0 0 2rem 0;
	height: 12rem;
	color: #058fcf;
	text-indent: 2rem;
}
.orgs-list {
	display: flex;
	flex-wrap: wrap;
	margin: 0 -7.5px;
}
.orgs-list .entry {
	padding: 7.5px;
	flex: 0 0 20%;
	overflow: hidden;
	text-align: center;
}
.orgs-list .entry .entry-link {
	display: block;
	margin: 0 auto;
	color: #026694;
	max-width: 240px;
	overflow: hidden;
	background: #8adaff;
	padding:1rem 0.5rem;
	border-radius: 4px;
	text-overflow: ellipsis;
	font-size: 1rem;
	white-space: nowrap;
}
.orgs-list .entry .entry-link:hover {
	background: #0e90ec;
	color: #fff;
}
.footer-section {
	background: #1c80c7;
	color: #fff;
 font-size: .85rem;
	line-height: 1.8;
}
.footer-section a {
	color: #fff;
}
.footer-section span {
	display: inline-block;
	padding: 0 5px;
}
.table-container {
            width: 100%;
            overflow-x: auto;
            margin: 20px 0; font-size:.85rem;
        }
        
        .data-table {
            width: auto;
            min-width: 100%;border: 1px solid #eee;
            border-collapse: collapse;
            font-family: Arial, sans-serif;
        }
        
        .data-table thead th {
            background-color: #0f90eb;
            color: #fff;
            padding:1rem .8rem;
            text-align: center;
            border: 1px solid #eee;
            white-space: nowrap; /* 确保表头不换�? */
        }
        
        .data-table tbody td {
            padding:.8rem;
            border: 1px solid #efefef;
            vertical-align:middle;
            word-wrap: break-word;
        }
        
        .data-table tbody tr:hover {
            background-color: #f9f9f9;
        }
        
        .data-table a {
            color: #007bff;
            text-decoration: none;
            display: inline-flex;
            align-items: center;
        }
        
        .data-table a:hover {
            text-decoration: underline;
        }
        
        .data-table img {
            margin-left: 5px;
        }
        
.text-secondary2{ color:#cecece;}
.text-secondary2 strong{ color:#888;}

 @media only screen and (max-width: 1359px) {
.zt_text1 .container .txt {
font-size: .9rem;
}
}
 @media only screen and (max-width: 1198px) {
.zt_text1 .container .txt {
font-size: .8rem;
}
.orgs-list .entry {
	flex: 0 0 33.333%
}
}
 @media only screen and (max-width: 988px) {
.header {
	height: 16rem;
}
.zt_text1 .container .txt {
	color: #fff;
}
.orgs-list .entry {
	flex: 0 0 50%
}
.main-title-wrapper {
	margin-top: 3rem;
}
}
 @media only screen and (max-width: 767px) {
.zt_text1 .container .txt {
	background: linear-gradient(to right, #16a6f4, #10cbf3);
	padding: 1rem;
	height: auto;
}
.orgs-list .entry {
	flex: 0 0 100%
}
.orgs-list .entry .entry-link {
	max-width: 320px;	padding:0.5rem;
}
.orgs-list .entry {
	padding-bottom: 4px;
}
            .data-table thead {
                display: none;
            }
            
            .data-table tbody tr {
                display: block;
                margin-bottom: 15px;
                border-radius: 4px;
                padding: 10px;
            }
            
            .data-table tbody td {
                display: block;
                text-align: left;
                border: none; border-bottom:1px solid #eee;
                padding: 8px 10px;
            }
            
            .data-table tbody td::before {
                content: attr(data-label);
                font-weight: bold;
                display: inline-block;
                width: 120px;
                color: #0c91ee;
            }

}
 @media only screen and (max-width:578px) {
.header {
	height: 14rem;
}
h3{ font-size:1.2rem;}
}

.list-wrapper {
	background: #F7FBFD;
	padding: 1rem;
	box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .045);
	border-radius: .2rem;
	display: flex;
}

.list-wrapper h4 {
	font-size: 1rem;
	display: flex;
	flex: 0 0 5rem;
	align-items: center;
	margin-bottom: 0;
	color: #004da3;
}
.list-wrapper .filter-tags-list {
	display: flex;
	flex: 1;
	flex-wrap: wrap;
	gap: .25rem 1rem;
}

.list-wrapper .filter-tags-list a {
	padding: .25rem .5rem;
	background: none;
	border: none;
	font-size: .88rem;
}

.list-wrapper .filter-tags-list a>span {
	display: inline-flex;
	pointer-events: none;
	line-height: 1;
}

.list-wrapper .filter-tags-list a.on,
.list-wrapper .filter-tags-list a:hover {
	color: #333;
	background-color: #e4f0ff;
	border: none;
	border-radius: .25rem;
}
@media only screen and (max-width: 988px) {
		.list-wrapper {
				display: block;
			}
		
			.list-wrapper h4 {
				margin-bottom: 1rem;
			}
	.list-wrapper .filter-tags-list {
		gap: .15rem .5rem;
	}
}
#searchResultStats {
	margin: 20px 0;
	padding: 0.8rem;
	background-color: #f8f8f8;
	border-radius: 4px;
	font-size: 0.8rem !important;
	border-left: 4px solid #0f90eb;
	font-size: 1rem;
	animation: fadeInUp 0.5s ease-out;
}

#searchResultStats span {
	color: #0f90eb;
}

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

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

.sxlb-list table {
	width: 100%;
	border-collapse: collapse;
}

.sxlb-list a {
	color: #0f90eb;
	text-decoration: none;
	display: inline-flex;
	align-items: center;
}

.sxlb-list a img {
	margin-left: .2rem;
}

.sxlb-list-xs {
	display: none;
}

.mobile-item {
	margin-bottom: 20px;
	border: 1px solid #eee;
	border-radius: 8px;
	font-size: 1rem;
	overflow: hidden;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
	animation: fadeInUp 0.5s ease-out;
}

.mobile-item-header {
	background-color: #0f90eb;
	color: white;
	padding: 12px 15px;
	font-weight: bold;
}

.mobile-item-header a {
	color: #fff;
}

.mobile-item-header img {
	color: #fff;
	background: #fff;
	border: 1px solid #fff;
	border-radius: 100%;
	margin-left: .3rem;
}

.mobile-item-content {
	padding: 0;
}

.mobile-item-row {
	display: flex;
	border-bottom: 1px solid #eee;
}

.mobile-item-row:last-child {
	border-bottom: none;
}

.mobile-item-label {
	width: 100px;
	padding: 12px 15px;
	background-color: #f8f8f8;
	text-align: center !important border-right: 1px solid #eee;
}

.mobile-item-value {
	flex: 1;
	padding: 12px 15px;
}

.custom-msg {
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	background-color: #fff;
	color: #333;
	padding: 15px 25px;
	border-radius: 4px;
	font-size: 14px;
	z-index: 9999;
	border: 1px solid #ddd;
	animation: msgFadeIn 0.3s ease-out, msgFadeOut 0.3s ease-in 1.7s;
	animation-fill-mode: forwards;
	max-width: 500px;
	text-align: center;
	align-items: center;
}

.custom-msg img {
	margin-right: .2rem;
	margin-bottom: 2px;
}

@keyframes msgFadeIn {
	from {
		opacity: 0;
		transform: translate(-50%, -60%);
	}

	to {
		opacity: 1;
		transform: translate(-50%, -50%);
	}
}

@keyframes msgFadeOut {
	from {
		opacity: 1;
		transform: translate(-50%, -50%);
	}

	to {
		opacity: 0;
		transform: translate(-50%, -40%);
	}
}

@media screen and (max-width: 768px) {

	.fenlei-box table {
		display: block;
	}

	.fenlei-box tr {
		display: block;
		margin-bottom: 10px;
	}

	.fenlei-box td {
		display: block;
		padding: 5px 0;
	}

	.fenlei-box .tit {
		width: 100%;
	}

	#sxlb {
		gap: 5px;
	}

	#sxlb a {
		font-size: 1rem;
		padding: 4px 8px;
	}

	.sxlb-list {
		display: none;
	}

	.sxlb-list-xs {
		display: block;
	}

	.nav {
		height: 50px;

	}

	.nav ul .nLi>a {
		line-height: 50px;
		margin: 0 1.5rem;
		font-size: 20px;
	}

}