.ecWH{width: 1300px;height: auto;margin: 0px auto;}
.ecosmart_banner{width: 100%;height: auto;position: relative;}
.ecosmart_banner_bg{width: 100%;height: auto;}
.ecosmart_banner_bg img{width: 100%;height: auto;}
.ecosmart_banner_content{width: 100%;height: 100%;position: absolute;left: 0;top: 0;display: flex;align-items: flex-end;padding-bottom: 70px;}
.ecosmart_banner_content h1{font-size: 40px;color: #FFFFFF;font-family: "MontserratBold";}
.ecosmart_banner_content p{font-size: 23px;color: rgba(241, 241, 241, 0.8);line-height: 1.4;margin-top: 20px;font-family: "MontserratRegular";}
.ecosmart_banner_content a{display: flex;justify-content: center;align-items: center;width: 191px;height: 51px;border-radius: 26px;background-image: linear-gradient(90deg, #f2472e 0%, #79657d 0%, #0082cc 0%, #79667e 0%, #f14a2f 0%, #e60012 100%);font-size: 18px;color: #FFFFFF;font-family: "MontserratBold";margin-top: 36px;transition: all 0.3s;}
.ecosmart_banner_content a:hover{transform: scale(1.1);}
.ecosmart_background_box{width: 100%;height: auto;padding: 100px 0 176px;background: url(/Public/Uploads/uploadfile/images/20250321/ecosmart_kids_bg-306.webp) no-repeat left bottom;background-size: 752px auto;overflow: hidden;}
.ecosmart_background_info{width: 100%;height: auto;display: flex;justify-content: space-between;align-items: flex-start;}
.ecosmart_background_info_title h2{font-size: 38px;color: #333333;font-family: "MontserratBold";line-height: 1.2;}
.ecosmart_background_info_title h2 strong{display: block;color: #e30012;font-weight: normal;font-family: "MontserratBold";}
.ecosmart_background_info_title span{width: 81px;height: 4px;background: linear-gradient(90deg, #0082cc 0%, #73416f 0%, #e60012 0%, #ec2420 0%, #f2472e 0%, #ec2721 50%, #e60614 100%);display: block;margin-top: 10px;}
.ecosmart_background_info_txt{width: 780px;height: auto;}
.ecosmart_background_info_txt p{font-size: 16px;color: #666666;line-height: 1.8;font-family: "MontserratRegular";}
.ecosmart_background_info_txt p:nth-last-of-type(1){color: #333333;}
.ecosmart_background_content{width: 100%;margin-top: 79px;display: flex;justify-content: space-between;align-items: flex-end;}
.ecosmart_background_content_left{width: 610px;height: auto;position: relative;overflow: hidden;border-radius: 20px;}
.ecosmart_background_content_left_img{width: 100%;height: auto;}
.ecosmart_background_content_left_img img{width: 100%;height: auto;display: block;}
.ecosmart_background_content_left_content{width: 100%;height: 100%;background: rgba(0,0,0,0.7);position: absolute;left: 0;top: 0;padding: 30px;opacity: 0;transition: all 0.3s;}
.ecosmart_background_content_left_content_img{width: 100%;height: 100%;display: flex;justify-content: center;align-items: center;border: 2px solid #FFFFFF;border-radius: 20px;}
.ecosmart_background_content_left_content_img img{max-width: 100%;height: auto;display: block;}
.ecosmart_background_content_left:hover .ecosmart_background_content_left_content{opacity: 1;}
.ecosmart_background_content_right{width: 641px;height: auto;}
.ecosmart_background_content_right_title{width: 100%;height: auto;}
.ecosmart_background_content_right_title span{display: block;width: 148px;height: 6px;background: #e30012;border-radius: 6px;}
.ecosmart_background_content_right_title h2{font-size: 34px;color: #E30012;margin-top: 30px;}
.ecosmart_background_content_right_content h2{font-size: 18px;color: #333333;margin-top: 50px;}
.ecosmart_background_content_right_content_ul{width: 100%;height: auto;padding-top: 10px;}
.ecosmart_background_content_right_content_ul li{width: 100%;height: 60px;padding: 0 24px;border-radius: 30px;border: 1px solid #eaeaea;font-size: 16px;color: #666666;display: flex;align-items: center;margin-top: 20px;transition: all 0.3s;}
.ecosmart_background_content_right_content_ul li img{width: 20px;height: auto;display: block;margin-right: 10px;}
.ecosmart_background_content_right_content_ul li p{font-size: 16px;color: #666666;font-family: "MontserratRegular";}
.ecosmart_background_content_right_content_ul li:hover{border-color: #E30012;}
.ecsmart_project_box{width: 100%;height: auto;padding-top: 78px;padding-bottom: 122px;position: relative;overflow: hidden;}
.ecsmart_project_box:after{content: "";display: block;width: 100%;height: 355px;background: #f5f5f7;position: absolute;left: 0;bottom: 0;}
.ecsmart_project_title{width: 100%;height: auto;}
.ecsmart_project_title h2{font-size: 38px;color: #333333;text-align: center;font-family: "MontserratBold";}
.ecsmart_project_title h2 strong{color: #E30012;}
.ecsmart_project_title span{display: block;width: 81px;height: 4px;background: linear-gradient(90deg, #0082cc 0%, #73416f 0%, #e60012 0%, #ec2420 0%, #f2472e 0%, #ec2721 50%, #e60614 100%);border-radius: 2px;margin: 0px auto;margin-top: 18px;}
.ecsmart_project_sw{padding: 20px;width: 1320px;margin-top: 30px;padding-right: 0;padding-bottom: 42px;}
.ecsmart_project_sw .swiper-slide{display: flex;justify-content: space-between;}
.ecsmart_project_sw_left{width: 50%;background: #FFF;padding: 60px 60px 50px 54px;box-shadow: 0px 0px 18px 2px rgba(206, 206, 206, 0.3);border-radius: 26px 0px 0px 26px;position: relative;}
.ecsmart_project_sw_left h2{font-size: 20px;color: #484848;line-height: 1.4;font-family: "MontserratBold";padding-right: 67px;margin-bottom: 29px;position: relative;z-index: 2;}
.ecsmart_project_sw_left p{font-size: 16px;color: #666666;line-height: 1.8;font-family: "MontserratRegular";position: relative;z-index: 2;}
.ecsmart_project_sw_left:after{content: "";display: block;width: 166px;height: auto;aspect-ratio:166/142;background: url(/Public/Uploads/uploadfile/images/20250321/ecosmart_project_ico.webp) no-repeat center center;background-size: 100% auto;position: absolute;left: 30px;top: 40px;}
.ecsmart_project_sw_right{width: 50%;height: auto;overflow: hidden;border-radius: 0px 26px 26px 0px;}
.ecsmart_project_sw_right img{width: 100%;height: 100%;object-fit: cover;transition: all 0.3s;display: block;}
.ecsmart_project_sw_right:hover img{transform: scale(1.2);}
.ecsmart_project_sw_page{width: 100%;bottom: 0 !important;display: flex;justify-content: center;}
.ecsmart_project_sw_page span{display: block;width: 12px;height: 12px;background: transparent;border: 2px solid #b5b5b5;opacity: 1;}
.ecsmart_project_sw_page span + span{margin-left: 10px;}
.ecsmart_project_sw_page span.swiper-pagination-bullet-active{border-color: #e30012;}
.ecosmart_event_box{width: 100%;height: auto;padding-top: 88px;overflow: hidden;}
.ecosmart_event_top{width: 100%;height: auto;display: flex;justify-content: space-between;align-items: flex-end;}
.ecosmart_event_top_left h2{font-size: 38px;color: #333333;text-align: center;font-family: "MontserratBold";}
.ecosmart_event_top_left h2 strong{color: #E30012;}
.ecosmart_event_top_left span{display: block;width: 75px;height: 4px;background: linear-gradient(90deg, #0082cc 0%, #73416f 0%, #e60012 0%, #ec2420 0%, #f2472e 0%, #ec2721 50%, #e60614 100%);border-radius: 2px;margin-top: 18px;}
.ecosmart_event_top_left p{font-size: 18px;color: #333333;font-family: "MontserratRegular";margin-top: 34px;}
.ecosmart_event_top_right{width: 384px;height: 60px;border: 1px solid rgba(238, 238, 238, 0.6);border-radius: 30px;display: flex;justify-content: space-between;padding: 6px 8px;}
.ecosmart_event_top_right li{width: 120px;height: 48px;border-radius: 24px;display: flex;justify-content: center;align-items: center;font-size: 18px;color: #666666;text-align: center;cursor: pointer;transition: all 0.3s;}
.ecosmart_event_top_right li:hover,.ecosmart_event_top_right li.on{background: linear-gradient(90deg, #f14a2f 0%, #e80917 100%);color: #FFFFFF;}
.ecosmart_event_content_box{width: 100%;height: auto;background: url(/Public/Uploads/uploadfile/images/20250321/ecosmart_event_bg.webp) no-repeat center center;background-size: cover;margin-top: 60px;position: relative;overflow: hidden;}
.ecosmart_event_content_list{width: 100%;height: auto;display: none;position: relative;}
.ecosmart_event_content_list_ul{width: 100%;height: auto;padding-top: 50px;padding-bottom: 80px;position: relative;z-index: 3;}
.ecosmart_event_content_list_ul li{width: 100%;height: auto;display: flex;justify-content: space-between;align-items: flex-start;margin-top: 30px;position: relative;z-index: 3;}
.ecosmart_event_content_list_ul_left{display: flex;justify-content: flex-end;align-items: center;width: 172px;}
.ecosmart_event_content_list_ul_left h2{font-size: 16px;color: #fff;font-family: "MontserratRegular";margin-right: 20px;}
.ecosmart_event_content_list_ul_left img{width: 39px;height: auto;display: block;}
.ecosmart_event_content_list_ul:after{content: "";display: block;width: 459px;height: 100%;background: rgba(0,0,0,0.8);position: absolute;left: -310px;top: 0;}
.ecosmart_event_content_list_ul:before{content: "";display: block;width: 1px;height: 87%;position: absolute;left: 149px;bottom: 0;background: #e90d1a;}
.ecosmart_event_content_list_right{width: 1074px;height: auto;background: #FFFFFF;border-radius: 16px;}
.ecosmart_event_content_list_right_top{width: 100%;height: auto;padding: 38px 30px 38px 40px;display: flex;align-items: center;justify-content: space-between;cursor: pointer;}
.ecosmart_event_content_list_right_top h2{font-size: 16px;color: #666666;font-family: "MontserratRegular";}
.ecosmart_event_content_list_right_top span{display: block;width: 17px;transition: all 0.3s;}
.ecosmart_event_content_list_right_top span img{width: 100%;height: auto;display: block;}
.ecosmart_event_content_list_right_top.on span{transform: rotate(-180deg);}
.ecosmart_event_content_list_right_top.on{padding-bottom: 0;}
.ecosmart_event_content_list_right_bottom{width: 100%;height: auto;padding: 0px 77px 39px 40px;display: none;}
.ecosmart_event_content_list_right_bottom_dl{width: 100%;height: auto;display: flex;justify-content: flex-start;flex-wrap: wrap;margin-bottom: 0;}
.ecosmart_event_content_list_right_bottom_dl dd{width: 32%;height: auto;overflow: hidden;border-radius: 10px;margin-left: 2%;margin-top: 22px;}
.ecosmart_event_content_list_right_bottom_dl dd img{width: 100%;height: auto;display: block;}
.ecosmart_event_content_list_right_bottom_dl dd:nth-of-type(3n+1){margin-left: 0;}
.ecosmart_moments_box{width: 100%;height: auto;padding: 120px 0px;overflow: hidden;}
.ecosmart_moments_ul{width: 100%;height: auto;display: flex;justify-content: flex-start;flex-wrap: wrap;margin-top: 29px;}
.ecosmart_moments_ul li{width: 32%;height: auto;margin-top: 30px;overflow: hidden;border-radius: 26px;background: #FFFFFF;box-shadow: 0px 0px 18px 2px rgba(206, 206, 206, 0.3);margin-left: 2%;}
.ecosmart_moments_ul li:nth-of-type(3n+1){margin-left: 0;}
.ecosmart_moments_ul_iframe{width: 100%;height: auto;aspect-ratio: 418/211;}
.ecosmart_moments_ul_iframe iframe{display: block;width: 100%;height: 100%;}
.ecosmart_moments_ul li h2{display: flex;justify-content: center;align-items: center;text-align: center;height: 66px;width: 100%;font-size: 16px;color: #333333;line-height: 1.6;font-family: "MontserratRegular";}
.ecosmart_future_box{width: 100%;height: auto;position: relative;overflow: hidden;}
.ecosmart_future_bg{width: 100%;height: auto;}
.ecosmart_future_bg img{width: 100%;height: auto;display: block;}
.ecosmart_future_content{width: 100%;height: 100%;position: absolute;left: 0;top: 0;display: flex;align-items: center;}
.ecosmart_future_content_txt{width: 540px;height: auto;}
.ecosmart_future_content_title{width: 100%;height: auto;margin-bottom: 53px;}
.ecosmart_future_content_title h2{font-size: 38px;color: #FFF;font-family: "MontserratBold";}
.ecosmart_future_content_title h2 strong{color: #e30012;}
.ecosmart_future_content_title span{display: block;width: 74px;height: 4px;background: linear-gradient(90deg, #0082cc 0%, #73416f 0%, #e60012 0%, #ec2420 0%, #f2472e 0%, #ec2721 50%, #e60614 100%);border-radius: 2px;margin-top: 18px;}
.ecosmart_future_content_con{width: 100%;height: auto;}
.ecosmart_future_content_con p{font-size: 16px;color: #FFFFFF;line-height: 1.8;font-family: "MontserratRegular";}
.ecosmart_future_content_con p a{color: #e30012;font-size: 16px;}
.ecsmart_flex{
	display: flex;
	align-items: center;
}
.flex_img{
	width: 27%;
	padding-right: 30px;

}
.flex_text{
	width: 73%;
	padding-left: 30px;
	border-left: 1px solid gray;
}
.flex_img img{
	width: 100%;
    height: 100%;
    object-fit: cover;
}

@media (max-width: 1450px) {
	.ecosmart_banner_content .ecWH{
		width: 1200px;
	}
	.ecosmart_banner_content h1{
		font-size: 36px;
	}

}


@media (max-width: 1366px) {
	
	.ecWH{width: 92%;}
	.ecosmart_banner_content .ecWH{
		width: 1150px;
	}
	.ecosmart_banner_content h1{
		font-size: 34px;
	}
	.ecosmart_background_info_txt{width: 65%;}
	.ecosmart_background_info_title h2{font-size: 32px;}
	.ecosmart_background_content_left{width: 46.92%;}
	.ecosmart_background_content_right{width: 49.231%;}
	.ecosmart_background_content_right_content_ul li{margin-top: 10px;padding: 0 16px;}
	.ecosmart_background_content_right_content_ul li p{font-size: 14px;}
	.ecosmart_background_content_right_content h2{margin-top: 30px;}
	.ecosmart_background_box{background-size: 557px auto;}
	.ecsmart_project_sw{width: 92%;}
	.ecosmart_event_content_list_right{width: 82%;}
}
@media (max-width: 1200px) {
	.ecosmart_background_info_title h2{font-size: 26px;}
	.ecosmart_background_content_right_content_ul li{height: 50px;}
	.ecosmart_background_box{background-size: 450px auto;}
	.ecosmart_event_content_list_right{width: 79%;}
	.ecosmart_future_content_title{margin-bottom: 30px;}
	.ecosmart_banner_content .ecWH{
		width: 1000px;
	}
	.ecosmart_banner_content h1{
		font-size: 26px;
	}
	.ecosmart_banner_content p{
		font-size: 20px;
	}

}
@media (max-width: 990px) {
	.ecosmart_background_box{padding: 80px 0;}
	.ecosmart_background_info{flex-direction: column;}
	.ecosmart_background_info_txt{width: 100%;}
	.ecosmart_background_info_title h2 strong{display: inline-block;}
	.ecosmart_background_info_title h2{text-align: center;}
	.ecosmart_background_info_title{width: 100%;margin-bottom: 20px;}
	.ecosmart_background_info_title span{margin: 0px auto;margin-top: 18px;}
	.ecosmart_background_content{flex-wrap: wrap;margin-top: 50px;}
	.ecosmart_background_content_left{width: 100%;}
	.ecosmart_background_content_right{width: 100%;margin-top: 30px;}
	.ecsmart_project_sw .swiper-slide{flex-direction: column;}
	.ecsmart_project_sw_left{width: 100%;padding: 30px;border-radius: 26px 26px 0 0;}
	.ecsmart_project_sw_right{width: 100%;border-radius: 0 0 26px 26px;}
	.ecosmart_event_top{flex-wrap: wrap;}
	.ecosmart_event_top_left{width: 100%;}
	.ecosmart_event_top_left span{margin: 0px auto;margin-top: 18px;}
	.ecosmart_event_top_left p{text-align: center;}
	.ecosmart_event_top_right{margin: 0px auto;margin-top: 30px;}
	.ecosmart_event_content_list_right{width: 72%;}
	.ecosmart_event_content_list_right_bottom{padding: 30px;padding-top: 0;}
	.ecosmart_moments_ul li{width: 49%;margin-left: 0;}
	.ecosmart_moments_ul{justify-content: space-between;}
	.ecosmart_future_content{position: relative;padding: 30px 0;}
	.ecosmart_future_content_title h2{color: #333;}
	.ecosmart_future_content_con p{color: #333333;}
}
@media(max-width:768px){
	.ecosmart_banner_content h1{font-size: 22px;}
	.ecosmart_banner_content p{font-size: 12px;margin-top: 3.2vw;margin-bottom: 15px;}
	.ecosmart_banner_content{padding-bottom: 3.2vw;}
	.ecosmart_banner_content a{width: 32vw;height: 6.8vw;font-size: 14px;border-radius: 3.4vw;margin-top: 3.2vw;}
	.ecosmart_background_box{padding: 12vw 0;background-size: 96vw auto;}
	.ecosmart_background_info_title h2{font-size: 3.8vw;}
	.ecosmart_background_info_title span{width: 12vw;height: 0.6vw;margin-top: 1.8vw;}
	.ecosmart_background_info_title{margin-bottom: 3.2vw;}
	.ecosmart_background_info_txt p{font-size: 14px;}
	.ecosmart_background_content{margin-top: 5.8vw;}
	.ecosmart_background_content_left_content_img{border-radius: 2vw;}
	.ecosmart_background_content_left_content{padding: 3.8vw;}
	.ecosmart_background_content_left_content_img img{width: 82%;}
	.ecosmart_background_content_left{border-radius: 2vw;}
	.ecosmart_background_content_right{margin-top: 5.8vw;}
	.ecosmart_background_content_right_title span{width: 22vw;height: 0.6vw;border-radius: 0.3vw;}
	.ecosmart_background_content_right_title h2{font-size: 22px;margin-top: 3.2vw;}
	.ecosmart_background_content_right_content h2{font-size: 18px;margin-top: 3.2vw;}
	.ecosmart_background_content_right_content_ul{margin-top: 2.2vw;}
	.ecosmart_background_content_right_content_ul li{padding: 0 4%;height: 45px;border-radius: 4.4vw;margin-top: 1.8vw;}
	.ecosmart_background_content_right_content_ul li img{width: 2.8vw;margin-right: 2.8vw;}
	.ecosmart_background_content_right_content_ul li p{font-size: 14px;}
	.ecsmart_project_box{padding: 12vw 0;}
	.ecsmart_project_title h2{font-size: 22px;}
	.ecsmart_project_title span{width: 12vw;height: 0.6vw;border-radius: 0.3vw;margin-top: 1.8vw;}
	.ecsmart_project_sw{width: 92%;padding: 0;padding-bottom: 8vw;margin-top: 0;}
	.ecsmart_project_sw_left{border-radius: 2vw 2vw 0 0;box-shadow: initial;padding: 5% 4%;}
	.ecsmart_project_sw_left h2{font-size: 18px;margin-bottom: 2.8vw;}
	.ecsmart_project_sw_left p{font-size: 14px;}
	.ecsmart_project_sw_left:after{width: 22.8vw;left: 5.8vw;top: 5.8vw;}
	.ecsmart_project_sw_right{border-radius: 0 0 2vw 2vw;}
	.ecsmart_project_sw_page span{width: 1.2vw;height: 1.2vw;border-width: 0.2vw;}
	.ecosmart_event_box{padding-top: 12vw;}
	.ecosmart_event_top_left h2{font-size: 22px;}
	.ecosmart_event_top_left span{width: 12vw;height: 0.6vw;border-radius: 0.3vw;margin-top: 1.8vw;}
	.ecosmart_event_top_left p{font-size: 18px;margin-top: 3.2vw;}
	.ecosmart_event_top_right{padding: 1vw;height: 10.8vw;border-radius: 5.4vw;}
	.ecosmart_event_top_right li{height: 100%;border-radius: 4.9vw;font-size: 3.8vw;width: 32%;}
	.ecosmart_event_content_box{margin-top: 8vw;}
	.ecosmart_event_content_list_ul{position: initial;padding-bottom: 12vw;padding-top: 8vw;}
	.ecosmart_event_content_list_ul:before{display: none;}
	.ecosmart_event_content_list_ul:after{width: 100%;left: 0;opacity: 0.3;}
	.ecosmart_event_content_list_ul li{flex-direction: column;}
	.ecosmart_event_content_list_ul_left{flex-direction: column;width: 100%;}
	.ecosmart_event_content_list_ul_left h2{font-size: 16px;}
	.ecosmart_event_content_list_ul_left img{width: 2.8vw;margin-top: 1.8vw;transform: rotate(90deg);}
	.ecosmart_event_content_list_right{width: 100%;margin-top: 3.8vw;border-radius: 2vw;}
	.ecosmart_event_content_list_right_top h2{font-size: 14px}
	.ecosmart_event_content_list_right_top{padding: 5% 4%;}
	.ecosmart_event_content_list_right_bottom{padding: 5% 4%;padding-top: 0;}
	.ecosmart_event_content_list_right_bottom_dl dd{width: 100%;border-radius: 2vw;margin-left: 0;margin-top: 3.8vw;}
	.ecosmart_moments_box{padding: 12vw 0;}
	.ecosmart_moments_ul{margin-top: 2.8vw;}
	.ecosmart_moments_ul li{width: 100%;margin-left: 0;margin-top: 3.2vw;border-radius: 2vw;}
	.ecosmart_moments_ul li h2{font-size: 14px;height: 8.8vw;}
	.ecosmart_future_content{padding: 5% 0;}
	.ecosmart_future_content_txt{width: 100%;}
	.ecosmart_future_content_title{margin-bottom: 3.2vw;}
	.ecosmart_future_content_title h2{font-size: 22px;}
	.ecosmart_future_content_title span{width: 12vw;height: 0.6vw;border-radius: 0.3vw;margin-top: 1.8vw;}
	.ecosmart_future_content_con p{font-size: 14px;}
	.ecosmart_future_content_con p a{font-size: 14px;}
	.ecsmart_flex{flex-direction: column;}
	.flex_img{display: none;}
	.flex_text{border-left: none;padding-left: 0px;text-align: center;width: 91%;}
	.ecosmart_banner_content a{margin: 0 auto;}
	.ecosmart_banner{
		margin-top: 50px;
	}

}