.block {
		
  width:100%;

  font-size:18px;
  
}
.sblock{    
  
  width:100%;
  height:100%;    
}

.ssblock{
  max-width:1200px;
  margin:0 auto;
}

.bgimg1 {
  background-image: url('/images/menu_bg1.png');    
  /* background-size: cover; */
  background-position: -200px -1110px;
  background-repeat: no-repeat;
}
.bgimg02 {
  background-image: url('/images/menu_bg1.png');    
  /* background-size: cover; */
  background-position: -300px -650px;
  background-repeat: no-repeat;
}
.bgcolor {
  background-color: rgba(0, 0, 0, 0.5);
}

.testaaaaa{
 color:#266fc2;
}

.block0 {		
  color:white;
  text-align:center; 
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
}

.ssblock010{ 
  margin:0 auto;
  max-width:1100px;
  width:100%;
  text-align:center;
  

  font-size:20px;
  padding-top:10px;
  padding-bottom:5px;
  color:#f5f5f5
}

.ssblock010 .txt2{ 
  font-size:16px;
  font-weight:600;
  padding-bottom:10px;
  color:#b6b6b6
}






/* ################ */
/* block1 */
/* ################ */


.block1{  
  margin:0 auto;


  text-align:left;  
  min-height:560px;
}

.block1 .ssblock110{
  font-size:14px;
  padding-top:60px;
  padding-bottom:60px;
}

.block1 .txt1 {
  font-size:21px; 
  font-weight:800;   
  color:#5D5D5D;
  padding-bottom:10px;
  
}
.block1 .txt2 {
  font-size:28px;
  font-weight:900;    
  color:#026150;
  padding-bottom:40px;
  line-height:1.5;
}
.block1 .txt3 {
  font-size:18px;    
  color:#333333;
  line-height:2;
}



/* ################ */
/*  */
/* ################ */

.ssblock0 {
  position:relative;  
}


.ssblock {
  position:relative;
  
}
.ssblock .line{
  position: absolute;
  left:0px;
  top:80px;

  height:2px;
  width:200px;  
}

.ssblock .line.whi{
  background-color: #fff;;
}

.ssblock .line.blk{
  background-color: #000;;
}

.ssblock .line.gre{
  background-color: #026150;;
}


.block2{
  text-align:left;
  
}

.block2 .ssblock210{
  font-size:25px;
  padding-top:60px;
  padding-bottom:60px;
}

.block2 .txt1 {
  font-size:21px; 
  font-weight:800;   
  color:#fff;
  padding-bottom:10px;
}
.block2 .txt2 {
  font-size:28px;
  font-weight:800;    
  color:#fff;
  padding-bottom:40px;
  line-height:1.5;
}
.block2 .txt3 {
  font-size:18px;    
  color:#fff;
  line-height:2;
}
.bgimg2 {
  background-image: url('./img/intro1_1.jpg');    
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}




.block3{
  text-align:left;  
}

.block3 .ssblock310{
  font-size:25px;
  padding-top:60px;
  padding-bottom:60px;
}

.block3 .txt1 {
  font-size:21px; 
  font-weight:800;   
  color:#5D5D5D;
  padding-bottom:10px;
}
.block3 .txt2 {
  font-size:28px;
  font-weight:800;    
  color:#026150;
  padding-bottom:40px;
  line-height:1.5;
}
.block3 .txt3 {
  font-size:18px;    
  color:#333333;
  line-height:2;
}



.block4{
  text-align:left;
  
}

.block4 .ssblock410{
  font-size:25px;
  padding-top:60px;
  padding-bottom:60px;
}

.block4 .txt1 {
  font-size:21px; 
  font-weight:800;   
  color:#fff;
  padding-bottom:10px;
}
.block4 .txt2 {
  font-size:28px;
  font-weight:800;    
  color:#fff;
  padding-bottom:40px;
  line-height:1.5;
}
.block4 .txt3 {
  font-size:18px;    
  color:#fff;
  line-height:2;
}
.bgimg4 {
  background-image: url('./img/intro1_2.jpg');    
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}






.block5{
  text-align:left;
  min-height:560px;
}

