.page-box {
  font-size: 14px;
}

.page-box p {
  line-height: 2;
}

.plist {
  width: 100%;
  margin-bottom: 20px;
  box-sizing: border-box;
}

.p-title {
  font-weight: bold;
  border-bottom: 1px solid #c6c6c6;
  text-align: center;
}

.p-all {
  text-indent: 2rem;
  padding: 20px;
}

.pmain {
  font-size: 25px;
  text-align: center;
  margin: 50px 0 20px 0;
}

.p-left {
  width: 60%;
  float: left;
}

.p-left p {
  text-indent: 2rem;
}

.p-right {
  width: 30%;
  float: right;
}

.p-right img {
  max-height: 300px;
  max-width: 360px;
}

.p-list-all li {
  list-style: none;
  line-height: 2;
  margin: 20px 0;
}

.fbox-3 {
  display: inline-block;
  width: 258px;
  border: 1px solid #d5d5d5;
  border-radius: 5px;
  margin: 18px;
  text-align: center;
  padding: 35px;
  transition: border 0.5s;
  transition: margin-top 0.5s;
  font-size: 14px;
  height: 360px;
  vertical-align: top;
}

.fbox-3 img {
  width: 100%;
}

.fbox-shot {
  display: inline-block;
  width: 258px;
  border: 1px solid #d5d5d5;
  border-radius: 5px;
  margin: 18px;
  text-align: center;
  padding: 35px;
  transition: border 0.5s;
  transition: margin-top 0.5s;
  font-size: 14px;
  height: 200px;
  vertical-align: top;
}

.ctitle {
  font-weight: bold;
}

.flexbox li {
  margin: 20px 0;
  text-align: left;
}

.fbox-shot img {
  width0: 100%;
}

.plist li {
  margin-bottom: 20px;
}

.more-case {
  font-weight: bold;
  color: #000;
  float: right;
}

.p-title-box {
  position: relative;
  height: 30px;
  line-height: 30px;
  width: 100%;
  text-align: center;
  margin: 20px 0 20px 0;
  border-bottom: 1px solid #bedcff;
  font-weight: normal;
}

.centerimg {
  text-align: center;
}

.centerimg img {
  margin: 10px 0;
  max-width: 98%;
  max-height: 800px;
}

.probox {
  background-image: url('../imgs/cont.png');
  background-size: 100% 100%;
  background-repeat: no-repeat;
  padding: 60px;
}

.client {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  flex-wrap: wrap;
}

.ct {
  width: 28%;
  padding: 50px 20px;
  border: 1px solid #d5d5d5;
  border-radius: 5px;
  height: 500px;
  box-sizing: border-box;
  margin: 20px;
  text-align: center;
}

.ct img {
  width: 100%;
  height: 130px;
}

.ctitle {
  padding-bottom: 20px;
  font-weight: bold;
}

.ctword {
  margin-top: 20px;
  border-top: 1px solid #d5d5d5;
  padding: 40px 0;
  line-height: 2;
  text-align: left;
}

.ctbtn {
  width: 100px;
  line-height: 50px;
  height: 48px;
  border: 1px solid #1877bf;
  background: #fff;
  outline: none;
  border-radius: 3px;
  color: #1877bf;
  cursor: pointer;
  transition: background 0.3s;
}

.ctbtn:hover {
  background: #1877bf;
  color: #fff;
}













