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

.lunbo{
		width:1400px;
		height:600px;
		margin:0 auto;
		overflow:hidden;
		position:relative;
		box-sizing: border-box;
	}
	.lunbo ul,ol{
		list-style:none;
		padding:0;
		margin:0;		
	}
	.lunbo input{
		width:50px;
		height:50px;
		background:rgba(0,0,0,.3);
		color:#fff;
		text-align:center;
		line-hegiht:50px;
		font-size:25px;
		font-weight:bold;
		position:absolute;	
		top:50%;
		margin-top:-25px;
		border:none;
		border-radius: 50%;
	}
	.left{
		left:0;	
	}
	.right{
		right:0;	
	}
	.lunbo ol{
		position:absolute;
		bottom:20px;
		width:60px;
		left:50%;
		margin-left:-30px;	
	}
	.lunbo ol li{
		width:10px;
		height:10px;
		border-radius:50%;
		background:#fff;
		float:left;	
		margin:0 5px;
	}
	.lunbo ol li.on{
		background:#f00;	
	}
.content company{width:10px;
	}
.container-us{width:1400px;
  height: 650px;
  border: 2px solid #ccc;
   overflow-x: hidden;
margin:0 auto;
box-sizing: border-box;
background-image:url(../images/usbg3.jpg);
	}
	.us{font-size:25px;
	color: #000080;
	}
.us p{display:block;
      margin-left:20px;
	  margin-top:15px;
	}
     .hero-banner {
            height: 500px;
			width:1400px;
            background: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)),
                        url('images/hb-3.jpg') center/cover;
            display: flex;
            align-items: center;
            justify-content: center;
            color: white;
            text-align: center;
            margin-top: 60px;
			margin:auto;
        }
		
		.hb{height: 1000px;
			width:1400px;
			margin:auto;
			box-sizing:border-box;
			}
		
		
		     .features {
            padding: 4rem 5%;
            background: var(--secondary-color);
			margin:auto;
			margin-top:300px;
			width:1400px;
        }
     .section-title {
            text-align: center;
            color: var(--primary-color);
            margin-bottom: 3rem;
        }

        .feature-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
            gap: 2rem;
        }
		    .feature-card {
            background: white;
            padding: 2rem;
            border-radius: 8px;
            text-align: center;
            box-shadow: 0 2px 15px rgba(0,0,0,0.1);
        }



        .feature-icon {
            font-size: 2.5rem;
            color: var(--primary-color);
            margin-bottom: 1rem;
			backgroud-imge:url('images/bg-1')
        }
    .products {
           
			margin:auto;
			 justify-content: center;
			 box-sizing:border-box;
			width:1400px;
			
        }
		    .product-grid {
            display: flex;
            grid-template-columns: repeat(3, 1fr);
            gap: 2rem;
			 justify-content: center;
        }
		   .product-card {box-sizing:border-box;
           
			display: flex;
			width:350px;
			height:300px;
			justify-content: felx-start;
            border-radius: 8px;
			
        }
		    .product-img {margin:auto;
			margin-top:80px;
			width:250px;
            height: 250px;
            background: #f8f9fa;
            display: flex;
            align-items: center;
            justify-content: center;
        }
		 
		   .product-info {position:absolute;
		   margin-left:15px;
		   margin-bottom:30px;
		  color:#F00;
		    background: white;
            border-radius: 8px;
			width:300px;
            height:50px;
			text-align:center;
          color:#FFF;
           font-size:20px;
        }

		 
		 
		      /* 联系区块 */
			  .section-title{
				  font-size:60px;
				  color:#000;}
        .contact-section {background-image:url(../images/zxbg-1.jpg);
            color: white;
            padding: 4rem 5%;
            text-align: center;
			margin:auto;
			margin-top:100px;
			width:1400px;
			box-sizing:border-box;
        }
		    .contact-form {
			margin-top:5px;
            max-width: 1300px;
            margin: 0 auto;
			 font-size:20px;
        }
		
		   .form-input {
            width: 100%;
            padding: 0.8rem;
            margin: 0.5rem 0;
            border: none;
            border-radius: 4px;
        }
		
		     @media (max-width: 768px) {
            .nav-links {
                display: none; /* 移动端可改为汉堡菜单 */
            }

            .product-grid {
                grid-template-columns: 1fr;
            }

            .hero-banner {
                height: 400px;
            }
        }