/* 全局样式 */  
*   {  
    margin: 0;  
    padding: 0;  
    border: 0;  
    list-style: none;  
    text-decoration: none;  
    color: inherit;  
    font-weight: normal;  
    font-family: "微软雅黑", "Microsoft YaHei", sans-serif; /* 添加备选字体以防字体不存在 */  
    box-sizing: border-box;  
}  
  
body {  
    background: url(../images/bg-xiaoyi.png) top -150px center no-repeat;  
    background-size: cover; /* 确保背景图片能够覆盖整个body */  
}  
  
img {  
    vertical-align: middle;  
    max-width: 100%;  
}
  
/* 公共头部 */  
.block h2.title {  
    font-size: 30px;  
    color: #333333;  
    padding-bottom: 8px;  
    position: relative;  
    text-align: center;  
}  
  
.block h2.title:after {  
    display: block;  
    content: "";  
    position: absolute;  
    width: 70px;  
    height: 3px;  
    background: #4c80e7;  
    bottom: -30px;  
    left: 50%;  
    transform: translateX(-50%);  
}  
  
.block p.sub-title {  
    font-size: 14px;  
    color: #999999;  
    text-align: center;  
}  
  
/* 效益 */  
.benefit {  
    width: 100%;  
    height: auto;  
    overflow: hidden;  
    text-align: center;  
}  
  
.benefit .items {  
    display: flex;  
    flex-wrap: wrap; /* 允许flex项换行 */  
    justify-content: center; /* 水平居中 */  
    padding: 85px 0 100px;  
}  
  
.benefit .items ul {  
    display: flex;  
    flex-wrap: wrap;  
    justify-content: center;  
    margin: 0;  
    padding: 0;  
}  
  
.benefit .items ul li {  
    flex: 0 0 23%; /* 默认PC端每行四个项目，考虑到间隔，这里使用23% */  
    max-width: 23%;  
    margin: 1%; /* 添加间隔 */  
    text-align: center;  
    transition: all .3s;  
}  
  
.benefit .items ul li:hover {  
    transform: translateY(-5px);  
}  
  
.benefit .items ul li p.title {  
    font-size: 20px;  
    color: #333333;  
    padding: 30px 0 15px 0;  
}  
  
.benefit .items ul li p.desc {  
    font-size: 16px;  
    color: #333333;  
    line-height: 1.5; 
    
}  
  
/* 媒体查询 - 适配移动端 */  
@media (max-width: 768px) { /* 假设在768px以下开始调整布局 */  
    .benefit .items ul li {  
        flex: 0 0 48%; /* 在小于768px的屏幕上，每行两个项目 */  
        max-width: 48%;  
    }  
}  
  
@media (max-width: 480px) { /* 在更小的屏幕上，比如手机 */  
    .benefit .items ul li {  
        flex: 0 0 47%; /* 几乎全屏显示 */  
        max-width: 47%;  
    }  
	
	.benefit .items ul li img{  

        max-width: 40%;  
    }  
	
	.benefit .items ul li .desc{  

        font-size:12px !important
    } 
}