/*通用标题*/
.block h2.title{position: relative;font-size: 40px;color: #666666;text-align: center;padding-bottom: 15px;}
.block h2.title.line:after{display: block;content: "";position: absolute;width: 65px;height: 3px;background: #4585f2;bottom: 5px;left: 50%;transform: translateX(-50%);}
.block p.sub-title{font-size: 18px;color: #666666;text-align: center;}
/*创新*/
.innovate{width: 100%;height: auto;overflow: hidden;padding: 95px 0 130px 0;}
.innovate .desc{color: #b4b4b4;font-size: 16px;text-align: center;padding: 35px 0 60px 0;line-height: 30px;}
.innovate .list{width: 100%;height: auto;overflow: hidden}
.innovate .list ul{width: 1200px;margin: 0 auto;height: auto;overflow: hidden;text-align: center;}
.innovate .list ul li{display: inline-block;margin: 8px;background-color: #FFFFFF;border-radius: 10px;box-shadow: 0px 0px 25px rgba(210,210,210,.2);background-repeat: no-repeat;padding-left: 40px;transition: all .3s;}
.innovate .list ul li:hover{transition: all .3s;transform: translateY(-5px);}
.innovate .list ul li h4{font-weight: bold;color: #4585f2;font-size: 24px;text-align: left;padding: 55px 0 25px 0;}
.innovate .list ul li p{color: #333333;font-size: 14px;text-align: left;width: 100%;line-height: 25px;}

@media (max-width: 768px) {  
    .block h2.title {  
        font-size: 24px; /* 减小标题字体大小 */  
    }  
  
    .block h2.title.line:after {  
        width: 30px; /* 减小线条宽度 */  
    }  
  
    .block p.sub-title {  
        font-size: 16px; /* 减小副标题字体大小 */  
    }  
  
    .innovate {  
        padding: 50px 0; /* 减小内边距 */  
    }  
  
    .innovate .desc {  
        padding: 20px 0 30px 0; /* 减小内边距 */  
    }  
  
    .innovate .list ul {  
        width: 100%; /* 使列表占据全屏宽度 */  
        padding: 0 15px; /* 添加水平内边距 */  
    }  
  
    .innovate .list ul li {  
        display: block; /* 将列表项改为块级元素以垂直堆叠 */  
        width: 100%; /* 占据全屏宽度 */  
        margin: 15px 0; /* 上下边距改为固定的值 */  
    }