﻿@charset "utf-8"; 
@import url('https://fonts.googleapis.com/css2?family=Anton&family=Inter:wght@400;500;600&display=swap&family=Teko:wght@600&display=swap');
.pro-c-art>div *,.pro-rel *,.pro-c-info *{font-family: "Inter", sans-serif!important}
.pro-c-art .tagContent *,.pro-c-main .pro-art-tit{font-family: "Inter", sans-serif!important}
.pro-c-main article .kche-t10>h5{font-family: "Anton", sans-serif!important;font-weight:500}
.table tr:nth-child(odd){background-color: #efefef;}
.pro-c-main article .kche-t10>h5{color:var(--fontcolor) !important;background-color:#fff !important;background-image:url(/uploads/42517/page/p202408201017465a42e.png);padding-left:33px;background-position: 0 center;font-family: fantasy;font-weight:normal;}
@media (min-width:1025px){.pro-c-main article .kche-t10>h5{font-size: 24px;}}
.pro-c-main .pro-art-tit{display: flex;justify-content: space-between;z-index:3;top:71px;position:sticky}
.pro-c-main .pro-art-tit span{display:inline-block;width:50%;text-align:center;background: var(--fontcolor);transition:all .3s}
.pro-c-main .pro-art-tit span a{color:#fff;width:100%;height:100%;display:block;}
.pro-c-main .pro-art-tit span.tags-active,.pro-c-main .pro-art-tit span:hover{background: var(--color);}
@media (max-width:768px){.pro-c-main .pro-art-tit{top:13.3333333333vw;flex-wrap:wrap;}
.pro-c-main .pro-art-tit span{width:50%;font-size:16px;padding:7px 0;}
.pro-c-main .pro-art-tit{height:auto;line-height:inherit;}}
@media (max-width:500px){.head-logo img{max-height:40px;}}
.foot-logo img{max-height:80px}
.pro-c-main .pro-art-tit span{color:#fff;}
.banner {background:none;min-height:inherit;}
.banner-wrap {position:static;transform:none;display:block;background:#000;max-width:100%;padding:6px 0;}
.bPosition {position:static;max-width:1600px;min-height:inherit;display:block;width:100%;margin:0 auto;background:none;color:#fff;}
.bPosition a,.bPosition span {color:#fff;font-size:15px;}
@media (max-width:1700px){.bPosition{max-width:1400px}}
@media (max-width:1500px){.bPosition{max-width:1200px}}
@media (max-width:768px){.head-wrapper{box-sizing: border-box;}
.bPosition{max-width:100%;box-sizing: border-box;}}
.wmkc-contactbox{display:flex;justify-content: space-between;flex-wrap:wrap;margin:20px 0;}
.wmkc-contactbox .wmkc-contact-left{width:30%;}
.wmkc-contactbox .wmkc-contact-left .wmkc-contact-ltitle{margin-bottom:30px;display: flex;align-items: center;}
.wmkc-contactbox .wmkc-contact-left .wmkc-contact-ltitle img{display: block;}
.wmkc-contactbox .wmkc-contact-left .wmkc-contact-ltitle p{line-height:1.4;margin-bottom:0;font-size:40px;margin-left:10px;font-family: "Anton", sans-serif !important;}
.wmkc-contactbox .wmkc-contact-left .wmkc-contact-table .item{position: relative;padding-left:20px;margin-bottom:30px;}
.wmkc-contactbox .wmkc-contact-left .wmkc-contact-table .item:before{content:'';width:5px;height:100%;display:block;background: var(--color);position:absolute;top:0;left:0;}
.wmkc-contactbox .wmkc-contact-left .wmkc-contact-table .item p:nth-child(1){color:#999;line-height:1;margin-bottom:10px;}
.wmkc-contactbox .wmkc-contact-left .wmkc-contact-table .item p:nth-child(2){line-height: 1;font-size:20px;font-weight:var(--fontbold7)}
.wmkc-contactbox .wmkc-contact-right{width:70%;background: var(--color);padding:3%;box-sizing: border-box;color:#fff;}
.wmkc-contactbox .wmkc-contact-right .wmkc-feed-tit{font-family: "Teko", sans-serif !important;font-size:28px;margin-bottom:10px;text-transform: uppercase;}
.wmkc-contactbox .inquiry-form input,.wmkc-contactbox .inquiry-form textarea{background: var(--color);outline:none;border-bottom:1px solid #fff;color:#fff;}
.wmkc-contactbox .inquiry-form input::-webkit-input-placeholder,.wmkc-contactbox .inquiry-form textarea::-webkit-input-placeholder{color:#fff;font-family:var(--fontfamily);font-size:16px;}
.wmkc-contactbox .wmkcfeedback{position: relative;}
.wmkc-contactbox .wmkcfeedback .send-btn{background: #fff;color:#000;margin-left:0;transform:translateX(0)}
.wmkc-contactbox .wmkcfeedback .send-btn:before{background: #000;}
.wmkc-contactbox .wmkcfeedback .send-btn:hover{color:#fff;}
@media (max-width:1024px){.wmkc-contactbox .wmkc-contact-left,.wmkc-contactbox .wmkc-contact-right{width:100%;}}
.pro-c-main .wmkc-contactbox{padding:0 100px;}
@media (max-width:768px){.pro-c-main .wmkc-contactbox{padding:0 4vw;}
.wmkc-contactbox .wmkc-contact-left .wmkc-contact-ltitle p{font-size:30px;}}
.cate-img img{opacity: 1;}
.cate-img{background-color: inherit;}
.head{font-family: "Anton";}
.que-title{font-family:"Teko";}
.que article{font-family: "Inter";}
.common-title{font-family: "Teko";}
.common-tip{font-family: "Inter";}
.adv-t{font-family: "Teko";}
.adv-item article{font-family: "Inter";}
.pro-name{font-family: "Teko";}
.cate-name,.cate-btn{font-family: "Teko";}
.pro-info article{font-family: "Inter";}
.news-title,.news-list .news-more,.wmkc-contactbox .wmkcfeedback .send-btn{font-family: "Teko";}
.news article{font-family: "Inter";}
.foot-title{font-family: "Teko";}
.foot-nav ul li{font-family: "Inter";}
.about .about-img img{width:100%;height:100%;display:block;object-fit:cover}
.about .about-con {padding:50px 90px}
.about ul li {position:relative;padding-left:40px;line-height:1.7;}
.about .about-sel {position:absolute;left:0;top:-2px;}
@media screen and (max-width:1500px) and (min-width:1151px){.about .about-con, .about .about-img{width:50%}
.about .about-con{padding:40px 60px}}
@media screen and (max-width:1500px){ .about .about-img{max-height:100%;}}
@media screen and (max-width:768px){.about .about-con{padding: 66vw 4vw 4vw;}
.about .about-img{max-height:inherit;width: 100%;left: 0;padding: 0 4vw;box-sizing: border-box;height: 62vw;}}
.head-nav #liinquiry{display:none;}
@media(min-width:769px){.head-nav>ul>li>a{font-size: 22px;padding: 0px 28px;}.head-contact p:nth-of-type(2){font-size: var(--fontsize14);}.head-nav>ul{justify-content: center;}}
.pro .more-btn,.pro-item:hover .pro-btn,.about .more-btn,.foot-letter .send-letter .ebtn{font-family:"Teko",sans-serif!important;font-weight:normal;}
@media (min-width:769px){.pro .more-btn,.pro-item:hover .pro-btn,.about .more-btn{font-size:20px;}}
@media (min-width:769px){.news-item:first-of-type img{max-height:320px;object-fit: cover;}}
.indexfeedback{margin-bottom:4%;}
.indexfeedback .wmkc-contactbox .wmkc-contact-left .indexfeedback-tit{text-transform: uppercase;font-family: "Teko",sans-serif!important;font-size:90px;max-width:80%;}
@media (max-width:1440px){.indexfeedback .wmkc-contactbox .wmkc-contact-left .indexfeedback-tit{font-size:80px;}}
@media (max-width:1024px){.indexfeedback .wmkc-contactbox .wmkc-contact-left .indexfeedback-tit{max-width:100%;font-size:60px;margin-bottom:10px;text-align: center;}}
@media (max-width:550px){.indexfeedback .wmkc-contactbox .wmkc-contact-left .indexfeedback-tit{font-size:var(--fontsize26);}}
@media (min-width:1025px){.common-title{font-size:38px;}}
.head-logo img,.head.active .head-logo img{max-height:70%}
.head-nav>ul>li a{font-family:"Teko",sans-serif!important}
#liproducts .submenu>li .cate-con ul li a{font-family: "Inter", sans-serif!important;font-size:14px}
.about .about-con .about-title{font-family:"Teko",sans-serif!important}
@media (min-width:1025px){.head-nav>ul>li#liproducts:hover>.submenu{display:flex !important;}
#liproducts .submenu{padding:10px;list-style:none;width:1000px;flex-wrap:wrap;left:-400px;display:none;}
#liproducts .submenu>li{margin:10px 0;position:relative;min-height:100px;width:32%;margin-left:1%}
#liproducts .submenu>li em,#liproducts .submenu>li i{display:none}
#liproducts .submenu>li>a{display:inline-block;text-decoration:none;height:auto;padding:0;padding-left:100px;font-weight:var(--fontbold7);font-size:18px}
.head-nav>ul li#liproducts .submenu a{line-height:1.5;white-space: normal;}
.head-nav>ul li#liproducts .submenu a:hover{background:none;color:var(--color)}
#liproducts .submenu>li .cate-con{padding-left:100px}
#liproducts .submenu>li .cate-con ul{position:static;display:block;background:0 0;padding:0}
#liproducts .submenu>li .cate-con ul a{font-size:16px;opacity:.8;padding:0}
#liproducts .submenu>li .cate-img{width:80px;height:80px;position:absolute;left:0;top:0;background:none;min-height:inherit}
#liproducts .submenu>li .cate-img>a{padding:0;width:100%;height:100%;line-height:initial;font-size:19px;}
#liproducts .submenu>li .cate-img img{width:100%;height:100%;object-fit:cover}}
@media (min-width:1024px) and (max-width:1280px){#liproducts .submenu{left:-500px;}}
@media (max-width:1024px){#liproducts .submenu{margin:0;padding:0;width:auto;display:none}
#liproducts .submenu>li{margin:0;padding-left:20px;min-height:inherit;width:100%}
#liproducts .submenu>li .cate-img{display:none}
#liproducts .submenu>li>a{padding-left:0}
#liproducts .submenu>li .cate-con{padding-left:20px}}
.bPosition *{font-family: "Inter", sans-serif!important;text-transform:uppercase;}
.bPosition{font-size:15px;font-family: "Inter", sans-serif!important;text-transform:uppercase;letter-spacing:1px}
.bPosition span{margin:0 5px}
@media (max-width:500px){.bPosition{letter-spacing:0}
.bPosition span{margin:0 3px}}
.adv-item{align-items: inherit;}
@media (max-width:1024px){.mobcate-main .side-cate .side-title{color:#fff;padding-left:20px;cursor: initial;background:var(--color);border-bottom:none;}
.mobcate-main .side-cate .sf-menu{display:block !important;position: initial;}}
section.about {background:url(/uploads/42517/banner/20240829092113c7a48.jpg) no-repeat center;background-size:cover;position:relative;}
.about .about-con {padding:60px 0;width:100%;background:none;}
.about .about-img {display:none;}
.about-tip {display:none;}
.about .about-con .about-title {max-width:100%;color:var(--color);font-size:42px;}
.about article {max-width:1000px;font-size:16px;color:#fff}
.about ul li {font-size:16px;padding-left:26px;color:#fff;background:none;}
.about .about-sel {width:14px;height:14px;background:var(--color);top:6px;}
.about .about-sel img {display:none}
.con-wrap{background:none;padding:0}
@media (max-width:768px){.about .about-con {padding:40px 0;}
.about .about-con .about-title{font-size:26px}
.about article,.about ul li {font-size:14px;}
.about .about-sel{width:12px;height:12px;top:4px}}
.adv .advantage-list{margin-top: 50px;display:flex;flex-wrap:wrap;justify-content:space-between}
.adv .advantage-list li{display:flex;width:49%;background: #f3f4f6;margin-bottom:20px;flex-wrap:wrap;}
.adv .advantage-list li .imgbox {width: 45%;aspect-ratio:4/3;overflow:hidden}
.adv .advantage-list li .imgbox img{width:100%;height:100%;object-fit:cover;}
.adv .advantage-list li .advcon{width:55%;padding:15px;box-sizing:border-box}
.adv .advantage-list li .advcon .icon{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px;}
.adv .advantage-list li .advcon .icon img{width:30px;}
.adv .advantage-list li .advcon .icon span{font-size:30px;font-weight:bold;color:#ccc;}
.adv .advantage-list li .advcon p{font-size: 18px;font-weight:bold;margin-bottom:5px;}
.adv .advantage-list li .imgbox img:hover{transform:scale(1.05)}
@media (max-width:1024px) {.adv .advantage-list li{width:100%;}.adv .advantage-list{margin-top:30px;}}
@media (max-width:480px) {.adv .advantage-list li .imgbox,.adv .advantage-list li .advcon{width:100%;}
.adv .advantage-list li .advcon .icon{margin-bottom:5px}}
footer .foot-l .foot-item{transform:initial !important;visibility: initial !important;transition: initial !important;opacity:1 !important}
.content-list0 .content-title,.contant-c-main .common-c-title{font-family: "Anton", sans-serif!important;font-weight:500}
.pro-c-main .btn-list{margin-top:30px;}
@media (min-width:769px){.addToCart, .btn-list .LayImAhrefNode, .btn-list .btn, .pdown1, .pdown2, .pdown3{width:49%;height:55px;line-height:55px;}}