﻿ul{list-style: none;margin: 0;padding: 0;}
.containerWarp{
    overflow: hidden;
}
.main img{width: 99%;}
.partnerList dl{margin:0px 10.6%;}
.partnerList dd{padding: 0;margin: 0;padding:11px 0 16px;text-align: center;}
.partnerList dt{text-align: center;border-bottom: 1px solid #337ab7;height: 138px;}
.partnerList li{width: 19.1%;box-shadow:0 4px 23px rgba(0,0,0,.18);float: left;margin: 0 2.95%;margin-bottom: 53px;}
.partnerList dd p{margin: 0;font-size: 14px;color: #333;letter-spacing: .6px;margin-top: 3px;overflow:hidden;text-overflow: ellipsis;white-space: nowrap;}
.partnerList ul{margin: 0px -2.95%;}
.partnerList li:hover{border-bottom: 4px solid #337ab7;}
.partnerList li:hover dd{padding-bottom: 12px;}
.partnerList li:hover dd p{color: #337ab7;}
.partnerList{padding-top: 41px;padding-bottom: 88px;}
@media (max-width: 999px){
  .productList .tdLeft{width: 47%;}
  .containerWarp{padding:0 20px;}
  .partnerList dt{height: initial;}
  .partnerList {padding-bottom: 169px;}
}
@media (max-width: 768px){
  .containerWarp{padding:0 10px;}
}
@media (max-width: 580px){
  .partnerList li{margin: 0 3%;width: 44%;    margin-bottom: 20px;}
  .partnerList ul{margin: 0 -3%;}
}
@media (max-width: 480px){
    .partnerList{padding-top: 35px;}
    .partnerList dd p {    font-size: 12px;    margin-top: -1px;}
    .partnerList dd{    padding: 11px 1% 9px;}
    .partnerList li:hover{border-bottom: 3px solid #337ab7;}
  .partnerList li:hover dd{padding-bottom: 6px;}
}
@media (max-width: 320px){
    .partnerList li{box-shadow: 3px 4px 19px rgba(0,0,0,.1);margin:0 2.6%;width: 44.8%;    margin-bottom: 20px;    padding-top: 1px;}
  .partnerList ul{margin:0 -2.6%;}
    
}