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

	.banner-wrap{display: flex;align-items: center;position: relative;background-color: transparent;background-image: linear-gradient(#F5F5F5, #F5F5F5);background-size: 100% 88%;background-repeat: no-repeat;background-position: top;}
	.banner-wrap .box{position:relative;width:1920px;margin:0 auto;}
	/* 图片盒子放在底层 */
	.banner-img-box{flex: 1;}
	.banner-img-box img{width:88%;margin-left:12%;height: auto;display: block;text-align:right;}
	/* 左侧绿色文字模块，向右重叠覆盖图片 */
	.banner-text-box{width: 48%;background: linear-gradient(109deg,rgba(147,182,88,0.98) 0%,rgba(58,152,65,0.98) 100%);color: #fff;padding: 3% 2%;position: absolute;top:30%;z-index: 2;}
	.banner-text-box h2{font-size:clamp(24px,3.5vw,40px);margin-bottom: 20px;}
	.banner-text-box .desc{line-height: 1.6;opacity: 0.7;margin-bottom: 40px;font-size:clamp(14px, 1vw, 16px);font-weight:300;font-family:'Objectivity1';}
	.param-row{display: flex;gap: 20px;margin-bottom: 40px;}
	.param-item{flex:1;text-align:left;}
	.param-item p{font-family:'Objectivity1';}
	.param-item p:first-child{opacity: 0.85;margin-bottom:15px;}
	.param-item p:last-child{font-size:clamp(16px, 1vw, 20px);}
	.contact-btn{display:inline-block;color: #fff;text-decoration: none;padding-bottom: 6px;border-bottom: 1px solid #FFAE00;font-family: 'Objectivity1';}
	.play-icon{position:absolute;right:10px;bottom:10px;width:193px;height:127px;cursor:pointer;}
	.play-icon img{width:100%;height: 100%;display: block;}
	/* 视频弹窗 */
	.video-mask{position: fixed;top:0;left:0;width:100vw;height:100vh;background:rgba(0,0,0,0.75);display:none;z-index: 9999;align-items:center;justify-content:center;padding:20px;}
	.video-popup{width: min(900px, 100%);}
	.video-popup iframe{width:100%;height:480px;display:block;border-radius: 6px;}

/*introdution*/
	.introdution,.application,.parameters{text-align:center;margin-top:120px;}
    .banner-title{font-size:clamp(24px,4vw,40px);font-weight:500;margin-bottom:20px;}
    .introdution p,.application p,.parameters p,.equipment .box p{font-size:clamp(14px,1.4vw,16px);opacity:0.62;line-height:1.7;max-width:100%;margin:0 auto;font-family: 'Objectivity1';    text-align: left;}
    /*introdution-down*/
    .process-section{width:1920px;max-width:100%;margin:2.5% auto 0 auto;padding:0px 20px 60px 20px;background-color:transparent;background-image: linear-gradient(#F5F5F5, #F5F5F5);background-size: 100% 90%;background-repeat: no-repeat;background-position: bottom;}
	/* Tab按钮容器 */
	.tab-buttons{display: flex;gap: 120px;margin-bottom: 60px;align-items: center;justify-content: center;}
	/* Tab按钮样式 */
	.tab-btn{width:260px;height:120px;border:1px solid #ddd;background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;position:relative;transition: all 0.3s;}
	.tab-btn p{font-size:20px;color:#000;font-family:'Objectivity1';}
	.tab-btn.active{background:linear-gradient(90deg,#73b858,#46a042);border-color:transparent;color:#fff;}
	.tab-btn.active .arrow{background:url(../images/pro-det/down1.png) no-repeat center bottom;}
	.tab-btn.active .num{display:block;}
	.tab-btn.active p{color:#fff;font-family:'Objectivity1';}
	.tab-btn .num{position: absolute;top:12px;left:16px;display:none;opacity:0.7;font-size:20px;color:#B3E198;text-shadow:0px 2px 2px rgba(0,0,0,0.33);}
	.tab-btn .arrow{margin-top:8px;width:20px;height:20px;position:absolute;left:0;right:0;top:65%;margin:0 auto;background:url(../images/pro-det/down.png) no-repeat center bottom;}
	/* 内容容器 */
	.tab-content-wrap {margin:4% auto 0 auto;padding:0 7%;display:flex;gap: 60px;align-items:stretch;}
	.tab-img-box {width:520px;flex-shrink:0;}
	.tab-img-box img {width:100%;height:auto;display:block;}
	/* 右侧文字容器，多个文字块切换显示 */
	.tab-desc-wrap {flex:1;position: relative;}
	.tab-desc-item {display: none;height: 100%;flex-direction: column;justify-content: center;}
	.tab-desc-item.active {display: flex;}
	.tab-desc-item h2 {font-size:30px;margin-bottom:24px;}
	.tab-desc-item p {font-size: 16px;line-height: 1.8;color: rgba(0,0,0,0.6);margin-bottom: 40px;font-family: 'Objectivity1';}
	.more-link {display:inline-block;font-size:20px;width:25%;color:#46a042;text-decoration:none;padding-bottom:8px;border-bottom:2px solid rgba(0,0,0,0.2);}    

/*application*/
    .application img,.equipment img{margin-top:2%;padding-bottom:120px;}
/*equipment*/
    .equipment{background:#F5F5F5;text-align:center;padding:120px 0;}

/*How Does Equipment Work?*/
	.equipment img{padding-bottom:0;}
	.process-wrap{display:grid;grid-template-columns: 1fr 1fr;gap:32px;margin-top:2.5%;}
	/*外层包装容器 */
	.process-item-wrap{padding:2px;background:transparent;border-radius:0;}
	.process-item{padding:24px;border-radius:12px;height:100%;text-align:left;}
	.process-item h3{font-size:clamp(16px, 1.8vw, 24px);margin-bottom:16px;color:#222;}
	.process-item p{font-size:clamp(15px, 1vw, 16px);line-height:1.7;color:#666;}
	/*联系盒子：大于1200px，两项水平居中并排，垂直居中*/
	.contact-box{background:#e9e9e9;padding:24px;display:flex;justify-content:space-around;align-items:center;gap:40px;text-align:left;}
	.contact-item{display:flex;align-items:center;gap:12px;}
	.contact-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:22px;}
	.contact-text h4{font-size:clamp(15px, 1vw, 16px);color:#333;margin-bottom:4px;}
	.contact-text a{font-size:clamp(14px, 1vw, 15px);color:#555;}
	.process-item-wrap:hover{background-color:#73b858;}
	.process-item:hover{background:#ffffff;}

/*parameters*/
    .parameters{padding-bottom:120px;}
	.table-responsive{width:100%;overflow-x:auto;margin-top:3%;}
	.table{width:100%;border-collapse: collapse;min-width:720px;border-bottom:1px solid #F5F5F5;}
	.table.text-center td,.table.text-center th{text-align:center;padding:14px 12px;}
	.table > tbody > tr.tr0{background: linear-gradient(0deg, #93B658 0%, #3A9841 100%);height:50px;}
	.table > tbody > tr.tr0 td{color:#fff;font-weight:500;background:transparent;}
	/*隔行变色 tr1白色 tr2浅灰*/
	.table > tbody > tr.tr1 td{background:#fff;}
	.table > tbody > tr.tr2 td{background:#f2f2f2;}
	.table td{border-left:none;border-right:none;color:#444;font-size:15px;}
	.table tbody tr:not(.tr0):hover td{background:#e8f3e0;}


.adv-section {padding-bottom: 0;}


@media screen and (min-width:1200px) and (max-width:1500px) {
    /*banner*/
	.banner-wrap{background-size: 100% 100%;}
	.banner-text-box{width:50%;}
	.banner-text-box h2{font-size:clamp(21px,2.2vw,30px);}
	.video-popup iframe{height:540px;}
	.play-icon{width:60px;height:60px;}
	.banner-text-box .desc {margin-bottom:20px;}
/*introdution*/
	.introdution,.application{text-align:center;margin-top:80px;}
	.tab-buttons{display: flex;gap: 80px;}
	.tab-btn {height:110px;}
	.tab-content-wrap {padding:0;gap:40px;}
	.tab-desc-item h2 {font-size:25px;margin-bottom:15px;}
	.tab-desc-item p{line-height:1.5;margin-bottom:20px;}
	.more-link {width:25%;}
	
	
	.application img{padding-bottom:80px;}
/*How Does Equipment Work?*/
	.equipment{padding:80px 0 80px 0;}
	.equipment img{padding-bottom:0;}
	
/*parameters*/
    .parameters{padding-bottom:80px;margin-top:80px;}
	
}

@media screen and (min-width:992px) and (max-width:1200px) {
	/*banner*/
	.banner-wrap{background-size: 100% 100%;}
	.banner-text-box h2{font-size:clamp(18px,3.5vw,24px);}
	.banner-text-box .desc{font-size:clamp(14px,1vw,15px);margin-bottom:20px;}
	.param-row {margin-bottom:20px;}
	.play-icon{width:45px;height:45px;}
	.video-popup iframe{height:440px;width:80%;margin:0 auto;}
	.param-item p:first-child{font-size:clamp(13px, 1vw, 15px);}
	.param-item p:last-child{font-size:clamp(14px, 1vw, 17px);}
/*introdution*/
	.introdution,.application{text-align:center;margin-top:80px;}
	.banner-title{font-size:clamp(21px,3.5vw,35px);}
    .banner-desc{font-size:clamp(15px,1.4vw,16px);}
	.tab-buttons{display: flex;gap: 40px;}
	.tab-btn {height:100px;}
	.tab-content-wrap {padding:0;gap:40px;}
	.tab-desc-item h2 {font-size:21px;margin-bottom:15px;}
	.tab-desc-item p{line-height:1.5;margin-bottom:15px;}
	.more-link {width:35%;font-size:16px;}
	.tab-img-box {width:460px;flex-shrink:0;}
	.application img{padding-bottom:80px;}
	.equipment img{padding-bottom:0;}
	.equipment {padding:80px 0 80px 0;}
	.contact-box{flex-direction:column;justify-content:center;align-items:flex-start;gap:24px;}
	
/*parameters*/
    .parameters{padding-bottom:80px;margin-top:80px;}
	
}

@media screen and (min-width:769px) and (max-width:992px) {
/*banner*/
	.banner-wrap .box{padding:0;}
	.banner-img-box img{width:100%;margin-left:0;}
	.banner-text-box{position:sticky;width:100%;padding:5%;}
	.banner-text-box .desc {font-size:clamp(16px,1vw,18px);}
	.play-icon{width:60px;height:60px;}
	.video-popup iframe{height:420px;width:80%;margin:0 auto;}
/*introdution*/
	.introdution,.application{text-align:center;margin-top:60px;}
	.banner-title{font-size:clamp(21px,3.5vw,35px);}
    .banner-desc{font-size:clamp(15px,1.4vw,16px);}
	.tab-buttons{display: flex;gap: 10px;margin-bottom:5%;}
	.tab-btn {height:80px;}
	.tab-content-wrap {padding:0 5%;gap:0;flex-direction: column;}
	.tab-btn.active .num {left:5%;top:10%;font-size:16px;}
	.tab-btn p {font-size:16px;}
	.tab-desc-item{margin-top:5%;}
	.tab-desc-item h2 {font-size:21px;margin-bottom:15px;}
	.tab-desc-item p{line-height:1.6;margin-bottom:15px;font-size:15px;}
	.more-link {width:20%;font-size:16px;}
	.tab-img-box {width:100%;flex-shrink:0;}
	.application img{padding-bottom:60px;}
	.equipment img{padding-bottom:0;}
	.equipment {padding:60px 0 60px 0;}
/*How Does Equipment Work?*/
	.process-wrap{grid-template-columns:1fr;gap:15px;}
	.process-item{padding:15px;}
	.contact-icon {display:inline-block;}
	/*parameters*/
    .parameters{padding-bottom:60px;margin-top:60px;}
}

@media screen and (max-width: 769px) {
/*banner*/
	.banner-wrap .box{padding:0;}
	.banner-img-box img{width:100%;margin-left:0;height:300px;}
	.banner-text-box{position:sticky;width:100%;padding:5%;}
	.banner-text-box h2{font-size:21px;}
	.banner-text-box .desc {font-size:15px;line-height:1.5;margin-bottom:5%;}
	.play-icon{width:60px;height:60px;right:5%;bottom:3%;}
	.param-row {margin-bottom:10%;}
	.video-popup iframe{height:420px;width:80%;margin:0 auto;}
	.param-item p:first-child{font-size:15px;}
	.param-item p:last-child{font-size:15px;}
/*introdution*/
	.process-section {padding:0 2%;}
	.introdution{text-align:center;margin-top:45px;}
	.banner-title{font-size:clamp(24px,3.5vw,35px);}
    .banner-desc{font-size:clamp(16px,1.4vw,16px);}
	.tab-buttons{display: flex;gap: 5px;margin-bottom:5%;}
	.tab-btn {height:65px;}
	.tab-content-wrap {padding:0 2% 5% 2%;gap:0;flex-direction: column;}
	.tab-btn.active .num {left:5%;top:10%;font-size:14px;}
	.tab-btn p {font-size:18px;text-align:center;}
	.tab-btn .arrow{display:none;}
	.tab-desc-item{margin-top:5%;}
	.tab-desc-item h2 {font-size:21px;margin-bottom:15px;}
	.tab-desc-item p{line-height:1.6;margin-bottom:15px;font-size:15px;}
	.more-link {width:29%;font-size:16px;}
	.tab-img-box {width:100%;flex-shrink:0;}
	
	.introdution,.application{margin-top:45px;}
	.application img{padding-bottom:45px;}
	.equipment{padding:45px 0 0 0;}
	.equipment img{padding-bottom:0;}
/*How Does Equipment Work?*/
	.contact-box{display:block;padding:5px 24px;}
	.process-wrap{grid-template-columns:1fr;gap:15px;display: flow;}
	.contact-icon{display:inline-block;}
	.contact-item{display:flex;align-items:center;gap:12px;margin:5% 0;}
	.contact-text h4 {margin-bottom:10px;}
/*parameters*/
	.table-responsive{overflow-x: scroll;}
	.parameters{margin-top:45px;padding-bottom:45px;}
    .table{min-width:750px;}
    .table td{padding:10px 8px;font-size:14px;}
}