/* The original 980px blue-and-white layout remains the desktop baseline. */
:root{--brand:#0066cc;--text:#333;--border:#d4dce3;--error:#aa1717;--success:#1b6843}
body{color:var(--text)}button,input,textarea{font-family:inherit}button,a,input,textarea{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:wait;opacity:.6}
a:hover{color:#666}.left_nav li a:hover,.left_nav li a.hover{background:var(--brand);color:#fff;border-radius:22px}
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{outline:3px solid #e77e13;outline-offset:3px}
::selection{background:#cde4fb;color:#123957}input,textarea{caret-color:var(--brand)}
.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.skip-link{position:fixed;left:12px;top:-80px;background:#fff;color:var(--brand);padding:12px;z-index:100}.skip-link:focus{top:8px}
#login .login_box{display:flex;justify-content:space-between;align-items:center;max-width:1000px;width:calc(100% - 32px)}
#login .login_box .login_left,#login .login_box .login_right{float:none;width:auto}.login_right{display:flex;align-items:center;gap:10px}.login_right #account-links{display:flex;gap:7px;align-items:center}.account-name{max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.demo-badge{font-size:11px;border:1px solid #666;padding:1px 5px;margin-left:12px;color:#444}.text-button{border:0;background:transparent;color:#155993;padding:5px;font-size:14px;text-decoration:underline;text-underline-offset:3px}
.top_tel a{color:#2675ae}.left_tel a{color:#fff}.mobile-menu{display:none}
.nav li dl{display:none}.nav li.menu-open dl{display:block}.nav li dl a:hover{height:40px;line-height:40px;font-size:14px}
.marquee_bg,.left_title1,.left_title2,.left_contact{background-color:#2d79b3}.left_contact{background-image:linear-gradient(#0002,#0002),url(../image/contact.jpg)}.left_title2 font{color:#fff}.right_title p,.right_title p span,.right_title p a,.news li span{color:#666}
.banner_pic{position:relative;height:100%}.banner_pic>li{position:absolute;inset:0;opacity:0;transition:opacity .7s ease;pointer-events:none}.banner_pic>li.active{opacity:1}.banner .num{height:30px;bottom:19px;left:50%;transform:translateX(-50%)}.banner .num li{height:28px;background:none;margin:0}.banner .num button{width:67px;height:28px;padding:0;border:0;background:transparent;position:relative}.banner .num button::after{content:"";display:block;width:64px;height:7px;background:#fff}.banner .num button[aria-pressed="true"]::after{background:#ffff00}
.animation-toggle{position:absolute;right:16px;bottom:16px;z-index:3;border:1px solid #d8d8d8;background:#fff;color:#444;font-size:12px;padding:5px 10px}
.product li .product_box button.buy{background:none;border:0;padding:0;width:40px;height:40px;cursor:pointer}.product li .product_box button.buy img{width:100%;height:100%}.product_box>.PicAuto,.product_box>a>.PicAuto{object-fit:contain}
.product_box p{font-size:12px;color:#333;line-height:22px}.product_box button.buy:focus-visible{outline-offset:-2px}.right_more,.right_name font{color:#6b6b6b}.right_name{box-sizing:content-box}
.right_con{min-height:150px}.right_con p{overflow-wrap:anywhere}.right_about_con{height:auto;min-height:249px}.right_con h1.right_name{text-align:left;font:700 16px/22px "microsoft yahei",sans-serif;width:auto}
.commodity_top .number button{float:left;width:42px;height:42px;border:1px solid #ddd;background:#fff;font-size:26px;line-height:40px}.commodity_top .commodity_left img{height:100%;object-fit:contain}.commodity_body img{max-width:100%;height:auto!important}.commodity_buy button{white-space:nowrap;min-width:145px}
.i_case ul{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin;width:100%;height:300px}.i_case ul li{flex:0 0 245px;scroll-snap-align:start}.i_case ul li img{object-fit:contain}.recommend-controls{float:right;display:flex;gap:8px}.recommend-controls button{border:1px solid #ccc;background:#fff;color:#555;padding:4px 10px;font-size:12px}
.news{max-width:100%}.news .empty-news{background:none;text-indent:0;height:auto;line-height:28px;padding:20px 0;color:#555}.news .empty-news a{float:none;color:var(--brand);text-decoration:underline}
.foot_box{height:auto;min-height:180px}.foot{height:auto;min-height:142px;padding-bottom:25px}.foot p{overflow-wrap:anywhere}.foot .demo-footnote{font-size:12px;color:#666;margin-top:8px}
#demo-status{position:fixed;left:50%;bottom:28px;transform:translateX(-50%) translateY(10px);background:#164f7a;color:#fff;font-size:14px;line-height:1.7;padding:12px 20px;max-width:calc(100vw - 32px);box-sizing:border-box;box-shadow:0 5px 20px #0002;z-index:200;opacity:0;pointer-events:none;transition:opacity .15s,transform .15s;border-radius:4px}#demo-status.visible{opacity:1;transform:translateX(-50%) translateY(0)}
.demo-note,.demo-account{font-size:13px;line-height:1.8;color:#555;margin-bottom:22px!important}.demo-account{background:#f2f6fa;padding:10px}.demo-form{max-width:600px;margin:16px auto 28px}.demo-field{margin-bottom:18px}.demo-field label{display:block;font-size:14px;line-height:24px;margin-bottom:6px;color:#333}.demo-field input,.demo-field textarea{box-sizing:border-box;width:100%;min-height:42px;padding:9px 12px;border:1px solid #c5ccd2;border-radius:2px;background:white;color:#222;font-size:14px;line-height:22px}.demo-field textarea{resize:vertical;min-height:110px}.demo-field [aria-invalid=true]{border-color:var(--error)}.demo-field small{font-size:12px;color:#666;line-height:24px}.required{color:var(--error)}.demo-field input::placeholder{color:#6a6a6a}
.form-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.form-actions a,.login-links a{color:#165d9a;font-size:14px;text-decoration:underline;text-underline-offset:3px}.demo-primary,.demo-secondary{display:inline-block;padding:10px 20px;border:1px solid #c00;border-radius:2px;font-size:14px;line-height:22px;box-sizing:border-box}.demo-primary{background:#c00;color:#fff}.demo-primary:hover{background:#a60000;color:#fff}.demo-secondary{background:#fff;color:#444;border-color:#aeb8c0}.demo-secondary:hover{background:#f0f4f7}
.captcha-row{display:flex;gap:12px;max-width:330px}.captcha-row input{min-width:0;flex:1}.captcha-code{flex:0 0 112px;border:1px solid #bdccd7;background:#edf3f8;color:#174e76;font:bold 24px/40px Georgia,serif;letter-spacing:6px;text-align:center;padding:0 0 0 6px}.form-feedback{display:none;font-size:14px;line-height:1.9;color:var(--error);padding:12px;background:#fff1ee;margin-top:18px!important}.form-feedback.shown{display:block}.form-feedback.success{color:var(--success);background:#edf7f0}.form-feedback a{font-weight:bold;color:#14527b;text-decoration:underline}
.login-center{min-width:0!important;width:450px;max-width:calc(100% - 32px);padding:30px!important;box-sizing:border-box}.lyear-wrapper.row{margin:0}.login-header a{font-size:18px!important;color:#c00}.login-submit{width:100%}.login-links{display:flex;justify-content:space-between;gap:12px;margin-top:15px}.login-center footer{float:none;width:100%;padding:0;font-size:12px;line-height:24px;overflow-wrap:anywhere}.login-center footer a{color:#555}.login-center footer p{font-size:12px;margin:8px 0}.mian_box .login{max-width:100%;box-sizing:border-box;padding:0 16px}.layui-elem-quote{border-left-color:var(--brand)}
#message-history{padding:12px 0 24px;overflow-wrap:anywhere}#message-history h2{font-size:16px;line-height:32px}#message-history p{font-size:14px;line-height:26px;margin:8px 0}.cart-row{display:grid;grid-template-columns:minmax(150px,1fr) 70px 130px 86px 45px;align-items:center;gap:12px;border-bottom:1px solid #ddd;padding:18px 0;font-size:14px}.cart-product{display:flex;gap:10px;align-items:center;color:#333}.cart-product img{width:65px;height:65px;object-fit:contain}.cart-product span{font-size:15px}.cart-quantity{display:flex;align-items:center}.cart-quantity button,.cart-quantity input{box-sizing:border-box;width:40px;height:40px;border:1px solid #ccc;background:#fff;text-align:center;font-size:16px;padding:0}.cart-quantity input{border-right:0;border-left:0;appearance:textfield;-moz-appearance:textfield}.cart-quantity input::-webkit-inner-spin-button{appearance:none}.cart-summary{display:flex;justify-content:flex-end;align-items:center;gap:12px;margin:24px 0;flex-wrap:wrap}.cart-summary p{font-size:20px;color:#aa1717;font-weight:bold;margin-right:auto}.cart-empty{font-size:16px!important;line-height:2;margin:25px 0}.subtotal{font-size:14px}.order-complete{padding:20px;background:#edf7f0;color:var(--success);font-size:15px;line-height:1.9;margin-top:20px}
@media(max-width:1020px){
 .top,.nav,.marquee,.content,body>.i_case_title,.i_case,.foot_nav,.foot_box,.mian_box{width:calc(100% - 32px)!important;max-width:980px;box-sizing:border-box}
 .top{display:flex;align-items:center;justify-content:space-between;gap:12px}.logo{margin:0;line-height:1.5;font-size:20px}.top_word{margin:0;max-width:22%;height:auto}.top_tel{margin:0;padding:0;width:auto;min-width:145px}
 .nav{display:flex}.nav>li{flex:1;width:auto}.nav>li>a,.nav>li>a:hover,.nav>li>a:visited{width:auto;font-size:16px}
 .content{display:grid;grid-template-columns:210px minmax(0,1fr);gap:26px}.left,.left_title1,.left_nav,.left_contact,.left_title2,.left_news{width:100%;box-sizing:border-box}.left_nav li a{width:calc(100% - 16px);background-color:#fff;border-radius:22px;background-image:none}.left_contact{padding:14px 10px}.left_tel,.left_map{width:100%;box-sizing:border-box}.left_news li{width:100%;font-size:12px}
 .right{width:100%;min-width:0;padding:0;float:none}.product{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px 14px;width:100%;padding-bottom:24px}.product li{width:100%;height:auto}.product li .product_box{width:100%;height:auto;box-sizing:border-box}.product_box .PicAuto{width:100%;height:auto;aspect-ratio:1;object-fit:contain}.right_title{height:auto;min-height:38px;display:flex;flex-wrap:wrap;gap:5px;align-items:flex-start}.right_title p{float:none;font-size:12px}.right_name{height:auto;min-height:37px}.right_name font{font-size:12px}.right_con h1{font-size:20px}
 .marquee{display:flex;align-items:center}.mar_title{flex:0 0 106px;font-size:14px;padding:0}.marquee marquee{width:auto;flex:1}.news li{height:auto;min-height:46px}.news li span{float:none;display:block;line-height:22px;text-indent:0}.news li a{float:none}.for_pages{max-width:100%}.right_about_con{min-height:220px}.foot{max-width:100%;width:700px}.foot_nav a{margin:0 12px}.i_case ul li{flex:0 0 25%;min-width:215px}.i_case ul li a{width:calc(100% - 20px);box-sizing:border-box;height:272px}.i_case ul li img{width:100%;height:220px}.i_case ul li a span.i_case_title{width:100%}
 .commodity_top .commodity_left,.commodity_top .commodity_right{width:100%;float:none}.commodity_top .commodity_left{height:280px}.commodity_top .commodity_right{padding:15px 0}.commodity_body{margin-top:20px}.cart-row{grid-template-columns:minmax(130px,1fr) 120px 60px}.cart-row .unit-price{display:none}.cart-row .subtotal{grid-column:1;grid-row:2}.cart-row .remove-item{grid-column:3;grid-row:1}
}
@media(max-width:700px){
 #login{height:auto!important;min-height:34px}#login .login_box{gap:8px;flex-wrap:wrap;line-height:30px}.demo-badge{margin-left:5px}.login_right{gap:6px}.login_right a,.login_right button{min-height:32px;line-height:32px;padding:0 4px!important}.account-name{max-width:130px;font-size:12px}
 .top{height:112px;flex-wrap:wrap;gap:4px;align-content:center}.logo{width:100%;max-width:100%;font-size:21px;line-height:32px}.top_word{display:none}.top_tel{display:flex;align-items:center;gap:12px;height:32px;text-align:left}.top_tel span{font-size:14px}.top_tel p{font-size:20px;line-height:30px}
 .nav_bg{height:auto}.mobile-menu{display:block;background:var(--brand);color:#fff;border:0;font-size:16px;font-weight:bold;width:100%;text-align:left;padding:13px 16px;min-height:48px}.mobile-menu::after{content:"＋";float:right}.mobile-menu[aria-expanded=true]::after{content:"−"}.nav{display:none;height:auto;line-height:44px;flex-wrap:wrap;padding-bottom:12px}.nav.is-open{display:flex}.nav>li{flex:0 0 50%;height:auto}.nav>li>a,.nav>li>a:visited,.nav>li>a:hover{width:100%;height:44px;line-height:44px;font-size:15px}.nav li dl{position:static;width:100%;background:#075cb1}.nav li dd a,.nav li dd a:hover,.nav li dd a:visited{width:100%;height:44px;line-height:44px;font-size:14px}
 .banner{height:180px}.banner_pic>li{height:180px!important;background-size:auto 100%;background-repeat:no-repeat!important}.banner .num{bottom:6px}.banner .num li,.banner .num button{width:40px}.banner .num button::after{width:36px;height:5px}.animation-toggle{right:8px;bottom:9px;font-size:11px;padding:3px 7px}.marquee_bg,.marquee{height:44px}.marquee_bg{margin-bottom:20px}.mar_title,.marquee marquee{line-height:44px;height:44px;font-size:12px}.mar_title{flex-basis:80px}
 .content{display:flex;flex-direction:column;gap:0}.left{float:none;margin-bottom:24px}.left_title1{height:42px;line-height:42px;font-size:15px}.left_nav{padding:10px 0;margin:0}.left_nav>ul{display:grid;grid-template-columns:1fr 1fr;gap:0 10px;padding:0 10px}.left_nav>ul>li:nth-of-type(1){grid-area:1/1}.left_nav>ul>li:nth-of-type(2){grid-area:1/2}.left_nav .sub_nav:nth-of-type(1){grid-area:2/1}.left_nav .sub_nav:nth-of-type(2){grid-area:2/2}.left_nav li a{width:100%;min-height:40px;line-height:40px;font-size:14px}.sub_nav{display:flex;flex-wrap:wrap;align-content:flex-start;gap:4px;width:100%;margin:0}.sub_nav a,.sub_nav a:visited,.sub_nav a:hover{width:auto!important;float:none!important;flex:1 0 42%;min-height:38px;height:auto!important;line-height:38px!important;margin:0!important;font-size:13px}.sub_nav .clear_f{display:none}.left_contact,.left_title2,.left_news{display:none}
 .right{width:100%;padding:0}.right_name{font-size:16px}.right_name font{font-size:11px;margin-left:5px}.right_title p{width:100%;line-height:24px;padding-bottom:6px}.product{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 12px;padding-top:16px}.product li .product_box .buy{right:5px;top:5px;width:38px;height:38px}.product_box p{font-size:12px;line-height:22px}.right_about_con{min-height:0;padding-bottom:28px;margin-top:15px}.right_con{padding-top:16px;padding-bottom:24px}.right_con p{font-size:14px}.right_con span{max-width:100%}.commodity_top .commodity_left{height:280px}.commodity_top .commodity_right .commodity_name{font-size:25px;line-height:42px}.commodity_top .commodity_right .commodity_money{line-height:44px}.commodity_body p{line-height:1.9}.commodity_body .commodity_title{font-size:18px}
 .i_case_bg,.i_case{height:300px}.i_case ul{padding-top:22px;height:260px}.i_case ul li{flex-basis:180px;min-width:180px;height:250px}.i_case ul li a{height:230px}.i_case ul li img{height:176px}.i_case_title .right_name font{display:none}.recommend-controls button{min-height:32px}.foot_nav_bg,.foot_nav{height:auto;min-height:45px}.foot_nav{display:flex;flex-wrap:wrap;justify-content:center;padding:7px 0}.foot_nav a{line-height:36px;margin:0 12px;font-size:13px}.foot_box{height:auto;min-height:0}.foot{margin-top:24px;padding-bottom:24px;min-height:0}.foot p{font-size:12px;line-height:24px}.mian_box .login{width:100%;padding:0}.mian_box .layui-elem-quote{margin-top:12px}
 .demo-form{margin-top:10px}.demo-field input,.demo-field textarea{font-size:16px;min-height:44px}.form-actions{gap:10px}.form-actions a{flex-basis:100%;padding:6px 0}.login-center{padding:24px 20px!important;margin:24px 0!important}.login-header a{font-size:17px!important}.login-center .demo-account{font-size:12px}.cart-row{grid-template-columns:minmax(110px,1fr) 120px 36px;gap:8px}.cart-product{gap:7px}.cart-product img{width:46px;height:46px}.cart-product span{font-size:14px}.cart-quantity button,.cart-quantity input{width:38px;height:42px}.cart-summary p{width:100%}.remove-item{font-size:12px;padding:0}.cart-summary .demo-primary,.cart-summary .demo-secondary{flex:1;text-align:center}#demo-status{width:calc(100% - 32px);bottom:16px}
}
@media(max-width:360px){.cart-row{grid-template-columns:minmax(100px,1fr) 112px 32px;gap:5px}.cart-quantity button,.cart-quantity input{width:36px}.logo{font-size:19px}.demo-badge{display:none}.login-header a{font-size:16px!important}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}