.deteng-navBar{width:45px;height:150px;position:fixed;left:0;top:30%;background-color:Rgba(150,150,150,0.2);cursor:pointer;overflow:hidden;z-index:99;transform:translateX(-150px);-webkit-transform:translateX(-150px);-moz-transform:translateX(-150px);transition:all .5s ease 0s;-webkit-transition:all .5s ease 0s;-moz-transition:all .5s ease 0s}
.deteng-navBar.visble{transform:translateX(0);-webkit-transform:translateX(0);-moz-transform:translateX(0)}
.deteng-navBar.Bom{top:70%;background-color:#fff}
.deteng-navBar .bar-logo{position:absolute;right:7px;top:42px;width:32px;background-color:#666;border-radius:4px;text-align:center;padding:5px 0;color:#fff;font-size:12px;line-height:14px}
.deteng-navBar .bar-logo svg.menu-svg{background-color:#363636;border-radius:4px;fill:#fff;width:32px;height:32px}
.deteng-navBar .bar-logo svg.menu-svg-phone{display:none}
.deteng-navBar .bar-menu{position:absolute;top:100px;right:10px;height:15px}
.deteng-navBar .bar-menu i{position:absolute;right:0;display:block;width:28px;height:1px;background-color:#666;transition:all .5s ease 0s;-webkit-transition:all .5s ease 0s;-moz-transition:all .5s ease 0s}
.deteng-navBar .bar-menu i.bar-top{top:0}
.deteng-navBar .bar-menu i.bar-cen{top:7px}
.deteng-navBar .bar-menu i.bar-bom{bottom:0}
.deteng-navBar .expros{position:absolute;left:-105px;top:-10px; line-height:18px; color:#000;opacity:0;transform:translateX(-30px);-webkit-transform:translateX(-30px);-moz-transform:translateX(-30px);transition:all .3s ease-out 0s;-webkit-transition:all .3s ease-out 0s;-moz-transition:all .3s ease-out 0s}
.deteng-navBar:hover{width:230px}
.deteng-navBar:hover .bar-menu i.bar-top{width:0}
.deteng-navBar:hover .bar-menu i.bar-cen{width:48px}
.deteng-navBar:hover .bar-menu i.bar-bom{width:0}
.deteng-navBar:hover .expros{transform:translateX(0);-webkit-transform:translateX(0);-moz-transform:translateX(0);opacity:1}
.deteng-body-bg{position:fixed;left:0;top:0;width:100%;height:100%;z-index:-2;visibility:hidden;opacity:0;background-color:rgba(0,0,0,.4);transition:all .4s cubic-bezier(.63,.1,.08,1.01) 0s;-webkit-transition:all .4s cubic-bezier(.63,.1,.08,1.01) 0s;-moz-transition:all .4s cubic-bezier(.63,.1,.08,1.01) 0s;min-width:1200px}
.deteng-body-bg.active{visibility:visible;opacity:1;z-index:9999}
.deteng-fixed-menu{position:fixed;left:0;top:0;height:100%;z-index:69;transform:translateX(-540px);-webkit-transform:translateX(-540px);-moz-transform:translateX(-540px);transition:all .3s cubic-bezier(.66,.53,.65,1) 0s;-webkit-transition:all .3s cubic-bezier(.66,.53,.65,1) 0s;-moz-transition:all .3s cubic-bezier(.66,.53,.65,1) 0s}
.deteng-fixed-menu.active{transform:translateX(0);-webkit-transform:translateX(0);-moz-transform:translateX(0);transition:all .8s cubic-bezier(.3,.8,.3,1) .3s;-webkit-transition:all .8s cubic-bezier(.3,.8,.3,1) .3s;-moz-transition:all .8s cubic-bezier(.3,.8,.3,1) .3s}
.deteng-fixed-menu .sub-menu-phone{position:absolute;left:0;top:0;width:430px;height:100%;background-color:#303030;padding:70px 30px 0 30px;overflow:hidden;box-sizing:border-box;-moz-box-sizing:border-box;transition:all .5s cubic-bezier(.66,.53,.65,1) .1s;-webkit-transition:all .5s cubic-bezier(.66,.53,.65,1) .1s;-moz-transition:all .5s cubic-bezier(.66,.53,.65,1) .1s}
.deteng-fixed-menu .sub-menu-phone ul{width:100%}
.deteng-fixed-menu .sub-menu-phone ul li{display:table;width:100%;position:relative}
.deteng-fixed-menu .sub-menu-phone ul li a{overflow:hidden;display:block;width:100%;height:40px;line-height:40px;position:relative; color:#fff;font-weight:500;}
.deteng-fixed-menu .sub-menu-phone.active ul li a{transform:translateY(0);-webkit-transform:translateY(0);-moz-transform:translateY(0);opacity:1}
.deteng-fixed-menu .sub-menu-phone ul li.index-hrefs a{border-bottom:1px solid #585857}
.deteng-fixed-menu .sub-menu-phone ul li a:after{width:0;height:1px;background-color:#fff;position:absolute;content:'';left:0;top:21px}
.deteng-fixed-menu .sub-menu-phone ul li a font{display:block;width:0;font-size:26px;color:#fff;position:absolute;left:0;margin-left:50px;overflow:hidden}
.deteng-fixed-menu .sub-menu-phone ul li a small{font-size:16px;color:#fff;font-family:Gautami;position:absolute;left:0;line-height:40px}
.deteng-fixed-menu .sub-menu-phone ul li a font,.deteng-fixed-menu .sub-menu-phone ul li a small,.deteng-fixed-menu .sub-menu-phone ul li a:after{transition:all .5s ease 0s;-webkit-transition:all .5s ease 0s;-moz-transition:all .5s ease 0s}
.deteng-fixed-menu .sub-menu-phone ul li a:hover font,.deteng-fixed-menu .sub-menu-phone ul li.on font{width:60%;font-size:16px}
.deteng-fixed-menu .sub-menu-phone ul li a:hover small,.deteng-fixed-menu .sub-menu-phone ul li.on small{opacity:0;transform:translateX(50px);-webkit-transform:translateX(50px);-moz-transform:translateX(50px)}
.deteng-fixed-menu .sub-menu-phone ul li a:hover:after,.deteng-fixed-menu .sub-menu-phone ul li.on a:after{width:40px}
.deteng-fixed-menu ul li.index-hrefs aside{float:left;position:relative;z-index:9;height:56px;width:70px;line-height:56px;opacity:0;transform:translateY(-50px);-webkit-transform:translateY(-50px);-moz-transform:translateY(-50px);transition:all .4s ease .8s;-webkit-transition:all .4s ease .8s;-moz-transition:all .4s ease .8s}
.deteng-fixed-menu ul li.index-hrefs aside svg{width:32px;height:32px;fill:#fff;stroke:#fff;stroke-width:1px;stroke-dasharray:0,100}
.deteng-fixed-menu ul li.index-hrefs aside svg.menu-svg{width:32px;height:32px;fill:#fff;border-radius:4px;background-color:#fff;margin:0 0 0 19px}
.deteng-fixed-menu.active ul li.index-hrefs aside svg.menu-svg{animation:logo-in 2s ease-in-out forwards 1.5s;-moz-animation:logo-in 2s ease-in-out forwards 1.5s;-webkit-animation:logo-in 2s ease-in-out forwards 1.5s}
@keyframes logo-in{0%{stroke-dasharray:0,100;left:100px}
50%{stroke-dasharray:100,0;fill:rgba(48,48,48,0)}
100%{stroke-dasharray:100,0;fill:#303030}
}
@-moz-keyframes logo-in{0%{stroke-dasharray:0,100}
50%{stroke-dasharray:100,0;fill:rgba(48,48,48,0)}
100%{stroke-dasharray:100,0;fill:#303030}
}
@-webkit-keyframes logo-in{0%{stroke-dasharray:0,100}
50%{stroke-dasharray:100,0;fill:rgba(48,48,48,0)}
100%{stroke-dasharray:100,0;fill:#303030}
}
.deteng-fixed-menu ul li.index-hrefs aside svg.menu-svg use{stroke:#333;stroke-width:1px}
.deteng-fixed-menu ul li.index-hrefs aside .close-bar{width:75px;height:50px;position:absolute;top:10px;margin:20px 0 0 -5px;padding:32px 0 0 20px;cursor:pointer;z-index:99;box-sizing:border-box;-moz-box-sizing:border-box;opacity:0;transform:translateY(50px);-webkit-transform:translateY(50px);-moz-transform:translateY(50px);transition:all .4s ease 1s;-webkit-transition:all .4s ease 1s;-moz-transition:all .4s ease 1s}
.deteng-fixed-menu.active ul li.index-hrefs aside{opacity:1;transform:translateY(0);-webkit-transform:translateY(0);-moz-transform:translateY(0)}
.deteng-fixed-menu.active ul li.index-hrefs aside .close-bar{opacity:1;transform:translateY(0);-webkit-transform:translateY(0);-moz-transform:translateY(0)}
.deteng-fixed-menu ul li.index-hrefs aside .close-bar span{display:block;position:relative;width:40px;height:1px;background-color:#7e7e7e}
.deteng-fixed-menu ul li.index-hrefs aside .close-bar span:after{width:0%;height:100%;background-color:#fff;position:absolute;content:'';left:0;top:0;transition:all .3s cubic-bezier(.66,.53,.65,1) 0s;-webkit-transition:all .3s cubic-bezier(.66,.53,.65,1) 0s;-moz-transition:all .3s cubic-bezier(.66,.53,.65,1) 0s}
.deteng-fixed-menu ul li.index-hrefs aside .close-bar span.close-top{transform:rotate(45deg) translate3d(2px,0,0);-webkit-transform:rotate(45deg) translate3d(2px,0,0);-moz-transform:rotate(45deg) translate3d(2px,0,0)}
.deteng-fixed-menu ul li.index-hrefs aside .close-bar span.close-bom{transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg)}
.deteng-fixed-menu ul li.index-hrefs aside .close-bar:hover span:after{width:100%}
.deteng-fixed-menu .deteng-yx-mads{width:300px;border-top:1px solid #585857;position:absolute;right:90px;padding-top:20px;margin-top:30px;display:none}
.deteng-fixed-menu .deteng-yx-mads span{display:inline-block;vertical-align:middle;width:0;height:1px;background-color:#fff;transition:all .4s ease 0s;-webkit-transition:all .4s ease 0s;-moz-transition:all .4s ease 0s}
.deteng-fixed-menu .deteng-yx-mads a{display:inline-block;vertical-align:middle;font-size:14px;color:#585857}
.deteng-fixed-menu .deteng-yx-mads:hover span{width:30px}
.deteng-fixed-menu .deteng-yx-mads:hover a{color:#fff}

#menu{overflow:hidden;height:100%;float:left;margin-top: 42px;width: 100%;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
#menu #ensconce{width:.35rem;height:100%;background-color:#20343c;float:left;text-align:center;position:relative;display:none}
#menu #ensconce h2{cursor:pointer;color:#fff;font-size:.24rem;line-height:.5rem;width:100%;position:absolute;top:35%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(0,-50%)}
#menu #ensconce h2 img{width:52%}
#menu #open{height:100%;padding-bottom:.1rem;box-sizing:border-box;-webkit-transition:all .8s ease;-moz-transition:all .8s ease;-o-transition:all .8s ease;-ms-transition:all .8s ease}
#menu #open .navH{height:.6rem;background-color:#44495a;line-height:.6rem;text-align:center;font-size:.2rem;color:#fff;position:relative;box-sizing:border-box}
#menu #open .navH span{position:absolute;top:49%;right:0;padding:0 .15rem;cursor:pointer;-webkit-transform:translate(0,-50%);-moz-transform:translate(0,-50%);-ms-transform:translate(0,-50%);-o-transform:translate(0,-50%);transform:translate(0,-50%);display:inline-block}
#menu #open .navH span .obscure{width:.24rem}
#menu #open .navBox{height:100%;overflow-y:auto;padding-left:.05rem;padding-right:.07rem;margin-top:.1rem}
#menu #open .navBox ul li{cursor:pointer;margin-bottom:4px}
#menu #open .navBox ul li .obtain{background-color:#fff}
#menu #open .navBox ul li .obtain:hover{background-color:#ee780c}
#menu #open .navBox ul li h2{position:relative;width:100%; padding-left:20px; height:100%;color:#333; background:#fff; font-weight:500;font-size:14px;padding:0.6rem 0;padding-left: 9%;-webkit-transition:all .6s ease;-moz-transition:all .6s ease;-o-transition:all .6s ease;-ms-transition:all .6s ease}
#menu #open .navBox ul li h2 i{position:absolute;top:50%;right:.5rem;border-top:.35rem transparent dashed;border-left:.35rem solid #333;border-right:.35rem transparent dashed;border-bottom:.35rem transparent dashed;display:inline-block;-webkit-transition:-webkit-transform .6s ease;-moz-transition:-moz-transform .6s ease;-o-transition:-o-transform .6s ease;-ms-transition:-ms-transform .6s ease;transform-origin:4px 3px;-webkit-transform:translate(0,-50%);-moz-transform:translate(0,-50%);-ms-transform:translate(0,-50%);-o-transform:translate(0,-50%);transform:translate(0,-50%)}
#menu #open .navBox ul li h2 .arrowRot{-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-o-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}
#menu #open .navBox ul li .secondary{overflow:hidden;height:0;visibility: hidden;-webkit-transition:max-height 12s ease;-moz-transition:max-height 12s ease;-o-transition:max-height 12s ease;-ms-transition:max-height 12s ease}
#menu #open .navBox ul li .secondary h3{text-align:center;font-size:14px;background-color:#555;color:#fff; margin-bottom:1px;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;-o-transition:all .4s ease;-ms-transition:all .4s ease}
#menu #open .navBox ul li .secondary h3:hover{background-color:#ee780c}
#menu #open .navBox ul li .secondary .seconFocus{background-color:#ee780c;-webkit-box-shadow:3px 3px 3px #ee780c;-moz-box-shadow:3px 3px 3px #ee780c;box-shadow:3px 3px 3px #ee780c}