.nynyny{margin:0 auto;width:100%;}
.nynynygywm{margin:0 auto;width:100%;}
.ny3bb{margin:0 auto;width: 100%; padding-bottom:45px;margin-top:25px;min-height: 670px;}
.Floor003107{ font-size: 30px; z-index: 30;position: relative;background-repeat: no-repeat; background-position: center top; background-size: cover; padding: 1.0em 0 1.5em 0;} 
.Floor003107 .auto{ width: 100%; }

.Floor003107 .left{width: 100%;}
.Floor003107 .left1{width: 100%;margin-top: 10px;}
.Floor003107 .left2{width: 86%;}
.Floor003107 .left3{width: 96%;}
.Floor003107 h3{
	font-family: arial, sans-serif;
	font-size: 18px;
	font-weight: 400;
    color: rgba(88, 91, 98, 0.9);
    padding-left: 2vw;
    display: inline-block; 
    margin: 0; 
   padding-top:20px;
    vertical-align: middle; 
}
.Floor003107 h4{
	font-family: arial, sans-serif;
	font-size: 25px;
	font-weight: 400;
    color: rgba(88, 91, 98, 0.9);
    padding-left: 2vw;
    display: inline-block; 
    margin: 0; 
    
    vertical-align: middle;
}
.Floor003107 .number dt{ 
  font-size: 72px;
  color: #666666; 
  line-height: 1; 
  font-weight: 400; 
  display: inline-block; 
  vertical-align: middle; 
} 

