.showPro .imgWrap { display: block; position: relative; overflow: hidden; }
.showPro .imgWrap img { display: block; }
.showPro { margin-bottom: 2.60417%; }
.showPro .box { width: 24.7093%; }
.showPro .box:hover .textWrap { top: 0; margin-top: 0; }
.showPro .box:hover .tit { padding-top: 20px; }
.showPro .line { width: 24.7093%; }
.showPro .textWrap { width: 100%; height: 100%; background: rgba(0, 93, 173, 0.8); position: absolute; top: 100%; margin-top: -80px; text-align: center; color: #fff; padding: 0 11.05882%; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }
.showPro .tit { display: block; height: 80px; white-space: nowrap; font-size: 0; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }
.showPro .tit:after { content: ""; display: inline-block; vertical-align: middle; width: 0; height: 100%; }
.showPro .tit .textMidSon { display: inline-block; white-space: normal; vertical-align: middle; font-size: 14px; width: 100%; }
.showPro .tit .textMidSon { font-size: 24px; }
.showPro .des { display: block; border-top: 1px solid #fff; line-height: 24px; max-height: 72px; text-overflow: ellipsis; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; padding-top: 10px; }
.showPro .more { display: block; width: 100%; position: absolute; line-height: 1; bottom: 0; left: 0; margin-bottom: 9.06344%; }
.showPro .more span { position: relative; display: inline-block; }
.showPro .more span:before { content: ""; height: 1px; background: #fff; position: absolute; top: 100%; 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; }
.showPro .more:hover span:before { left: 50%; right: 50%; }

@media screen and (max-width: 1400px) { .showPro .tit { height: 60px; }
    .showPro .textWrap { margin-top: -60px; }
    .showPro .tit .textMidSon { font-size: 20px; } }
@media screen and (max-width: 1200px) { .showPro .tit { height: 40px; }
    .showPro .textWrap { margin-top: -40px; }
    .showPro .tit .textMidSon { font-size: 14px; }
    .showPro .box:hover .textWrap { top: 100%; margin-top: -40px; }
    .showPro .box:hover .tit { padding-top: 0; } }
@media screen and (max-width: 875px) { .showPro .box { width: 47%; margin-bottom: 10px; }
    .showPro { margin-bottom: 35px; } }
@media screen and (max-width: 450px) { .showPro .box { width: 100%; } }