.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{
        color: #00531b;
        border-bottom: 1px solid #00531b;
        font-weight: 700;
    }
    .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%;
        }
    }
    @media screen and (max-width: 1100px){
        .list>ul{
             width: 100%;
         }
        .list>ul>li{
             float: left;
             width:25%;
             padding: 1.5% 0;
        }
        .listBox{
             width: 100%;
         }
         h3{
             padding:0 1%;
         }
         .listBoxs{
             padding: 0 10px;
         }
    }