.block04_T38 { text-align: center; margin-bottom: 5.20833%; }
.block04_T38 .title { font-size: 34px; color: #111; font-family: 'opensans-bold',Arial, 'Microsoft YaHei', SimSun, Sans-serif; }
.block04_T38 .desc { max-width: 950px; margin: 25px auto 0; line-height: 28px; color: #444; }
.block04_T38 .hidWrap { width: 97.5%; margin: 2.60417% auto 0; overflow: hidden; border-top:1px solid #006fc0;border-right:1px solid #006fc0;}
.block04_T38 .imgWrap{display: block;border-bottom: 1px solid #006fc0;border-left: 1px solid #006fc0;}
.block04_T38 .wrap { width: 110%; }
.block04_T38 .cont { width: 22.72727%; float: left; position: relative; overflow: hidden; }
.block04_T38 .cont:hover .mask { top: 0; }
.block04_T38 .mask { width: 100%; height: 100%; position: absolute; top: 100%; left: 0; background: -webkit-linear-gradient(rgba(0,111,192, 0), rgba(0,111,192, 0.9)); background: linear-gradient(rgba(0,111,192, 0), rgba(0,111,192, 0.9)); white-space: nowrap; font-size: 0; padding: 6.41026%; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; transition: all 0.6s ease-out; -moz-transition: all 0.6s ease-out; -webkit-transition: all 0.6s ease-out; -o-transition: all 0.6s ease-out; -ms-transition: all 0.6s ease-out; }
.block04_T38 .mask:after { content: ""; display: inline-block; vertical-align: middle; width: 0; height: 100%; }
.block04_T38 .mask .textMidSon { display: inline-block; white-space: normal; vertical-align: middle; font-size: 14px; width: 100%; }
.block04_T38 .mask:before { content: ""; font-family: icomoon; font-size: 22px; color: #fff; position: absolute; top: 50%; left: 50%; transform: translate3d(-50%, -50%, 0); -ms-transform: translate3d(-50%, -50%, 0); -moz-transform: translate3d(-50%, -50%, 0); -webkit-transform: translate3d(-50%, -50%, 0); -o-transform: translate3d(-50%, -50%, 0); }
.block04_T38 .mask .textMidSon { vertical-align: bottom; text-align: left; font-size: 22px; color: #fff; line-height: 1.1; }

@media screen and (max-width: 875px) { .block04_T38 { margin-bottom: 40px; }
    .block04_T38 .title { font-size: 24px; }
    .block04_T38 .cont { width: 45.45455%; } }
@media screen and (max-width: 450px) { .block04_T38 .mask .textMidSon { font-size: 16px; }
    .block04_T38 .mask:before { font-size: 16px; } }