.showCompany { padding-top: 2.86458%; padding-bottom: 2.86458%; text-align: center; background: #F9FDFF; }
.showCompany .title { color: #0078c9; }
.showCompany .title span { color: #0078c9; }
.showCompany .wrap { margin-top: 2.67857%; padding: 0 14.28571%; }
.showCompany .imgWrap { display: block; position: relative; overflow: hidden; border-radius: 10px; }
.showCompany .imgWrap img { display: block; }
.showCompany .comVideo .play { width: 10.86587%; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; }
.showCompany .box { width: 49.08333%; margin-bottom: 2.97619%; }
.showCompany .box:hover .show { filter: alpha(opacity=0); opacity: 0; }
.showCompany .box:hover .shade { top: 0; transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; }
.showCompany .box:hover .shade .tit { transition: 0.6s all ease; -moz-transition: 0.6s all ease; -webkit-transition: 0.6s all ease; -o-transition: 0.6s all ease; -ms-transition: 0.6s all ease; }
.showCompany .box:hover .shade .des { transition: 1s all ease; -moz-transition: 1s all ease; -webkit-transition: 1s all ease; -o-transition: 1s all ease; -ms-transition: 1s all ease; }
.showCompany .box:hover .shade .date { transition: 0.8s all ease; -moz-transition: 0.8s all ease; -webkit-transition: 0.8s all ease; -o-transition: 0.8s all ease; -ms-transition: 0.8s all ease; }
.showCompany .box:hover .shade .more { transition: 1.2s all ease; -moz-transition: 1.2s all ease; -webkit-transition: 1.2s all ease; -o-transition: 1.2s all ease; -ms-transition: 1.2s all ease; }
.showCompany .box:hover .tit, .showCompany .box:hover .des, .showCompany .box:hover .date, .showCompany .box:hover .more { transform: translateY(0); -ms-transform: translateY(0); -moz-transform: translateY(0); -webkit-transform: translateY(0); -o-transform: translateY(0); }
.showCompany .imgWrap { display: block; position: relative; }
.showCompany .imgWrap img { display: block; }
.showCompany .shade { width: 100%; height: 100%; position: absolute; top: 100%; left: 0; padding: 0 5.40541%; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; white-space: nowrap; font-size: 0; transition: all 0.5s cubic-bezier(0.465, 0.05, 0.965, 0.32); -moz-transition: all 0.5s cubic-bezier(0.465, 0.05, 0.965, 0.32); -webkit-transition: all 0.5s cubic-bezier(0.465, 0.05, 0.965, 0.32); -o-transition: all 0.5s cubic-bezier(0.465, 0.05, 0.965, 0.32); -ms-transition: all 0.5s cubic-bezier(0.465, 0.05, 0.965, 0.32); overflow: hidden; }
.showCompany .shade:after { content: ""; display: inline-block; vertical-align: middle; width: 0; height: 100%; }
.showCompany .shade .textMidSon { display: inline-block; white-space: normal; vertical-align: middle; font-size: 14px; width: 100%; }
.showCompany .shade:before { content: ""; height: 100%; width: 100%; position: absolute; top: 0; left: 0; background: rgba(0, 0, 0, 0.7); }
.showCompany .tit { display: block; color: #fff; font-size: 22px; line-height: 1.1; transform: translateY(100px); -ms-transform: translateY(100px); -moz-transform: translateY(100px); -webkit-transform: translateY(100px); -o-transform: translateY(100px); position: relative; transition: all 0.38s cubic-bezier(0.465, 0.05, 0.965, 0.32); -moz-transition: all 0.38s cubic-bezier(0.465, 0.05, 0.965, 0.32); -webkit-transition: all 0.38s cubic-bezier(0.465, 0.05, 0.965, 0.32); -o-transition: all 0.38s cubic-bezier(0.465, 0.05, 0.965, 0.32); -ms-transition: all 0.38s cubic-bezier(0.465, 0.05, 0.965, 0.32); font-weight: bold; }
.showCompany .tit:hover { color: #FFBE00; }
.showCompany .date { display: block; color: #fff; position: relative; transform: translateY(100px); -ms-transform: translateY(100px); -moz-transform: translateY(100px); -webkit-transform: translateY(100px); -o-transform: translateY(100px); transition: all 0.35s cubic-bezier(0.465, 0.05, 0.965, 0.32); -moz-transition: all 0.35s cubic-bezier(0.465, 0.05, 0.965, 0.32); -webkit-transition: all 0.35s cubic-bezier(0.465, 0.05, 0.965, 0.32); -o-transition: all 0.35s cubic-bezier(0.465, 0.05, 0.965, 0.32); -ms-transition: all 0.35s cubic-bezier(0.465, 0.05, 0.965, 0.32); }
.showCompany .des { display: inline-block; font-size: 14px; color: #fff; margin-top: 20px; transition: all 0.25s cubic-bezier(0.465, 0.05, 0.965, 0.32); -moz-transition: all 0.25s cubic-bezier(0.465, 0.05, 0.965, 0.32); -webkit-transition: all 0.25s cubic-bezier(0.465, 0.05, 0.965, 0.32); -o-transition: all 0.25s cubic-bezier(0.465, 0.05, 0.965, 0.32); -ms-transition: all 0.25s cubic-bezier(0.465, 0.05, 0.965, 0.32); transform: translateY(100px); -ms-transform: translateY(100px); -moz-transform: translateY(100px); -webkit-transform: translateY(100px); -o-transform: translateY(100px); position: relative; line-height: 24px; max-height: 72px; text-overflow: ellipsis; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; }
.showCompany .show { height: 65px; width: 100%; background: rgba(0, 0, 0, 0.5); position: absolute; left: 0; bottom: 0; white-space: nowrap; font-size: 0; padding: 0 5.40541%; }
.showCompany .show:after { content: ""; display: inline-block; vertical-align: middle; width: 0; height: 100%; }
.showCompany .show .textMidSon { display: inline-block; white-space: normal; vertical-align: middle; font-size: 14px; width: 100%; }
.showCompany .show .textMidSon { color: #fff; font-size: 30px; font-weight: bold; line-height: 1.1; }
.showCompany .more { display: inline-block; color: #0078c9; text-transform: uppercase; font-size: 14px; margin-top: 5.09338%; color: #fff; position: relative; transform: translateY(100px); -ms-transform: translateY(100px); -moz-transform: translateY(100px); -webkit-transform: translateY(100px); -o-transform: translateY(100px); transition: all 0.29s cubic-bezier(0.465, 0.05, 0.965, 0.32); -moz-transition: all 0.29s cubic-bezier(0.465, 0.05, 0.965, 0.32); -webkit-transition: all 0.29s cubic-bezier(0.465, 0.05, 0.965, 0.32); -o-transition: all 0.29s cubic-bezier(0.465, 0.05, 0.965, 0.32); -ms-transition: all 0.29s cubic-bezier(0.465, 0.05, 0.965, 0.32); }
.showCompany .more:after { content: ""; display: inline-block; width: 37px; height: 6px; background: url(../../img/more2.png); vertical-align: middle; margin-left: 12px; margin-top: -5px; }
.showCompany .more:hover:after { transform: translateX(20px); -ms-transform: translateX(20px); -moz-transform: translateX(20px); -webkit-transform: translateX(20px); -o-transform: translateX(20px); filter: alpha(opacity=0); opacity: 0; }

@media screen and (max-width: 1400px) { .showCompany .wrap { padding: 0 7%; }
    .showCompany .show .textMidSon { font-size: 24px; } }
@media screen and (max-width: 875px) { .showCompany { padding-top: 30px; padding-bottom: 30px; }
    .showCompany .wrap { padding: 0; }
    .showCompany .show .textMidSon { font-size: 18px; }
    .showCompany .tit { font-size: 16px; } }
@media screen and (max-width: 600px) { .showCompany .box { width: 100%; } }