@font-face {
    font-family: "iconfont"; /* Project id 3741432 */
    src: url('../iconfont/iconfont.woff2?t=1667267767459') format('woff2'),
         url('../iconfont/iconfont.woff?t=1667267767459') format('woff'),
         url('../iconfont/iconfont.ttf?t=1667267767459') format('truetype');
  }
  
  .iconfont {
    font-family: "iconfont" !important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  
  .icon-top:before {
    content: "\e69e";
  }
  
  .icon-qrcode:before {
    content: "\e65f";
  }
  
  .icon-cart:before {
    content: "\e61c";
  }
  
  .icon-user:before {
    content: "\e606";
  }
  
  .icon-kefu:before {
    content: "\e645";
  }
    

a:hover{color:#f50;}
.w{width:990px;margin:0 auto;padding:0;}
.wrap{width:1200px;margin:0 auto;padding:0;}
@media (min-width: 1411px) {
    .w{width:1390px;}
}
.site-topbar{background-color:#f5f5f5;border-bottom:1px solid #eee;}
.topnav>li{float:left;position: relative;z-index:998;height:35px;line-height:35px;}
.topnav>li>a{display:inline-block;border:1px solid #f5f5f5;padding:0 10px;height:34px;line-height:34px;position: relative;border-top:none;}
.topnav>li.drop-btn>a>i{transition: transform .2s ease-in 0s; -webkit-transition: -webkit-transform .2s ease-in 0s; display:inline-block;width:0;height:0;border-style:solid;border-color:#cecece transparent transparent;border-width:4px 4px 0;margin-left:3px;position:relative;top:-3px; }
.topnav>li.drop-btn:hover>a>i{transform: rotate(180deg); -webkit-transform: rotate(180deg);}
.topnav>li.drop-btn>.drop{position: absolute;top:33px;right:0px;background-color:#fff;min-width:100%;z-index:9998;display:none;}
.topnav>li.drop-btn>.drop>.drop-inner{border:1px solid #ccc;padding:0 15px 5px 15px;}
.topnav>li.drop-btn:hover>.drop{display:block;}
.topnav>li.drop-btn>a:hover,
.topnav>li.drop-btn:hover>a{background-color:#fff;border-color:#ccc;z-index:9999;border-bottom:none;}
.topnav>li.drop-btn .drop-list li a{display:block;height:25px;line-height:25px;white-space:nowrap;text-align:center;}
.site-header{padding:10px 0;text-align: center;background-color:#fff;}
.site-logo{margin-right:15px;height:80px;line-height:80px;text-align:left;}
.site-sub-title{float:left;margin:15px 0;height:50px;line-height:50px;border-left:1px solid #eee;padding-left:15px;font-size:18px;color:#f50;}
.site-seach{display:inline-block;width:50%;margin:18px 0;height:38px;position: relative;}
.site-seach-input{width:80%;height:40px;line-height:30px;border:2px solid #f50;padding-left:10px;font-size:14px}
.site-search-btn{background-color:#f50;color:#fff;height:44px;line-height:44px;border:1px solid #f50;padding:0 15px;font-size:14px}
.site-act{height:80px;overflow: hidden;width:20%;text-align: right;line-height:80px;}
.site-cart{float:left;padding:0 15px;border:1px solid #eee;height:42px;line-height:42px;margin:18px 15px 19px 0;}
.site-cart a{display:block;}
.site-cart .iconfont{color:#f50;}
.site-cart .iconfont i{font-size:12px;}

.site-nav{height:40px;background-color:#fff;border-bottom: 2px solid #f50;}
.all-cats-nav{width:220px;position: relative;z-index:9999;}
.all-cats-nav>a{height:40px;line-height:40px;display:block;background-color:#f50;color:#fff;text-align:center;font-size:18px;}
.all-cats-nav>a:hover{color:#fff;}
.all-cats-nav>.all-cats-drop{position:absolute;left:0;top:40px;width:100%;display:none;}
.all-cats-nav:hover>.all-cats-drop,
.all-cats-nav>.all-cats-drop.active{display: block;}
.all-cats-nav>.all-cats-drop>ul.cats-items{display:block;background-color:#222;padding:15px 0;position: relative;height:500px;}
.all-cats-nav>.all-cats-drop>ul.cats-items li{display:block;height:50px;line-height:50px;padding:0 10px;}
.all-cats-nav>.all-cats-drop>ul.cats-items li:hover{background-color:#f9f9f9;padding:0 5px 0 15px;}
.all-cats-nav>.all-cats-drop>ul.cats-items li:first-child{padding-top:5px;}
.all-cats-nav>.all-cats-drop>ul.cats-items li:last-child{height:40px;line-height:35px;}
.all-cats-nav>.all-cats-drop>ul.cats-items li>a{color:#fff;display:inline-block;padding:0 5%;width:90%;height:38px;font-size:14px;overflow: hidden;}
.all-cats-nav>.all-cats-drop>ul.cats-items li>em{display:inline-block;width:1px;background-color:#999;height:11px;}
.all-cats-nav>.all-cats-drop>ul.cats-items li:hover>a{color:#000;}
.all-cats-nav>.all-cats-drop>ul.cats-items li>.sub-items{position: absolute;left:220px;width:800px;top:0;background-color:#f9f9f9;border:1px solid #f50;border-left:none;overflow: hidden;display:none;bottom:0;}
.all-cats-nav>.all-cats-drop>ul.cats-items li>.sub-items dl{overflow: hidden;line-height:25px;padding:5px 0;}
.all-cats-nav>.all-cats-drop>ul.cats-items li>.sub-items dl dt{float: left;width:90px;text-align: right;font-weight:bold;font-size:14px;padding-right:20px;}
.all-cats-nav>.all-cats-drop>ul.cats-items li>.sub-items dl dd{float: left;width:680px;border-bottom:1px solid #eee;}
.all-cats-nav>.all-cats-drop>ul.cats-items li>.sub-items dl dd a{display:inline-block;padding:0 5px;}
.all-cats-nav>.all-cats-drop>ul.cats-items li:hover>.sub-items{display:block;}
.all-cats-nav>.all-cats-drop>.cats-ad{height:221px;background-color:#222;display: none;}
.site-nav .main-nav{overflow: hidden;padding-left:15px;}
.site-nav .main-nav li{height:40px;line-height:40px;display:inline-block;}
.site-nav .main-nav li a{display:block;font-size:18px;padding:0 15px;font-weight:500;}
.site-nav .main-nav li a.active{color:#f50;}
.crumbs-bar{padding:10px 0;line-height:20px;}
.crumbs-bar>.nav{display:inline-block;font-size:14px;color:#999;}
.crumbs-bar>.nav a{color:#666;}

.footer{background-color:#111;padding:30px 0;margin-top:15px;line-height: 30px;font-size:13px}
.footer-item{overflow: hidden;text-align:left;}
.footer-nav-item{float:left;width:20%;padding-bottom:30px;}
.footer-nav-item li{display:block;color:#999;}
.footer-nav-item li a{color:#999}
.footer-nav-item li h3{color:#fff;}
.footer .icp,.footer .icp a{color:#50555f;}
.footer .cert{max-width:60%;overflow: hidden;line-height:60px;}
.footer .cert li{float: left;width:80px;margin:0 5px;height:60px;overflow: hidden;}
.footer .cert li img{max-width:100%;opacity:.4;}
.footer-promise{width:20%;overflow: hidden;}
.footer-promise li{float:left;width:50%;text-align: center;color:#999;height:75px;}
.footer-promise li i{font-size:30px;display: block;height:40px;line-height:40px;}
.footer-promise li span{display:block;height:30px;line-height:30px;}