.wsmenuexpandermain,.bigmegamenu{display:none}
header{overflow:hidden}
#pcheader{position:relative;width:100%;z-index:100;overflow:hidden}
#pcheader .header-warp{position:fixed;top:0;left:0;width:100%;height:80px;background-color:rgba(255,255,255,1);box-shadow:0px 2px 20px rgba(0,0,0,0.3);transition:background-color 0.3s ease}
#pcheader .header-warp.transparent{background-color:rgba(255,255,255,1)}
#pcheader .header-warp.solid{background-color:rgba(0,0,0,1);box-shadow:0px 2px 20px rgba(0,0,0,0.3)}
#pcheader .header-warp .container_header{width:100%;max-width:1400px;margin:0 auto}
@media (max-width:1440px){
	#pcheader .header-warp .container_header{width:100%;max-width:100%;margin:0 auto;padding:0 5%}
}
#pcheader .logo{display:inline-block;padding-top:15px;width:260px}
#pcheader .logo img{height:50px; width:auto;}
#header-logo{transition:opacity 0.3s ease}
#pcheader .header_menu{line-height:80px;width:calc(100% - 260px);text-align:right;color:var(--text-color); }
#pcheader .membericon{width:50px;height:40px;line-height:40px;margin:30px 10px 30px 0;text-align:center}
#pcheader .membericon i{font-size:26px}
#pcheader .cart{width:50px;height:40px;line-height:40px;margin:30px 10px 30px 0;border-radius:5px;text-align:center}
#pcheader .cart .shopcart{width:100%;position:relative}
#pcheader .cart .shopcart i{font-size:22px}
#pcheader .cart .shopcart .cart-count{font-size:11px;width:14px;height:14px;line-height:14px;background-color:var(--color-red);color:#ffffff;border-radius:50%;display:inline-block;position:absolute}
#pcheader .topsearch{width:50px;height:40px;line-height:40px;margin:30px 30px 30px 0;text-align:center;}
#pcheader .topsearch i{font-size:14px;line-height:36px;width:36px;height:36px;border-radius:50%;background-color:#000000;color:#ffffff;display:inline-table}
.search-container{position:fixed;display:none;text-align:center;z-index:99;width:100%;background:#f8f8f8;height:100px;line-height:100px;margin-top:100px}
.search-container input[type=text]{padding:0 10px;line-height:50px;width:80%;max-width:500px;border:0;margin-right:-5px}
.search-button{line-height:50px;height:50px;width:50px;color:#000000;cursor:pointer;border:0;background-color:#ffffff}
.show-search{display:block}

.search_keyword{width:100%;margin-left:1%;line-height:40px;margin-bottom:30px;border-bottom:1px solid #ddd}
@media (max-width:768px){
	.search_keyword{margin-top:80px}
}
.search-container2{text-align:center;width:100%}
.search-container2 input[type=text]{padding:0 10px;line-height:50px;width:calc(100% - 50px);border:0;margin-right:-5px;background-color:#ffffff}
.search-button2{line-height:50px;height:50px;width:50px;color:#ffffff;cursor:pointer;border:0;background-color:var(--primary-color)}

.topsearch2{width:50px;height:30px;line-height:30px;margin:25px 45px 0 0;text-align:center;}
.topsearch2 i{font-size:14px;line-height:30px;width:30px;height:30px;border-radius:50%;background-color:var(--primary-color);color:#ffffff;display:inline-table;cursor:pointer;}

#pcheader .toptel{font-size:1.4rem;font-weight:500;width:80px;line-height:80px;text-align:right;color:var(--text-color)}
#pcheader .toptel i{color:var(--text-color)}
#pcheader .languagedown{position:relative;display:inline-block}
#pcheader .languagedown-content{display:none;position:absolute;width:130px;z-index:1;left:-10px}
#pcheader .languagedown:hover .languagedown-content{display:block;text-align:center}
#pcheader .languagedown-content a{display:block;text-decoration:none;font-size:1.4rem;color:var(--text-color);background-color:#f2f2f2;line-height:44px;text-align:center;border-bottom:1px solid #fff;width:130px;float:left}
#pcheader .languagedown-content a:hover{background-color:#cccccc;color:var(--text-color)}

.dhcaidan{width:100%;display:table;margin:0 auto}
.dhcaidan ul{margin:0;padding:0;list-style:none}
.dhcaidan ul ul{opacity:0;position:absolute;left:0;visibility:hidden;transition:opacity .4s ease,visibility 0s linear .4s;pointer-events:none;z-index:99999;width:auto;min-width:160px;white-space:nowrap}
.dhcaidan ul ul ul{top:0;left:100% !important}
.dhcaidan ul li:hover > ul{opacity:1;top:100%;visibility:visible;transition:opacity .4s ease,visibility 0s linear 0s;pointer-events:auto}
.dhcaidan ul ul li:hover > ul {display: block; opacity: 1; visibility: visible; left: 100%;  top: 0;}
.dhcaidan ul li{display:inline-block;vertical-align:middle;cursor:pointer;line-height:44px;padding:18px 0;position:relative}
.dhcaidan ul li a{display:block;color:var(--text-color);font-size:1.6rem;font-weight:500;padding-left:50px;}
.dhcaidan ul li a[aria-disabled="true"] {cursor: default;}
.dhcaidan ul li a:hover,.dhcaidan ul li a.cur{color:var(--color-red)}
.dhcaidan ul ul li{line-height:46px;padding:0;width:auto;background:#f2f2f2;border-bottom:0 solid #f8f8f8;display:block}
.dhcaidan ul ul li:last-child{border-bottom:0 solid #f8f8f8}
.dhcaidan ul ul li a{color:var(--text-color);font-weight:400;font-size:1.4rem;padding:0 25px;text-align:left;display: block;}
.dhcaidan ul ul li:hover > a {background: var(--primary-color); color: #ffffff;}
.dhcaidan ul ul li a:hover,.dhcaidan ul ul li a.cur{background:var(--primary-color);color:#ffffff}
.dhcaidan ul ul ul li{width:auto;background: var(--primary-color); border-bottom:0 solid #f8f8f8;}
.dhcaidan ul ul ul li a{color:#ffffff;font-weight:400;font-size:1.4rem;padding:0 25px;text-align:left;display: block;}
.dhcaidan ul ul ul li a:hover,.dhcaidan ul ul ul li a.cur{background:#0089d1;color:#ffffff}
.dhcaidan ul ul li:has(ul) > a{padding-right:40px;position:relative}
.dhcaidan ul ul li:has(ul) > a::after{content:'';position:absolute;right:15px;top:50%;margin-top:-3px;border-width:4px 0 4px 6px;border-style:solid;border-color:transparent transparent transparent var(--text-color);transition:all 0.3s}
.dhcaidan ul ul li:hover > a::after{border-left-color:#ffffff}

@media (max-width:1400px){
	.dhcaidan ul li a{padding-left:40px}
	.dhcaidan ul ul li a{padding:0 20px}
	.dhcaidan ul ul ul li a{padding:0 20px}
}
#pcheader .header-warp.solid .membericon i{color:#ffffff}
#pcheader .header-warp.solid .shopcart i{color:#ffffff}
#pcheader  .header-warp.solid .topsearch i{background-color:#ffffff;color:#000000;}
#pcheader .header-warp.solid .toptel{color:#ffffff}
#pcheader .header-warp.solid .toptel i{color:#ffffff}
#pcheader .header-warp.solid .dhcaidan{width:100%;display:table;margin:0 auto}
#pcheader .header-warp.solid .dhcaidan ul{margin:0;padding:0;list-style:none}
#pcheader .header-warp.solid .dhcaidan ul li{display:inline-block;vertical-align:middle;cursor:pointer;line-height:44px;padding:28px 0;position:relative}
#pcheader .header-warp.solid .dhcaidan ul li a{display:block;color:#ffffff;font-size:16px;font-weight:500;padding:0 25px;transition:all 0.5s ease}
#pcheader .header-warp.solid .dhcaidan ul li a:hover,#pcheader .header-warp.solid .dhcaidan ul li a.cur{color:var(--color-red)}
#pcheader .header-warp.solid .dhcaidan ul ul{opacity:0;position:absolute;left:0;visibility:hidden;transition:opacity .4s ease,visibility 0s linear .4s;pointer-events:none;z-index:99999;width:auto;min-width:160px;white-space:nowrap;background:#f2f2f2}
#pcheader .header-warp.solid .dhcaidan ul li:hover > ul{opacity:1;top:100%;visibility:visible;transition:opacity .4s ease,visibility 0s linear 0s;pointer-events:auto}
#pcheader .header-warp.solid .dhcaidan ul ul ul{top:0;left:100% !important}
#pcheader .header-warp.solid .dhcaidan ul ul li:hover > ul{display:block;opacity:1;visibility:visible;left:100%;top:0}
#pcheader .header-warp.solid .dhcaidan ul ul li{line-height:46px;padding:0;width:auto;display:block;border-bottom:0 solid #f8f8f8}
#pcheader .header-warp.solid .dhcaidan ul ul li a{color:var(--text-color);font-weight:400;font-size:14px;padding:0 25px;text-align:left;display:block}
#pcheader .header-warp.solid .dhcaidan ul ul li:hover > a,#pcheader .header-warp.solid .dhcaidan ul ul li a.cur{background:var(--primary-color);color:#ffffff !important}
#pcheader .header-warp.solid .dhcaidan ul ul ul li{width:auto;background:var(--primary-color);border-bottom:0 solid #f8f8f8}
#pcheader .header-warp.solid .dhcaidan ul ul ul li a{color:#ffffff;font-weight:400;font-size:14px;padding:0 25px;text-align:left;display:block}
#pcheader .header-warp.solid .dhcaidan ul ul ul li a:hover,#pcheader .header-warp.solid .dhcaidan ul ul ul li a.cur{background:#0089d1;color:#ffffff}
#pcheader .header-warp.solid .dhcaidan ul ul li:has(ul) > a{padding-right:40px;position:relative}
#pcheader .header-warp.solid .dhcaidan ul ul li:has(ul) > a::after{content:'';position:absolute;right:15px;top:50%;margin-top:-3px;border-width:4px 0 4px 6px;border-style:solid;border-color:transparent transparent transparent var(--text-color);transition:all 0.3s}
#pcheader .header-warp.solid .dhcaidan ul ul li:hover > a::after{border-left-color:#ffffff}

#mtop{display:none}
@media (max-width:1200px){
	#pcheader{margin-bottom:0}
	#pcheader .header-warp{display:none}
	#mtop{display:block;background-color:#ffffff;overflow:hidden;position:fixed;top:0;left:0;width:100%;box-shadow:0px 2px 20px rgba(0,0,0,0.3);z-index:999}
	#mtop .mtop_con{width:100%;overflow:hidden}
	#mtop .logo{padding:20px 0 20px 10px;overflow:hidden}
	#mtop .logo img{height:40px; width:auto;}
	#mtop .cart{width:70px;height:40px;line-height:40px;margin:0 60px 0 0;padding:20px 0 0 0;border-radius:5px;text-align:center}
	#mtop .cart .shopcart{width:100%;position:relative}
	.shopcart i{font-size:22px}
	#mtop .cart .shopcart .cart-count{font-size:11px;width:14px;height:14px;line-height:14px;background-color:var(--color-red);color:#ffffff;border-radius:50%;display:inline-block;position:absolute}
	.wsmenuexpandermain,.bigmegamenu{display:block}
	.overlapblackbg{left:0;z-index:100;width:100%;height:100%;position:fixed;top:0;display:none;cursor:pointer}
	.overlapblackbg.menuopen{display:block}
	.wsmenuexpandermain{position:relative;top:0;right:0;left:0;-webkit-transition:all 0.4s ease-in-out;-moz-transition:all 0.4s ease-in-out;-o-transition:all 0.4s ease-in-out;-ms-transition:all 0.4s ease-in-out;transition:all 0.4s ease-in-out}
	.wsmenu{width:0;height:100%;position:fixed;right:0;top:0;margin:80px 0 0 0;z-index:100;-webkit-transition:all 0.4s ease-in-out;-moz-transition:all 0.4s ease-in-out;-o-transition:all 0.4s ease-in-out;-ms-transition:all 0.4s ease-in-out;transition:all 0.4s ease-in-out;background:#111;}
	.wsmenu .wsmenu-list{height:100%;overflow-y:auto;display:block !important}
	.wsmenu .wsmenu-list > li{position:relative}
	.wsmenu .wsmenu-list > li:hover > a,.wsmenu .wsmenu-list > li.active > a{background-color:rgba(0,0,0,0.08) !important;text-decoration:none}
	.wsmenu > .wsmenu-list > li > a{text-transform:capitalize;display:block;padding:9px 32px 9px 17px;font-size:14px;text-align:left;border-right:solid 0px;color:#ffffff;line-height:25px;border-bottom:1px solid;border-bottom-color:rgba(0,0,0,0.13)}
	.wsmenu-list > li.active > a,.wsmenu-list > li.active > a:hover{color:#ccffff}
	.wsmenu.menuopen{width:240px}
	.wsmenu.menuclose{width:0}
	.wsmenucontent{z-index:10}
	.animated-arrow{position:absolute;top:30px;right:18px;z-index:200;-webkit-transition:all 0.4s ease-in-out;-moz-transition:all 0.4s ease-in-out;-o-transition:all 0.4s ease-in-out;-ms-transition:all 0.4s ease-in-out;transition:all 0.4s ease-in-out}
	.wsmenuexpandermain .menuopen{/*right:240px !important;*/margin-top:4px !important}
	.animated-arrow{cursor:pointer;padding:0px 20px 16px 0px;margin:10px 0 0 15px}
	.animated-arrow span,.animated-arrow span:before,.animated-arrow span:after{cursor:pointer;height:2px;width:25px;background:var(--primary-color);position:absolute;display:block;content:''}
	.animated-arrow span:before{top:-7px}
	.animated-arrow span:after{bottom:-7px}
	.animated-arrow span,.animated-arrow span:before,.animated-arrow span:after{transition:all 500ms ease-in-out}
	.animated-arrow.menuopen span{background-color:transparent}
	.animated-arrow.menuopen span:before,.animated-arrow.active span:after{top:7px}
	.animated-arrow.menuopen span:before{-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);-webkit-transform:rotate(45deg);transform:rotate(45deg);bottom:0}
	.animated-arrow.menuopen span:after{-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}
	.wsmenu-list .wsmenu-submenu{display:none;background-color:#ffffff;border:solid 1px #cccccc}
	.wsmenu-list .wsmenu-submenu li a{display:block;font-size:13px;padding:8px 0px 8px 18px;color:var(--text-color)}
	.wsmenu-list .wsmenu-submenu li a:hover,.wsmenu-list .wsmenu-submenu li a.active{background-color:#e7e7e7 !important;color:var(--color-red);text-decoration:none}
	.wsmenu-list .wsmenu-submenu .wsmenu-submenu li a{padding-left:34px}
	.wsmenu-list li:has(> a + .wsmenu-submenu) > a{position:relative;padding-right:32px}
	.wsmenu-list li:has(> a + .wsmenu-submenu) > a::after{content:'\203A';position:absolute;right:14px;top:50%;transform:translateY(-50%);font-size:16px;line-height:1}
}

/* ===== Products 独立 mega 菜单（不影响其它下拉） ===== */
#pcheader .dhcaidan ul li.products-nav{position:static}
#pcheader .dhcaidan ul li.products-nav > a{position:relative;z-index:2}
#pcheader .products-mega{position:absolute;left:0;right:0;top:100%;background:#ffffff;box-shadow:0 18px 40px rgba(0,0,0,0.18);border-top:2px solid var(--primary-color);opacity:0;visibility:hidden;transition:opacity .3s ease,visibility 0s linear .3s;pointer-events:none;z-index:99999}
#pcheader .header-warp.solid .dhcaidan ul li.products-nav{position:static}
#pcheader .header-warp.solid .products-mega{position:absolute;left:0;right:0;top:100%;background:#ffffff}
#pcheader .dhcaidan ul li.products-nav:hover .products-mega,#pcheader .dhcaidan ul li.products-nav:hover > .products-mega{opacity:1;visibility:visible;transition:opacity .3s ease,visibility 0s linear 0s;pointer-events:auto}
#pcheader .products-mega-grid{max-width:1400px;margin:0 auto;padding:26px 30px;display:grid;grid-template-columns:repeat(4,1fr);gap:24px 34px}
#pcheader .products-mega-group{min-width:0}
#pcheader .products-mega-cat,#pcheader .header-warp.solid .products-mega-cat{display:block;color:var(--text-color) !important;font-size:1.4rem !important;font-weight:600 !important;line-height:1.4;padding:0 0 10px !important; text-align: left;/*border-bottom:1px solid #e8e8e8*/}
#pcheader .products-mega-cat:hover,#pcheader .header-warp.solid .products-mega-cat:hover{color:var(--color-red) !important}
#pcheader .products-mega-link,#pcheader .header-warp.solid .products-mega-link{display:block;color:var(--text-color) !important;font-size:1.4rem !important;font-weight:400 !important;line-height:1.4;padding:6px 0 !important;text-align: left;}
#pcheader .products-mega-link:hover,#pcheader .header-warp.solid .products-mega-link:hover{color:var(--color-red) !important}
@media (max-width:1440px){
	#pcheader .products-mega-grid{max-width:100%;padding-left:5%;padding-right:5%}
}
@media (max-width:1200px){
	#pcheader .products-mega{display:none}
}