.content{width: 80%;margin:0px auto;    padding: 5%;}
    .content1{width: 100%;height: 60px;background-color:#22AC38;    border-radius: 10px 10px 0px 0px;line-height: 60px;}
    .content2_ul{    padding: 0;text-align: center;margin: 0}
    .content2{    float: left;width: 20%;}
    .content2_li{    padding: 20px;border: 1px solid #CECECE;  }
    .content2_li a{font-weight: bold;color: #22AC38;}
    .content2_li:hover{border-bottom: 2px solid #22AC38;  }
    .catename{color: #fff;padding: 10px 50px;background: #4A4747;color: #fff;}
    .content3{float: right;width: 78%;}
    .cate_ul{ text-align: center;    padding-bottom: 5%;margin: 0px;}
    @media screen and (max-width: 770px) {
 
    .content{ width: 100%;margin:0;}
    .catename{padding: 3px}
 .content img{width: 100%}
    .cate_ul{ text-align: center;    padding-bottom: 13%;margin: 0px;}

}