body {
            font-family:"Arial","Microsoft YaHei",sans-serif;
            background-color: #f9f9f9;
            color: #333;
        }
				
		h3 a,h4 a{color:#333;}

        /* --- Header Section --- */
        .top-header {
            padding: 30px 0;
            background: url('fzghtop.png') #fff no-repeat center bottom;  
            border-bottom: 1px solid #eee;
        }
        
        .logo-area {
            display: flex;
            align-items: center;
        }
        
        .logo-img {
            height: 60px;
			padding:7px;
        }

        .site-title {
            font-family:"Arial","Microsoft YaHei",sans-serif;
            font-size: 28px;
            color: #008B8B; /* 深青色 */
            margin: 0;
            line-height: 1.8;
			padding-top:5px;
        }


        /* --- Navbar --- */
        .main-nav {
            background-color: #008B8B; /* 核心深青色 */
            border: none;
            border-radius: 0;
            margin-bottom: 0;
        }
        .main-nav .navbar-nav > li > a {
            color: #fff;
            padding:20px;
            font-size: 18px;
			font-weight:bold;
        }
        .main-nav .navbar-nav > li > a:hover,
        .main-nav .navbar-nav > li.active > a {
            background-color: #006666;
            color: #fff;
        }
		.section-title{
			font-size:20px;
			font-weight:bold;			
			padding-bottom: 6px;
			padding-left: 24px;
			}
		.bg01{
			background: url(https://www.sic.cas.cn/images/fzgh001.png) no-repeat left top;
			background-size: 24px;
			padding-left: 28px;
			}
		.bg02{
			background: url(https://www.sic.cas.cn/images/fzgh002.png) no-repeat left top;
			background-size: 20px;
			}
		.bg03{
			background: url(https://www.sic.cas.cn/images/fzgh003.png) no-repeat left top;
			background-size: 20px;
			}
		.bg04{
			background: url(https://www.sic.cas.cn/images/fzgh004.png) no-repeat left top;
			background-size: 20px;
			}
			
		.more{
			float: right;
			font-size: 12px;
			font-weight: normal;
			padding-top:8px;
		}	
        /* 左侧突出的深色块模拟 */
        .nav-left-block {
            background-color: #006666;
            height: 50px;
            width: 100%; 
        }
		.mc{
			background: #fff;
			min-height:500px;
			padding-bottom:10px;
		}  
		.xwdt{margin-bottom:20px;}
		.sw{padding:0;padding-right:10px;}
		.pagination {
  	position: absolute;
    z-index: 20;
    bottom: 10px;
    text-align: right;
    right: 20px;
    margin: 0;
}
.swiper-pagination-switch {
  display: inline-block;
  width: 15px;
  height: 15px;
  border-radius: 8px;
  background: #555;
  margin: 0 5px;
  opacity: 0.8;
  border: 1px solid #fff;
  cursor: pointer;
}
.swiper-active-switch {
  background: #fff;
}
.banner01.swiper-container-horizontal>.swiper-pagination-bullets{ 
	display:inline-block; 
	left: auto; 
	right:28px; 
	width: auto;
	bottom: 14px;
}
.banner01 .swiper-pagination-bullet{ 
	width: 10px; 
	height: 10px; 
	background: #fff;
	opacity: 1;
}
.banner01 .swiper-pagination-bullet-active{
	width: 22px; 
	border-radius: 20px;
}
.djban_txt{ 
  padding: 10px 20% 10px 15px;
  font-size: 16px; 
  color:#fff; 
  line-height: 30px;
  font-weight: 700;
  background: rgba(0, 0, 0,0.5);
  margin: 0;
  position:absolute;
  bottom: 0;
  left: 0;
  width: 100%;
}
.djban_txt:hover,
.djban_txt:focus{ color:#ffc26a; }

.djban_txt{ overflow: hidden; 
    text-overflow:ellipsis;
    white-space: nowrap;}
		
        .news-item {
            margin-bottom: 20px;
        }
        .news-item img {
            width: 100%;
            height: auto;
            border: 1px solid #eee;
			max-height:290px;
        }
        .news-date {
            color: #999;
            font-size: 12px;
            float: right;
        }
        .news-title {
            font-size: 16px;
            font-weight: bold;
            color: #333;
            margin-top: 0;
            display: block;
        }
		.news-title a{
			font-size:16px;
            color: #333;
			line-height:1.6em;
        }
        .news-desc {
            font-size: 13px;
            color: #666;
            line-height: 1.8;
            text-align: justify;
			margin-bottom:20px;
        }
		
		.news_list li{
			padding:10px 4px 10px 16px; 
			background:url(right_list.png) no-repeat left center;
			margin-left:0;
			background-size:12px;
		}
.news-content{padding: 15px;line-height: 1.8em;}
.news-content p{margin-bottom:12px!important;}
.news-content img,video{height: auto;max-width: 100%;margin:5px auto;}
.panel-default>.panel-heading{color:#15416e;}
.panel-title{font-size:16px;padding:5px 10px;color:#15416e;}
.panel{border:0;margin-bottom:0;}
.bt{font-size: 22px;color: #01676f;font-weight: bold;padding-bottom:20px;border-bottom:1px solid #ddd;line-height:1.3em;}
.panel-heading{padding:3px;}
.panel-default>.panel-heading{border-color:#fff;background-color:#fff;}
.panel-head{text-align: center;padding-top: 30px;line-height: 35px;}
.panel-head a:link{color:#333!important}
.over_hidden{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
        /* --- Three Columns Layout --- */
        .column-block {
            background: #fff;
            padding: 0 15px;
        }
        
        /* 左侧竖线装饰 */
        .col-border-left {
            border-left: 2px solid #008B8B;
            padding-left: 15px;
        }

        .list-group-item-custom {
            border: none;
            border-bottom: 1px solid #f0f0f0;
            padding: 6px 0;
            margin-bottom: 0;
        }
        .list-group-item-custom:last-child {
            border-bottom: none;
        }
        .list-title {
            font-size: 14px;
            color: #333;
        }
        .list-date {
            font-size: 12px;
            color: #999;
            float: right;
        }
        .list-summary {
            font-size: 12px;
            color: #666;
            display: block;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
        }
 
        /* --- Bottom Cards --- */
        .bottom-cards {
            margin-top: 40px;
            margin-bottom: 40px;
            text-align: center;
        }
        .card-box {
            background: #f1f8f8;
            padding: 30px 20px;
            border-radius: 4px;
            display: inline-block;
            width: 100%;
            transition: all 0.3s;
            cursor: pointer;
        }
        .card-box:hover {
            background: #eee;
            transform: translateY(-5px);
        }
        .card-icon {
            font-size: 32px;
            color: #008B8B;
            margin-bottom: 10px;
        }
        .card-text {
            font-size: 16px;
            font-weight: bold;
            color: #006666;
        }
		.card-icon img{
			max-height:40px;
		}


.list-menu{background: #dbedef;}
.list-menu li{border-bottom: 1px solid #fff;display: block;padding: 10px 5px;text-align: center;color:#01676f;font-weight:bold;}
.list-menu li a {display: block;font-size: 16px;text-align: center;color:#333;font-weight:normal}
.list-menu li:hover{background-color:#f5f5f5;}
.list-menu li:hover a{color:#01676f;font-weight:bold}
.list-menu .active a{color:#01676f!important;font-weight:bold!important}
.side-title{color:#fefefe;padding: 20px 5px;text-align:center;font-weight:bold;font-size: 20px;background:linear-gradient(to bottom, #1391a3, #49b6bf);margin-top:30px;margin-bottom:2px;line-height:1.4em;}

        /* Utility */
        .mt-20 { margin-top: 20px; }
        .text-gray { color: #999; }
	
		.footer{
		background: #008B8B;
		color: #fff; 
		padding: 30px 0; 
		text-align: center; 
		font-size: 14px;
		}
		.footer a{
			color: #fff; 
		}
	
		@media (min-width: 769px) {
	.d768_hide{display:none;}
	.navbar-nav{display:flex;justify-content:space-between;width:100%!important;}
	.over_hidden{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
}

@media (max-width:767px){
	.xs_hide{display:none!important;}
	.site-title{font-size:22px;}
	.banner01{ margin-bottom: 15px; }
	.pagination{ display:none; }
    .djban_txt{ padding-right: 10px;  padding-left: 10px; line-height: 26px;}
    .banner01.swiper-container-horizontal>.swiper-pagination-bullets{ bottom: 0; right: 0;}
  }