.block05_T38 { margin-bottom: 5.20833%; text-align: center; }
.block05_T38 .title { font-size: 34px; color: #111; line-height: 1; font-family: 'opensans-bold',Arial, 'Microsoft YaHei', SimSun, Sans-serif; }
.block05_T38 .desc { color: #444; line-height: 28px; max-height: 56px; text-overflow: ellipsis; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; margin-top: 2.5641%; padding: 0 9.40171%; }
.block05_T38 .block05_T38Slick { margin-top: 3.4188%; margin-right: -45px; }
.block05_T38 .block05_T38Slick .item { margin-right: 45px; }
.block05_T38 .block05_T38Slick .item:hover .textWrap { left: -100%; }
.block05_T38 .block05_T38Slick .item:hover .shade { bottom: 0; }
.block05_T38 .block05_T38Slick .slick-prev, .block05_T38 .block05_T38Slick .slick-next { width: 60px; height: 60px; line-height: 56px; background: none; color: #3cabe4; font-size: 30px; font-family: 'opensans-bold',Arial, 'Microsoft YaHei', SimSun, Sans-serif; border-radius: 50%; border: 2px solid #3cabe4; font-family: 'opensans-bold',Arial, 'Microsoft YaHei', SimSun, Sans-serif; }
.block05_T38 .block05_T38Slick .slick-prev:hover, .block05_T38 .block05_T38Slick .slick-next:hover { background: rgba(60,171,228, 0.6); }
.block05_T38 .block05_T38Slick .slick-prev:before { content: "\e621"; }
.block05_T38 .block05_T38Slick .slick-next:before { content: "\e624"; }
.block05_T38 .block05_T38Slick .slick-prev { left: 0; margin-left: -70px; }
.block05_T38 .block05_T38Slick .slick-next { right: 0; margin-right: -25px; }
.block05_T38 .imgWrap { display: block; overflow: hidden; position: relative; }
.block05_T38 .imgWrap img { display: block; }
.block05_T38 .textWrap { width: 100%; position: absolute; bottom: 0; left: 0; text-align: left; transition: 0.5s all ease-out; -moz-transition: 0.5s all ease-out; -webkit-transition: 0.5s all ease-out; -o-transition: 0.5s all ease-out; -ms-transition: 0.5s all ease-out; text-align: center; }
.block05_T38 .textWrap .tit { display: block; line-height: 1.1; background: #3cabe4; padding: 15px 10px; text-transform: capitalize; color: #ffffff; font-size: 16px; }
.block05_T38 .shade { width: 100%; height: 100%; position: absolute; bottom: 100%; left: 0; background: #3cabe4; white-space: nowrap; font-size: 0; padding: 0 15.38462%; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; transition: 0.5s all ease-out; -moz-transition: 0.5s all ease-out; -webkit-transition: 0.5s all ease-out; -o-transition: 0.5s all ease-out; -ms-transition: 0.5s all ease-out; }
.block05_T38 .shade:after { content: ""; display: inline-block; vertical-align: middle; width: 0; height: 100%; }
.block05_T38 .shade .textMidSon { display: inline-block; white-space: normal; vertical-align: middle; font-size: 14px; width: 100%; }
.block05_T38 .shade .tit { color: #fff; font-size: 16px; display: inline-block; }
.block05_T38 .shade .des { padding-top: 15px; color: #fff; line-height: 28px; max-height: 112px; text-overflow: ellipsis; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; font-size: 16px; position: relative; margin-top: 15px; }
.block05_T38 .shade .des:before { content: ""; height: 2px; width: 60px; background: #3cabe4; position: absolute; }
.block05_T38 .shade .des:before { background: #fff; left: 50%; top: 0; width: 84px; margin-left: -42px; }
.block05_T38 .shareWrap { display: block; margin-top: 10px; }
.block05_T38 .shareWrap > li { margin-right: 2px; display: inline-block; }
.block05_T38 .shareWrap > li:last-child { margin-right: 0; }
.block05_T38 .shareWrap > li > a { display: inline-block; height: 30px; width: 30px; font-size: 16px; line-height: 30px; vertical-align: middle; text-align: center; overflow: hidden; border-radius: 50%; background: #fff; }
.block05_T38 .shareWrap > li > a:before { font-family: icomoon, Arial, Helvetica, 'Microsoft YaHei', SimSun, Sans-serif; color: #292929; }
.block05_T38 .shareWrap > li > a.fb:before { content: "\e62c"; }
.block05_T38 .shareWrap > li > a.tt:before { content: '\e62b'; }
.block05_T38 .shareWrap > li > a.in:before { content: "\e630"; }
.block05_T38 .shareWrap > li > a.yt:before { content: "\e631"; }
.block05_T38 .shareWrap > li > a.gg:before { content: "\e62d"; }
.block05_T38 .shareWrap > li > a:hover:before { color: #3cabe4; }

@media screen and (max-width: 1400px) {
    .block05_T38 .block05_T38Slick .slick-prev, .block05_T38 .block05_T38Slick .slick-next { width: 40px; height: 40px; line-height: 36px; }
    .block05_T38 .block05_T38Slick { padding: 0 40px; margin-right: -30px; }
    .block05_T38 .block05_T38Slick .slick-prev { margin-left: -10px; }
    .block05_T38 .block05_T38Slick .slick-next { margin-right: 20px; }
    .block05_T38 .block05_T38Slick .item { margin-right: 30px; } }
@media screen and (max-width: 875px) { .block05_T38 { margin-bottom: 40px; }
    .block05_T38 .title { font-size: 24px; }
    .block05_T38 .des { padding: 0; }
    .block05_T38 .textWrap .tit { font-size: 16px; }
    .block05_T38 .block05_T38Slick .slick-prev, .block05_T38 .block05_T38Slick .slick-next { width: 30px; height: 30px; line-height: 26px; }
    .block05_T38 .block05_T38Slick .slick-prev { margin-left: 0; }
    .block05_T38 .block05_T38Slick .slick-next { margin-right: 30px; } }