.main_main_banner_on{
	background:#008000;border:1px solid #ffffff;width:15px;height:15px;margin:2px;text-align:center;cursor:pointer;float:left;
	border-radius: 50%;
}
.main_main_banner_off{
	background:#BFBFBF;border:1px solid #ffffff;width:15px;height:15px;margin:2px;text-align:center;cursor:pointer;float:left;
	border-radius: 50%;
}

.temppppp{
	color:#009fe9;
}

.main_banner_block{
	width:100%;
	height:700px;
	border:1px solid #EEEEEE;
}
.main_banner{
	/* max-width:1200px; */
	position: relative;
	width:100%;
	height:100%;
	margin:0 auto;
	border:0px solid #EEEEEE;

	text-align:center;
}
.main_banner img{
	width:100%;
	height:100%;
}

.img_block{
	/* background-image: url('./uploads/20240130/20240130_65b856f1c112d0.jpg');     */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

	width:100%;
	height:100%;

	/* background-color: rgba(0, 0, 0, 0.5); */
}

.main_banner_btn{
	position:absolute;
	bottom:15px;
	left:50%;
	transform: translateX(-55%);
	text-align:center;
	display:block;
	overflow:hidden;

	/* border-radius: 50%; */
}

.img_block .txt{
	margin:0 auto;
	padding:200px 0;	
	max-width:1200px;
	position:relative;

	
	/* -webkit-text-stroke: 1px #666; */
	/* background-color: rgba(0, 0, 0, 0.5); */
}
.img_block .txt1{
	font-weight:800;
	font-size:50px;
	min-width:100px;
	padding-top:20px;
	/* background-color: rgba(0, 0, 0, 0.3); */
	/* border-radius: 10px 10px 0 0;; */
}
.img_block .txt2{
	font-weight:600;
	font-size:25px;
	min-width:100px;
	padding-bottom:20px;
	text-align:left;
	opacity: 0.7;
	/* background-color: rgba(0, 0, 0, 0.3); */
	/* border-radius: 0 0 10px 10px ;; */
}

.img_block .absol{
	position:absolute;	
}


.block1{
	width:100%;
	padding:60px;
	text-align:center;
}

.block1 img {
	display: inline;
}

.block1 .txt1{
	margin:0 auto;
	text-align:center;

	margin-bottom:10px;

	font-size:32px;
  font-weight:900;    
  color:#026150;
  line-height:1.5;
}
.block1 .txt2{
	margin:0 auto;
	text-align:center;

	font-size:17px; 
  font-weight:400;   
  color:#000;
  line-height:1.5;
}
.block1 .btn{

	
	margin:0 auto;
	margin-top:20px;

	

	width:200px;

	text-align:center;

	font-size:18px;
	font-weight:600;   

	padding:10px;
	color:#fff;
	background-color:#026150;
	border:1px solid #dfdfdf;

	border-radius: 5px ;;
	
}


/* ######################### block2 */

.block2{
	width:100%;
	padding-top:20px;
	text-align:center;
	background-color:#018eaa;
}
/* 
.block2 .txt1{
	margin:0 auto;
	text-align:center;

	margin-bottom:10px;

	font-size:35px;
  font-weight:500;    
  color:#fff;
  line-height:1.5;
	margin-bottom:40px;
}
.block2 .txt2{
	margin:0 auto;
	text-align:center;

	font-size:17px; 
  font-weight:400;   
  color:#000;
  line-height:1.5;
} */

.block2 ul{
	/* background-color:#ccc; */
	overflow:hidden;
	margin:0 auto;
	max-width:1200px;;

	display: grid;
	grid-template-columns: repeat(5, 1fr); /* 4 columns with equal width */	
	gap: 50px;
	justify-content: center; 
}

.block2 li{		
	text-align:center;
	width:100px;
	height:150px;
	margin:0 auto;

}

.block2 li .ico_img{	
	width:100%;height:100px;;

	/* background-image: url('./uploads/20240130/20240130_65b856f1c112d0.jpg'); */
	background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

}

.block2 li .ico_txt{	
	width:100%;height:50px;;
	color:#fff;

	font-size:16px;
}


.block2 .list_block .list .title{
	position:absolute;
	bottom:0;
	left:0;

	width:100%;

	font-size:12px; 
	text-align:left;
	padding:3px 10px;

	white-space: nowrap; /* Prevent text from wrapping */
	overflow: hidden; /* Hide overflow content */
	text-overflow: ellipsis; /* Display ellipsis for overflow content */
	

	color:#fff;
	background-color: rgba(0, 0, 0, 0.5);
}


/* ######################### block3 */
.block3{
	width:100%;
	padding:60px;
	text-align:center;
	background-color:#31794c;
	color:#fff;
}

/* .block3 a:hover, a:link, a:active, a:visited {
	color: #fff;
} */

.block .title{
	color:#fff;
}

.block3 .txt1{
	margin:0 auto;
	text-align:center;

	margin-bottom:10px;

	font-size:35px;
  font-weight:500;      
  line-height:1.5;
	margin-bottom:40px;
}

.block3 .list_block {
	
	overflow:hidden;
	margin:0 auto;
	
	max-width:600px;
	width:100%;

	display: grid;
	grid-template-columns: repeat(4, 1fr); /* 4 columns with equal width */	
	gap: 10px;
	
}

