@charset "utf-8";
/*当浏览器尺寸小于960px的时执行下面的CSS*/
@media screen and (max-width: 960px){
.ul_photo{width:95%; height:auto; margin:0 auto; margin-top:10px;}
.ul_photo li{float:left; width:49%; height:auto; margin-right:2%; margin-bottom:20px; position:relative;}
.ul_photo li span{width:100%; height:auto; overflow:hidden; display:block;}
.ul_photo li span img{width:100%; height:auto;}
.ul_photo li p{text-align: center; font-size:0.14rem; color:#FFF; line-height:0.32rem; background:#324776; margin-top:10px; overflow:hidden; white-space:nowrap; -ms-text-overflow:ellipsis; text-overflow:ellipsis;}
.ul_photo li:hover p{ background-color:#ea6103}
.ul_photo li:nth-child(2n){margin-right:0;}

}

/*当浏览器尺寸大于960px时候*/
@media screen and (min-width:960px){
.ul_photo{width:86%; height:auto; margin:0 auto; margin-top:30px;}
.ul_photo li{float:left; width:23.5%; height:auto; margin-right:2%; margin-bottom:20px; position:relative;}
.ul_photo li span{width:100%; height:auto; overflow:hidden; display:block;}
.ul_photo li span img{width:100%; height:auto;}
.ul_photo li p{text-align: center; font-size:14px; color:#FFF; line-height:40px; background:#324776; margin-top:10px; overflow:hidden; white-space:nowrap; -ms-text-overflow:ellipsis; text-overflow:ellipsis;}
.ul_photo li:hover p{ background-color:#ea6103}
.ul_photo li:nth-child(4n){margin-right:0;}

}