﻿@charset "utf-8";
@font-face{font-family:Montserrat;font-display:swap;src:url(/js/42347/Montserrat.ttf) format('truetype')}
:root{--color:#0f7ac8;--fontfamily:'Montserrat', arial}
.nobanner header .head-info,.nobanner header .head-top,header.is-active{background:#fff;}
body:not(.index) .head-top .head-right .head-share,body:not(.index) .head-left,body:not(.index) .head-top{color:var(--fontcolor)}
@media (min-width:1025px){.head-nav .nav-ul>li>a{color:var(--fontcolor)}
body:not(.index) .lang-icon img{filter: brightness(0);}
body.index header:not(.is-active) .head-nav .nav-ul>li>a,body.index header:not(.is-active) .head-nav .search-box .head-search button em{color:#fff;}
body.index header:not(.is-active) .head-nav .nav-ul>li>a:hover,body.index header:not(.is-active) .head-nav .nav-ul>li>a.inmenu_1{color:var(--color)}}
@media (max-width:1024px){header{background:#fff;}
.lang-icon img{filter: brightness(0);}
.m-menu span{background:var(--fontcolor)}}
.prodetails-tabs .prodetails-tabs-item:nth-child(2),.prodetails-info .prodetails-text-title{display:none;}
@media (min-width:1025px){.prodetails-info .prodetails-text{font-size:var(--fontsize16)}
article{font-size:var(--fontsize18)}}
@media (max-width:768px){.head-logo a img{max-height:25px;}}
.prodetails-tabs .l-wrap{justify-content: flex-start;}
.tname div {color:#107ECD;font-weight:bold;font-size:20px;line-height:1.2;text-transform: capitalize;}
.tname p {color:#107ECD;font-size:12px;}
.head-logo {height:100%;}
.head-logo a {height:100%;}
.head-logo a img {max-height:100%;}
@media (max-width:1200px){.tname{display:none}}
footer .foot-item.foot-info a{display:flex;align-items:center;}
footer .foot-item.foot-info a img{width:90px;}
footer .foot-item.foot-info .tname{width:calc(100% - 90px)}
@media (min-width:1025px){footer .foot-item.foot-info{width:34%;}
footer .foot-item.foot-contact{width:19%;}}
.home-banner .banner-animote{top: 50%;left: 40%;width:55%;text-align: left;}
.home-banner .banner-animote .p1{text-align: left;}
.ba1 .p4{margin-top: 40px;font-size: 24px;}
.ba1 .home-more{border-radius: 10px;}
.home-banner .banner-animote.ba1 .p2{margin-top:0;}
.home-banner .banner-animote.ba1 .p2 span{display:inline-block;padding-left:20px;position:relative;width:100%;}
.home-banner .banner-animote.ba1 .p2 span:before{content:'';width:7px;height:7px;display:block;background:var(--color);position:absolute;left:3px;top:50%;transform:translateY(-50%);border-radius:50%}
@media(max-width:1600px){.home-banner .banner-animote .p1{font-size:34px;}}
@media(max-width:1024px){.ba1 .p4{display:none;}.home-banner .banner-animote .p2{display:none;}}
@media (max-width: 768px) {.home-banner .banner-animote .p1 {font-size: var(--fontsize24);}}
@media (max-width: 500px) {.home-banner .banner-animote .p1 {font-size: var(--fontsize12);}}
.ba2 .p4{margin-top: 40px;font-size: 24px;}
@media (max-width:1600px){.ba2 .p4{font-size:20px}}
@media (max-width:768px){.ba2 .p4{font-size:16px;margin-top:20px}}
@media (max-width:500px){.ba2 .p4{display:none}
.home-banner .banner-animote{width:70%;}}
.home-about .aboutinfo .more{text-decoration: unset;transition: all .1s linear;background: #0F7AC8;color: #fff;padding: 10px 25px;border-radius: 50px;}
@media (min-width:1025px){.protype-main .procate li{width:18.4%;margin-right:2%}
.procate li:nth-child(4n){margin-right:2%}
.procate li:nth-child(5n){margin-right:0;}}
.home-abpagese-have{background: #424242;padding: 3% 0;}
.home-abpagese-have .l-wrap{background: url(/images/ppage/t2/advan-bg.png) no-repeat center;background-size: contain;}
.home-abpagese-have .abpagese-havelist{margin-top:3%;display:flex;justify-content: space-between;}
.home-abpagese-have .abpagese-havelist li{width:18%;text-align:center;list-style: none;}
.home-abpagese-have .abpagese-havelist li .abhave-icon{text-align:center;width: 100px;height: 100px;border-radius: 50%;display: flex;align-items: center;justify-content: center;margin: 0 auto;background: #d2d2d2;}
.home-abpagese-have .abpagese-havelist li .abhave-tit{font-weight:var(--fontbold7);font-size:24px;margin-top: 20px;color: #fff;display: flex;justify-content: center;}
.home-abpagese-have .abpagese-havelist li .abhave-text{color: #fff;margin-top: 10px;}
@media (max-width:768px){.home-abpagese-have .abpagese-havelist{flex-wrap:wrap;justify-content: center;}
.home-abpagese-have .abpagese-havelist li{width:46%;padding:0 1%;margin:7px 0;}
.home-abpagese-have .abpagese-havelist li .abhave-icon{width:70px;height:70px;}
.home-abpagese-have .abpagese-havelist li .abhave-icon img{max-width:40px;}
.home-abpagese-have .abpagese-havelist li .abhave-text{font-size:14px;}}
.home-choose::before{display:none;}
.home-choose .l-wrap>div.chooseinfo{width:100%;padding-left:0;}
.home-choose .l-wrap>div.chooseinfo .home-title,.home-choose .l-wrap>div.chooseinfo .text{max-width: 80%;margin: 15px auto 20px;text-align: center;}
.home-choose .l-wrap>div.chooseinfo .text{margin-top:10px;}
.home-choose .chooseinfo ul{display:flex;justify-content: space-between;flex-wrap:wrap;}
.home-choose .chooseinfo ul li{width:24%;text-align: center;flex-direction: column;align-items: center;}
.home-choose .chooseinfo ul li .info{padding-left:0;}
.home-choose .chooseinfo ul li .info .p1{margin: 15px 0 10px;font-size: 20px;}
.home-choose .chooseinfo ul li .info .p2{line-height: 2;}
@media (max-width:768px){.home-choose .chooseinfo ul li{width:49%;margin:10px 0;}}
.home-abpagese-have .home-title{color: #fff;}
.home-custom{display: none;}
.home-provide{padding:4% 0;}
.home-provide .provide-list{display:flex;flex-wrap:wrap;justify-content: space-between;margin-top:3%;}
.home-provide .provide-list .provide-item{width:24%;text-align: center;}
.home-provide .provide-list .provide-item .img-box{overflow: hidden;}
.home-provide .provide-list .provide-item .img-box img{width:100%;display:block;transition: all .3s;}
.home-provide .provide-list .provide-item .img-box img:hover{transform: scale(1.05);}
.home-provide .provide-list .provide-item .title{margin:10px 0;font-size:22px;font-weight:var(--fontbold7)}
.home-provide .provide-list .provide-item:hover .title{color:var(--color)}
@media (max-width:1024px){.home-provide .provide-list .provide-item{width:49%;margin:10px 0;}}
@media (max-width:768px){.home-provide .provide-list .provide-item .title{font-size:20px;margin:5px 0;}
.home-provide .provide-list .provide-item .des{font-size:15px;}}
.home-helpcenter .list li:hover .imgbg{transform: perspective(1000px) translate3d(0%, 0, 0);}
.home-variety{padding-bottom:4%}
.home-variety .cariety-list{margin-top:3%;display:flex;justify-content: space-between;align-items: center;flex-wrap:wrap}
.home-variety .cariety-list .left{width:25%;text-align: center;}
.home-variety .cariety-list .left .carietitle{font-size:42px;font-weight:var(--fontbold5)}
.home-variety .cariety-list .left .cariedes{font-weight:var(--fontbold7);font-size:18px;}
.home-variety .cariety-list .right{width:73%;display:flex;flex-wrap:wrap;justify-content:space-between;}
.home-variety .cariety-list .right .carie-item{width:15%;text-align: center;}
.home-variety .cariety-list .right .carie-item .img{overflow: hidden;}
.home-variety .cariety-list .right .carie-item .img img{width:100%;display:block;transition: all .3s;padding:5%;}
.home-variety .cariety-list .right .carie-item .items-title{font-weight:var(--fontbold7);margin:10px 0;font-size:18px;word-break: break-word;}
.home-variety .cariety-list .right .carie-item .items-des{color:#444;font-size:16px;line-height:1.4}
@media (max-width:1440px){.home-variety .cariety-list .left .carietitle{font-size: 40px;}}
@media (max-width:1280px){.home-variety .cariety-list .left .cariedes{font-size:16px;}}
@media (max-width:768px){.home-variety .cariety-list .left,.home-variety .cariety-list .right{width:100%;}
.home-variety .cariety-list .right .carie-item{width:49%;}
.home-variety .cariety-list .left .carietitle{font-size:30px;}
.home-variety .cariety-list .right .carie-item .img img{padding:5%}}
.home-helpcenter .helpmySwiper{margin-top:3%;}
.home-helpcenter .helpbox{transition:all .2s linear;overflow:hidden;position:relative;width:100%;font-size:var(--fontsize20);background:#efefef}
.home-helpcenter .helpbox:hover{transition:.8s;width:100%}
.home-helpcenter .helpbox:hover .imgbg{transition:.8s;transform:perspective(1000px) translate3d(0%,0,0)}
.home-helpcenter .swiper-slide:nth-of-type(2n-1) .helpbox{background:#efefef}
.home-helpcenter .swiper-slide:nth-of-type(2n) .helpbox{background:#fafafa}
.home-helpcenter .img{right:0;position:relative;width:100%;margin-left:auto;padding-top:0;}
.home-helpcenter .img a{display:block;}
.home-helpcenter .info{position: absolute;left: 0;top: 0;padding: 20px;width: 100%;z-index: 2;height: 100%;display: flex;justify-content: center;align-items: center;}
.home-helpcenter .imgbg{overflow:hidden;}
.home-helpcenter .imgbg img{width:100%;height:100%;object-fit:contain;transition:all .3s}
.home-helpcenter .swiper-slide:hover .imgbg img{transform:scale(1.05)}
.home-helpcenter .title{opacity:1;font-size:18px;font-weight:var(--fontbold7);color:#fff}
.home-helpcenter .helpbox::after{position: absolute;content: '';width: 100%;height: 100%;background: #00000036;top: 0;left: 0;z-index: 0;}
.aboutimg lite-youtube{width:100%;}
@media (min-width:1025px){.page-nav .pagenav-catelist li{padding:10px}
.page-nav .pagenav-catelist .LocalCurrent{font-size:var(--fontsize16);background:var(--color);font-weight:var(--fontbold4)}
.page-nav .pagenav-catelist>li.LocalCurrent>a{color:#fff}
.page-nav .pagenav-catelist>li:hover.LocalCurrent>a{color:#fff}
.page-nav .pagenav-catelist li:hover{background:#333;color:#fff}}
.home-variety .cariety-list .left .cariedes{font-size: 16px;font-weight: normal;}
footer .foot-share ul a.fb{color:#3B5997}
footer .foot-share ul a.tw{color:#323232}
footer .foot-share ul a.lk{color:#0A66C2}
footer .foot-share ul a.ins{background:radial-gradient(circle at 30% 107%, #FDF497 0, #FDF497 5%, #FD5949 45%, #d6249f 60%, #285aeb 90%)}
footer .foot-share ul a.pi{color:#cc2127}
footer .foot-share ul a.vk{color:#0077FF}
footer .foot-share ul a.you{color:#FF0000}
footer .foot-share ul a.tik{color:#000000}
.wmkcfeedback .wmkcfb-fileupload, .wmkcfeedback input, .wmkcfeedback textarea{border: 1px solid #e3e3e3;}
.wmkcfeedback .send-btn{color: #ffffff;}
@media (min-width:1025px){.head-nav .nav-ul>li>a{font-size:15px;font-weight:800}
.head-nav .nav-ul>li>ul a{font-weight:800}
.tname p{font-size:15px;font-weight:800}
.page-nav .pagenav-catelist li:hover{background:var(--color);color:#fff}
.page-nav .pagenav-catelist li.active{background:var(--color)}
.page-nav .pagenav-catelist li.active>a{color:#fff}
}
.head-nav .nav-ul>li>ul li:hover{background: var(--color);}
.head-nav .nav-ul>li>ul li:hover a{color:#fff}
#logoswiper1 .swiper-slide  img{width: 150px;}
.home-service .home-des{margin-bottom:20px}
.home-service .next-img{max-width:50px;display:flex;align-items:center}
.home-service .wmpage54-page2 .wmpage54-page2-title h5{font-weight:600;color:#000;margin:0;text-align:center;padding-top:20px}
.home-service .wmpage54-page2 .wmpage54-page2-item{display:flex;justify-content:space-between}
.home-service .wmpage54-page2 .wmpage54-page2-list{width:19%;background:#fff;padding:40px 15px 40px;position:relative;overflow:hidden;box-sizing:border-box;border:2px solid #dbdbdb}
.home-service .wmpage54-page2 .wmpage54-page2-img{display:flex;justify-content:center}
.home-service .wmpage54-page2 .wmpage54-page2-img>em{color:var(--color,#d90011);font-size:42px;width:42px;transition:all ease-in-out .3s}
.home-service .wmpage54-page2 .wmpage54-page2-tit{margin:25px 0 5px}
.home-service .wmpage54-page2 .wmpage54-page2-tit p{text-align:center;font-size:24px;line-height:1.5;font-weight:600}
.home-service .wmpage54-page2 .wmpage54-page2-con p{margin:0 auto;font-size:16px;text-align:center;color:#555;line-height:1.7}
.home-service .wmpage54-page2 .wmpage54-page2-math{position:absolute;width:100%;left:0;bottom:-15px}
.home-service .wmpage54-page2 .wmpage54-page2-math p{text-align:center;line-height:1;margin:0;font-size:66px;font-family:Impact;color:var(--color,#d90011);opacity:.1;transition:all .3s ease-in-out}
.home-service .wmpage54-page2 .wmpage54-page2-list:hover .wmpage54-page2-math p{opacity:.5}
.home-service .wmpage54-page2 .wmpage54-page2-list:hover .wmpage54-page2-img>em{transform:rotateY(190deg)}
.home-service .wmpage54-page2 .wmpage54-page2-titbot p{text-align:center;margin:0;color:#333}
.home-service .wmpage54-page2 .wmpage54-page2-titbot{margin-bottom:35px}
@media(max-width:1400px){.home-service .next-img{display:none}
.home-service .wmpage54-page2 .wmpage54-page2-item{flex-wrap:wrap;justify-content:unset}
.home-service .wmpage54-page2 .wmpage54-page2-list{width:32%;margin-bottom:2%;margin-right:1%}}
@media(max-width:1024px){.home-service .wmpage54-page2 .wmpage54-page2-item{justify-content:space-between}
.home-service .wmpage54-page2 .wmpage54-page2-list{width:49%;margin-right:0}}
@media(max-width:500px){.home-service .wmpage54-page2 .wmpage54-page2-list{width:100%}
.home-service .wmpage54-page2 .wmpage54-page2-list{padding:40px 0}
.home-service .wmpage54-page2 .wmpage54-page2-math{bottom:-30px}}
.home-service::after{position: absolute;width: 100%;height: 70%;top: 0;left: 0;content: '';background: #000;z-index: -1;}
.home-service{z-index: 0;}
.home-service .next-img img{filter: invert(1);}
@media (min-width: 1024px) { body:not(.index){padding-top: 120px;}}
.common-main.about-us,body.index{background: #f0f0f0;}
.home-news .homenewslist .swiper-slide{background: unset;}
.pro-d-main .prodetails-tabs .prodetails-tabs-item{color: #fff;}
.pagesbanner{min-height:inherit;}
.prodetails-info .share-btn-list{margin-top:20px;}
.home-about .aboutinfo .more {  text-transform: capitalize; }
.common-main.plastic .page-nav ,  .common-main.metal .page-nav{display: none;}
.stainless-steel-active{position:relative;z-index:0}
.stainless-steel-active::before{content:'';width:100vw;max-width:1920px;height:100%;display:block;position:absolute;top:0;left:50%;transform:translateX(-50%);z-index:-1;background:#0f7ac8}
.metal .wmpage165-page1-titwrap{text-align:center;display:block}
.metal .wmpage165-page1-bgbox::before{background:rgba(0,0,0,.3)}
.metal  .wmpage165-page1-titwrap{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}
.metal .wmpage165-page1-col:hover .wmpage165-page1-titwrap{display:none}
body {background: #fafafa;}
.plastic .wmpage165-page1-titwrap{text-align:center;display:block}
.plastic .wmpage165-page1-bgbox::before{background:rgba(0,0,0,.3)}
.plastic  .wmpage165-page1-titwrap{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}
.plastic .wmpage165-page1-col:hover .wmpage165-page1-titwrap{display:none}
 @media  (min-width:1024px) and (max-width:1500px){.home-banner .banner-animote.ba1 .p4{margin-top:5px}
.home-banner .banner-animote.ba1 .p2{margin-bottom:20px}
.home-banner .banner-animote .p1{font-size:28px}
.home-banner .banner-animote{top:56%}}
.common-main.surface-finishing  .surface-finishing-active{ display: flex; align-items: center;margin-bottom: 10px;}
footer{padding: 4% 0;}
@media (min-width:1025px) and (max-width:1495px){.tname p{font-size:12px}.tname div{font-size:14px}}
@media (min-width: 1600px) {.home-banner .banner-animote .p1 { font-size: 45px;}}
.common-main.surface-finishing .wmpage23-title{ max-width: unset;  }
.news-d-main  .l-wrap {max-width: 1500px;}
.singgle-main .page-nav{display:none}
.ck-widget-toc{width:100%;}
.kche-universal .kche-t219{box-shadow:0px 0px 10px 0px rgba(0,0,0,.5);}
.kche-universal .kche-t219 .kche-t219-content{background:#f7f7f7;align-items:inherit}
.kche-universal .kche-t219 .kche-t219-info h5{font-size:33px;color:#55595c;}
.kche-universal .kche-t219 .kche-t219-info p{color:#55595c;}
.kche-universal .kche-t219 .kche-t219-info{padding:20px 45px;display:flex;flex-direction:column;justify-content:center}
.kche-universal .kche-t219 .kche-t219-img img{width:100%;height:100%;object-fit:cover}
@media (max-width:1280px){.kche-universal .kche-t219 .kche-t219-info h5{font-size:28px;line-height:1.3;margin-bottom:10px}
.kche-universal .kche-t219 .kche-t219-info{padding:20px}
.kche-universal .kche-t219 .kche-t219-info p.kche-t76 a{margin:0!important;}}
@media (max-width:768px){.kche-universal .kche-t219 .kche-t219-info h5{font-size:23px;}
.kche-universal .kche-t219 .kche-t219-info{padding:20px 10px}
.kche-universal .kche-t219 .kche-t219-info p.kche-t76 a{font-size:15px!important}}
@media (min-width:1025px){.kche-universal .kche-t219 .kche-t219-img{width:50%;}}
.wmpage88-page2-info .wmpage88-page2-btn{margin-top:40px;display:flex;justify-content:center;}
.wmpage88-page2-info .wmpage88-page2-btn a{border:2px solid #fff;background-color:#fff;color:var(--color);padding:10px 20px;border-radius:4px;display:inline-flex;align-items:center;justify-content:center;font-size:18px;position:relative;z-index:1;}
.wmpage88-page2-info .wmpage88-page2-btn a:hover{background:none;color:#fff}
@media (max-width:540px){.wmpage88-page2-info .wmpage88-page2-btn a{padding:6px 15px;}
.wmpage88-page2 .wmpage88-page2-info{padding-left:0!important;padding-right:0!important}}
@media  (min-width:1495px){header .tname div{font-size:18px}
header .tname p{font-size:12px}}
