/* Source: https://www.dhb168.com/css/common.css, verified 2026-09-30.
 * Scoped official chrome. Research content styles are intentionally untouched. */
.dhb-official-header, .dhb-official-footer { font-family: PingFangSC-Regular, "microsoft yahei", PingFangSC-Medium, sans-serif; font-size:16px; font-weight:400; line-height:normal; color:#000; letter-spacing:normal; }
.dhb-official-header *, .dhb-official-footer * { margin:0; padding:0; box-sizing:border-box; }
.dhb-official-header a, .dhb-official-footer a { color:#000; text-decoration:none; }
.dhb-official-header a:hover, .dhb-official-footer a:hover { color:#FF6B40; }
.dhb-official-header li, .dhb-official-footer li { list-style:none; }
.dhb-official-header img, .dhb-official-footer img { display:inline; border:0; max-width:none; height:auto; }
.dhb-official-header .btn-dhb.big,
.dhb-official-header .text-center {
 text-align:center
}.dhb-official-header .btn-dhb,
.dhb-official-header .button-group img,
.dhb-official-header .logo-pic img {
 vertical-align:middle
}.dhb-official-header .hide {
 display:none
}.dhb-official-header .pull-left {
 float:left
}.dhb-official-header .pull-right {
 float:right
}.dhb-official-header .btn-dhb {
 line-height:30px;
 height:30px;
 padding:0 12px;
 display:inline-block;
 border-radius:3px;
 border:1px solid #FFA474;
 position:relative;
 overflow:hidden
}.dhb-official-header .btn-dhb>span {
 position:relative;
 z-index:2
}.dhb-official-header .btn-dhb:before {
 content:"";
 width:10px;
 height:20px;
 opacity:0;
 left:calc(50% - 5px);
 top:calc(50% - 10px);
 position:absolute;
 z-index:1;
 -webkit-transition:all .3s;
 transition:all .3s;
}.dhb-official-header .btn-dhb.big {
 font-size:14px;
 line-height:1;
 width:146px;
 height:44px;
 padding:14px 0;
 font-family: PingFangSC-Regular;
}.dhb-official-header .color-btn {
 background:-webkit-gradient(linear,left top,right top,from(#FF6B40),to(#FFA474));
 background:linear-gradient(to right,#FF6B40,#FFA474);
 color:#fff;
 border:none
}.dhb-official-header .color-btn:before,
.dhb-official-header .white-btn {
 /*! background:#fff; */
}.dhb-official-header .color-btn:hover {

 border:1px solid #C2C2C2
}.dhb-official-header .color-btn:hover:before {
 opacity:1;
 -webkit-transform:scale(40,4);
 -ms-transform:scale(40,4);
 transform:scale(40,4)
}.dhb-official-header .white-btn {
 color:#FF6B40;
 border-color:#C2C2C2
}.dhb-official-header .white-btn.big:hover {
 border:none
}.dhb-official-header .white-btn:before {
 background:-webkit-gradient(linear,left top,right top,from(#FF6B40),to(#FFA474));
 background:linear-gradient(to right,#FF6B40,#FFA474);
}.dhb-official-header .white-btn:hover {
 border:none;
 color:#fff
}.dhb-official-header .white-btn:hover:before {
 opacity:1;
 -webkit-transform:scale(40,4);
 -ms-transform:scale(40,4);
 transform:scale(40,4)
}.dhb-official-header.nav-wrapper {
 line-height:64px;
 height:64px;
 padding:0 40px;
 box-sizing:border-box;
 position:absolute;
 top:0;
 width:100%;
 z-index:10
}.dhb-official-header.fixed-ele .header-wrapper>section>a {
 color:#5C5C5C;
 font-size: 16px;
}.dhb-official-header.fixed-ele .header-wrapper>section>a:hover {
 color:#FF6B40;
}.dhb-official-header .header-wrapper {
 text-align: center;
}

@media (max-width: 1200px) {.dhb-official-header .header-wrapper {
 padding-left: 13%; text-align: left;
}
}.dhb-official-header .header-wrapper>section {
 display:inline-block;
 line-height:30px;
 width:90px;
 -webkit-box-sizing:border-box;
 box-sizing:border-box;
 text-align: center;
}.dhb-official-header .header-wrapper section .cur {color:#FFA474 !important;}.dhb-official-header .header-wrapper>section:hover .menu-wrapper {
 height:auto;
}.dhb-official-header .header-wrapper>block-menu:hover .menu-wrapper {
 height: auto;
}.dhb-official-header .header-wrapper>section .menu-wrapper {
 -webkit-box-sizing:border-box;
 box-sizing:border-box;
 left:0;
 top:100%;
 position:absolute;
 background:#fff;
 height:0;
 overflow:hidden;
 width:100%;
 -webkit-box-shadow:0 1px 1px #f4f3f3;
 box-shadow:0 1px 1px #f4f3f3
}.dhb-official-header .header-wrapper>section.block-menu>a {
 height:64px;
 line-height:64px;
 display:inline-block;
 font-size: 16px;
}.dhb-official-header .header-wrapper .m-line {
 border-bottom:1px solid rgba(0,0,0,.06);
 display:none
}.dhb-official-header .header-wrapper .s-list-wrapper {
 text-align:left;
 margin-top: 5px;
}.dhb-official-header .header-wrapper .s-list-wrapper .resolve-solution {
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 width:1176px;
 margin:0 auto
}.dhb-official-header .header-wrapper .s-list-wrapper .resolve-solution .t-i {
 display:block;
 padding:30px 0 20px;
 color:#908f8f;
 line-height:28px;
 font-size:12px
}.dhb-official-header .header-wrapper .s-list-wrapper .resolve-solution .more-menu {
 overflow:hidden
}.dhb-official-header .header-wrapper .s-list-wrapper .resolve-solution .more-menu>div {
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 margin:12px 0
}.dhb-official-header .header-wrapper .s-list-wrapper .resolve-solution .more-menu>div img {
 width:24px;
 height:24px;
 margin-right:12px
}.dhb-official-header .header-wrapper .s-list-wrapper .resolve-solution .more-menu>div>div>div {
 font-size:16px;
 color:#646464;
 display:block;
 line-height:28px
}.dhb-official-header .header-wrapper .s-list-wrapper .resolve-solution .more-menu>div>div>p {
 margin-top:4px;
 line-height:normal;
 color:#908f8f;
 font-size:12px
}.dhb-official-header .header-wrapper .s-list-wrapper .resolve-solution>li {
 width:30%;
 padding-left:5%;
 padding-bottom:40px
}.dhb-official-header .header-wrapper .s-list-wrapper .resolve-solution>li .db a {
font-size: 16px;
font-family: PingFangSC, PingFangSC-Medium;
text-align: center;
color: #646464;
line-height: 22px;
width: 100%;
margin-top: 10px;
}.dhb-official-header .header-wrapper .s-list-wrapper .resolve-solution>li a {
float: left
}.dhb-official-header .header-wrapper .s-list-wrapper .resolve-solution .active-item {
 color:#FF6B40
}.dhb-official-header .header-wrapper .s-list-wrapper .resolve-solution .m-divider {
 width:1px;
 padding:0;
 background:#E5E5E5;
 margin:20px 0
}.dhb-official-header .header-wrapper .s-list-wrapper .gywm {
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 width:900px;
 margin:0 auto
}.dhb-official-header .header-wrapper .s-list-wrapper .gywm .t-i {
 display:block;
 padding:30px 0 20px;
 color:#908f8f;
 line-height:28px;
 font-size:12px
}.dhb-official-header .header-wrapper .s-list-wrapper .gywm .more-menu {
 overflow:hidden
}.dhb-official-header .header-wrapper .s-list-wrapper .gywm .more-menu>div {
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 margin:12px 0
}.dhb-official-header .header-wrapper .s-list-wrapper .gywm .more-menu>div img {
 width:24px;
 height:24px;
 margin-right:12px
}.dhb-official-header .header-wrapper .s-list-wrapper .gywm .more-menu>div>div>div {
 font-size:16px;
 color:#646464;
 display:block;
 line-height:28px
}.dhb-official-header .header-wrapper .s-list-wrapper .gywm .more-menu>div>div>p {
 margin-top:4px;
 line-height:normal;
 color:#908f8f;
 font-size:12px
}.dhb-official-header .header-wrapper .s-list-wrapper .gywm>li {
 line-height: 65px;
 height: 65px;
 float: right;
 width: 100%;
 text-align: right;
 padding-left: 24%;
}.dhb-official-header .header-wrapper .s-list-wrapper .gywm>li a {
width: 12%;
float: left;
text-align: center;
}.dhb-official-header .header-wrapper .s-list-wrapper .gywm .active-item {
 color:#FF6B40
}.dhb-official-header .header-wrapper .s-list-wrapper .gywm .m-divider {
 width:1px;
 padding:0;
 background:#E5E5E5;
 margin:20px 0
}.dhb-official-header .button-group,
.dhb-official-header .logo-pic {
 position:absolute
}.dhb-official-header .logo-pic {
 left:40px;
}.dhb-official-header .logo-pic .fusion-sticky-logo {
 height:20px
}.dhb-official-header .logo-pic .no-color {
 display:inline-block
}.dhb-official-header .logo-pic .has-color {
 display:none
}.dhb-official-header.fixed-ele {
 position:fixed;
 background:#fff;
 border-bottom:1px solid #eee
}.dhb-official-header.fixed-ele a {
color: #ddd；
}.dhb-official-header.fixed-ele .has-color {
 display:inline-block
}.dhb-official-header.fixed-ele .no-color {
 display:none
}.dhb-official-footer.footer-wrapper {
 display:inline-block;
 width:100%
}.dhb-official-footer.footer-wrapper .footer-phone {
 display:inline-block;
 width:100%;
 padding: 15px;
 font-size: 45px;
 margin: 20px auto;
 text-align: center;
}.dhb-official-footer.footer-wrapper .footer-phone img {


 text-align: center;

 width: 50px;
 padding-top: 10px;
 position: relative;
 margin-bottom: -8px;
}.dhb-official-footer.footer-wrapper .link-wrapper {
 width:1176px;
 margin:0 auto 60px auto;
 overflow:hidden
}.dhb-official-footer.footer-wrapper .link-wrapper .link-list {
 display:table;
 table-layout:fixed;
 width:100%;
 font-size:14px
}.dhb-official-footer.footer-wrapper .link-wrapper .link-list>div {
 display:table-cell;
 line-height:28px
}.dhb-official-footer.footer-wrapper .link-wrapper .link-list>div>span {
 font-size:20px;
 font-weight:500;
 margin-bottom:10px;
 color:#282828;
}.dhb-official-footer.footer-wrapper .link-wrapper .link-list>div a,
.dhb-official-footer.footer-wrapper .link-wrapper .link-list>div i {
 color:#282828;
}.dhb-official-footer.footer-wrapper .link-wrapper .link-list>div a:hover {
 color:#FF6B40
}.dhb-official-footer.footer-wrapper .link-wrapper .link-list>div .QR {
 white-space:nowrap
}.dhb-official-footer.footer-wrapper .link-wrapper .link-list>div .QR span {
 display:inline-block;
 padding-right:10px;
 color:#a9a9a9
}.dhb-official-footer.footer-wrapper .link-wrapper .link-list>div .QR span img {
 vertical-align:text-top;
 width:88px;
}.dhb-official-header .bring-DHB,
.dhb-official-header .eg-DHB {
 width:1176px;
 overflow:hidden
}.dhb-official-footer.footer-wrapper .link-wrapper .link-list>div .QR span p {
 font-size:12px
}.dhb-official-footer.footer-wrapper .link-wrapper .link-list>div>* {
 display:block;
 font-style:normal
}.dhb-official-footer.footer-wrapper .copyright-wrapper {
 border-top:1px solid #E5E5E5
}.dhb-official-footer.footer-wrapper .copyright-wrapper .copyright-inner {
 font-size:14px;
 width:1176px;
 overflow:hidden;
 margin:16px auto;
 line-height:26px
}.dhb-official-footer.footer-wrapper .copyright-wrapper .copyright-inner>div>a {
 margin-right: 15px;
 float: none;
 display: contents;
}.dhb-official-footer.footer-wrapper .copyright-wrapper .copyright-inner .company-info {
 color:#BABABA;margin-right:15px;float: none;display: contents;
}.dhb-official-header .button-group {
 right:40px;
 top:0;
 font-size:0
}.dhb-official-header .button-group .btn-dhb {
 font-size:14px;
 border:#FF6B40 1px solid;
 width:88px;
 text-align:center;
 -webkit-box-sizing:border-box;
 box-sizing:border-box;
 height: 30px;
 line-height: 29px;
}.dhb-official-header .button-group .index-btn-white {
 border:none
}.dhb-official-header .button-group .index-btn-white:hover,
.dhb-official-header .single-btn.white-btn.big:hover {
 border:1px solid #fff
}.dhb-official-header .button-group .index-btn-color {

 background:0 0;
 border:1px solid #fff
}.dhb-official-header .emt {
 display:inline-block;
 width:16px
}

/*400*/
/* Use the official white sticky state on a content page without a hero image. */
.dhb-official-header.nav-wrapper { z-index:100; backdrop-filter:none; -webkit-backdrop-filter:none; transition:none; box-shadow:none; }
.admin-bar .dhb-official-header.nav-wrapper { top:32px; }
.dhb-official-header .header-wrapper > section > a { color:#5C5C5C; font-size:16px; }
.dhb-official-header .header-wrapper > section > a:hover { color:#FF6B40; }
.dhb-official-header .color-btn:hover { color:#FF6B40; }
.dhb-official-header .header-wrapper > section:focus-within .menu-wrapper { height:auto; }
.dhb-official-header .menu-wrapper { visibility:hidden; }
.dhb-official-header section:hover .menu-wrapper, .dhb-official-header section:focus-within .menu-wrapper { visibility:visible; }
.dhb-official-header .official-menu-toggle { display:none; }
.dhb-official-footer.footer-wrapper { background:#fff; }
.dhb-official-footer .official-phone-number { white-space:nowrap; }
.dhb-official-header a:focus-visible, .dhb-official-footer a:focus-visible, .dhb-official-mobile-nav a:focus-visible { outline:2px solid #FF6B40; outline-offset:3px; }
.dhb-official-mobile-nav { font-family:PingFangSC-Regular, "microsoft yahei", PingFangSC-Medium, sans-serif; }
@media (max-width:1100px) {
  .dhb-official-header.nav-wrapper { padding:0 24px; }
  .dhb-official-header .header-wrapper { padding:0; }
  .dhb-official-header .header-wrapper > section, .dhb-official-header .button-group { display:none; }
  .dhb-official-header .logo-pic { left:24px; }
  .dhb-official-header .official-menu-toggle { display:flex; position:absolute; right:24px; top:12px; }
  .dhb-official-mobile-nav.mobile-nav { display:block; }
  .mobile-backdrop { position:fixed; top:64px; inset-inline:0; bottom:0; z-index:89; display:block; background:rgba(31,35,41,.3); }
  .dhb-official-mobile-nav.mobile-nav { position:fixed; top:64px; right:0; z-index:90; width:min(420px,90vw); height:calc(100dvh - 64px); padding:18px 24px 32px; overflow-y:auto; background:#fff; box-shadow:-16px 0 48px rgba(31,35,41,.14); }
  .dhb-official-mobile-nav > a, .dhb-official-mobile-nav summary { display:flex; min-height:52px; align-items:center; justify-content:space-between; border-bottom:1px solid #E5E5E5; color:#5C5C5C; font-size:16px; font-weight:400; cursor:pointer; list-style:none; }
  .dhb-official-mobile-nav summary::-webkit-details-marker { display:none; }
  .dhb-official-mobile-nav summary::after { content:""; width:8px; height:8px; border-right:1px solid #5C5C5C; border-bottom:1px solid #5C5C5C; transform:rotate(45deg); }
  .dhb-official-mobile-nav details[open] summary::after { content:""; transform:rotate(225deg); }
  .dhb-official-mobile-nav details > div { display:grid; grid-template-columns:1fr; gap:0; padding:8px 0; }
  .dhb-official-mobile-nav details a { display:block; min-height:42px; padding:9px 8px; color:#646464; font-size:14px; }
  .official-mobile-actions { display:flex; flex-wrap:wrap; gap:12px; margin-top:24px; }
  .official-mobile-actions .btn-dhb { display:inline-flex; min-height:36px; padding:0 12px; align-items:center; border:1px solid #FF6B40; border-radius:3px; font-size:14px; color:#FF6B40; }
  .official-mobile-actions .color-btn { color:#fff; background:linear-gradient(to right,#FF6B40,#FFA474); }
  .admin-bar .dhb-official-mobile-nav.mobile-nav, .admin-bar .mobile-backdrop { top:96px; }
  .admin-bar .dhb-official-mobile-nav.mobile-nav { height:calc(100dvh - 96px); }
}
@media (max-width:1239px) {
  .dhb-official-header .header-wrapper .s-list-wrapper .resolve-solution { width:calc(100% - 48px); }
  .dhb-official-footer.footer-wrapper .link-wrapper, .dhb-official-footer.footer-wrapper .copyright-wrapper .copyright-inner { width:calc(100% - 48px); }
  .dhb-official-footer.footer-wrapper .link-list > div:last-child { min-width:208px; }
}
@media (max-width:960px) {
  .dhb-official-footer.footer-wrapper .footer-phone { font-size:clamp(20px,4vw,32px); }
  .dhb-official-footer.footer-wrapper .footer-phone img { width:32px; padding-top:4px; margin-bottom:-5px; }
  .dhb-official-footer.footer-wrapper .link-wrapper { margin-bottom:32px; }
  .dhb-official-footer.footer-wrapper .link-wrapper .link-list { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:28px 20px; }
  .dhb-official-footer.footer-wrapper .link-wrapper .link-list > div { display:block; }
}
@media (max-width:782px) {
  .admin-bar .dhb-official-header.nav-wrapper { top:46px; }
  .admin-bar .dhb-official-mobile-nav.mobile-nav, .admin-bar .mobile-backdrop { top:110px; }
  .admin-bar .dhb-official-mobile-nav.mobile-nav { height:calc(100dvh - 110px); }
}
@media (max-width:600px) {
  .dhb-official-header.nav-wrapper { padding:0 16px; }
  .dhb-official-header .logo-pic { left:16px; }
  .dhb-official-header .official-menu-toggle { right:16px; }
  .dhb-official-footer.footer-wrapper .footer-phone { padding:20px 16px; margin:8px 0 16px; font-size:20px; line-height:1.7; }
  .dhb-official-footer.footer-wrapper .footer-phone img { width:26px; padding:0; margin:0 5px -5px 0; }
  .dhb-official-footer.footer-wrapper .link-wrapper, .dhb-official-footer.footer-wrapper .copyright-wrapper .copyright-inner { width:calc(100% - 32px); }
  .dhb-official-footer.footer-wrapper .link-wrapper .link-list { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .dhb-official-footer.footer-wrapper .link-wrapper .link-list > div:last-child { grid-column:1 / -1; }
  .dhb-official-footer.footer-wrapper .link-wrapper .link-list > div > span { font-size:18px; }
  .dhb-official-footer.footer-wrapper .copyright-wrapper .copyright-inner { font-size:12px; overflow-wrap:anywhere; line-height:24px; }
  .dhb-official-footer.footer-wrapper .copyright-wrapper .copyright-inner .company-info { display:block; margin-right:0; }
}
@media (min-width:1101px) { .dhb-official-mobile-nav.mobile-nav, .mobile-backdrop { display:none; } }
@media (prefers-reduced-motion:reduce) { .dhb-official-header *, .dhb-official-header *::before { transition:none !important; } }