@charset "utf-8";
@media screen and (max-width: 960px){

.box{width:90%; height:auto; margin:0 auto;}

.categoria {
	width: 100%;
	height:auto;
	margin:0 auto;
	margin-top:20px;
	border-bottom: 1px solid #ed6e00;
	color: #ed6e00;
	font-size:0.18rem;
	font-weight: 400;
	line-height:0.5rem;
	font-weight:bold;
}

/*产品框*/
.box_product{ width:99.6%; height:auto; margin:0 auto; margin-top:50px; }
.box_product li{width:100%; height:auto; margin-bottom:60px; box-shadow: 0 0 10px 5px #d8d8d8;}
.box_product li span{display:block; width:100%; height:auto; overflow:hidden;}
.box_product li span img{width:100%; height:auto;}
.box_product li:nth-child(4n){margin-right:0;}
.box_product li p{color:#002469; padding:25px 35px 30px 35px; font-family: Exo\ 2,Helvetica,Arial,sans-serif; font-size:0.18rem; font-weight:700; overflow:hidden; white-space:nowrap; -ms-text-overflow:ellipsis; text-overflow:ellipsis;}
.box_product li:hover p{color:#ff6a00}
/*产品框_end*/

}

@media screen and (min-width:960px){
.box{width:90%; height:auto; margin:0 auto; padding:10px;}

.categoria {
	width: 100%;
	height:auto;
	margin:0 auto;
	margin-top:20px;
	border-bottom: 1px solid #ed6e00;
	color: #ed6e00;
	font-size: 18px;
	font-weight: 400;
	line-height:50px;
	font-weight:bold;
}

/*产品框*/
.box_product{ width:99.6%; height:auto; margin:0 auto; margin-top:50px; }
.box_product li{float:left; width:22%; height:auto; margin-right:4%; margin-bottom:60px; box-shadow: 0 0 10px 5px #d8d8d8; position:relative; }
.box_product li span{display:block; width:100%; height:auto; overflow:hidden;}
.box_product li span img{width:100%; height:auto;}
.box_product li:nth-child(4n){margin-right:0;}
.box_product li p{color:#002469; padding:25px 35px 30px 35px; font-family: Exo\ 2,Helvetica,Arial,sans-serif; font-size:18px; font-weight:700; overflow:hidden; white-space:nowrap; -ms-text-overflow:ellipsis; text-overflow:ellipsis;}
.box_product li:hover p{color:#ff6a00}
.box_product li:before{content: ""; position:absolute; bottom:-12px; width:100%; height:7px; background-color:#ff6a00; transition: 0.4s all ease}
.box_product li:hover:before{bottom:0px;}
/*产品框_end*/
}