.block5 .ssblock510{
  font-size:25px;
  padding-top:20px;
  padding-bottom:60px;

  /* background-color: #000; */

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


.block5 .ssblock520{
  font-size:16px;
  padding-top:20px;
  padding-bottom:60px;

  /* border-radius: 10px; */

  /* width:100%; */

}
.block5 .ssblock520 table{  
  width:100%;
  
}
.block5 .ssblock520 th{  
  text-align:center;
  /* border-bottom:2px solid #afafaf; */
  padding:5px 10px;
  background-color: #506f70;
  color:#fff;

  
}




.block5 .ssblock520 td{  
  text-align:center;
  border-bottom:1px solid #cacaca;
  padding:5px 10px;
  height:110px;
}

.list_ico_block{
  max-width:1200px;
  padding-top:20px;
  margin:0 auto;   
  /* border:1px solid gray; */
  overflow:hidden; 
}
.list_ico_block div{
  float:right;
}
.list_ico_block img{
  width:30px;
}

@media screen and (max-width: 768px) {
	.block5 .ssblock510{
		grid-template-columns: repeat(3, 1fr); /* 4 columns with equal width */	
	}

  .block5 .ssblock520 .mn{  
    display:none;  
  }  
}

.block5 .ssblock510 .list{
  border:1px solid #f1f1f1;
  border-radius: 10px;;

  cursor:pointer;

  /* padding:10px; */
}

.block5 .cursor{ 
  cursor:pointer;
}
/* .block5 .list:hover{ 
  border-top:1px solid #52dd45;
  border-bottom:1px solid #52dd45;
} */

.block5 .txt1 {
  width:100%;
  text-align:center;
  font-size:16px; 
  font-weight:500;     
  /* padding-bottom:10px; */
}
.block5 .txt2 {
  width:100%;
  text-align:center;
  font-size:16px; 
  font-weight:500;     
  padding-bottom:10px;
}
.block5 .txt3 {
  width:100%;
  text-align:center;

  padding:5px;

  font-size:15px;   
  font-weight:600;  
  
  background-color: #ebebeb;

  min-height:52px;
  
  /* line-height:2; */
}
.block5 .img {  

  margin:10px;
  width:cal(100%-20px);
  height:200px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}


.product_popbg{
  display:none;

  position:absolute;
  left:0;
  top:0;
  width:100%;
  height:100%;  

  
}

.product_popbg_bg{
  position:absolute;
  left:0;
  top:0; 
  
  width:100%;
  height:100%;  
  background-color: rgba(0, 0, 0, 0.3);
}

.product_pop{
  position:relative;
  
  width:700px;
  margin:0 auto;
  margin-top:10%;

  background-color: #fff;
  border-radius: 10px;;

  padding:20px;

  overflow:hidden;
}


.product_pop .x{
  position: absolute;
  right:15px;
  top:10px;
  cursor:pointer;
}

.product_pop .img_b{
  float:left;
  width:25%;
}

.product_pop .img{  
  margin-top:50px;
  width:165px;
  height:165px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  

  border-radius: 10px;;
}



.product_pop .txt1 {
  width:100%;
  text-align:center;
  font-size:16px; 
  font-weight:500;     
  /* padding-bottom:10px; */
}
.product_pop .txt2 {
  width:100%;
  text-align:center;
  font-size:16px; 
  font-weight:500;     
  padding-bottom:10px;
}
.product_pop .txt3 {
  width:100%;
  text-align:center;

  padding:5px;

  font-size:15px;   
  font-weight:600;  
  
  background-color: #ebebeb;


  
  /* line-height:2; */
}

.product_pop .txt_b{
  float:right;
  padding:0 10px;
 
  width:73%;
}

.product_pop table{
  width:100%;
  border-collapse: collapse;

  border-radius: 10px;;
  
}

.product_pop table th{
  width:100px;
  color:#fff;

  font-weight:500;  

  background-color: #183168;
  border:1px solid #ccc; 

  padding:10px;
}

.product_pop table td{
  padding:10px;
  border:1px solid #ccc; 
  width:338px;

  
}


.product_pop .btn1{

	


	text-align:center;

	font-size:14px;
	font-weight:400;   

	padding:5px 20px;
	color:#fff;
	background-color:#244a9b;
	border:1px solid #dfdfdf;

	border-radius: 5px ;;

  cursor: pointer;
	
}



.product_pop .btn2{

	


	text-align:center;

	font-size:14px;
	font-weight:400;   

	padding:5px 20px;
	color:#fff;
	background-color:#4a9b24;
	border:1px solid #dfdfdf;

	border-radius: 5px ;;

  cursor: pointer;
	
}

















.block6{
  text-align:left;  
  overflow: hidden;
  
}

.block6 .ssblock110{
  font-size:25px;
  padding-top:60px;
  padding-bottom:60px;
}

.block6 .txt1 {
  font-size:21px; 
  font-weight:800;   
  color:#5D5D5D;
  padding-bottom:10px;
  
}
.block6 .txt2 {
  float:left;
  font-size:28px;
  font-weight:900;    
  color:#026150;
  padding-top:10px;
  line-height:1.5;
}
.block6 .txt3 {
  float:left;
  font-size:18px;    
  font-weight:500;    
  color:#333333;
  line-height:1.7;
  padding-left:250px;
  padding-top:5px;
  
}

.block6 .txt3 ul li {
  list-style-type: disc;
}


.block6 .ssblock .line {
  float: left;
  /* margin-top: 15px; */
  border-top: 2px solid #026150;
  width: 200px;
}