﻿@import url(https://js01.v15cdn.com/single-template/public.css);
@media (min-width:769px){.kche-t301.wmkc-procate-endmill-t301{justify-content:center;}
.kche-t301.wmkc-procate-endmill-t301 .kche-t301-left{width:200px;}
.kche-t301.wmkc-procate-endmill-t301 .kche-t301-right{width:50%;flex:inherit}
.kche-t301.wmkc-procate-endmill-t301 .wmkcfeedback .inquiry-form{margin-top:0;}}
.pro-main .kche-t109 .kche-t109-b-list{background: var(--color);}
.sidebar>div.displaynone{display:none}
.pro-main .sidebar>div.sidebar-item.inquiry{display:block}
.prolist-bottom .kche-t138 a:hover { color:#fff;}
.page-main .prolist-bottom {padding:0}

.wmpage201-page1-about{display:flex;align-items:center;justify-content:space-between}
.wmpage201-page1-left{width:48%;display:flex;justify-content:center;align-items:center;position:relative}
.wmpage201-page1-left img{border-radius:100%}
.wmpage201-page1-math{position:absolute;background:#fff;width:300px;height:300px;border-radius:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}
.wmpage201-page1-mun p{font-size:58px;font-weight:700;color:var(--color);line-height:1;padding-right:15px;position:relative}
.wmpage201-page1-mun p sub{font-size:22px;line-height:1;font-weight:500;position:absolute;bottom:8px;right:0}
.wmpage201-page1-text{margin-top:15px}
.wmpage201-page1-text p{font-size:18px;text-align:center;line-height:1.25;font-weight:600}
.wmpage201-page1-right{width:48%}
.wmpage201-page1-dev{font-size:var(--wmpage-font14);color:var(--color);font-weight:600;line-height:1;margin-bottom:10px;display:inline-block}
.wmpage201-page1-title .wmpage-title{line-height:1.52;margin-bottom:30px}
.wmpage201-page1-btn{display:flex;margin-top:35px}
.wmpage201-page1-btn a{background:var(--color);padding:15px 30px;line-height:1;color:#fff;border-radius:6px}
.wmpage201-page1-p p{line-height:1.75}
@media (max-width:1200px){.wmpage201-page1-math{width:250px;height:250px}
.wmpage201-page1-title .wmpage-title{margin-bottom:20px}
}
@media (max-width:1024px){.wmpage201-page1-math{width:200px;height:200px}
.wmpage201-page1-mun p{font-size:38px}
.wmpage201-page1-text{margin-top:10px}
.wmpage201-page1-text p{font-size:16px}
}
@media (max-width:768px){.wmpage201-page1-about{flex-direction:column}
.wmpage201-page1-left{width:100%}
.wmpage201-page1-right{width:100%;margin-top:25px}
.wmpage201-page1-title .wmpage-title{margin-bottom:15px}
}
@media (max-width:550px){.wmpage201-page1-math{width:160px;height:160px}
}.wmpage201-page2{background:#f8fafc}
.wmpage201-page2-item{display:flex;justify-content:space-between;flex-wrap:wrap}
.wmpage201-page2-box{width:24%;padding:25px;position:relative;overflow:hidden;margin-bottom:1%;background:#fff;border-radius:5px;border:1px solid #eee}
.wmpage201-page2-ic{width:50px;height:50px;border-radius:100%;display:flex;justify-content:center;align-items:center;background:linear-gradient(45deg,var(--wmpage-color0) 20%,var(--color))}
.wmpage201-page2-ic em{color:#fff;font-size:22px;width:22px;display:block;line-height:1}
.wmpage201-page2-title{text-align:center;margin-bottom:35px}
.wmpage201-page2-title p{color:#97a6ba;max-width:50%;margin:10px auto 0}
.wmpage201-page2-tit{font-size:var(--wmpage-font20);line-height:1.25;padding:15px 0 10px;font-weight: var(--fontbold6);}
.wmpage201-page2-contant p{margin-bottom:15px}
.wmpage201-page2-btn{margin-top:20px}
.wmpage201-page2-btn a{display:flex;color:var(--color);font-size:16px;line-height:1}
.wmpage201-page2-btn a em{font-size:12px;line-height:1;width:12px;display:block;padding-left:10px;transform:translateY(2px)}
.wmpage201-page2-icback{position:absolute;right:-70px;bottom:25px;z-index:0}
.wmpage201-page2-icback em{font-size:152px;width:152px;display:block;color:var(--color);opacity:.05;line-height:1;transition:all .3s ease-in-out}
.wmpage201-page2-box:hover .wmpage201-page2-icback em{opacity:.3}
@media (max-width:1366px){.wmpage201-page2-box{padding:15px}
.wmpage201-page2-tit{font-size:var(--wmpage-font20);padding:10px 0}
.wmpage201-page2-contant p{line-height:1.52}
.wmpage201-page2-title p{max-width:100%}
}
@media (max-width:768px){.wmpage201-page2-title{margin-bottom:20px}
.wmpage201-page2-box{width:49%;margin-bottom:2%}
}
@media (max-width:500px){.wmpage201-page2-box{width:100%}
}.wmpage201-page3-title{text-align:center;margin-bottom:25px}
.wmpage201-page3-title p{color:#97a6ba;max-width:50%;margin:10px auto 0}
.wmpage201-page3-contant{display:flex;justify-content:space-between}
.wmpage201-page3-com{display:none}
.wmpage201-page3-left{width:47%;padding:20px;display:flex;flex-direction:column;justify-content:space-between;border:1px solid #eee;border-radius:6px}
.wmpage201-page3-right{width:50%;padding:20px;border:1px solid #eee;border-radius:6px}
.wmpage201-page3-box{height:30%;padding:15px;border:1px solid #eee;border-radius:6px;cursor:pointer;display: flex;flex-direction: column;justify-content: center;align-items: baseline;}
.wmpage201-page3-box span{font-size: var(--wmpage-font14);font-weight: 500;margin-bottom: 15px;display: block;background: var(--color);color: #Fff;padding: 5px 25px;line-height: 1;border-radius: 15px;}
.wmpage201-page3-tit{font-size:var(--wmpage-font20);line-height:1;margin-bottom:10px;font-weight: var(--fontbold6);}
.wmpage201-page3-dev{font-size:var(--wmpage-font20);line-height:1;margin:15px 0 10px}
.wmpage201-page3-text p{color:#97a6ba}
.wmpage201-page3-btn{margin-top:20px;color:var(--color)}
.wmpage201-page3-image{overflow:hidden;border-radius:6px}
.wmpage201-page3-btn a{display:flex;align-items:center}
.wmpage201-page3-btn em{line-height:1;font-size:12px;width:12px;display:block;margin-left:10px}
.wmpage201-page3-box.active{background:var(--color);color:#fff}
.wmpage201-page3-box.active span{background: #fff;color: #000;}
@media (max-width:1200px){.wmpage201-page3-title p{max-width:80%}
.wmpage201-page3-tit{font-size:18px}
.wmpage201-page3-dev{font-size:18px}
}
@media (max-width:1024px){.wmpage201-page3-contant{flex-direction:column}
.wmpage201-page3-left{width:100%;display:flex;flex-direction:row;padding:15px}
.wmpage201-page3-box{width:32%;height:100%}
.wmpage201-page3-right{width:100%;margin-top:20px;padding:15px}
}
@media (max-width:768px){.wmpage201-page3-left{flex-wrap:wrap}
.wmpage201-page3-box{width:100%}
.wmpage201-page3-title p{max-width:100%}
}.wmpage201-page4-title{text-align:center;margin-bottom:35px}
.wmpage201-page4-title p{color:#97a6ba;max-width:50%;margin:10px auto 0}
.wmpage201-page4-item{position:relative;background:#fff;padding:25px;margin:0 10px;border-radius:5px;border:1px solid #eee}
.wmpage201-page4-image img{width:70px;height:70px;border-radius:100%;border:4px solid #fff;box-shadow:0 0 5px 0 #686868}
.wmpage201-page4-text p{line-height:1.52;text-align: center;margin-top: 15px;}
.wmpage201-page4-box{position:relative;margin-top:20px;display:flex;align-items:center;padding:10px 0}
.wmpage201-page4-image{margin-right:15px}
.wmpage201-page4-p h5{color:#222;font-size:var(--wmpage-font20);position:relative}
.wmpage201-page4-p p{font-size:14px;position:relative;color:#848484}
.wmpage201-page4-ic{display:flex;justify-content:center;margin-bottom:10px}
.wmpage201-page4-ic em{color:var(--color)}
.wmpage201page4Swiper{padding-bottom:50px}
.wmpage201-page4-star{display:flex;justify-content:center;margin-top:25px}
.wmpage201-page4-star em{color:#fbbf24;font-size:14px;width:16px;display:block;line-height:1;margin:0 3px}
@media (max-width:1024px){.wmpage201-page4-title p{max-width:100%}
}
.page-main .prolist-bottom .table-wrap table .kche-t76 .btn {padding:7px!important;text-align:center}
.wmpage201-page1-btn{cursor:pointer;background:var(--color);color:#fff;padding:10px 20px;width:fit-content;border-radius:5px}
@media (min-width:1025px){main.pro-main.Indexable.Inserts .procate-Indexable-Inserts-bot-box+.prolist-bottom{padding-left:0;padding-right:0;}}
.pro-list li .pro-img > a,.pro-main .pro-list li .pro-info .title,.pro-list li .pro-info .more{pointer-events:none;cursor:default}
.sendinquirybtn{cursor:pointer}
.popinquiry{position:fixed;top:0;left:0;z-index:999999;background:rgba(0,0,0,.5);width:100%;height:100%;display:none}
.popinquiry-content{width:100%;height:100%;display:flex;align-items:center;justify-content:center;}
.popinquiry-info{background:#fff;padding:20px;max-width:92%;width:700px;position:relative;}
.popinquiry-tit{font-weight:bold;font-size:var(--fontsize20);}
.popinquiry-close{width:32px;height:32px;position:absolute;right:20px;top:20px;cursor:pointer;}
.popinquiry-close:before{content:'';width:2px;height:24px;background:var(--fontcolor);transform:rotate(45deg);position:absolute;top:4px;left:15px;}
.popinquiry-close:after{content:'';width:2px;height:24px;background:var(--fontcolor);transform:rotate(-45deg);position:absolute;top:4px;left:15px;}
.popinquiry-info .wmkcfeedback{padding-top:15px}
.popinquiry-info .send-inquiry{margin:0}
.popinquiry-info .send-inquiry .inquiry-form input{padding:0 15px;margin-bottom:15px;height:44px;border:1px solid #ccc;background:#f8f8f8}
.popinquiry-info .send-inquiry .inquiry-form textarea{padding:15px;height:180px;border:1px solid #ccc;background:#f8f8f8;margin-bottom:15px}
@media (max-width:540px){.popinquiry-info{padding:15px}
.popinquiry-tit{font-weight:bold;font-size:var(--fontsize18);}
.popinquiry-close{top:12px;right:12px}
.popinquiry-info .send-inquiry .inquiry-form input{padding:0 10px;margin-bottom:12px;height:40px;}
.popinquiry-info .send-inquiry .inquiry-form textarea{padding:10px;height:140px;margin-bottom:12px}
.popinquiry-info .wmkcfeedback .send-btn{height:42px;min-width:inherit;padding:0 15px}}

.wmpage221-page1 .wmpage221-page1-box{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between}
.wmpage221-page1 .wmpage221-page1-box .wmpage221-page1-left{width:48%;height:600px}
.wmpage221-page1 .wmpage221-page1-left img{position:relative;width:100%;height:100%;object-fit:cover}
.wmpage221-page1 .wmpage221-page1-box .wmpage221-page1-right{width:48%}
.wmpage221-page1 .wmpage221-page1-right .wmpage221-page1-text{position:relative;display:inline-block;text-transform:uppercase;color:var(--color);font-weight:var(--fontbold6);font-size:var(--wmpage-font17);letter-spacing:3px;padding-bottom:15px}
.wmpage221-page1 .wmpage221-page1-right .wmpage221-page1-text::after{position:absolute;content:'';width:70px;height:4px;background:#aec6ef;border-radius:10px;bottom:0;left:0}
.wmpage221-page1 .wmpage221-page1-right .wmpage221-page1-text::before{position:absolute;content:'';width:10px;height:10px;border-radius:50%;background:var(--color);left:0;bottom:-3px;z-index:1;animation:page1 3s linear infinite}
@keyframes page1{0%{transform:translateX(0)}
100%{transform:translateX(68px)}
}
.wmpage221-page1 .wmpage221-page1-right .wmpage-title{color:var(--wmpage-color22);margin:10px 0}
.wmpage221-page1 .wmpage221-page1-right .wmpage221-page1-desc{color:var(--wmpage-color8);margin-bottom:5px}
.wmpage221-page1 .wmpage221-page1-right .wmpage221-page1-catalog{display:flex;flex-wrap:wrap;justify-content:space-between}
.wmpage221-page1 .wmpage221-page1-right .wmpage221-page1-catalog li{width:50%;color:var(--wmpage-color8);font-size:var(--wmpage-font17);margin-top:8px}
.wmpage221-page1 .wmpage221-page1-right .wmpage221-page1-catalog li em{color:var(--color);margin-right:5px;font-weight:var(--fontbold6);font-size:var(--wmpage-font18)}
.wmpage221-page1 .wmpage221-page1-right .wmpage221-page1-list li{position:relative;display:block;margin-top:30px}
.wmpage221-page1 .wmpage221-page1-right .wmpage221-page1-list li .wmpage221-page1-title{font-weight:var(--fontbold6);font-size:var(--wmpage-font20);margin-bottom:10px}
.wmpage221-page1 .wmpage221-page1-right .wmpage221-page1-list li .wmpage221-page1-bar{position:relative;width:100%;height:9px;background:#e9e9e9;border-radius:1px}
.wmpage221-page1 .wmpage221-page1-right .wmpage221-page1-list li .wmpage221-page1-inner{position:relative;display:block;width:0;height:9px;transition:width 1.2s linear;border-radius:1px;background:var(--color)}
.wmpage221-page1 .wmpage221-page1-right .wmpage221-page1-list li .wmpage221-page1-barcount{font-weight:var(--fontbold7);color:var(--wmpage-color8);color:var(--color);font-size:var(--wmpage-font18);position:absolute;bottom:15px;right:-17px;transition:opacity 1s linear;opacity:0}
.wmpage221-page1 .wmpage221-page1-btn a{display:inline-flex;justify-content:center;align-items:center;position:relative;min-width:150px;height:45px;border-radius:5px;overflow:hidden;padding:0 20px;background:var(--color);color:#fff;font-size:var(--wmpage-font17);font-weight:var(--fontbold6);text-transform:uppercase;margin-top:30px;z-index:1}
.wmpage221-page1 .wmpage221-page1-btn a::before{position:absolute;content:'';width:100%;height:0;left:0;top:0;background:var(--wmpage-color22);z-index:-1;transition:all .3s linear}
.wmpage221-page1 .wmpage221-page1-btn a:hover::before{height:100%}
@media screen and (max-width:1024px){.wmpage221-page1 .wmpage221-page1-box .wmpage221-page1-left{width:100%;margin-bottom:30px}
.wmpage221-page1 .wmpage221-page1-box .wmpage221-page1-right{width:100%}
}
@media screen and (max-width:768px){.wmpage221-page1 .wmpage221-page1-box .wmpage221-page1-left{height:400px}
.wmpage221-page1 .wmpage221-page1-right .wmpage221-page1-catalog li{width:100%}
}.wmpage221-page2 .wmpage221-page2-top{text-align:center}
.wmpage221-page2 .wmpage221-page2-text{position:relative;display:inline-block;text-transform:uppercase;color:var(--color);font-weight:var(--fontbold6);font-size:var(--wmpage-font17);letter-spacing:3px;padding-bottom:15px}
.wmpage221-page2 .wmpage221-page2-text::after{position:absolute;content:'';width:70px;height:4px;background:#aec6ef;border-radius:10px;bottom:0;left:40px}
.wmpage221-page2 .wmpage221-page2-text::before{position:absolute;content:'';width:10px;height:10px;border-radius:50%;background:var(--color);bottom:-3px;left:40px;z-index:1;animation:page1 3s linear infinite}
.wmpage221-page2 .wmpage221-page2-bottom{display:flex;justify-content:space-between;flex-wrap:wrap}
.wmpage221-page2 .wmpage221-page2-bottom .wmpage221-page2-item{width:32%;margin-top:30px;position:relative;overflow:hidden}
.wmpage221-page2 .wmpage221-page2-item .wmpage221-page2-img{position:relative;width:100%}
.wmpage221-page2 .wmpage221-page2-item .wmpage221-page2-img img{position:relative;width:100%;height:auto;object-fit:cover}
.wmpage221-page2 .wmpage221-page2-item .wmpage221-page2-card{position:absolute;left:0;bottom:0;width:100%;padding:20px;display:flex;align-items:center;flex-wrap:wrap;background:var(--color);opacity: 0.8;transform:translateY(0);transition:all .3s linear}
.wmpage221-page2 .wmpage221-page2-item.active .wmpage221-page2-card,.wmpage221-page2 .wmpage221-page2-item:hover .wmpage221-page2-card{transform:translateY(150px)}
.wmpage221-page2 .wmpage221-page2-item .wmpage221-page2-icon{display:inline-flex;justify-content:center;align-items:center;width:85px;height:85px;background:#fff;margin-right:20px}
.wmpage221-page2 .wmpage221-page2-item .wmpage221-page2-icon em{color:var(--color);font-size:var(--wmpage-font40)}
.wmpage221-page2 .wmpage221-page2-item .wmpage221-page2-title{flex:1;font-weight:var(--fontbold7);font-size:var(--wmpage-font22);color:#fff}
.wmpage221-page2 .wmpage221-page2-item .wmpage221-page2-info{width:88%;height:88%;position:absolute;top:50%;left:50%;transform:translate(-50%,-170%);background:rgba(255,255,255,.8);padding:30px;display:flex;flex-direction:column;text-align:center;justify-content:center;transition:all .3s linear}
.wmpage221-page2 .wmpage221-page2-item.active .wmpage221-page2-info{transform:translate(-50%,-50%)}
.wmpage221-page2 .wmpage221-page2-item:hover .wmpage221-page2-info{transform:translate(-50%,-50%)}
.wmpage221-page2 .wmpage221-page2-item .wmpage221-page2-info em{font-size:var(--wmpage-font50);color:var(--color)}
.wmpage221-page2 .wmpage221-page2-item .wmpage221-page2-words{position:relative;font-weight:var(--fontbold7);font-size:var(--wmpage-font22);color:var(--wmpage-color22);padding-top:50px}
.wmpage221-page2 .wmpage221-page2-item .wmpage221-page2-words::after{position:absolute;content:'';width:2px;height:40px;background:var(--color);left:50%;transform:translateX(-50%);top:0}
.wmpage221-page2 .wmpage221-page2-item .wmpage221-page2-desc{color:var(--wmpage-color8);margin-top:10px}
.wmpage221-page2 .wmpage221-page2-item .wmpage221-page2-btn a{display:inline-flex;justify-content:center;align-items:center;width:55px;height:55px;border-radius:50%;border:1px solid var(--color);margin-top:20px;transition:all .3s linear}
.wmpage221-page2 .wmpage221-page2-item .wmpage221-page2-btn em{font-size:var(--wmpage-font26);transition:all .3s linear;transition-delay:.3s}
.wmpage221-page2 .wmpage221-page2-item .wmpage221-page2-btn a:hover{background:var(--color)}
.wmpage221-page2 .wmpage221-page2-item .wmpage221-page2-btn a:hover em{color:#fff}
@media screen and (max-width:1024px){.wmpage221-page2 .wmpage221-page2-bottom .wmpage221-page2-item{width:48.5%}
}
@media screen and (max-width:768px){.wmpage221-page2 .wmpage221-page2-bottom .wmpage221-page2-item{width:100%}
}.wmpage221-page3{background:#eff2f7}
.wmpage221-page3 .wmpage221-page3-top{text-align:center;margin-bottom:30px}
.wmpage221-page3 .wmpage221-page3-text{position:relative;display:inline-block;text-transform:uppercase;color:var(--color);font-weight:var(--fontbold6);font-size:var(--wmpage-font17);letter-spacing:3px;padding-bottom:15px}
.wmpage221-page3 .wmpage221-page3-text::after{position:absolute;content:'';width:70px;height:4px;background:#aec6ef;border-radius:10px;bottom:0;left:30px}
.wmpage221-page3 .wmpage221-page3-text::before{position:absolute;content:'';width:10px;height:10px;border-radius:50%;background:var(--color);bottom:-3px;left:30px;z-index:1;animation:page1 3s linear infinite}
.wmpage221-page3 .wmpage221-page3-bottom{padding:10px}
.wmpage221-page3 .wmpage221-page3-slide{position:relative;overflow:hidden;border-radius:10px}
.wmpage221-page3 .wmpage221-page3-slide .wmpage221-page3-img{width:100%;position:relative;overflow:hidden}
.wmpage221-page3 .wmpage221-page3-slide .wmpage221-page3-img img{position:relative;width:100%;height:auto;transition:all .3s linear}
.wmpage221-page3 .wmpage221-page3-slide .wmpage221-page3-triangle{width:150%;height:35%;background:var(--color);clip-path:polygon(50% 0,0 100%,100% 100%);position:absolute;left:-25%;bottom:0;z-index:1;transition:all .3s linear}
.wmpage221-page3 .wmpage221-page3-slide:hover .wmpage221-page3-triangle{background:#13287d}
.wmpage221-page3 .wmpage221-page3-slide .wmpage221-page3-triangle::before{position:absolute;content:'';width:100%;height:100%;background:#fff;clip-path:polygon(50% 0,0 100%,100% 100%);position:absolute;left:0;bottom:-12px;z-index:1}
.wmpage221-page3 .wmpage221-page3-slide .wmpage221-page3-info{padding:0 20px 40px;background:#fff;position:relative}
.wmpage221-page3 .wmpage221-page3-slide .wmpage221-page3-icon{display:inline-flex;justify-content:center;align-items:center;width:90px;height:90px;border-radius:50%;background:#fff;position:absolute;left:50%;transform:translateX(-50%);bottom:calc(100% + 30px);box-shadow:0 0 4px rgba(0,0,0,.16);z-index:2;transition:all .3s linear}
.wmpage221-page3 .wmpage221-page3-slide:hover .wmpage221-page3-icon{transform:translateX(-50%) rotateY(-360deg)}
.wmpage221-page3 .wmpage221-page3-slide .wmpage221-page3-icon em{color:var(--color);font-size:var(--wmpage-font40)}
.wmpage221-page3 .wmpage221-page3-slide .wmpage221-page3-title{position:relative;padding-bottom:10px;color:#13287d;font-weight:var(--fontbold6);font-size:var(--wmpage-font22)}
.wmpage221-page3 .wmpage221-page3-slide .wmpage221-page3-title::after{position:absolute;content:'';width:50px;height:3px;background:var(--color);left:0;bottom:0}
.wmpage221-page3 .wmpage221-page3-slide .wmpage221-page3-desc{color:var(--wmpage-color8);margin:20px 0}
.wmpage221-page3 .wmpage221-page3-slide .wmpage221-page3-btn a{display:inline-flex;justify-content:center;align-items:center;position:relative;min-width:150px;height:45px;border-radius:30px;overflow:hidden;padding:0 20px;background:var(--color);color:#fff;font-size:var(--wmpage-font17);font-weight:var(--fontbold6);text-transform:uppercase;margin-top:30px;z-index:1}
.wmpage221-page3 .wmpage221-page3-slide .wmpage221-page3-btn a::before{position:absolute;content:'';width:100%;height:0;left:0;top:0;background:var(--wmpage-color22);z-index:-1;transition:all .3s linear}
.wmpage221-page3 .wmpage221-page3-slide .wmpage221-page3-btn a:hover::before{height:100%}
.wmpage221-page3 .wmpage221-page3-pagination{text-align:center;margin-top:35px}.wmpage221-page4 .wmpage221-page4-bottom{display:flex;flex-wrap:wrap;justify-content:space-between}
.wmpage221-page4 .wmpage221-page4-bottom .wmpage221-page4-item{width:32%;position:relative;overflow:hidden;border-top:6px solid var(--color);box-shadow:0 20px 50px rgb(229 229 229 / 80%)}
.wmpage221-page4 .wmpage221-page4-item .wmpage221-page4-img{position:relative;width:100%;height:400px}
.wmpage221-page4 .wmpage221-page4-item .wmpage221-page4-img img{position:relative;width:100%;height:100%;object-fit:cover}
.wmpage221-page4 .wmpage221-page4-item .wmpage221-page4-card{position:absolute;left:0;top:0;width:100%;text-align:left;background:#06305f;padding:30px 30px 50px;transform-origin:50% 0;transition:all .3s linear 0s;transform:perspective(500px) rotateX(-90deg);opacity:0}
.wmpage221-page4 .wmpage221-page4-item:hover .wmpage221-page4-card{opacity:1;transform:perspective(500px) rotateX(0);transition-delay:.2s}
.wmpage221-page4 .wmpage221-page4-item .wmpage221-page4-letter{text-transform:uppercase;font-size:var(--wmpage-font17);color:#fff}
.wmpage221-page4 .wmpage221-page4-item .wmpage221-page4-words{font-weight:var(--fontbold7);font-size:var(--wmpage-font22);color:#fff;margin-top:10px}
.wmpage221-page4 .wmpage221-page4-item .wmpage221-page4-btn{display:inline-flex;justify-content:center;align-items:center;width:50px;height:50px;background:var(--color);border-radius:50%;position:absolute;bottom:-20px;left:50%;transform:translateX(-50%);transition:all .2s linear}
.wmpage221-page4 .wmpage221-page4-item .wmpage221-page4-btn em{color:#fff;font-size:var(--wmpage-font20);transition:all .2s linear}
.wmpage221-page4 .wmpage221-page4-item .wmpage221-page4-btn:hover{background:#fff}
.wmpage221-page4 .wmpage221-page4-item .wmpage221-page4-btn:hover em{color:var(--color)}
.wmpage221-page4 .wmpage221-page4-item .wmpage221-page4-info{position:absolute;top:0;left:0;display:flex;flex-direction:column;justify-content:center;background:linear-gradient(to bottom,rgba(255,255,255,.3) -68%,#fff 76%);width:100%;padding:0;transition:.4s;height:100%;padding:30px 30px 20px 30px;transform-origin:50% 0;transition:all .3s linear .1s;transform:perspective(500px) rotateX(0)}
.wmpage221-page4 .wmpage221-page4-item:hover .wmpage221-page4-info{bottom:-100%;transition-delay:0s;opacity:0;transform:perspective(500px) rotateX(-90deg)}
.wmpage221-page4 .wmpage221-page4-item .wmpage221-page4-icon{position:relative;display:inline-flex;justify-content:center;align-items:center;width:75px;height:75px;background:var(--color);z-index:1}
.wmpage221-page4 .wmpage221-page4-item .wmpage221-page4-icon::before{position:absolute;content:'';width:70px;height:70px;border:2px solid var(--color);bottom:-7px;right:-7px;z-index:-1}
.wmpage221-page4 .wmpage221-page4-item .wmpage221-page4-icon em{font-size:var(--wmpage-font40);color:#fff}
.wmpage221-page4 .wmpage221-page4-item .wmpage221-page4-text{text-transform:uppercase;color:var(--wmpage-color8);font-weight:var(--fontbold6);margin-top:30px;font-size:var(--wmpage-font18)}
.wmpage221-page4 .wmpage221-page4-item .wmpage221-page4-title{position:relative;color:#13287d;font-weight:var(--fontbold7);font-size:var(--wmpage-font24);padding-bottom:10px}
.wmpage221-page4 .wmpage221-page4-item .wmpage221-page4-title::after{position:absolute;content:'';width:60px;height:2px;background:var(--color);left:0;bottom:0}
.wmpage221-page4 .wmpage221-page4-item .wmpage221-page4-desc{color:var(--wmpage-color8);margin-top:10px}
@media screen and (max-width:1024px){.wmpage221-page4 .wmpage221-page4-bottom .wmpage221-page4-item{width:48.5%}
.wmpage221-page4 .wmpage221-page4-bottom .wmpage221-page4-item:nth-child(-n+2){margin-bottom:30px}
}
@media screen and (max-width:768px){.wmpage221-page4 .wmpage221-page4-bottom .wmpage221-page4-item{width:100%}
}.wmpage221-page5 .wmpage221-page5-box{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap}
.wmpage221-page5 .wmpage221-page5-box .wmpage221-page5-left{width:55%}
.wmpage221-page5 .wmpage221-page5-left .wmpage221-page5-text{position:relative;display:inline-block;text-transform:uppercase;color:var(--color);font-weight:var(--fontbold6);font-size:var(--wmpage-font17);letter-spacing:3px;padding-bottom:15px}
.wmpage221-page5 .wmpage221-page5-left .wmpage221-page5-text::after{position:absolute;content:'';width:70px;height:4px;background:#aec6ef;border-radius:10px;bottom:0;left:0}
.wmpage221-page5 .wmpage221-page5-left .wmpage221-page5-text::before{position:absolute;content:'';width:10px;height:10px;border-radius:50%;background:var(--color);left:0;bottom:-3px;z-index:1;animation:page1 3s linear infinite}
.wmpage221-page5 .wmpage221-page5-left .wmpage-title{margin-top:10px}
.wmpage221-page5 .wmpage221-page5-left .wmpage221-page5-desc{color:var(--wmpage-color8);margin:13px 0 10px}
.wmpage221-page5 .wmpage221-page5-left ul li{margin-top:18px;background:#fff;box-shadow:0 0 10px 1px rgba(0,0,0,.16)}
.wmpage221-page5 .wmpage221-page5-left .wmpage221-page5-open{display:flex;align-items:center;justify-content:space-between;padding:13px 20px}
.wmpage221-page5 .wmpage221-page5-left .wmpage221-page5-icon{position:relative;height:3px;width:20px;background:var(--wmpage-color22);margin-right:15px}
.wmpage221-page5 .wmpage221-page5-left .wmpage221-page5-icon::before{position:absolute;content:'';height:20px;width:3px;background:var(--wmpage-color22);left:50%;top:50%;transform:translate(-50%,-50%);transition:all .2s linear;opacity:1}
.wmpage221-page5 .wmpage221-page5-left li.active .wmpage221-page5-icon::before{opacity:0}
.wmpage221-page5 .wmpage221-page5-left .wmpage221-page5-title{font-weight:var(--fontbold6);font-size:var(--wmpage-font20);margin-right:15px}
.wmpage221-page5 .wmpage221-page5-left li.active .wmpage221-page5-title{color:var(--color);text-decoration:underline}
.wmpage221-page5 .wmpage221-page5-left .wmpage221-page5-close{color:var(--wmpage-color8);padding:0 20px 12px;display:none}
.wmpage221-page5 .wmpage221-page5-box .wmpage221-page5-right{width:40%;height:700px}
.wmpage221-page5 .wmpage221-page5-right img{position:relative;width:100%;height:100%;object-fit:cover}
@media screen and (max-width:1024px){.wmpage221-page5 .wmpage221-page5-box .wmpage221-page5-left{width:100%;margin-bottom:30px}
.wmpage221-page5 .wmpage221-page5-box .wmpage221-page5-right{width:100%;height:auto}}
@media screen and (max-width:768px){.wmpage221-page5 .wmpage221-page5-left .wmpage221-page5-open{padding:13px 15px}}
.pro-main .sidebar{display:none}
.pro-main .page-main{width:100%;margin-right:0}
.protype-highmain .common-main>.l-wrap{max-width:100%;padding:0;}
.protype-widthmain>.table-wrap{padding:10px 0;box-sizing:border-box;width:calc(100% - 10px);margin:0 5px}
.protype-widthmain>.table-wrap table td,.protype-widthmain>.table-wrap table th{padding:4px 5px}

.procate-febg{background: #000000a0;position: fixed;top: 0;left:0;width: 100vw;height: 100vh;align-items: center;justify-content: center;z-index: 9999;display: none;}
.procate-febg.active{display: flex;}
.procate-feex{max-width: 700px;padding: 20px;background: #fff;}
.procate-febg .detail-title{font-size: var(--fontsize22);padding-bottom: 10px;margin: 10px auto;border-bottom: 1px solid #E7EEEE;color:#fff}
.procate-feexit{display: flex;align-items: center;width: 50px;height: 50px;background: #fff;border-radius: 50%;justify-content: center;position: relative;float: right;cursor: pointer;}
.procate-feexit span{width: 3px;height: 40px;background: #000;position: absolute;}
.procate-feexit span:nth-child(1){transform: rotate(45deg);}
.procate-feexit span:nth-child(2){transform: rotate(-45deg);}
.procate-feed .wmkcfeedback input,.procate-feed .wmkcfeedback textarea{border: 1px #cbcbcb solid;background-color: #f0f0f0;}
.procate-fetop{display: flex;justify-content: space-between;align-items: center;margin-bottom: 20px;}
.procate-fetitle{font-size: 24px;}
.showfeed{cursor: pointer;width:auto;height:auto;margin:10px 0;background-color:var(--color,#87C812);color:#ffffff;text-decoration:none!important;padding:10px 20px;border-radius:4px;display:inline-flex;align-items:center;justify-content:center;font-size:16px;position:relative;z-index:1;}
@media (max-width:768px) {
.procate-febg{padding: 0 20px;}
}