.center_cnt {display: block; width: 100%; margin: 0 auto;}
.center_cnt ul {}
.center_cnt ul li {display: inline-block; float: left; width: calc((100% / 3) - 68px); margin-right: 100px; margin-bottom: 60px;}
.center_cnt ul li:nth-child(3n+3) {margin-right: 0;}
.center_cnt .pic {width: 100%; position: relative;}
.center_cnt .pic img {width: 100%; height: auto;}
.center_cnt .pic::before {content: ''; display: block; width: 1px; height: 100%; background-color: #d4cbcc; position: absolute; right: -50px; top: 0;}
.center_cnt ul li:nth-child(3n+3) .pic::before {display: none;}

.center_cnt .design_obj {display: block; width: 100%; height:27px; overflow: hidden; position: relative; margin: 10px auto;}
.center_cnt .design_obj::before {content: ''; display: block; width: 6px; height: 60px; background-color: #c16872; position: absolute; left: 50%; top: 50%; transform: translate(-100%, -50%) translateX(-20px) rotate(-45deg);}

.center_cnt .info {display: block; width: 100%;}
.center_cnt .info dt {font-size: 2.4rem; font-weight: 400; text-align: center; color: #282626;}



@media screen and (max-width:1000px) {
  .center_cnt .design_obj {height: 24px;}
  .center_cnt ul li {width: calc((100% / 3) - 34px); margin-right: 50px; margin-bottom: 30px;}
  .center_cnt .pic::before {right: -25px;}
}
@media screen and (max-width:700px) {
  .center_cnt ul li {width: calc((100% / 2) - 12px); margin-right: 24px; margin-bottom: 30px;}
  .center_cnt ul li:nth-child(3n+3) {margin-right: 24px;}
  .center_cnt ul li:nth-child(2n+2) {margin-right: 0;}
  /* .center_cnt ul li:nth-child(2n+2) .pic::before {display: none;} */
  .center_cnt .pic::before {right: -25px;}
}
@media screen and (max-width:500px) {
  .center_cnt ul li {width: 100%; margin-right: 0; margin-bottom: 24px;}
  .center_cnt ul li:nth-child(3n+3) {margin-right: 24px;}
  .center_cnt ul li:nth-child(2n+2) {margin-right: 0;}
  /* .center_cnt ul li:nth-child(2n+2) .pic::before {display: none;} */
  .center_cnt .pic::before {right: -25px;}
}