.showNews { text-align: center; padding-top: 3.125%; padding-bottom: 3.64583%; background: #fff; position: relative; z-index: 1; }
.showNews .title { font-size: 40px; font-family: 'opensanslight', 'Microsoft YaHei', SimSun, Sans-serif; color: #000; }
@media screen and (max-width: 1400px) { .showNews .title { font-size: 36px; } }
@media screen and (max-width: 875px) { .showNews .title { font-size: 24px; } }
.showNews .desc { margin: 10px auto 0; font-size: 18px; max-width: 1200px; font-family: 'opensanslight', 'Microsoft YaHei', SimSun, Sans-serif; color: #000; }
.showNews .desc a{display: inline-block; line-height: 1.2;position: relative;color:#0D3469;}
.showNews .desc a:before{ content: ""; height: 1px; background: #0D3469; position: absolute; bottom: 0; left: 0; right: 0; transition: 0.4s all ease; -moz-transition: 0.4s all ease; -webkit-transition: 0.4s all ease; -o-transition: 0.4s all ease; -ms-transition: 0.4s all ease; }
.showNews .desc a:hover:before { right: 50%; left: 50%; }
.showNews .wrap { margin-top: 3.75%; }
.showNews .box { width: 23.4375%; }
.showNews .box:hover img { transform: scale(1.1); -ms-transform: scale(1.1); -moz-transform: scale(1.1); -webkit-transform: scale(1.1); -o-transform: scale(1.1); }
.showNews .line { width: 23.4375%; }
.showNews .imgWrap { display: block; position: relative; overflow: hidden; border-radius: 10px; }
.showNews .imgWrap img { display: block; }
.showNews .imgWrap img { transition: 0.3s all linear; -moz-transition: 0.3s all linear; -webkit-transition: 0.3s all linear; -o-transition: 0.3s all linear; -ms-transition: 0.3s all linear; }
.showNews .date { line-height: 1; display: inline-block; background: #FFB830; color: #000; font-family: 'opensanslight', 'Microsoft YaHei', SimSun, Sans-serif; border-radius: 10px; padding: 2px 8px; margin-top: 6px; }
.showNews .des { font-size: 16px; color: #222; line-height: 24px; max-height: 48px; text-overflow: ellipsis; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; margin-top: 15px; }
.showNews .more { color: #0D3469; font-family: 'opensanslight', 'Microsoft YaHei', SimSun, Sans-serif; display: inline-block; line-height: 1.2; position: relative; margin-top: 8%; }
.showNews .more:before { content: ""; height: 1px; background: #0D3469; position: absolute; bottom: 0; left: 0; right: 0; transition: 0.4s all ease; -moz-transition: 0.4s all ease; -webkit-transition: 0.4s all ease; -o-transition: 0.4s all ease; -ms-transition: 0.4s all ease; }
.showNews .more:hover:before { right: 50%; left: 50%; }

@media screen and (max-width: 700px) { .showNews .box { width: 48%; margin-bottom: 30px; }
    .showNews .des { font-size: 16px; }
    .showNews .more { margin-top: 10px; } }