/* 客户案例 */
.customer-banner{ height:360px; position: relative; background: url("/xcskin/images/customer-banner.jpg") center top #02114a no-repeat; min-width:1220px;}
.customer-banner .header-info{padding-top: 155px; text-align: center;color: #fff; overflow: hidden;}
.customer-banner .header-info h1{ font-size: 36px; margin: 0 0 35px;}
.customer-banner .header-info p{ line-height:24px;}
.customer-body{ padding:40px 0; min-width:1220px; overflow:hidden;}
.customer-stype{ position:relative; padding:20px 0 10px 170px; min-height:51px; overflow:hidden;}
.customer-stype dt{ width:165px;line-height:45px; font-size:30px; position:absolute; left:0; top:20px;}
.customer-stype dd{ text-align:center; font-size:16px; overflow:hidden;}
.customer-stype dd a{ float:left; position:relative; color:#666666; width:160px; height:45px; line-height:45px; background:#f7f9fa; margin:0 10px 10px 0;}
.customer-stype dd a:after{ content:''; width:11px; height:6px; position:absolute; left:50%; bottom:-6px; margin-left:-5px;}
.customer-stype dd a:hover{ background:#059fff; color:#fff;}
.customer-stype dd a:hover:after{background: url("/xcskin/images/customer-ico.png") center top no-repeat;}
.customer-stype .active{ background:#059fff; color:#fff;}
.customer-stype .active:after{background: url("/xcskin/images/customer-ico.png") center top no-repeat;}
.customer-list{ margin:60px 0 0 -20px; overflow:hidden;}
.customer-list li{ float:left; margin:0 0 20px 20px; padding:0 0 15px; width:288px;border:1px solid #dddddd;}
.customer-list li a{ display:block; padding:0 0 20px; overflow:hidden;}
.customer-list span{ display:block; height:140px; margin:5px;}
.customer-list img{ display:block; height:100px; max-width:100%; margin:20px auto 0;}
.customer-list h4{ text-align:center; font-size:18px; line-height:30px; font-weight:bold;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; }
.customer-list p{ padding:20px 20px 0; height:194px; text-align:justify; line-height:24px; color:#666666; overflow:hidden;}