@charset "utf-8";
/* CSS Document */

.nav-item a{ text-decoration:none; color:#333; font-size:18px; padding:25px 20px; transition: all 0.3s ease;}	
	.nav-item a.active{ color:#fff; background-color:#2c8ef4; }
    .nav-item a:hover{ color:#fff; background-color:#2c8ef4;}
	
	
	
	
	
	 .image-carousel {
		 clear:inherit;
            position: relative;
            width: 1920px;
            height: 930px;
            margin: 0 auto;
            overflow: hidden;
			
			
			
        }
        .carousel-item {
            position: absolute;
            width: 100%;
            height: 100%;
            opacity: 0;
            transition: opacity 1s ease;
        }
        .carousel-item.active {
            opacity: 1;
        }
		
		
	
	
	
	

        .nav-container {
            display: flex;
            justify-content: center;
            align-items: center;
            height: 80px; /* 导航栏高度 */
            background-color: #fff; /* 背景色 */
            box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); /* 阴影效果 */
        }

        .logo {
            margin-right: 100px; /* 与导航项间距 */
        }

        .nav-list {
            display: flex;
            list-style: none;
			margin-left:200px;
        }

        .nav-item {
            margin: 0 10px;
			font-size:18px;/* 导航项左右间距 */
			
			
        }




        .news-container {
            max-width: 800px;
            margin: 0 auto;
            padding: 40px 20px;
        }

        .news-title {
            text-align: center;
            margin-bottom: 70px;
        }

        .news-title h1 {
            font-size: 40px;
            font-weight: 400;
        }

        .news-title span {
            display: block;
            margin-top: 10px;
            color: #666;
			font-size:20px;
        }

        .news-item {
            display: flex;
            margin-bottom: 30px;
        }

        .news-item img {
            width: 120px;
            height: auto;
            margin-right: 20px;
        }

        .news-content {
            flex: 1;
        }

        .news-content h3 {
            font-size: 16px;
            color: #333;
            margin-bottom: 10px;
        }

        .news-content p {
            font-size: 14px;
            line-height: 1.6;
            color: #666;
            margin-bottom: 15px;
        }

        .news-content a {
            display: inline-block;
            color: #0066cc;
            text-decoration: none;
            font-size: 14px;
        }

        .news-date {
            width: 80px;
            text-align: center;
            font-size: 12px;
            color: #333;
			margin-left:100px;
        }
		
		
		
		
		
		
		
		  .about-us {
            padding: 50px 20px;
            display: flex;
            align-items: center;
            gap: 40px;
			
        }
		
		
		
		
		 .container {
            display: flex;
            align-items: flex-start;
            padding: 20px;
           
            color: #000;
        }

        .left-image {
            flex: 1;
            max-width: 600px;
            margin-right: 20px;
        }

        .left-image img {
            width: 110%;
            height: auto;
			margin-left:200px;
        }

		
		.right-content {
            flex: 1;
            max-width: 600px;
		    position:relative;
			margin-left:300px;
			text-align: left;
        }

        .company-name {
            font-size: 28px;
            margin-bottom: 20px;
        }

        .company-desc {
            line-height: 1.9;
            margin-bottom: 30px;
			font-size:18px;
        }

      
        .click-btn:hover {
            background-color: #007acc;
        }
		
		 .product-center {
			
				 position: relative;
            padding: 40px 20px;
            text-align: center;
			font-size:25px;
        }
	
		
		
		
		
	
		
	    .c {
            max-width: 1200px;
           margin-left:220px;
		 
            padding: 20px;
            display: flex;
            gap: 250px;
			margin-bottom:100px;
        }
        .colum {
            flex: 1;
            display: flex;
            flex-direction: column;
            gap: 10px;
			
        }
		
		
		
        .column img {
            width: 140%;
         
			
        }
		
		 .column {
            flex: 1;
            display: flex;
            flex-direction: column;
            gap: 10px;
        }
		
        .column p {
            font-family: Arial, sans-serif;
            width: 140%;
            line-height: 1.8;
             color: #333;
			font-size:18px;
        }
		
		
		.c-name {font-size: 28px;
            margin-bottom: 5px;
			margin-top:20px;
			font-weight:bold;}
		
		
		
		
		
		 /* 底部 */
          .footer-container {
            background: #2c2c2c; /* 深灰色背景 */
            color: #fff;
            padding: 40px;
            display: flex;
            justify-content: center;
            gap: 120px; /* 列间距 */
			
        }

        .link-column {
            list-style: none;
        }

        .link-column li {
            margin: 15px 0;
			font-size:18px;
        }

        .link-column a {
            color: #ccc;
            text-decoration: none;
            font-size: 18px;
            transition: color 0.3s;
        }

        .link-column a:hover {
            color: #fff;
        }

        .qr-code-section {
            text-align: center;
        }

        .qr-code-section img {
            width: 120px;
            height: auto;
            margin-bottom: 10px;
        }

        .qr-code-section p {
            font-size: 14px;
            color: #999;
        }

        /* 按钮样式 */
        .btn {
            display: inline-block;
            padding: 10px 30px;
            background: #4285f4;
            color: white;
            text-decoration: none;
            border-radius: 25px;
            margin-top: 20px;
        }