@charset "utf-8";
/*@media (max-width: 400px) and (max-width: 400px) {}*/
/*@import  screen and (max-device-width: 400px);
value=":: 输入关键字 ::" onfocus="this.value=''" onblur='if (value ==""){value=":: 输入关键字 ::"}'
background:rgba(0, 0, 0, 0.5) none repeat scroll 0 0 !important;filter:alpha(opacity=50); background:#000;
*/
/*
font-family: arial, helvetica, sans-serif;
font-family: "arial", "verdana", "trebuchet ms", "微软雅黑";
*/
/*	font-size:0px;width: 0px;height: 0px;line-height:0px;
	border-color:transparent transparent transparent #ccc;
	border-style: dashed dashed dashed solid;
	border-width: 3px;
	display: block;
*/
/*
-webkit-transform: translate(-50%,0%);  
-ms-transform: translate(-50%,0%);
-moz-transform: translate(-50%,0%); 
-o-transform: translate(-50%,0%);  
transform: translate(-50%,0%); 
 */

.pinp{width:1180px;margin:85px auto 0;overflow: hidden;}
.pinp ul {margin-right: -50px;overflow: hidden;}
.pinp ul li{width:200px;height: 200px;line-height: 200px;
	position:relative;background:  no-repeat;text-align: center;
	margin:50px 40px 0 0;
	float: left;
}
.pinp ul li img{display: inline-block; height: auto; max-height: 100%;max-width: 100%;vertical-align: middle; width: auto;}
.pinp ul li p{position: absolute;top:0px;left: 0px;}
.fenye{text-align: center;margin:70px 0;}
.fenye a{font-size: 14px;margin:0 0 0 20px;padding:0 3px;}
.fenye a.hover{background: #0474c5;padding:0 3px;color:#fff;}
.fenye a:hover{background: #0474c5;padding:0 3px;color:#fff;}
@media (min-width: 1030px) and (max-width: 1180px) {
	.pinp{width:90%;}
}
@media (min-width: 900px) and (max-width: 1029px) {
	.pinp{width:75%;}
}
@media (min-width: 850px) and (max-width: 899px) {
	.pinp{width:80%;}
	.pinp ul li{margin:50px 35px 0 0;}
}
@media (min-width: 750px) and (max-width: 849px) {
	.pinp{width:90%;}
	.pinp ul li{margin:50px 35px 0 0;}
}
@media (min-width: 500px) and (max-width: 749px) {
	.pinp{width:440px;}
	.pinp ul li{margin:50px 35px 0 0;}
}
@media (min-width: 440px) and (max-width: 499px) {
	.pinp{width:440px;}
	.pinp ul li{margin:50px 35px 0 0;}
}
@media (min-width: 414px) and (max-width: 439px) {
	.pinp{width:100%;}
	.pinp ul li{margin:50px 25px 0 0;}
}
@media all and (max-width: 413px) {
	.pinp{width:200px;}
	.pinp ul li{margin:50px 0px 0 0;}
	.fenye a{margin:0 0 0 8px;}
}