.all{ width:100%;  padding-bottom:35px; display: inline-table}
.all ul{ width:98%; margin:auto;}
.all ul li{ width:22%; float:left; margin:0 1.5%;min-height: 90px;}

.fenlei{ width:100%;height:250px;border-radius:10px;box-shadow: 1px 1px 6px RGBA(0, 0, 0, 0.25);}
.fenlei  ul li.pic{ width:100%;text-align:center;}
.fenlei  ul li.pic img{width:70px; height:auto; padding:80px 0 20px 0; }
.fenlei  ul li.name{ width:100%; text-align:center; color:#FFFFFF; font-size:16px; font-weight:600}

@media (max-width: 1024px) {
.content-container{ background:#f9fafb;}
body{ padding:15px;}
.fenlei{ height:330px;}
.fenlei  ul li.pic img{padding:120px 0 20px 0; }
.all{ padding:5px auto 50px auto;; margin:auto; display: table}
/*.content-container{min-height: calc(100vh - 30px);}*/
@media (orientation: landscape) {/*ºáÆÁ*/
.all ul{ width:93%; margin:auto;}
}

@media (orientation: portrait) {/*ÊúÆÁ*/
.all ul{ width:100%; margin:auto;}
.all ul li{ width:23%;margin:0 1%;}
}



}
@media (max-width: 480px) {
body{padding:10px;}
.content-wrapper {padding: 20px 15px;}
.all{ padding:10px 0 35px 0;}
.all ul{ width:100%;}
.all ul li{ width:100%;margin:0 1%;}
.all ul li:nth-child(1){ margin-left:0;}
.all ul li:nth-child(4){ margin-right:0}
 
.fenlei{ height:80px; line-height:80px;}
.fenlei ul { width:150px;}
.fenlei  ul li{ float:left}
.fenlei  ul li.pic{ width:50px;}
.fenlei  ul li.pic img{width:50px; padding:20px 0 0px 0; }
.fenlei  ul li.name{font-size:18px;width:60px; font-weight:600}
 }