.block2 { margin-bottom: 4.16667%; }
.block2 .cont { width: 25%; position: relative; overflow: hidden; float: left; }
.block2 .imgWrap { position: relative; }
.block2 .imgWrap img { display: block; }
.block2 .imgWrap span { line-height: 1; color: #fff; background: #000; font-size: 30px; font-family: 'opensanslight',Arial, 'Microsoft YaHei', SimSun, Sans-serif; display: inline-block; padding: 10px 8px; border-radius: 4px; position: absolute; top: 0; left: 20px; }
.block2 .padWrap { padding-top: 150%; position: relative; }
.block2 .textWrap { width: 100%; height: 100%; position: absolute; top: 0; right: 0; background: #117BB1; white-space: nowrap; font-size: 0; text-align: center; padding: 0 7.5%; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; transition: 1s all ease; -moz-transition: 1s all ease; -webkit-transition: 1s all ease; -o-transition: 1s all ease; -ms-transition: 1s all ease; }
.block2 .textWrap:after { content: ""; display: inline-block; vertical-align: middle; width: 0; height: 100%; }
.block2 .textWrap .textMidSon { display: inline-block; white-space: normal; vertical-align: middle; font-size: 14px; width: 100%; }
.block2 .textWrap .textMidSon { margin-top: -40%; }
.block2 .tit { font-size: 50px; color: #fff; font-family: 'opensansbold',Arial, 'Microsoft YaHei', SimSun, Sans-serif; }
.block2 .des { font-size: 18px; color: #fff; line-height: 30px; max-height: 150px; text-overflow: ellipsis; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical; font-family: 'opensanslight',Arial, 'Microsoft YaHei', SimSun, Sans-serif; }
.block2 .more { font-size: 15px; font-family: 'opensansbold',Arial, 'Microsoft YaHei', SimSun, Sans-serif; color: #fff; line-height: 1; padding: 12px 20px; border: 1px solid #fff; border-radius: 3px; display: inline-block; position: absolute; right: 7.5%; bottom: 0; margin-bottom: 7.5%; overflow: hidden; }
.block2 .more:before { width: 100%; height: 100%; content: ""; position: absolute; top: 0; right: 100%; background: #fff; }
.block2 .more span { position: relative; }
.block2 .more:hover:before { right: 0; }
.block2 .more:hover span { color: #117BB1; }

@media screen and (max-width: 1400px) { .block2 .tit { font-size: 36px; }
    .block2 .imgWrap span { font-size: 20px; } }
@media screen and (max-width: 875px) { .block2 .cont { width: 50%; }
    .block2 .tit { font-size: 24px; }
    .block2 .des { font-size: 14px; line-height: 24px; max-height: 72px; text-overflow: ellipsis; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; }
    .block2 .more { padding: 6px 10px; }
    .block2 .imgWrap span { font-size: 16px; } }