* {
	margin: 0;
	padding: 0;
	text-decoration: none;
	list-style: none;
	border:none;
	font-family:"微软雅黑";
	font-size:16px;
	color:#333333;
}
a:focus{
    outline:none;
}
input{
    outline: none;
}
.con{
    width:1400px;
    margin:35px auto;
    overflow: hidden;
}
.con li{
    width:23.4%;
    margin-left:2.1%;
    float:left;
    margin-bottom:20px;
}
.con li img,.con li a{
    width:100%;
    display: inline-block;
}
.con li img{
    height:190px;
    width: 100%;
    object-fit: cover;
}
.con li div{
    color:#000000;
    font-weight: bold;
    margin-top:20px;
    text-align: center;
}
.con li:first-child,.con li:nth-child(4n+1){
    margin-left:0px;
}
@media screen and (max-width: 1420px) {
    .con{
        width:100%;
        padding:0px 20px;
    }
    .con_left{
        width:22%;
    }
    .con_right{
        width:75%;
    }
}
@media screen and (max-width: 1024px) {
    .con li{
        width:32%;
        margin-left:2%;
    }
    .con li:nth-child(4n+1){
        margin-left:2%;
    }
    .con li:first-child,.con li:nth-child(3n+1){
        margin-left:0px;
    }
}
@media screen and (max-width: 768px) {
    .con{
        width:100%;
        padding:0px 10px;
    }
    .con li{
        width:49%;
        margin-left:2%;
    }
    .con li:nth-child(3n+1){
        margin-left:2%;
    }
    .con li:first-child,.con li:nth-child(2n+1){
        margin-left:0px;
    }
}
@media screen and (max-width: 414px) {
    .con li{
        width:100%;
        margin-left:0%;
    }
    .con li:nth-child(3n+1) {
        margin-left: 0%;
    }
}