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

/*banner*/
.banner-section {width: 100%;/* clamp(最小高度, 动态比例, 最大高度960px) */min-height: clamp(440px, 52vw, 960px);display: flex;align-items: center;position:relative;background:#1a1a1a;background-image:url("../images/product/banner.webp");background-size:cover;background-position:center;background-repeat:no-repeat;}
.banner-container {margin: 0 auto;padding-inline:clamp(20px, 3vw, 40px);position:relative;z-index:2;}
.banner-box{max-width:min(950px, 95%);color:#fff;font-size:0;}
.banner-box h1 {font-size: clamp(24px, 4vw, 67px);font-weight:500;line-height: 1.15;margin-bottom:clamp(10px, 1.5vw, 10px);}
.banner-box p {font-size: clamp(15px, 1.1vw, 16px);line-height: 1.7;opacity: 0.63;}
.banner-btn {padding: clamp(12px, 1.2vw, 15px) clamp(28px, 3vw, 38px);margin-top:clamp(18px, 2.5vw, 20px);}

/*product-nav*/
.product-nav-wrap {background-color:rgba(253,252,244,1);padding: clamp(20px, 4vw, 30px) 0;}
.product-nav-list {display:grid;grid-template-columns: repeat(6, 1fr);gap: clamp(15px, 2vw, 24px);}
.product-nav-item {display:flex;align-items:center;gap: clamp(10px, 1.2vw, 16px);color: #444;text-decoration:none;}
.product-nav-item img {width: clamp(40px, 4vw, 50px);height: auto;display:block;flex-shrink: 0;}
.product-nav-item .text {font-size: clamp(15px, 1.1vw, 16px);line-height: 1.45;height:50px;position: relative;display: flex;flex-direction: column;justify-content: center;color:rgba(51,51,51,0.45);}
.product-nav-item .text:hover {border-bottom:1px solid #000;color:rgba(51,51,51,0.85);}

/*product*/
.product-list:nth-child(even){background:#f3f1e6;}
.product-list:nth-child(odd){background:#FDFCF4;}
.product-list {padding:clamp(50px, 6vw, 90px) 0;}
.product-list-wrap {display: grid;grid-template-columns: 1fr 1.6fr;gap: clamp(40px, 5vw, 75px);align-items: start;}
.product-info{font-size:0;}
.product-info h2 {font-size: clamp(26px, 3vw, 38px);font-weight: 500;line-height: 1.25;margin-bottom: clamp(16px, 2vw, 24px);}
.product-info .desc {font-size: clamp(14px, 1vw, 16px);line-height: 1.65;opacity: 0.85;margin-bottom: clamp(30px, 4vw, 40px);max-width: 500px;color:rgba(51, 51, 51, 0.85);}
.contact-item {display:flex;align-items:center;gap:12px;margin-bottom:clamp(16px, 2vw, 22px);}
.contact-item .icon {width: 32px;height: 32px;flex-shrink: 0;}
.contact-item .text p{line-height:1.75;font-size:15px;color:#000;}
.contact-item .text p:first-child {font-weight: 500;}
.contact-item .text p:last-child {opacity:0.6;}
.all-products-btn {display: inline-block;margin-top: clamp(12px, 2vw, 20px);padding: 12px 30px;background: linear-gradient(90deg,#82d258,#49c049);color: #fff;border-radius: 6px;text-decoration: none;font-size: 15px;}
.product-card-list {display: grid;grid-template-columns: repeat(2, 1fr);gap: clamp(20px, 2.5vw, 32px);}
.product-card-item a {text-decoration: none;color: #222;}
.product-card-item img {width: 100%;height: auto;display: block;margin-bottom: 12px;}
.product-card-item .title {font-size: clamp(14px, 1vw, 16px);line-height: 1.4;}



/*product2*/
.banner{min-height: clamp(440px, 52vw, 760px);}
.banner .banner-container .banner-box{margin:0 auto;text-align:center;max-width: min(1150px, 100%);}
/*product-list*/
.product-section{margin:0 auto;padding: 0px 20px 80px 20px;}
.section-title{font-size: 38px;text-align: center;margin-bottom: 24px;font-weight: normal;color:#000;}
.section-desc{max-width:100%;margin:0 auto 50px;text-align:center;font-size:16px;line-height:1.7;color:#666;}
.product-grid{display: grid;grid-template-columns: repeat(4,1fr);gap:30px;}
.product-card{display:flex;flex-direction:column;}
.product-card img{width:100%;object-fit:cover;background:#eee;margin-bottom:20px;}
.product-card p{font-size:16px;color:#222;}



@media screen and (max-width:1500px){ 

}

@media screen and (min-width:1200px) and (max-width:1500px) {
	
} 

@media screen and (min-width:992px) and (max-width:1200px) {
	/*product-nav*/
	.product-nav-list {grid-template-columns: repeat(3, 1fr);row-gap: clamp(24px, 3vw, 36px);}
/*product2 产品排版*/
	.product-grid{grid-template-columns: repeat(3,1fr);}
    .section-title{font-size:32px;}
} 

@media screen and (min-width:769px) and (max-width:992px) {
	/*product-nav*/
	.product-nav-list {grid-template-columns: repeat(2, 1fr);}
    /*product*/
	.product-list-wrap {grid-template-columns: repeat(2, 1fr);}
    .product-card-list {margin-top: 30px;}
/*product2 产品排版*/
	.product-grid{grid-template-columns: repeat(2,1fr);}
    .product-card img{height:230px;}
} 

@media screen and (max-width: 769px) {
	.banner-section {text-align: left;}
	.banner-box {max-width: 100%;}
/*product-nav*/
	.product-nav-list {grid-template-columns: repeat(2, 1fr);}
/*product*/
                .product-info h2  br{display:none;}
	.product-list-wrap {grid-template-columns: 1fr;}
/*product2 产品排版*/
	.product-grid{grid-template-columns: repeat(2,1fr);}
	.section-title{font-size:26px;}
	.product-grid {gap:12px;}
}

@media screen and (max-width:769px) {
.banner-box h1 {font-size:21px;}
.banner-box p {font-size:15px;line-height: 1.4;opacity: 0.85;}

.product-nav-wrap {padding:5% 2%;}

.product-list {padding: clamp(50px, 6vw, 90px) 2%;}
.product-info h2 {font-size:21px;}

}