body{-webkit-tap-highlight-color:transparent;-webkit-tap-highlight-color:transparent;-webkit-font-smoothing:antialiased}
*,::before,:after{-moz-box-sizing:border-box;box-sizing:border-box}
blockquote,body,button,dd,dl,dt,fieldset,h1,h2,h3,h4,h5,h6,hr,input,lengend,li,ol,p,pre,td,textarea,th,ul{margin:0;padding:0}
body,button,input,select,textarea{font-family:"Microsoft YaHei","微软雅黑",Arail;outline:0;-webkit-appearance:none}
body{min-width:320px;overflow-x:hidden}
picture{display:block}
li,ol,ul{list-style:none}
a{text-decoration:none}
img{border:none;vertical-align:middle}
.clearfix:after,.clearfix:before{content:"";display:table}
.clearfix:after{clear:both}
.clearfix{zoom:1}
em,h1,h2,h3,h4,h5,h6,i,u{font-style:normal;font-weight:400}
.fl{float:left}
.fr{float:right}
.text-left{text-align:left}
.text-right{text-align:right}
.text-center{text-align:center}
.text-lowercase{text-transform:lowercase}
.text-uppercase{text-transform:uppercase}
.text-capitalize{text-transform:capitalize}
.container-fluid{padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}
.row{margin-right:-15px;margin-left:-15px}
.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9{position:relative;min-height:1px;padding-right:15px;padding-left:15px}
.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9{float:left}
.col-xs-12{width:100%}
.col-xs-11{width:91.66666667%}
.col-xs-10{width:83.33333333%}
.col-xs-9{width:75%}
.col-xs-8{width:66.66666667%}
.col-xs-7{width:58.33333333%}
.col-xs-6{width:50%}
.col-xs-5{width:41.66666667%}
.col-xs-4{width:33.33333333%}
.col-xs-3{width:25%}
.col-xs-2{width:16.66666667%}
.col-xs-1{width:8.33333333%}
.col-xs-pull-12{right:100%}
.col-xs-pull-11{right:91.66666667%}
.col-xs-pull-10{right:83.33333333%}
.col-xs-pull-9{right:75%}
.col-xs-pull-8{right:66.66666667%}
.col-xs-pull-7{right:58.33333333%}
.col-xs-pull-6{right:50%}
.col-xs-pull-5{right:41.66666667%}
.col-xs-pull-4{right:33.33333333%}
.col-xs-pull-3{right:25%}
.col-xs-pull-2{right:16.66666667%}
.col-xs-pull-1{right:8.33333333%}
.col-xs-pull-0{right:auto}
.col-xs-push-12{left:100%}
.col-xs-push-11{left:91.66666667%}
.col-xs-push-10{left:83.33333333%}
.col-xs-push-9{left:75%}
.col-xs-push-8{left:66.66666667%}
.col-xs-push-7{left:58.33333333%}
.col-xs-push-6{left:50%}
.col-xs-push-5{left:41.66666667%}
.col-xs-push-4{left:33.33333333%}
.col-xs-push-3{left:25%}
.col-xs-push-2{left:16.66666667%}
.col-xs-push-1{left:8.33333333%}
.col-xs-push-0{left:auto}
.col-xs-offset-12{margin-left:100%}
.col-xs-offset-11{margin-left:91.66666667%}
.col-xs-offset-10{margin-left:83.33333333%}
.col-xs-offset-9{margin-left:75%}
.col-xs-offset-8{margin-left:66.66666667%}
.col-xs-offset-7{margin-left:58.33333333%}
.col-xs-offset-6{margin-left:50%}
.col-xs-offset-5{margin-left:41.66666667%}
.col-xs-offset-4{margin-left:33.33333333%}
.col-xs-offset-3{margin-left:25%}
.col-xs-offset-2{margin-left:16.66666667%}
.col-xs-offset-1{margin-left:8.33333333%}
.col-xs-offset-0{margin-left:0}
@media (min-width:751px){.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9{float:left}
.col-sm-12{width:100%}
.col-sm-11{width:91.66666667%}
.col-sm-10{width:83.33333333%}
.col-sm-9{width:75%}
.col-sm-8{width:66.66666667%}
.col-sm-7{width:58.33333333%}
.col-sm-6{width:50%}
.col-sm-5{width:41.66666667%}
.col-sm-4{width:33.33333333%}
.col-sm-3{width:25%}
.col-sm-2{width:16.66666667%}
.col-sm-1{width:8.33333333%}
.col-sm-pull-12{right:100%}
.col-sm-pull-11{right:91.66666667%}
.col-sm-pull-10{right:83.33333333%}
.col-sm-pull-9{right:75%}
.col-sm-pull-8{right:66.66666667%}
.col-sm-pull-7{right:58.33333333%}
.col-sm-pull-6{right:50%}
.col-sm-pull-5{right:41.66666667%}
.col-sm-pull-4{right:33.33333333%}
.col-sm-pull-3{right:25%}
.col-sm-pull-2{right:16.66666667%}
.col-sm-pull-1{right:8.33333333%}
.col-sm-pull-0{right:auto}
.col-sm-push-12{left:100%}
.col-sm-push-11{left:91.66666667%}
.col-sm-push-10{left:83.33333333%}
.col-sm-push-9{left:75%}
.col-sm-push-8{left:66.66666667%}
.col-sm-push-7{left:58.33333333%}
.col-sm-push-6{left:50%}
.col-sm-push-5{left:41.66666667%}
.col-sm-push-4{left:33.33333333%}
.col-sm-push-3{left:25%}
.col-sm-push-2{left:16.66666667%}
.col-sm-push-1{left:8.33333333%}
.col-sm-push-0{left:auto}
.col-sm-offset-12{margin-left:100%}
.col-sm-offset-11{margin-left:91.66666667%}
.col-sm-offset-10{margin-left:83.33333333%}
.col-sm-offset-9{margin-left:75%}
.col-sm-offset-8{margin-left:66.66666667%}
.col-sm-offset-7{margin-left:58.33333333%}
.col-sm-offset-6{margin-left:50%}
.col-sm-offset-5{margin-left:41.66666667%}
.col-sm-offset-4{margin-left:33.33333333%}
.col-sm-offset-3{margin-left:25%}
.col-sm-offset-2{margin-left:16.66666667%}
.col-sm-offset-1{margin-left:8.33333333%}
.col-sm-offset-0{margin-left:0}
}
@media (min-width:992px){.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9{float:left}
.col-md-12{width:100%}
.col-md-11{width:91.66666667%}
.col-md-10{width:83.33333333%}
.col-md-9{width:75%}
.col-md-8{width:66.66666667%}
.col-md-7{width:58.33333333%}
.col-md-6{width:50%}
.col-md-5{width:41.66666667%}
.col-md-4{width:33.33333333%}
.col-md-3{width:25%}
.col-md-2{width:16.66666667%}
.col-md-1{width:8.33333333%}
.col-md-pull-12{right:100%}
.col-md-pull-11{right:91.66666667%}
.col-md-pull-10{right:83.33333333%}
.col-md-pull-9{right:75%}
.col-md-pull-8{right:66.66666667%}
.col-md-pull-7{right:58.33333333%}
.col-md-pull-6{right:50%}
.col-md-pull-5{right:41.66666667%}
.col-md-pull-4{right:33.33333333%}
.col-md-pull-3{right:25%}
.col-md-pull-2{right:16.66666667%}
.col-md-pull-1{right:8.33333333%}
.col-md-pull-0{right:auto}
.col-md-push-12{left:100%}
.col-md-push-11{left:91.66666667%}
.col-md-push-10{left:83.33333333%}
.col-md-push-9{left:75%}
.col-md-push-8{left:66.66666667%}
.col-md-push-7{left:58.33333333%}
.col-md-push-6{left:50%}
.col-md-push-5{left:41.66666667%}
.col-md-push-4{left:33.33333333%}
.col-md-push-3{left:25%}
.col-md-push-2{left:16.66666667%}
.col-md-push-1{left:8.33333333%}
.col-md-push-0{left:auto}
.col-md-offset-12{margin-left:100%}
.col-md-offset-11{margin-left:91.66666667%}
.col-md-offset-10{margin-left:83.33333333%}
.col-md-offset-9{margin-left:75%}
.col-md-offset-8{margin-left:66.66666667%}
.col-md-offset-7{margin-left:58.33333333%}
.col-md-offset-6{margin-left:50%}
.col-md-offset-5{margin-left:41.66666667%}
.col-md-offset-4{margin-left:33.33333333%}
.col-md-offset-3{margin-left:25%}
.col-md-offset-2{margin-left:16.66666667%}
.col-md-offset-1{margin-left:8.33333333%}
.col-md-offset-0{margin-left:0}
}
@media (min-width:1200px){.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9{float:left}
.col-lg-12{width:100%}
.col-lg-11{width:91.66666667%}
.col-lg-10{width:83.33333333%}
.col-lg-9{width:75%}
.col-lg-8{width:66.66666667%}
.col-lg-7{width:58.33333333%}
.col-lg-6{width:50%}
.col-lg-5{width:41.66666667%}
.col-lg-4{width:33.33333333%}
.col-lg-3{width:25%}
.col-lg-2{width:16.66666667%}
.col-lg-1{width:8.33333333%}
.col-lg-pull-12{right:100%}
.col-lg-pull-11{right:91.66666667%}
.col-lg-pull-10{right:83.33333333%}
.col-lg-pull-9{right:75%}
.col-lg-pull-8{right:66.66666667%}
.col-lg-pull-7{right:58.33333333%}
.col-lg-pull-6{right:50%}
.col-lg-pull-5{right:41.66666667%}
.col-lg-pull-4{right:33.33333333%}
.col-lg-pull-3{right:25%}
.col-lg-pull-2{right:16.66666667%}
.col-lg-pull-1{right:8.33333333%}
.col-lg-pull-0{right:auto}
.col-lg-push-12{left:100%}
.col-lg-push-11{left:91.66666667%}
.col-lg-push-10{left:83.33333333%}
.col-lg-push-9{left:75%}
.col-lg-push-8{left:66.66666667%}
.col-lg-push-7{left:58.33333333%}
.col-lg-push-6{left:50%}
.col-lg-push-5{left:41.66666667%}
.col-lg-push-4{left:33.33333333%}
.col-lg-push-3{left:25%}
.col-lg-push-2{left:16.66666667%}
.col-lg-push-1{left:8.33333333%}
.col-lg-push-0{left:auto}
.col-lg-offset-12{margin-left:100%}
.col-lg-offset-11{margin-left:91.66666667%}
.col-lg-offset-10{margin-left:83.33333333%}
.col-lg-offset-9{margin-left:75%}
.col-lg-offset-8{margin-left:66.66666667%}
.col-lg-offset-7{margin-left:58.33333333%}
.col-lg-offset-6{margin-left:50%}
.col-lg-offset-5{margin-left:41.66666667%}
.col-lg-offset-4{margin-left:33.33333333%}
.col-lg-offset-3{margin-left:25%}
.col-lg-offset-2{margin-left:16.66666667%}
.col-lg-offset-1{margin-left:8.33333333%}
.col-lg-offset-0{margin-left:0}
}
.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:768px){.visible-xs-block{display:block!important}
}
@media (max-width:768px){.visible-xs-inline{display:inline!important}
}
@media (max-width:768px){.visible-xs-inline-block{display:inline-block!important}
}
@media (min-width:751px) 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:751px) and (max-width:991px){.visible-sm-block{display:block!important}
}
@media (min-width:751px) and (max-width:991px){.visible-sm-inline{display:inline!important}
}
@media (min-width:751px) 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}
.visible-xs{display:block!important}
}
@media (min-width:751px) 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}
}
.transition{transition:.4s;-ms-transition:.4s;-o-transition:.4s;-webkit-transition:.4s;-moz-transition:.4s}
.uppercase{text-transform:uppercase}
.responsive{width:100%}
#uc_recommend_ad{display:none!important}
.img_scale{overflow:hidden}
.img_scale img{transition:transform .6s ease;-ms-transition:transform .6s ease;-o-transition:transform .6s ease;-webkit-transition:transform .6s ease;-moz-transition:transform .6s ease}
.img_scale:hover img{transform:scale(1.05);-ms-transform:scale(1.05);-o-transform:scale(1.05);-webkit-transform:scale(1.05);-moz-transform:scale(1.05)}
.attention{position:absolute;right:3%;bottom:3%;font-size:12px;color:#fff;z-index:3}
@media (max-width:1360px){.attention{font-size:14px}
}
@media (max-width:768px){.attention{right:auto;text-align:center;left:50%;transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);white-space:nowrap}
}
@media (max-width:420px){.attention{font-size:13px}
}
.page{position:relative}
h2{font-size:.31rem;letter-spacing:8px;font-weight:bolder;color:#fff;line-height:1}
h3{font-size:.26rem;letter-spacing:5px;font-weight:bolder;color:#313131;line-height:1}
h6{font-size:.42rem;color:#fff;line-height:1;font-weight:700;letter-spacing:8px}
h4{font-size:.17rem;letter-spacing:4px;font-weight:bolder}
h5{font-size:19px;font-weight:700;color:#fff}
p{font-size:18px;line-height:1.444;margin:20px auto 0}
.white{color:#fff}
.font18{font-size:18px}
.fontWeight{font-weight:400}
@media (max-width:1440px){h5{font-size:18px}
h2{font-size:.27rem}
.font18{font-size:16px}
}
@media (max-width:1366px){h3{font-size:.23rem}
h5{font-size:17px}
p{font-size:16px;margin-top:15px}
}
@media (max-width:1280px){h4{font-size:24px}
}
@media (max-width:1200px){h2{font-size:32px}
h3{font-size:25px}
h4{font-size:22px}
p{font-size:14px;margin-top:12px}
.font18{font-size:14px}
}
@media (max-width:992px){h2{font-size:28px;letter-spacing:4px}
h3{font-size:24px}
h4{font-size:20px;letter-spacing:1px}
}
@media (max-width:768px){h2{font-size:.53rem;letter-spacing:4px}
h3{font-size:.47rem;letter-spacing:3px}
h4{font-size:.4rem}
h5{font-size:.4rem}
p{font-size:.32rem;line-height:1.6666;margin-top:20px}
h6{font-size:.67rem;letter-spacing:4px}}
@media (max-width:680px){p{margin-top:15px}
}
@media (max-width:480px){h2{font-size:26px}
h3{font-size:23px}
h4{font-size:22px}
h5{font-size:18px}
p{font-size:16px;margin-top:10px}
}
@media (max-width:420px){h2{font-size:24px;letter-spacing:2px}
h3{font-size:22px;letter-spacing:2px}
h4{font-size:20px;letter-spacing:2px}
p{font-size:14px;margin-top:15px}
}
@media (max-width:375px){h2{font-size:22px}
h3{font-size:20px}
h4{font-size:18px}
p{margin-top:12px}
}
.page.more{background:url(https://cdn.haojue.com/bocweb/products/GW250A/images/page5-bg.jpg) no-repeat center/cover;padding-top:10.8333%;padding-bottom:10.8333%;color:#fff;position:relative;margin-top:-1px}
.page.more .bg,.page.more a{position:absolute;width:100%;height:100%;left:0;top:0;z-index:1}
.page.more a{z-index:5}
.page.more .text{position:relative;z-index:3}
.page.more h5{margin-bottom:20px;line-height:1;font-size:30px;font-weight:400}
.page.more.move .bg{opacity:1}
@media (max-width:1440px){.page.more h5{margin-bottom:15px;font-size:26px}
}
@media (max-width:1366px){.page.more h5{font-size:24px}
}
@media (max-width:1200px){.page.more h5{margin-bottom:12px;font-size:20px}
}
@media (max-width:1080px){.page.more h5{font-size:18px}
}
@media (max-width:768px){.page.more{padding-top:32.6667%;padding-bottom:32.6667%;background:url(https://cdn.haojue.com/bocweb/products/GW250A/images/m-page5-bg.jpg) no-repeat center/cover}
.page.more h5{margin-bottom:20px;font-size:.53rem}
}
@media (max-width:480px){.page.more h5{margin-bottom:15px}
}
@media (max-width:375px){.page.more h5{margin-bottom:12px}
}
.swiper-wrapper{height:auto!important}
.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%}
}
.prompt-txt{position:absolute;font-size:15px;color:#333}
.prompt-txt-white{color:#fff}
.prompt-txt-gary{color:#b6b6b6}
@media (max-width:1440px){.prompt-txt{font-size:14px}
}
@media (max-width:1200px){.prompt-txt{font-size:12px}
}
@media (max-width:768px){.prompt-txt{font-size:15px}
}
@media (max-width:640px){.prompt-txt{font-size:12px}
}
@media (max-width:560px){.prompt-txt{font-size:13px}
}
@media (max-width:480px){.prompt-txt{font-size:12px;bottom:15px}
}
.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-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%;top:0;left:0;z-index:8;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:45px;font-size:20px;font-weight:700}
.header-in .logo a{display:inline-block;vertical-align:middle;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-right: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}
.header-black .header-in .logo 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 .header-in .logo 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-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;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;position:absolute;z-index:2;left:50%;top:50%;transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);margin-left:2%}
.header-l:after{content:'';width:17px;height:9px;background:url(https://cdn.haojue.com/bocweb/products/GW250A/images/h-icon.png) no-repeat;display:inline-block;vertical-align:middle;margin-left:12px;background-size:100% 100%}
.header-l input{width:50px}
.header-black .header-l:after{width:17px;height:9px;background:url(https://cdn.haojue.com/bocweb/products/GW250A/images/h-icon2.png) no-repeat;background-size:100% 100%}
.header-black.bgChanged .header-l:after{background:url(https://cdn.haojue.com/bocweb/products/GW250A/images/h-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:0}
.header-in .logo span:after{margin:0 5px}
.menu li{font-size:16px;padding:24px 0}
.header-l{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/GW250A/images/h-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/GW250A/images/h-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:320px){.header-l{margin-left:10%}
}
.icon{overflow:visible}
.icon i{content:"";position:absolute;z-index:99999;width:18px;height:18px;background:#db0029;-moz-border-radius:50%;border-radius:50%;behavior:url(https://cdn.haojue.com/bocweb/products/GW250A/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%}
}
.btn{position:absolute;bottom:6.5%;width:100%;z-index:999;overflow:visible}
.btn .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;-webkit-box-shadow:0 5px 10px rgba(0,0,0,.1);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}
.btn .more-btn:hover{-webkit-box-shadow:0 20px 20px rgba(0,0,0,.1);box-shadow:0 20px 20px rgba(0,0,0,.1);opacity:1;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}
.btn .collapsed{-webkit-box-shadow:0 20px 20px rgba(0,0,0,.1);box-shadow:0 20px 20px rgba(0,0,0,.1);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}
.btn .collapsed:hover{-webkit-box-shadow:0 5px 10px rgba(0,0,0,.1);box-shadow:0 5px 10px rgba(0,0,0,.1);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}
.btn .collapsed .arrow-up:before{transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg)}
.btn .collapsed .arrow-down:before{transform:rotate(-180deg);-ms-transform:rotate(-180deg);-o-transform:rotate(-180deg);-webkit-transform:rotate(-180deg);-moz-transform:rotate(-180deg)}
.btn .fixed-top{position:fixed;top:80px}
.btn .fixed-bottom{position:absolute}
.btn .arrow-down,.btn .arrow-up{display:block;position:absolute;right:19px;top:22px;-webkit-backface-visibility:hidden;width:10px;height:6px}
.btn .arrow-down:before,.btn .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}
.btn .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}
.btn .arrow-up:before{background-image:url(https://cdn.haojue.com/bocweb/products/GW250A/images/3/icon-up.png);margin-top:-8px}
.btn .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}
.btn .arrow-down:before{background-image:url(https://cdn.haojue.com/bocweb/products/GW250A/images/3/icon-down.png);margin-top:2px}
@-webkit-keyframes arrow-collapse{0%{-webkit-transform:translatey(0) rotate(0)}
50%{-webkit-transform:translatey(-3px)}
100%{-webkit-transform:translatey(0) rotate(-180deg)}
}
@keyframes arrow-collapse{0%{-webkit-transform:translatey(0) rotate(0);transform:translatey(0) rotate(0)}
50%{-webkit-transform:translatey(-3px);transform:translatey(-3px)}
100%{-webkit-transform:translatey(0) rotate(-180deg);transform:translatey(0) rotate(-180deg)}
}
@-webkit-keyframes arrow-float{0%{-webkit-transform:translatey(0)}
50%{-webkit-transform:translatey(-3px)}
100%{-webkit-transform:translatey(0)}
}
@keyframes arrow-float{0%{-webkit-transform:translatey(0);transform:translatey(0)}
50%{-webkit-transform:translatey(-3px);transform:translatey(-3px)}
100%{-webkit-transform:translatey(0);transform:translatey(0)}
}
@-webkit-keyframes arrow-float-inverse{0%{-webkit-transform:translatey(0)}
50%{-webkit-transform:translatey(3px)}
100%{-webkit-transform:translatey(0)}
}
@keyframes arrow-float-inverse{0%{-webkit-transform:translatey(0);transform:translatey(0)}
50%{-webkit-transform:translatey(3px);transform:translatey(3px)}
100%{-webkit-transform:translatey(0);transform:translatey(0)}
}
@media (max-width:1440px){.btn{bottom:10%}
.btn .more-btn{font-size:16px}
}
@media (max-width:992px){.btn{bottom:12%}
.btn .more-btn{font-size:14px}
}
@media (max-width:768px){.btn .more-btn{font-size:14px}
}
@media (max-width:420px){.btn{bottom:16%}
.btn .more-btn{height:36px;line-height:36px;padding:0 36px 0 28px}
.btn .arrow-down,.btn .arrow-up{top:19px}
.btn .arrow-down:before{margin-top:0}
}
#s-eagle .page1{position:relative}
#s-eagle .page1 .bg{opacity:0;transition:opacity 1s;-ms-transition:opacity 1s;-o-transition:opacity 1s;-webkit-transition:opacity 1s;-moz-transition:opacity 1s;position:relative}
.ie [ie-reset]{visibility:visible!important;opacity:1!important;transform:none!important;-ms-transform:none!important;-o-transform:none!important;-webkit-transform:none!important;-moz-transform:none!important}