﻿.showCustomer { margin-bottom: 5.20833%; text-align: center; }
.showCustomer .title { font-size: 50px; font-family: 'robotothin',Arial, 'Microsoft YaHei', SimSun, Sans-serif; color: #333; color: #333; }
@media screen and (max-width: 1400px) { .showCustomer .title { font-size: 40px; } }
@media screen and (max-width: 875px) { .showCustomer .title { font-size: 24px; } }
.showCustomer .wrap { margin-top: 3.84615%; }
.showCustomer .box { width: 30.76923%; }
.showCustomer .line { width: 30.76923%; }
.showCustomer .desWrap { margin-top: 13.63636%; }
.showCustomer .img { float: left; margin-top: -30px; }
.showCustomer .img img { margin-right: 5px; }
.showCustomer .img img:last-child { margin-right: 15px; }
.showCustomer .des { font-size: 16px; color: #808080; line-height: 26px; padding-right: 5.55556%; }
.showCustomer .name { text-align: right; font-size: 16px; color: #5d7261; font-weight: bold; margin-top: 11.11111%; }
.showCustomer .more { 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; color: #5d7261; margin-top: 5.12821%; }
.showCustomer .more: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) { .showCustomer .more { padding: 10px 30px; font-size: 12px; } }
.showCustomer .more:after { color: #5d7261; }
.showCustomer .more:hover { background: #5d7261; color: #fff; }
.showCustomer .more:hover:after { color: #fff; }

@media screen and (max-width: 875px) { .showCustomer { margin-bottom: 40px; }
    .showCustomer .img { display: none; }
    .showCustomer .des { font-size: 14px; line-height: 24px; }
    .showCustomer .desWrap { margin-top: 0; } }
@media screen and (max-width: 700px) { .showCustomer .box { width: 47%; margin-bottom: 30px; }
    .showCustomer .name { margin-top: 20px; }
    .showCustomer .more { margin-top: 0; } }
@media screen and (max-width: 500px) { .showCustomer .box { width: 100%; } }