/*Top003124 */
@media (min-width:1025px) {
.Top003124{position: fixed;width: 100%;left: 0;top: 0;z-index: 100;transition:background-color 0.3s,transform 1s;background: #f3f3f3}
/*.Top003124.Down{transform: translateY(-5.3125em);}*/
.Top003124.hover,.Top003124.hover.index{background-color:  rgba(0,0,0,0.6); box-shadow: 0 0 10px rgba(0,0,0,0.1);}
.Top003124.hover .logo .white,
.Top003124:not(.hover) .logo .red{display: none;}
.Top003124:not(.hover),
.Top003124:not(.hover) a:not(:hover){color: #333;}
.Top003124.index:not(.hover),
.Top003124.index:not(.hover) a:not(:hover){color: #fff;}
.Top003124.index{background: none}
.Top003124.index a{color: #fff}
.Top003124 a:hover{color: #333}
.Top003124 menu li .sub a{color: #333 !important}
.Top003124.hover a{color:#fff}
.Top003124 menu li span a:hover{color: #333}
.Top003124.index menu li span a:hover{color: #fff}
}
@media (max-width:1024px) {
.Top003124{ height: 0.925em;}
.Top003124 .wap-fixed{position: fixed;width: 100%;left: 0;top: 0;z-index: 100;background-color: #fff; box-shadow: 0 0 10px rgba(0,0,0,0.1);padding-top: 3em;}
.Top003124 .logo .white{display: none;} 
.Top003124 .auto{position: relative; border-top: 1px solid #eee;}
}

.Top003124 .logo{float: left;display: table;height:5.3125em;}
.Top003124 .logo a{display: table-cell; vertical-align: middle;}
.Top003124 .logo img{height: 3.2em;}
@media (max-width:1024px) {
.Top003124 .logo{height: 4em;}
.Top003124 .logo img{height: 3em;}
}

.Top003124 .top-nav dd{font-family: 'Bebas';}
.Top003124 .top-nav dd.oa a{display: block; border: 1px solid #ccc;border-radius: 50%;text-align: center;}
.Top003124.hover .top-nav dd.oa a{border-color: #ccc;}
.Top003124 .top-nav dd.lang a{margin: 0 5px;}
.Top003124 .top-nav dd.stock b{font-weight: normal;}
@media(min-width:1025px) and  (max-width:1770px) {
.Top003124 .top-nav{margin-right: 8.34vw;}
}
@media (min-width:1025px) {
.Top003124 .top-nav{float: right; margin-left: 7.5em;padding-top: 1.75em; font-size: 0.875em; }
.Top003124 .top-nav dd{float: left;line-height:2.5714em;}
.Top003124 .top-nav dd.oa{margin-left: 4.2857em;}
.Top003124 .top-nav dd.oa a{width:2.5714em;}
.Top003124 .top-nav dd.stock{margin-right: 2.1428em;padding-right: 2.1428em;border-right: 1px solid rgba(255,255,255,0.1);}
.Top003124:not(.hover) .top-nav dd.stock{border-right-color: #fff;}
}
@media (max-width:1024px) {
.Top003124 .top-nav{position: absolute;right: 0; bottom: 100%;display: flex;align-items: center; margin-bottom: 0.5em;}
.Top003124 .top-nav dd{line-height: 2;}
.Top003124 .top-nav dd:not(:last-child){margin-right: 1em;}
.Top003124 .top-nav dd.oa a{width:2em;}
}

.Top003124 menu li span{display: block;}
@media (min-width:1025px) {
.Top003124 menu{float: right;margin-right:3%;}
.Top003124 menu li{float: left;}  
.Top003124 menu li:not(:last-child){margin-right: 3.5em;}
.Top003124 menu li span,
.Top003124 menu li span a{line-height:5.3125em;}  
.Top003124 menu li span a{display: block;position: relative;z-index: 1;}
.Top003124 menu li span a:after{position: absolute;content: ''; left: 0; bottom: 0; height: 2px;background-color: #333; transition: 0.3s;}
.Top003124.index menu li span a:after{background: #fff}
.Top003124 menu li:hover span a:after,
.Top003124 menu li.aon span a:after{width: 100%;}
.Top003124 menu li .sub{position: absolute; top: 100%; background-color: #fff;border-radius: 0 0 5px 5px; overflow: hidden;}
}
@media (max-width:1024px) {
.Top003124 menu{position: fixed; left: -100%;top:7em;height: calc(100% - 7em); overflow: auto; background-color: #fff; width: 220px;opacity: 0;transition: 0.3s ease;}   
.menu-show .Top003124 menu{left: 0; opacity: 1; transform:translateX(0);}
.Top003124 menu li{ border-bottom: 1px solid #eee;}
.Top003124 menu li span{padding-top: 1em; padding-bottom: 1em;padding-left: 1em;}
.Top003124 .has-sub span .op:before,
.Top003124 .has-sub span .op:after{background-color: #ccc;}
.Top003124 menu li .sub{background-color: rgba(0,0,0,0.1);}
}

.Top003124 .open-search{position: absolute;right: 0; top: 0;width: 5.3125em;height:5.3125em; background: rgba(0,0,0,0.3) url(../images/Top003124-btn.svg) no-repeat center; cursor: pointer; background-size: auto 23.53%;}
.Top003124 .top-search{position: absolute;right: 0; top: 100%; background-color: #fff; width: 100%;max-width: 400px;}
.Top003124 .top-search .btn{background-color: rgba(0,0,0,1); background-image: url(../images/Top003124-btn.svg); background-size: auto 50%;}
.Top003124 .open-search.on:before,
.Top003124 .open-search.on:after{width: 40%; left: 30%;}
.Top003124.hover .open-search.on:before,
.Top003124.hover .open-search.on:after{background-color: rgba(0,0,0,1);}
@media (max-width:1024px) {
.Top003124 .open-search{width:2.4em; height: 2.4em; top: 50%;margin-top: -1.2em;background-color: rgba(0,0,0,1); background-size: auto 60%; right: 2.6em;}   
.Top003124 .open-menu{width:2.4em; height: 2.4em; right: 0;} 
.Top003124 .open-menu i{width: 60%; left: 20%;background-color: rgba(0,0,0,1);} 
}