/* The same desktop layout must work at 768px, browser desktop-site width,
   and large monitors. Keep document overflow inside wide data tables only. */
body[data-locale]{min-width:0;margin-top:70px;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft YaHei",Arial,sans-serif;font-weight:400}
body[data-locale] *:not(.glyphicon){font-family:inherit}
body[data-locale] .container{max-width:1280px;min-width:0}
body[data-locale] .container img{max-width:100%;height:auto}
body[data-locale] hr{max-width:100%}
body[data-locale] h1,body[data-locale] h2,body[data-locale] h3,body[data-locale] h4,body[data-locale] h5,body[data-locale] h6{height:auto;line-height:1.4;overflow-wrap:break-word;letter-spacing:0}
body[data-locale] .page-actions{display:flex;justify-content:center;gap:14px;padding:24px 20px 32px}
body[data-locale] .page-actions button{min-width:132px;min-height:46px;padding:10px 18px;border:1px solid #c7c7c7;border-radius:4px;background:#f7f7f7;color:#333;font-size:15px;line-height:1.5;cursor:pointer}
body[data-locale] .page-actions button:hover{background:#eee;border-color:#999}
body[data-locale] .page-actions button:focus-visible{outline:2px solid #1684b6;outline-offset:3px}
body[data-locale] :is(.page-actions,[data-static-list],.product-intro,.product-directory,.pro,.dingdankuang,.contact-layout,.product-list-desktop>.row:nth-child(2),.product-list-mobile>.row:first-child,[data-model-selection]>.row,.Udropdownmenu>.row,.yingyonglingyu .row[style*="margin-bottom"],.footer>.container>.row)::before,
body[data-locale] :is(.page-actions,[data-static-list],.product-intro,.product-directory,.pro,.dingdankuang,.contact-layout,.product-list-desktop>.row:nth-child(2),.product-list-mobile>.row:first-child,[data-model-selection]>.row,.Udropdownmenu>.row,.yingyonglingyu .row[style*="margin-bottom"],.footer>.container>.row)::after{display:none}
body[data-locale] .breadcrumb-w{margin-top:0;padding:18px 0;background:#fff}
body[data-locale] .breadcrumb{float:none;margin:0;padding:0;line-height:1.8;text-align:right;overflow-wrap:break-word}
body[data-locale] .article{width:100%;min-width:0;max-width:100%;overflow-x:auto;line-height:1.8;overscroll-behavior-x:contain}
body[data-locale] .article table{min-width:100%;max-width:none;border-collapse:collapse}
body[data-locale] .article td,body[data-locale] .article th{line-height:1.6;vertical-align:middle;overflow-wrap:normal}
body[data-locale] .table-scroll-hint{margin:12px 0;color:#666;font-size:13px;text-align:left}
body[data-locale] .table-scroll-hint[hidden]{display:none}
body[data-locale] .article p{margin-bottom:12px}
body[data-locale] .article-media-note{margin:16px 0;padding:12px 16px;border-left:2px solid #bbb;background:#f6f6f6;color:#666;font-size:14px;line-height:1.7;text-align:left}
body[data-locale] .article h1,body[data-locale] .article h2,body[data-locale] .article h3{text-transform:none}
body[data-locale] .detail>h3{margin:24px 0 12px;font-size:clamp(22px,2.6vw,32px)}
body[data-locale] .detail>.article{min-height:240px!important}
body[data-locale] .empty-state{margin:24px 0 40px;padding:24px;background:#f7f7f7;color:#666;font-size:15px;line-height:1.8}
body[data-locale] .empty-state a{color:#147da8;text-decoration:underline}
body[data-locale] .additional-page{padding-top:24px;padding-bottom:32px}
body[data-locale] .additional-page h1{font-size:clamp(24px,3vw,36px)}
body[data-locale] .additional-page>.site-search{display:flex;flex-wrap:wrap;align-items:center;gap:12px}
body[data-locale] .additional-page>.site-search input{min-width:0;max-width:100%;min-height:42px;padding:8px 12px;border:1px solid #ccc;border-radius:3px}
body[data-locale] .additional-page>.site-search button{min-height:42px;padding:8px 18px;border:1px solid #bbb;background:#f5f5f5;border-radius:3px}

/* Product cards: keep all names and model descriptions, including English. */
body[data-locale] [data-static-list]{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px 18px;margin:28px 0}
body[data-locale] [data-static-list]>div{float:none;width:auto;min-width:0;margin:0;padding:0}
body[data-locale] .pro-item{display:flex;flex-direction:column;height:100%;padding:12px;border:1px solid #ebebeb;border-radius:4px;background:#fff}
body[data-locale] .pro-item:hover{border:1px solid #c2cfd5}
body[data-locale] .pro-item .imgZoom{display:flex;align-items:center;justify-content:center;width:100%;height:auto;aspect-ratio:4/3;margin:0;overflow:visible}
body[data-locale] .pro-item .imgZoom img{width:100%;max-height:100%;height:100%;object-fit:contain;margin:0}
body[data-locale] .pro-item .imgZoom img:hover{transform:none}
body[data-locale] .pro-item h3{margin:18px 0 8px;font-size:17px;font-weight:600;line-height:1.45}
body[data-locale] .pro-item h4{height:auto;max-height:none;margin:0;padding:0;color:#737373;font-size:14px;font-weight:400;line-height:1.55;overflow:visible;text-overflow:clip;white-space:normal;overflow-wrap:break-word}
body[data-locale] .prolbbt,body[data-locale] .proshowbt{height:auto;margin:24px 0;font-size:clamp(26px,3.2vw,42px);font-weight:600;line-height:1.35;letter-spacing:0;overflow-wrap:break-word}
body[data-locale] .prolbleft1{height:auto;font-size:16px;line-height:1.8}
body[data-locale] .product-list-desktop>.row:nth-child(2){display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:32px;margin:0}
body[data-locale] .product-list-desktop>.row:nth-child(2):has(>div:only-child){grid-template-columns:1fr}
body[data-locale] .product-list-desktop>.row:nth-child(2)>div{float:none;width:auto;min-width:0;padding:0;margin:0!important}
body[data-locale] .product-list-desktop>.row:nth-child(2) img{width:100%;height:auto}
body[data-locale] .serchpro{display:flex;gap:10px;justify-content:flex-start;width:100%;height:auto;margin:20px 0;padding:0;font-size:17px;line-height:1.5}
body[data-locale] .serchpro .xiankuang{flex:1;min-width:0;width:auto;max-width:280px;height:42px;padding:6px 10px;line-height:1.5}
body[data-locale] .serchpro input[type=image]{flex:0 0 36px;width:36px;height:38px;margin:0!important;object-fit:contain}
body[data-locale] .product-intro{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:32px;margin:0;padding-bottom:28px}
body[data-locale] .product-intro>div{float:none;width:auto;min-width:0;padding:0}
body[data-locale] .product-intro .prolbright>img{width:100%;height:auto;object-fit:contain}
body[data-locale] .product-intro-photo-only{grid-template-columns:1fr}
body[data-locale] .product-intro-photo-only>.prolbright{width:100%;max-width:680px;margin:0 auto}
body[data-locale] .product-intro-photo-only .prolbright>img{width:auto;max-width:100%;max-height:480px;margin:0 auto}
body[data-locale] .product-description{font-size:15px;line-height:1.8}
body[data-locale] .product-description p{margin:0 0 12px}
body[data-locale] .shipin{left:50%;width:80px;height:80px}
body[data-locale] .shipin img{width:80px;height:80px;max-width:100%}
body[data-locale] .product-thumbnails{display:flex;flex-wrap:wrap;margin:20px -8px}
body[data-locale] .product-thumbnails>div{padding:8px}
body[data-locale] .product-thumbnails .thumbnail{margin:0}
body[data-locale] .prcfottitle1{height:auto;margin:24px 0 0;font-size:22px;line-height:1.4}

/* Product selection and inquiry forms need flexible text, not 95px line boxes. */
body[data-locale] [data-model-selection]>h3{margin:28px 0 16px;font-size:22px;line-height:1.5}
body[data-locale] .text-style-1{font-size:15px;line-height:1.5;letter-spacing:0}
body[data-locale] [data-model-selection]>.row{display:flex;flex-wrap:wrap;justify-content:center;margin:12px -8px}
body[data-locale] [data-model-selection]>.row>[class*=col-]{display:flex;min-width:0;padding:8px}
body[data-locale] .modelkuang,body[data-locale] .modelkuangdark{height:auto;margin:0;padding:18px;font-size:15px;line-height:1.7;letter-spacing:0;overflow-wrap:break-word}
body[data-locale] .yuanliao1,body[data-locale] .yuanliao1dark,body[data-locale] .yuanliao2,body[data-locale] .yuanliao2dark{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:8px;width:100%;min-height:88px;height:auto;margin:0;padding:16px;font-size:16px;line-height:1.55;letter-spacing:0;overflow-wrap:break-word}
body[data-locale] .yuanliao2 .xiankuang,body[data-locale] .yuanliao2dark .xiankuang{flex:1;min-width:64px;max-width:180px;width:50%;height:32px;line-height:1.5}
body[data-locale] .yuanliao1,body[data-locale] .yuanliao2{color:#555}
body[data-locale] .sendBtn{min-height:42px;height:auto;line-height:1.5;padding:8px 16px;border:1px solid #444;border-radius:3px}
body[data-locale] .msg{float:none;min-width:0;width:100%!important;max-width:1000px;margin:28px auto!important;padding:0}
body[data-locale] .msg .dingdanttbg{padding:14px 16px;font-size:15px;line-height:1.7;margin:0;box-shadow:none;border:1px solid #ddd}
body[data-locale] .dingdankuang{display:grid;grid-template-columns:150px minmax(0,1fr);align-items:stretch;margin:0}
body[data-locale] .dingdankuang>.dingdantt{float:none;width:auto;min-width:0;padding:12px 16px;font-size:15px;line-height:1.65}
body[data-locale] .dingdantt1{background:#fafafa}
body[data-locale] .dingdantt2{margin:0;color:#555;line-height:1.65}
body[data-locale] .f-con{min-height:42px;max-width:100%;line-height:1.5;resize:vertical}
body[data-locale] .legacy-choice{display:inline-flex;align-items:center;gap:6px;min-height:32px;max-width:100%;margin:0 14px 6px 0;line-height:1.5}
body[data-locale] .rightlianxi{margin-top:28px;line-height:1.8;overflow-wrap:break-word}
body[data-locale] .contact-layout{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,1fr);gap:32px;margin:24px 0}
body[data-locale] .contact-layout>div{float:none;width:auto;min-width:0;padding:0}
body[data-locale] .contact-heading{margin:28px 0 12px;font-size:clamp(26px,3vw,36px);font-weight:600}

/* Category directory and news cards expand to their content. */
body[data-locale] .product-directory{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin:24px 0!important}
body[data-locale] .product-directory>div{display:flex;float:none;width:auto;min-width:0;padding:0}
body[data-locale] .product-directory .pro{margin:0}
body[data-locale] .pro{display:grid;grid-template-columns:40% 60%;width:100%;height:auto;min-height:280px;margin:0 0 24px;border:1px solid #e3e3e3;border-radius:5px;overflow:hidden}
body[data-locale] .pro>.proleft,body[data-locale] .pro>.proright{float:none;width:auto;min-width:0;height:auto!important;padding:18px}
body[data-locale] .proleft{background-size:cover}
body[data-locale] .proleft>a{display:flex;flex-direction:column;align-items:center;gap:20px;min-height:244px;height:100%}
body[data-locale] .biaoti{padding:0;font-size:23px;line-height:1.5;overflow-wrap:break-word}
body[data-locale] .morepro{margin:auto auto 0;min-height:34px;line-height:34px;border-radius:3px}
body[data-locale] .proright>.row{margin:0!important}
body[data-locale] .proright .blank{display:grid;grid-template-columns:1fr;gap:12px;height:auto;background:none}
body[data-locale] .proright .xiaofenlipro{float:none;width:100%;min-width:0;padding:0;font-size:13px;font-weight:400;line-height:1.65;overflow-wrap:break-word}
body[data-locale] .newkuang,body[data-locale] .newkuang1{width:100%;height:auto;min-height:46px;line-height:1.5;padding:10px 14px}
body[data-locale] .newkuang>a,body[data-locale] .newkuang1>a{width:100%;height:auto;min-height:24px;line-height:1.5}
body[data-locale] .news-list .media-heading{font-size:20px;line-height:1.5}
body[data-locale] .news-list .media-body{line-height:1.8}
body[data-locale] .news-list img{max-width:200px;height:auto}
body[data-locale] .pagebar nav{flex-wrap:wrap;gap:8px}
body[data-locale] .pagebar a{min-width:36px;text-align:center}
body[data-locale] .pb-carouselWarp{width:100%;max-width:1000px;height:auto!important;aspect-ratio:20/11;margin:32px auto}
body[data-locale] .pb-carouselWarp ul{margin:0;padding:0}
body[data-locale] .pb-carouselWarp .pb-carousel li img{width:100%;height:100%;object-fit:contain}
body[data-locale] .company-content{max-width:100%;margin:0;overflow-x:auto;line-height:1.8}
body[data-locale] .company-content .pe-zd{max-width:100%;width:auto;height:auto}
body[data-locale] .company-content .aboutfotbt{max-width:100%;width:auto;height:auto;line-height:1.5}
body[data-locale] .footer .footer-heading{font-weight:600;color:#fff}
body[data-locale] .footer .footer-qr p{text-align:center}

@media(min-width:768px){
  body[data-locale]{min-width:0;margin-top:70px}
  body[data-locale] .container{width:calc(100% - 48px);min-width:0;padding-left:0;padding-right:0}
  body[data-locale] .navbar-fixed-top{position:fixed}
  body[data-locale] .desktop-view .navbar{height:70px;border:0}
  body[data-locale] .desktop-view .navbar>.container{position:relative;display:flex;align-items:center;gap:18px;height:70px}
  body[data-locale] .desktop-view .navbar>.container::before,body[data-locale] .desktop-view .navbar>.container::after{display:none}
  body[data-locale] .desktop-view .navbar-header{float:none;flex:0 0 clamp(128px,15vw,200px)}
  body[data-locale] .desktop-view .navbar-brand{display:flex;align-items:center;float:none;width:100%;height:auto;padding:0}
  body[data-locale] .desktop-view .navbar-brand img{width:100%;max-height:36px;margin:0;object-fit:contain}
  body[data-locale] .desktop-view .navbar-toggle{display:none}
  body[data-locale] .desktop-view .navbar-collapse{display:flex!important;align-items:center;gap:14px;flex:1;min-width:0;padding:0;border:0;box-shadow:none}
  body[data-locale] .desktop-view .navbar-nav{display:flex;align-items:center;float:none;margin:0;min-width:0}
  body[data-locale] .desktop-view :is(.navbar-collapse,.navbar-nav)::before,body[data-locale] .desktop-view :is(.navbar-collapse,.navbar-nav)::after{display:none}
  body[data-locale] .desktop-view .navbar-nav:not(.navbar-right){flex:1;justify-content:flex-end}
  body[data-locale] .desktop-view .navbar-nav>li{position:static;float:none;min-width:0}
  body[data-locale] .desktop-view .navbar-nav>li>a{display:flex;align-items:center;justify-content:center;min-height:70px;padding:10px 8px;color:#f5f5f5;font-size:clamp(11px,1.02vw,14px);line-height:1.4;text-align:center;white-space:normal}
  body[data-locale] .desktop-view .navbar-nav>li>a:hover,body[data-locale] .desktop-view .navbar-nav>li>a:focus,body[data-locale] .desktop-view .navbar-nav>li.open>a{background:#252525;color:#fff}
  body[data-locale] .desktop-view .navbar-right{flex:0 0 auto;gap:14px;padding:0!important}
  body[data-locale] .desktop-view .navbar-right>a{display:inline-flex;align-items:center;gap:4px;padding:0!important;font-size:12px!important;line-height:1.5;white-space:nowrap}
  body[data-locale] .desktop-view .navbar-right .glyphicon{font-size:12px!important;margin-right:0!important}
  body[data-locale] .desktop-view .Udropdownmenu{top:100%!important;left:0!important;right:0;min-width:0;max-width:100%;width:100%;max-height:calc(100vh - 86px);max-height:calc(100dvh - 86px);margin:0;padding:24px;border:1px solid #333;border-radius:0 0 5px 5px;background:#151515;color:#eee;overflow-y:auto;overscroll-behavior:contain;box-shadow:0 12px 24px #0004}
  body[data-locale] .desktop-view .Udropdownmenu a{color:#eee}
  body[data-locale] .desktop-view .Udropdownmenu a:hover,body[data-locale] .desktop-view .Udropdownmenu a:focus-visible{color:#fff;text-decoration:underline}
  body[data-locale] .desktop-view .Udropdownmenu>.row{display:flex;gap:20px;margin:0!important;padding:0!important}
  body[data-locale] .desktop-view .topproleft{flex:0 0 120px;float:none;width:auto;min-width:0;padding:0}
  body[data-locale] .desktop-view .topproleft h2{margin:0 0 16px;color:#fff;font-size:19px;line-height:1.5;text-align:left}
  body[data-locale] .desktop-view .topproleft p{font-size:13px;line-height:1.6;text-align:left}
  body[data-locale] .desktop-view .topproright{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;flex:1;float:none;width:auto;min-width:0;padding:0}
  body[data-locale] .desktop-view .topxldh{float:none;width:auto;min-width:0;padding:0;text-align:left}
  body[data-locale] .desktop-view .topxldh>a{display:block;color:#eee;font-size:13px;line-height:1.6;letter-spacing:0;text-align:left;overflow-wrap:break-word}
  body[data-locale] .desktop-view .topxldh img{width:100%!important;height:auto;aspect-ratio:220/84;margin-bottom:10px;object-fit:contain;background:#fff}
  body[data-locale] .desktop-view .topxldh .xiaofenli>a{display:block;height:auto;padding:5px 0;font-size:12px;font-weight:400;line-height:1.5;letter-spacing:0}
  body[data-locale] .desktop-view .Udropdownmenu:not(.chuimoji):not(.zhidaiji)>.row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}
  body[data-locale] .desktop-view .hero-area{top:0}
  body[data-locale] .desktop-view .yingyonglingyu{margin-top:0!important;padding:44px 0 24px}
  body[data-locale] .desktop-view .yingyonglingyu>h2{max-width:1200px;height:auto;margin:0 auto 32px;padding:0 24px;font-size:clamp(24px,2.6vw,36px);line-height:1.4;text-wrap:balance}
  body[data-locale] .desktop-view .yingyonglingyu .liekuan{float:left;width:20%;padding:6px}
  body[data-locale] .desktop-view .yingyonglingyu .liekuan img{width:100%;height:auto;margin:0}
  body[data-locale] .desktop-view .yingyonglingyu .wenzi{max-width:1000px;margin:24px auto 0;padding:0 16px;font-size:14px;line-height:1.9}
  body[data-locale] .desktop-view .syprofl{margin:24px 0}
  body[data-locale] .desktop-view .syprofl .row1{display:grid;gap:12px}
  body[data-locale] .desktop-view .syprofl .row1>div{float:none;width:100%;padding:0}
  body[data-locale] .desktop-view .syprofl .imgZoom{height:auto!important}
  body[data-locale] .desktop-view .syprofl img{width:100%;height:auto;margin:0}
  body[data-locale] .desktop-view .syprofl img:hover{transform:none}
  body[data-locale] .desktop-view .yingyonglingyu .row[style*="margin-bottom"]{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin:0 0 20px!important}
  body[data-locale] .desktop-view .yingyonglingyu .row[style*="margin-bottom"]>div{float:none;width:auto;min-width:0;padding:0}
  body[data-locale] .desktop-view .yingyonglingyu .row[style*="margin-bottom"] .imgZoom{height:auto!important}
  body[data-locale] .desktop-view .yingyonglingyu .row[style*="margin-bottom"] img{width:100%;height:auto;margin:0}
  body[data-locale] .desktop-view .yingyonglingyu img:hover{transform:none}
  body[data-locale] .desktop-company .mobile-company{display:grid;grid-template-columns:1fr 1fr;grid-template-areas:"photo heading" "photo body" "photo more" "photo certificates" "stats stats";gap:14px 36px;max-width:1280px;margin:0 auto;padding:48px 24px}
  body[data-locale] .desktop-company .mobile-company-content{display:contents}
  body[data-locale] .desktop-company .mobile-company-photo{grid-area:photo;align-self:center;width:100%;height:auto;margin:0}
  body[data-locale] .desktop-company .mobile-company-header{grid-area:heading;margin:0 0 4px;padding:0 0 16px}
  body[data-locale] .desktop-company .mobile-company-title{font-size:clamp(24px,2.4vw,34px);line-height:1.35}
  body[data-locale] .desktop-company .mobile-company-body{grid-area:body;font-size:14px;line-height:1.8}
  body[data-locale] .desktop-company .mobile-company-more{grid-area:more;justify-self:start;margin:0}
  body[data-locale] .desktop-company .mobile-company-certificates{grid-area:certificates;max-width:400px;width:100%;height:auto;margin:0}
  body[data-locale] .desktop-company .mobile-company-stats{grid-area:stats;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-top:24px}
  body[data-locale] .desktop-company .mobile-company-stat{min-height:100px;padding:18px;text-align:center}
  body[data-locale] .desktop-company .mobile-company-stat dd{font-size:32px;line-height:1.2}
  body[data-locale] .desktop-exhibition .mobile-exhibition{max-width:1280px;margin:0 auto;padding:0 24px 24px}
  body[data-locale] .desktop-exhibition .mobile-exhibition-card{display:grid;grid-template-columns:2fr 1fr;align-items:center}
  body[data-locale] .desktop-exhibition .mobile-exhibition-copy{padding:24px}
  body[data-locale] .desktop-view .footer{padding:36px 0 20px}
  body[data-locale] .desktop-view .footer>.container{padding-top:0!important}
  body[data-locale] .desktop-view .footer>.container>.row{display:grid;grid-template-columns:1fr 2fr 130px 1fr 1.2fr;gap:24px;margin:0;align-items:start}
  body[data-locale] .desktop-view .footer .row>div{float:none;width:auto;min-width:0;padding:0}
  body[data-locale] .desktop-view .footer p{font-size:13px;line-height:1.8;overflow-wrap:break-word}
  body[data-locale] .desktop-view .footer .logo img{width:110px;height:110px;max-width:100%;object-fit:contain}
  body[data-locale] .desktop-view .ft-copy{display:flex;justify-content:space-between;gap:24px;margin-top:24px;padding-top:18px;border-top:1px solid #ffffff26;font-size:12px;line-height:1.8}
  body[data-locale] .desktop-view .ft-copy>br{display:none}
  body[data-locale] .desktop-view .ft-copy .pull-right{float:none!important}
  body[data-locale] .company-banner{display:grid;grid-template-columns:1fr;isolation:isolate;min-height:380px;overflow:hidden}
  body[data-locale] .company-banner>img{grid-area:1/1;width:100%;height:100%;max-height:560px;min-height:380px;object-fit:cover}
  body[data-locale] .company-banner::after{content:"";grid-area:1/1;z-index:0;background:#0004}
  body[data-locale] .company-banner .abouttt1,body[data-locale] .company-banner .abouttt2,body[data-locale] .company-banner .abouttt3{position:absolute;left:50%;transform:translateX(-50%);z-index:1;max-width:calc(100% - 64px);width:680px;text-align:center}
  body[data-locale] .company-banner .abouttt1{top:42px;font-size:32px;line-height:1.4}
  body[data-locale] .company-banner .abouttt2{top:110px;font-size:15px;line-height:1.9}
  body[data-locale] .company-banner .abouttt2 br{display:none}
  body[data-locale] .company-banner .abouttt3{top:auto;bottom:36px;font-size:20px;line-height:1.5;cursor:pointer}
}

@media(min-width:768px) and (max-width:991px){
  body[data-locale] .col-md-1{float:left;width:8.33333333%}body[data-locale] .col-md-2{float:left;width:16.66666667%}body[data-locale] .col-md-3{float:left;width:25%}body[data-locale] .col-md-4{float:left;width:33.33333333%}body[data-locale] .col-md-5{float:left;width:41.66666667%}body[data-locale] .col-md-6{float:left;width:50%}body[data-locale] .col-md-7{float:left;width:58.33333333%}body[data-locale] .col-md-8{float:left;width:66.66666667%}body[data-locale] .col-md-9{float:left;width:75%}body[data-locale] .col-md-10{float:left;width:83.33333333%}body[data-locale] .col-md-11{float:left;width:91.66666667%}body[data-locale] .col-md-12{float:left;width:100%}
  body[data-locale] .desktop-view .navbar>.container{gap:12px}
  body[data-locale] .desktop-view .navbar-collapse{gap:8px}
  body[data-locale] .desktop-view .navbar-nav>li>a{padding:10px 6px}
  body[data-locale] .desktop-view .navbar-right{gap:8px}
  body[data-locale] .desktop-view .navbar-right>a{font-size:11px!important}
  body[data-locale] .desktop-view .topproleft{flex-basis:100px}
  body[data-locale] .desktop-view .topproright{gap:10px}
  body[data-locale] .desktop-view .footer>.container>.row{grid-template-columns:1fr 2fr 110px;gap:24px}
  body[data-locale] .desktop-view .footer .row>div:nth-child(4){grid-column:1/2}
  body[data-locale] .desktop-view .footer .row>div:nth-child(5){grid-column:2/4}
}

@media(max-width:767px){
  body[data-locale] .container{width:100%}
  body[data-locale] [data-static-list]{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 12px}
  body[data-locale] .pro-item{padding:8px}
  body[data-locale] .pro-item h3{font-size:15px}
  body[data-locale] .pro-item h4{font-size:13px}
  body[data-locale] .product-list-mobile>.row:first-child{display:grid;grid-template-columns:1fr;gap:12px}
  body[data-locale] .product-list-mobile>.row:first-child>div{width:100%;padding:0;text-align:left!important}
  body[data-locale] .product-list-mobile .prolbbt{margin:16px 0 0;font-size:24px}
  body[data-locale] .product-list-mobile .serchpro{margin:16px 0}
  body[data-locale] .product-intro{display:flex;gap:20px}
  body[data-locale] .product-intro>.product-description{order:-1}
  body[data-locale] [data-model-selection]>.row>[class*=col-md-3]:not(.col-xs-6){width:50%}
  body[data-locale] [data-model-selection]>.row>[class*=col-md-6]{width:100%}
  body[data-locale] .yuanliao1,body[data-locale] .yuanliao1dark,body[data-locale] .yuanliao2{font-size:14px;min-height:76px;padding:12px}
  body[data-locale] .dingdankuang{grid-template-columns:1fr}
  body[data-locale] .contact-layout{grid-template-columns:1fr;gap:8px}
  body[data-locale] .dingdankuang>.dingdantt{padding:10px 12px}
  body[data-locale] .dingdantt1{padding-bottom:0!important;background:#fff}
  body[data-locale] .news-list .media-left{padding-right:12px}
  body[data-locale] .news-list img{max-width:110px}
  body[data-locale] .news-list .media-heading{font-size:17px}
  body[data-locale] .company-content{margin:0}
  body[data-locale] .pro{grid-template-columns:1fr}
  body[data-locale] .product-directory{grid-template-columns:1fr}
  body[data-locale] .proleft>a{min-height:180px}
  body[data-locale] .page-actions{gap:12px;padding:18px 16px 24px}
  body[data-locale] .page-actions button{flex:1;min-width:0;max-width:180px}
  body[data-locale] .yingyonglingyu h2{height:auto;font-size:24px;line-height:1.4}
  body[data-locale] .mobile-view .footer{padding:30px 0 20px}
  body[data-locale] .mobile-view .footer>.container{width:calc(100% - 40px);padding:0}
  body[data-locale] .mobile-view .footer>.container>.row{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin:0}
  body[data-locale] .mobile-view .footer .row>div{float:none;width:auto;min-width:0;padding:0}
  body[data-locale] .mobile-view .footer .row>div:nth-child(1),body[data-locale] .mobile-view .footer .footer-contact{grid-column:1/-1}
  body[data-locale] .mobile-view .footer .footer-qr{order:1;grid-column:1/-1}
  body[data-locale] .mobile-view .footer p{margin-bottom:8px;font-size:13px;line-height:1.8;overflow-wrap:break-word}
  body[data-locale] .mobile-view .footer .logo img{width:110px;height:110px;margin-bottom:8px;object-fit:contain}
  body[data-locale] .mobile-view .ft-copy{display:flex;flex-wrap:wrap;gap:12px;margin-top:22px;padding-top:18px;border-top:1px solid #ffffff26;font-size:12px;line-height:1.8;overflow-wrap:break-word}
}