.showProject .imgWrap { display: block; position: relative; overflow: hidden; }
.showProject .imgWrap img { display: block; }

.pubMore { display: inline-block; width: 190px; height: 58px; line-height: 58px; text-align: center; color: #fff; }
.pubMore span:after { content: "\e63d"; font-family: icomoon, Arial, Helvetica, 'Microsoft YaHei', SimSun, Sans-serif; display: inline-block; vertical-align: middle; margin-left: 20px; line-height: 1; margin-top: -3px; }
.pubMore span { display: inline-block; }

.showProject { margin-bottom: 2.60417%; }
.showProject .wrap { width: 110%; }
.showProject .imgWrap { display: block; position: relative; width: 22.72727%; float: left; }
.showProject .imgWrap:hover .textWrap { background: rgba(0, 93, 173, 0.8); }
.showProject .imgWrap:hover .pubMore { filter: alpha(opacity=100); opacity: 1; }
.showProject .textWrap { width: 100%; height: 100%; position: absolute; top: 0; left: 0; padding: 0 4.18605%; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }
.showProject .tit { display: block; font-size: 24px; color: #fff; margin-top: 6.80272%; }
.showProject .pubMore { border: 1px solid #fff; height: 50px; line-height: 50px; width: 170px; position: absolute; bottom: 0; left: 4.18605%; margin-bottom: 4.65116%; filter: alpha(opacity=0); opacity: 0; }
.showProject .pubMore:hover span { transform: translateX(10px); -ms-transform: translateX(10px); -moz-transform: translateX(10px); -webkit-transform: translateX(10px); -o-transform: translateX(10px); }

@media screen and (max-width: 1400px) { .showProject .tit { font-size: 20px; }
    .showProject .pubMore { height: 40px; line-height: 40px; width: 130px; font-size: 14px; }
    .pubMore span:after { margin-left: 5px; } }
@media screen and (max-width: 875px) { .showProject .tit { font-size: 16px; }
    .showProject .pubMore { height: 30px; line-height: 30px; width: 100px; font-size: 14px; } }
@media screen and (max-width: 700px) { .showProject .imgWrap { width: 45.45455%; } }
@media screen and (max-width: 450px) { .showProject .imgWrap { width: 100%; } }