:root{color:#333;font-synthesis:none;background:#fff;font-family:Microsoft YaHei,PingFang SC,Heiti SC,sans-serif;font-size:14px}*{box-sizing:border-box}html,body,#app{min-width:320px;margin:0}body{line-height:1.7;overflow:hidden scroll}button,input{font:inherit}button{cursor:pointer;border:0}a{color:inherit;text-decoration:none}a:hover{opacity:.6}img{max-width:100%;display:block}.content-width{width:min(1140px,100% - 30px);margin-inline:auto}.site-header{z-index:100;background:#0d2ea0;position:relative}.blue-bar{background:#0d2ea0;height:60px}.header-inner{justify-content:space-between;align-items:center;width:min(1140px,100% - 30px);height:60px;margin:auto;display:flex}.brand{margin-left:-10px;padding:10px;display:block}.brand:hover{opacity:1}.brand img{object-fit:contain;width:102px;height:39px}.mobile-actions{align-items:center;display:none}.hamburger,.mobile-search{background:0 0;width:49px;height:60px;padding:0;position:relative}.hamburger span,.hamburger span:before,.hamburger span:after{content:"";background:#fff;width:27px;height:3px;transition:all .15s;display:block;position:absolute;top:29px;left:11px}.hamburger span:before{top:-10px;left:0}.hamburger span:after{top:10px;left:0}.hamburger.active span{width:34px;left:8px;transform:rotate(45deg)}.hamburger.active span:before{opacity:0;top:0}.hamburger.active span:after{top:0;transform:rotate(-90deg)}.mobile-search span,.nav-search span{border:2px solid;border-radius:50%;width:18px;height:18px;margin:auto;display:block;position:relative}.mobile-search span:after,.nav-search span:after{content:"";border-top:2px solid;width:8px;position:absolute;bottom:-4px;right:-6px;transform:rotate(45deg)}.mobile-search{color:#fff}.global-nav{background:#fff;border-bottom:1px solid #d2d4d9;height:50px}.global-nav ul{align-items:center;width:min(1140px,100% - 30px);height:100%;margin:auto;padding:0;list-style:none;display:flex}.global-nav li{margin-left:5px;font-size:16px}.global-nav a,.global-nav button{color:#333;background:0 0;padding:4px 10px 6px;display:block}.global-nav button:hover{opacity:.6}.global-nav .has-menu>button:after{content:"";vertical-align:middle;border-bottom:1px solid #9eabd9;border-right:1px solid #9eabd9;width:6px;height:6px;margin:-8px 0 0 8px;display:inline-block;transform:rotate(45deg)}.global-nav .has-menu>button.active:after{border:0;border-top:1px solid #9eabd9;border-left:1px solid #9eabd9;margin-top:0}.global-nav .nav-search{margin-left:auto}.nav-search button{color:#333;width:38px;height:38px}.nav-search span{width:17px;height:17px}.search-balloon{z-index:30;background:#fff;border:1px solid #d5d5d5;width:389px;padding:14px 51px 14px 14px;position:absolute;top:54px;left:calc(50% + 195px)}.search-balloon:after{content:"";border:10px solid #0000;border-bottom-color:#fff;position:absolute;top:-19px;right:15px}.search-balloon form{background:#f2f2f2;width:323px;position:relative}.search-balloon label{clip:rect(0,0,0,0);width:1px;height:1px;position:absolute;overflow:hidden}.search-balloon input{background:0 0;border:0;outline:0;width:100%;height:36px;padding:0 80px 0 12px;font-style:italic}.search-balloon form button{color:#fff;background:#191919;height:36px;padding:0 15px;position:absolute;top:0;right:0}.close-button{background:0 0;width:18px;height:18px;padding:0;position:absolute;top:24px;right:20px}.close-button:before,.close-button:after{content:"";border-top:2px solid #333;width:20px;position:absolute;top:8px;left:0;transform:rotate(45deg)}.close-button:after{transform:rotate(-45deg)}.mega-menu{z-index:20;background:#fff;border-bottom:1px solid #d2d4d9;width:100%;min-height:120px;padding:20px 0 30px;position:absolute;top:110px;left:0}.mega-products{grid-template-columns:repeat(3,1fr);gap:10px 30px;width:min(1140px,100% - 30px);margin:auto;display:grid}.mega-products a{min-width:0}.mega-products span{border-bottom:1px solid #ccc;padding:3px 0 8px;font-size:22px;line-height:1.5;display:block}.mega-products img{width:100%;margin-top:10px}.mega-links{flex-wrap:wrap;gap:12px 16px;width:min(1140px,100% - 30px);margin:auto;padding:14px 0;display:flex}.mega-links a{color:#0d2ea0;border:1px solid #ccc;padding:7px 28px}.mega-links a:hover{color:#fff;opacity:1;background:#0d2ea0}.mobile-nav-layer{display:none}.hero{aspect-ratio:1920/669;background:#ddd;width:100%;position:relative;overflow:hidden}.hero-slide{opacity:0;pointer-events:none;transition:opacity 1s;position:absolute;inset:0}.hero-slide.active{opacity:1;pointer-events:auto}.hero-slide img{object-fit:cover;width:100%;height:100%}.hero-dots{z-index:3;justify-content:center;gap:7px;display:flex;position:absolute;bottom:13px;left:0;right:0}.hero-dots button{background:#fff;border-radius:50%;width:8px;height:8px;padding:0}.hero-dots button.active{background:#007aff}.product-strip{background:#d3d3d3;padding:20px 0 0}.carousel-shell{width:min(1140px,100% - 30px);margin:auto;padding:0 40px;position:relative}.product-viewport{overflow:hidden}.product-track{--visible-products:5;transform:translateX(calc(var(--product-index) * (-1 * ((100% + 20px) / var(--visible-products)))));gap:20px;transition:transform .5s;display:flex}.product-item{text-align:center;flex:0 0 calc(20% - 16px);min-width:0}.product-item img{aspect-ratio:200/187;object-fit:contain;width:100%}.product-item p{margin:-1em 0 2.5em;font-size:1.2em}.carousel-arrow{background:0 0;width:30px;height:30px;padding:0;position:absolute;top:30%}.carousel-arrow.prev{left:15px}.carousel-arrow.next{right:15px}.carousel-arrow:disabled{opacity:.25;cursor:default}.news-section{background:#fff;padding:20px 0}.news-heading{justify-content:space-between;align-items:flex-start;margin-bottom:1em;display:flex}.news-heading>a{border-bottom:1px solid #2c4097;font-size:1.6em;line-height:1.7}.news-arrows{flex-direction:row-reverse;gap:7px;margin-top:7px;display:flex}.news-arrows button{background:0 0;width:30px;height:30px;padding:0}.news-arrows button:disabled{opacity:.25}.news-viewport{overflow:hidden}.news-grid{transform:translateX(calc(var(--news-page) * (-100% - 20px)));grid-template-rows:1fr;grid-auto-columns:calc(25% - 15px);grid-auto-flow:column;gap:20px;transition:transform .5s;display:grid}.news-grid article{min-width:0}.news-grid a{display:block}.news-grid img{aspect-ratio:270/202;object-fit:cover;width:100%;margin-bottom:.5em}.news-grid p{color:#2c4097;word-break:break-all;margin:.2em 0 0;font-size:1.2em;line-height:1.4}.news-grid a:hover{opacity:1}.news-grid a:hover img{opacity:.7}.news-grid a:hover p{color:#666}.more-news{display:none}.promotion-list{padding:15px 0}.promotion-grid{grid-template-columns:repeat(3,1fr);gap:30px;display:grid}.promotion-grid a,.promotion-grid img{width:100%}.sales-network-page{background:#fff}.sales-kv img{width:100%}.repair-content{padding:15px 0}.sales-breadcrumb{color:#777;border-bottom:1px solid #9c9c9c;margin:0 0 1em;padding:8px 15px}.sales-breadcrumb a:after{content:"/";color:#ccc;padding:0 9px}.repair-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 30px;margin:0 -15px 2em;display:grid}.repair-category{min-width:0;padding:0 15px}.repair-category>img{width:100%}.repair-link-row{height:60px;margin-bottom:20px;padding-top:8px}.repair-link-row a{color:#0d2ea1}.sales-tabs{padding:15px 0}.sales-tabs-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;display:grid}.sales-tabs-grid a,.sales-tabs-grid img{width:100%}.social-media{color:#898989;background:#f5f5f5;padding:2em 0}.social-media h2{color:#898989;margin:0 0 .6em;font-size:1.4em;font-weight:400;line-height:1.8}.social-row{grid-template-columns:13.666% 1fr;min-height:50px;display:grid}.social-label{border-right:1px solid #d0d5e7;align-items:flex-start;gap:8px;padding-top:2px;font-size:1.2em;display:flex}.social-label img{object-fit:contain;width:1.4em;height:1.4em}.social-links{grid-template-columns:repeat(5,1fr);align-items:start;padding-left:20px;display:grid}.social-links button{color:#b7b7b7;text-align:left;background:url(/www.brother.cn/minisite/header/images/code_logo.png) 0 3px/1.4em 1.4em no-repeat;min-width:0;padding:0 10px 20px 1.8em;font-size:1.2em;line-height:1.7;position:relative}.social-links button:hover{color:#777}.social-links button span:first-child{overflow-wrap:anywhere;display:block}.qr-preview{z-index:5;background:#fff;width:125px;height:140px;margin-left:-62px;padding:2px;display:none;position:absolute;bottom:100%;left:50%;box-shadow:0 2px 8px #7775}.qr-preview img{object-fit:contain;width:100%;height:100%}.social-links button:hover .qr-preview{display:block}.social-bottom{justify-content:space-between;align-items:center;min-height:45px;display:flex}.social-bottom a{color:#898989;align-items:center;gap:8px;display:flex}.social-bottom a:first-child img{width:1.4em}.social-bottom a:last-child img{width:42px}.sitemap{color:#d6d6d6;background:#333;padding:4em 0}.sitemap h2{border-bottom:1px solid #717171;margin:0 0 1em;padding-bottom:1em;font-size:1.4em;font-weight:400;line-height:1.8}.sitemap-grid{grid-template-columns:repeat(4,1fr);display:grid}.sitemap dl{margin:0;padding:0 15px}.sitemap dl:first-child{padding-left:0}.sitemap dt{margin-bottom:.5em;font-size:1.4em;font-weight:400}.sitemap dd{width:100%;margin:.5em 0;display:inline-block}.sitemap dl:first-child dd{float:left;width:50%}.sitemap a{color:#d6d6d6}.legal{text-align:center;background:#fff;padding:4em 15px;font-size:16px}.legal nav{justify-content:center;margin-bottom:.5em;display:flex}.legal nav a{border-right:1px solid #636363;padding:0 30px}.legal nav a:last-child{border:0}.legal p{margin:.5em 0 0}.records{flex-wrap:wrap;justify-content:center;align-items:center;gap:4px 12px;display:flex}.records a{align-items:center;gap:3px;display:inline-flex}.records img{object-fit:contain;width:20px;height:20px}.qr-modal{z-index:1000;background:#0009;place-items:center;padding:30px;display:grid;position:fixed;inset:0}.qr-dialog{color:#fff;text-align:center;width:260px;position:relative}.qr-dialog>button{color:#fff;background:0 0;width:30px;height:30px;font-size:26px;line-height:1;position:absolute;top:-5px;right:-34px}.qr-dialog>img{object-fit:contain;background:#fff;width:100%;max-height:300px}.qr-dialog p{margin:10px 0 0;font-size:1.2em}@media (width<=768px){.content-width{width:calc(100% - 30px)}.mobile-actions{display:flex}.global-nav{display:none}.search-balloon{border:0;width:100%;padding:25px 35px;position:absolute;top:60px;left:0}.search-balloon:after{right:64px}.search-balloon form{border:1px solid #ccc;width:100%}.search-balloon input{height:40px;padding-right:92px;font-size:16px}.search-balloon form button{height:40px;padding-inline:17px;font-size:16px}.search-balloon .close-button,.mega-menu{display:none}.mobile-nav-layer{width:100%;display:block;position:absolute;top:60px;left:0}.mobile-backdrop{background:#00000080;width:100%;position:fixed;inset:60px 0 0}.mobile-panel{z-index:2;background:#fff;width:100%;max-height:calc(100vh - 60px);padding:30px 35px;position:relative;overflow-y:auto}.mobile-panel ul{border-top:1px solid #e1e1e1;margin:0;padding:0;list-style:none}.mobile-panel li{border-bottom:1px solid #e1e1e1}.mobile-panel li a,.mobile-panel li button{color:#333;text-align:left;background:0 0;width:100%;padding:15px 28px 13px 0;font-size:16px;line-height:24px;display:block;position:relative}.mobile-panel li button:after{content:"";border-top:2px solid #0d2ea0;border-right:2px solid #0d2ea0;width:7px;height:7px;position:absolute;top:21px;right:3px;transform:rotate(45deg)}.submenu-back{color:#0d2ea0;background:0 0;margin:-12px 0 14px;padding:4px 0 4px 18px}.submenu-back:before{content:"";border-bottom:2px solid #0d2ea0;border-left:2px solid #0d2ea0;width:7px;height:7px;margin:6px 0 0 -16px;position:absolute;transform:rotate(45deg)}.mobile-products{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.mobile-products a span{color:#333;border-bottom:1px solid #ccc;min-height:44px;padding:6px 0;display:block}.mobile-products img{width:100%;margin-top:6px}.hero{aspect-ratio:750/866}.hero-slide img{object-fit:cover;object-position:center}.hero-dots{gap:6px;bottom:10px}.hero-dots button{width:7px;height:7px}.product-strip{padding:2em 30px 1em}.carousel-shell{width:100%;padding:0}.product-track{--visible-products:3;transform:translateX(calc(var(--product-index) * (-1 * ((100% + 10px) / var(--visible-products)))));gap:10px}.product-item{flex-basis:calc(33.3333% - 6.66667px)}.product-item p{margin:-1em 0 2.5em;font-size:.9em}.carousel-arrow{width:20px;height:20px;top:30%}.carousel-arrow.prev{left:-15px}.carousel-arrow.next{right:-15px}.news-section{padding:0}.news-section .content-width{width:100%}.news-heading{background:#e6e6e6;margin:0;padding:.5em 15px}.news-heading>a{border:0;font-size:1.4em}.news-heading:after{content:"⌃";margin-top:4px}.news-arrows{display:none}.news-viewport{padding:0 15px}.news-grid{display:block;transform:none!important}.news-grid article.concealed{display:none}.news-grid a{border-bottom:1px solid #a8a8a8;padding:1em 0}.news-grid img{display:none}.news-grid p{margin:.2em 0 0;font-size:1.2em}.more-news{color:#fff;background:#0d2ea1;border-radius:2em;width:47%;margin:.5em auto;padding:.2em 2em;font-size:.9em;display:block}.promotion-list{padding:15px 10px}.promotion-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;width:100%}.sales-kv{display:none}.repair-content{padding:2em 0}.sales-breadcrumb{padding-inline:0}.repair-grid{grid-template-columns:1fr;margin-inline:0}.repair-category{padding:0}.repair-link-row{height:auto;min-height:58px;margin-bottom:20px}.sales-tabs{padding:15px 10px}.sales-tabs-grid{gap:10px;width:100%}.social-media{padding:2em 0}.social-row{grid-template-columns:10% 88%;gap:2%;min-height:42px}.social-label{border:0}.social-label span{clip:rect(0,0,0,0);width:1px;height:1px;position:absolute;overflow:hidden}.social-label img{width:2em;height:2em}.social-links{flex-wrap:wrap;padding-left:0;display:flex}.social-links button{background:0 0;border-right:1px solid #d0d5e7;width:auto;margin:0 9px 10px 0;padding:0 10px 0 0;font-size:14px}.social-links button:last-child{border:0}.social-links button:hover .qr-preview{display:none}.social-bottom{margin-top:5px}.sitemap{padding:2em 0}.sitemap-grid{grid-template-columns:repeat(3,1fr)}.sitemap dl{padding:0 8px}.sitemap dl:first-child{grid-column:1/-1;margin-bottom:15px;padding:0}.sitemap dt{font-size:1.4em}.sitemap dd{font-size:.8em}.sitemap dl:first-child dd{width:33.333%}.legal{padding:1em 10px;font-size:14px}.legal nav{flex-wrap:wrap;row-gap:8px}.legal nav a{padding:0 10px}.records{line-height:1.5}}@media (width<=420px){.header-inner{width:calc(100% - 24px)}.mobile-panel{padding-inline:24px}.social-links button{font-size:12px}.sitemap dd{overflow-wrap:anywhere}.legal nav a{font-size:12px}}
