.showPro { padding-top: 7.29167%; padding-bottom: 3.85417%; position: relative; overflow: hidden; margin-bottom: 2.20833%; }
.showPro .bg { width: auto; max-width: none; width: 100%; height: 100%; position: absolute; top: 0; left: 50%; transform: translateX(-50%); -ms-transform: translateX(-50%); -moz-transform: translateX(-50%); -webkit-transform: translateX(-50%); -o-transform: translateX(-50%); }
.showPro .wrap { position: relative; text-align: center; }
.showPro .title { font-size: 50px; font-family: 'robotothin',Arial, 'Microsoft YaHei', SimSun, Sans-serif; color: #333; color: #fff; }
@media screen and (max-width: 1400px) { .showPro .title { font-size: 40px; } }
@media screen and (max-width: 875px) { .showPro .title { font-size: 24px; } }
.showPro .desc { color: #fff; padding: 0 16.66667%; margin-top: 1.96581%; font-size: 16px; line-height: 30px; max-height: 90px; text-overflow: ellipsis; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; }
.showPro .btnWrap { margin-top: 4.70085%; }
.showPro .btnWrap a { display: inline-block; padding: 16px 45px; line-height: 1; font-size: 15x; text-transform: uppercase; color: #fff; font-family: 'robotobold',Arial, 'Microsoft YaHei', SimSun, Sans-serif; border-radius: 3px; border: 2px solid #5d7261; }
.showPro .btnWrap a:after { content: "\e63c"; font-family: icomoon, Arial, Helvetica, 'Microsoft YaHei', SimSun, Sans-serif; display: inline-block; vertical-align: middle; margin-left: 10px; margin-top: -4px; font-size: 16px; }
@media screen and (max-width: 875px) { .showPro .btnWrap a { padding: 10px 30px; font-size: 12px; } }
.showPro .btnWrap .video { color: #fff; margin-right: 10px; border-color: #fff; }
.showPro .btnWrap .video:after { color: #fff; }
.showPro .btnWrap .video:hover { background: #5d7261; color: #fff; border-color: #5d7261; }
.showPro .btnWrap .video:hover:after { color: #fff; }
.showPro .btnWrap .detail { color: #fff; background: #5d7261; }
.showPro .btnWrap .detail:after { color: #fff; }
.showPro .btnWrap .detail:hover { background: none; color: #fff; border-color: #fff; }
.showPro .btnWrap .detail:hover:after { color: #fff; }

@media screen and (max-width: 875px) { .showPro { margin-bottom: 40px; }
    .showPro .desc { padding: 0; } }