@import url(https://css02.v15cdn.com/m433/message.css);
.home-num .list li:hover{color:#fff}
.protypefeedback{padding:3% 0;background:#f4f4f6}
.inquiry-title{font-size:var(--fontsize24);font-weight:var(--fontbold6);text-align:left;text-transform:capitalize;color:var(--fontcolor);margin-bottom:20px}
.wmkcfeedback .send-btn{background: #EC5221;border-color:#EC5221}
#videoswiper2{margin-top:30px}
#videoswiper2 .videoswiper-pagination2{text-align:center;margin-top:30px}
#videoswiper2 .videoswiper-pagination2 .swiper-pagination-bullet{background:#111111;opacity:1}
#videoswiper2 .videoswiper-pagination2 .swiper-pagination-bullet.swiper-pagination-bullet-active{background:var(--color)}
#videoswiper2 .swiper-slide{background:#F7F7F7;transition:all .2s linear;border-radius:10px;overflow:hidden}
#videoswiper2 .swiper-slide:hover{background:var(--color);color:#FFFFFF}
#videoswiper2 .swiper-slide .video{width:100%;aspect-ratio:3/2}
#videoswiper2 .swiper-slide .video iframe,#videoswiper2 .swiper-slide .video img,#videoswiper2 .swiper-slide .video video{width:100%;height:100%;object-fit:cover}
#videoswiper2 .swiper-slide p{margin:15px 20px;font-size:var(--fontsize18);font-weight:var(--fontbold6);line-height:1.4}
.videobox{position:relative}
.videoswiper-prev,.videoswiper-next{width:30px;height:50px;position:absolute;top:50%;margin-top:-85px;cursor:pointer;background:#f4f4f4;display:flex;align-items:center;justify-content:center;border-radius:5px}
.videoswiper-prev{left:-50px}
.videoswiper-next{right:-50px}
.videoswiper-prev em{transform:rotate(90deg);font-size:var(--fontsize20)}
.videoswiper-next em{transform:rotate(-90deg);font-size:var(--fontsize20)}
.videoswiper-prev:hover,.videoswiper-next:hover{background:var(--color);color:#fff}
.videobox .swiper-button-disabled{background:#ccc!important;color:#fff!important;cursor:default}
@media (max-width:1024px){.videoswiper-prev, .videoswiper-next{display:none}}
@media (max-width:768px){#videoswiper2{margin-top:20px}}
@media (min-width:1281px){.home-title {font-size:40px}}
@media (min-width:1025px){.home-about .aboutinfo .list{justify-content:space-between}
.home-about .aboutinfo .list li{width:48%}}
.home-product{padding:7.6rem 0 4.7rem;position:relative;background:url(/Content/uploads/20251193524/20251024113949a74c2b05ff1244f790713d8893384c2e.jpg) center no-repeat;background-size:cover;}
.product-item{display:flex;align-items:center}
.product-left{width:82%}
.product-right{flex:1}
.items-info{width:45%;padding:15px 0}
.items-img{width:55%;padding:46px 0 0}
.items-info .home-title{font-size:42px;text-transform:uppercase;color:var(--color);font-weight:700;line-height:1.2;padding-bottom:20px;text-align:left}
.items-desc{font-size:18px;color:#373737;padding:25px 100px 0 0;line-height:1.8;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;text-overflow:ellipsis}
.product-btns{display:flex}
.product-btns a{font-size:20px;text-transform:uppercase;border-radius:6px;border-width:1px;font-weight:600;padding:10px 42px;margin-top:35px;position:relative;overflow:hidden;background-color:var(--color);color:#fff}
.product-right{width:25.5%;background-position:right top;padding:10px 54px;position:absolute;right:0;top:0;height:100%;z-index:2;background-color:#e2effd;background-repeat:no-repeat;background-size:cover}
.product-right ul{padding:10px 0;position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}
.product-right ul li{cursor:pointer;font-size:20px;width:fit-content;padding:20px 0;color:#424242;line-height:1;position:relative}
.product-right ul li.active::after{position:absolute;content:'';width:100%;height:1px;background:var(--color);left:0;top:5px}
.product-right ul li.active{color:var(--color);font-weight:700;font-size:22px}
.controller{width:110px;margin-top:-2.5rem;padding:10px 0;position:relative;z-index:1}
.controller .pagination{font-size:18px;color:#c5c5c5;line-height:1;display:flex;align-items:baseline;padding:10px 0}
.controller .pagination .swiper-pagination{position:relative;display:flex;justify-content:left;align-items:end}
.pagination .swiper-pagination-current{font-size:36px;color:var(--color)}
.probtns{display:flex;justify-content:space-between}
.probtns .button-next,.probtns .button-prev{cursor:pointer}
.button-prev img{transform:rotateY(180deg)}
#brand{padding:3.5% 0 5%}
#brand .brand-list{margin-top:4%;padding-left:3%;display: flex;flex-wrap: wrap;justify-content: space-around;}
#brand .brand-list li{position:relative;font-weight:var(--fontbold5);display:flex;align-items:center}
#brand .brand-list li .brand-number{font-size:50px;line-height:1;position:relative;z-index:1}
.home-about{padding:4.5% 0;position:relative}
.home-about .l-wrap{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between}
.home-about .about-img{width:45%;position:relative;padding-top:20px;padding-left:20px}
.home-about .about-img::before{content:"";position:absolute;left:0;top:0;border:2px solid var(--color);height:calc(100% - 30px);width:60px;z-index:-1;border-radius:var(--borderradius)}
.home-about .about-img .bgimg{z-index:1;border-radius:var(--borderradius);width:100%;height:auto}
.home-about .about-img .about-icon{width:180px;height:180px;padding:4%;background:var(--hovercolor);display:flex;flex-direction:column;justify-content:center;color:#fff;position:absolute;left:0;bottom:25px;z-index:1;font-size:var(--fontsize18)}
.home-about .about-img .about-icon em,.home-about .about-img .about-icon span{color:#fff;font-size:32px;margin-right:5px}
.home-about .about-info{flex:1;padding-left:4%}
.home-about h1{font-size:var(--hometitlefont);color:var(--fontcolor)}
.home-about .about-text{margin:20px 0 50px;color:#333;line-height:1.7}
.home-logo{padding-bottom: 4%;}
.home-about .home-title{margin-bottom:20px}
.home-about .about-item{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center}
.home-about .about-item .about-img{width:50%;position:relative}
.home-about .about-item .about-img img{width:100%}
.home-about .about-item .about-content{flex:1;padding-left:5%}
.home-about .about-item .about-content .icon1{font-weight:var(--fontbold6);background:var(--bgcolor);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:20px}
.home-about .about-item .about-content .text{color:var(--introcolor)}
.home-about .about-item .about-content .list{margin-top:20px}
.home-about .about-item .about-content .list li{margin-top:10px;display:flex}
.home-about .about-item .about-content .list li em{width:18px;height:18px;background:var(--bgcolor);border-radius:50%;display:inline-flex;align-items:center;justify-content:center;color:#fff;font-size:10px;margin-right:10px;margin-top:6px}
.home-about .about-item .about-content .list li p{flex:1}
.home-about .about-item .about-content .home-more{margin-top:2rem}
.home-about .about-item .about-content .home-title{text-align:left}
.home-about .about-item.item2 .icon2{font-weight:var(--fontbold6);color:#d90a2c;margin-bottom:20px}
.home-about .about-item.item2 .about-content{padding-left:0;padding-right:15%}
.home-about .about-item.item2 .about-img{padding:5% 0;z-index:1}
.home-about .about-item.item2 .about-img::after{content:"";position:absolute;left:0;top:0;width:1920px;height:100%;background:#f5f5f5;z-index:-1}
.home-about .about-item.item2 .about-img img{transform:translateX(-15%)}
.newsitems{display: flex;justify-content: space-between;margin-top: 25px;}
.newsit{width: 32.5%;position: relative;padding: 15px;height: auto;background: #fff;transition: all .3s ease-in-out;}
.newsit>a{height: 100%;border: 1px solid #eee;text-align: center;border-radius: 5px;}
.newsinfo{position: relative;width: 100%;color: #333;z-index: 2;padding: 20px 10px;}
.newstitle{font-weight: 400;font-size: 22px;line-height: 1.36;padding: 0px 0 20px;}
.newsimg img{width:100%}
.newsdesc{display: -webkit-box;font-size: 16px;line-height: 1.8;overflow: hidden;margin-top: 3px;margin-bottom: 7px;opacity: .8;-webkit-box-orient: vertical;-webkit-line-clamp: 6;}
.newsbtns{display: flex;}
.newsbtns a{font-weight: 400;padding: 14px 45px;margin-top: 20px;border-width: 1px;border: 1px solid #212529;line-height: 1;transition: all .3s ease-in-out;}
.newsit:hover{box-shadow: 0 0 10px rgba(0, 0, 0, .2);}
.newsbtns a:hover{background: var(--color);color: #fff;border: 1px solid var(--color);}
@media (max-width:1640px) {.home-product{margin-top: 0;}}
@media (max-width:1420px) {.home-about .about-item.item2 .about-img{padding: 3% 0;}
.home-about .about-item.item2 .about-img img {transform: translateX(0);}
.home-about .about-item.item2 .about-content{padding-right: 5%;}}
@media(max-width:1280px){#brand .brand-list li .brand-number{font-size:var(--hometitlefont)}}
#brand .brand-list li .brand-number .text-shadow{font-size:113px;font-weight:var(--fontbold5);color:#fff;text-shadow:0 0 2px #ccc;position:absolute;top:50%;right:0;z-index:-1;line-height:1;transform:translate(12px,-50%)}
@media(max-width:1280px){#brand .brand-list li .brand-number .text-shadow{font-size:80px}}
#brand .brand-list li .brand-label{flex:1;text-transform:uppercase;padding-left:20px}
#brand .brand-list li .brand-label span{display:block}
@media (max-width:1200px) {.items-desc{padding: 10px 20px 0 0;}
.items-info .home-title{font-size: 32px;padding-bottom: 5px;}
.product-btns a{font-size: 16px;margin-top: 15px;}
.product-right{padding: 10px 25px;}
.product-right ul li{padding: 15px 0;font-size: 18px;}
.product-right ul li.active{font-size: 20px;}
.items-info{width: 50%;}
.items-img{width: 50%;padding: 0;}
.controller{margin-top: 1rem;}
.controller .pagination{font-size: 16px;padding: 0;}
.pagination .swiper-pagination-current{font-size: 26px;}}
@media (max-width:1024px) {.home-about .l-wrap{flex-direction: column;}
.home-about .aboutimg{width: 100%;padding-right: 0;}
.home-about .aboutinfo{margin-top: 20px;}
.product-item{flex-direction: column-reverse;}
.items-info,.items-img{width: 100%;}
.product-left {width: 70%;}
.product-right{width: 30%;}
.items-info{margin-top: 25px;}
.home-about .about-img,.home-about .about-item.item2 .about-img{width: 100%;}
.home-about .about-info{padding-left: 0;margin-top: 20px;}
.home-about .about-item.item2{flex-direction: column-reverse;}
.home-about .about-item.item2 .about-img{padding: 20px;margin-top: 25px;margin-bottom: 25px;}
.home-about .about-text{margin: 10px 0 15px;}
.home-about .aboutimg{padding: 0;}}
@media(max-width: 768px) {.home-about,.home-cate,.home-diverse,.home-news,.home-products,.home-service{padding:40px 0}
.home-about .about-item{flex-direction:column}
.home-about .about-item .about-img{width:100%}
.home-about .about-item .about-content{padding:0;margin-top:1em}
.home-about .about-item.item2 .about-content{padding:0}
.home-about .about-item.item2 .about-img{margin-top:1em}
.home-about .about-item.item2 .about-img::after{display:none}
.home-product{padding: 5% 0;}
.home-product .l-wrap{display: flex;flex-direction: column-reverse;}
.product-right{position: relative;width: 100%;flex: unset;}
.product-right ul{position: unset;transform: translateY(0%);display: flex;flex-wrap: wrap;justify-content: space-between;text-align: center;}
.product-right ul li{width: 48%;}
.product-left{width: 100%;}
.controller {width: 30%;margin: 0 auto;}
.controller .pagination .swiper-pagination{justify-content: center;}
 #brand .brand-list li {padding-left:6.6666666667vw}
#brand .brand-list li:nth-last-of-type(-n + 2) {margin: 9.3333333333vw 0 5.3333333333vw}
#brand .brand-list li .brand-number {font-size: 6.6666666667vw}
#brand .brand-list li .brand-number .text-shadow {font-size: 12vw}
.newsitems{flex-wrap: wrap;}
.newsit{width: 100%;margin-bottom: 20px;}}
@media(max-width: 500px) {.home-about .about-item.item2 .about-img img {transform: none}
#brand .brand-list li {padding-left:10px}
#brand .brand-list li .brand-label {font-size: var(--fontsize13)}}
.home-choose{position:relative;padding:4% 0}
.home-choose .choose-list{list-style:none;margin-top:3%;display:flex;flex-wrap:wrap;justify-content:space-between}
.home-choose .choose-list li{width:20%;display:flex;flex-direction:column;align-items:center;text-align:center}
.home-choose .choose-list li .icon{position:relative;z-index:1}
.home-choose .choose-list li .icon img{height:56px;width:auto;object-fit:contain}
.home-choose .choose-list li .icon::after{content:"";position:absolute;bottom:-15px;left:90%;transform:translateX(-50%);width:50px;height:50px;background:var(--color);opacity:.5;border-radius:50%;z-index:-1}
.home-choose .choose-list li:nth-child(3) .icon::after{left:50%}
.home-choose .choose-list li .title{font-size:var(--fontsize20);margin:40px 0px 10px}
.home-choose .choose-list li .text{color:var(--introcolor);font-size:var(--fontsize14);margin-bottom:15px}
.home-choose .choose-list li .more{margin-top:auto}
.home-choose .choose-list li .more a{font-size:var(--fontsize14);text-transform:uppercase;position:relative;padding-bottom:5px}
.home-choose .choose-list li .more a::after{content:"";position:absolute;left:0px;bottom:0px;width:60px;height:1px;background:#000000;transition:all .1s linear}
.home-choose .choose-list li .more em{margin-left:10px}
.home-choose .choose-list li:hover .more a{color:var(--color)}
.home-choose .choose-list li:hover .more a::after{width:100%}
@media(max-width:1024px){.home-choose .choose-list li{width:24%}}
@media(max-width:768px){.home-choose .choose-list li{width:49%;margin-bottom:30px}
.home-choose .choose-list li .icon img{height:40px}
.home-choose .choose-list li .icon::after{width:45px;height:45px}}
@media(max-width:500px){.home-choose{padding:30px 0px}}

.home-banner{display:none}
.home-about .aboutimg iframe{width:100%}
@media (min-width:768px){.home-about .aboutinfo .list{margin-top:30px}
.home-about .aboutinfo .list li{margin-bottom:0}}
#logoswiper{margin-top:0}
.home-advanced .advanced-container{background:no-repeat center;background-size:cover;height:600px;position:relative;z-index:1}
.home-advanced .advanced-container::before{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,.7)}
.home-advanced .advanced-list{height:100%;display:flex;flex-wrap:wrap;justify-content:space-between}
.home-advanced .advanced-list li{width:25%;position:relative;padding:2%;display:flex;flex-direction:column;align-items:center;text-align:center;color:#fff;padding-top:8em;transition:all .3s linear;z-index:1}
.home-advanced .advanced-list li::before{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(255,255,255,.3);z-index:-1;opacity:0;transform:translateY(10px);transition:all .3s linear}
.home-advanced .advanced-list li::after{content:"";position:absolute;top:0;right:0;width:1px;height:100%;background:rgba(255,255,255,.3)}
.home-advanced .advanced-list li:last-child::after{display:none}
.home-advanced .advanced-list li .bg{position:absolute;left:0;top:0;width:100%;height:100%;background:no-repeat center;background-size:cover;transition:all .3s linear;opacity:0;z-index:0}
.home-advanced .advanced-list li .icon{z-index:1}
.home-advanced .advanced-list li .p1{font-size:40px;line-height:1;margin:50px 0 0;z-index:1}
.home-advanced .advanced-list li .p1 span{font-size:68px}
.home-advanced .advanced-list li .p2{z-index:2}
.home-advanced .advanced-list li:hover{padding-top:7em}
.home-advanced .advanced-list li:hover .bg{opacity:.7}
.home-advanced .advanced-list li:hover::before{opacity:1;transform:translateY(0)}
@media (max-width:1280px){.home-advanced .advanced-list li .p1{font-size:var(--fontsize30)}}
@media (max-width:990px){.home-advanced .advanced-list li .p1{font-size:var(--fontsize24)}}
@media (max-width:768px){.home-advanced .advanced-container{height:800px}
.home-advanced .advanced-list li{width:50%;height:50%;padding-top:4em}
.home-advanced .advanced-list li:hover{padding-top:5em}
.home-advanced .advanced-list li .icon img{height:40px}
.home-advanced .advanced-list li .p1{margin:20px 0 0}}
@media (max-width:500px){.home-advanced .advanced-container{height:auto}
.home-advanced .advanced-list li{padding:30px 10px!important;height:auto}
.home-advanced .advanced-list li .p1{font-size:var(--fontsize20)}
.home-advanced .advanced-list li .p1 span{font-size:var(--fontsize28)}}

.home-cate{position:relative;padding:4% 0}
.home-cate{background:#f5f5f5}
.home-cate .cateul{margin-top:2em;display:flex;justify-content:center;background:#e6e7e7;border-radius:26px;height:52px;padding:6px 14px}
.home-cate .cateul li{color:#666;width:16%;height:40px;line-height:40px;border-radius:18px;padding:0 10px;text-align:center;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden;margin:0 10px;transition:all .1s linear;font-weight:var(--fontbold5);cursor:pointer}
.home-cate .cateul li.active{background:#fff;color:var(--color)}
.home-cate .cateul li:hover{color:var(--color);}
.home-cate .catewrap{display:flex;align-items:stretch;margin-top:40px}
.home-cate .cateimg{width:340px;position:relative}
.home-cate .cateimg img{object-fit:cover;width:100%;height:100%}
.home-cate .cateimg .absolute{position:absolute;width:100%;bottom:20%;padding:10px 20px;display:flex;flex-direction:column;align-items:center}
.home-cate .cateimg .absolute .p1{font-size:var(--fontsize30);font-weight:var(--fontbold6);color:#fff;line-height:1.4;text-align:center;margin-bottom:1em}
.home-cate .cateimg .absolute a{min-width:180px;padding:0 20px;height:45px;background:rgba(0,0,3,0);border-radius:23px;border:1px solid #ecf6ff;display:inline-flex;align-items:center;justify-content:center;text-align:center;color:#fff;font-weight:var(--fontbold5);transition:all .1s linear}
.home-cate .cateimg .absolute a:hover{background:var(--color)}
.home-cate .catelist{padding-left:30px;flex:1}
.home-cate .catelist ul{height:100%;display:flex;flex-wrap:wrap;display:none}
.home-cate .catelist ul li{width:32%;background:#fff;border-radius:3px;text-align:center;position:relative;overflow:hidden;margin-right:2%;}
.home-cate .catelist ul li:nth-child(3n){margin-right:0;}
.home-cate .catelist ul li:nth-child(1),.home-cate .catelist ul li:nth-child(2),.home-cate .catelist ul li:nth-child(3){margin-bottom:1em}
.home-cate .catelist ul li .img{width:100%;aspect-ratio:4/3}
.home-cate .catelist ul li .img img{width:100%;height:100%;object-fit:contain}
.home-cate .catelist ul li .title{width:100%;font-size:var(--fontsize18);color:#333;transition:all .1s linear;padding:8px 15px;height:70px;}
.home-cate .catelist ul li:hover img{transform:scale(1.03)}
.home-cate .catelist ul li:hover .title{color:var(--color)}
@media(max-width:1446px){.home-cate .cateul li{width:20%}}
@media(max-width:1280px){.home-cate .cateimg{display:none}
.home-cate .catelist{padding:0}}
@media(max-width:1024px){.home-cate .cateul{flex-wrap:wrap;height:auto}
.home-cate .cateul li{width:30%;margin-right:10px}
.home-cate .cateul li:nth-child(n+4){margin-top:10px}}
@media(max-width:768px){.home-cate{padding:40px 0}
.home-cate .cateul{justify-content:space-between;margin-top:20px}
.home-cate .cateul li{width:49%;margin:0}
.home-cate .cateul li:nth-child(n+3){margin-top:10px}
.home-cate .catewrap{margin-top:30px}
.home-cate .catelist ul{justify-content:space-between;}
.home-cate .catelist ul li{width:49%;margin-bottom:1em;margin-right:0;}
.home-cate .catelist ul li .title{font-size:var(--fontsize16);height:60px;}}
.home-advanced .l-wrap{margin-top:20px;margin-bottom:20px}

.wmkc-banner{position:relative;}
.wmkc-banner .banner-inner{position: absolute;top:50%;left:50%;transform: translate(-50%,-50%);z-index:2;text-align: center;color: #fff;text-shadow:1px 2px 3px #000;width:100%;}
.wmkc-banner .banner-inner .p1{font-weight: var(--fontbold7);margin-bottom:1%;font-size:42px;}
.wmkc-banner .banner-inner .p2{font-size:20px;}
@media (max-width:1600px){.wmkc-banner .banner-inner .p1{font-size:2.8vw}
.wmkc-banner .banner-inner .p2{font-size:1.2vw}}
@media (max-width:768px){.wmkc-banner .banner-inner .p1{font-size:20px}
.wmkc-banner .banner-inner .p2{font-size:12px}}
@media (max-width:550px){.wmkc-banner video{min-height:inherit;}
.wmkc-banner .banner-inner .p1{line-height:1.3;font-size:18px;}}

.home-choose .more{margin-top:15px;text-align:center;}
.home-choose .more a{text-transform:uppercase;position:relative;padding-bottom:5px}
.home-choose .more a::after{content:"";position:absolute;left:0px;bottom:0px;width:60px;height:1px;background:#000000;transition:all .1s linear}
.home-choose .more em{margin-left:10px}
.home-choose .more:hover a{color:var(--color)}
.home-choose .more:hover a::after{width:100%}
@media (max-width:768px){.home-choose .choose-list li:nth-child(n+3){margin-bottom:0;}}
@media (min-width:1367px){.home-num{margin-top:0;}}
.home-num .list,.home-num{background:var(--color)}
.home-num .list li p{text-align:center;}
.home-cate .cateul li{font-weight: 800;}
@media (min-width:1280px){.home-advanced .advanced-list li .p1{font-size:var(--fontsize30)}}