@import url(https://js01.v15cdn.com/single-template/public.css);
.common-product .wmkc-procate-pebox-top{background:#F7F7F7;position: relative;padding:4% 0;margin-top:-50px;}
.common-product .wmkc-procate-pebox-top:after{content:'';width:100vw;height:100%;display: block;background: #F7F7F7;position: absolute;top:0;left:50%;transform: translateX(-50%);z-index:-1}
.common-product .wmkc-procate-pebox-top .pebox-title{font-size:40px;line-height: 1.3;color:#706f6f}
.common-product .wmkc-procate-pebox-top .pebox-title span{color:var(--color)}
.common-product .wmkc-procate-pebox-top .pebox-des{margin:2% 0 3%;max-width:75%;color: #434242;font-size:22px;}
.common-product .wmkc-procate-pebox-top .pebox-more-btn{display:flex;}
.common-product .wmkc-procate-pebox-top .pebox-more-btn a{min-width:200px;border: 1px solid var(--color);font-size:var(--fontsize18);text-align: center;padding:5px 20px;border-radius: 5px;margin-right:20px;transition: all .3s;}
.common-product .wmkc-procate-pebox-top .pebox-more-btn a:nth-child(1){background: var(--color);color:#fff;}
.common-product .wmkc-procate-pebox-top .pebox-more-btn a:nth-child(1):hover{opacity: 0.9;}
.common-product .wmkc-procate-pebox-top .pebox-more-btn a:nth-child(2){color:var(--color)}
@media (max-width:1600px){.common-product .wmkc-procate-pebox-top .pebox-title{font-size:2.7vw}
.common-product .wmkc-procate-pebox-top .pebox-des{font-size:1.25vw}}
@media (max-width:768px){.common-product .wmkc-procate-pebox-top{margin-top:-30px;}
.common-product .wmkc-procate-pebox-top .pebox-title{font-size:24px}
.common-product .wmkc-procate-pebox-top .pebox-des{font-size:16px;max-width:100%;}
.common-product .wmkc-procate-pebox-top .pebox-more-btn{justify-content: space-between;flex-wrap:wrap;}
.common-product .wmkc-procate-pebox-top .pebox-more-btn a{margin-right:0;width:49%;}}
@media (max-width:550px){.common-product .wmkc-procate-pebox-top .pebox-more-btn a{width:100%;margin:5px 0;}}


.wmpage198-page2{background:#f6f6f6}
.wmpage198-page2 .wmpage198-page2-top{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;margin-bottom:30px}
.wmpage198-page2 .wmpage198-page2-top .wmpage198-page2-left{width:50%}
.wmpage198-page2 .wmpage198-page2-text{color:var(--color);font-weight:var(--fontbold6);font-size:var(--wmpage-font17);text-transform:uppercase}
.wmpage198-page2 .wmpage-title{color:var(--wmpage-color33)}
.wmpage198-page2 .wmpage198-page2-top .wmpage198-page2-right{width:50%;color:var(--wmpage-color8)}
.wmpage198-page2 .wmpage198-page2-slide{position:relative;overflow:hidden;width:100%}
.wmpage198-page2 .wmpage198-page2-slide .wmpage198-page2-img{width:100%;position:relative}
.wmpage198-page2 .wmpage198-page2-slide .wmpage198-page2-img img{position:relative;width:100%;height:auto;object-fit:cover}
.wmpage198-page2 .wmpage198-page2-slide .wmpage198-page2-info{position:absolute;bottom:20px;left:20px;border-left:5px solid var(--color);background-color:#fff;width:calc(100% - 40px);padding:25px;opacity:0;z-index:2;clip-path:polygon(0 0,95% 0,90% 100%,0 100%);transition:all .3s linear;transform:translateY(120px)}
.wmpage198-page2 .wmpage198-page2-slide:hover .wmpage198-page2-info{transform:translateY(0);opacity:1}
.wmpage198-page2 .wmpage198-page2-slide .wmpage198-page2-title{display:inline-block;font-weight:var(--fontbold7);font-size:var(--wmpage-font20);transition:all .3s linear}
.wmpage198-page2 .wmpage198-page2-slide .wmpage198-page2-title:hover{color:var(--color)}
.wmpage198-page2 .wmpage198-page2-slide .wmpage198-page2-words{color:var(--wmpage-color8);font-size:var(--wmpage-font14);font-weight:var(--fontbold6)}
.wmpage198-page2 .wmpage198-page2-slide .wmpage198-page2-border{position:absolute;top:0;right:30px;opacity:0;transition:all .3s linear}
.wmpage198-page2 .wmpage198-page2-slide .wmpage198-page2-icon{position:relative;display:inline-flex;justify-content:center;align-items:center;width:60px;height:60px;background:var(--color);border-radius:50%;transition:all .2s linear}
.wmpage198-page2 .wmpage198-page2-slide .wmpage198-page2-icon:hover{background:var(--wmpage-color33)}
.wmpage198-page2 .wmpage198-page2-slide:hover .wmpage198-page2-border{top:30px;opacity:1}
.wmpage198-page2 .wmpage198-page2-slide .wmpage198-page2-icon em{color:#fff;transform:rotate(-30deg);font-size:var(--wmpage-font24);transition:all .3s linear;width: var(--wmpage-font24);line-height: 1;}
.wmpage198-page2 .wmpage198-page2-slide .wmpage198-page2-icon:hover em{transform:rotate(0)}
.wmpage198-page2 .wmpage198-page2-slide .wmpage198-page2-icon::before{position:absolute;content:'';width:60px;height:60px;border-radius:50%;border:1px solid var(--color);background:0 0;left:50%;top:50%;transform:translate(-50%,-50%);transition:all .2s linear;animation:page2 2s ease-in-out infinite}
.wmpage198-page2 .wmpage198-page2-slide .wmpage198-page2-icon:hover::before{border:1px solid var(--wmpage-color33)}
@keyframes page2{0%{transform:translate(-50%,-50%) scale(1)}
50%{transform:translate(-50%,-50%) scale(1.4)}
100%{transform:translate(-50%,-50%) scale(1)}
}
.wmpage198-page2 .wmpage198-page2-btn{display:flex;justify-content:center;margin-top:40px}
.wmpage198-page2 .wmpage198-page2-next,.wmpage198-page2 .wmpage198-page2-prev{display:inline-flex;justify-content:center;align-items:center;width:40px;height:40px;border-radius:5px;background:var(--color);transition:all .3s linear}
.wmpage198-page2 .wmpage198-page2-next:hover,.wmpage198-page2 .wmpage198-page2-prev:hover{background:var(--wmpage-color33)}
.wmpage198-page2 .wmpage198-page2-next{margin-right:15px}
.wmpage198-page2 .wmpage198-page2-next em,.wmpage198-page2 .wmpage198-page2-prev em{color:#fff;font-size:var(--wmpage-font20);font-weight:var(--fontbold7)}
@media screen and (max-width:768px){.wmpage198-page2 .wmpage198-page2-top .wmpage198-page2-left{width:100%}
.wmpage198-page2 .wmpage198-page2-top .wmpage198-page2-right{width:100%}}
.wmpage198-passenger.wmpage198-page2 .wmpage198-page2-slide .wmpage198-page2-title{display:none}
.wmpage198-passenger.wmpage198-page2 .wmpage198-page2-slide .wmpage198-page2-info{padding:15px 40px 15px 15px}
@media (max-width:1280px){.wmpage198-passenger.wmpage198-page2 .wmpage198-page2-slide .wmpage198-page2-info{padding:10px 40px 10px 10px}
.wmpage198-passenger.wmpage198-page2 .wmpage198-page2-slide .wmpage198-page2-words{line-height:1.4}}
@media (min-width:1025px){.pro-list.list1 li{width:23%;margin-right:2.666%;}
.pro-list.list1 li:nth-child(4n){margin-right:0;}}
.kche-t167 .kche-t167-img img {width:100%}