/* 全局重置与基础样式 */
* {
	margin: 0;
	padding: 0;
	/* box-sizing: border-box;
	font-family: "微软雅黑", sans-serif; */
}


.About_w {
	width: 100%;
	background: url("img/sybj.jpg") no-repeat center center fixed;
	background-size: cover;
	min-height: 664px;
	height: auto;
	position: relative;
	padding: 40px 0; 
	display: flex;
	/* align-items: center; */
	margin-top: 50px;
}
.sk{
	width: 84px;
	height: 6px;
	background: #1256BC;
	border-radius: 0px 0px 0px 0px;
	margin-top: 25px;
	margin-bottom: 25px;
}

.Aboutwenzi {
	width: 40%; 
	
	z-index: 2;
	margin-left: 12.5%;
}

.Aboutwenzi h1 {
	font-family: Source Han Sans CN, Source Han Sans CN;
	font-weight: bold;
	font-size: 48px;
	color: #1A1A1A;
	margin-bottom: 10px;
}

.Aboutwenzi .pinyin {
	font-family: Source Han Sans CN, Source Han Sans CN;
	font-weight: 400;
	font-size: 16px;
	color: #CCCCCC;
	color: #666;
	margin-bottom: 20px;
}

.Aboutwenzi .desc {
	font-family: Source Han Sans CN, Source Han Sans CN;
	font-weight: 400;
	font-size: 20px;
	color: #666666;
	line-height: 1.8;
	margin-bottom: 30px;
	
}


.data {
	width: 96%;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap; 
	margin-top: 100px;
}

.data-item {
	
	width: 23%; 
	min-width: 100px; 
}

.data-item span {
	font-family: Source Han Sans CN, Source Han Sans CN;
	font-weight: 500;
	font-size: 39px;
	color: #1256BC;
	display: block;
	margin-bottom: 5px;
}

.data-item sup {
	font-family: Source Han Sans CN, Source Han Sans CN;
	font-weight: 400;
	font-size: 13px;
	color: #666666;
}

.data-item p {
	font-family: Source Han Sans CN, Source Han Sans CN;
	font-weight: 400;
	font-size: 16px;
	color: #666666;
}

/* 图片样式 */
.Aboutimg {
	position: absolute;
	bottom: 0;
	right: 0%; 
	height: 100%;
	width: 53%;
	object-fit: contain; 
	object-position: center bottom;
}
.develop{
	width: 100%;
	position: relative;
}
.developimg{
	width: 100%;
	object-fit: contain; 
	object-position: center top;
}
.develop-title{
	width: 100%;
	position: absolute;
	top: 10px;
	display: flex;
	justify-content: center;
}
.develop-title img{
	width: 90%;
	object-fit: contain;
}

