.img1{
    position: relative;
    display: block;
    height: 0;
    width: 100%;
    padding-top: 58%;}
.img1 img{
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;}

.imgbed{
    position: relative;
    display: block;
    height: 0;
    width: 100%;
    padding-top: 45%;}
.imgbed img{
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;}
.marqueeleft {
    overflow: hidden;
    margin: 10px 0 40px;}
.marqueeleft li {
    float: left;
    display: inline;
    width: 320PX;
    height: 220px;
    overflow: hidden;
    margin-right: 40px;}
.marqueeleft li img {
    width: 320PX;
    height: 220px;}
.marqueeleft ul {
    float: left;}