/* css document */

/*图片式*/
.pic-box{width:96%; margin:2%; float:left;}
.pic-box-zi{width:30%; margin:1%; float:left; box-shadow: 0px 2px 8px 0px #ccc;}
.pic-box dd{text-align:center; height:325px; padding:10px 10px 0px 10px;}
.pic-box dd table{width:100%; height:325px;}
.pic-box dd table td, .pic-box dd table a{line-height:0px;}
.pic-box dd img{/*width:100%;*/ max-height:325px; max-width:100%;}
.pic-box h3{font-size:16px; color:#000; line-height:50px; font-weight:bold; width:96%; padding:0 2%; text-align:center; float:left;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.pic-box h3 a:link,.pic-box h3 a:visited{color:#333;}
.pic-box h3 a:hover{color:#ff0000;}

@media screen and (max-width:960px){
.pic-box dd{height:250px;}
.pic-box dd table{height:250px;}
.pic-box dd img{max-height:250px;}
}

@media screen and (max-width:640px){
.pic-box dd{height:150px;}
.pic-box dd table{height:150px;}
.pic-box dd img{max-height:150px;}
}

@media screen and (max-width:480px){
.pic-box dd{height:100px;}
.pic-box dd table{height:100px;}
.pic-box dd img{max-height:100px;}
}

@media screen and (max-width:360px){
.pic-box dd{height:80px;}
.pic-box dd table{height:80px;}
.pic-box dd img{max-height:80px;}
}