.full-page-title{
    display: flex;
    flex-direction: column; /* 设置为纵向排列 */
    justify-content: center; /* 水平居中 */
    align-items: center; /* 垂直居中 */
    margin: 0; /* 清除默认外边距 */
    text-align: center; /* 文字居中 */
    font-weight: bold; /* 加粗文字 */
    padding-top: 15vh;
    padding-bottom: 10vh;
}
.full-page-title h1 {
border-width: 0px;
/* width: 174px; */
height: 27px;
display: flex;
font-family: '微软雅黑 Bold', '微软雅黑', sans-serif;
font-weight: 700;
font-style: normal;
font-size: 20px;
letter-spacing: 2px;
color: #21315B;
}
.full-page-title span{
    border-width: 0px;
    /* width: 308px; */
    height: 24px;
    display: flex;
    font-family: '微软雅黑', sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 13px;
    letter-spacing: 1px;
    text-align: center;
    line-height: 24px;
    margin-top: 20px;
}
.image-row {
display: flex; /* 使用 Flex 布局 */
justify-content: center; /* 图片居中对齐 */
align-items: center; /* 垂直居中对齐 */
gap: 40px; /* 图片间距，可调整 */
}

.image-row .full-page-content {
max-width: 160px; /* 限制每个 div 的最大宽度 */
flex: 1; /* 子项占据等宽 */
text-align: center; /* 图片居中 */
cursor: pointer;
padding: 20px;
width: 200px;
height: 140px;
}

.image-row img {
width: 108px; /* 图片宽度自动适应 */
max-width: 300px; /* 限制最大宽度 */
height: auto; /* 保持图片比例 */
padding-bottom: 1vh;
}

.image-content {
display: flex; /* 使用 Flex 布局 */
justify-content: center; /* 图片居中对齐 */
align-items: center; /* 垂直居中对齐 */
gap: 40px; /* 图片间距，可调整 */
}

.image-content .full-page-content {
max-width: 160px; /* 限制每个 div 的最大宽度 */
flex: 1; /* 子项占据等宽 */
text-align: center; /* 图片居中 */
cursor: pointer;
padding: 20px;
width: 200px;
height: 140px;
}

.image-content img {
height: auto; /* 保持图片比例 */
padding-bottom: 1vh;
}

.service-content-one,.service-content-two,.service-content-three{
margin-bottom: 10vh;
width: 60%;
margin: auto;
}
#one_div {
border-width: 0px;
width: 1113px;
height: 320px;
background-color: rgba(65, 87, 141, 1);
display: flex; /* 使用 Flex 布局 */
margin: auto;
box-sizing: border-box; /* 确保宽度包含 padding 和 border */
}

.div-content {
padding-left: 5%;
/* padding-top: 5%; */
line-height: 2;
width: 50%; /* 设置宽度为 50% */
box-sizing: border-box; /* 确保宽度包含 padding 和 border */
}

.div-img {
padding: 2% 2%;
box-sizing: border-box;
display: flex; /* 使用 Flex 布局 */
justify-content: flex-end; /* 图片右对齐 */
align-items: center; /* 垂直居中对齐 */
box-sizing: border-box; /* 确保宽度包含 padding 和 border */
}

.div-img img {
max-width: 100%; /* 确保图片不超过容器宽度 */
max-height: 100%; /* 确保图片不超过容器高度 */
width: 500px; /* 保持图片宽度自适应 */
height: auto; /* 保持图片高度自适应 */
}

.div-title{
font-family: 'PingFang-SC-Bold', 'PingFang SC Bold', 'PingFang SC', sans-serif;
font-weight: 700;
font-style: normal;
color: #FFFFFF;
font-size: 18px;
}
.div-text{
font-family: 'PingFang-SC-Bold', 'PingFang SC Bold', 'PingFang SC', sans-serif;
font-weight: 400;
font-style: normal;
color: #FFFFFF;
font-size: 13px;
padding-top: 5%;
}

.full-page-list{
display: flex;
justify-content: center;
text-align: center;
margin-top: 5vh;
}
.full-page-list-item{
display: inline-block; 
margin:0 35px;
max-width: 190px;
}

.full-page-list-item-text{
margin-top: 10px;
line-height: 2;
}

.full-page-table{
margin: auto;
}

/* 自定义表格样式 */
#ID-table-demo-css {
border-collapse: collapse;
width: 100%;
}

#ID-table-demo-css th,
#ID-table-demo-css td {
border: 1px solid #ffffff;
padding: 8px;
text-align: center;
}

#ID-table-demo-css th {
background-color: #3379CC;
color: white;
height: 55px;
}

#ID-table-demo-css tr{
min-height: 50px;
}

