.newBlock { margin-bottom: 4.16667%; }

.newBlock .title {  font-size: 40px; color: #000; text-align: center;}

.newBlock .desc { font-size: 16px; color: #333; max-width: 800px; margin: 10px auto 0; text-align: center; }

.newBlock .wrap { margin-top: 4.38596%; }

.newBlock img{display: block;}

.newBlock .leftW { width: 22.97297%; }

.newBlock .cenW { width: 48.64865%; }

.newBlock .cenW .flexW { margin-top: 5.78704%; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; justify-content: space-between; }

.newBlock .cenW .item { width: 47.22222%; }

.newBlock .rightW { width: 22.97297%; }

.newBlock .rightW .imgW:first-child { margin-bottom: 12.7451%; }

.newBlock .imgW { display: block; position: relative; }

.newBlock .imgW:before { content: ""; width: 100%; height: 100px; background: -webkit-linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); background: -moz-linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); background: -o-linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); background: -ms-linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); background: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); position: absolute; left: 0; bottom: 0; }

.newBlock span { position: absolute; width: 100%; left: 0; bottom: 0; height: 50px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; align-items: center; color: #fff; padding: 0 10px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; font-size: 18px; line-height: 1.1; }

@media screen and (max-width: 600px) { .newBlock { margin-bottom: 40px; }
    .newBlock .leftW, .newBlock .cenW, .newBlock .rightW { width: 100%; }
    .newBlock span { font-size: 14px; }
    .newBlock .imgW, .newBlock .rightW .imgW:first-child { margin-bottom: 20px; } }