.Floor003107 .number h1{
  font-size: 16px;
  color: #666;
  display: inline-block;
  margin: 0; 
  vertical-align:bottom;
  padding: 13px;
}
.Floor003107 .number dd .t-2{font-size: 20px; color: #666;padding-top: 20px; }

.Floor003107 .info{ min-height: 1em;  color: #000; width: 92%; }

.Floor003107 .number dl{ text-align: center; float: left; margin:0 2vw 2vw 0; min-width: 175px; } 

.Floor003107 .number dl:nth-of-type(4n){ margin-right: 0; } 

.gsjj_view{width:100%;}
.gsjj_view .gsjj_view_left{float:left;width:55%;padding-left:6%;}
  .gsjj_view .gsjj_view_left .gsjj_view_left_1{font-weight: bold;
    font-family: "Microsoft YaHei";
    display: inline-block;
    vertical-align: middle;color: #0a3c85;
    font-size: 85px;
    line-height: 93px;}  
.gsjj_view .gsjj_view_right{ float:right; width:45%;  font-size: 18px;
    line-height: 2.15;    text-align: right;
    }
    .gsjj_view .gsjj_view_right img {
    border-radius: 50px 0 0 0;
  width: 100%;       /* 图片宽度 = 容器宽度 */
  height: auto;      /* 高度自动等比缩放 */
  display: block;    /* 消除图片下方空白间隙 */
  max-width: 100%;   /* 防止图片超出容器 */
}
.Floor003107 .info{font-size: 18px; line-height:1.8; padding: 1.0vw 0 2.5vw; }
.clear {clear: both;height: 0px;overflow: hidden;zoom: 0;}
.clearfix {*zoom:1;}/*IE/7/6*/
.clearfix:after { content:''; display:block; height:0; clear:both; } 
.Floor003107 .cn{ 
	font-weight: bold; font-family:"微软雅黑";
  display: inline-block; /* 改为行内块元素，不独占一行 */
  vertical-align: middle; /* 垂直居中对齐 */
} 
.gywmtt{ 
	color:#000000;
	font-size:57px;
	
} 
/*.number{padding-left:6%;}*/

@media (max-width: 768px) {
	
	.gsjj_view .gsjj_view_left {
	    float: left;
	    width: 100%;
	    padding-left: 7%;
	 }
	 .gsjj_view .gsjj_view_left .gsjj_view_left_1 {

		    font-size: 38px;
		    line-height: 30px;
		}
		.gywmtt {
		    color: #000000;
		    font-size: 28px;
		}
		.Floor003107 .info {
		    font-size: 16px;
		    line-height: 1.8;
		    padding: 1.0vw 0 2.5vw;
		    text-align: justify;
            display: block;
		}
		.gsjj_view .gsjj_view_right {
		   
		    width: 95%;

		    text-align: center;
		    align-items: center;
		    margin: 0 auto;
		}
		.gsjj_view .gsjj_view_right img {
		    width: 93%;
		    height: auto;
		    display: block;
		    max-width: 100%;
		}
		.number {

		    margin: 0 auto;
		    width: 98%;
		    margin-top: 33px;
		}
		.Floor003107 .number dl {
		    text-align: center;
		    float: left;
		    margin: 0 0vw 1vw 0;
            min-width: 154px;
            padding: 13px 5px;
		}
		.Floor003107 .number dt {
		    font-size: 48px;
		    color: #666666;
		    line-height: 1;
		    font-weight: 400;
		    display: inline-block;
		    vertical-align: middle;
		}
		.Floor003107 .number dd .t-2 {
		    font-size: 16px;
		    color: #666;
		}
	
			
	
	
}








.nyruanjian {
  margin: 0 auto;
  width: 100%;
  background-image: url(../images/rj002.jpg);
  background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;
  background-color: #f6f6f6;
  /* 可选：加个相对定位，让层级更稳定 */
  position: relative;
  z-index: 1;
}

 /* 容器：banner整体 */
    .digital-property-banner {
    	margin:0 auto;
    	margin-top: 50px;
      max-width: 1721px;
      padding: 0 30px 0 30px;
      min-height: 570px;
      display: flex;
      /*align-items: center;*/

      overflow: hidden;
    }

    /* 左侧文字区域 */
    .banner-text {
	  flex: 0 0 55%;
	  max-width: 55%;
	  z-index: 2;
	  margin-right: 5%; /* 固定空隙 5% */
	}


    /* 主标题 */
    .banner-btfc {
      font-size: 48px;
      font-weight: bold;
      color: #666;
      line-height: 1.4;
      margin-bottom: 32px;
    }

    /* 正文描述 */
    .banner-desc {
      font-size: 20px;
      color: #666;
      line-height: 2;
      width: 100%;
      
    }

    /* 右侧插画区域 */
    .banner-illustration {
	  flex: 0 0 40%;
	  display: flex;
	  justify-content: flex-end;
	  align-items: right;
	  z-index: 2;
	}


    /* 响应式适配 */
    @media (max-width: 1200px) {
      .digital-property-banner {
        flex-direction: column;
        padding: 40px 20px;
        text-align: center;
      }
      .banner-text {
        max-width: 100%;
        margin-bottom: 40px;
        margin: 0 auto;
      }
      .banner-title {
        font-size: 36px;
      }
      .banner-desc {
        font-size: 18px;
        margin: 0 auto;
      }
      .banner-illustration {
        justify-content: center;
      }
      .illustration-wrap {
        width: 400px;
        height: 320px;
      }


    }

    @media (max-width: 768px) {
      .banner-title {
        font-size: 24px;
      }
      .banner-desc {
        font-size: 16px;
        line-height: 1.8;
        text-align: justify;
      }
      .illustration-wrap {
      	
        width: auto;
        height: 240px;
      }
      .illustration-wrap img{
      	
        width: 98%;
        height: auto;
      }
      .digital-property-banner {
			    margin: 0 auto;
			    margin-top: 0px;
			    padding: 14px 20px;
			    
			}
    }
    
.nyruanjian1 {
  margin: 0 auto;
  width: 100%;
  background-image: url(../images/rj003.png);
  background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;
  /* 核心：向上叠加 90px */
  margin-top: -90px;
  
  /* 保证叠在上方 */
  position: relative;
  z-index: 2;
}
/* 核心：叠加在背景上 + 左上角显示 */
.nyruanjian1_view_bj {
  position: absolute;
  top: 100px;        /* 贴顶部 */
  left: 0;       /* 贴左侧 */
  z-index: 1;     /* 叠在背景上 */
  pointer-events: none; /* 不阻挡点击 */
}

/* 图片样式 */
.nyruanjian1_view_bj img {
  display: block;
  width: auto;   /* 保持原图尺寸 */
  height: auto;
}
.nyruanjian1_view_bj1 {
  position: absolute;
  bottom: 0px;        /* 贴顶部 */
  right: 0;       /* 贴左侧 */
  z-index: 1;     /* 叠在背景上 */
  pointer-events: none; /* 不阻挡点击 */
}

/* 图片样式 */
.nyruanjian1_view_bj1 img {
  display: block;
  width: auto;   /* 保持原图尺寸 */
  height: auto;
}
.nyruanjian1_view{
	margin:0 auto;
      max-width: 1721px;
      padding: 0 30px 0 30px;
      min-height: 480px;
      display: flex;
      align-items: center;

       position: relative;
       z-index: 10;
      }

.nyrjianbt{margin:0 auto;width:100%;padding-top:180px;}
.nyrjianbt1{color: #333333; font-size: 30px; text-align: center;font-family: "微软雅黑";font-weight: 600;}
.nyrjianbt2{color: #666666; font-size: 20px; text-align: center; margin-bottom: 60px;margin-top:15px;}
/* 新闻列表区域 */
        .news-listrj {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 52px 80px;
            margin-bottom: 100px;
            margin-top: 13px;
        }
        .news-itemrj {
            background-color: #fff;
            border-radius: 8px;
            overflow: hidden;
            box-shadow: 0 2px 8px rgba(0,0,0,0.08);
            min-height: 289px;
             position: relative;
        }
        .news-itemrj:hover {
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px);
    -webkit-box-shadow: 0px 15px 30px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 15px 30px rgba(0, 0, 0, 0.1);
}
.news-itemrj{
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
        .news-inforj {
            padding:23px;
                padding-top:30px;
               
        }
         .news-inforj .datebt {
            font-size: 28px;
            color: #333;
            line-height: 1.4;
            margin-bottom: 18px;
            display: -webkit-box;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
            overflow: hidden;
            padding-top: 14px;
            font-weight: 600;
            text-align: center;
        }
      .news-inforj .datenr {
      	    
            font-size: 18px;
            color: #333;
             display: -webkit-box;
             line-height: 32px;
       
            /*-webkit-line-clamp: 3;
            -webkit-box-orient: vertical;
            overflow: hidden;*/
        }
        .news-inforj .fk {
        	
        	width:64px;
        	margin:0 auto;
        	height:7px;
        	background: #eeeeee;
        	margin-bottom:15px;

            color: #333;
             display: -webkit-box;
           
        }
        
     
        
        @media (max-width: 768px) {
          /*.cons1{font-size: 24px;color: #ffffff;}
        
          .cons2{font-size: 14px;color: #ffffff;}*/
         .news-listrj {
            display: grid;
            grid-template-columns: repeat(1, 1fr);
            gap: 52px 80px;
            margin-bottom: 100px;
            margin-top: 13px;
           }
           .nyruanjian1 {
			  margin: 0 auto;
			  width: 100%;
			  background-image: url(../images/rj003.png);
			  background-position: center top;
			  background-repeat: no-repeat;
			  background-size: 100% auto;
			  
			  /* 👇 核心：图片下方铺满底色 */
			  background-color: #e3f0fe;
			  
			  margin-top: -90px;
			  position: relative;
			  z-index: 2;
			
			  /* 可选：给容器一个最小高度，避免内容太少太扁 */
			 /* min-height: 300px;*/
			}
           .nyruanjian1_view_bj img {
			  display: block;
			  max-width: 90%;   /* 手机上最大90%，不会贴边 */
			  width: auto;
			  height: auto;
			}
			.nyruanjian1_view_bj1 img {
			  display: block;
			  max-width: 90%;   /* 手机上最大90%，不会贴边 */
			  width: auto;   
			  height: auto;
			}
			.nyrjianbt {
			    margin: 0 auto;
			    width: 89%;
			    padding-top: 67px;
			}
			.nyrjianbt1 {
			    color: #333333;
			    font-size: 23px;
			    text-align: center;
			    font-family: "微软雅黑";
			    font-weight: 600;
			}
			.nyrjianbt2 {
			    color: #666666;
			    font-size: 16px;
			    text-align: center;
			    margin-bottom: 26px;
			    margin-top: 15px;
			}
			.banner-btfc {
			    font-size: 23px;
			    font-weight: bold;
			    color: #666;
			    line-height: 1.4;
			    margin-bottom: 10px;
			}
			.news-inforj .datebt {
			    font-size: 20px;
			    color: #333;
			    line-height: 1.4;
			    margin-bottom: 18px;
			    display: -webkit-box;
			    -webkit-line-clamp: 2;
			    -webkit-box-orient: vertical;
			    overflow: hidden;
			    padding-top: 14px;
			    font-weight: 600;
			    text-align: center;
			}
			.news-inforj .datenr {
			    font-size: 16px;
			    color: #333;
			    display: -webkit-box;
			    line-height: 32px;
			}
			.news-container {
		        width:98%;
		        padding-bottom: 0px;
		    }
		    
		        .news-listrj {
                 display: grid;
		        grid-template-columns: repeat(1, 1fr);
		        gap: 27px 80px;
		        margin-bottom: 100px;
		        margin-top: 13px;
		    }
		    ..animate-section,
  .animate-item {
    
  }
		    
            
        }  
        
         
 .nyqy1 {
  margin: 0 auto;
  width: 100%;
  height:800px;
  background: #e8f6fb;
  background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;
  /* 核心：向上叠加 90px */
  margin-top: -90px;
  
  /* 保证叠在上方 */
  position: relative;
  z-index: 2;


}
.nyqybtbj{margin:0 auto;width:100%;padding-top:80px;}
.nyqybt1{color: #333333; text-align: center;font-family: "微软雅黑";font-weight: 600;font-size:48px;}
.nyqybt{
	margin: 0 auto;
	width:203px;
	height:6px;
	background: #156fd6;
	margin-top:32px;
}
.nyqybtbjsd{margin:0 auto;width:100%;padding-top:100px;}

 /* 页面容器 */
        .pain-points-section {
            background-color: #eaf7fc; /* 匹配设计图的浅蓝背景 */
            padding: 60px 20px;
            display: flex;
            justify-content: center;
            align-items: flex-start;
            gap: 285px;
            flex-wrap: wrap;
        }

        /* 单个卡片容器 */
        .pain-point-card {
            display: flex;
            flex-direction: column;
            align-items: center;
            text-align: center;
            max-width: 450px;
            cursor: pointer;
        }

        /* 圆形图标容器 - 核心动画容器 */
        .icon-circle {
            width: 240px;
            height: 210px;

           border-radius: 46% 46% 46% 46% / 54% 54% 54% 54%;
            display: flex;
            justify-content: center;
            align-items: center;
            margin-bottom: 30px;
            transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1); /* 平滑贝塞尔曲线动画 */
            transform: scale(1);
        }

        /* 图标hover动画：放大+轻微旋转 */
        .pain-point-card:hover .icon-circle {
            transform: scale(1.08) rotate(3deg);
            box-shadow: 0 12px 24px rgba(0, 0, 0, 0.15);
        }

        /* SVG图标动画：平滑缩放 */
        .icon-circle svg {
            width: 100px;
            height: 100px;
            transition: transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
        }

        .pain-point-card:hover .icon-circle svg {
            transform: scale(1.1);
        }

        /* 三个卡片的渐变背景色 */
        .icon-circle.blue {
            background: linear-gradient(135deg, #2678f5 0%, #21c0f5 100%);
        }

        .icon-circle.orange {
            background: linear-gradient(135deg, #f59e0b 0%, #fbbf24 100%);
        }

        .icon-circle.green {
            background: linear-gradient(135deg, #00c48c 0%, #00d6b4 100%);
        }

        /* 标题样式 */
        .card-title {
            font-size: 28px;
            font-weight: 600;
            color: #333333;
            margin-bottom: 16px;
            transition: color 0.3s ease;
        }

        .pain-point-card:hover .card-title {
            color: #2678f5;
        }

        /* 描述文字样式 */
        .card-desc {
            font-size: 22px;
            line-height: 1.6;
            color: #444444;
        }

        /* 响应式适配：平板端 */
        @media (max-width: 1024px) {
            .pain-points-section {
                gap: 0px;
            }
            .icon-circle {
                width: 160px;
                height: 160px;
            }
            .icon-circle svg {
                width: 90px;
                height: 90px;
            }
            .card-title {
                font-size: 24px;
            }
            .card-desc {
                font-size: 20px;
            }
        }

        /* 响应式适配：移动端 */
        @media (max-width: 768px) {
		    .pain-points-section {
			        margin: 0 auto;
			        flex-direction: row; 
			        flex-wrap: nowrap; /* 关键：禁止换行，强制一行显示 */
		
			                gap: 35px;
        padding: 45px 15px;
        overflow-x: hidden;

			    }
			    .pain-point-card {
			        flex: 1; /* 卡片平均分配宽度 */
			        min-width: 90px; /* 最小宽度，防止挤变形 */
			        max-width: 90px; /* 最大宽度，保证比例 */
			    }
			    .icon-circle {
			        width: 85px; /* 缩小圆形图标，适配手机单行 */
			        height: 85px;
			        margin-bottom: 15px;
			    }
			    
			    .icon-circle img {
			        width: 50%; 			  
			    }
			    .card-title {
			        font-size: 16px; /* 缩小标题字体，适配窄卡片 */
			        margin-bottom: 10px;
			    }
			    .card-desc {
			        font-size: 14px; /* 缩小描述字体，保证一行能显示 */
			        line-height: 1.5;
			    }
		    .nyqybt1{font-size:23px;}
		    .nyqybt {
			    margin: 0 auto;
			    width: 100px;
			    height: 4px;
			    background: #156fd6;
			    margin-top: 19px;
			}
			.nyqybtbj {
			    padding-top: 40px;
			}
			.nyqy1 {

			    height: 526px;
			    
			}
			
		}   
        
		 .nyqy2 {
		  margin: 0 auto;
		  width: 100%;
		  min-height:745px;
		  background-image: url(../images/rjqy005.png);
		  background-position: center top;
		  background-repeat: no-repeat;
		  background-size: cover;
		  /* 核心：向上叠加 90px */
		  margin-top: -190px;
		  
		  position: relative;
		  z-index: 5;
		} 


        .architecture-container {
        	margin-top:86px;
            width: 100%;
            padding: 0 20px;
            display: flex;
            justify-content: center; /* 整体居中 */
            align-items: stretch;
            gap: 100px; /* 卡片间距 */
            /* 核心：PC端强制单行，不换行 */
            flex-wrap: nowrap; 
        }


        .architecture-card {
            flex: 1;
            max-width: 275px; /* 最大宽度，保证比例 */
            background: linear-gradient(180deg, #d9f5ff 0%, #f1f8fc 100%);
            border-radius: 12px;
            padding: 40px 25px;
            text-align: center;
            transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
            box-shadow: 0 4px 12px rgba(180, 210, 230, 0.1);
        }


        .architecture-card:hover {
            transform: translateY(-8px);
            box-shadow: 0 12px 24px rgba(150, 200, 240, 0.2);
        }

 
        .card-icon {
            width: 120px;
            height: 120px;
            margin: 0 auto 25px;
            display: flex;
            justify-content: center;
            align-items: center;
            transition: transform 0.4s ease; 
        }


        .architecture-card:hover .card-icon {
            transform: scale(1.08);
        }


        .card-icon img {
            width: 100%;
            height: 100%;
            object-fit: contain;
        }


        .card-title {
            font-size: 24px;
            font-weight: 600;
            color: #333;
            margin-bottom: 18px;
            transition: color 0.3s ease;
        }


        .architecture-card:hover .card-title {
            color: #2678f5;
        }

        .card-desc {
            font-size: 18px;
            line-height: 1.6;
            color: #555;
        }


        @media (max-width: 768px) {
		    .architecture-container {
		    	margin: 0 auto;
        flex-wrap: wrap; /* 允许换行 */
        gap: 25px; /* 卡片间距（水平+垂直） */

        justify-content: center; /* 整体居中 */
        display: flex; /* 确保是flex布局（如果父级没加） */
       overflow-x: hidden;
    }

    .card-icon {
        width: 75px;
        height: 75px;
        margin-bottom: 10px;
    }
    .card-title {
        font-size: 18px;
        font-weight: 600;
    }
    .card-desc {
        font-size: 14px;
        line-height: 1.4;
    }
    
    .nyqybtbjsd {
	    padding-top: 80px;
	}
	.architecture-container {
		    margin-top: 33px;
		
		}
		.architecture-card {
		    padding: 12px 25px;

		}
}


/* 主容器 - 左右均分布局 */
		 .nywlw1 {
		  margin: 0 auto;
		  width: 100%;
		  min-height:745px;
		  background: #e6eaf0;
		  background-position: center top;
		  background-repeat: no-repeat;
		  background-size: cover;
		  /* 核心：向上叠加 90px */
		  margin-top: -90px;
		  
		  /* 保证叠在上方 */
		  position: relative;
		  z-index: 2;
		
		
		}
        .wlwcontainer {
            display: flex;
            width: 100%;
     
      
        }

        /* 左侧区域 */
        .left-section {
            flex: 1;
            display: flex;
            align-items: center;
            justify-content: center;
            position: relative;
            overflow: hidden;
        }



        /* 左侧内容容器 */
        .left-content {
            position: relative;
            width: 73%;
            max-width: 877px;
            text-align: center;
        }

        /* 人物插画 */
        .character {
            width: 220px;
            height: auto;
            margin: 0 auto 30px;
            animation: float 3s ease-in-out infinite;
        }

        /* 屏幕UI */
        .screen-ui {
            position: absolute;
            top: 20px;
            left: 50%;
            transform: translateX(-50%);
            width: 320px;
            height: 400px;
            background: rgba(255, 255, 255, 0.8);
            border-radius: 12px;
            border: 1px solid #e0e6ed;
            padding: 20px;
            z-index: -1;
            opacity: 0.9;
        }

        /* 气泡标签 */
        .tag {
            position: absolute;
            padding: 8px 16px;
            border-radius: 12px;
            color: #fff;
            font-size: 14px;
            font-weight: 600;
            animation: fadeIn 1s ease forwards;
        }
        .tag.data-messy {
            top: 40px;
            left: 20px;
            background-color: #ff7d00;
            animation-delay: 0.2s;
        }
        .tag.data-unsafe {
            top: 0;
            left: 80px;
            background-color: #0091ff;
            animation-delay: 0.4s;
        }
        .tag.complex-op {
            top: 80px;
            left: 120px;
            background-color: #36b37e;
            animation-delay: 0.6s;
        }

        /* 放大镜 */
        .magnifier {
            position: absolute;
            bottom: 40px;
            right: 20px;
            width: 120px;
            height: auto;
            animation: swing 4s ease-in-out infinite;
        }

        /* 右侧区域 */
        .right-section {
            flex: 1;
            display: flex;
            align-items: center;
            justify-content: center;
            padding: 40px;
        }

        /* 右侧列表容器 */
        .problem-list {
            width: 100%;
            max-width: 730px;
        }

        /* 列表项 */
        .problem-item {
            
            
            /*padding: 15px;
            margin-bottom: 0px;
            transition: all 0.3s ease;
            opacity: 0;
            transform: translateX(20px);
            animation: slideIn 0.6s ease forwards;*/
            
       margin-bottom: 0px;     
      padding: 15px;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    position: relative;
    overflow: hidden;
        }
        /*.problem-item {
            background: #fff;
            border-radius: 12px;
            padding: 24px;
            margin-bottom: 20px;
            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
            transition: all 0.3s ease;
            opacity: 0;
            transform: translateX(20px);
            animation: slideIn 0.6s ease forwards;
        }*/
        /*.problem-item:nth-child(1) { animation-delay: 0.2s; }
        .problem-item:nth-child(2) { animation-delay: 0.4s; }
        .problem-item:nth-child(3) { animation-delay: 0.6s; }
        .problem-item:nth-child(4) { animation-delay: 0.8s; }*/

        .problem-item:hover {
            transform: translateY(-4px);
            /*box-shadow: 0 8px 20px rgba(0, 145, 255, 0.15);*/
        }

        /* 序号 */
        .item-number {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            width: 29px;
            height: 29px;
            border-radius: 35%;
            background: linear-gradient(135deg, #53a8f4 0%, #2050c1 100%);
            color: #fff;
            font-size: 18px;
            font-weight: 700;
            margin-right: 12px;
            vertical-align: middle;
        }

        /* 标题 */
        .item-title {
            font-size: 24px;
            font-weight: 600;
            color: #1d2129;
            margin-bottom: 8px;
            display: inline-block;
            vertical-align: middle;
        }

        /* 描述 */
        .item-desc {
            font-size: 18px;
            color: #4e5969;
            line-height: 1.6;
            margin-left: 44px;
        }

        /* 动画定义 */
        @keyframes float {
            0%, 100% { transform: translateY(0); }
            50% { transform: translateY(-10px); }
        }
        @keyframes swing {
            0%, 100% { transform: rotate(-5deg); }
            50% { transform: rotate(5deg); }
        }
        @keyframes fadeIn {
            from { opacity: 0; transform: translateY(-10px); }
            to { opacity: 1; transform: translateY(0); }
        }
        @keyframes slideIn {
            from { opacity: 0; transform: translateX(20px); }
            to { opacity: 1; transform: translateX(0); }
        }

        /* 响应式适配 */
        @media (max-width: 768px) {
            .container {
                flex-direction: column;
            }
            .left-section{display:none;}  
            
            .left-section, .right-section {
                flex: none;
                width: 100%;
                min-height: 50vh;
            }
            .screen-ui {
                width: 280px;
                height: 360px;
            }
            .item-title {
                font-size: 20px;
            }
            .item-desc {
                font-size: 16px;
            }
            .right-section {
			    padding: 17px;
			}
			.nywlw1 {
			    min-height: 654px;
			    
			}
        }
        
        .nywlw2 {
		  margin: 0 auto;
		  width: 100%;
		  min-height:750px;
		  background-image: url(../images/wlw003.jpg);
		  background-position: center top;
		  background-repeat: no-repeat;
		  background-size: cover;

		}
		
		.scene-container {
            max-width: 1721px;
            margin: 60px auto;
            padding: 0 30px;
            display: grid;
            /* PC端4列，等宽 */
            grid-template-columns: repeat(4, 1fr);
            gap: 40px;
        }

        /* 卡片基础样式 */
        .scene-card {
            background: #fff;
            border-radius: 16px;
            overflow: hidden;
            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
            /* 平滑过渡：所有属性变化都用缓动 */
            transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
            cursor: pointer;
        }

        /* 卡片hover动效：上浮+阴影增强 */
        .scene-card:hover {
            transform: translateY(-8px);
            box-shadow: 0 12px 24px rgba(0, 0, 0, 0.15);
        }

        /* 卡片图片容器 */
        .scene-img {
            width: 100%;
            height: 280px;
            overflow: hidden;
            position: relative;
        }

        /* 图片本身：添加hover缩放动效 */
        .scene-img img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1);
        }

        /* 图片hover缩放：平滑放大 */
        .scene-card:hover .scene-img img {
            transform: scale(1.05);
        }

        /* 卡片文字区域 */
        .scene-content {
            padding: 24px 20px;
        }

        /* 卡片标题 */
        .scene-title {
            font-size: 24px;
            font-weight: 600;
            color: #333;
            margin-bottom: 12px;
            transition: color 0.3s ease;
            text-align:center;
        }

        /* 标题hover变色 */
        /*.scene-card:hover .scene-title {
            color: #0078d4;
        }*/

        /* 卡片描述 */
        .scene-desc {
            font-size: 18px;
            line-height: 1.7;
            color: #333;
            text-align:center;
        }

        /* 移动端适配：<=768px时改为1列 */
        @media screen and (max-width: 768px) {
        	.nywlw2 {
			    min-height: 600px;
			}
            .scene-container {
                grid-template-columns: 1fr 1fr;
                gap: 20px;
                margin: 20px auto;
            }

            .scene-img {
                height: 110px;
            }

            .scene-title {
                font-size: 16px;
                margin-bottom: 0px;
            }

            .scene-desc {
                font-size: 14px;
                line-height: 1.3;
            }
            .scene-container {
			    padding: 0 15px;
			}
			.scene-content {
			    padding: 8px 7px;
			}
        }

        /* 平板适配：769px-1024px改为2列 */
        @media screen and (min-width: 769px) and (max-width: 1024px) {
            .scene-container {
                grid-template-columns: repeat(2, 1fr);
            }
        }
        
        .nywlw3 {
		  margin: 0 auto;
		  width: 100%;
		  min-height:1702px;
		  background-image: url(../images/wlw008.jpg);
		  background-position: center top;
		  background-repeat: no-repeat;
		  background-size: cover;

		}
		.gd{padding-top:10px;}
		/* 模块容器：控制整体宽度和居中 */
        .feature-section {
            max-width: 1721px;
            margin: 60px auto;
            padding: 0 30px;
            display: grid;
            /* PC端左右分栏，图文比例1:1 */
            grid-template-columns: 1fr 1fr;
            gap: 41px;
            align-items: center;
        }
         .feature-section1 {
            max-width: 1721px;
            margin: 60px auto;
            padding: 0 30px;
            display: grid;
            /* PC端左右分栏，图文比例1:1 */
            grid-template-columns: 1fr;

            align-items: center;
        }

        /* 通用模块标题样式 */
        .module-title {
        	BACKGROUND: url(../images/wlw011.png) no-repeat left top;
        	height:76px;
            font-size: 30px;
            font-weight: 600;
            color: #333;
            margin-bottom: 8px;
            position: relative;
            /* 平滑过渡：hover变色 */
            transition: color 0.3s ease;
             /* 关键：让文字居底部 */
		    display: flex;
		    align-items: flex-end; /* 垂直底部 */
		    padding-bottom: 0; /* 你可以微调距离 */
        }
        .module-title1 {
        	BACKGROUND: url(../images/wlw012.png) no-repeat left top;
        	height:76px;
            font-size: 30px;
            font-weight: 600;
            color: #333;
            margin-bottom: 8px;
            position: relative;
            /* 平滑过渡：hover变色 */
            transition: color 0.3s ease;
             /* 关键：让文字居底部 */
		    display: flex;
		    align-items: flex-end; /* 垂直底部 */
		    padding-bottom: 0; /* 你可以微调距离 */
        }
        .module-title2 {
        	BACKGROUND: url(../images/wlw013.png) no-repeat left top;
        	height:76px;
            font-size: 30px;
            font-weight: 600;
            color: #333;
            margin-bottom: 8px;
            position: relative;
            /* 平滑过渡：hover变色 */
            transition: color 0.3s ease;
             /* 关键：让文字居底部 */
		    display: flex;
		    align-items: flex-end; /* 垂直底部 */
		    padding-bottom: 0; /* 你可以微调距离 */
        }

        .module-subtitle {
            font-size: 18px;
            color: #333;
            margin-bottom: 24px;
        }

        /* 列表项通用样式 */
        .feature-listwlw {
            display: flex;
            flex-direction: column;
            gap: 2px;
        }

        .feature-itemwlw {
            /*background: #fff;*/
            padding: 15px 10px;
            /*border-radius: 12px;
            box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);*/
            /* 核心平滑过渡：所有属性变化都用缓动 */
            transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
            position: relative;
            overflow: hidden;
        }

        /* 列表项hover动效：上浮+阴影增强+左侧高亮条 */
        .feature-itemwlw:hover {
            transform: translateY(-4px);
            /*box-shadow: 0 8px 16px rgba(0, 120, 212, 0.12);*/
        }

        /*.feature-itemwlw::before {
            content: "";
            position: absolute;
            left: 0;
            top: 0;
            width: 4px;
            height: 100%;
            background: #0078d4;
            transform: scaleY(0);
            transition: transform 0.3s ease;
            transform-origin: top;
        }

        .feature-itemwlw:hover::before {
            transform: scaleY(1);
        }*/

        .feature-itemwlw h4 {
            font-size: 24px;
            color: #2254c3;
            margin-bottom: 10px;
            padding-left: 44px;
            position: relative;
        }

        /* 列表项图标（蓝色圆点） */
        .feature-itemwlw h4::before {
            content: "";
            position: absolute;
            left: 0;
            top: 50%;
            transform: translateY(-50%);
            width: 26px;
            height: 26px;
            border-radius: 28%;
            background: linear-gradient(270deg, #1e4ebf, #56aef8);
        }

        .feature-itemwlw p {
            font-size: 18px;
            color: #333;
            line-height: 1.7;
            padding-left: 44px;
        }

        /* 图片容器：添加动效 */
        .img-container {
            width: 100%;
            border-radius: 16px;
            overflow: hidden;
            /*box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08);*/
            transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
        }

        .img-container img {
            width: 83%;
            height: auto;
            display: block;
            transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1);
        }
        
        .img-container1 {
            width: 100%;
            border-radius: 16px;
            overflow: hidden;
            /*box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08);*/
            transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
        }

        .img-container1 img {
            width: 78%;
            height: auto;
            display: block;
            transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1);
        }

        /* 图片hover动效：轻微放大+阴影增强 */
        /*.img-container:hover {
            box-shadow: 0 12px 24px rgba(0, 120, 212, 0.15);
        }*/

        /*.img-container:hover img {
            transform: scale(1.03);
        }*/

        /* 第二个模块：左右图文反转 */
        .feature-section.reverse {
            grid-template-columns: 1fr 1fr;
        }

        /* 移动端适配：<=768px改为上下堆叠 */
        @media screen and (max-width: 768px) {
            .feature-section,
            .feature-section.reverse {
                grid-template-columns: 1fr;
                gap: 32px;
                margin: 15px auto;
                /*margin-top:30px;*/
            }

            /* 移动端反转模块：图片在上，文字在下 */
            .feature-section.reverse .img-container {
                order: -1;
            }

            .module-title {
                font-size: 20px;
            }

            .module-subtitle {
                font-size: 16px;
            }
            .feature-itemwlw {
			    padding: 10px 0px;
			}

            .feature-itemwlw h4 {
                font-size: 16px;
            }

            .feature-itemwlw p {
                font-size: 16px;
                padding-left: 32px;
            }
            .feature-itemwlw h4::before {
			    width: 20px;
			    height: 20px;
			}
			.module-subtitle {
			    margin-bottom: 25px;
			}
			.feature-itemwlw h4 {
			    margin-bottom: 10px;
			    padding-left: 32px;

			}
			.img-container,.img-container1{display:none;}
			.module-title,.module-title1,.module-title2{
			    height: 64px;
			    font-size: 24px;
			}
			.feature-section1 {
			    margin: 25px auto 0 ;
			    
			}
        }

        /* 平板适配：769px-1024px调整间距 */
        @media screen and (min-width: 769px) and (max-width: 1024px) {
            .feature-section {
                gap: 32px;
            }
        }

        /* 滚动入场动效（可选，增强体验） */
        .fade-in-up {
            opacity: 0;
            transform: translateY(20px);
            transition: opacity 0.6s ease, transform 0.6s ease;
        }

        .fade-in-up.active {
            opacity: 1;
            transform: translateY(0);
        }
        
        
        
        .nyqy3 {
		  margin: 0 auto;
		  width: 100%;
		 /* min-height:804px;*/
		  background-image: url(../images/rjqy010.jpg);
		  background-position: center top;
		  background-repeat: no-repeat;


		  z-index: 5;
		} 
		.nyqyqyianbt {
			    margin: 0 auto;
			    width: 89%;
			    padding-top: 67px;
			}
			.nyqyqyianbt1 {
			    color: #fff;
			    font-size: 48px;
			    text-align: center;
			    font-family: "微软雅黑";
			    font-weight: 600;
			}
			.nyqyqybt {
			    margin: 0 auto;
			    width: 203px;
			    height: 6px;
			    background: #fff;
			    margin-top: 32px;
			}
			.nyqyqyianbt2 {
			    color: #666666;
			    font-size: 16px;
			    text-align: center;
			    margin-bottom: 26px;
			    margin-top: 15px;
			}
/* 模块容器：一行四列，PC端均匀分布 */
.benefit-section {
	width: 100%;
    /*padding: 0 20px;*/
  display: flex;
  justify-content: center;
  align-items: stretch;
  gap: 98px;
  padding: 70px 20px;

  flex-wrap: wrap; /* 手机端自动换行 */
}

/* 单个卡片：白色圆角，居中布局 */
.benefit-card {
  background: #ffffff;
  border-radius: 12px;
  padding: 60px 28px;
  width: 275px;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
  /* 平滑动画核心：过渡时间+缓动函数 */
  transition: all 0.35s cubic-bezier(0.25, 0.8, 0.25, 1);
  cursor: default;
      min-height: 345px;
}

/* 悬浮效果：柔和上浮+阴影加深，动作丝滑 */
.benefit-card:hover {
  transform: translateY(-8px);
  box-shadow: 0 12px 24px rgba(0, 0, 0, 0.12);
}

/* 图标容器：蓝色六边形样式（匹配原图） */
.benefit-icon {
  width: 70px;
  height: 70px;
  /*background: #2563eb;
  border-radius: 16px;
  clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);*/
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 20px;
/*  box-shadow: 0 4px 12px rgba(37, 99, 235, 0.2);*/
}

.benefit-icon img {

  object-fit: contain;
}

/* 标题样式 */
.benefit-title {
  font-size: 24px;
  font-weight: bold;
  color: #1d2129;
  margin: 12px 0 12px 0;
}

/* 描述样式 */
.benefit-desc {
  font-size: 18px;
  color: #333333;
  line-height: 1.6;
  margin-top: 25px;
}

/* ========== 手机端适配（≤768px） ========== */
@media (max-width: 768px) {
  .benefit-section {
    gap: 15px;
    padding: 20px 15px;
  }
  .platform-image {
    flex: 0 0 auto;
    width: 90%;
}

.nyqyqyianbt1{font-size: 28px;}


  .benefit-card {
    width: 100%;
    max-width: 320px;
    padding: 24px 16px;
     min-height: auto;
  }
  .benefit-icon {
    width: 60px;
    height: 60px;
    margin-bottom: 16px;
  }
  .benefit-icon img {
    width: 100px;
    height: 100px;
  }
  .benefit-title {
    font-size: 20px;
  }
  .benefit-desc {
    font-size: 14px;
    margin-top: 0px;
  }
}

.nyqy4 {
		  margin: 0 auto;
		  width: 100%;
		  min-height:804px;

		  background-position: center top;
		  background-repeat: no-repeat;
		  background-size: cover;
		  /* 核心：向上叠加 90px */
		/*  margin-top: -190px;*/
		  
		
		  z-index: 5;
		}
	.nyqybtbjsd44 {
    margin: 0 auto;
    width: 100%;
   
} 
 /* 全局重置与容器布局 */
    .platform-section {
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 40px; /* 电脑与文字的间距 */
        padding: 50px 20px;

        flex-wrap: wrap; /* 手机自动换行 */
    }

    /* 左侧图片区域 */
    .platform-image {
        flex: 0 0 auto; /* 固定宽度，不挤压 */
    }
    .platform-img {
        max-width: 100%;
        height: auto;
        transition: all 0.3s ease; /* 图片平滑过渡 */
    }
    /* 电脑图片悬浮微放大效果 */
    .platform-img:hover {
        transform: scale(1.02);
        filter: drop-shadow(0 10px 20px rgba(0,0,0,0.1));
    }

    /* 右侧内容区域 */
    .platform-content {
        display: flex;
        flex-direction: column;
        gap: 5px;
    }

    /* 标题 */
    .platform-title {
        font-size: 30px;
        font-weight: bold;
        color: #156fd6;
        margin: 0;
        text-align: center;
    }

    /* 描述 */
    .platform-desc {
        font-size: 16px;
        color: #4e5969;
        line-height: 1.6;
        margin: 0;
         text-align: center;
             margin-bottom: 47px;
    }

    /* 卡片容器：一行三列 */
    .platform-cards {
        display: flex;
        justify-content: flex-start;
        gap: 30px; /* 卡片间距 */
        flex-wrap: wrap; /* 手机自动换行 */
    }

    /* 单个卡片样式 */
    .platform-card {
        width: 160px; /* 固定宽度使内容对齐 */
        background: #ffffff;
        border-radius: 72px;
        padding: 35px 15px;
        display: flex;
        flex-direction: column;
        align-items: center;
        text-align: center;
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
        transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1); /* 超平滑动画 */
        cursor: default;
        cursor: pointer;
    }

    /* 卡片悬浮效果 */
    .platform-card:hover {
        transform: translateY(-8px); /* 向上浮动 */
        box-shadow: 0 12px 24px rgba(0, 0, 0, 0.1);
    }

    /* 图标样式 */
    .card-icon {
        width: 95px;
        height: 109px;
       
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-bottom: 15px;
    }
    .card-icon img {
        width: 95px;
        height: 109px;
        object-fit: contain;
    }

    /* 卡片标题 */
    .platform-card h3 {
        font-size: 18px;
        font-weight: bold;
        color: #1d2129;
        margin: 0 0 8px 0;
    }

    /* 卡片描述 */
    .platform-card p {
        font-size: 14px;
        color: #4e5969;
        line-height: 1.5;
        margin: 0;
    }

    /* ========== 手机端适配（<768px） ========== */
    @media (max-width: 768px) {
        .platform-section {
            gap: 20px;
            padding: 30px 15px;
        }
        .platform-title {
            font-size: 22px;
            text-align: center;
        }
        .platform-desc {
            font-size: 14px;
            text-align: center;
        }
        .platform-cards {
            justify-content: center;
            gap: 15px;
        }
        .platform-card {
            width: 100%;
            max-width: 280px; /* 手机下单列宽度 */
            padding: 20px 10px;
        }
    }