#ID-table-demo-css tr:nth-child(even) {
background-color: #CFD5EA;
}
#ID-table-demo-css tr:nth-child(odd) {
background-color: #E9EBF5;
}

#ID-table-demo-css tr:hover {
background-color: #d0d4ec;
}


.full-page-vlist {
display: flex;
justify-content: center;
flex-wrap: wrap;  /* 允许换行 */
gap: 30px; /* 控制模块之间的间距 */
margin-top: 20px;
}

.full-vlist-item {
width: 534px; /* 控制每个模块的宽度，默认显示为4个并排 */
background-color: #ffffff;
/* padding: 20px; */
text-align: center;
box-shadow: 6px 2px 6px rgba(0, 0, 0, 0.45);
transition: transform 0.3s ease;
display: flex;  /* 设置为 Flexbox 容器 */
align-items: center;  /* 垂直居中 */
justify-content: center;  /* 水平居中 */
}

.full-vlist-item-icon {
display: flex;
width: 50%;
height: auto;
overflow: hidden;
position: relative;
}

.full-page-content{
}

.full-vlist-item-text{
text-align: center;
padding-left: 10%;
width: 55%;
padding-right: 15%;
}

.full-vlist-item-text h1{
font-family: 'Arial Negreta', 'Arial Normal', 'Arial';
font-weight: 700;
font-style: normal;
font-size: 16px;
color: #21315B;
text-align: left;
}

.full-vlist-item-text p{
line-height: 22px;
font-family: 'Arial Normal', 'Arial';
font-weight: 400;
font-style: normal;
color: #41578D;
text-align: left;
}

.full-page-vlist-item {
width: 22%; /* 控制每个模块的宽度，默认显示为4个并排 */
background-color: #f9f9f9;
padding: 20px;
text-align: center;
border-radius: 8px;
box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
transition: transform 0.3s ease;
display: flex;  /* 设置为 Flexbox 容器 */
align-items: center;  /* 垂直居中 */
justify-content: center;  /* 水平居中 */
}

.full-page-vlist-item:hover {
transform: translateY(-10px); /* 悬停时的上升效果 */
}

.full-page-vlist-item-icon {
margin-right: 10px;  /* 设置图标和文本之间的间距 */
}

.full-page-vlist-item-icon img {
width: 60px;
height: 60px;
}

.full-page-vlist-item-text h1 {
font-size: 18px;
color: #333;
margin-bottom: 10px;
text-align: left;
}

.full-page-vlist-item-text p {
font-size: 14px;
color: #666;
line-height: 1.5;
text-align: left;
font-family: '微软雅黑';
font-weight: 400;
font-style: normal;
letter-spacing: 1px;
line-height: 24px;
}

/* 确保在屏幕宽度小于768px时，每个模块占满整行 */
@media (max-width: 768px) {
.full-page-vlist-item {
    width: 100%;  /* 每个模块占满整行 */
    flex-direction: column;  /* 改为垂直排列 */
    text-align: left;  /* 文字左对齐 */
}
}

.loose{
display:none;
filter: opacity(85%);
}
.solid1{
display:none;
}

.div-content{
margin: auto;
}

.full-page-slist-item {
margin-top: 20px;
display: flex; /* 使用 Flex 布局 */
justify-content: center; /* 图片水平居中对齐 */
align-items: center; /* 图片垂直居中对齐 */
gap: 20px;
}
.image-container {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 20px;
}

.image-group {
position: relative;
width: 230px; /* 设置图片组的宽度 */
height: 210px; /* 设置图片组的高度 */
}

.image-group img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
}

.image-group img:nth-child(1) {
z-index: 3;
}

.image-group img:nth-child(2) {
z-index: 2;
}

.image-group img:nth-child(3) {
z-index: 1;
}

.full-page-slist-item img{
transform: scale(0.9);
border-radius: 20px;
}

.four-div{
display: flex;
justify-content: center;
align-items: center;
padding-bottom: 10vh;
}

.layui-card-header,.layui-card-headers{
    text-align: center;
}
.layui-card-header>span{
    font-family: 'PingFang-SC-Bold', 'PingFang SC Bold', 'PingFang SC', sans-serif;
    font-weight: 700;
    font-size: 18px;
}
.stack-header{
    font-family: 'PingFang-SC-Bold', 'PingFang SC Bold', 'PingFang SC', sans-serif;
    font-weight: 700;
    font-size: 18px;
    color: #21315B;
}
.layui-card-body{
    display: grid;
    place-items: center; /* 水平和垂直居中 */
}
.stack-img{
    height: 400px;
}
.stack-p{
    text-align: center;
}