/*product*/
.m-product .content{ display:block; position:relative; width:930px; padding:20px 0 0 0;}
.m-product .content li { margin-right:20px; margin-bottom:20px;  float:left; }
.m-product .content li a{ display:block; color:#666; position:relative; width:271px; height:228px; padding:6px; border:1px solid #eeeeee;}
.m-product .content li a:hover{ border: 1px solid #276eb3; color:#276eb3;}
.m-product .content li img{ display:block; width:271px; height:188px;}
.m-product .content li p{ width:100%; line-height:40px; text-align:center; font-size:14px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

/*屏幕最大为1200*/
@media screen and (max-width: 1220px){
	.m-product{width:100%;}
	.m-product .title{ padding:0px 2%;}
	.m-product .content{ width:100%;}
	.m-product .content li{ margin-right:0px; width:25%;}
	.m-product .content li a{ margin:0 auto;}
	}

@media screen and (max-width: 1140px){
	.m-product .content li{width:33.3333%;}
	}
@media screen and (max-width: 855px){
	.m-product .content li{width:50%;}
	}
@media screen and (max-width: 570px){
	.m-product .content li{width:50%; margin-bottom:10px;}
	.m-product .content li a{ display:block; color:#666; position:relative; width:96%; height:auto; padding:2%; border:none;}
	.m-product .content li a:hover{ border:none; color:#276eb3;}
	.m-product .content li img{ display:block; width:100%; height:auto;}
	.m-product .content li p{ width:100%; line-height:30px; text-align:center; font-size:14px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
	}


/*news*/
.m-news{ width:100%; padding-bottom:20px;}
.m-news .content{ display:block; position:relative; width:100%; padding:10px 0 0 0;}
.m-news li{ height:30px; line-height:30px; font-size:14px;}
.m-news li a{ color:#333;}
.m-news li a:hover{ color:red;}
.m-news li span{ color:#aaa;}