@charset "utf-8";
iframe{max-width:100%}
.show-container{margin:50px 0;width:100%}
.show-title h4{position:relative;padding-bottom:35px;color:var(--fontcolor);text-align:center;font-weight:var(--fontblod5);font-weight:700;font-size:28px;line-height:1}
.show-number{display:flex;margin:0 auto;max-width:1470px;flex-wrap:wrap;justify-content:space-between}
.show-numberbox:nth-of-type(2n){width:23.8%;background-color:#c1182e;color:#fefefe;text-align:center}
.show-numberbox:nth-of-type(2n-1){width:23.8%;border:5px solid #c1182e;color:#c1182e;text-align:center}
.show-number .text-one{padding:50px 74px 22px 74px;font-size:22px;line-height:1.2}
.show-number .text-num{display:flex;padding:20px 74px 50px 74px;font-size:40px;line-height:1.2;justify-content:center}
.triangular-one{margin:0 auto;width:0;height:0;border-top:9px solid #c1182e;border-right:8px solid transparent;border-left:8px solid transparent}
.triangular-two{margin:0 auto;width:0;height:0;border-top:9px solid #fefefe;border-right:8px solid transparent;border-left:8px solid transparent}
@media (max-width :1600px){.show-number .text-one{font-size:20px}
.show-number .text-num{font-size:32px}}
@media (max-width :1280px){.show-number .text-one{padding:40px 37px 18px 37px;font-size:14px}
.show-number .text-num{padding:18px 37px 40px 37px;font-size:20px}}
@media (max-width :768px){.show-container{margin-bottom:20px}
.show-title h4{font-size:20px}
.show-numberbox:nth-of-type(2n){margin-bottom:20px;width:46%;border:2px solid #c1182e}
.show-numberbox:nth-of-type(2n-1){margin-bottom:20px;width:46%;border:2px solid #c1182e}
.show-number .text-one{padding:23px 28px 18px 37px}
.show-number .text-num{padding:18px 37px 25px 37px}
.triangular-one{margin:0 auto;width:0;height:0;border-top:5px solid #c1182e;border-right:3px solid transparent;border-left:3px solid transparent}
.triangular-two{margin:0 auto;width:0;height:0;border-top:5px solid #fefefe;border-right:3px solid transparent;border-left:3px solid transparent}
.show-numberbox:nth-of-type(2n),.show-numberbox:nth-of-type(2n-1){width:49%}}
@media (max-width :375px){.show-title h4{font-size:15px}
.show-number .text-one{font-size:12px}
.show-number .text-num{font-size:14px}}
.about-container{max-width:1920px}
.about-container .about-info{width:50%}
.about-container .about-img{width:50%}
.about-container .about-img iframe{width:100%}
.about-title h4{position:relative;padding-bottom:25px;color:var(--fontcolor);font-weight:var(--fontblod5);font-weight:700;font-size:28px;line-height:1.2}
.about-info{position:relative;padding-top:2vw;padding-right:3vw}
.about-info .text{color:#333;font-size:16px;line-height:30px;text-align:justify}
.about-container .about-info .more a{display:inline-flex;border:1px solid #000;background:#fff;color:#000;transition:all .2s linear;align-items:center;justify-content:center;padding:10px 25px}
.about-container .about-info .more:hover a{background-color:#c1182e;color:#fff;cursor:pointer;transition:.3s all ease-out}
.about-wrap{display:flex;padding:4vw;background-color:#f9f9f9}
.about-container .about-info .more{margin-top:25px;display:inline-block}
@media (max-width :1600px){.about-title h4{font-size:20px}
.about-info .text{font-size:16px;line-height:22px}
.about-wrap{padding:3%;align-items:center}}
@media (max-width :1440px){.about-info .text{font-size:15px;line-height:22px}}
@media (max-width :1280px){.about-title h4{font-size:18px}
.about-info .text{font-size:14px;line-height:15px}}
@media (max-width :1024px){.about-title h4{font-size:16px}
.about-info .text{font-size:13px;line-height:14px}
.about-wrap{flex-wrap:wrap}
.about-container .about-info{width:100%;padding-right:0}
.about-container .about-img{width:100%;margin-top:20px}}
@media (max-width :768px){.about-title h4{font-size:20px}
.about-info .text{font-size:14px;line-height:20px}
.about-wrap{display:inline-block}
.about-container .about-info{width:100%}
.about-container .about-info .more{margin-bottom:40px;width:103%}}
.advan-container{max-width:1920px;background:#f5f5f5}
.advan-in{display:flex;margin:0 auto;padding:70px 0 50px 0;max-width:1440px;justify-content:space-around}
.advan-container .advan-icon{width:10.7%;color:#000;text-align:center;font-weight:700;font-size:20px}
.advan-container .advan-icon img{padding-bottom:20px;height:60%}
.advan-container .advan-icon:hover p{color:#c1182e}
@media (max-width :1440px){.advan-container .advan-icon{font-size:16px}
.advan-in{padding:90px 0 52px 0}}
@media (max-width :1280px){.advan-container .advan-icon{font-size:14px}
.advan-in{padding:70px 0 32px 0}}
@media (max-width :1024px){.advan-container .advan-icon{font-size:10px}
.advan-in{padding:50px 0 22px 0}}
@media (max-width :768px){.advan-in{padding:30px 0 12px 0}
.advan-container .advan-in{display:flex;flex-wrap:wrap}
.advan-container .advan-in .advan-icon{width:50%}}
.product-container{margin-top:60px;max-width:1920px}
.product-in{display:flex;margin:0 auto;max-width:1440px;flex-wrap:wrap;justify-content:space-between}
.product-box{margin-top:26px;width:24%;background:#fff;color:#282828;font-weight:600;font-size:20px}
.product-img{overflow:hidden}
.product-img img{display:block;max-width:75%;margin:0 auto}
.product-box:hover img{transition:all .4s ease-in-out;transform:scale(1.1)}
.product-box:hover{color:#c1182e;cursor:pointer;transition:all .4s ease-in-out}
.product-box p{display:flex;justify-content:center;padding:10px 30px;text-align:center;line-height:1.5;align-items:center;font-size:16px;background:#f6f6f6}
@media (max-width:768px){.product-box{margin-top:16px;width:48%;background:#f6f6f6;color:#282828;font-weight:600;font-size:15px}
.product-img img{max-width:100%}}
@media (max-width:1280px){.product-box{margin-top:20px;font-size:18px}}
.business-container{display:flex;margin:50px 2px 0;max-width:1920px;flex-wrap:wrap;justify-content:space-around}
.business-in{position:relative;width:calc(25% - 4px);margin:2px}
.business-in img{display:block;width:100%}
.business-in .business-img{overflow:hidden}
.business-container .business-in p{position:absolute;bottom:20px;margin-left:20px;width:250px;color:#fff;text-transform:uppercase;text-shadow:0 0 24px #000;font-weight:700;font-size:30px;line-height:36px}
.business-container .business-in:hover img{transition:all .4s ease-in-out;transform:scale(1.1)}
.business-container .business-in:hover p{color:#c1182e;transition:all .4s ease-in-out}
@media (max-width:1920px){.business-container .business-in p{font-size:25px}}
@media (max-width:1600px){.business-container .business-in p{width:175px;font-size:20px}}
@media (max-width:1280px){.business-container .business-in p{width:150px;font-size:15px}}
@media (max-width:768px){.business-in{width:calc(50% - 4px)}
.business-container .business-in p{width:100px;font-size:12px}}
.factory-container{padding-top:50px;max-width:1920px;background:#f6f6f6}
.factory-container .factory-in{margin:0 auto;max-width:1440px}
.factory-container .factory-in .show-title h4::after{position:absolute;top:70%;left:48%;width:4%;height:3px;background:#c1182e;content:""}
.factory-container .factory-in p{margin:0 auto;width:90%;color:#000;text-align:justify;font-weight:400;font-size:16px;line-height:30px}
.factory-box{display:flex;flex-wrap:wrap;justify-content:space-between;margin:30px auto 0}
.factory-box .factory-img{overflow:hidden;margin-bottom:2%;width:32%}
.factory-box img:hover{cursor:pointer;transition:all .4s ease-in-out;transform:scale(1.1)}
@media (max-width :1024px){.factory-container .factory-in p{font-size:16px;line-height:25px}}
@media (max-width :768px){.factory-container .factory-in p{font-size:14px;line-height:20px}
.factory-container .factory-in .show-title h4::after{position:absolute;top:70%;left:47%;width:6%;height:1px;background:#c1182e;content:""}
.factory-box .factory-img{width:49%}}
@media (max-width :345px){.factory-box .factory-img{margin-top:12px}}
.capability-container{margin-top:50px}
.capability-container .capability-in p{margin:0 auto 30px;width:90%;color:#000;text-align:center;font-weight:400;font-size:19px;line-height:30px}
.capability-container .capability-in img{display:block;margin:0 auto;opacity:.5}
.capability-container .capability-in .show-title h4::after{position:absolute;top:70%;left:48%;width:3.5%;height:3px;background:#c1182e;content:""}
.capability-container .capability-in:hover img{opacity:1;cursor:pointer;transition:all .5s}
@media (max-width:768px){.capability-container .capability-in p{font-size:14px;line-height:20px}
.capability-container .capability-in .show-title h4::after{position:absolute;top:70%;left:47%;width:6%;height:1px;background:#c1182e;content:""}}
.touch-container{padding:50px 0;max-width:1920px}
.touch-container .touch-in{margin:0 auto;max-width:1292px}
.touch-container .touch-in p{margin:0 auto 10px;width:90%;color:#000;text-align:center;font-weight:400;font-size:19px;line-height:30px}
.touch-container .touch-input .text-input{display:flex}
.touch-container .touch-input input{padding:10px;width:48%;outline:0;border:1px solid transparent;border-bottom:2px solid #000}
.touch-container .touch-input input:nth-of-type(2n){margin-left:50px}
.touch-container .touch-input textarea{padding:10px;width:100%;height:175px;outline:0;border:1px solid transparent;border-bottom:2px solid #000}
.touch-send{position:relative;z-index:1;margin:20px 0;width:100%;height:50px;cursor:pointer;transition:all .4s ease-in-out;background-color:var(--color);color:#fff}
.touch-send:hover{background-color:var(--color);color:#fff;transition:all .4s ease-in-out}
.touch-span{display:inline-flex;width:100%;height:100%;font-weight:var(--fontblod5);font-size:16px;align-items:center;justify-content:center}
.touch-container .touch-in .show-title h4::after{position:absolute;top:70%;left:48%;width:4%;height:3px;background:#c1182e;content:""}
.touch-container .inquiry-form input,.touch-container .inquiry-form textarea{border-color:#333}
.touch-container .wmkcfeedback .send-btn{width:100%;}
@media (max-width :1440px){.touch-container .touch-in{width:80%}
.touch-container .touch-input textarea{height:100px}}
@media (max-width:768px){.touch-container .touch-in p{font-size:14px;line-height:20px}
.touch-container .touch-in .show-title h4::after{position:absolute;top:70%;left:47%;width:6%;height:1px;background:#c1182e;content:""}
.touch-container .touch-input textarea{height:70px}
.touch-container .touch-input input{border-bottom:1px solid #000}
.touch-container .touch-input textarea{border-bottom:1px solid #000}}
.index-main .news-container{margin:50px auto 0;padding:0 234px!important}
.news-container .l-wrap{max-width:1440px;margin:0 auto}
.news-list{display:flex;margin-top:40px;flex-wrap:wrap;justify-content:space-between}
.news-list .news-item{margin-bottom:20px;width:24%!important;background:#fff;box-shadow:0 6px 13px 0 rgba(19,20,21,.08);transition:all .2s linear}
.news-list .news-item .news-img{position:relative;overflow:hidden}
.news-list .news-item .news-img img{width:100%;transition:all .2s linear}
.news-list .news-item .news-img .news-date{position:absolute;bottom:0;left:20px;display:inline-flex;width:130px;height:40px;background:var(--color);color:#fff!important;white-space:nowrap;align-items:center;justify-content:center}
.news-list .news-item .news-info{padding:30px 20px}
.line2{overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.news-list .news-item .news-info .news-title a{color:#141616;text-transform:capitalize;font-weight:600;font-size:17px;line-height:20px;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;display:-webkit-box}
.news-list .news-item .news-info .news-text{margin:10px 0;color:var(--fontcolorintro);font-size:var(--fontintro);line-height:22px;-webkit-box-orient:vertical;webkit-line-clamp:3;overflow:hidden;display:-webkit-box}
.news-list .news-item .news-info .news-btn{color:var(--color);font-size:16px}
.news-list .news-item:hover .news-img img{transform:scale(1.02)}
.news-list .news-item:hover .news-info .news-title a{color:var(--color)}
@media (min-width:769px){.news-list .news-item .news-img img{max-width:75%;margin:0 auto;display:block}}
@media (max-width:1600px){.news-list .news-item .news-info .news-title a{font-size:13px}}
@media (max-width:1024px){.news-list .news-item .news-info{padding:10px 15px}}
@media (max-width:768px){.news-list .news-item{width:49%!important}
.news-list .news-item .news-info .news-title a{font-size:15px}}
@media (max-width:450px){.news-list .news-item{width:99%!important}
.news-list .news-item .news-info .news-title a{font-size:15px}}
.news-container .more-btn{margin-top:40px;width:auto;display:flex;justify-content:center}
.news-container .more-btn a{padding:10px 30px;transition:.3s all ease-out;display:inline-block;border:1px solid #e5e5e5;overflow:hidden;position:relative;z-index:9;font-size:14px;color:#000;position:relative;z-index:14;margin-left:8px;margin-right:8px}
.news-container{margin-top:50px}
.advan-container .advan-icon p{transition:all .3s ease-in-out}
.factory-box .factory-img img{display:block;max-width:100%}
@media (max-width:1440px){.capability-container,.factory-container .factory-in,.news-container .l-wrap,.product-container,.show-number{padding:0 3%}}
@media (max-width:1440px){.touch-container .touch-in{width:100%;padding:0 3%}}
.hcontact p.headtel{display:none}
.head-t .container{background:#ffffff99;border-radius:20px;padding: 2px 15px;}
@media (min-width:769px){.news-list .news-item .news-info .news-text{min-height:110px}}
@media (min-width:769px) and (max-width:1440px){.news-list .news-item .news-info .news-text{min-height:135px}}
.foot-b,.foot-t{background:#ececec}
.foottit,footer,footer a{color:var(--fontcolor)}
.fcontact a:hover,.fnav li a:hover,.fpronav li a:hover{color:var(--color)}
.feed-page .inquiry-form input{width:49%}
.feed-page #feedbackForm .send-btn{margin:30px auto 0}
.feed-page #feedbackForm .send-btn{border-radius:10px}
.feed-page .inquiry-form input,.feed-page .inquiry-form textarea{background:#f7f7f7}
@media (min-width:769px){.logo img{max-height:60px}
.nav>li>a{font-size:17px}}
.Advantage .container p,.Introduced .container p,.Message .container p,.newsdetails-cont p,.newspage-item-text,.pdshow-r-text,.prodetails-bref p,.products-item-bref,.wmkc-item-img,.wmkc-template-33>div>.wmkc-item-box>p,.wmkc-template-47>p{text-align:justify}
@media (max-width:1440px){.show-title h4{font-size:24px}
.capability-container .capability-in p,.factory-container .factory-in p,.touch-container .touch-in p{font-size:14px}}
.kche-wrap-width.nyceosflex .kche-item-r p{line-height:1.5;margin-bottom:8px}
.kche-wrap-width.nyceosflex .kche-item-r p:last-child{margin:0}
@media (max-width:1400px){.kche-wrap-width.nyceosflex .kche-item-r p{font-size:14px}}
@media (max-width:1024px){.kche-wrap-width.nyceosflex .kche-t96 .kche-item-l{width:100%;margin:0 0 10px}}
.mobile-bottom.mobbotact{padding-left:33.3333%}
.mobile-bottom-item:nth-child(1),.mobile-bottom-item:nth-child(2){display:none}
.mobile-bottom-item{width:50%}
.mobile-bottom-item:nth-child(4n){position:absolute;left:0;top:0;width:33.3333%}
@media (max-width:768px){.about-img,.advan-container,.news-container{display:none}
.wmkc-aboutus-item .wmkc-flex-item2{padding:20px!important;width:100%}}
@media (max-width:768px){#swiper-banner .swiper-wrapper{transform:translate(0,0)!important}
#swiper-banner .swiper-pagination{display:none}
#swiper-banner .swiper-button-next,#swiper-banner .swiper-button-prev{display:none}
#swiper-banner .swiper-slide a{display:block;position:relative;padding-bottom:100%;width:100%;background:url(/uploads/40311/page/p20240315142850943c4.jpg) no-repeat center;background-size:100%}
#swiper-banner .swiper-slide a img{display:none}
.inner-banner{display:block;position:relative;padding-bottom:100%;width:100%;background:url(/uploads/40311/page/p20240315142850943c4.jpg) no-repeat center;background-size:100%}
.inner-banner img{display:none}}
.r-d-capability .rd-catext p{font-size:16px;}
.r-d-capability .rd-content{display:flex;}
.r-d-capability .rd-content div{width:48%}
.r-d-capability .rd-catext p{margin:20px 0;text-align: center;}
.r-d-capability .rd-content{margin: 0 auto;max-width: 1200px;display: flex;justify-content: space-between;}
.r-d-capability .rd-content div .rd-catext{width:100%;text-align:left;max-width: 470px;}
.working-environment .kche-t107 .kche-t107-r-img img:hover{transform: scale(1);}
.working-environment-box .inner{display: flex;justify-content: center;flex-wrap: wrap;}
.working-environment-box .inner .img{width:23%;margin:1%;}
.working-environment-box .inner .img img{width:100%;display:block;}
@media (max-width:900px){.working-environment-box .inner .img{width:48%;}}
.document-inner-videopage .page-box{background:#ececec;}