.fl{float:left}.fr{float:right}article,body{transition:all 1s ease;-ms-transition:all 1s ease;-o-transition:all 1s ease;-webkit-transition:all 1s ease;-moz-transition:all 1s ease}.header-warp{position:absolute;height:118px;font-size:0;top:0;width:100%;left:0;transition:all 1s ease;-ms-transition:all 1s ease;-o-transition:all 1s ease;-webkit-transition:all 1s ease;-moz-transition:all 1s ease;z-index:100}.header-warp a{color:#fff;display:block}.header-top{font-size:0;width:100%;padding:0 68px;height:68px;line-height:68px;position:relative;z-index:12;transition:all 1s ease;-ms-transition:all 1s ease;-o-transition:all 1s ease;-webkit-transition:all 1s ease;-moz-transition:all 1s ease}.center-menu{text-align:center;position:absolute;width:100%;left:0;top:0;height:100%}.center-menu a{display:inline-block;vertical-align:top;text-align:top;font-size:16px;margin:0 30px;color:#fff;transition:all .4s ease;-ms-transition:all .4s ease;-o-transition:all .4s ease;-webkit-transition:all .4s ease;-moz-transition:all .4s ease}.center-menu a:hover{color:red}.right-menu{height:68px;line-height:68px}.right-menu>div{display:inline-block;vertical-align:top;color:#fff;height:68px;line-height:68px;font-size:0;margin-left:15px}.right-menu>div.lang{font-size:18px}.header{width:100%;top:0;left:0;z-index:11;height:50px;line-height:50px;transform:translateZ(0);-ms-transform:translateZ(0);-o-transform:translateZ(0);-webkit-transform:translateZ(0);-moz-transform:translateZ(0);-webkit-transition:all .5s cubic-bezier(.28,.11,.32,1);transition:all .5s cubic-bezier(.28,.11,.32,1)}.header:after{content:"";width:62.5%;height:1px;background:rgba(51,51,51,.2);position:absolute;left:50%;transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);bottom:0}.header-in{width:62.5%;margin:0 auto;height:50px;line-height:50px}.header-in .logo{line-height:50px;font-size:20px;font-weight:700}.header-in .logo a{display:inline-block;vertical-align:middle}.header-in .logo a:hover{color:#fff}.header-in .logo a:nth-child(2){margin:0;font-weight:400;font-size:14px;color:#f1f1f1}.header-in .logo a:nth-child(2):before{content:"|";vertical-align:top;display:inline-block;margin:0 12px}.header-in .logo span{display:inline-block;vertical-align:top}.header-in .logo span:first-child+span{margin-left:12px}.menu{display:block}.menu li{float:left;font-size:14px;margin-left:24px}.menu a{color:#fff;transition:all .4s ease;-ms-transition:all .4s ease;-o-transition:all .4s ease;-webkit-transition:all .4s ease;-moz-transition:all .4s ease}.header-r:hover a,.menu li.cur a,.menu li:hover a{color:red}.header-r a{transition:all .4s ease;-ms-transition:all .4s ease;-o-transition:all .4s ease;-webkit-transition:all .4s ease;-moz-transition:all .4s ease}.header-r{font-size:14px}.header-l{display:none}.header-black a{color:#000}.header-black .header-l{color:#000}.header-black .menu a{color:#000}.open .header-warp,.open article{margin-top:-68px}.header.fixed{position:fixed}.header.fixed.bgChanged{background:rgba(0,0,0,.8)}.header.fixed.bgChanged:after{width:100%}.header-black.bgChanged a{color:#fff}.header-black.bgChanged .header-l{color:#fff}.header-black.bgChanged .menu a{color:#fff}.header-black.bgChanged .menu li.cur a,.header-black.bgChanged .menu li:hover a{color:red}@media (max-width:1680px){.header-in,.header:after{width:76%}}@media (max-width:1440px){.header-in,.header:after{width:80%}.logo{font-size:18px}}@media (max-width:1200px){.header-in,.header:after{width:90%}.logo{font-size:16px}.center-menu a{margin:0 20px}.header-top{padding:0 5%}}@media (max-width:768px){.header-warp{height:100px}.header-in{width:90.67%}.header-in .logo span:first-child+span{margin-left:5px}.header-top,.right-menu,.right-menu>div{height:50px;line-height:50px}.header-black .menu a{color:#fff}.header-top{z-index:1999999}.right-menu>div{margin:0 5%}.nav-btn{width:22px;height:16px;position:relative;cursor:pointer;font-size:0;margin-top:17px}.nav-btn .line{display:block;width:100%;height:1px;border-radius:0;background-color:#fff;position:absolute;left:0;transition:all .5s ease-in-out;-ms-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out}.nav-btn.hover .line{background:#d7000e}.nav-btn .line1{transform-origin:center 0 0}.nav-btn.hover .line1{-webkit-transform:translate3d(0,7.5px,0) rotate(45deg);-moz-transform:translate3d(0,7.5px,0) rotate(45deg);transform:translate3d(0,7.5px,0) rotate(45deg)}.nav-btn .line2{top:7px}.nav-btn.hover .line2{opacity:0;-webkit-transform:translate3d(30px,0,0);-moz-transform:translate3d(30px,0,0);transform:translate3d(30px,0,0)}.nav-btn .line3{bottom:0;transform-origin:center 0 0}.nav-btn.hover .line3{-webkit-transform:translate3d(0,-9px,0) rotate(-45deg);-moz-transform:translate3d(0,-9px,0) rotate(-45deg);transform:translate3d(0,-9px,0) rotate(-45deg);transform-origin:center 2px 0}.center{position:absolute;width:100%;top:100%;left:0;background:rgba(0,0,0,.8);padding-bottom:5%;display:none}.center-menu{position:relative;width:100%;top:100%;left:0;margin-bottom:2%}.center-menu a{width:100%;height:50px;line-height:50px;margin:0;border-bottom:1px solid rgba(51,51,51,.75);display:block}.right-menu{float:none;width:100%;text-align:center}.header-in .logo{font-size:20px}.header-in .logo span{margin-right:10px}.header-in .logo span:last-child{margin-left:0}.menu{width:100%;position:absolute;top:50px;left:0;display:none}.menu li{width:100%;float:none;line-height:30px;font-size:24px;display:block;margin-right:0;padding:48px 0;text-align:center;margin-left:0;border-bottom:1px solid rgba(51,51,51,.75);background:rgba(0,0,0,.8)}.menu li:last-child{border-bottom-color:transparent}.header-l{display:block;font-size:20px;line-height:30px;color:#fff;cursor:pointer; padding-top:10px;z-index:2;}.header-l:after{content:'';width:17px;height:9px;background:url(https://cdn.haojue.com/bocweb/products/dr160s/images/icon.png) no-repeat;display:inline-block;vertical-align:middle;margin-left:12px;background-size:100% 100%}.header-black .header-l:after{width:17px;height:9px;background:url(https://cdn.haojue.com/bocweb/products/dr160s/images/icon2.png) no-repeat;background-size:100% 100%}.header-black.bgChanged .header-l:after{background:url(https://cdn.haojue.com/bocweb/products/dr160s/images/icon.png) no-repeat;width:17px;height:9px;background-size:100% 100%}.header-r{font-size:20px;line-height:30px;padding-top:10px}}@media (max-width:480px){.header-in .logo{font-size:16px;font-weight:400}.header-in .logo span{margin-right:5px}.header-in .logo span:after{margin:0 5px}.menu li{font-size:16px;padding:24px 0}.header-l{margin-left:10%;font-size:16px}.header-l:after{background-size:14px 7px;margin-left:5px}.header-black .header-l:after{width:14px;height:7px;background-size:14px 7px;margin-left:5px}.header-black.bgChanged .header-l:after{background:url(https://cdn.haojue.com/bocweb/products/dr160s/images/icon.png) no-repeat;width:14px;height:7px;background-size:14px 7px;margin-left:5px}.header-r{font-size:16px}.more.page h5{font-size:16px}}@media (max-width:420px){.header-in .logo{font-size:16px}.header-l:after{width:9px;height:5px;background-size:9px 5px}.header-black .header-l:after{width:9px;height:5px;background-size:9px 5px}.header-black.bgChanged .header-l:after{background:url(https://cdn.haojue.com/bocweb/products/dr160s/images/icon.png) no-repeat;width:9px;height:5px;background-size:9px 5px}}@media (max-width:375px){.header-in .logo{font-size:16px}.header-l,.header-r{font-size:16px}.menu li{padding:15px 0}}

@media (max-width: 768px) {
  .hidden-xs {
    display: none !important;
  }
}

.header-in .logo a:nth-child(2):hover {
  color: #f00;
}

.header-in .logo a:nth-child(2):hover:before {
  color: #f1f1f1;
}