
    .container1 {
      width: 100%;
      margin: 0 auto;
    }

 h1,
    h2 {
      text-align: center;
      margin: 20px 0;
	  font-size:36px
    }

    .section {
      margin: 40px 0;
    }

    .img-container {
      text-align: center;
      margin: 20px 0;
    }

    .img-container img {
      max-width: 100%;
      height: auto;
    }
 

    .component-img {
      display: flex;
      justify-content: center;
      gap: 20px;
      margin: 20px 0;
    }

    .component-img img {
      max-width: 45%;
      height: auto;
    }

    .function-list {
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
    }

    .function-item {
      width: 48%;
      margin-bottom: 20px;
    }
	
	.function-item  H3{
		   font-size:30px
      
    }
	
	
    .function-item  P{
    padding-left:28px;
	line-height:30px	  
      
    }
	 .function-item   li {
     
      margin-bottom: 20px;
      position: relative;
      padding-left: 50px; 
	  list-style-type: none;
	
    }
	

  .function-list1 {
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
	  padding-top:50PX
    }

    .function-item1 {
      width: 48%;
      margin-bottom: 20px;
    }
	
 
  


    .procedure-img {
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
      gap: 10px;
      margin: 20px 0;
    }

    .procedure-img img {
      max-width: 150px;
      height: auto;
    }

    .service-img {
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
      gap: 10px;
      margin: 20px 0;
    }

    .service-img img {
      max-width: 300px;
      height: auto;
    }
	 
    .image-container img {
      width: 100%;
      height: auto;
    }
    .text-overlay {
      position: absolute;
      top: 300px;  
      color: #333;
      font-size: 0.6rem;
      font-weight: bold; 
	  text-align:center;
	  width:100%;
	  
  text-shadow: 
    -1px -1px 0 #fff,  
     1px -1px 0 #fff,
    -1px  1px 0 #fff,
     1px  1px 0 #fff; 
    }
	
	.text-section {
      width: 80%;
      text-align: left;
	  padding-left:100px;
	  padding-bottom:260PX;
	 
	  
	font-weight: bold;
  color: #000;
  text-shadow: 
    -1px -1px 0 #fff,  
     1px -1px 0 #fff,
    -1px  1px 0 #fff,
     1px  1px 0 #fff;
    }
    .text-section h1 {
      font-size: 0.5rem;
      margin-bottom: 20px;
	  text-align:left
    }
	 .section h2 {
      font-size: 0.5rem;
      margin-bottom: 20px;
	  text-align: center
    }
	
	
    .text-section ul {
      list-style: none;
      padding: 0;
	  padding-top:50px;

    }
    .text-section ul li {
      font-size: 0.2rem;
      margin-bottom: 20px;
      position: relative;
      padding-left: 20px;
	   color: #000;
  text-shadow: 
    -1px -1px 0 #fff,  
     1px -1px 0 #fff,
    -1px  1px 0 #fff,
     1px  1px 0 #fff;  
	
	
    }
    .text-section ul li::before {
      content: "•";
      position: absolute;
      left: 0;
      top: 50%;
      transform: translateY(-50%);
      color: orange;
      font-size: 0.3rem;
	  color:fe6500;
    }
    .image-section {
      width: 50%;
      text-align: right;
    }
    .image-section img {
      width: 100%;
      height: auto;
    }
	  
      .content-wrapper {
      flex: 1;
      position: relative;   
	   z-index: -1;
	   padding-top:170px;
	   padding-left:20px;
	   height:900px
    } 
	
	      .image-container {
            display: flex;
            flex-wrap: wrap;
            gap: 10px;
        }
        .image-item {
            flex: 0 0 calc(20% - 10px); /* 每张图片占20%宽度，减去间隙 */
            text-align: center;
        }
        .image-item img {
            width: 100%;
            height: auto;
        }
        .image-item p {
            margin: 5px 0;
        }
		
 
		
		div#content table {
    
	border-top:1px solid #DDD;
	border-right:1px solid #DDD;
	font-size:14px;
	line-height:18px;
	margin:0 0 0px 0px;
	width:100%;
}

div#content th {
	border-bottom:1px  dotted #666666;
	border-left:1px solid #DDD;
	font-weight:bold;
	padding:5px 5px 5px 5px;
	text-align:left;
	background-color:#d9d9d9;
	line-height:30px
	

}

div#content td {
	border-bottom:1px  dotted #666666;
	border-left:1px solid #DDD;
	padding:5px;
	background-color:#e8e8e8
	
}
