@media screen and (max-width:749px) {
#kehu {
/* 6张图片的宽度（包含宽度、padding、border、图片间的留白）
计算：6*(100+2*2+1*2+9) - 9
之所以减去9是第6张图片的右边留白 */
   width:100%;  

   /* 图片的宽度（包含高度、padding、border）
   计算：100+2*2+1*2  */ 
    margin:50px auto;
    overflow:hidden;     /*溢出部份将被隐藏*/
    border-left:1px solid #ccc;
    border-right:1px solid #ccc;
    height:150px;
}  
#kehu ul { list-style:none;}  
#kehu li { float:left; padding-right:9px;}  

#kehu img { border:1px solid #ddd; background:#fff; padding:10px 50px;} 
}


@media screen and (min-width: 750px) and (max-width:969px) {
#kehu {
/* 6张图片的宽度（包含宽度、padding、border、图片间的留白）
计算：6*(100+2*2+1*2+9) - 9
之所以减去9是第6张图片的右边留白 */
   width:750px;  

   /* 图片的宽度（包含高度、padding、border）
   计算：100+2*2+1*2  */ 
    margin:50px auto;
    overflow:hidden;     /*溢出部份将被隐藏*/
    border-left:1px solid #ccc;
    border-right:1px solid #ccc;
    height:150px;  
}  
#kehu ul { list-style:none;}  
#kehu li { float:left; padding-right:9px;}  

#kehu img { border:1px solid #ddd; background:#fff; padding:10px 50px;} 
}



@media screen and (min-width: 970px) and (max-width:1199px) {
#kehu {
/* 6张图片的宽度（包含宽度、padding、border、图片间的留白）
计算：6*(100+2*2+1*2+9) - 9
之所以减去9是第6张图片的右边留白 */
   width:970px;  

   /* 图片的宽度（包含高度、padding、border）
   计算：100+2*2+1*2  */
    /*height:106px;*/  
    margin:50px auto;
    overflow:hidden;     /*溢出部份将被隐藏*/
    border-left:1px solid #ccc;
    border-right:1px solid #ccc;
    height:150px;  
}  
#kehu ul { list-style:none;}  
#kehu li { float:left; padding-right:9px;}  

#kehu img { border:1px solid #ddd; background:#fff; padding:10px 50px;} 
}


@media screen and (min-width:1200px) {
#kehu {
/* 6张图片的宽度（包含宽度、padding、border、图片间的留白）
计算：6*(100+2*2+1*2+9) - 9
之所以减去9是第6张图片的右边留白 */
   width:1200px;  

   /* 图片的宽度（包含高度、padding、border）
   计算：100+2*2+1*2  */
    
    margin:50px auto;
    overflow:hidden;     /*溢出部份将被隐藏*/
    border-left:1px solid #ccc;
    border-right:1px solid #ccc;
    height:150px;  
}  
#kehu ul { list-style:none;}  
#kehu li { float:left; padding-right:9px;}  

#kehu img { border:1px solid #ddd; background:#fff; padding:10px 50px;} 
}