@charset "utf-8";
@media (max-width:480px){#brand .brand-list li .brand-number{font-size:16px}
#brand .brand-list{justify-content:flex-start}}
.wmkc-ioce{max-width:1640px;margin:0 auto;padding:50px 0}
.wmkc-ioce-img{padding:20px;box-sizing:border-box;display:flex;justify-content:center;align-items:center;border:1px solid #eee}
.wmkc-ioce-img img{display:block;max-width:100%}
@media (min-width:1025px){.head-menu-box nav>ul>li ul.submenu.nav1 ul{opacity:1;transform:translate(0,0);left:100%;top:0;display:none}
.head-menu-box nav>ul>li ul.submenu.nav1 li a{white-space:nowrap}
.head-menu-box nav>ul>li ul.submenu.nav1 li:hover>ul{display:block}
.head-menu-box nav>ul>li ul{width:auto}}
.pro-detail-content .l-wrap{max-width:1200px;margin:0 auto}
#projects::before{background:url(/uploads/32076/banner/202403201111213e94e.jpg) no-repeat;background-position:center;background-size:cover}
.pro-detail .pro-detail-content .pro-detail-box p{text-align:justify}
.pro-detail-box img{width:100%}
#wmkc-ioce-swiper{position:relative}
.common-main .pro-cate li .cate-cont{background-color:transparent}
.pro-detail .pro-detail-content .pro-detail-box img,.pro-detail .pro-detail-content .pro-detail-box p:not(.productsTags) a{display:block}
#info .video-layer .video-layer-cont{max-width:1100px}
#info .info-item:nth-child(1){background:url(/Content/uploads/2023756494/20230615161255dc706268a4ca4c27990a8415422c8294.jpg) center/cover no-repeat}
#info .info-item:nth-child(2){background:url(/Content/uploads/2023756494/2023061516212093ab280fc729492db867fc1a52877670.jpg) center/cover no-repeat}
#info .info-item:nth-child(3){background:url(/Content/uploads/2023756494/20230615162154687d4e12521640209e48d1772bce25d0.jpg) center/cover no-repeat}
.head-contact>a em,.head-contact>a:hover{color:#fff}
.wmkc-template-41 .wmkc-item-img img,.wmkc-template-42 .wmkc-item-img img,.wmkc-template-43 .wmkc-item-img img,.certificates p img{height:auto !important}
.common-main .pro-cate li .cate-cont{position:inherit}
.common-main .pro-cate li .cate-cont .cate-des,.common-main .pro-cate li .cate-more{display:none}
.common-main .pro-cate li .cate-cont .cate-name::before{display:none}
.common-main .pro-cate li .cate-cont .cate-name{padding-top:0;text-align:center}
.common-main .pro-cate li:hover .cate-cont .cate-name{color:#000}
.common-main .pro-cate li:hover .cate-img::before{opacity:0}
.contact .contact-sec1 .contact-sec1-item{width:32%;padding-top:2%}}
@media (max-width:900px){.common-main .pro-cate{justify-content:space-between}
.common-main .pro-cate li{width:49%;flex-direction:column;background:#fff}
.common-main .pro-cate li .cate-img{width:100%;border:1px solid #ccc}
.common-main .pro-cate li .cate-img img{position:inherit}
.common-main .pro-cate li .cate-img::after{padding-bottom:0}
.common-main .pro-cate li .cate-cont .cate-name::before,.common-main .pro-cate li .cate-cont .cate-des{display:none}
.common-main .pro-cate li .cate-cont{width:100%}
.common-main .pro-cate li .cate-cont .cate-name{margin:0;padding:10px 0;text-align:center}}
@media (max-width:415px){.common-main .pro-cate li .cate-img{width:100%;height:auto}
#brand .brand-list li .brand-label{padding-left:10px}
#brand .brand-list li:nth-last-of-type(-n + 2){margin:10px 0}}
@media (max-width:768px){#brand .brand-list li .brand-number{width:45px}}
#wmkc{transform:translate(0,0)!important;top:130px!important}
.contact .contact-sec1 .contact-sec1-item a,.contact .contact-sec1 .contact-sec1-item span{word-break:break-word}
#wmkc .wmkc-whatsapp{position:relative}
#wmkc .wmkc-whatsapp .wmkc-whatsapp-img{position:absolute;right:calc(100% - 1px);top:0;width:120px;text-align:center;padding:10px 10px 6px;background-color:#FFF;border:1px solid #EEE;border-radius:4px;transform:scale(0);transform-origin:right bottom}
#wmkc .wmkc-whatsapp:hover .wmkc-whatsapp-img{transition:transform .4s;transform:scale(1)}
#info .info-item:hover::before{background-color:#437a8da8}
@media (min-width:769px){div#jljw_IM_GdImBox{bottom:250px;right:5px;}
/*div#jljw_IM_GdImBox .GdImBox{bottom:auto;}*/}
@media (max-width:800px){#brand .brand-list li{width:100%;padding:20px 50px;margin:0;display:flex;align-items:center;justify-content:center}
#brand .brand-list li .brand-number{width:30%}
}
@media (max-width:900px){#brand .brand-list li:nth-last-of-type(-n+2){margin:0}
}
@media (max-width:480px){#brand .brand-list li .brand-number{font-size:28px}
#brand .brand-list li{padding:20px}}


body #jljw_IM_GdImBox .GdImMiniBox:hover:before{box-shadow: #ff7e00 0 0 10px 4px;}
body #jljw_IM_GdImBox .GdImMiniBox{background-color: #ff7e00;}
body #jljw_IM_GdImBox .GdImMiniBox:after{border-color:#ff7e00}
body #jljw_IM_GdImBox .GdImMiniBox:hover .imbtn-icon{background-color: #ff7e00;}
body #jljw_IM_GdImBox .cbTitle{background-color: #ff7e00;}
body #jljw_IM_GdImBox .serhead{background-color: #ff7e00;}
body #jljw_IM_GdImBox .other .username{background-color: #ff7e00;}



   .common-main.pd-main>.l-wrap{display:flex;flex-wrap:wrap}
.common-main.pd-main .pro-detail{flex:1;width:calc(100% - 380px);padding-left:50px}
.common-main.pd-main .sidebar{width:380px}
.common-main.pd-main .sidebar-item{border-radius:4px;background:#FFFFFF;box-shadow:0px 3px 8px 0px rgba(19,20,21,0.17);padding:20px;margin-bottom:30px}
.common-main.pd-main .sidebar-item .sidebar-title{color:var(--fontcolor);font-size:var(--fontsize22);font-weight:var(--fontbold7);position:relative;padding-bottom:10px;margin-bottom:10px}
.common-main.pd-main .sidebar-item .sidebar-title::after{content:"";position:absolute;left:0px;bottom:0px;width:81px;height:2px;background:var(--color)}
.common-main.pd-main .sidebar-item.search .sidebar-search{display:flex;align-items:center;height:45px}
.common-main.pd-main .sidebar-item.search .sidebar-search input{height:100%;flex:1;outline:0;border:none;background:#F7F7F7;border:1px solid #F7F7F7;padding:0px 10px;transition:all 0.1s linear}
.common-main.pd-main .sidebar-item.search .sidebar-search input:focus{border-color:#DAD8D8}
.common-main.pd-main .sidebar-item.search .sidebar-search .search-btn{width:45px;height:100%;background:var(--color);border:1px solid var(--color);color:#FFFFFF;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:all 0.1s linear}
.common-main.pd-main .sidebar-item.search .sidebar-search .search-btn:hover{opacity:0.9}
.common-main.pd-main .sidebar-item.search .sidebar-search .search-btn em{font-size:var(--fontsize22)}
.common-main.pd-main .sidebar-item.category .sidebar-cate{list-style:none}
.common-main.pd-main .sidebar-item.category .sidebar-cate > li{border-bottom:1px solid #EEEEEE;position:relative;padding-left:20px}
.common-main.pd-main .sidebar-item.category .sidebar-cate > li > em{font-size:var(--fontsize12);font-weight:var(--fontbold7);position:absolute;left:-8px;top:10px;color:var(--introcolor);cursor:pointer;transition:all 0.2s linear;width:30px;height:30px;display:inline-flex;align-items:center;justify-content:center}
.common-main.pd-main .sidebar-item.category .sidebar-cate > li a{color:var(--fontcolor);padding:10px 0px;display:inline-flex}
.common-main.pd-main .sidebar-item.category .sidebar-cate > li a:hover{color:var(--color)}
.common-main.pd-main .sidebar-item.category .sidebar-cate > li ul{display:none;list-style:none;padding-bottom:20px}
.common-main.pd-main .sidebar-item.category .sidebar-cate > li ul li{position:relative}
.common-main.pd-main .sidebar-item.category .sidebar-cate > li ul li em{position:absolute;right:0;top:4px;font-size:var(--fontsize14)}
.common-main.pd-main .sidebar-item.category .sidebar-cate > li ul li.active a{color:var(--color)}
.common-main.pd-main .sidebar-item.category .sidebar-cate > li ul a{padding:4px 0px}
.common-main.pd-main .sidebar-item.category .sidebar-cate > li.active > em{transform:rotate(90deg);color:var(--color)}
.common-main.pd-main .sidebar-item.category .sidebar-cate > li.active > a{color:var(--color)}
.common-main.pd-main .sidebar-item.recent-news .recentnews-list li{margin:15px 0px;padding-bottom:15px;border-bottom:1px solid #DCDCDC}
.common-main.pd-main .sidebar-item.recent-news .recentnews-list li:last-child{margin-bottom:0px;border-bottom:none}
.common-main.pd-main .sidebar-item.recent-news .recentnews-list li a{position:relative;color:var(--fontcolor);padding-left:18px;line-height:22px}
.common-main.pd-main .sidebar-item.recent-news .recentnews-list li a:hover{color:var(--color)}
.common-main.pd-main .sidebar-item.recent-news .recentnews-list li a em{font-size:var(--fontsize12);font-weight:var(--fontbold7);position:absolute;left:0px;top:0px}
.common-main.pd-main .sidebar-prolist li{display:flex;align-items:center;margin-top:1em}
.common-main.pd-main .sidebar-prolist li:hover img{transform:scale(1.05)}
.common-main.pd-main .sidebar-prolist li > a{width:35%;overflow:hidden}
.common-main.pd-main .sidebar-prolist li img{transition:all 0.1s linear}
.common-main.pd-main .sidebar-prolist li > div{flex:1;padding-left:10px}
.common-main.pd-main .sidebar-prolist li > div p{color:var(--introcolor)}
.common-main.pd-main .sidebar-prolist li > div a{font-weight:var(--fontbold6)}
.common-main.pd-main .pro-detail-content .l-wrap{max-width:unset}
.common-main.pd-main .sidebar-prolist li:hover a{color:var(--color)}
@media (max-width:1280px){.common-main.pd-main .sidebar{width:320px}
.common-main.pd-main .sidebar-item{padding:20px}
}