.kclm{padding: 30px 0;}
.kclm .wrap ul{display: flex;display: -ms-flexbox;display: -webkit-flex; justify-content: space-between;}
.kclm .wrap ul li{width: 18%;display: flex;display: -ms-flexbox;display: -webkit-flex;flex-direction: column;justify-content: center;align-items: center; padding: 60px 0;box-shadow: 2px 2px 10px #909090;border-radius: 10px;}
.kclm .wrap ul li h3{margin: 20px 0; font-size: 20px;}
.kclm .wrap ul li p{font-size: 18px;}
.pxlm{padding: 30px 0; background-color: #fff;}
.pxlm .pxlm-bt{font-size: 24px; color: #999; text-align: center;}
.pxlm .pxlm-bt strong{font-size: 28px;}
.pxlm ul{display: flex;display: -ms-flexbox;display: -webkit-flex; justify-content: space-between; align-items: flex-end; margin: 20px 0;}
.pxlm ul li{width: 19%;}
.pxlm ul li h3{text-align: center;font-size: 20px; color: #000000; margin-bottom: 15px;}
.pxlm ul li .pxlm-bg{padding: 15px; box-sizing: border-box; background: #6a4ad2; width: 100%;}
.pxlm ul li .pxlm-bg p{color: #fff; font-size: 16px; height: 30px; line-height: 30px;}
.pxlm ul li:nth-child(1) .pxlm-bg{ height: 250px;}
.pxlm ul li:nth-child(2) .pxlm-bg{ height: 300px;}
.pxlm ul li:nth-child(3) .pxlm-bg{ height: 350px;}
.pxlm ul li:nth-child(4) .pxlm-bg{ height: 400px;}
.pxlm ul li:nth-child(5) .pxlm-bg{ height: 450px;}
.pxys{padding: 30px 0;}
.pxys ul{display: flex;display: -ms-flexbox;display: -webkit-flex; justify-content: space-between; align-items: flex-end; margin-top: 30px;}
.pxys ul li{border-radius: 10px; box-shadow: 0 0 10px #d1d0d0; background: #fff; width: 22%;}
.pxys ul li h2{display: flex; margin-top: -23px; background: #90c9ef; width: 80%;height: 46px; line-height: 46px; font-size: 22px; color: #fff; border-radius: 10px 23px 23px 0; overflow: hidden;}
.pxys ul li h2 span{width: 80px; text-align: center; background: #6a4ad2; color: #fff; margin-right: 16px;}
.pxys ul li p{line-height: 32px; font-size: 16px; color: #666666; width: 80%; margin: 15px auto 0;}
.pxys ul li img{margin: 8px auto 20px;display: block;width: auto; max-width: 100%;}
.pxys ul li>span{font-weight: bold;  margin: 20px auto; cursor: pointer; display: block; width: 80%; height: 46px; line-height: 46px; text-align: center; border: 1px solid #6a4ad2; border-radius: 23px; font-size: 20px; color: #6a4ad2;}
.pxys ul li>span:hover{color: #fff; background-color: #6a4ad2;}
.pxys ul li .jdt{width: 80%; margin: 15px auto 0; display: flex;display: -ms-flexbox;display: -webkit-flex; justify-content: space-between; align-items: center;}
.pxys ul li .jdt span{color: #6a4ad2; font-size: 16px;}
.pxys ul li .jdt .jdtbf{display: block; width: 170px; background-color: #90c9ef; height: 10px; border-radius: 10px; position: relative;}
.pxys ul li .jdt .bfz25::before{content: ""; display: block; width: 25%; height: 10px; border-radius: 10px; position: absolute; left: 0; top: 0; background-color: #6a4ad2;}
.pxys ul li .jdt .bfz50::before{content: ""; display: block; width: 50%; height: 10px; border-radius: 10px; position: absolute; left: 0; top: 0; background-color: #6a4ad2;}
.pxys ul li .jdt .bfz75::before{content: ""; display: block; width: 75%; height: 10px; border-radius: 10px; position: absolute; left: 0; top: 0; background-color: #6a4ad2;}
.pxys ul li .jdt .bfz100::before{content: ""; display: block; width: 100%; height: 10px; border-radius: 10px; position: absolute; left: 0; top: 0; background-color: #6a4ad2;}
@media screen and (max-width:767px){
.kclm{padding: 10px;}
.kclm .wrap ul{flex-wrap: wrap;}
.kclm .wrap ul li{width: 48%; padding: 30px 0;margin-bottom: 10px;}
.kclm .wrap ul li:nth-child(5){display: none;}
.pxlm{display: none;}
.pxys{padding: 10px;}
.pxys ul{flex-wrap: wrap; margin: 0;}
.pxys ul li{width: 48%;margin-top: 40px;}
.pxys ul li .jdt .jdtbf{width: 70%;}
}