.showProcess { text-align: center; margin-bottom: 5.20833%; overflow: hidden;}
.showProcess .title { font-size: 50px; font-family: 'robotothin',Arial, 'Microsoft YaHei', SimSun, Sans-serif; color: #333; }
@media screen and (max-width: 1400px) { .showProcess .title { font-size: 40px; } }
@media screen and (max-width: 875px) { .showProcess .title { font-size: 24px; } }
.showProcess ul { position: relative; margin-top: 3.4188%; }
.showProcess ul li { width: 14.10256%; text-align: center; }
.showProcess ul li:hover .tit { color: #5d7261; }
.showProcess ul li:hover .tit:before { left: 0; right: 0; }
.showProcess ul:before { content: ""; height: 1px; background: #E5E5E5; position: absolute; bottom: 0; left: -100%; right: -100%; }
.showProcess .imgWrap { display: inline-block; }
.showProcess .tit { display: block; font-size: 20px; color: #333; margin-top: 15px; padding-bottom: 10px; position: relative; }
.showProcess .tit:before { content: ""; height: 3px; background: #5d7261; position: absolute; bottom: 0; left: 50%; right: 50%; }
.showProcess .desc { font-size: 16px; color: #808080; line-height: 30px; margin-top: 3.4188%; }
.showProcess .btnWrap { margin-top: 2.99145%; }
.showProcess .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; }
.showProcess .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) { .showProcess .btnWrap a { padding: 10px 30px; font-size: 12px; } }
.showProcess .btnWrap .video { color: #5d7261; margin-right: 10px; }
.showProcess .btnWrap .video:after { color: #5d7261; }
.showProcess .btnWrap .video:hover { background: #5d7261; color: #fff; }
.showProcess .btnWrap .video:hover:after { color: #fff; }
.showProcess .btnWrap .detail { color: #fff; background: #5d7261; }
.showProcess .btnWrap .detail:after { color: #fff; }
.showProcess .btnWrap .detail:hover { background: #fff; color: #5d7261; }
.showProcess .btnWrap .detail:hover:after { color: #5d7261; }

@media screen and (max-width: 875px) { .showProcess { margin-bottom: 40px; }
    .showProcess .tit { font-size: 16px; }
    .showProcess ul { margin-top: 20px; } }
@media screen and (max-width: 600px) { .showProcess ul li { width: 30%; } }