header{position:fixed;width:100%;top:0;left:0;padding:18px;z-index:10}header.bg_white{background:#fff;box-shadow:0 2px 5px rgba(51,51,51,0.2)}.header_wrap{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:justify;-moz-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between}.logo{display:block;width:80px}.logo img{width:100%}nav{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex}.header_wrap .lan{position:relative;width:130px;height:18px;cursor:pointer;margin-top:10px}.header_wrap .lan>p{display:inline-block}.header_wrap .lan_select::before{position:relative;display:inline-block;content:'';top:2px;width:1px;height:12px;margin:0 8px;background-color:rgba(0,0,0,0.4);-webkit-transform:skewX(-35deg);-moz-transform:skewX(-35deg);-ms-transform:skewX(-35deg);-o-transform:skewX(-35deg);transform:skewX(-35deg)}.header_wrap .lan_select::after{position:relative;display:inline-block;content:'';border-top:8px solid #000;border-left:5px solid transparent;border-right:5px solid transparent;border-top:6px solid #000;border-left:3px solid transparent;border-right:3px solid transparent;margin:0 0 1px 7px}.header_wrap .lan_options{position:absolute;top:20px;left:86px}.header_wrap .lan_opt{display:block}.header_wrap .menu_open{position:relative;display:block;width:42px;height:12px;margin:14px 10px 0 30px;cursor:pointer}.header_wrap .menu_open::before,.header_wrap .menu_open::after{position:absolute;display:block;content:'';width:100%;height:1px;background-color:#000;left:0;}.header_wrap .menu_open::before{top:0}.header_wrap .menu_open::after{top:10px}.header_wrap .menu_close{position:absolute;width:95px;top:18px;right:18px;cursor:pointer}.header_wrap .menu_close::after{position:relative;display:inline-block;content:'';width:42px;height:1px;top:-4px;left:17px;background-color:#000}.menu{position:absolute;width:385px;top:10px;right:-100%;background-color:#fff;padding:110px 55px 126px 70px;-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-o-transition:all 0.5s ease;transition:all 0.5s ease;background-image:url(/assets/images/common_icon/menu_bg.png);background-position:0% 100%;background-repeat:no-repeat;z-index:50}.menu::before{position:absolute;display:block;content:'';width:1px;height:100%;background:-webkit-linear-gradient(to bottom,rgba(189,179,166,0.5) 0%,rgba(189,179,166,0) 120%);background:-moz-linear-gradient(to bottom,rgba(189,179,166,0.5) 0%,rgba(189,179,166,0) 120%);background:-o-linear-gradient(to bottom,rgba(189,179,166,0.5) 0%,rgba(189,179,166,0) 120%);background:linear-gradient(to bottom,rgba(189,179,166,0.5) 0%,rgba(189,179,166,0) 120%)}.menu::after{position:absolute;display:block;content:'';width:11px;height:14px;top:110px;left:65px;background-image:url(/assets/images/common_icon/menu_deco.png);background-size:cover}.menu.open{right:10px;box-shadow:-8px 16px 18px rgba(6,0,1,0.1)}.menu_li{position:relative;margin:30px 0;padding-left:30px}.menu_brands::after{position:absolute;display:block;content:'';width:9px;height:6px;background-image:url(/assets/images/common_icon/dropDown.png);background-size:cover;top:9px;left:114px;-webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease;-o-transition:all 0.3s ease;transition:all 0.3s ease}.menu_brands.open::after{-webkit-transform:rotateZ(180deg);-moz-transform:rotateZ(180deg);-ms-transform:rotateZ(180deg);-o-transform:rotateZ(180deg);transform:rotateZ(180deg)}.menu_li::before{position:absolute;display:block;content:'';width:2px;height:0%;left:0;top:0;background-color:#9d8869;-webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease;-o-transition:all 0.3s ease;transition:all 0.3s ease}.menu_li a{display:block;-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-o-transition:all 0.5s ease;transition:all 0.5s ease}.menu_li .li_title,.menu_li .li_en{display:block}.menu .brands_inner{position:relative;width:100%;height:0;padding:0 30px;margin:-15px 0;border:rgba(189,179,166,0.5) 1px solid;border-left:0;border-right:0;-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-o-transition:all 0.5s ease;transition:all 0.5s ease;-webkit-clip-path:polygon(0% 0%,0% 100%,100% 100%,100% 0%);clip-path:polygon(0% 0%,0% 100%,100% 100%,100% 0%);opacity:0;pointer-events:none}.menu .brands_inner .inner_li a{display:block;padding:5px 0;-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-o-transition:all 0.5s ease;transition:all 0.5s ease;cursor:default}.menu .brands_inner.open{height:auto;padding:15px 30px;opacity:1;pointer-events:auto}.menu .brands_inner.open .inner_li a{cursor:pointer}.menu_copyRight{position:absolute;right:19px;top:363px;writing-mode:vertical-lr;-ms-writing-mode:tb-lr;-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg);opacity:0.4}body.isAndroid .menu_copyRight{-webkit-transform:rotate(-90deg);-moz-transform:rotate(-90deg);-ms-transform:rotate(-90deg);-o-transform:rotate(-90deg);transform:rotate(-90deg);-webkit-transform-origin-x:90%;-moz-transform-origin-x:90%;-ms-transform-origin-x:90%;-o-transform-origin-x:90%}@media screen and (max-height:700px) and (min-width:992px){.menu{padding:60px 55px 25px 70px}.menu::after{top:60px}.menu_li{margin:20px 0}.menu_copyRight{top:200px}}@media screen and (min-width:992px){.menu_li:hover::before{height:100%}.menu_li a:hover,.brands_inner .inner_li a:hover{opacity:0.5;color:#000}}@media screen and (max-width:991px){.menu{opacity:0}.menu::before{background:-webkit-linear-gradient(to bottom,rgba(189,179,166,0.5) 0%,rgba(189,179,166,0) 90%);background:-moz-linear-gradient(to bottom,rgba(189,179,166,0.5) 0%,rgba(189,179,166,0) 90%);background:-o-linear-gradient(to bottom,rgba(189,179,166,0.5) 0%,rgba(189,179,166,0) 90%);background:linear-gradient(to bottom,rgba(189,179,166,0.5) 0%,rgba(189,179,166,0) 90%)}}@media screen and (max-width:767px){header{padding:10px}.logo{width:52px}.header_wrap .menu_open{margin:10px 5px 0 10px}.header_wrap .lan{margin-top:6px}.menu{width:100%;top:0;padding:50px 55px 40px 20px;background-image:none}.menu::before{top:34px;background:-webkit-linear-gradient(to bottom,rgba(189,179,166,0.5) 80%,rgba(189,179,166,0) 90%);background:-moz-linear-gradient(to bottom,rgba(189,179,166,0.5) 80%,rgba(189,179,166,0) 90%);background:-o-linear-gradient(to bottom,rgba(189,179,166,0.5) 80%,rgba(189,179,166,0) 90%);background:linear-gradient(to bottom,rgba(189,179,166,0.5) 80%,rgba(189,179,166,0) 90%)}.menu::after{top:20px;left:15px}.menu.open{right:0}.menu_li{margin:12px 0}.menu .brands_inner{margin:-7px 0}.menu .brands_inner.open{padding:10px 30px}.menu_copyRight{top:228px;right:12px}}