.showPro02 { margin-bottom: 2.60417%; }
.showPro02 .title { font-size: 18px; color: #000; font-family: 'rubikbold',Arial, 'Microsoft YaHei', SimSun, Sans-serif; text-transform: uppercase; }
.showPro02 .floatWrap { border: 1px solid #ECECEC; margin-top: 17px; position: relative; padding: 2.5641% 0; }
.showPro02 .floatWrap:before { content: ""; width: 60px; height: 2px; background: #F0A815; position: absolute; left: 0; bottom: 100%; }
.showPro02 .wrap { width: 110%; }
.showPro02 .cont { width: 15.15152%; float: left; text-align: center; position: relative; padding: 0 1.7094%; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }
.showPro02 .cont:before { content: ""; width: 1px; background: #ECECEC; position: absolute; right: 0; top: 10px; bottom: 10px; }
.showPro02 .cont:last-child:before { display: none; }
.showPro02 .cont:hover .tit { color: #F0A815; }
.showPro02 .cont:hover img { transform: scale(1.05); -ms-transform: scale(1.05); -moz-transform: scale(1.05); -webkit-transform: scale(1.05); -o-transform: scale(1.05); }
.showPro02 .imgWrap { display: inline-block; }
.showPro02 .tit { display: block; color: #222; margin-top: 12.82051%; }

@media screen and (max-width: 875px) { .showPro02 { margin-bottom: 35px; }
    .showPro02 .cont { width: 30.30303%; } }
@media screen and (max-width: 450px) { .showPro02 { margin-bottom: 35px; }
    .showPro02 .cont { width: 45.45455%; } }