:root { --ok-blue: #007BFF;--ok-dark-blue: #0056b3;--ok-gradient: linear-gradient(135deg, #007BFF 0%, #00B4D8 100%);}
        
		/*首页*/
		/* 导航栏 */
        .navbar { background: var(--ok-gradient);}
        .navbar-brand {color: white !important;font-weight: bold;}
        .nav-link {color: rgba(255,255,255,0.8) !important;}
        .nav-link:hover { color: white !important;}
        .dropdown-menu {background: var(--ok-gradient); border: none;box-shadow: 0 4px 12px rgba(0,123,255,0.1);top: 120%; margin-top: 0;min-width:100%}
        .dropdown-item {color: rgba(255,255,255,0.8) !important;}
        .dropdown-item:hover {background: rgba(255,255,255,0.1);color: white !important;}
        .container-fluid{padding-left:15%;padding-right:15%}	
        
		/* 轮播图 */
		.banner .swiper-pagination{position:absolute;}
		.banner .mySwiper{width:100%;height:auto;}
		.banner .swiper-slide{height:500px;background:linear-gradient(135deg, #e3f2fd 40%, #007BFF 100%);}		
		.banner .swiper-slide img{max-width:100%;height:auto;display:block;margin:0 auto;} 	
		.banner .swiper-pagination-bullet{width:12px;height:12px;border-radius:50%;background:#4ea4ff;opacity:1;}
		.banner .swiper-pagination-bullet-active{background:#007BFF;width:12px;height:12px;border-radius:20px;!important;}	 
		.banner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 7px;}
		.banner .swiper-button-next, .banner .swiper-button-prev{color:#fff;}			

        /* 症状卡片 */
        .symptom-card {background: white;border-radius: 12px;box-shadow: 0 4px 6px rgba(0,123,255,0.1);transition: all 0.3s;}
        .symptom-card:hover {transform: translateY(-5px);box-shadow: 0 8px 20px rgba(0,123,255,0.15);}		
        .symptom-card .btn-primary{background:linear-gradient(135deg, #007BFF 0%, #00B4D8 100%);border:none;}
		
        /* 关于我们部分 */
        .about-section { background: white;padding:15px 0 45px 0;color: #333;}
        .about-section h2 {font-size: 2.5rem;font-weight: bold;margin-bottom: 40px;color: var(--ok-dark-blue);text-align: center;}
        .about-section h3 {font-size: 1.5rem;font-weight: bold;margin-top: 20px;color: var(--ok-dark-blue);}
        .about-section p {font-size: 1rem;line-height: 1.8;color: #555;}
        .about-section .icon {font-size: 1.5rem;margin-right: 10px;color: var(--ok-dark-blue);}
        .about-section .btn {background: var(--ok-blue);color: white;border: none; padding: 10px 20px;font-size: 1rem;font-weight: bold;border-radius: 25px;transition: all 0.3s;display: inline-flex;align-items: center;}
        .about-section .btn:hover {background: var(--ok-dark-blue);transform: translateY(-3px);}
        .about-section .btn .bi {margin-left: 8px;}
		.about-bg{background:#f8f9fa;padding:25px 0;margin-bottom:20px;}
		
        /* 新闻列表 */
        .news-list {background: #f8f9fa;padding: 40px 0;}
        .news-list .news-card {background: white;border-radius: 8px;padding: 20px;margin-bottom: 20px;transition: all 0.3s;}
        .news-list .news-card:hover {box-shadow: 0 4px 12px rgba(0,123,255,0.1);}
        .news-list .news-title a {color: var(--ok-dark-blue);text-decoration: none;}
        .news-list .news-title a:hover {text-decoration: underline;}
        .news-list .news-description {color: #6c757d;font-size: 0.95em;margin-top: 8px;}		
        .news-list .news-date {color: #6c757d;font-size: 0.9em;padding-top:10px;}
		
		.more{margin-top:40px;}		
		.more a{background:linear-gradient(135deg, #007BFF 0%, #00B4D8 100%);color:#fff}
		.more a:hover{color:#fff}	
		
		/*子页面*/
        /*产品轮播图*/
       .product-details .swiper{padding-bottom:50px;}
       .product-details .zixun{text-align:center;margin:0 auto;margin-top:2rem;}
       .product-details .zixun .btn{padding:6px 20px;}	   
	   
		/*产品详情*/
        .product-details {padding: 40px 0;}
		.pro-img{padding:0 30px;}
		.pro-details h2{font-size:1.5rem;padding-bottom:5px;}
        .product-title {color: var(--ok-dark-blue);margin-bottom: 40px;}
        .product-features {list-style: none;padding: 0;}
        .product-features li {margin-bottom: 10px;}
        .pro-details i {color: var(--ok-blue);margin-right: 10px;}
        .number-icon {display: inline-flex;align-items: center;justify-content: center; width: 16px;height: 16px;border-radius: 50%;border:solid 1px var(--ok-blue);color: var(--ok-blue);font-size:12px;margin-right: 10px;}
        .icon-container {display: flex;align-items: center;gap: 10px;margin: 20px 0;}
        .icon-container p {margin: 0;font-size: 1rem;color: #4a4a4a;}		
		
        /* 产品介绍和背景样式 */
        .product-intro, .product-background {margin-top: 40px;background: white;border-radius: 15px;padding: 30px;box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);transition: all 0.3s;position: relative;overflow: hidden;}
        .product-intro:hover, .product-background:hover {transform: translateY(-5px);box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);}
        .product-intro h2, .product-background h2 {color: var(--ok-dark-blue);margin-bottom: 20px;display: flex;align-items: center;position: relative;font-size: 20px;}
        .product-intro h2 i, .product-background h2 i {margin-right: 10px;color: var(--ok-blue);font-size: 1.5em;}
        .product-intro p, .product-background p {color: #6c757d;line-height: 1.8;position: relative;z-index: 1;}
        .product-intro::before, .product-background::before {content: '';position: absolute;top: 0;left: 0;width: 100%; height: 4px;background: var(--ok-gradient);}
        .product-intro::after, .product-background::after {content: '';position: absolute;bottom: 0;left: 0;width: 100%;height: 1px;background: linear-gradient(90deg, transparent, #e9ecef, transparent);}		
        .product-intro h5{font-size:18px;}

		       
		/* 底部新闻列表 */
        .news-section {padding: 40px 0;}
        .news-section .news-grid {display: grid;grid-template-columns: repeat(2, 1fr);gap: 20px;}
        .news-section .news-item {border-bottom: 1px solid #e9ecef;padding: 20px;transition: all 0.3s;}
        .news-section .news-title a {color: var(--ok-dark-blue);text-decoration: none;}
        .news-section .news-title a:hover {text-decoration: underline;}
        .news-section .news-description {color: #6c757d;font-size: 0.95em;margin: 10px 0;}
        .news-section .news-meta {display: flex;justify-content: space-between;align-items: center;margin-top: 10px;}
        .news-section .news-date {color: #6c757d;font-size: 0.9em;}
        .news-section .news-read-more {color: var(--ok-blue);text-decoration: none;font-size: 0.9em;}
        .news-section .news-read-more:hover {text-decoration: underline;}
		
		/*底部新闻内容页*/
        .news-content {padding: 40px 0;}
        .news-content .news-title {color: var(--ok-dark-blue);margin-bottom: 20px;font-size: 2rem;font-weight: bold;}
        .news-content .news-meta {color: #6c757d;font-size: 0.9em;margin-bottom: 30px;display: flex;align-items: center;gap: 15px;flex-wrap: wrap;}
        .news-content .news-meta i{color: var(--ok-blue);}
        .news-content .news-body {line-height: 1.8;color: #4a4a4a;background: white;padding: 20px;border-radius: 15px;box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);}
        .news-content .news-body img {max-width: 100%;height: auto;border-radius: 10px;margin: 20px 0;}
        .news-content .news-body p {margin-bottom: 20px;}

        /* 上一篇/下一篇导航 */
        .news-navigation {margin-top: 40px;display: flex;justify-content: space-between;flex-wrap: wrap;gap: 10px;}
        .news-navigation i{color: var(--ok-dark-blue);text-decoration: none;display:flex;align-items:center;font-style:normal}
        .news-navigation a:hover {text-decoration: underline;}

        /* 返回列表按钮 */
        .back-to-list {margin-top: 20px;text-align: center;}
        .back-to-list a {color: var(--ok-dark-blue);text-decoration: none;display: inline-flex;align-items: center;gap: 5px;}
        .back-to-list a:hover {text-decoration: underline;}		
		
        /* 相关新闻推荐 */
        .related-news {margin:20px 0 40px 0;}
        .related-news h3 {color: var(--ok-dark-blue);margin-bottom: 20px;font-size: 1.5rem;font-weight: bold;}
        .related-news .card {border: none;border-radius: 10px;box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);transition: all 0.3s;}
        .related-news .card:hover {transform: translateY(-5px);box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);}
        .related-news .card-body {padding: 20px;}
        .related-news .card-title {color: var(--ok-dark-blue);font-size: 1.1rem;font-weight: bold;}
        .related-news .card-text {color: #6c757d;font-size: 0.9em;}
        .related-news .card-date {color: #6c757d;font-size: 0.8em;margin-top: 10px;}	
		
		/*新闻列表*/
		.news-list-long h1{font-size:2.5rem;padding:30px 0;text-align:center;color:#0078d4;font-weight: bold;}
        .news-list-long .icon {margin-right: 10px;color:#0078d4;}		
        .news-list-long {list-style-type: none;padding: 0;}
        .news-list-long .news-item {background-color: #fff;margin-bottom: 20px;padding: 20px;border-radius: 8px;transition: transform 0.2s ease, box-shadow 0.2s ease;border: 1px solid rgba(0, 123, 255, 0.1)}
        .news-list-long .news-item:hover {transform: translateY(-5px); box-shadow: 0 6px 12px rgba(0, 0, 0, 0.15);}
        .news-list-long .news-item h2 {margin: 0 0 10px;color: #0078d4;font-size: 1.5rem;}
        .news-list-long .news-item .meta {font-size: 0.9rem;color: #777;margin-bottom: 10px;}
        .news-list-long .news-item .meta span { margin-right: 10px;}
        .news-list-long .news-item .description {margin: 0;color: #555;line-height: 1.6;}
        .news-list-long .news-item a {color: #0078d4; /* 蓝色链接 */text-decoration: none;font-weight: bold;}
        .news-list-long .news-item a:hover {text-decoration: underline;}
     
		/*page*/
		.page{margin:30px 0;font-size:14px;height:30px;line-height:30px;text-align:center;overflow:hidden}
		.page .pageinfo{margin-right:3px;color:#808080;font-size:14px;padding:4px 8px;border:1px solid #aaa;}
		.page .pageinfo strong{font-weight:normal;margin:0 3px}
		.page  a{border:1px solid #aaa;border-radius:5px;color:#808080;padding:4px 10px;margin-left:5px;transition:all 0.2s}
		.page  a:hover,#page .curpage{color:#38b549;text-decoration:none;background:#0078d4;color:#fff;border:1px solid #0078d4;}
		.page .nopage{cursor:not-allowed;}
		.page .nopage:hover{background:#fff;color:#808080;border:1px solid #aaa;}	
		.page .homepage,#page .endpage{display:none;}
	 
			
        
		/*footer*/
		footer p{margin-top:1rem}
			
		/*自适应*/
		@media (max-width: 991.98px){ 		
			.navbar-nav{border-top: solid 1px rgba(255, 255, 255, .1);margin-top:10px;}
			.navbar-brand{max-width:65%;}
			.navbar-brand img{max-width:100%;padding-bottom:5px;}
			.banner .mySwiper{text-align:center}
		    .banner .display-4{font-size:30px;}
            .banner .swiper-slide{height:250px;}			    
            .product-details {padding:20px 0;}			
            .product-details .swiper{bottom:20px;}	
            .product-details .zixun{margin-top:0;margin-bottom:20px;}	
			.pro-img{padding:0 15px;}
		    .news-list-long h1{font-size:1.5rem;padding:20px 0;}
		    .news-content time{display:none;}
			
		}		
        @media (max-width: 768px) {
            .news-section .related-news {margin:20px 0;}			
            .news-section .news-grid {grid-template-columns: 1fr;}
            .news-content .news-title {font-size: 1.3rem;line-height:30px;}
            .news-content .news-meta {font-size: 0.8em;gap: 10px;}
            .news-content .news-body {padding: 15px;}
            .news-content .news-navigation {flex-direction: column;align-items: flex-start;}
            .related-news .card {margin-bottom: 20px;}			
        }