body {
  padding-top: 70px;
  padding-bottom: 0;
  height: auto;
}

.customer-bg {
  width: 100%;
  height: 300px;
  background: url("../../../wanmingyun.cn/building/common/pc/prod/web/khalheader.png")/*tpa=https://wanmingyun.cn/building/common/pc/prod/web/khalheader.png*/ no-repeat;
  background-size: 100% 100%;
}

.customer-bg-content {
  padding-top: 115px;
}

.customer-bg-text {
  text-align: center;
  margin: 0 auto;
}

.customer-bg-text img {
  width: 194px;
  height: 70px;
}

/*.customer-bg-title {*/
  /*width: 176px;*/
  /*height: 52px;*/
  /*font-size: 44px;*/
  /*font-family: PingFangSC-Medium, PingFang SC;*/
  /*font-weight: 500;*/
  /*color: #FFFFFF;*/
  /*line-height: 52px;*/
  /*text-align: center;*/
  /*margin: 0 auto;*/
/*}*/

/*.customer-bg-text {*/
  /*width: 211px;*/
  /*height: 14px;*/
  /*display: flex;*/
  /*justify-content: space-between;*/
  /*align-items: flex-end;*/
  /*margin: 0 auto;*/
/*}*/

/*.customer-bg-small-title {*/
  /*width: 101px;*/
  /*font-size: 14px;*/
  /*font-family: PingFangSC-Semibold, PingFang SC;*/
  /*font-weight: 600;*/
  /*color: #FFFFFF;*/
  /*line-height: 14px;*/
  /*text-align: left;*/
  /*margin-top: 4px;*/
  /*margin-left: 19px;*/
/*}*/

/*.customer-bg-title-border {*/
  /*display: flex;*/
  /*justify-content: center;*/
  /*align-items: flex-end;*/
/*}*/

/*.customer-bg-title-border1 {*/
  /*width: 24px;*/
  /*height: 4px;*/
  /*border: 2px solid #FFFFFF;*/
  /*border-radius: 2px;*/
/*}*/

/*.customer-bg-title-border2 {*/
  /*width: 4px;*/
  /*height: 31px;*/
  /*border: 2px solid #FFFFFF;*/
  /*border-radius: 2px;*/
  /*margin-left: -4px;*/
/*}*/

.customer-content {
  height: auto;
background: #F7F8FA;
  padding: 86px 0 60px 0;
}

.customer-content-title {
  width: 160px;
  height: 134px;
  font-size: 40px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #191C27;
  line-height: 48px;
  text-align: center;
  margin: 0 auto;
  padding-top: 86px;
}

.customer-cc {
  width: 1200px;
  height: auto;
  margin: 0 auto;
  text-align: center;
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
}

.anlicard {
  height: 260px;
background: #FFFFFF;
box-shadow: 0px 8px 32px 0px rgba(105,123,140,0.06);
border-radius: 8px;
display: flex;
margin-bottom: 40px;
}

.anlicard:hover {
  box-shadow: 0px 12px 16px -4px rgba(114,120,126,0.15);
}

.anlishadow {
  width: 384px;
height: 60px;
background: rgba(8,30,66,0.5);
padding: 0 20px;
font-size: 18px;
font-family: PingFangSC-Medium, PingFang SC;
font-weight: 500;
color: #FFFFFF;
line-height: 60px;
position: absolute;
bottom: 0;
border-radius: 0 0 8px 8px;
text-align: left;

}

.anlishadow > img {
  width: 60px;
  height: 60px;
  position: absolute;
  right: 24px;
  bottom: 28px;
}

.anlibox {
  padding: 30px 24px;
  text-align: left;

}

.anlititle {
font-size: 16px;
font-family: PingFangSC-Medium, PingFang SC;
font-weight: 500;
color: #191C27;
line-height: 26px;
}

.anlitext {
  font-size: 16px;
font-family: PingFangSC-Regular, PingFang SC;
font-weight: 400;
color: #5A6073;
line-height: 24px;
}

.radiusCircle {
  width: 12px;
height: 12px;
border: 2px solid RGBA(252, 152, 42, 1);
border-radius: 50%;
margin-right: 12px;
}

.customer-item {
  width: 384px;
  height: 490px;
  background: #ffffff;
  margin: 0 12px 56px 12px;
}

.customer-item-img {
  width: 384px;
  height: 306px;
  background: url("../../../wanmingyun.cn/qfcloud/zhuoling/customer/customerCn3.png")/*tpa=https://wanmingyun.cn/qfcloud/zhuoling/customer/customerCn3.png*/ no-repeat;
  background-size: 100% 100%;
  padding-left: 16px;
  text-align: left;
}

.customer-item-img1 {
  width: 384px;
  height: 306px;
  background: url("../../../wanmingyun.cn/qfcloud/zhuoling/customer/customerCn1.png")/*tpa=https://wanmingyun.cn/qfcloud/zhuoling/customer/customerCn1.png*/ no-repeat;
  background-size: 100% 100%;
  padding-left: 16px;
  text-align: left;
}

.customer-item-img2 {
  width: 384px;
  height: 306px;
  background: url("../../../wanmingyun.cn/qfcloud/zhuoling/customer/customerCn2.png")/*tpa=https://wanmingyun.cn/qfcloud/zhuoling/customer/customerCn2.png*/ no-repeat;
  background-size: 100% 100%;
  padding-left: 16px;
  text-align: left;
}

.customer-item-img3 {
  width: 384px;
  height: 306px;
  background: url("../../../wanmingyun.cn/qfcloud/zhuoling/home/6t3.png")/*tpa=https://wanmingyun.cn/qfcloud/zhuoling/home/6t3.png*/ no-repeat;
  background-size: 100% 100%;
  padding-left: 16px;
  text-align: left;
}

.customer-item-logo {
  width: 80px;
  height: 30px;
}

.customer-title {
  width: 384px;
  height: 60px;
  background: rgba(8, 30, 66, 0.5);
  font-size: 18px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #FFFFFF;
  line-height: 60px;
  margin-top: -60px;
  padding-left: 20px;
  text-align: left;

}

.customer-item-text {
  width: 344px;
  height: 104px;
  font-size: 16px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #5A6073;
  line-height: 26px;
  text-align: left;
  margin: 24px auto 0 auto;
}

.page {
  width: 400px;
  text-align: center;
  margin: 0 auto;
}

.pagination {
  counter-reset: pagination;
  margin: 0 auto 100px auto!important;
}

.pagination:after {
  clear: both;
  content: "";
  display: table;
}

/*.pagination ul {*/
/*width: 100%;*/
/*}*/

.pagination > ul > li {
  list-style: none;
  display: inline;
  padding-left: 12px;
}

.pagination li {
  counter-increment: pagination;
}

.pagination li:hover a {
  color: #ffffff;
  background-color: #191C27;
  opacity: 0.15;
}

.pagination li a.active {
  color: #ffffff;
  background-color: #005CE6;
}

.pagination li:first-child a:after {
  content: "<";
  color: #8C8C8C;
}

.pagination li:nth-child(2) {
  counter-reset: pagination;
}

.pagination li:nth-last-child(2) a:after {
  content: "";
  font-weight: 900;
}

.pagination li:last-child a:after {
  content: ">";
  color: #8C8C8C;
}

.pagination li a {
  width: 40px;
  height: 40px;
  font-size: 16px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  text-decoration: none;
  color: #191C27;
  background: #FFFFFF;
  display: inline-block;
  border: 0;
  border-radius: 4px;
  text-align: center;
  line-height: 40px;
}

.pagination li a:after {
  content: " " counter(pagination) " ";
}









