body{overflow-x:hidden}
.brand{width:235px;flex:0 0 235px;position:relative}
.brand:before{content:"";position:absolute;right:100%;top:0;width:max(0px,calc((100vw - 1200px)/2 + 2px));height:100%;background:#f8b500}
.home-page .main-nav>.nav-home-item{background:#f8b500}
.hero{position:relative}
.hero .hero-slide{position:absolute;inset:0;opacity:0;transition:opacity .7s ease;pointer-events:none}
.hero .hero-slide.active{opacity:1;pointer-events:auto}
.application-card .application-image{display:block;position:static;width:auto;height:auto;line-height:normal;background:none;clip-path:none}
.application-card .application-more{position:absolute;right:0;bottom:0;width:32px;height:32px;text-align:center;line-height:26px;background:#087fc2;color:#fff;font-size:38px;clip-path:polygon(100% 0,100% 100%,0 100%)}
.home-news-date{width:60px;height:59px;background:#198ede;color:#fff;text-align:center;flex:0 0 60px}
.home-news-date b{display:block;font-size:24px;line-height:36px}
.home-news-date span{font-size:12px}
.news-list article>div:last-child{min-width:0}
.news-list article p{margin:4px 0 0;color:#999;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.inside-hero{height:400px;background:#e9edf0 url("../images/banner-technology.jpg") center/cover no-repeat;position:relative;overflow:hidden}
.inside-hero:after{display:none}
.inside-hero-inner{width:min(1200px,calc(100% - 64px));height:100%;margin:auto;display:flex;align-items:flex-end;justify-content:space-between;position:relative;z-index:1;padding-bottom:26px}
.inside-hero h1{margin:0;color:#fff;font-size:28px;font-weight:500;text-shadow:0 1px 3px rgba(0,0,0,.3)}
.inside-hero p{margin:2px 0 0;color:#f4b70b;font-size:15px;text-transform:uppercase}
.inside-hero img{display:none}
.inside-shell{width:min(1200px,100%);margin:0 auto 58px;min-height:480px;padding:0 240px 42px 0;position:relative}
.breadcrumb{height:58px;display:flex;align-items:center;color:#666;border-bottom:1px solid #e1e1e1;font-size:13px}
.breadcrumb a{color:#087fc2}
.inside-sidebar{position:absolute;right:0;top:-46px;width:200px;background:#003c71;color:#fff}
.inside-sidebar-title{height:90px;display:flex;flex-direction:column;justify-content:center;align-items:center;background:#064574;position:relative}
.inside-sidebar-title:before{content:"";position:absolute;left:0;top:0;border-top:18px solid #f8b500;border-right:18px solid transparent}
.inside-sidebar-title strong{font-size:16px;font-weight:500}
.inside-sidebar-title span{font-size:12px;color:#428bca;margin-top:12px}
.subnav{display:flex;flex-direction:column;margin:0;padding-bottom:24px}
.subnav a{height:50px;padding:0 12px;text-align:center;line-height:50px;background:#003c71;color:#fff;border-bottom:1px solid rgba(255,255,255,.45)}
.subnav a:hover,.subnav a.active{background:#087fc2;color:#fff;border-bottom-color:#f8b500}
.inside-list{max-width:920px;margin:18px 0 0 0}
.inside-news-item{display:grid;grid-template-columns:68px 1fr;gap:20px;padding:15px 0;border-bottom:1px solid #e4e4e4}
.inside-news-item time{height:64px;background:#198ede;color:#fff;text-align:center}
.inside-news-item time b{display:block;font-size:26px;line-height:38px}
.inside-news-item time span{display:block;font-size:12px}
.inside-news-item h2{font-size:16px;font-weight:400;color:#4c4c4c;margin:1px 0 5px}
.inside-news-item h2 a:hover{color:#087fc2}
.inside-news-item p{margin:0;color:#999;font-size:13px;line-height:1.75}
.simple-list-page{margin-top:20px}
.simple-list-page article{height:38px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ddd;padding:0 28px 0 20px;position:relative}
.simple-list-page article:before{content:"";position:absolute;left:5px;width:9px;height:9px;border-radius:50%;background:#ff8a00;box-shadow:inset 0 0 0 2px #fff}
.simple-list-page h2{font-size:14px;font-weight:400;margin:0;color:#666}
.simple-list-page h2 a:hover{color:#087fc2}
.simple-list-page time{color:#999}
.product-grid-page{display:grid;grid-template-columns:repeat(3,1fr);gap:28px 35px}
.product-card-page{text-align:center;background:#fff}
.product-card-page img{width:100%;height:200px;object-fit:contain;border:1px solid #ededed}
.product-card-page h2{margin:12px 0 3px;font-size:16px;font-weight:400;color:#4c4c4c}
.product-card-page p{margin:0;color:#999}
.pager{text-align:center;margin:36px auto 4px}
.pager a,.pager span{display:inline-block;min-width:30px;height:30px;line-height:30px;margin:0 3px;padding:0 8px;background:#eee;color:#666}
.pager .active,.pager a:hover{background:#198ede;color:#fff}
.detail-page{max-width:920px;margin:18px 0 0}
.detail-page>h1{text-align:center;color:#555;font-size:22px;margin:6px 0 9px}
.detail-meta{text-align:center;color:#999;font-size:12px;border-bottom:1px solid #eee;padding-bottom:16px;margin-bottom:26px}
.detail-body{font-size:15px;color:#555;line-height:2;text-align:justify;overflow:hidden}
.detail-body p{margin:0 0 15px}
.detail-body img{max-width:100%;height:auto!important;display:block;margin:15px auto}
.detail-body figure{display:inline-block;width:31%;margin:1%;vertical-align:top}
.detail-body figure img{width:100%;margin:0}
.prev-next{display:flex;justify-content:space-between;gap:25px;border-top:1px solid #ddd;margin-top:35px;padding-top:18px;color:#777}
.product-detail-top{display:grid;grid-template-columns:440px 1fr;gap:38px;margin:30px 0}
.product-detail-top>img{width:100%;height:340px;object-fit:contain;border:1px solid #eee}
.product-detail-top h2{color:#555;font-size:22px;font-weight:500;margin:15px 0 25px}
.product-detail-top p{color:#888}
.product-detail-top a{display:inline-block;background:#f4b70b;color:#fff;padding:9px 30px;margin-top:15px}
.product-info-title{font-size:16px;font-weight:400;border-bottom:2px solid #198ede;padding:10px 14px;margin:15px 0 22px;background:#f5f5f5}
.single-page>h1{font-size:24px;margin-bottom:28px}
.single-body{text-align:left;background:#fff; padding:20px}
.single-body:after{content:"";display:block;clear:both}
.single-body figure{float:left;width:31%;margin:1%}
.single-body .legacy-copy{clear:both;}
.contact-page{display:grid;grid-template-columns:1.3fr 1fr;gap:30px}
.contact-map iframe{width:100%;height:420px;border:0;background:#eee}
.contact-card-page{padding:20px 12px;color:#666}
.contact-card-page h1{font-size:20px;color:#333;margin:0 0 24px}
.message-page{max-width:700px;margin:auto}
.message-page h1{text-align:center;color:#555}
.message-form label{display:block;margin-top:14px}
.message-form input,.message-form textarea{display:block;width:100%;border:1px solid #e4aa00;background:#fff;padding:9px;margin-top:5px}
.message-form textarea{height:120px;resize:vertical}
.message-form button{width:100%;border:0;background:#198ede;color:#fff;padding:11px;margin-top:18px}
.footer-contact-strip{width:min(1000px,calc(100% - 40px));margin:-24px auto 28px;display:flex;align-items:center;gap:30px;color:#666}
.footer-contact-strip>div{width:200px;height:80px;background:#fff;padding:13px 18px}
.footer-contact-strip span,.footer-contact-strip strong{display:block}
.footer-contact-strip strong{color:#064574;font-size:18px}
.footer-contact-strip p{margin:0}

/* Source-site measured desktop geometry */
@media(min-width:801px){
  .site-header{z-index:30}
  .main-nav{height:40px;margin-left:-2px;gap:0;align-self:flex-end;overflow:visible}
  .main-nav>.nav-item{position:relative;width:96px;height:40px;flex:0 0 96px}
  .main-nav>.nav-item>.nav-link{width:86px;height:40px;padding:0;justify-content:center;background:transparent}
  .main-nav>.nav-item:hover,.main-nav>.nav-item:focus-within,.main-nav>.nav-item.active{background:#f8b500}
  .main-nav>.nav-item:hover>.nav-link,.main-nav>.nav-item:focus-within>.nav-link,.main-nav>.nav-item.active>.nav-link{background:transparent}
  .nav-submenu{position:absolute;left:0;top:40px;z-index:50;display:none;width:96px;background:#4a86e8;box-shadow:0 3px 8px rgba(0,0,0,.12)}
  .nav-submenu:has(>a){min-height:36px}
  .main-nav>.nav-item:hover>.nav-submenu,.main-nav>.nav-item:focus-within>.nav-submenu{display:block}
  .nav-submenu:not(:has(>a)){display:none!important;min-height:0!important;background:transparent;box-shadow:none}
  .main-nav>.nav-scode-12>.nav-submenu{display:none!important}
  .main-nav .nav-submenu>a{display:flex;width:96px;height:36px;padding:0;align-items:center;justify-content:center;background:#4a86e8;color:#fff;font-size:14px;line-height:36px;white-space:nowrap}
  .main-nav .nav-submenu>a:hover,.main-nav .nav-submenu>a:focus{background:#f8b500;color:#fff;outline:0}
  .main-nav>.nav-scode-13>.nav-submenu{left:-36px;width:168px}
  .main-nav>.nav-scode-13>.nav-submenu>a{width:168px;padding:0 10px}
  .main-nav>.nav-scode-14>.nav-submenu{flex-direction:column}
  .main-nav>.nav-scode-14:hover>.nav-submenu,.main-nav>.nav-scode-14:focus-within>.nav-submenu{display:flex}
  .nav-scode-14 .nav-sub-141{order:1}
  .nav-scode-14 .nav-sub-142{order:2}
  .nav-scode-14 .nav-sub-143{order:3}
  .inside-shell{padding-right:230px}
  .inside-list,.detail-page{max-width:970px}
}

@media(max-width:800px){
  .main-nav>.nav-item{width:100%;height:auto}
  .main-nav>.nav-item>.nav-link{width:100%;height:44px}
  .nav-submenu{display:block;position:static;width:100%;background:#003c72}
  .nav-submenu:empty{display:none}
  .main-nav .nav-submenu>a{height:40px;padding-left:45px;background:#0b568f;border-top:1px solid rgba(255,255,255,.12);font-size:13px}
}

.inside-sidebar-title{background:#064574 url("../images/sidebar-title.jpg") center/cover no-repeat}
.inside-sidebar-title:before{width:23px;height:18px;border:0;background:url("../images/sidebar-corner.png") no-repeat;left:0;top:0}
.inside-sidebar-title strong{font-size:16px;line-height:21px;font-weight:400}
.inside-sidebar-title span{line-height:16px}
.sidebar-title-inquiry{display:none!important}
.scode-181 .sidebar-title-default{display:none!important}
.scode-181 .sidebar-title-inquiry{display:block!important}
.subnav{padding-bottom:24px}
.subnav a{font-size:14px;line-height:50px}
.sidebar-figure{width:200px;height:200px;background:url("../images/sidebar-figure.jpg") center/cover no-repeat;position:relative}
.sidebar-figure:after{content:"";position:absolute;left:0;top:100%;width:23px;height:18px;background:url("../images/sidebar-corner.png") no-repeat}
.sidebar-hotline{height:100px;background:#fff;color:#666;padding:25px 28px 0}
.sidebar-hotline span{display:block;font-size:13px}
.sidebar-hotline strong{display:block;color:#064574;font-size:18px;line-height:28px}
.tcode-14 .inside-sidebar .subnav,
.tcode-15 .inside-sidebar .subnav,
.tcode-16 .inside-sidebar .subnav,
.tcode-18 .inside-sidebar .subnav{display:none}

.single-page{margin-top:18px;padding:10px 13px 0}
.single-body:has(.legacy-copy)>figure{display:none}
.single-body{font-size:14px;line-height:1.55}
.single-body p{margin:0 0 14px}
.scode-163 .single-body{display:grid;grid-template-columns:repeat(2,450px);column-gap:28px}
.scode-163 .single-body>.legacy-copy{clear:none;line-height:0}
.scode-163 .single-body>.legacy-copy .wp-media_content{display:block}
.scode-163 .single-body .img_over{margin-left:0!important}
.scode-111 .single-body{display:grid;grid-template-columns:288px 295px 295px;column-gap:10px;row-gap:30px;margin-top:-23px;margin-left:-11px}
.scode-111 .single-body>.legacy-copy{clear:none;line-height:0}
.scode-111 .single-body>.legacy-copy:nth-of-type(3n){margin-left:25px}
.scode-111 .single-body>.legacy-copy .wp-media_content{display:block}
.scode-111 .single-body .img_over{margin-left:0!important}

.news-list-page{width:970px;max-width:none;margin-top:13px;padding:12px 35px;background:#fff}
.inside-news-item{grid-template-columns:60px 1fr;gap:12px;height:94px;min-height:94px;padding:15px 0}
.inside-news-item time{height:60px}
.inside-news-item time b{font-size:24px;line-height:36px}
.inside-news-item h2{margin:2px 0 0;font-size:16px}
.news-list-template .inside-news-item p{display:none}

.simple-list-page{width:970px;max-width:none;margin-top:20px}
.simple-list-page article{height:38px}
.simple-list-page article:before{left:5px;width:9px;height:9px;background:#ff8a00;box-shadow:inset 0 0 0 2px #fff,0 0 0 1px #ff8a00}

.product-grid-page{width:970px;max-width:none;grid-template-columns:repeat(3,300px);gap:28px 35px;margin-top:35px}
.product-card-page>a{width:300px;height:200px;border:1px solid #ededed;display:flex;align-items:center;justify-content:center;background:#fff}
.product-card-page img{display:block;width:260px;height:auto;max-height:200px;object-fit:contain;border:0}

.four-column-product-grid .product-grid-page{grid-template-columns:repeat(4,210px);column-gap:20px;row-gap:10px}
.four-column-product-grid .product-card-page{width:210px;background:transparent}
.four-column-product-grid .product-card-page>a{width:210px;height:210px}
.four-column-product-grid .product-card-page img{width:210px;height:210px;max-height:none;object-fit:cover}
.four-column-product-grid .product-card-page h2{height:20px;margin:8px 4px 0;font-size:14px;line-height:20px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.scode-112.four-column-product-grid .product-grid-page{margin-top:27px}
.scode-113.four-column-product-grid .product-grid-page{margin-top:31px}
.four-column-product-grid .pager{display:none}
.scode-112.four-column-product-grid .inside-shell{margin-bottom:62px}
.scode-113.four-column-product-grid .inside-shell{margin-bottom:70px}

.three-column-gallery-grid .product-grid-page{margin-top:48px;row-gap:19px}
.three-column-gallery-grid .product-card-page>a{width:300px;height:300px}
.three-column-gallery-grid .product-card-page img{max-width:280px;width:auto;height:280px;max-height:280px;object-fit:contain}
.three-column-gallery-grid .product-card-page h2{height:20px;margin:8px 8px 0;font-size:14px;line-height:20px;overflow:hidden}
.scode-143.three-column-gallery-grid .product-card-page>a{height:200px}
.scode-143.three-column-gallery-grid .product-card-page img{width:250px;height:188px;max-height:188px}
.scode-143.three-column-gallery-grid .product-card-page h2{height:40px;line-height:20px}
.scode-143.three-column-gallery-grid .product-grid-page{row-gap:52px}
.scode-143.three-column-gallery-grid .inside-shell{margin-bottom:29px}
.scode-162.three-column-gallery-grid .product-grid-page{row-gap:32px}
.scode-162.three-column-gallery-grid .pager{display:none}
.scode-162.three-column-gallery-grid .inside-shell{margin-bottom:109px}

.scode-131.single-content-page .single-page{margin-top:-1px;padding:0}
.scode-131.single-content-page .single-body .img_over{margin-left:0}
.scode-131.single-content-page .inside-shell{margin-bottom:15px}
.scode-132.single-content-page .inside-shell{margin-bottom:52px}

.article-detail-template .inside-hero,
.message-template .inside-hero{background-image:url("../images/inner-products.jpg")!important}
.article-detail-template .detail-page{width:970px;max-width:none;margin-top:35px;padding:20px;background:#fff}
.article-detail-template .detail-page>h1{font-size:16px;line-height:27px;margin:0;color:#555}
.article-detail-template .detail-meta{height:42px;line-height:23px;padding:0 0 10px;margin:0 0 20px}
.article-detail-template .detail-body{font-size:14px;line-height:1.7}

.product-detail-template .detail-page{width:970px;max-width:none;margin-top:40px;padding:20px;background:#fff}
.product-detail-template .detail-page>h1{font-size:16px;line-height:33px;margin:0;color:#555;font-weight:400}
.product-date{text-align:center;color:#777;font-size:12px;line-height:23px}
.product-rule{height:13px;margin-top:0;border:1px solid #ddd;background:#f5f5f5}
.product-gallery{padding-top:81px;text-align:center}
.product-main-image{display:block;width:300px;height:182px;object-fit:contain;margin:0 auto}
.product-thumbs{height:68px;margin:70px auto 64px;display:flex;justify-content:center;align-items:center;gap:8px}
.product-thumbs button{width:23px;height:60px;border:0;background:#f5f5f5;color:#c40000;font-size:30px;line-height:55px;padding:0}
.product-thumbs span{width:64px;height:64px;border:2px solid #b80000;display:flex;align-items:center;justify-content:center}
.product-thumbs img{width:60px;height:40px;object-fit:contain}
.product-detail-template .prev-next{display:block;border:0;margin:0;padding:0;color:#666}
.product-detail-template .prev-next span{display:block;margin:4px 0}

.contact-page{display:block;width:970px;height:720px;margin-top:18px;padding-top:9px;position:relative}
.contact-page h1{margin:0;color:#0870a9;text-align:center;font-size:18px;line-height:26px;font-weight:400}
.contact-details{position:absolute;left:0;top:51px;color:#0870a9;font-size:14px}
.contact-details p{height:48px;line-height:17px;margin:0}
.contact-map-image{position:absolute;left:375px;top:62px;width:559px;height:237px;object-fit:cover}
.contact-regions-image{position:absolute;left:201px;top:399px;width:798px;height:309px;object-fit:contain}

.message-page{width:970px;max-width:none;margin:18px 0 0;padding-top:9px}
.message-page h1{margin:0;text-align:center;color:#0870a9;font-size:18px;line-height:26px;font-weight:400}
.message-form{margin-top:26px;padding:20px;background:#fff}
.message-form label{display:block;margin:0;color:#666;font-size:12px;line-height:34px}
.message-form input,.message-form textarea{display:block;width:100%;height:34px;margin:0 0 8px;padding:5px;border:1px dashed #aaa;background:#eee}
.message-form textarea{height:132px}
.message-captcha>span{display:flex;width:310px;align-items:center;gap:12px}
.message-form .message-captcha input{width:180px;margin-bottom:0}
.message-captcha img{display:block;width:118px;height:34px;cursor:pointer;border:1px solid #d5d5d5;background:#fff;object-fit:cover}
.message-form button{width:100px;height:40px;margin:12px 0 0;border:0;background:#007bc7;color:#fff}

.footer-contact-strip{display:none}
.tcode-14 .simple-list-page{margin-top:11px}
.tcode-14 .simple-list-page article,
.tcode-17 .simple-list-page article{height:30px}
.tcode-17 .simple-list-page article{padding-left:37px}
.tcode-17 .simple-list-page article:before{left:20px}
.simple-list-page h2 a{display:block;line-height:26px}
.tcode-16 .single-page{margin-top:0;padding:12px 0 0}
.single-content-page .single-body .img_over{margin-left:15px}
.news-list-template .inside-shell{padding-bottom:0;margin-bottom:12px}
.application-list-template .inside-shell{height:379px;min-height:0;padding-bottom:0;margin-bottom:33px}
.tcode-17.simple-list-template .inside-shell{margin-bottom:22px}
.single-content-page.tcode-11 .inside-shell{margin-bottom:49px}
.single-content-page.tcode-16 .inside-shell{margin-bottom:129px}
.contact-template .inside-shell{margin-bottom:81px}
.message-template .inside-shell{margin-bottom:109px}
.article-detail-template .inside-shell{margin-bottom:25px}
.product-list-template .inside-shell{padding-bottom:0;margin-bottom:36px}
.tcode-15.product-list-template .inside-shell{margin-bottom:30px}
.product-detail-template .inside-shell{min-height:927px}
.site-footer{background:#00315c}

@media(min-width:801px){
  .home-page .search-ribbon{height:98px;margin-top:-37px}
  .home-page .ribbon-inner{height:68px;margin:0 auto;padding:0 65px 0 58px;transform:translateX(2px)}
  .home-page .ribbon-inner:before{border-top-width:68px}
  .home-page .ribbon-inner p{line-height:16px}
  .home-page .application-grid{grid-template-columns:repeat(3,386px);gap:21px}
  .home-page .applications .section-title{margin-bottom:31px}
  .home-page .application-card{width:386px;height:470px;padding:3px 3px 22px;overflow:hidden}
  .home-page .application-card .application-image{width:380px;height:300px}
  .home-page .application-card img{width:380px;height:300px}
  .home-page .application-card h3{margin:8px 3px}
  .home-page .application-card p{margin:0 5px;-webkit-line-clamp:5}
  .home-page .company-contact{padding:21px 20px}
  .home-page .company-contact h2{font-size:18px;white-space:nowrap}
  .home-page .company-intro{height:383px;min-height:383px}
  .home-page .company-photo{height:383px}
  .home-page .company-section{padding-bottom:54px}
  .home-page .products .section-title{margin-bottom:48px}
  .home-page .product-layout{grid-template-columns:240px 1fr;gap:36px}
  .home-page .product-categories{display:flex;flex-direction:column}
  .home-page .product-categories .category-heading{order:0}
  .home-page .product-categories .category-heading img{display:none}
  .home-page .product-categories .category-heading:before{display:none}
  .home-page .product-categories>a:nth-of-type(1),
  .home-page .product-categories>a:nth-of-type(2){display:none}
  .home-page .product-categories>a:nth-of-type(3){order:1}
  .home-page .product-categories>a:nth-of-type(4){order:2}
  .home-page .product-categories>a:nth-of-type(8){order:3}
  .home-page .product-categories>a:nth-of-type(9){order:4}
  .home-page .product-categories>a:nth-of-type(5){order:5}
  .home-page .product-categories>a:nth-of-type(6){order:6}
  .home-page .product-categories>a:nth-of-type(7){order:7}
  .home-page .product-list{grid-template-columns:repeat(4,201px);gap:7px 29px;align-content:start;padding-top:18px}
  .home-page .product-list article{width:201px;height:248px}
  .home-page .product-image{width:201px;height:200px}
  .home-page .product-list h3{height:48px;display:flex;align-items:center;justify-content:center;margin:0}
  .home-page .product-list p{display:none}
  .home-page .news-title{margin-bottom:16px}
  .home-page .news-list{min-width:0;gap:25px}
  .home-page .news-list article{padding-left:12px;align-items:flex-start}
  .home-page .news-list article p{display:none}
  .home-page .news-list img{width:130px;height:90px;object-fit:cover}
  .home-page .news-list article:nth-child(1)>img{content:url("/static/upload/image/20260724/home-news-1.webp")}
  .home-page .news-list article:nth-child(2)>img{content:url("/static/upload/image/20260724/home-news-2.webp")}
  .home-page .news-list article:nth-child(3)>img{content:url("/static/upload/image/20260724/home-news-3.webp")}
  .home-page .news-list article:nth-child(4)>img,
  .home-page .news-list article:nth-child(5)>img{content:url("/static/upload/image/20260724/home-news-4.webp")}
  .home-page .contact-form{width:419px;justify-self:end}
  .home-page .contact-form img{width:419px;height:79px;margin-bottom:9px}
  .home-page .contact-form label{margin-top:29px}
  .home-page .contact-form input,
  .home-page .contact-form textarea{width:402px}
  .home-page .contact-form button{width:400px}
  .home-page .friend-links{margin-top:47px}
}
@media(max-width:800px){
  .brand{width:170px;flex-basis:170px}.brand:before{display:none}
  .hero{height:auto;aspect-ratio:12/5}
  .inside-hero{height:220px}.inside-hero-inner{width:calc(100% - 30px);padding-bottom:18px}.inside-hero h1{font-size:22px}
  .inside-shell{width:calc(100% - 20px);padding:0 15px 30px}.inside-sidebar{position:static;width:100%;margin:15px 0}.inside-sidebar-title{height:66px}.subnav{flex-direction:row;flex-wrap:wrap;padding:0}.subnav a{min-width:auto;height:40px;line-height:40px;padding:0 11px}
  .product-grid-page{grid-template-columns:repeat(2,1fr);gap:18px 12px}.product-card-page img{height:160px}
  .detail-page>h1{font-size:20px}.product-detail-top{grid-template-columns:1fr;gap:10px}.product-detail-top>img{height:260px}
  .contact-page{grid-template-columns:1fr}.prev-next{display:block}.prev-next span{display:block;margin-top:8px}
  .footer-contact-strip{display:none}.single-body figure{width:48%}
}
@media(max-width:460px){.product-grid-page{grid-template-columns:1fr}.single-body figure{width:100%;margin:8px 0}}

/* 2026-07-26 source-site fidelity and interaction pass */
.company-label:before{display:none}
.product-categories a:before{
  content:"";
  width:25px;
  height:25px;
  border-radius:0;
  background:transparent url("../images/product-category-arrow.png") center/25px 25px no-repeat;
}
.friend-links{
  min-height:64px;
  margin-top:38px;
  margin-bottom:0;
  font:12px/1.4 Arial,"Microsoft YaHei",sans-serif;
}
.friend-links a{display:inline;color:#4b4b4b;white-space:nowrap}
.friend-links a:hover{color:#087fc2;text-decoration:underline}
.home-captcha>span{display:flex;align-items:center;width:402px;gap:10px}
.contact-form .home-captcha input{width:274px;margin-top:6px}
.contact-form .home-captcha img{
  display:block;
  width:118px;
  height:40px;
  margin:6px 0 0;
  border:1px solid #d5d5d5;
  background:#fff;
  object-fit:cover;
  cursor:pointer;
}

.subnav-group{display:block}
.subnav-group>.subnav-parent{display:block}
.subnav-children{display:block;background:#064574}
.subnav-children:empty{display:none}
.subnav-children a{
  display:block;
  height:50px;
  padding:0 10px;
  font-size:14px;
  line-height:50px;
  text-align:center;
  color:#fff;
  border-bottom:1px solid rgba(255,255,255,.72);
}
.subnav-children a:hover,.subnav-children a.active{background:#087fc2;color:#fff}
.subnav-group.active>.subnav-parent{background:#087fc2;color:#fff;border-bottom-color:#f8b500}
.application-list-template .inside-shell{height:auto;min-height:430px}

.service-widget{position:fixed;right:15px;top:200px;z-index:10000;width:53px;height:90px}
.service-float{
  display:block;
  width:53px;
  height:90px;
  padding-top:52px;
  color:#fff;
  font-size:14px;
  line-height:20px;
  text-align:center;
  background:transparent url("../images/service-tab.png") 0 0/53px 90px no-repeat;
}
.service-panel{
  display:none;
  position:absolute;
  right:0;
  top:-67px;
  width:191px;
  height:400px;
  background:transparent url("../images/service-panel.png") 0 0/191px 400px no-repeat;
}
.service-widget:hover .service-float,.service-widget:focus-within .service-float{visibility:hidden}
.service-widget:hover .service-panel,.service-widget:focus-within .service-panel{display:block}
.service-panel-label{position:absolute;left:20px;top:165px;width:42px;color:#fff;text-align:center;line-height:20px}
.service-contacts{position:absolute;left:72px;top:100px;width:105px}
.service-contacts a{
  display:block;
  height:35px;
  margin-bottom:5px;
  padding-left:26px;
  color:#7d7d7d;
  font-size:13px;
  line-height:25px;
  white-space:nowrap;
  background:transparent url("../images/service-qq.png") 8px 6px/16px 16px no-repeat;
}
.service-contacts a:hover{color:#ff7a12}

.lightbox-trigger{cursor:zoom-in}
.image-viewer[hidden]{display:none!important}
.image-viewer{
  position:fixed;
  inset:0;
  z-index:20000;
  display:grid;
  grid-template-columns:110px minmax(0,1fr) 110px;
  align-items:center;
  gap:20px;
  padding:70px 36px 38px;
  background:rgba(0,0,0,.78);
}
.image-viewer figure{grid-column:2;grid-row:1;max-width:calc(100vw - 300px);max-height:calc(100vh - 108px);margin:0 auto;text-align:center}
.image-viewer figure img{display:block;max-width:100%;max-height:calc(100vh - 145px);margin:auto;object-fit:contain;box-shadow:0 8px 40px rgba(0,0,0,.35)}
.image-viewer figcaption{min-height:28px;padding-top:8px;color:#fff;font-size:13px}
.image-viewer button{height:44px;border:1px solid rgba(255,255,255,.65);background:rgba(0,0,0,.25);color:#fff;cursor:pointer}
.image-viewer button:hover,.image-viewer button:focus{border-color:#f8b500;background:#f8b500;outline:0}
.image-viewer-close{position:absolute;right:28px;top:22px;width:72px}
.image-viewer-prev{grid-column:1;grid-row:1}
.image-viewer-next{grid-column:3;grid-row:1}

@media(min-width:801px){
  .site-header:before{content:"";position:absolute;left:0;top:0;bottom:0;width:calc((100% - min(1200px,100%))/2);background:#f8b500}
  .brand:before{display:none}
  .home-page .search-ribbon{height:98px;margin-top:-37px}
  .home-page .ribbon-inner{
    width:1000px;
    height:112px;
    margin:0 auto;
    padding:0 65px 44px 58px;
    transform:translateX(2px);
    background:transparent url("../images/search-ribbon.png") center top/1000px 112px no-repeat;
  }
  .home-page .ribbon-inner:before,.home-page .ribbon-inner:after{display:none}
  .home-page .application-card{padding:0 0 22px;background:#fff;overflow:hidden}
  .home-page .application-card .application-image{
    display:block;
    width:386px;
    height:306px;
    padding:3px;
    overflow:hidden;
    background:transparent;
    transition:background-color .25s ease;
  }
  .home-page .application-card:hover .application-image,
  .home-page .application-card:focus-within .application-image,
  .home-page .application-card.is-hovered .application-image{background:#ff6600}
  .application-image-track{display:block;position:relative;width:380px;height:300px;overflow:hidden}
  .home-page .application-card .application-image-track img{
    position:absolute;
    top:0;
    width:380px;
    height:300px;
    object-fit:cover;
    transition:left .5s ease;
  }
  .home-page .application-card .application-image-track img:first-child{left:0}
  .home-page .application-card .application-image-track img:last-child{left:-380px}
  .home-page .application-card:hover .application-image-track img:first-child,
  .home-page .application-card:focus-within .application-image-track img:first-child,
  .home-page .application-card.is-hovered .application-image-track img:first-child{left:380px}
  .home-page .application-card:hover .application-image-track img:last-child,
  .home-page .application-card:focus-within .application-image-track img:last-child,
  .home-page .application-card.is-hovered .application-image-track img:last-child{left:0}
  .home-page .application-card h3{margin:8px 7px}
  .home-page .application-card p{margin:0 7px}
  .home-page .application-card .application-more{
    display:block;
    right:0;
    bottom:0;
    width:38px;
    height:53px;
    line-height:normal;
    background:none;
    clip-path:none;
    overflow:hidden;
  }
  .home-page .application-card .application-more img{position:absolute;inset:0;width:38px;height:53px;transition:opacity .25s ease}
  .home-page .application-card .application-more img:last-child{opacity:0}
  .home-page .application-card .application-more:hover img:first-child,
  .home-page .application-card .application-more:focus img:first-child{opacity:0}
  .home-page .application-card .application-more:hover img:last-child,
  .home-page .application-card .application-more:focus img:last-child{opacity:1}
  .home-page .product-categories .category-heading{position:relative;background:#f8b500;overflow:hidden}
  .home-page .product-categories .category-heading:before{display:none}
  .home-page .product-categories .category-heading img{display:block;position:absolute;inset:0;width:240px;height:140px;margin:0;object-fit:cover}
  .home-page .product-categories .category-heading b{position:relative;z-index:1;margin-top:65px;color:#fff;font-size:20px}
}

@media(max-width:800px){
  .service-widget{display:none}
  .service-panel{top:auto;bottom:-67px}
  .image-viewer{grid-template-columns:76px minmax(0,1fr) 76px;gap:8px;padding:70px 8px 20px}
  .image-viewer figure{max-width:calc(100vw - 176px)}
  .news-layout,.news-list,.news-list article,.contact-form{width:100%;min-width:0;max-width:100%}
  .news-list article>div{width:calc(100% - 112px);min-width:0}
  .news-list article a,.news-list article p{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .contact-form input,.contact-form textarea,.contact-form button{width:100%;max-width:100%}
  .home-captcha>span{width:100%}
  .contact-form .home-captcha input{width:calc(100% - 128px)}
  .application-image-track{display:block;width:100%;height:220px;overflow:hidden}
  .application-card .application-image-track img:first-child{display:block;width:100%;height:220px;object-fit:cover}
  .application-card .application-image-track img:last-child{display:none}
  .application-card .application-more{width:38px;height:53px;background:none;clip-path:none;overflow:hidden}
  .application-card .application-more img:first-child{display:block;width:38px;height:53px}
  .application-card .application-more img:last-child{display:none}
}