#procp{width:100%;
	float:left;
	text-align:center;   margin-top:2%;
}
#procp ul{ list-style-type:none;margin-left:-2%;}
#procp UL LI { width:23%; float:left; background-color:#fff; text-align:center; margin-left:2%;overflow:hidden; margin-top:1%; margin-bottom:1%; cursor:pointer; position:relative;box-shadow: 0px 1px 8px #ddd;-webkit-box-shadow: 0px 1px 8px #ddd;-moz-box-shadow: 0px 1px 6px #ddd;}
#procp UL LI p{  background-color:#f4f4f4; color:#555; text-align:center; padding:1.5%; line-height:1.8;TEXT-OVERFLOW: ellipsis; display:block; float:left; width:100%; font-size:15px; font-weight:bold;}
#procp UL LI dd{ width:100%; float:left; padding:1.5%; overflow:hidden; position:relative; }
#procp ul li img{max-width:100%;transition:all 0.6s ease-in-out 0s; height:300px;  display:block; margin-left:auto; margin-right:auto; }
#procp UL LI dd span{
	width:45px;
	height:45px;
	z-index:10;
	position:absolute;
	top:4px;
	right:4px;
	background-image: url(../images/tj.png);
	background-repeat: no-repeat;
	background-position: center center;
}
#procp UL LI:hover img{-webkit-transform:scale(1.1); -moz-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1);}
#procp UL LI:hover p{ background-color:#009999; color:#fff;}
.nTabx{
	width:100%;
	float:left;
	overflow:hidden; text-align:center; margin-bottom:2%;
}
.nTabx  ul{
border:0; font-size:0px; 
}
.nTabx  li{ display:inline-block;
	text-align:center;
	cursor: pointer;
	list-style-type: none;
	 overflow:hidden;  text-align:center;TEXT-OVERFLOW: ellipsis; font-weight:bold; padding-left:20px; padding-right:20px; margin:4px;   line-height:2.5; border-radius:1px; font-size:16px;

}
.nTabx li.active{background-color:#009999;color:#fff; border:#009999 solid 1px;}
.nTabx li.normal{ background-color:#fff; color:#009999; background-color:#f4f4f4; border:#ddd solid 1px;}
.nonea{ display:none;}
@media (max-width: 1250px){#procp ul li img{ height:260px;}#procp UL LI p{ font-size:14px;}.nTabx  li{ font-size:14px;padding-left:15px; padding-right:15px;}}
@media (max-width: 1100px){#procp ul li img{ height:220px;}}
@media (max-width: 900px){#procp ul li img{ height:180px;}#procp UL LI dd span{width:30px;
	height:30px;background-size:cover;}}
@media (max-width: 700px){#procp UL LI { width:48%;}#procp ul li img{ height:260px;}#procp UL LI.c9{ display:none}#procp UL LI p{ font-size:12px;}.nTabx  li{ font-size:12px;padding-left:10px; padding-right:10px;}}
@media (max-width: 600px){#procp ul li img{ height:240px;}}
@media (max-width: 450px){#procp ul li img{ height:220px;}}
@media (max-width: 400px){#procp ul li img{ height:200px;}}