@media (max-width:768px){.page3 h4,.page5 .fun-list2 .text h4,.page7 .swiper-left>div h4{font-size:18px}.page5 .fun-list2 .text p,.page7 .swiper-left>div p{font-size:14px;line-height:24px}}.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:9;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-top .logo{font-size:0;padding:0}.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%;position:relative;top:0;left:0;z-index:8;-webkit-transition:background .5s cubic-bezier(.28,.11,.32,1);transition:background .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 a:nth-child(2):hover{color:red}.header-in .logo a:nth-child(2):hover:before{color:#f1f1f1}.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}.sort{line-height:50px}.sort li{float:left;font-size:20px;transition:all .4s ease;-ms-transition:all .4s ease;-o-transition:all .4s ease;-webkit-transition:all .4s ease;-moz-transition:all .4s ease}.sort li:first-child:after{content:'';width:1px;height:16px;background:#232425;display:inline-block;vertical-align:middle;margin:0 15px}.sort li:nth-child(2){font-size:14px}.sort li:nth-child(2):hover a{color:red}.sort li:nth-child(3){font-size:14px}.sort li:nth-child(3):hover a{color:red}.sort .active{font-weight:bolder}.sort .active a{color:#232425}.sort a{color:#616161;display:inline-block;vertical-align:middle;transition:all .4s ease;-ms-transition:all .4s ease;-o-transition:all .4s ease;-webkit-transition:all .4s ease;-moz-transition:all .4s ease}.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}.header-black.bgChanged .sort li:hover a{color:#fff}.header-black.bgChanged .sort li:first-child:after{background:#fff}.header-black.bgChanged .sort li:nth-child(2):after{background:#fff}@media (max-width:1680px){.header-in{width:76%}.header:after{width:76%}}@media (max-width:1440px){.header-in{width:80%}.header:after{width:80%}.logo{font-size:18px}}@media (max-width:1200px){.header-in{width:90%}.header:after{width:90%}.logo{font-size:16px}.center-menu a{margin:0 20px}.header-top{padding:0 5%}}@media (max-width:870px){.menu li{margin-left:15px}.sort li:first-child:after{margin:0 8px}}@media (max-width:800px){.menu li{margin-left:12px}}@media (max-width:768px){.header-warp{height:100px}.open .header-warp,.open article{margin-top:-50px}.header-in{width:90.67%}.header-top,.right-menu,.right-menu>div{height:50px;line-height:50px}.header-top .logo img{width:50px;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:10px; z-index:2;}.header-l:after{content:'';width:17px;height:9px;background:url(https://cdn.haojue.com/bocweb/products/dh/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/dh/images/icon2.png) no-repeat;background-size:100% 100%}.header-black.bgChanged .header-l:after{background:url(https://cdn.haojue.com/bocweb/products/dh/images/icon.png) no-repeat;width:17px;height:9px;background-size:100% 100%}.header-r{font-size:20px;line-height:30px;padding-top:10px}.sort li span{font-size:16px}.sort li:first-child:after{margin:0 8px;background:#fff;display:none}}@media (max-width:540px){.header-l{margin-left:15%}}@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:15%;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/dh/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}.sort li{font-size:16px}.sort li span{font-size:14px}.sort .active{font-weight:400}}@media (max-width:420px){.header-in .logo{font-size:16px}.header-l:after{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/dh/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}}.padding_68{padding-top:68px}@media (max-width:992px){.padding_68{padding-top:50px}}@media (max-width:768px){.padding_68{padding-top:10%}}.container_68{width:1200px;margin:0 auto;position:relative}@media (max-width:1440px){.container_68{width:calc(100% - 136px);width:-webkit-calc(100% - 136px)}}@media (max-width:992px){.container_68{width:90%}}.visible-lg,.visible-md,.visible-sm,.visible-xs{display:none!important}.visible-lg-block,.visible-lg-inline,.visible-lg-inline-block,.visible-md-block,.visible-md-inline,.visible-md-inline-block,.visible-sm-block,.visible-sm-inline,.visible-sm-inline-block,.visible-xs-block,.visible-xs-inline,.visible-xs-inline-block{display:none!important}@media (max-width:768px){.visible-xs{display:block!important}table.visible-xs{display:table!important}tr.visible-xs{display:table-row!important}td.visible-xs,th.visible-xs{display:table-cell!important}}@media (max-width:767px){.visible-xs-block{display:block!important}}@media (max-width:767px){.visible-xs-inline{display:inline!important}}@media (max-width:767px){.visible-xs-inline-block{display:inline-block!important}}@media (min-width:768px) and (max-width:991px){.visible-sm{display:block!important}table.visible-sm{display:table!important}tr.visible-sm{display:table-row!important}td.visible-sm,th.visible-sm{display:table-cell!important}}@media (min-width:768px) and (max-width:991px){.visible-sm-block{display:block!important}}@media (min-width:768px) and (max-width:991px){.visible-sm-inline{display:inline!important}}@media (min-width:768px) and (max-width:991px){.visible-sm-inline-block{display:inline-block!important}}@media (min-width:992px) and (max-width:1199px){.visible-md{display:block!important}table.visible-md{display:table!important}tr.visible-md{display:table-row!important}td.visible-md,th.visible-md{display:table-cell!important}}@media (min-width:992px) and (max-width:1199px){.visible-md-block{display:block!important}}@media (min-width:992px) and (max-width:1199px){.visible-md-inline{display:inline!important}}@media (min-width:992px) and (max-width:1199px){.visible-md-inline-block{display:inline-block!important}}@media (min-width:1200px){.visible-lg{display:block!important}table.visible-lg{display:table!important}tr.visible-lg{display:table-row!important}td.visible-lg,th.visible-lg{display:table-cell!important}}@media (min-width:1200px){.visible-lg-block{display:block!important}}@media (min-width:1200px){.visible-lg-inline{display:inline!important}}@media (min-width:1200px){.visible-lg-inline-block{display:inline-block!important}}@media (max-width:768px){.hidden-xs{display:none!important}}@media (min-width:768px) and (max-width:991px){.hidden-sm{display:none!important}}@media (min-width:992px) and (max-width:1199px){.hidden-md{display:none!important}}@media (min-width:1200px){.hidden-lg{display:none!important}}.icon{overflow:visible}.icon i{content:"";position:absolute;z-index:99999;width:18px;height:18px;background:#e60012;-moz-border-radius:50%;border-radius:50%;behavior:url(https://cdn.haojue.com/bocweb/products/dh/css/iecss3.htc)}.icon i+i{-webkit-animation:clickwaveII 2s 0s ease infinite;-moz-animation:clickwaveII 2s 0s ease infinite;-o-animation:clickwaveII 2s 0s ease infinite;animation:clickwaveII 2s 0s ease infinite}.icon i+i+i{-webkit-animation:clickwaveIII 2s 0s ease infinite;-moz-animation:clickwaveIII 2s 0s ease infinite;-o-animation:clickwaveIII 2s 0s ease infinite;animation:clickwaveIII 2s 0s ease infinite}@keyframes clickwaveII{0%{-moz-transform:scale(1);-o-transform:scale(1);transform:scale(1);-webkit-transform:scale(1);opacity:.9}80%{-moz-transform:scale(2);-o-transform:scale(2);transform:scale(2);-webkit-transform:scale(2);opacity:0}95%{-moz-transform:scale(1);-o-transform:scale(1);transform:scale(1);-webkit-transform:scale(1);opacity:0}100%{-moz-transform:scale(1);-o-transform:scale(1);transform:scale(1);-webkit-transform:scale(1);opacity:.9}}@keyframes clickwaveIII{0%{-moz-transform:scale(1);-o-transform:scale(1);transform:scale(1);-webkit-transform:scale(1);opacity:.6}80%{-moz-transform:scale(3.6);-o-transform:scale(3.6);transform:scale(3.6);-webkit-transform:scale(3.6);opacity:0}95%{-moz-transform:scale(1);-o-transform:scale(1);transform:scale(1);-webkit-transform:scale(1);opacity:0}100%{-moz-transform:scale(1);-o-transform:scale(1);transform:scale(1);-webkit-transform:scale(1);opacity:.6}}.text-bottom{position:absolute;width:100%;bottom:3.75%;color:#fff;text-align:center;line-height:1}@media (max-width:768px){.text-bottom{bottom:8%}}picture{display:block}h2{font-size:.26rem;letter-spacing:8px;font-weight:bolder;color:#fff;line-height:1}h3{font-size:.22rem}h4{font-size:25px}h5{font-size:30px}p{font-size:18px;line-height:1.444;margin:20px auto 0}@media (max-width:1440px){h5{font-size:26px}}@media (max-width:1366px){h4{font-size:20px}h5{font-size:24px}p{font-size:16px;margin-top:15px}}@media (max-width:1200px){h4{font-size:18px}h5{font-size:20px}}@media (max-width:1080px){p{font-size:14px;margin-top:12px}h4{font-size:16px}h5{font-size:18px}}@media (max-width:768px){h2{font-size:.53rem;letter-spacing:4px}h3{font-size:.53rem;letter-spacing:4px}p{font-size:.32rem;line-height:1.6666;margin-top:20px}h4{font-size:.4rem}h5{font-size:.32rem}}@media (max-width:420px){p{font-size:14px;line-height:24px;margin-top:15px}h2{font-size:24px;letter-spacing:2px}h3{font-size:22px}h4{font-size:16px}}@media (max-width:375px){p{font-size:13px;line-height:22px;margin-top:12px}h2{font-size:22px}h3{font-size:20px}h4{font-size:14px}}.banner{width:100%;position:relative}.banner .ban-icon{position:absolute;right:13%;bottom:7%}.more{position:absolute;bottom:6.5%;width:100%;z-index:999;overflow:visible}.more .more-btn{text-align:center;color:#323237;position:absolute;left:50%;transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);cursor:pointer;background-color:#fff;border:0;outline:0;font-size:18px;height:40px;line-height:40px;padding:0 52px 0 36px;border-radius:50px;box-shadow:0 5px 10px rgba(0,0,0,.1);opacity:.9;transition:box-shadow .3s,opacity .3s,-webkit-transform .3s;transition:transform .3s,box-shadow .3s,opacity .3s;transition:transform .3s,box-shadow .3s,opacity .3s,-webkit-transform .3s}.more .arrow-down,.more .arrow-up{display:block;position:absolute;right:19px;top:20px;-webkit-backface-visibility:hidden;width:10px;height:6px}.more .arrow-down:before,.more .arrow-up:before{content:"";display:block;position:absolute;width:100%;height:100%;left:0;top:0;background-size:10px 6px;background-repeat:no-repeat;background-position:center;transition:transform 1s;-ms-transition:transform 1s;-o-transition:transform 1s;-webkit-transition:transform 1s;-moz-transition:transform 1s}.more .arrow-up{animation:arrow-float 1.5s ease-in-out infinite;-webkit-animation:arrow-float 1.5s ease-in-out infinite;-moz-animation:arrow-float 1.5s ease-in-out infinite;-o-animation:arrow-float 1.5s ease-in-out infinite}.more .arrow-up:before{background-image:url(https://cdn.haojue.com/bocweb/products/dh/images/eq/icon2.png);margin-top:-8px}.more .arrow-down{animation:arrow-float-inverse 1.5s ease-in-out infinite;-webkit-animation:arrow-float-inverse 1.5s ease-in-out infinite;-moz-animation:arrow-float-inverse 1.5s ease-in-out infinite;-o-animation:arrow-float-inverse 1.5s ease-in-out infinite}.more .arrow-down:before{background-image:url(https://cdn.haojue.com/bocweb/products/dh/images/eq/icon3.png);margin-top:2px}.collapsed .arrow-up:before{transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg)}.collapsed .arrow-down:before{transform:rotate(-180deg);-ms-transform:rotate(-180deg);-o-transform:rotate(-180deg);-webkit-transform:rotate(-180deg);-moz-transform:rotate(-180deg)}.remark{font-size:12px;line-height:26px;color:#fff;position:absolute;right:5px;bottom:20px;z-index:9999}.page{position:relative;overflow:hidden}.page .bg{opacity:0;filter:alpha(opacity=0);transition:opacity 1s;-ms-transition:opacity 1s;-o-transition:opacity 1s;-webkit-transition:opacity 1s;-moz-transition:opacity 1s;position:relative}.page .bg1{position:relative}.move .bg{opacity:1;filter:alpha(opacity=100)}.module-menu{position:relative;z-index:1;overflow:hidden}.module-info{display:none}.sec-img{position:absolute}@media (max-width:1440px){.more .more-btn{font-size:16px}.banner .ban-icon img{width:155px;height:auto}}@media (max-width:992px){.more{bottom:10%}.more .more-btn{font-size:14px}.banner .ban-icon{bottom:3%}.banner .ban-icon img{width:130px}}@media (max-width:768px){.banner .ban-icon{right:5%}.more{bottom:8%}}.foot{padding:11.718% 0;color:#2a292c;background:#f2f2f3;position:relative}.foot a{position:absolute;width:100%;height:100%;left:0;top:0;z-index:5}.foot .text{position:relative;z-index:3}.foot h5{margin-bottom:28px;line-height:1}.foot h2{color:#2a292c}@media (max-width:768px){.foot{padding:32.8% 0}}