/* 页面b ======================*/
.enterprise{
	width: 100%;
	background: linear-gradient( 180deg, rgba(242,242,242,0) 0%, #F2F2F2 100%);
	padding-top: 7%;
}
.enterpriseimg{
	
	width: 50%;
	margin: 0 auto;
}
.enterpriseimg img{
	width: 100%;
	object-fit: contain;
	
}
.qualification{
	
	width: 70%;
	margin: 0 auto;
}
.qualification img{
	width: 100%;
	object-fit: contain;
	
}
.Qualificationslist{
	width: 75%;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
	flex-wrap:  wrap;
	margin-top: 7%;
	/* 关键：设置行高，让伪元素不影响布局 */
	row-gap: 5%; 
}

.Qualificationslist img{
	width: 15%;
	object-fit: contain;
	margin-bottom:5%;
}

/* 伪元素补位：添加与图片宽度相同的“占位元素”，强制最后一排对齐 */
.Qualificationslist::after {
	content: "";
	width: 15%; /* 与图片宽度一致 */
	height: 0; /* 高度为0，不占空间 */
}
.technology{
	width: 100%;
	position: relative;
}
.technology img{
	width: 100%;
	object-fit: contain;
}
.tech_item{
	position: absolute;
	bottom: 22%;
	left: 13%;
}
.item1{
	font-family: Source Han Sans CN, Source Han Sans CN;
	font-weight: 500;
	font-size: 40px;
	color: #000000;
	line-height: 100px;
}
.item1 span:nth-child(2){
	font-family: Source Han Sans CN, Source Han Sans CN;
	font-weight: 500;
	font-size: 113px;
	color: #1256BC;
}
.item2{
	font-family: Source Han Sans CN, Source Han Sans CN;
	font-weight: 500;
	font-size: 56px;
	color: #000000;
}
.honour{
	width: 100%;
	position: relative;
}
.honourimg{
	width: 100%;
	object-fit: contain;
}
.honour_item{
	position: absolute;
	top: 10%;
	text-align: center;
	width: 100%;
	margin: 0 auto;
}
.honour_item .bt{
	width: 36%;
	object-fit: contain;
}
.honour_wenb{
	width: 872px;
	margin: 0 auto;
	font-family: Source Han Sans CN, Source Han Sans CN;
	font-weight: 400;
	font-size: 20px;
	color: #666666;
	margin-top: 2%;
}

/* c页面 ================================================================================ */
.services{
	width: 100%;
	background: #F2F2F2;
	padding-top: 40px;
	margin: 0;
}
.service_bt{
	width: 10%;
	margin: 0 auto;
	padding-top: 20px;
}
.service_bt img{
	width: 100%;
	object-fit: contain;
}
/* 内容区域-响应式布局 */
.service-content {
	display: flex;
	flex-wrap: wrap; /* 小屏幕自动换行 */
	justify-content: center;
	align-items: stretch; /* 关键：子元素高度拉伸至与容器一致 */
	width: 100%;
	margin: 0 auto;
	margin-top: 5%;
}

/* 左侧图片 */
.service-img {
	width: 75%;
	object-fit: cover;
}

/* 右侧列表 */
.service-list {
	width: 38%;
	display: flex;
	flex-direction: column; /* 列表项垂直排列 */
}
.service-list ul {
	list-style: none;
	flex: 1; /* 列表占满父容器剩余高度 */
	display: flex;
	flex-direction: column;
	justify-content: space-between; /* 列表项垂直分布 */
}
.service-list li {
	width: 100%;
	margin-bottom: 20px;
}
.service-list .titles {
	font-family: Source Han Sans CN, Source Han Sans CN;
	font-weight: 400;
	font-size: 24px;
	color: #666666;
	display: block;
	margin-bottom: 5px;
}
.service-list .en {
	font-family: Source Han Sans CN, Source Han Sans CN;
	font-weight: 400;
	font-size: 12px;
	color: #999999;
	margin-bottom: 8px;
}



/* 线条样式 */
.line-group {
	display: flex;
	align-items: center;
	margin-top: 3%;
}
.blue-line {
	width: 60px;
	height: 4px;
	background: #007AFF;
}
.gray-line {
	flex: 1;
	height: 1px;
	background: #CCCCCC;
}

.projectcycle {
  width: 100%;
  margin: 0 auto;
  margin-top: 2%;
  position: relative; /* 关键：作为绝对定位的容器 */
  
}

.period {
  width: 100%;
  object-fit: contain;
  display: block; /* 移除默认inline的空隙 */
}

.period2 {
  width: 100%;
  position: absolute;
  top: 2%;
  text-align: center;
}
.period2 img{
	width: 90%;
	object-fit: contain;
}


/* 服务优势标题模块 */
.Benefits {
  width: 100%;
  padding: 80px 0;
  background: #f5f5f5; /* 可选：背景色与设计匹配 */
}

.benefits-title {
  width: 70%;
  margin: 0 auto;
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
}

.benefits-title .cn {
  font-family: Source Han Sans CN, Source Han Sans CN;
  font-weight: bold;
  font-size: 40px;
  color: #1A1A1A;
}
.benefits-title .cn span {
  color: #007AFF; /* “优势”蓝色突出 */
}

.en-line {
  display: flex;
  align-items: flex-end;
  flex: 0 0 calc(80% - 30%); /* 控制英文区域宽度，预留间距 */
}

.benefits-title .en {
  font-family: Source Han Sans CN, Source Han Sans CN;
  font-weight: 500;
  font-size: 20px;
  color: #CCCCCC;
  letter-spacing: 20px;
  border-bottom: 1px solid #999;
  padding-bottom: 5px;
  flex: 1;
}

.benefits-title .blue-block {
  width: 40px;
  height: 4px;
  background: #007AFF;
 
}




/*  */
/* 服务优势内容模块 */
.superiority {
  width: 70%;
  margin: 60px auto 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.superiority_img{
	width: 70%;
	margin: 60px auto 0;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.superiority_img-item{
	width: 43%;
	margin-bottom: 40px;
}
.superiority_img-item img {
	width: 100%;
	object-fit: cover;
}
.superiority-item {
  width: 47%;
  height: 363px;
  margin-bottom: 40px;
  position: relative;
}

/* 标题样式 */
.superiority h3 {
   font-family: Source Han Sans CN, Source Han Sans CN;
  font-weight: 500;
  font-size: 20px;
  color: #1153B5;
  position: relative;
  padding: 20px;
  margin: 0;
  z-index: 99;
}

.superiority h3 span {
  font-family: Source Han Sans CN, Source Han Sans CN;
  font-weight: 500;
  font-size: 48px;
  color: rgba(51, 51, 51, 0.2);
  position: absolute;
  top: -9px;
  left: 5px;
}

/* 内容区域布局 */
.concentrate {
  width: 100%;
  height: 300px;
  display: flex;
  background: #fff;
  border-radius: 14px;
  align-items: center;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
}

.concentrate p {
  width: 60%;
  font-family: Source Han Sans CN, Source Han Sans CN;
  font-weight: 500;
  font-size: 14px;
  color: #666666;
  line-height: 1.25;
  padding: 0 20px 20px 20px;
  box-sizing: border-box;
  z-index: 99;
}

/* .concentrate img {
  width: 45%;
  object-fit: cover;
  border-radius: 0 0 8px 0;
} */
.superiority-item img {
  width:652px;
  object-fit: cover;
  border-radius: 0 0 8px 0;
  position: absolute;
  top: 0;
  right: 0;
}

/*  */
@media (max-width: 1600px){
	.Aboutwenzi h1 {
		font-size: 35px;
	}
	
	.Aboutwenzi .pinyin {
		font-size: 14px;
		margin-bottom: 15px;
	}
	
	.Aboutwenzi .desc {
		margin-bottom: 20px;
		font-size: 15px;
		
	}
	.data-item span {
		font-size: 30px;
	}
	
	.data-item sup {
		font-size: 10px;
	}
	
	.data-item p {
		font-size: 14px;
	}
	
	.item1{
		font-family: Source Han Sans CN, Source Han Sans CN;
		font-weight: 500;
		font-size: 30px;
		color: #000000;
		line-height: 70px;
	}
	.item1 span:nth-child(2){
		font-family: Source Han Sans CN, Source Han Sans CN;
		font-weight: 500;
		font-size: 80px;
		color: #1256BC;
	}
	.item2{
		font-family: Source Han Sans CN, Source Han Sans CN;
		font-weight: 500;
		font-size: 40px;
		color: #000000;
	}
	/*  */
	.superiority {
	  width: 70%;
	  margin: 40px auto 0;
	  display: flex;
	  flex-wrap: wrap;
	  justify-content: space-between;
	}
	
	.superiority-item {
	  width: 47%;
	  height: 263px;
	  margin-bottom: 40px;
	  position: relative;
	}
	
	/* 标题样式 */
	.superiority h3 {
	   font-family: Source Han Sans CN, Source Han Sans CN;
	  font-weight: 500;
	  font-size: 20px;
	  color: #1153B5;
	  position: relative;
	  padding: 20px;
	  margin: 0;
	  z-index: 99;
	}
	
	.superiority h3 span {
	  font-family: Source Han Sans CN, Source Han Sans CN;
	  font-weight: 500;
	  font-size: 48px;
	  color: rgba(51, 51, 51, 0.2);
	  position: absolute;
	  top: -9px;
	  left: 5px;
	}
	
	/* 内容区域布局 */
	.concentrate {
	  width: 100%;
	  height: 200px;
	  display: flex;
	  background: #fff;
	  border-radius: 14px;
	  align-items: center;
	  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
	}
	
	.concentrate p {
	  width: 60%;
	  font-family: Source Han Sans CN, Source Han Sans CN;
	  font-weight: 500;
	  font-size: 12px;
	  color: #666666;
	  line-height: 1.25;
	  padding: 0 20px 20px 20px;
	  box-sizing: border-box;
	  z-index: 99;
	}
	
	/* .concentrate img {
	  width: 45%;
	  object-fit: cover;
	  border-radius: 0 0 8px 0;
	} */
	.superiority-item img {
	  width: 451px;
	  object-fit: cover;
	  border-radius: 0 0 8px 0;
	  position: absolute;
	  top: 0;
	  right: 0;
	}
	/*  */
}
@media (max-width: 1350px){
	.superiority h3 {
	  font-size: 14px;
	}
	.superiority h3 span {
	    font-family: Source Han Sans CN, Source Han Sans CN;
	    font-weight: 500;
	    font-size: 40px;
	    color: rgba(51, 51, 51, 0.2);
	    position: absolute;
	    top: 11px;
	    left: 5px;
	}
}
/* 响应式适配（同步调整间距逻辑） */
@media (max-width: 768px) {
	.About_w {
		flex-direction: column;
		padding: 30px 0; 
		margin-top: 0;
	}
	
	.Aboutwenzi {
		width: 100%;
		margin: 0 ; 
		
	}
	.Aboutwenzi h1 {
	    font-size: 21px;
	}
	.Aboutimg {
		position: relative;
		width: 90%; 
		height: auto;
		right: auto; 
		margin: 0 auto; /* 图片居中 */
	}
	
	.data {
		justify-content: space-around;
	}
	
	.data-item {
		width: 45%;
		margin-bottom: 15px;
	}
	
	
	/* ================================================================= */
	
	
	
	.enterpriseimg{
		
		width: 90%;
		margin: 0 auto;
	}
	.qualification{
		
		width: 95%;
		margin: 0 auto;
	}
	.Qualificationslist{
		width: 95%;
		margin: 0 auto;
		display: flex;
		justify-content: space-between;
		flex-wrap:  wrap;
		margin-top: 7%;
		/* 关键：设置行高，让伪元素不影响布局 */
		row-gap: 5%; 
	}
	
	
	.item1{
		font-size: 18px;
	}
	.item1 span:nth-child(2){
		font-size: 45px;
	}
	.item2{
		font-family: Source Han Sans CN, Source Han Sans CN;
		font-weight: 500;
		font-size: 23px;
		color: #000000;
	}
	
	.honour_item{
		top: 2%;
	}
	.honour_item .bt{
		width: 50%;
	}
	.honour_wenb{
		width: 98%;
		margin: 0 auto;
		font-family: Source Han Sans CN, Source Han Sans CN;
		font-weight: 400;
		font-size: 8px;
		color: #666666;
		margin-top: 1%;
	}
	
	
	/* ============== */
	.service_bt{
		width: 40%;
		
	}
	.service-content {
			flex-direction: column; /* 上下布局 */
		}
		.service-img, .service-list {
			width: 95%; /* 小屏幕宽度95% */
			margin: 0 auto 30px;
		}
		.line-group {
			justify-content: center;
		}
		/*  */
		
		.benefits-title {
		  flex-direction: column;
		  align-items: flex-start;
		}
		.en-line {
		  width: 100%;
		  margin-top: 15px;
		}
		.benefits-title .en {
		  font-family: Source Han Sans CN, Source Han Sans CN;
		  font-weight: 500;
		  font-size: 10px;
		  color: #CCCCCC;
		  letter-spacing: 1px;
		  border-bottom: 1px solid #999;
		  padding-bottom: 5px;
		  flex: 1;
		}
		/*  */
		.superiority {
		    width: 98%;
		  }
		  .superiority-item {
		    width: 100%; /* 小屏幕一行一列，宽度100% */
		  }
		  .superiority-item img {
		    height: 300px;
		    	position: absolute;
		    	top: 64px;
		    	right: 0;
		  }
		  .superiority h3 {
		    font-size: 14px;
		  }
		  .concentrate {
		    flex-direction: column; /* 小屏幕内容上下布局 */
			background:rgba(26, 26, 26, 0.7) ;
			display: flex;
			align-items: center;
			justify-content: center; 
			width: 100%;
			height: 300px;
			z-index: 999;
			position: relative;
			border-radius: 14px;
		  }
		  .concentrate p {
		    width: 100%;
			color: #fff;
		  }
		  .concentrate img {
		    border-radius: 0 0 8px 8px;
			width: 100%;
			height: 300px;
			position: absolute;
			top: 62px;
			right: 0;
			   
			}
		.superiority h3 span {
		    font-family: Source Han Sans CN, Source Han Sans CN;
		    font-weight: 500;
		    font-size: 27px;
		    color: rgba(51, 51, 51, 0.2);
		    position: absolute;
		    top: 12px;
		    left: 5px;
		}
		.benefits-title .cn {
		    font-family: Source Han Sans CN, Source Han Sans CN;
		    font-weight: bold;
		    font-size: 28px;
		    color: #1A1A1A;
		}
		/*  */
		.item1{
			font-family: Source Han Sans CN, Source Han Sans CN;
			font-weight: 500;
			font-size: 15px;
			color: #000000;
			line-height: 20px;
		}
		.item1 span:nth-child(2){
			font-family: Source Han Sans CN, Source Han Sans CN;
			font-weight: 500;
			font-size: 20px;
			color: #1256BC;
		}
		.item2{
			font-family: Source Han Sans CN, Source Han Sans CN;
			font-weight: 500;
			font-size: 18px;
			color: #000000;
		}
		.superiority_img{
			width: 100%;
			margin: 60px auto 0;
			display: flex;
			flex-wrap: wrap;
			justify-content: center;
		}
		.superiority_img-item{
			width: 98%;
			margin-bottom: 20px;
		}
		.Benefits {
		    width: 100%;
		    padding: 20px 0;
		    background: #f5f5f5;
		}
}

/*  */