.block3 .list_block .list{
	width:290px;
	height:330px;

	overflow:hidden;

}

.block3 .list_block .list .img{	
	width:100%;
	height:290px;
	border:1px solid #f1f1f1;

	background-size: cover;
  background-position: top center;
  background-repeat: no-repeat;

	border-radius: 5px;;
}
.block3 .list_block .list .title{	
	width:100%;	
	margin-top:5px;
	color:#fff;

	white-space: nowrap; /* Prevent text from wrapping */
	overflow: hidden; /* Hide overflow content */
	text-overflow: ellipsis; /* Display ellipsis for overflow content */
	
}





/* ######################### block4 */

.block4{
	width:100%;
	padding:60px;
	text-align:center;
	background-color:#dae7db;
}

.block4 .txt1{
	margin:0 auto;
	text-align:center;

	margin-bottom:10px;

	font-size:25px;
  font-weight:500;    
  color:#000000;
  line-height:1.5;
	margin-bottom:40px;
}
.block4 .txt2{
	margin:0 auto;
	text-align:center;

	font-size:17px; 
  font-weight:400;   
  color:#000;
  line-height:1.5;
}


.block4 .list_block {
	
	overflow:hidden;
	margin:0 auto;
	
	max-width:1200px;
	width:100%;

	display: grid;
	grid-template-columns: repeat(5, 1fr); /* 4 columns with equal width */	
	gap: 10px;
}

.block4 .list_block .list{
	text-align:center;

	background-color: #fff;
	padding:10px;

	margin-bottom:10px;
}

.block4 .list_block .list img{	
	
 margin:0 auto;
}



/* ######################### block5 */
.block5{
	width:100%;
	padding:60px 0;
	text-align:center;
	background-color:#fff;
}

.block5 .txt1{
	margin:0 auto;
	text-align:center;

	margin-bottom:10px;

	font-size:35px;
  font-weight:500;    
  color:#000;
  line-height:1.5;
	margin-bottom:40px;
}

.block5 .list_block {
	/* background-color: #ccc; */
	
	overflow:hidden;
	margin:0 auto;
	
	max-width:1200px;
	width:100%;

	display: grid;
	grid-template-columns: repeat(1, 1fr); /* 4 columns with equal width */	
	gap: 10px;

}

.block5 .list_block .list{
	width:25%;	

	justify-self: center; /* Center the item horizontally within the grid */
      align-self: center; /* Center the item vertically within the grid */
   
}



/* ######################### block3 */
.block6{
	width:100%;
	padding:60px;
	text-align:center;
	background-color:#ffffff;
	color:#000000;
}

/* .block6 a:hover, a:link, a:active, a:visited {
	color: #fff;
} */

.block .title{
	color:#000000;
}

.block6 .txt1{
	margin:0 auto;
	text-align:center;

	margin-bottom:10px;

	font-size:35px;
  font-weight:500;      
  line-height:1.5;
	margin-bottom:40px;
}

.block6 .list_block {
	
	overflow:hidden;
	margin:0 auto;
	
	max-width:1200px;
	width:100%;

	display: grid;
	grid-template-columns: repeat(4, 1fr); /* 4 columns with equal width */	
	gap: 10px;
	
}

.block6 .list_block .list{
	width:290px;
	height:330px;

	overflow:hidden;

}

.block6 .list_block .list .img{	
	width:100%;
	height:290px;
	border:1px solid #f1f1f1;

	background-size: cover;
  background-position: top center;
  background-repeat: no-repeat;

	border-radius: 5px;;
}
.block6 .list_block .list .title{	
	width:100%;	
	margin-top:5px;
	color:#050505;

	white-space: nowrap; /* Prevent text from wrapping */
	overflow: hidden; /* Hide overflow content */
	text-overflow: ellipsis; /* Display ellipsis for overflow content */
	
}




@media screen and (max-width: 768px) {
	.block1 .list_block{
		grid-template-columns: repeat(1, 1fr); /* 4 columns with equal width */	
	}
	.block2 .list_block{
		grid-template-columns: repeat(1, 1fr); /* 4 columns with equal width */	
	}
	.block2 .list_block .list{	
		width:100%;
	}
	.block3 .list_block{
		grid-template-columns: repeat(2, 1fr); /* 4 columns with equal width */	
	}
	.block3 .list_block .list{
		width:250px;
		height:300px;	
	}
	.block3 .list_block .list .img{			
		height:250px;		
	}

	.block6 .list_block{
		grid-template-columns: repeat(2, 1fr); /* 4 columns with equal width */	
	}
	.block6 .list_block .list{
		width:250px;
		height:300px;	
	}
	.block6 .list_block .list .img{			
		height:250px;		
	}


	.block4 .list_block{
		grid-template-columns: repeat(1, 1fr); /* 4 columns with equal width */	
	}
	.block5 .list_block{
		grid-template-columns: repeat(1, 1fr); /* 4 columns with equal width */	
	}

	.block2 ul{
		grid-template-columns: repeat(2, 1fr); /* 4 columns with equal width */	
	}

	.img_block .absol{
		position: static;
		text-align:center;		
	}

	
}