.row1 .list{position: relative;}
.row1 .list .img{width: 50%;padding-bottom: 25.8%;height: 0;overflow: hidden;}
.row1 .list .img img{width: 100%;}
.row1 .list .cont{position: absolute;background: #fff;width: 50%;top: 0;bottom: 0;}
.row1 .list .cont .pos{width: 100%}
.row1 .list .cont .btn{display: inline-block;width: 80px;line-height: 26px;border-radius: 4px;color: #fff;}
.row1 .list:nth-child(odd) .img{float: left;}
.row1 .list:nth-child(even) .img{float: right;}
.row1 .list:nth-child(odd) .cont{right: 0;}
.row1 .list:nth-child(even) .cont{left: 0;}

@media only screen and (max-width: 768px){
    .row1 .list{margin-bottom: 20px}
    .row1 .list .img {width: 100%;padding-bottom: 52%;height: 0;float: none}
    .row1 .list .cont{width: 100%;float: none;background: transparent}
    .row1 .list .cont .tit{color: #fff;}
}