/* 图片网格布局 */
        .image-grid {
            display: grid;
            grid-template-columns: repeat(2, 1fr);
            gap: 30px;
        }
        
        /* 图片卡片样式 */
        .image-card {
            position: relative;
            height: 380px;
            border-radius: 16px;
            overflow: hidden;
            box-shadow: 0 15px 35px rgba(0, 0, 0, 0.2);
            transition: all 0.4s ease;

        }
        
        .image-card:hover {
            transform: translateY(-8px);
            box-shadow: 0 20px 40px rgba(0, 0, 0, 0.25);
			border: 2px solid var(--primary-accent); /* 红色边框 */
			text-decoration:none;


        }
        
        .image-bg {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-size: cover;
            background-position: center;
            transition: transform 0.8s ease;
        }
        
        .image-card:hover .image-bg {
            transform: scale(1.08);
        }
        
 /* 图片网格布局 */
        .link-image-grid {
            display: grid;
            grid-template-columns: repeat(2, 1fr);
            gap: 30px;
        }
        
       .link-gallery {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
            gap: 30px;
            margin-top: 20px;
        }
        
        .link-image-card {
            position: relative;
            overflow: hidden;
			width:100%;
            border-radius: 0px;
            box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
            transition: transform 0.3s ease;
        }
        
        .link-image-card:hover {
            transform: translateY(0px);
        }
        
        .link-image-container {
            position: relative;
            overflow: hidden;
			height: 129px;

        }
        
        .link-image-container img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            display: block;
            transition: transform 0.5s ease;
        }
        
        .link-image-card:hover img {
            transform: scale(1.05);
        }





        
        /* 灰色覆盖层 */
        .link-overlay {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: rgba(0, 0, 0, 0.5);
            transition: opacity 0.3s ease;
            opacity: 1;
        }
        
        .link-image-card:hover .link-overlay {
            opacity: 0;
        }
        
        /* 内容区域 */
        .link-content {
			position: absolute;
			bottom: 35%;
			left: 25%;
			width: 100%;
			
			display: flex;
			justify-content: space-between;
			align-items: flex-end;
			z-index: 2;	
		
		}
        
        .link-text-content {
            text-align: left;
            color: white;
			font-size: 2rem;
			flex: 1;




        }


		.top-news-icon-title ,.top-news-icon-title a{
			display: flex;
			text-decoration:none;
			color: #171717;

		}


		.top-news-icon-title a:hover {
			text-decoration:none;
			color:  var(--primary-accent); 

		}
        
        .link-text-content h3 {
		    color:white;
            font-size: 1.5rem;
            margin-bottom: 8px;
            text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5);
        }
        
        .link-text-content p {
            font-size: 0.95rem;
            opacity: 0.9;
        }
        
        /* 圆形按钮 */
        .link-circle-btn {
            position: absolute;
            bottom: 27px;
            right: 20px;
            width: 30px;
            height: 30px;
            border-radius: 50%;
            background: var(--primary-accent);
            color: white;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 1.2rem;
            box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
            transition: all 0.3s ease;
			 border: 2px solid var(--primary-accent);
			     flex-shrink: 0;

            z-index: 3;


        }
        
        .link-circle-btn:hover {
            background-color: white;
			color: var(--primary-accent);
            border-color:var(--primary-accent);
            transform: translateY(-2px);
            box-shadow: 0 5px 15px rgba(231, 76, 60, 0.4);

        }





     /* 图片卡片样式 */
        .linkimage-card {
            position: relative;
            height: 165px;
            border-radius: 16px;
            overflow: hidden;
            box-shadow: 0 15px 35px rgba(0, 0, 0, 0.2);
            transition: all 0.4s ease;
        }
        
        .linkimage-card:hover {
            transform: translateY(-8px);
            box-shadow: 0 20px 40px rgba(0, 0, 0, 0.25);
        }
        
        .linkimage-bg {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-size: cover;
            background-position: center;
            transition: transform 0.8s ease;
        }
        
        .linkimage-card:hover .image-bg {
            transform: scale(1.08);
        }



        /* 内容区域 - 始终显示 */
        .content {
            position: absolute;
            bottom: 0;
            left: 0;
            width: 100%;
            padding: 25px 25px 25px 70px;
            color: white;
            z-index: 2;
            display: flex;
            justify-content: space-between;
            align-items: center;
           /* background: rgba(0, 0, 0, 0.7);*/
        }
        

		.top-news { display: flex; align-items: center; color:#lalala;}
		.top-news a,span,h3{ 
			color:#lalala;
			text-decoration:none; }

		 .top-news a:hover, .top-news span a:hover {
			text-decoration:none;
			color:  var(--primary-accent); /* 红色边框 */
			
		}

        /* 文字区域 */
        .text-content {
            flex: 1;
            padding-right: 20px;
        }
        
        .card-title {
            font-size: 1.8rem;
            margin-bottom: 8px;
            font-weight: 600;
        }
        
        .card-description {
            font-size: 1rem;
            opacity: 0.9;
        }
        
        /* 按钮样式 */
        .card-btn {
            display: inline-block;
            padding: 10px 25px;
            background-color: #3498db;
            color: white;
            text-decoration: none;
            border-radius: 50px;
            font-weight: 600;
            transition: all 0.3s ease;
            border: 2px solid #3498db;
            white-space: nowrap;
            flex-shrink: 0;
        }
        
        .card-btn:hover {
            background-color: #e74c3c;
            border-color: #e74c3c;
            transform: translateY(-2px);
            box-shadow: 0 5px 15px rgba(231, 76, 60, 0.4);
        }






	.news-container {
            padding: 10px 30px 30px 30px;
        }
        .news-item {
            padding: 20px 0;
            border-bottom: 1px solid #ccc;
            transition: all 0.3s ease;
            display: flex;
            flex-wrap: wrap;
        }
   

        .news-item:last-child {
            border-bottom: none;
        }
        .news-date {
            color: #1a1a1a;
            font-size: 16px;
            transition: all 0.3s ease;
            width: 120px;
            flex-shrink: 0;
        }


        .news-date-day {
			color: #171717;
            font-size: 26px;
			font-weight: bold;

        }



        .news-content {
            flex: 1;
            min-width: 0;
			padding-top:10px;

        }
        .news-title a{
            font-size: 16px;
            color: #1a1a1a;
            line-height: 1.5;
            transition: all 0.3s ease;
			padding-top:10px;
			text-decoration:none;
        }

        .news-title a:hover  {
			text-decoration:none;
            color:  var(--primary-accent); /* 红色边框 */
        }


        .new-badge {
            background:#fff;
            color: var(--primary-accent);
            font-size: 12px;
            padding: 3px 8px ;
            border-radius: 4px;
            margin-left: 10px;
			 margin-right: 10px;
			 font-weight: bold;
            vertical-align: middle;
        }
        .news-symbol {
            color: #7f8c8d;
            margin-left: 8px;
            font-size: 18px;
            transition: all 0.3s ease;
        }
        .news-item:hover .news-symbol {
            color: #e74c3c;
        }


       /* 首页上的文字*/



	.top-product-description{

         color: white;
		font-size: 16px;

	}



	    @media (min-width: 901px) {
        	.top-banner-content{
               margin-top:150px;
			   margin-bottom:150px;

			}
			.top-product-spaceimg{
				margin-bottom:50px;

			}
			 .image-card {

                margin-bottom:30px;
			 }


		   .top-banner-text-en{
			   
				color: #fff;
				margin-left: 50px;
				font-size: 90px;
				line-height:90px;
				font-weight: bold;

		   }


		   .top-banner-text-cn{
			   
				color: #fff;
				margin-left: 50px;
				font-size: 40px;
				line-height:70px;
				font-weight: bold;

		   }


		}
        /* 响应式设计 */
        @media (max-width: 900px) {
            .image-grid {
                grid-template-columns: 1fr;
                max-width: 600px;
                margin: 0 auto;
            }
   			 .image-card {

                margin-bottom:30px;
			 }         
            .image-card {
                height: 350px;
            }
            

			.top-product-spaceimg{
				margin-bottom:50px;

			}
            .title {
                font-size: 2.3rem;
            }

			.top-banner-content{
               margin-top:150px;

			}


		   .top-banner-text-en{
			   
				color: #fff;
				margin-left: 50px;
				font-size: 70px;
				line-height:70px;
				font-weight: bold;

		   }


		   .top-banner-text-cn{
			   
				color: #fff;
				margin-left: 50px;
				font-size: 30px;
				line-height:70px;
				font-weight: bold;

		   }



        }
        
       @media (max-width: 767px)  {
            .title {
                font-size: 2rem;
            }
  			.top-banner-content{
               margin-top:50px;

			}    
			
			.top-product-spaceimg{
				margin-bottom:50px;

			}
			 .image-card {

                margin-bottom:30px;
			 }

            .card-title {
                font-size: 1.4rem;
            }
            
            .card-description {
                font-size: 0.9rem;
            }
            
            .content {
                /*flex-direction: column;*/
                /*text-align: center;*/
            }
            
            .text-content {
                padding-right: 0;
                margin-bottom: 15px;
            }
            
            .card-btn {
                width: 100%;
                text-align: center;
            }


		   .top-banner-text-en{
			   
				color: #fff;
				margin-left: 20px;
				font-size: 30px;
				line-height:50px;
				font-weight: bold;

		   }


		   .top-banner-text-cn{
			   
				color: #fff;
				margin-left: 20px;
				font-size: 16px;
				line-height:30px;
				font-weight: bold;

		   }




        }



       .image-row-rowlink {
            display: flex;
            flex-wrap: wrap;
            gap: 30px;
            justify-content: center;
			margin:30px;
        }
        
        .image-card-rowlink {
            flex: 1;
            min-width: 240px;
            max-width: 240px;
            position: relative;
          
            overflow: hidden;
            cursor: pointer;
        }
        
        .image-container-rowlink {
            position: relative;
            width: 100%;
            padding-bottom: 38%;
			 overflow: hidden;
        }
        
        .image-container-rowlink img {
           position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            object-fit: cover;
             transition: transform 0.5s ease;
        }
        
        /* 关键：黑色遮罩层 */
        .image-mask-rowlink {
           position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: rgba(0, 0, 0, 0.6); /* 黑色半透明遮罩 */
            z-index: 1;
            transition: opacity 0.4s ease;
        }
        
        /* 悬停时遮罩消失 */
        .image-card-rowlink:hover .image-mask-rowlink {
            opacity: 0;
        }
        

		.image-card-rowlink:hover .image-container-rowlink img {
            filter: brightness(1.05); /* 轻微提亮 */
            /* 可选：轻微放大 */
			    transform: scale(1.05);
        }

        .text-overlay-rowlink {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            text-align: center;
            color: white;
            width: 90%;
            z-index: 2;
        }
        
        .text-overlay-rowlink h3 , .text-overlay-rowlink h3:hover{
            font-size: clamp(1.2rem, 2.4vw, 1.2rem);
            margin-bottom: 10px;
			color:#ffffff;
        }
        
        .text-overlay-rowlink p {
            font-size: clamp(1rem, 2vw, 1.2rem);
        }


		 /* 响应式设计 */
        @media (max-width: 1200px) {
            .image-card-rowlink {
                min-width: 280px;
                max-width: 380px;
            }
        }

        @media (max-width: 992px) {
            .container-rowlink {
                padding: 20px;
            }
            
            .image-row-rowlink {
                gap: 25px;
            }
            
            .image-card-rowlink {
                min-width: calc(50% - 25px);
                max-width: 450px;
            }
            
         
        }

        @media (max-width: 768px) {
         
            
          
            
            .image-card-rowlink {
                min-width: 100%;
                max-width: 100%;
            }
            
            .image-container-rowlink {
                padding-bottom: 43%;
                max-height: 280px;
            }
            
            .section-title-rowlink {
                margin-bottom: 30px;
                font-size: 24px;
            }
        }



        /* 卡片容器 */
        .card {
            max-width: 650px;
            width: 100%;
            background: rgba(255,255,255,0.92);
            backdrop-filter: blur(2px);
            border-radius: 2.5rem;
            box-shadow: 0 25px 45px -12px rgba(0,0,0,0.25), 0 4px 12px rgba(0,0,0,0.05);
            padding: 2rem 2rem 2.5rem;
            text-align: center;
            transition: all 0.2s ease;
            border: 1px solid rgba(255,255,255,0.5);
        }

        h1 {
            font-size: 2rem;
            font-weight: 600;
            background: linear-gradient(135deg, #1a2a3a, #2c3e4e);
            background-clip: text;
            -webkit-background-clip: text;
            color: transparent;
            margin-bottom: 0.75rem;
            letter-spacing: -0.3px;
        }

        .sub {
            color: #4a627a;
            margin-bottom: 2rem;
            font-size: 1rem;
            border-bottom: 1px solid #dce5f0;
            display: inline-block;
            padding-bottom: 0.3rem;
        }

        /* 优雅的链接样式 (模拟现代设计) */
        .pop-link {
            

        }

        .pop-link:hover {
           
            color: var(--primary-accent); 
        }

        .pop-link:active {
            transform: translateY(1px);
        }

        /* 链接旁边的装饰图标 (纯css模拟小图片icon) */
        .link-icon {
            font-size: 1.4rem;
            display: inline-block;
            transition: transform 0.2s;
        }

        .pop-link:hover .link-icon {
            transform: scale(1.1);
        }

        /* 辅助文本 */
        .info-note {
            margin-top: 2rem;
            font-size: 0.85rem;
            color: #5f7f9c;
            background: #eef3fc;
            display: inline-block;
            padding: 0.4rem 1rem;
            border-radius: 40px;
            backdrop-filter: blur(2px);
        }

        /* ---------- 模态框 (弹窗) 样式 ---------- */
        .modal-overlay {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: rgba(0, 0, 0, 0.75);
            backdrop-filter: blur(8px);
            display: flex;
            align-items: center;
            justify-content: center;
            z-index: 1000;
            visibility: hidden;
            opacity: 0;
            transition: visibility 0.2s, opacity 0.2s ease;
            cursor: pointer;  /* 点击遮罩关闭 */
        }

        /* 显示弹窗的状态 */
        .modal-overlay.active {
            visibility: visible;
            opacity: 1;
        }

        /* 弹窗卡片容器 */
        .modal-container {
            background: #ffffff;
            border-radius: 2rem;
            max-width: 90vw;
            max-height: 90vh;
            width: auto;
            box-shadow: 0 30px 50px rgba(0, 0, 0, 0.3), 0 0 0 1px rgba(255,255,255,0.2);
            overflow: hidden;
            animation: modalPopIn 0.25s cubic-bezier(0.2, 0.9, 0.4, 1.1);
            cursor: default;
            display: flex;
            flex-direction: column;
            background: #fefefe;
        }

        /* 弹窗头部 (可选关闭按钮) */
        .modal-header {
            display: flex;
            justify-content: flex-end;
            padding: 0.8rem 1.2rem 0;
        }

        .close-modal-btn {
            background: #eef2f7;
            border: none;
            font-size: 1.3rem;
            cursor: pointer;
            width: 34px;
            height: 34px;
            border-radius: 50%;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            transition: 0.2s;
            color: #2c3e4e;
            font-weight: bold;
        }

        .close-modal-btn:hover {
            background: #dce5ec;
            transform: scale(1.03);
            color: #000;
        }

        /* 图片区域 */
        .modal-img-wrapper {
            padding: 0 1.5rem 1.8rem 1.5rem;
            display: flex;
            justify-content: center;
            align-items: center;
        }

        .modal-img {
            max-width: 100%;
            max-height: 70vh;
            border-radius: 1.2rem;
            box-shadow: 0 6px 14px rgba(0, 0, 0, 0.15);
            display: block;
            object-fit: contain;
            background: #f0f2f5;
        }

        /* 简单的图片描述 */
        .img-caption {
            text-align: center;
            font-size: 0.85rem;
            color: #4b6b89;
            margin-top: 0.3rem;
            padding-bottom: 1rem;
            border-top: 1px solid #e2e8f0;
            margin: 0 1.5rem 1rem;
            padding-top: 0.7rem;
        }

        /* 弹出动画 */
        @keyframes modalPopIn {
            0% {
                opacity: 0;
                transform: scale(0.92) translateY(8px);
            }
            100% {
                opacity: 1;
                transform: scale(1) translateY(0);
            }
        }

        /* 响应式调整 */
        @media (max-width: 550px) {
            .card {
                padding: 1.5rem;
            }
            .pop-link {
                padding: 0.7rem 1.4rem;
                font-size: 1rem;
            }
            .modal-img-wrapper {
                padding: 0 1rem 1rem 1rem;
            }
            .modal-img {
                max-height: 55vh;
            }
        }

        /* 额外演示区域: 可以展示多链接，但此处专注一个主要的点击弹图片 */
        .demo-hint {
            margin-top: 2rem;
            background: #eef2fa;
            border-radius: 28px;
            padding: 0.7rem 1.2rem;
            font-size: 0.8rem;
            color: #2c5a7a;
            display: inline-block;
        }