@import url(https://js01.v15cdn.com/single-template/public.css);
.kche-t57 .kche-t57-item {width: 24%}
.wmpage20-section-detail{max-width:980px;margin:0 auto 50px;position:relative;z-index:1}
.wmpage20-tow{position:relative}
.wmpage20-section-detail p{font-weight:var(--fontbold3);font-style:normal;line-height:21px;color:var(--wmpage-color26);z-index:1;position:relative;margin-bottom:20px}
.wmpage20-section-detail p:nth-of-type(2) a{color:#2f3d59;text-decoration:underline}
.wmpage20-section-detail p:nth-of-type(2){text-align:end}
.wmpage20-app-tab{box-shadow:39px 46px 120px 0 #2a498c1a;display:flex;flex-wrap:wrap;position:relative;z-index:1;background:#fff}
.wmpage20-nav-tab{width:24%;border-right:1px solid #eee}
.wmpage20-tab-outer{width:76%;padding:45px}
.wmpage20-nav-tab a{display:inline-block;width:100%;font-weight:var(--fontbold6);font-style:normal;color:#2f3d59;line-height:24px;padding:13px 20px;position:relative;transition:all .3s ease-in-out}
.wmpage20-nav-tab a.active{background:var(--color);color:#fff}
.wmpage20-nav-tab a::before{content:'';width:6px;height:6px;background:#000;-webkit-border-radius:50%;border-radius:50%;display:inline-block;margin-right:10px;vertical-align:middle}
.wmpage20-nav-tab a:not(:last-child){border-bottom:1px solid #eee}
.wmpage20-content-wrap{display:flex}
.wmpage20-related-links{margin-top:45px;display:flex;flex-wrap:wrap;-webkit-box-align:baseline;align-items:baseline}
.wmpage20-tab-img{max-width:50%;}
.wmpage20-tab-img img{transition:all .3s ease-in-out}
.wmpage20-tab-text{max-width:50%;margin:25px 0 0 40px}
.wmpage20-link-list a{font-weight:var(--fontbold3);font-style:normal;color:var(--color);line-height:21px;text-decoration:underline}
.wmpage20-link-list a:not(:last-child){margin-right:30px}
.wmpage20-nav-tab a:hover{background:var(--color);color:#fff;text-decoration:auto}
.wmpage20-nav-tab a img{position:absolute;right:10px;top:50%;transform:translateY(-50%)}
.wmpage20-nav-tab a.active img{filter:grayscale(200%) brightness(500%)}
.wmpage20-tab-img:hover img{transform:scale(1.02)}
.wmpage20-tab-content{display:none}
.wmpage20-nav-tab .active::before{background:#fff}
.wmpage20-nav-tab a:hover::before{background:#fff}
.wmpage20-nav-tab a:hover img{filter:grayscale(200%) brightness(500%)}
@media(max-width:1200px){.wmpage20-tab-text{max-width:none;flex:1}
.wmpage20-tab-outer{padding:35px}
.wmpage20-container{padding:0 15px}
}
@media(max-width:1024px){.wmpage20-tab-outer{padding:30px}
.wmpage20-content-wrap{flex-direction:column}
.wmpage20-tab-img{max-width:none;}
.wmpage20-tab-text{margin:25px 0 0 0}
.wmpage20-related-links{margin-top:0}
.wmpage20-section-detail{margin-bottom:35px}
}
@media(max-width:768px){.wmpage20-section-detail{flex-direction:column}
.wmpage20-nav-tab{width:100%}
.wmpage20-tab-outer{padding:20px;width:100%}
.wmpage20-wrap::before{display:none}
.wmpage20-tab-img img{width:100%}
}
.wmpage20-item-title {font-size: 20px;    font-weight: bold;}
 .pagesbanner .pagesbanner-animate .p1{font-size:3vw;font-weight:900;text-align:left}
.pagesbanner .pagesbanner-animate .p2{text-align:left}
.pagesbanner .pagesbanner-animate{width:50%;transform:translate(0,-50%);left:4%;text-align:left;max-width:800px}
.pagesbanner .pagesbanner-animate .more{display:inline-block;margin-top:3.5%}
.pagesbanner .pagesbanner-animate .more a{padding:10px 20px;border-radius:30px;background:var(--color);display:inline-block}
.pagesbanner .pagesbanner-animate .p1 span{display:inline-block;width:15px;margin-right:10px;height:15px;border-radius:50%;background:var(--color)}
@media (max-width:768px){.pagesbanner .pagesbanner-animate{width:100%}
.pagesbanner .pagesbanner-animate .p1 span{width:5px;height:5px;margin-right:4px}
.pagesbanner .pagesbanner-animate .more a{font-size:12px}
}
.pagesbanner img{height: calc(100vh - 40px);}

.wmpage20-tow .wmpage20-tab-outer .wmpage20-tab-content{height: 100%;}
.wmpage20-tow .wmpage20-tab-outer .wmpage20-content-wrap{align-items: center;height: 100%;}
.wmpage20-tow .wmpage20-tab-outer .wmpage20-content-wrap .wmpage20-tab-text{margin-top: 0;}
.wmpage20-tow .wmpage20-tab-outer .wmpage20-content-wrap .wmpage20-section-detail{margin-bottom: 0;}
.common-main.cnc-machining-service>.l-wrap{max-width:100%;padding:0}
.cnc-machining-service .choose,.cnc-machining-service .custom{background: #f7f7f7;}
.pagesbanner .pagesbanner-animate .p1{display:flex;align-items:flex-start}
.pagesbanner .pagesbanner-animate .p1 span{display:block;flex-shrink:0;margin-top:30px}
 .quote-btn{position:relative;margin:0 auto;width:386px;height:65px;display:flex;justify-content:center;align-items:center;background:var(--color);border-radius:32px}
.quote-btn a{color:#fff}
.kche-t160 .kche-t160-list p {text-align:center}
.quote-btn{margin-top:20px}
.cnc-machining-service .kche-t221 .kche-t221-img img{filter:brightness(.75)}
.cnc-machining-service .kche-t221 .kche-t221-more a{border-radius:40px;font-size:var(--fontsize18);padding:0 35px}
.cnc-machining-service .kche-t221 .kche-t221-more a span{background:url(/uploads/44142/page/p20250605155937918e8.webp) no-repeat left center;background-size:22px;padding-left:30px;}
@media (max-width:768px){.cnc-machining-service .kche-t221 .kche-t221-more a{font-size:var(--fontsize16);padding:0 25px;}
.cnc-machining-service .kche-t221 .kche-t221-more a span{background-size:18px;padding-left:26px}
.kche-t221 .kche-t221-more{margin-top:-10px}}
.ccmsmtm.kche-wrap-width{max-width: 800px;}
.ccmsmtm.kche-wrap-width .kche-t43 .kche-t86-item-flex{width: 100%;border-radius: initial;box-shadow: none;}
 .pagesbanner .pagesbanner-animate .p2{margin:35px 0 20px}
.pagesbanner .pagesbanner-animate{top:50%;left:0}