﻿@charset "utf-8"; 
@media (min-width:769px){.homeProductType .item{padding: 5%;}
.side .sideProTypr .sf-menu>li>a{font-weight:bold}
.headBotWrapper .menu-item{position: relative;}
.headBotWrapper .menu-item>ul{position: absolute;top: 0;left: 100%;display: none;width: 100%;background: #fff;}
.headBotWrapper .menu-item:hover>ul{display: block;}
.headBotWrapper .menu-item>ul>li{padding: 5px;}
.headBotWrapper .headNav>ul>li>ul {width:auto;padding:0;}
.headBotWrapper .headNav>ul>li>ul>li{padding:0 15px}
.headBotWrapper .headNav>ul>li>ul li a {white-space:nowrap;}
.headBotWrapper .headNav>ul>li>ul>li>a{padding-right:10px}
.headBotWrapper .headNav>ul>li>ul li ul{width:auto;}
.headBotWrapper .headNav>ul>li>ul li ul li a{padding:5px 12px}}
.headBotWrapper .menu-item>ul>li>a:hover{color: var(--color);}
@media (max-width:768px){.headBotWrapper .menu-item>ul{padding-left: 15px;}}
.side .sideProTypr .sf-menu>li .sub-menu ul{padding-left:16px}
.headTopWrapper .headContact div a, .headTopWrapper .headContact div i, .headTopWrapper .headContact div span{font-size:15px;color:#fff}
@media (min-width:769px){.headBotWrapper .headNav>ul>li>ul>li{display:flex;justify-content:space-between}
.headBotWrapper .headNav>ul>li>ul>li i{transform:rotate(-90deg)}}
.wmkc-home-img{position: relative !important;display: block !important;border-radius: 0 !important;padding: 0 !important;background: none !important;}
@media (min-width:769px){
.homeProductType .item {flex:none;box-sizing:border-box;padding: 10px;border: 1px solid #ebebeb;background-color: #fff;}
.homeProductType {padding-bottom:40px}
.homeProductType .swiper-pagination {bottom:0}}
.swiper-pagination-bullet-active {background:var(--color)!important}
@media (max-width:768px){.homeProductType .item a{right:0}}
.homeProductType .swiper-pagination{display:none;}
main.main.socialMain {max-width:1200px;}
main.main.caseMain {max-width:1000px;}
.homeProductType .homeTiele{text-align: center;}
.homeExhibition {text-align:center;margin:50px 0 0;}
.homeExhibitionlist {display:flex;justify-content:space-between;flex-wrap:wrap;margin-top:10px;}
.homeExhibitionlist li {width:24%;margin-top:10px;}
.homeExhibitionlist li img {display:block;width:100%}
@media (max-width:768px){.homeExhibition {margin:30px 0 0;}
.homeExhibitionlist {margin-top:0;}
.homeExhibitionlist li {width:48%;margin-top:10px;}}
#certificates img {cursor:pointer;}
.popcert {position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);z-index:99999999;display:none}
.popcertflex {display:flex;align-items:center;justify-content:center;width:100%;height:100%;}
.popcertflex img {max-width:90vw;max-height:90vh;display:block;}
.detailsInquiry{margin: 30px auto;}
.Case .project-list{margin-bottom:80px}
.Case .project-list li{display:flex;margin-bottom:20px;padding:2px;background:#F6F6F6;align-items:center;transition:all .3s ease}
.Case .project-list li:hover{box-shadow:0 9px 21px 0 rgba(0,0,0,.07)}
.Case .project-list li .project-img{width:30%;overflow:hidden}
.Case .project-list li .project-img img{width:100%;transform:scale(1.1)}
.Case .project-list li .project-info{width:70%;padding:0px 30px;box-sizing:border-box}
.Case .project-list li .project-info .project-name{font-size:18px;color:#111;transition:all .2s ease;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;text-overflow:ellipsis;overflow:hidden}
.Case .project-list li .project-info .project-name:hover{color:#F1D229}
.Case .project-list li .project-info .project-content{font-size:16px;color:#555;margin-top:20px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}
@media (max-width:500px){.Case .project-list li .project-img{width:35%}
.Case .project-list li .project-info{width:65%;padding:0px 20px}
.Case .project-list li .project-info .project-content{font-size:14px}}
.newsList .news-list-0 li .newsItemImg{width:40%;}
@media(min-width:1025px){.detailsInquiry.proce{width:57%;} }
.homeFactory {text-align:center;padding-top:60px;}
.homeFactorylist {display:flex;justify-content:space-between;flex-wrap:wrap;}
.homeFactorylist li {width:32%;margin-top:20px;}
.homeFactorylist li img{display:block;width:100%}
.homeFactorylist li p{font-size:18px;margin-top:12px}
@media (max-width:768px){.homeFactorylist li{width:100%}
.homeFactorylist li p{font-size:16px;margin-top:7px}}
@media (min-width:769px){.headTopWrapper .headLink{flex-direction: row-reverse;width:70%;}
.headTopWrapper .headLink>ul{margin-right:20%;}.headTopWrapper .headLink>ul li a i{font-size:20px;}}
.homeTiele span{font-family:var(--fontfamily)}
header .headTop{background:#BB8F43}
.homeAdvantage{background-image:url(/uploads/35120/page/p202405311712338aa56.jpg)}

.kche-t55.cusfaq-list { max-width: 960px;}
@media (min-width:1267px){main.fotsecinquiry {display:flex;justify-content:flex-end;}
main.fotsecinquiry .detailsInquiry {margin:30px 0;width:75%;}}
.prolist-bottom {padding-right:0;padding-left:0;margin:0}
.homeHorProWrapper .homeTiele{text-align: center;}
@media (min-width:769px){.footerRight{justify-content:space-between;}
.footerRight .footerNav {margin-right: 9%;border-right: 1px solid rgba(255, 255, 255, .2);padding-left: 15%;width: 55%;padding-right: 10%;}}
.liactive>a, .liactive>i{color: #bb8f43 !important;}
.side .sideProTypr .sf-menu>li a:hover{color: #bb8f43;}
.detailsPage>div{border-bottom:none;background: var(--color);}
.detailsPage>div i, .detailsPage>div em{background:#1BE0D4;color:#fff}
.detailsPage>div a,.detailsPage>div{color:#fff}
.detailsPage .left i, .detailsPage .left em{margin-right:10px;}
.detailsPage .right i, .detailsPage .right em{margin-left:10px;}
.detailsPage>div.left{padding-right:10px;}
.detailsPage>div.right{padding-left:10px;}
.detailsPage>div a:hover{text-decoration: underline;}
.productDetailsTit .link a, .productDetailsTit .link span{background:var(--color);color: #fff;border-color:var(--color)}
.productDetailsTit .link a:hover, .productDetailsTit .link span:hover{color:#fff;border-color:var(--hovercolor);background:var(--hovercolor)}
.newsItembtn {display:flex;margin-top:20px;}
.newsItembtn a {background:var(--color);color:#fff;text-transform:capitalize;border-radius:5px;padding:5px 20px;}
.newsItembtn a:hover {background:#222;}
@media (max-width:768px){.newsItembtn{display:none}}
.headTopWrapper .headContact .phone{margin-right:40px}
.headBotWrapper .headNav>ul>li>a{color:#000;font-weight:var(--fontbold5)}