@charset "utf-8";
.container {}
.con1 { overflow:hidden;width: 1000px;margin: 0 auto}
.con1 ul { width:1010px;}
.con1 ul li { float:left; width:230px; height:290px; padding:4px; margin-top:50px; margin-right:10px; border:1px solid #fff;}
.con1 ul li span a { font-size:14px; color:#151515; margin-left:10px; line-height:36px;}
.con1 ul li span a i{display: block;float: right;margin-right: 10px}
.con1 ul li .mes {width:219px; height:26px; font-size:0; margin-top:5px; margin-left:10px;}
.con1 ul li .mes a { display:inline-block; width:60px; height:24px; border:1px solid #acabab; border-radius:2px; padding-left:28px; font-size:13px; color:#313131; line-height:24px; cursor:pointer;}
.con1 ul li .mes a:hover { color:#fff;border:1px solid #a95701;}
.con1 ul li .mes .a-1 { margin-right:17px; background:url(ico2.jpg) 7px center no-repeat;}
.con1 ul li .mes .a-2 { background:url(ico3.jpg) 7px center no-repeat;}
.con1 ul li .mes .a-1:hover { background:#fc8301 url(ico4.jpg) 7px center no-repeat;}
.con1 ul li .mes .a-2:hover { background:#fc8301 url(ico5.png) 7px center no-repeat;}
.con1 ul li:hover { border:1px solid #ff2f2f;}

@media only screen and (max-width: 1100px) {
	
	.con1 ul li {width:30%; margin:2% 1.2%;}
}

@media only screen and (max-width: 640px) {
	
	.con1 ul li {width:45%; margin:2% 2%;}
	.con1 ul li .mes a { font-size:10px;}
}

@media only screen and (max-width: 400px) {
	
	.con1 ul li {width:45%; margin:2% 2%;}
	.con1 ul li .mes a { width:25%; font-size:8px;}
}