/* Stable branding, progressive menus and mobile layout. */
.box{height:auto;display:flow-root}
.header{width:100%}
#effect{font-size:28px;line-height:1.35;color:#005aa9;font-weight:bold}
#effect span{font-size:28px}
.banner picture,.banner2 picture{display:block;width:100%;height:100%}
.banner img,.banner2 img{display:block;width:100%;height:100%}
.home-intro{clear:both;padding:22px 28px 8px;color:#23445e;font-size:14px;line-height:1.7}
.home-intro h1{font-size:23px;line-height:1.3;color:#005aa9;margin-bottom:8px}
.home-intro a{color:#005aa9;text-decoration:underline}
.home-categories{display:flex;flex-wrap:wrap;gap:6px 16px;margin:10px 0 0}
.home-intro+.footer .footer_left{margin-top:24px}
.home-intro+.footer .footer_right{margin-top:16px}
.navContent{display:block}
[hidden]{display:none!important}
.subNav:focus-visible,a:focus-visible{outline:3px solid #c97f00;outline-offset:3px}
.nav_right{overflow-wrap:break-word}
.footer_right,.footer_bottom{overflow-wrap:anywhere}
@media(max-width:840px){
  .box,.boxl,.boxlist{width:calc(100% - 24px);box-sizing:border-box;margin:16px auto;float:none}
  .boxl .boxlist{width:100%;margin:0}
  .boxlist{display:flow-root}
  .header{height:auto;min-height:115px;padding:12px;box-sizing:border-box;display:flex;flex-wrap:wrap;align-items:center;gap:10px}
  .logo{float:none;flex:0 0 110px}
  .logo img{display:block;width:110px;height:auto}
  .seach{float:none;flex:1;min-width:0;width:auto;margin:0}
  .container{height:auto}
  #effect{float:none;width:auto;font-size:clamp(16px,3.7vw,28px);line-height:1.4;overflow-wrap:normal}
  #effect span{font-size:inherit}
  .danghang{float:none;height:auto;width:100%;margin:0}
  #breadcrumb{display:flex;flex-wrap:wrap;gap:6px;margin:0}
  #breadcrumb li{float:none;flex:1;white-space:nowrap}
  #breadcrumb li a,#breadcrumb li:first-child a{margin:0;padding:0 6px;font-size:12px;border-radius:3px}
  #breadcrumb li a:before,#breadcrumb li a:after{display:none}
  .banner,.banner2{float:none;width:100%;height:auto;aspect-ratio:32/11;margin-top:0}
  .banner picture,.banner2 picture{height:auto}
  .banner img,.banner2 img{height:auto;aspect-ratio:32/11}
  .footer{float:none;width:100%;display:flow-root}
  .footer_left,.footer_right,.footer_bottom{float:none;width:100%;box-sizing:border-box;padding:16px;margin:0}
  .home-intro+.footer .footer_left,.home-intro+.footer .footer_right{margin-top:0}
  .footer_left{display:flex;flex-wrap:wrap;gap:16px}
  .icon{float:none;flex:1;min-width:135px;height:auto;display:flex}
  .icon span{flex-shrink:0;margin-top:5px}
  .icon_l{float:none;width:auto;height:auto}
  .icon_l p{width:auto}
  .nav{float:none;width:100%;box-sizing:border-box;display:flex;flex-direction:column;gap:12px}
  .nav_left,.nav_right{float:none;width:100%;box-sizing:border-box;margin:0;min-width:0}
  .nav_left>img{display:none}
  .nav_right{padding:14px;overflow-x:auto}
  .nav_p h1,.nav_p p{width:auto;height:auto;min-height:35px;box-sizing:border-box}
  .nav_p h1 span,.nav_p p span{font-size:12px}
  .subNavBox,.navContent li a{width:100%}
  .subNav{line-height:40px}
  .navContent li a{line-height:36px}
  .img_li{width:min(200px,44%);height:auto;margin:8px;left:auto;top:auto}
  .img_li img{width:100%;height:auto}
  .nau_t table{max-width:100%}
  .tel_q{float:none}
  .home-intro{padding:18px 16px 6px}
  .home-intro h1{font-size:21px}
}