.wmkc-product.home .wmkc-pro-contant .title{display:flex;padding:30px 20px;border-top:2px solid;border-right:1px solid #dbe3ef;border-bottom:1px solid #dbe3ef;border-left:1px solid #dbe3ef;background:#fff;border-top-color:#333;justify-content:center;line-height:1;}
.wmkc-pro-al{display:flex;width:20%;border-right:1px solid #dbe3ef;border-bottom:1px solid #dbe3ef;border-left:1px solid #dbe3ef;background:#f7f8fa;flex-direction:column;justify-content:space-between}
.wmkc-pro-all{width:80%}
.wmkc-pro-listbox{display:flex;padding:0;border-bottom:1px solid #dbe3ef;flex-wrap:wrap;justify-content:space-between}
.wmkc-pro-list{display:flex}
.wmkc-pro-al li{display:flex;box-sizing:border-box;padding:20px;height:25%;border-top:1px solid #dbe3ef;background:#f7f8fa;color:#000;text-align:center;text-transform:capitalize;font-weight:700;font-size:18px;transition:all .3s ease-in-out;justify-content:center;align-items:center;cursor: pointer;}
.wmkc-pro-al li:first-child{border-top:none}
.wmkc-pro-box{display:flex;overflow:hidden;box-sizing:border-box;padding:20px;width:33%;border-right:1px solid #dbe3ef;justify-content:center;align-items:center}
.wmkc-pro-right{margin-left:12px;width:50%}
.wmkc-pro-right p:nth-of-type(1){margin-bottom:10px;font-weight:700;font-size:18px;line-height:1.5;display: -webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp: 2;overflow:hidden;}
.wmkc-pro-box:nth-child(-n+3){border-bottom:1px solid #dbe3ef}
.wmkc-pro-left img{display:block;max-width:100%}
.wmkc-pro-left{width:50%;border-radius:5px;overflow:hidden;}
.wmkc-pro-right p:nth-of-type(2){display:-webkit-box;overflow:hidden;font-size:16px;line-height:23px;-webkit-box-orient:vertical;-webkit-line-clamp:4}
.wmkc-pro-left:hover img{transform:scale(1.1)}
.wmkc-pro-con{display:none}
.wmkc-pro-al .active{background:#fff}
@media (max-width:1400px) {
    .wmkc-pro-container{max-width:1200px;}
    .wmkc-pro-al li{font-size:16px;}
    .wmkc-pro-right p:nth-of-type(1){font-size:16px;}
    .wmkc-pro-right p:nth-of-type(2){font-size:14px;line-height:20px;}
    .wmkc-pro-box{padding:15px;}
}
@media (max-width:1366px) {
    .wmkc-workshop-container{padding:0 3%;}
}
@media (max-width:1024px) {
    .wmkc-pro-container{padding:0 50px;}
    .wmkc-pro-box{width:50%;}
    .wmkc-pro-box:nth-of-type(4){border-bottom:1px solid #dbe3ef;}
    .main-part,.advan h3,.wmkc-appli-tit,.wmkc-workshop-title p{font-size:26px;}
    #about .about-con h3{font-size:28px;}
    .wmkc-appli-box p{font-size:14px;line-height:1;}
}
@media (max-width:768px) {
    .wmkc-pro-container{padding:0;margin:0 4vw;}
    .wmkc-pro-list{flex-direction:column;}
    .wmkc-pro-al{width:100%;flex-direction:row;}
    .wmkc-pro-all{width:100%;}
    .wmkc-pro-listbox{border-left:1px solid #dbe3ef;}
    .wmkc-appli-tit{margin-bottom:10px;}
    .wmkc-work-size p{font-size:16px;}
    .wmkc-appli-box p{margin:10px 0 0;padding:5px 20px;}
    .wmkc-appli-box{width:20%;}
    .wmkc-appli::after{height:80px;}
    .work-swiper-next, .work-swiper-prev{font-size:56px;}
    .wmkc-workshop {padding:49px 0;}
}
@media (max-width:450px) {
     .wmkc-pro-al{ flex-wrap:wrap;}
    .wmkc-pro-al li{width:50%;height:auto;padding:15px 20px;}
    .wmkc-pro-al li:nth-of-type(2){border-top:none;}
    .wmkc-pro-al li:first-child,.wmkc-pro-al li:nth-of-type(3){border-right:1px solid #dbe3ef}
    .wmkc-pro-box{flex-direction:column;}
    .wmkc-pro-left{width:100%;}
    .wmkc-pro-right {margin-left:0;width:100%;}
    .main-part, .advan h3, .wmkc-appli-tit, .wmkc-workshop-title p{font-size:20px;}
    .wmkc-appli::after{display:none;}
    .wmkc-appli{flex-wrap:wrap;}
    .wmkc-appli-box {width:48%;margin-bottom:2%;}
}