.marqueeleft {
    height: 280px;
    width: 1170px;
    overflow: hidden;
    margin: 40px auto;
}

.marqueeleft li {
    float: left;
    margin: 0 5px;
    display: inline;
    overflow: hidden;
}

.marqueeleft li .pic {
    display: block;
    -border: #ccc 1px solid;
    padding: 2px;
    overflow: hidden;
}

.pic img {
    width: 300px;
    height: auto;
}

.marqueeleft li .txt {
    text-align: center;
    height: 23px;
    line-height: 23px;
    font-size: 16px;
}

#warp{width:1200px;height: 280px;margin:0 auto;position:relative;overflow: hidden;}
        .content{width: 1000%;position: absolute;left:0;top:0;}
        .content li{width:300px;float: left;}

@media screen and (max-width:640px) {
    .pic img {
        width: 200px;
        height: auto;
    }

    .marqueeleft {
        height: 179px;
        overflow: hidden;
        margin: 40px auto;
    }
}