.list{
        overflow: hidden;
    }
     
    .about-main img{
        width: 100%;
    }
    .list{
        margin-top: 20px;
    }
    .list>ul{
        width: 20%;
        float: left;
    }
    .list>ul>li{
        padding: 9% 0;
        text-align: center;
        border-bottom: 1px solid #ccc;
        cursor: pointer;
    }
    .list>ul>li>a{
        color: #282828;
    }
    .listBg{
        border-bottom: 1px solid #00531b;
        font-weight: 700;
    }
    .listBox>ul{
       overflow: hidden;
    }
    .listBox>ul>li{
        width: 33.33%;
        box-sizing: border-box;
        padding:1% 2%;
        float: left;
    }
    .listBox>ul>li>a>img{
        width: 100%;
    }
    .listBox>ul>li>a>p{
        padding: 1% 0;
        color: #282828;
    }
    .listBox{
        float: right;
        width: 78%;
    }
    h3{
        border: 0;
    }
    @media screen and (min-width: 1100px){
        .about-main img{
            margin-top: 70px;
        }
        .list>ul{
            width: 10%;
        }
        .listBox{
            width: 84%;
        }
    }
    .layui-flow-more{
        margin-left: 45%;
        margin-bottom: 2%;
    }
    .listBox>ul>li>a>p{
            width: 100%;
        overflow: hidden;
        text-overflow: ellipsis; /* 文本溢出时显示省略号来代表被修剪的文本 */
        display: -webkit-box; /* 必须结合的属性 ，将对象作为弹性伸缩盒子模型显示 */
        -webkit-box-orient: vertical; /* 必须结合的属性 ，设置或检索伸缩盒对象的子元素的排列方式 */
        -webkit-line-clamp: 1; 
        }
    @media screen and (max-width: 1100px){
        .listBox>ul>li>a>p{
            width: 100%;
            overflow: hidden;
            text-overflow: ellipsis; /* 文本溢出时显示省略号来代表被修剪的文本 */
            display: -webkit-box; /* 必须结合的属性 ，将对象作为弹性伸缩盒子模型显示 */
            -webkit-box-orient: vertical; /* 必须结合的属性 ，设置或检索伸缩盒对象的子元素的排列方式 */
            -webkit-line-clamp: 2; 
        }
        .list>ul{
             width: 100%;
         }
         .list>ul>li{
             float: left;
             width:33.33%;
             padding: 1.5% 0;
         }
         .listBox{
             width: 100%;
         }
         h3{
             padding:0 1%;
         }
         .listBox>ul>li{
             padding: 1% 2%;
             width: 50%;
         }
    }