*{margin:0;padding:0;box-sizing:border-box}
:root{--primary-color:#0d6efd;--primary-dark:#0a58ca;--secondary-color:#6c757d;--success-color:#198754;--info-color:#0dcaf0;--warning-color:#ffc107;--danger-color:#dc3545;--light-color:#f8f9fa;--dark-color:#212529;--text-color:#333333;--text-muted:#6c757d;--border-color:#dee2e6;--shadow-sm:0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);--shadow-md:0 0.5rem 1rem rgba(0, 0, 0, 0.15);--shadow-lg:0 1rem 3rem rgba(0, 0, 0, 0.175);--border-radius:0.375rem;--transition:all 0.3s ease}
body{font-family:Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Oxygen,Ubuntu,Cantarell,'Open Sans','Helvetica Neue',sans-serif;font-size:16px;line-height:1.6;color:var(--text-color);background: url('../image/background.png') no-repeat center center fixed;background-size: cover;background-attachment: fixed;background-color:#f5f7fa}
a{color:var(--primary-color);text-decoration:none;transition:var(--transition)}
a:hover{color:var(--primary-dark)}
.overfloat-dot{overflow:hidden;text-overflow:ellipsis;white-space:nowrap; width:100%}
.overfloat-dot-2{ overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.overfloat-dot-3{ overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}
.overfloat-dot-4{ overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical;}
.overfloat-dot-5{ overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical;}
.overfloat-dot-6{ overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 6; -webkit-box-orient: vertical;}
.overfloat-dot-7{ overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 7; -webkit-box-orient: vertical;}

body .pb_sys_common { font-size: 16px; line-height: 32px; font-family: initial; }
body .pb_sys_common .p_t { line-height: 32px;}
body .pb_sys_common .p_fun_d, 
body .pb_sys_common .p_no_d, 
body .pb_sys_common .p_no_o, 
body .pb_sys_common .p_fun a, 
body .pb_sys_common .p_no a { padding: 0 10px; margin: 0px 0px 0px 8px; height: 32px; line-height: 30px; border-radius: 4px; }


/* 网站地图 */
.m225972 { width: 100%; overflow: hidden; }
.m225972 .first225972 { width: 100%; border-collapse: collapse; border: 1px solid #b8cced; }
.m225972 .td1 { border: 1px solid #b8cced; padding: 8px 10px; }
.m225972 .firsttrstyle225972 { background-color: #f4f8fb; }
.m225972 .secondtrstyle225972 { background-color: #ffffff; }
.m225972 .td1 a { text-decoration: none; }
.m225972 .leaderfont225972 { margin: 0 5px; color: #ccc; }


.list-page-layout{display:flex;gap:30px;margin-top:20px}
.left-sidebar{width:250px;flex-shrink:0}
.nav-sidebar{background-color:#fff;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.1);overflow:hidden}
.nav-sidebar-header{background-color:#06c;color:#fff;padding:15px 20px;font-size:16px;font-weight:700}
.nav-sidebar-list{list-style:none;padding:0;margin:0}
.nav-sidebar-item{border-bottom:1px solid #f0f0f0}
.nav-sidebar-item:last-child{border-bottom:none}
.nav-sidebar-link{display:block;padding:15px 20px;color:#333;text-decoration:none;transition:all .3s}
.nav-sidebar-link:hover{background-color:#f5f5f5;color:#06c;padding-left:25px}
.nav-sidebar-link.active{background-color:#e6f2ff;color:#06c;border-left:4px solid #06c;padding-left:16px;font-weight:700}
.content-area{flex:1}
.list-section{background-color:#fff;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.1);padding:30px;margin-bottom:20px}
.pagination{display:flex;justify-content:center;align-items:center;margin-top:30px;flex-wrap:wrap;gap:5px}
.pagination a,.pagination span{display:inline-flex;justify-content:center;align-items:center;padding:8px 12px;margin:0 3px;border:1px solid #e0e0e0;border-radius:4px;color:#666;text-decoration:none;transition:all .3s;min-width:30px}
.pagination a:hover{border-color:#06c;color:#06c}
.pagination .active{background-color:#06c;border-color:#06c;color:#fff}
.pagination .next,.pagination .prev{min-width:auto}
@media (max-width:768px){.list-page-layout{flex-direction:column;gap:20px}
.left-sidebar{width:100%}
.list-section{padding:20px}
.pagination a,.pagination span{padding:6px 10px;font-size:14px}
}
.content-page-layout{display:flex;gap:30px;margin-top:20px}
.article-section{background-color:#fff;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.1);padding:30px;margin-bottom:20px}
.article-header{border-bottom:1px solid #e0e0e0;padding-bottom:20px;margin-bottom:20px}
.article-title{font-size:24px;font-weight:700;color:#333;line-height:1.3;text-align:center}
.article-meta{display:flex;align-items:center;color:#666;font-size:14px;margin-bottom:15px;flex-wrap:wrap}
.article-meta .meta-item{margin-right:20px;margin-bottom:8px;display:flex;align-items:center}
.article-meta .meta-item i{margin-right:5px}
.article-share{margin-top:15px;display:flex;align-items:center;flex-wrap:wrap}
.article-share-title{font-size:14px;color:#666;margin-right:10px;margin-bottom:8px}
.share-icon{display:inline-block;width:32px;height:32px;margin-right:10px;margin-bottom:8px;border-radius:50%;background-color:#f0f0f0;text-align:center;line-height:32px;color:#666;text-decoration:none;transition:all .3s ease;font-size:14px}
.share-icon:hover{background-color:#06c;color:#fff;transform:translateY(-2px)}
.article-content{font-size:16px;line-height:1.8;color:#333}
.article-content p{margin-bottom:20px;text-align:justify;text-indent:2em}
.article-content h2{font-size:20px;font-weight:700;color:#333;margin:30px 0 15px 0;padding-bottom:10px;border-bottom:2px solid #e0e0e0;position:relative}
.article-content h2::after{content:'';position:absolute;bottom:-2px;left:0;width:60px;height:2px;background-color:#06c}
.article-content h3{font-size:18px;font-weight:700;color:#333;margin:25px 0 15px 0}
.article-content img{max-width:100%;height:auto;display:block;margin:20px auto;border-radius:4px;box-shadow:0 2px 8px rgba(0,0,0,.1)}
.article-content ol,.article-content ul{margin:20px 0;padding-left:30px}
.article-content li{margin-bottom:8px;line-height:1.6}
.article-content ul li::marker{color:#06c}
.article-content ol li{color:#333}
.article-pagination{display:flex;justify-content:space-between;align-items:center;padding-top:20px;margin-top:30px;border-top:1px solid #e0e0e0}
.next-article,.prev-article{display:flex;align-items:center;color:#666;text-decoration:none;transition:all .3s ease;padding:8px 15px;border-radius:4px;background-color:#f8f9fa}
.next-article:hover,.prev-article:hover{color:#06c;background-color:#e6f2ff;transform:translateY(-1px)}
.next-article i,.prev-article i{margin:0 8px;font-size:16px}
.related-articles{background-color:#fff;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.1);padding:30px;margin-bottom:20px}
.related-title{font-size:18px;font-weight:700;color:#333;margin:0 0 20px 0;padding-bottom:10px;border-bottom:2px solid #06c;position:relative}
.related-title::before{content:'';position:absolute;bottom:-2px;left:0;width:40px;height:2px;background-color:#06c}
.related-list{list-style:none;padding:0;margin:0}
.related-list li{padding:12px 0;border-bottom:1px solid #f0f0f0;transition:all .3s ease}
.related-list li:last-child{border-bottom:none}
.related-list a{color:#333;text-decoration:none;transition:all .3s ease;display:flex;align-items:center;font-size:15px}
.related-list a:hover{color:#06c;padding-left:15px}
.related-list a i{margin-right:12px;color:#06c;font-size:12px}
@media (max-width:768px){.content-page-layout{flex-direction:column;gap:20px}
.article-section,.related-articles{padding:20px}
.article-title{font-size:22px}
.article-meta{flex-direction:column;align-items:flex-start}
.article-meta .meta-item{margin-right:0;margin-bottom:8px}
.article-pagination{flex-direction:column;gap:15px}
.next-article,.prev-article{width:100%;justify-content:center}
.article-content{font-size:15px}
.article-content p{text-indent:1.5em}
}
.header{width:100%; height:160px; background: url(../image/tbjx.png) no-repeat center center / cover; }
.header_center{width:1200px;margin:auto;position:relative;overflow:hidden}
.logo{float:left;margin-top:30px}
.logo img{height:auto;display:block}
.zit{float:left;margin-top:19px;margin-left:90px}
.search{position:absolute;right:0;height:36px;width:260px;top:84px;background-color:#fff;border:1px solid #ddd;border-radius:18px;overflow:hidden;display:flex;align-items:center;box-shadow:0 2px 4px rgba(0,0,0,.1)}
.search input{flex:1;height:100%;padding-left:15px;padding-right:10px;border:none;outline:0;background:0 0;color:var(--text-color);font-size:14px}
.search input::placeholder{color:#999}
.search_icon{display:flex;align-items:center;justify-content:center;padding:0 12px;cursor:pointer;transition:background-color .2s ease;border-radius:0 18px 18px 0;height:100%}
.search_icon:hover{background-color:rgba(0,0,0,.05)}
.search_img{width:22px;height:22px;filter:brightness(0) saturate(100%) invert(28%) sepia(100%) saturate(3147%) hue-rotate(195deg) brightness(95%) contrast(90%);transition:transform .2s ease}
.search_img:hover{transform:scale(1.1);filter:brightness(0) saturate(100%) invert(19%) sepia(88%) saturate(3832%) hue-rotate(192deg) brightness(93%) contrast(92%)}
.add-1{overflow:visible;position:absolute;right:24px;top:35px}
.add-1 div{float:left;height:14px}
.add-1 div a{display:inline-block;font-size:14px;color:#183782;height:auto;line-height:1.4;border-right:1px solid #183782;padding:2px 10px}
.logo-title{font-size:1.5rem;font-weight:700;margin:0}
.navbar{background-color:#fff;box-shadow:var(--shadow-sm);position:sticky;top:0;z-index:1000}
.navbar-center{display:flex;justify-content:space-between;align-items:center;padding:0}
.nav-menu{display:flex;list-style:none;margin:0;padding:0}
.nav-item{position:relative}
.nav-link{display:block;padding:1rem 1.25rem;color:var(--text-color);font-size:17px;font-weight:700;transition:var(--transition)}
.nav-link.active,.nav-link:hover{color:var(--primary-color);background-color:rgba(13,110,253,.05)}
.dropdown{position:absolute;top:100%;left:0;background-color:#fff;box-shadow:var(--shadow-md);border-radius:var(--border-radius);overflow:hidden;min-width:200px;opacity:0;visibility:hidden;transform:translateY(10px);transition:var(--transition);z-index:1001}
.nav-item:hover .dropdown{opacity:1;visibility:visible;transform:translateY(0)}
.dropdown-item{display:block;padding:.75rem 1.25rem;color:var(--text-color);transition:var(--transition)}
.dropdown-item:hover{background-color:rgba(13,110,253,.05);color:var(--primary-color)}
.focus{background-color:#fff;border-radius:var(--border-radius);box-shadow:var(--shadow-sm);padding:1.25rem;margin:.75rem auto}
.slide-box{position:relative;border-radius:var(--border-radius);overflow:hidden;box-shadow:var(--shadow-lg)}
.slide-box img{width:100%;height:auto;object-fit:cover;transition:transform .5s ease}
.slide-box:hover img{transform:scale(1.05)}
.slide-caption{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,rgba(0,0,0,.8));color:#fff;padding:1.5rem}
.slide-caption h3{margin:0;font-size:1.25rem}
.list-section{background-color:#fff;border-radius:var(--border-radius);box-shadow:var(--shadow-sm);padding:1.25rem;margin-bottom:1rem;transition:var(--transition)}
.list-section:hover{box-shadow:var(--shadow-md)}
.section-title{position:relative;padding-bottom:.75rem;margin-bottom:1.5rem;font-size:1.25rem;font-weight:600;color:var(--primary-color)}
.section-title::after{content:'';position:absolute;bottom:0;left:0;width:50px;height:3px;border-radius:3px}
.info-list{list-style:none;margin:0;padding:0}
.info-list li{position:relative;padding-left:1.25rem;margin-bottom:1rem;line-height:1.5}
.info-list li::before{content:'';position:absolute;left:0;top:.75rem;width:5px;height:5px;background-color:var(--primary-color);border-radius:50%}
.info-list li a{color:var(--text-color);transition:var(--transition)}
.info-list li a:hover{color:var(--primary-color)}
.info-list .date{color:var(--text-muted);font-size:.875rem;margin-left:.5rem}
.card{background-color:#fff;border-radius:var(--border-radius);overflow:hidden;box-shadow:var(--shadow-sm);transition:var(--transition);height:100%;display:flex;flex-direction:column}
.card:hover{transform:translateY(-5px);box-shadow:var(--shadow-md)}
.card-img{position:relative;overflow:hidden}
.card-img img{width:100%;height:180px;object-fit:cover;transition:transform .5s ease}
.card:hover .card-img img{transform:scale(1.05)}
.card-body{padding:1.25rem;flex:1;display:flex;flex-direction:column}
.card-title{font-size:1.125rem;font-weight:600;margin-bottom:.75rem;line-height:1.3}
.card-text{color:var(--text-muted);font-size:.875rem;line-height:1.5;margin-bottom:1rem;flex:1}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem}
.badge{display:inline-block;padding:.25em .4em;font-size:.75rem;font-weight:600;line-height:1;color:#fff;background-color:var(--primary-color);text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:.25rem;transition:var(--transition)}
.btn{display:inline-block;font-weight:500;text-align:center;vertical-align:middle;user-select:none;border:1px solid transparent;padding:.5rem 1rem;font-size:.875rem;line-height:1.5;border-radius:var(--border-radius);transition:var(--transition);cursor:pointer}
.btn-primary{color:#fff;background-color:var(--primary-color);border-color:var(--primary-color)}
.btn-primary:hover{background-color:var(--primary-dark);border-color:var(--primary-dark)}
.btn-outline-primary{color:var(--primary-color);background-color:transparent;border-color:var(--primary-color)}
.btn-outline-primary:hover{color:#fff;background-color:var(--primary-color);border-color:var(--primary-color)}
.news-section{background-color:#fff;border-radius:var(--border-radius);box-shadow:var(--shadow-sm);padding:1.25rem;margin:.75rem auto;position:relative}
.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:.75rem}
.section-title{font-size:1.75rem;color:#1a365d;font-weight:600;margin:0}
.view-more{color:#2c5aa0;text-decoration:none;font-weight:500;display:flex;align-items:center;transition:color .3s ease}
.view-more:hover{color:#1a365d}
.view-more .arrow-right{margin-left:.5rem;display:inline-block;width:0;height:0;border-left:6px solid currentColor;border-top:4px solid transparent;border-bottom:4px solid transparent}
.news-layout{display:grid;grid-template-columns:2fr 1.1fr;gap:2rem;grid-auto-rows:auto}
.news-column{background-color:#fff;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.08);overflow:hidden}
.tab-container{width:100%}
.tabs{display:flex;background-color:#f8f9fa;border-bottom:1px solid #e9ecef}
.links-tabs{width:100%;margin-bottom:1.5rem}
.links-tabs .tab-btn{flex:1;padding:.75rem 1.5rem;background:0 0;border:none;cursor:pointer;font-size:1rem;font-weight:500;color:#495057;transition:all .3s ease;position:relative;text-align:center}
.links-tabs .tab-btn:hover{color:#2c5aa0;background-color:#f1f3f5}
.links-tabs .tab-btn.active{color:#2c5aa0;background-color:#fff;border-bottom:3px solid #2c5aa0}
.tab-btn{flex:1;padding:1rem;background:0 0;border:none;cursor:pointer;font-size:1rem;font-weight:500;color:#495057;transition:all .3s ease;position:relative}
.tab-btn:hover{color:#2c5aa0;background-color:#f1f3f5}
.tab-btn.active{color:#2c5aa0;background-color:#fff;border-bottom:3px solid #2c5aa0}
.tab-content{display:none;padding:1rem}
.tab-content.active{display:block}
.news-list{list-style:none;padding:0;margin:0}
.news-list li{padding:.75rem 0;border-bottom:1px solid #f1f3f5}
.news-list li:last-child{border-bottom:none}
.news-list a{text-decoration:none;display:flex;justify-content:space-between;align-items:center;transition:color .3s ease;color:#495057}
.news-list a:hover{color:#2c5aa0}
.news-title{flex:1;font-size:.95rem;line-height:1.5;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-right:.5rem}
.news-date{font-size:.85rem;color:#868e96;white-space:nowrap}

.left-column .news-list li:first-child{border-bottom:2px solid #e0e0e0;padding:16px 0;margin-bottom:8px}
.left-column .news-list li:first-child a{display:block;text-decoration:none}
.left-column .news-list li:first-child .news-title{font-size:18px;font-weight:700;color:#06c;white-space:normal;overflow:visible;text-overflow:clip;margin-bottom:8px}
.left-column .news-list li:first-child .news-date{font-size:13px;color:#666;margin-bottom:8px;display:inline-block}
.left-column .news-excerpt{font-size:14px;color:#666;line-height:1.5;margin:8px 0 0 0}

.notice-column .tab-content{padding:.75rem .75rem}
/*.notice-column .news-list li{padding:.6rem 0}*/
.notice-column .news-title{font-size:.9rem}
@media (max-width:1024px){.news-layout{grid-template-columns:1fr 1fr}
}
@media (max-width:768px){.news-layout{grid-template-columns:1fr}
.section-header{flex-direction:column;align-items:flex-start}
.view-more{margin-top:.5rem}
}
.left-column{grid-column:1;grid-row:1}
.middle-column{grid-column:1;grid-row:2}
.notice-column{grid-column:2;grid-row:1/span 2}
.image-gallery-section{background-color:#fff;border-radius:var(--border-radius);box-shadow:var(--shadow-sm);padding:1.25rem;margin:.75rem auto;position:relative;overflow:hidden;text-align:center}
.intro-section{background-color:#fff;border-radius:var(--border-radius);box-shadow:var(--shadow-sm);padding:1.25rem;margin:.75rem auto}
.research-fields-section{background-color:#fff;border-radius:var(--border-radius);box-shadow:var(--shadow-sm);padding:1.25rem;margin:.75rem auto}
.platform-icons-section{background-color:#f5f8fc;border-radius:var(--border-radius);padding:2rem 1.25rem}
.platform-icons{display:flex;flex-wrap:wrap;justify-content:center;gap:2rem}
.platform-item{text-align:center;text-decoration:none;color:inherit}
.platform-icon{width:80px;height:80px;border-radius:50%;background-color:#2c5aa0;display:flex;align-items:center;justify-content:center;box-shadow:0 6px 16px rgba(0,0,0,.12)}
.platform-item:hover .platform-icon{transform:translateY(-2px);transition:var(--transition)}
.platform-title{margin-top:.5rem;font-size:.95rem;color:#333}
.platform-icons-section+.links-section{background-color:#fff;border-radius:var(--border-radius);box-shadow:var(--shadow-sm);padding:1.25rem;margin-top:1.25rem!important}
.links-grid{grid-template-columns:1fr;gap:1rem;width:100%}
.link-card{background-color:#fff;border:none;border-radius:var(--border-radius);padding:.75rem;width:100%;max-width:100%}
.link-list{display:grid;grid-template-columns:repeat(6,1fr);gap:.5rem .75rem}
.link-btn{display:inline-block;width:100%;padding:.45rem .7rem;background-color:#fff;border:none;border-radius:6px;text-decoration:none;color:#333;font-size:.875rem;transition:var(--transition)}
.link-btn:hover{background-color:#f8f9fa;color:var(--primary-color)}
.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid var(--border-color);width:100%;text-align:left}
.section-header .section-title{margin:0;font-size:1 rem;font-weight:700;color:var(--dark-color);position:relative;padding-left:1rem}
.section-header .section-title::before{content:'';position:absolute;left:0;top:50%;transform:translateY(-50%);width:4px;height:24px;background-color:var(--primary-color)}
.view-more{color:var(--primary-color);font-weight:500;text-decoration:none;display:flex;align-items:center;transition:var(--transition);justify-content:flex-end;margin-bottom:-5px;margin-top:-25px}
.view-more:hover{color:var(--primary-dark);transform:translateX(5px)}
.view-more .arrow-right{margin-left:5px;display:inline-block;width:0;height:0;border-style:solid;border-width:5px 0 5px 5px;border-color:transparent transparent transparent var(--primary-color)}
.gallery-grid{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:1.5rem;max-width:100%;margin:0 auto}
.gallery-item{background-color:#f5f5f5;border-radius:var(--border-radius);overflow:hidden;transition:all .4s ease;box-shadow:var(--shadow-sm);cursor:pointer}
.gallery-item:hover{transform:translateY(-8px);box-shadow:var(--shadow-lg)}
.gallery-item.highlight{grid-column:span 2;grid-row:span 2;position:relative;z-index:1;transform:scale(1.02);box-shadow:0 8px 25px rgba(0,0,0,.15);background-color:#f5f5f5}
.gallery-item.highlight:hover{transform:translateY(-12px) scale(1.03)}
.gallery-item.highlight::before{content:'';position:absolute;top:-4px;left:-4px;right:-4px;bottom:-4px;background:#f5f5f5;z-index:-1;border-radius:calc(var(--border-radius) + 4px)}
@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(13,110,253,.7)}
70%{box-shadow:0 0 0 15px rgba(13,110,253,0)}
100%{box-shadow:0 0 0 0 rgba(13,110,253,0)}
}
.gallery-img-container{position:relative;overflow:hidden;aspect-ratio:4/3}
.gallery-item.highlight .gallery-img-container{aspect-ratio: 4/3; }
.gallery-img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}
.gallery-item:hover .gallery-img{transform:scale(1.1)}
.gallery-category{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}
.gallery-item.highlight .gallery-category{font-size:.875rem}
.gallery-title{padding:.75rem 1rem .25rem;margin:0;font-size:.95rem;font-weight:600;color:var(--dark-color);line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}
.gallery-excerpt{padding:0 1rem .5rem;margin:0;font-size:.875rem;color:var(--text-muted);line-height:1.5;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}
.gallery-item.highlight .gallery-title{padding:1rem 1.5rem .5rem;font-size:1.25rem;-webkit-line-clamp:3}
.gallery-item.highlight .gallery-excerpt{padding:0 1.5rem .75rem;font-size:.95rem;-webkit-line-clamp:4}
.gallery-date{padding:0 1rem .5rem;margin:0;font-size:.75rem;color:var(--text-muted)}
.gallery-item.highlight .gallery-date{padding:0 1.5rem .75rem;font-size:.875rem}
@media (max-width:992px){.gallery-grid{grid-template-columns:1fr 1fr}
.gallery-item.highlight{grid-column:span 2;grid-row:span 1}
}
@media (max-width:768px){.section-header{flex-direction:column;align-items:flex-start;gap:1rem}
.gallery-grid{grid-template-columns:1fr}
.gallery-item.highlight{grid-column:span 1}
}
.footer{background-color:var(--dark-color);color:#fff;padding:2.5rem 0 1rem}
.footer .footer-top {margin-bottom:2rem}
.footer-logo{max-height:50px;margin-bottom:1rem}
.footer-title{font-size:1.125rem;font-weight:600;margin-bottom:1rem;color:#fff}
.footer-links{list-style:none;margin:0;padding:0}
.footer-links li{margin-bottom:.5rem}
.footer-links a{color:rgba(255,255,255,.75);transition:var(--transition)}
.footer-links a:hover{color:#fff}
.footer-bottom{border-top:1px solid rgba(255,255,255,.1);padding-top:1.5rem;text-align:center;color:rgba(255,255,255,.5);font-size:.875rem}
@media (max-width:992px){.header-center{flex-direction:column;text-align:center;gap:1.5rem}
.search{max-width:100%}
.navbar-center{flex-direction:column}
.nav-menu{flex-wrap:wrap;justify-content:center}
.nav-link{padding:.75rem 1rem}
}
@media (max-width:768px){.grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}
.footer .footer-top{text-align:center}
}
@media (max-width:576px){.header{padding:1.5rem 0}
.logo-title{font-size:1.25rem}
.card-img img{height:150px}
.nav-menu{flex-direction:column;width:100%}
.nav-item{width:100%}
.nav-link{text-align:center}
}
@keyframes fadeInUp{from{opacity:0;transform:translate3d(0,30px,0)}
to{opacity:1;transform:translate3d(0,0,0)}
}
@keyframes pulse{0%{transform:scale(1)}
50%{transform:scale(1.05)}
100%{transform:scale(1)}
}
.fade-in-up{animation:fadeInUp .6s ease-out}
.pulse{animation:pulse 2s infinite}
.text-center{text-align:center}
.text-right{text-align:right}
.mb-1{margin-bottom:.25rem}
.mb-2{margin-bottom:.5rem}
.mb-3{margin-bottom:1rem}
.mb-4{margin-bottom:1.5rem}
.mt-1{margin-top:.25rem}
.mt-2{margin-top:.5rem}
.mt-3{margin-top:1rem}
.mt-4{margin-top:1.5rem}
.py-2{padding-top:.5rem;padding-bottom:.5rem}
.py-3{padding-top:1rem;padding-bottom:1rem}
.py-4{padding-top:1.5rem;padding-bottom:1.5rem}
.px-2{padding-left:.5rem;padding-right:.5rem}
.px-3{padding-left:1rem;padding-right:1rem}
.px-4{padding-left:1.5rem;padding-right:1.5rem}




@font-face{font-family:Inter;font-style:normal;font-weight:300;font-display:swap;src:url(Inter-Light.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(Inter-Regular.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:swap;src:url(Inter-Medium.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Inter;font-style:normal;font-weight:600;font-display:swap;src:url(Inter-SemiBold.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Inter;font-style:normal;font-weight:700;font-display:swap;src:url(Inter-Bold.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}




/* 全局样式 */
body {margin: 0;padding: 0;font-family: 'Microsoft YaHei', Arial, sans-serif;color: #333;background-color: #f5f5f5;line-height: 1.6;}
.container {max-width: 1200px;margin: 0 auto;padding: 0 20px;}
/* 白色底框通用样式 - 适用于列表页和首页模块 */
.list-section,
.intro-section,
.news-section,
.image-gallery-section,
.research-fields-section,
.focus {background-color: white;border-radius: 8px;box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);padding: 30px;margin-bottom: 20px;}
/* 标题样式 */
.section-header {display: flex;justify-content: space-between;align-items: center;margin-bottom: 20px;padding-bottom: 10px;border-bottom: 2px solid #0066cc;}
.section-title {font-size: 20px;font-weight: bold;color: #0066cc;margin: 0;}
/* 右侧内容区域通用 */
.content-area {flex: 1;}

/* ========================================= */
/* 2. 首页特有组件 (index.css) */
/* ========================================= */

/* "查看更多" 链接 */
.view-more {color: #0066cc;text-decoration: none;font-size: 14px;}
.view-more:hover {text-decoration: underline;}
.arrow-right {display: inline-block;width: 0;height: 0;margin-left: 5px;border-top: 5px solid transparent;border-bottom: 5px solid transparent;border-left: 5px solid #0066cc;}
/* 标签页样式 */
.tab-container {margin-top: 20px;}
.tabs {display: flex;border-bottom: 2px solid #e0e0e0;margin-bottom: 20px;}
.tab-btn {padding: 10px 20px;background: none;border: none;cursor: pointer;font-size: 14px;color: #666;position: relative;transition: color 0.3s;}
.tab-btn:hover {color: #0066cc;}
.tab-btn.active {color: #0066cc;font-weight: bold;}
.tab-btn.active::after {content: '';position: absolute;bottom: -2px;left: 0;width: 100%;height: 2px;background-color: #0066cc;}
.tab-content {display: none;}
.tab-content.active {display: block;}
/* 首页两列布局 */
.news-layout {display: flex;gap: 30px;}
.left-column {flex: 3;}
.right-column,
.notice-column {flex: 2;max-width: 450px;}
/* 专题卡片样式 */
.topic-cards {display: grid;grid-template-columns: repeat(3, 1fr);gap: 20px;}
.topic-card {border: 1px solid #e0e0e0;border-radius: 8px;overflow: hidden;transition: transform 0.3s, box-shadow 0.3s;}
.topic-card:hover {transform: translateY(-5px);box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);}
.topic-image {position: relative;overflow: hidden;margin: 0;padding: 0;line-height: 0;}
.topic-image img {width: 100%;height: 120px;object-fit: cover;transition: transform 0.3s;display: block;margin: 0;padding: 0;}
.topic-card:hover .topic-image img {transform: scale(1.05);}
.topic-title {display: none;}
.topic-card a {text-decoration: none;display: block;}

/* ========================================= */
/* 3. 列表页通用样式 (list.css) */
/* ========================================= */

/* 新闻列表样式 */
.news-list {list-style: none;padding: 0;margin: 0;}
.news-list li {border-bottom: 1px solid #f0f0f0;padding: 15px 0;transition: background-color 0.3s;}
.news-list li:hover {background-color: #fafafa;}
.news-list li:last-child {border-bottom: none;}
.news-list li a {display: flex;justify-content: space-between;align-items: center;text-decoration: none;color: #333;transition: color 0.3s;}
.news-list li a:hover {color: #0066cc;}
.news-title {flex: 1;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;margin-right: 10px;font-size: 15px;}
.news-date {color: #999;font-size: 14px;white-space: nowrap;}
/* 分页样式 */
.pagination {display: flex;justify-content: center;align-items: center;margin-top: 30px;flex-wrap: wrap;gap: 5px;}
.pagination a,
.pagination span {display: inline-flex;justify-content: center;align-items: center;padding: 8px 12px;margin: 0 3px;border: 1px solid #e0e0e0;border-radius: 4px;color: #666;text-decoration: none;transition: all 0.3s;min-width: 30px;}
.pagination a:hover {border-color: #0066cc;color: #0066cc;}
.pagination .active {background-color: #0066cc;border-color: #0066cc;color: white;}
.pagination .prev,
.pagination .next {min-width: auto;}

/* ========================================= */
/* 4. 人才列表页特有样式 (list_yc.css & list_copy.css) */
/* ========================================= */

/* 人才分类标签 */
.talent-tabs {display: flex;gap: 10px;margin-bottom: 25px;flex-wrap: wrap;}
.talent-tab {padding: 8px 16px;background-color: #f0f0f0;border: none;border-radius: 20px;font-size: 14px;color: #666;cursor: pointer;transition: all 0.3s ease;text-decoration: none;display: inline-block;}
.talent-tab.active {background-color: #0066cc;color: white;}
.talent-tab:hover {background-color: #e0e0e0;}
.talent-tab.active:hover {background-color: #0052a3;}
/* 研究员列表样式 */
.researcher-grid {display: grid;grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));gap: 25px;}
.researcher-card {background: linear-gradient(135deg, #ffffff 0%, #f9f9f9 100%);border-radius: 8px;padding: 20px;transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);border: 1px solid #e0e0e0;display: flex;flex-direction: column;position: relative;overflow: hidden;}
.researcher-card::before {content: '';position: absolute;top: 0;left: 0;width: 100%;height: 3px;background: linear-gradient(90deg, #0066cc, #0099ff);transform: scaleX(0);transform-origin: left;transition: transform 0.3s ease;}
.researcher-card:hover {transform: translateY(-5px) scale(1.01);box-shadow: 0 12px 24px rgba(0, 0, 0, 0.12);border-color: #0066cc;}
.researcher-card:hover::before {transform: scaleX(1);}
.researcher-header {display: flex;align-items: center;margin-bottom: 15px;}
.researcher-avatar {width: 80px;height: 80px;background: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%);border-radius: 50%;margin-right: 15px;display: flex;align-items: center;justify-content: center;color: #333;font-size: 28px;font-weight: 600;overflow: hidden;box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);transition: all 0.3s ease;}
.researcher-card:hover .researcher-avatar {transform: scale(1.05);box-shadow: 0 6px 12px rgba(0, 0, 0, 0.15);}
.researcher-avatar img {width: 100%;height: 100%;object-fit: cover;}
.researcher-info {flex: 1;}
.researcher-name {font-size: 18px;font-weight: 600;color: #333;margin: 0 0 5px 0;}
.researcher-title {font-size: 14px;color: #0066cc;margin: 0 0 5px 0;}
.researcher-details {font-size: 14px;line-height: 1.6;color: #666;margin-bottom: 10px;}
.researcher-field {font-weight: 500;margin-bottom: 5px;}
.researcher-contact {margin-top: auto;padding-top: 15px;border-top: 1px solid #f0f0f0;font-size: 13px;color: #666;transition: color 0.3s ease;}
.researcher-card:hover .researcher-contact {color: #444;}
.contact-item {display: flex;align-items: center;margin-bottom: 5px;transition: transform 0.2s ease;}
.researcher-card:hover .contact-item {transform: translateX(3px);}
/* 仅 list_copy.css 中包含的联系图标样式 */
.contact-icon {width: 16px;height: 16px;margin-right: 8px;opacity: 0.7;transition: opacity 0.3s ease;}
.researcher-card:hover .contact-icon {opacity: 1;}

/* ========================================= */
/* 5. 历任所长列表页特有样式 (list_sz.css) */
/* ========================================= */

/* 历任所长网格样式 */
.director-list {list-style: none;padding: 0;margin: 0;display: grid;grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));gap: 25px;}
.director-item {background-color: white;border-radius: 8px;overflow: hidden;box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);transition: all 0.3s ease;border: 1px solid #e0e0e0;}
.director-item:hover {transform: translateY(-5px);box-shadow: 0 8px 16px rgba(0, 0, 0, 0.15);}
.director-image {width: 100%;height: 250px;background-color: white;display: flex;align-items: center;justify-content: center;font-size: 48px;font-weight: bold;color: #666;overflow: hidden;padding: 20px 20px 10px;box-sizing: border-box;}
.director-image img {width: 100%;height: 100%;object-fit: contain;background-color: white;border-radius: 4px;}
.director-content {padding: 15px;}
.director-header {display: flex;flex-direction: column;align-items: center;margin-bottom: 10px;text-align: center;}
.director-name {font-size: 18px;font-weight: bold;color: #333;margin: 0 0 5px 0;}
.director-term {font-size: 13px;color: #0066cc;background-color: #e6f2ff;padding: 2px 8px;border-radius: 10px;margin-bottom: 10px;}

/* ========================================= */
/* 6. 内容页特有样式 (content.css) */
/* ========================================= */

/* 内容页布局 */
.content-page-layout {display: flex;gap: 30px;margin-top: 20px;}
/* 左侧导航链接栏 */
.left-sidebar {width: 250px;flex-shrink: 0;}
.nav-sidebar {background-color: white;border-radius: 8px;box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);overflow: hidden;}
.nav-sidebar-header {background-color: #0066cc;color: white;padding: 15px 20px;font-size: 16px;font-weight: bold;}
.nav-sidebar-list {list-style: none;padding: 0;margin: 0;}
.nav-sidebar-item {border-bottom: 1px solid #f0f0f0;}
.nav-sidebar-item:last-child {border-bottom: none;}
.nav-sidebar-link {display: block;padding: 15px 20px;color: #333;text-decoration: none;transition: all 0.3s;}
.nav-sidebar-link:hover {background-color: #f5f5f5;color: #0066cc;padding-left: 25px;}
.nav-sidebar-link.active {background-color: #e6f2ff;color: #0066cc;border-left: 4px solid #0066cc;padding-left: 16px;font-weight: bold;}
/* 文章内容样式 */
.article-section {background-color: white;border-radius: 8px;box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);padding: 30px;margin-bottom: 20px;}
.article-header {border-bottom: 1px solid #e0e0e0;padding-bottom: 20px;margin-bottom: 20px;}
.article-title {font-size: 24px;font-weight: bold;color: #333;margin: 30px 0 30px 0;line-height: 1.3;}
.article-meta {display: flex;align-items: center;color: #666;font-size: 14px;margin-bottom: 15px;}
.article-meta .meta-item {margin-right: 20px;display: flex;align-items: center;}
.article-meta .meta-item i {margin-right: 5px;}
/* 文章正文样式 */
.article-content {font-size: 16px;line-height: 1.8;color: #333;}
.article-content p {margin-bottom: 20px;text-align: justify;}
.article-content h2 {font-size: 20px;font-weight: bold;color: #333;margin: 30px 0 15px 0;padding-bottom: 10px;border-bottom: 2px solid #e0e0e0;}
.article-content h3 {font-size: 18px;font-weight: bold;color: #333;margin: 25px 0 15px 0;}
.article-content img {max-width: 100%;height: auto;display: block;margin: 20px auto;border-radius: 4px;}
.article-content ul,
.article-content ol {margin: 20px 0;padding-left: 30px;}
.article-content li {margin-bottom: 8px;}
/* 文章分页样式 */
.article-pagination {display: flex;justify-content: space-between;align-items: center;padding-top: 20px;margin-top: 20px;border-top: 1px solid #e0e0e0;}
.prev-article,
.next-article {display: flex;align-items: center;color: #666;text-decoration: none;transition: all 0.3s;}
.prev-article:hover,
.next-article:hover {color: #0066cc;}
.prev-article i,
.next-article i {margin: 0 5px;}
/* 相关阅读样式 */
.related-articles {background-color: white;border-radius: 8px;box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);padding: 30px;margin-bottom: 20px;}
.related-title {font-size: 18px;font-weight: bold;color: #333;margin: 0 0 20px 0;padding-bottom: 10px;border-bottom: 2px solid #0066cc;}
.related-list {list-style: none;padding: 0;margin: 0;}
.related-list li {padding: 10px 0;border-bottom: 1px solid #f0f0f0;}
.related-list li:last-child {border-bottom: none;}
.related-list a {color: #333;text-decoration: none;transition: all 0.3s;display: flex;align-items: center;}
.related-list a:hover {color: #0066cc;padding-left: 10px;}
.related-list a i {margin-right: 10px;color: #0066cc;}


/* ####################### */
#mobile,
.nav,
.mobilesoso { display: none; }
/*手机端顶部导航*/
#mobile.header-m {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 100001;
    padding: 3px 12px;
    box-sizing: border-box;
    background: url(../image/tbjx.png) no-repeat center center / cover;
    border-bottom: 1px #ebeaea solid;
}

#mobile.header-m .navtopmobile{
    position: relative;
    z-index: 10000;
}
#mobile.header-m .title {
    color: #fff;
    height: 100%;
    text-align: center;
    display: inline-block;
}
#mobile.header-m .title  h1{
    display: inline-block;
    margin: 0 0 ;
    height: 100%;
    padding: 0 0 ;
}
#mobile.header-m .title a{
    border: none;
    color: #0e0e0e;
    font-size: 0px;
    letter-spacing: 0px;
    padding: 0px 0;
    height: 48px;
    display: block;
    margin: 2px 0 0 0;
}
#mobile.header-m .title a img{
    height: 40px;
    display: inline-block;
    margin: 4px 0 0 0;
}
#mobile .iconbox{
    float: right;
    margin: 17px 14px 0 0;
    font-size: 0;
}
#mobile .iconbox em{
    vertical-align: middle;
    width: 1px;
    height: 15px;
    background: #b3b3b3;
    display: inline-block;
    margin: 0 6px;
}
#mobile .iconbox .usericon{
    width: 20px;
    display: inline-block;
}


#mobile .iconbox .sosobtnmobile img{
    width: 18px;
    display: inline-block;
}
#mobile .nav-btn {
    color: #231f20;
    height: 100%;
    text-align: center;
    width: auto;
    -webkit-transition: background 0.5s;
    -moz-transition: background 0.5s;
    -o-transition: background 0.5s;
    transition: background 0.5s;
    padding: 18px 0 0 0;
    float: right;
    z-index: 10000;
    margin: 0 0 0 0;
}

#mobile .nav-btn>img{width: 20px}
#mobile .nav-btn .mobileNavLeftBtn{  display: block;  }
#mobile .nav-btn .mobileNavLeftBtnColse{  display: none;  }
#mobile .nav-out .mobileNavLeftBtnColse{  display: block;  }
#mobile .nav-out .mobileNavLeftBtn{  display: none;  }

#mobile .nav-btn>p{
    font-size: 12px;
    display: block;
    text-align: center;
    transform: scale(0.8);
    color: #cb962f;
}

.nav {
    width:100%;
    z-index: 999;
    left:0%;
    height:0;
    top: 56px;
    position: fixed;
    background:#ffffff;
    border-bottom: 1px #e5e5e5 solid;
    overflow: scroll;
    transition: all 0.3s linear 0s;
}
.nav .nav-list{
    border-top: 1px #e5e5e5 solid;
    padding: 0 14px 20px 14px;
}
.nav.on{
    height: 100%;
    padding-bottom: 100px;
}
.nav.on img{
    width: 30px;
    display: inline-block;
    float: right;
}
.mobileNavLeftBtnClose{
    margin: 4px 4px 0 0 ;
}
.nav .logo{ margin:30px 6px 16px 16px; overflow:hidden;}
.nav .logo img{  width: 90%; float: left;}

.nav-list>ul{
    display: block;
}




.nav-list>ul>li>a{
    font-size: 15px;
    color: #404040;
    line-height: 46px;
    text-decoration: none;
    letter-spacing: 0.5px;
    padding: 0 0 0 0px;
    display: block;
    background: url(../image/navicontop.png) no-repeat 99% center;
    background-size: 14px;
    border-bottom: 1px #e5e5e5 solid;
}
.nav-list>ul>li.nonement>a{
    background: none !important;
}


/*手机端二级导航*/
.mobilenavtwo{
    overflow: hidden;
    /*height: auto;*/
}
.mobilenavtwo ul>li>a{
    font-size: 14px;
    color: #404040;
    line-height: 40px;
    text-decoration: none;
    letter-spacing: 0.5px;
    padding: 0 0 0 0px;
    display: block;
}
.mobilenavtwo ul>li{
    padding: 0 0 0 26px;
}
/*修改区域*/
.mobilenavtwo{
    display: none;
}
.mobilenavtwo ul>li>a {
    line-height: normal !important;
    height: auto !important;
}
.nav-list li { list-style: none; }
.nav-list>ul>li .mobilenavtwo ul>li>a{
    line-height: 42px !important;
    height: 42px !important;
}

.nav-list>ul>li .mobilenavtwo ul>li a {
    border-bottom: 1px #efefef solid;
}
.nav-list>ul>li .mobilenavtwo ul>li:last-child a{
    border-bottom: none;
}
.nav-list>ul>li .mobilenavtwo ul{
    margin:0;
    padding: 0 6px;
}
.nav-list>ul>li.on>a {
    background: url(../image/navicontopb.png) no-repeat 99% center;
    background-size: 14px;
}



/*手机端搜索的区域*/
.mobilesoso{
    display: block;
    position: fixed;
    height: 0px;
    overflow: hidden;
    top: 55px;
    left: 0;
    z-index: 100;
    width: 100%;
    background: #f1f1f1;
    box-shadow: 0px 0px 5px #b5b5b5;
    transition: all 0.3s;
}
.mobilesoso .mobilesosobtn{
    width: 100%;
    height: 0%;
    content: " ";
    position: fixed;
    top: 0;
    left: 0;
    background: rgba(0,0,0,0.6);
    z-index: 99;
    transition: all 0.1s;
}
.mobilesoso .formbg{
    width: 100%;
    padding: 10px 10px;
    background: #f1f1f1;
    box-shadow: 0px 0px 5px #b5b5b5;
    position: relative;
    z-index: 1001;
    font-size: 0;
}

.mobilesoso .formbox{
    width: 100%;
    display: inline-block;
    position: relative;
    border-radius: 2px;
    overflow: hidden;
}
.mobilesoso .formbox .sbtnsoso{
    position: absolute;
    width: 54px;
    height: 34px;
    right: 0;
    top: 0;
    background: #0072dd;
    text-align:center;
    border:none;

}
.mobilesoso .formbox .sbtnsoso img{
    width: 14px;
}
.mobilesoso .formbox input{
    width: 100%;
    font-size: 14px;
    font-weight: 400;
    line-height: 34px;
    text-align: left;
    color: #666666;
    border: none;
    background: #ffffff;
    padding: 0 60px 0 10px;
}


.mobilesoso ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    letter-spacing: 0;
    font-size: 13px;
    color: #999999;
}
.mobilesoso ::-moz-placeholder { /* Firefox 19+ */
    letter-spacing: 0;
    font-size: 13px;
    color: #999999;
}
.mobilesoso :-ms-input-placeholder { /* IE 10+ */
    letter-spacing: 0;
    font-size: 13px;
    color: #999999;
}
.mobilesoso :-moz-placeholder { /* Firefox 18- */
    letter-spacing: 0;
    font-size: 13px;
    color: #999999;
}
.mobilesoso.check{
    height: 54px;
}
.mobilesoso.check .mobilesosobtn{
    height: 100%;
}
/* ####################### */


/* ========================================= */
/* 7. 响应式设计 (Responsive Design) */
/* ========================================= */

@media  (max-width: 1220px) {
	.header_center { width: 100%; }
	.logo { margin-top: 40px; }
	.logo img { width: 80%; }
	.zit { margin-left: 0; margin-top: 50px; }
	.zit img { width: 70%; }
	.search { top: 72px; width: 200px; }
	.search input { width: 150px; }
}
@media  (max-width: 940px) {
	.zit { display: none; }
}
@media  (max-width: 750px) {
	.header,
	.navbar	{ display: none; }
	#mobile,
	.nav,
	.mobilesoso { display: block; }
  	body { padding-top: 57px; }
	.zit { display: none; }
	
	.nav-sidebar-list { display: flex; flex-wrap: wrap; }
	
	.links-tabs .tab-btn {padding: .55rem .5rem} 
	.links-tabs .link-card,
	.links-section .tab-content { padding: 0; } 
	.links-section .link-card { padding: 0; } 
	#sky-links { padding: 0; }
	.link-list { grid-template-columns: repeat(2, 1fr); }
}

@media (min-width: 769px) and (max-width: 1024px) {
    /* 首页专题卡片调整为两列 */
    .topic-cards {grid-template-columns: repeat(2, 1fr);}
}

/* 移动/平板设备 (Max-width: 768px) */
@media (max-width: 768px) {
    /* 通用布局调整 */
    .news-layout,
    .content-page-layout {flex-direction: column;gap: 20px;}
    
    .left-sidebar {width: 100%;}
    
    .list-section,
    .intro-section,
    .news-section,
    .image-gallery-section,
    .research-fields-section,
    .focus,
    .article-section,
    .related-articles {padding: 20px;}
    
    /* 首页样式调整 */
    .tabs {flex-wrap: wrap;}
    
    .tab-btn {padding: 8px 16px;font-size: 13px;}
    
    /* 列表卡片调整 */
    .researcher-grid {grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));gap: 20px;}
    
    .director-list {grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));gap: 20px;}
    
    .director-image {height: 200px;padding: 15px 15px 8px;}

    /* 分页调整 */
    .pagination a,
    .pagination span {padding: 6px 10px;font-size: 14px;}
    
    /* 内容页调整 */
    .article-title {font-size: 20px;}
    
    .article-meta {flex-direction: column;align-items: flex-start;}
    
    .article-meta .meta-item {margin-right: 0;margin-bottom: 5px;}

    /* 首页专题卡片调整为一列 */
    .topic-cards {grid-template-columns: 1fr;gap: 15px;}
}

/* 移动设备 (Max-width: 480px) */
@media (max-width: 480px) {
    /* 列表卡片调整为单列 */
    .researcher-grid {grid-template-columns: 1fr;gap: 15px;}
    
    .director-list {grid-template-columns: 1fr;gap: 20px;}
    
    .director-image {height: 250px;padding: 20px 20px 10px;}
}