 :root {
   --primary-dark: #0B1426;
   --secondary-dark: #0F1D32;
   --accent-gold: #E8A838;
   --accent-gold-light: #F0C050;
   --accent-orange: #D4832A;
   --text-primary: #FFFFFF;
   --text-secondary: #94A3B8;
   --text-muted: #64748B;
   --border-color: rgba(255, 255, 255, 0.1);
   --card-bg: rgba(255, 255, 255, 0.05);
   --gradient-gold: linear-gradient(135deg, #E8A838 0%, #F0C050 50%, #D4832A 100%);
   --gradient-dark: linear-gradient(180deg, #0B1426 0%, #0F1D32 100%);
   --shadow-gold: 0 0 30px rgba(232, 168, 56, 0.3);
 }

 :root {
   --c-bg: #f6f8fc;
   --c-surface: #ffffff;
   --c-text: #0f172a;
   --c-text-2: #334155;
   --c-text-3: #64748b;
   --c-border: rgba(15, 23, 42, .10);
   --c-primary: #0f1a26;
   --c-primary-2: #0ea5e9;
   --c-accent: #06b6d4;
   --c-success: #16a34a;
   --c-warn: #f59e0b;
   --c-danger: #ef4444;
   --shadow-sm: 0 1px 2px rgba(15, 23, 42, .06), 0 1px 1px rgba(15, 23, 42, .04);
   --shadow-md: 0 10px 30px rgba(15, 23, 42, .10);
   --shadow-lg: 0 18px 60px rgba(15, 23, 42, .14);
   --r-sm: 4px;
   --r-md: 8px;
   --r-lg: 10px;
   --sp-1: 4px;
   --sp-2: 8px;
   --sp-3: 12px;
   --sp-4: 16px;
   --sp-5: 20px;
   --sp-6: 24px;
   --sp-8: 32px;
   --sp-10: 40px;
   --sp-12: 48px;
   --sp-16: 64px;
   --sp-20: 80px;
   --container: 1200px;
   --container-n: 920px;
   --ease: cubic-bezier(.2, .8, .2, 1);
   --t: .22s var(--ease);
   --font: -apple-system, BlinkMacSystemFont, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Noto Sans CJK SC", Segoe UI, Roboto, Helvetica, Arial, sans-serif;
   --font-display: -apple-system, BlinkMacSystemFont, "PingFang SC", "Microsoft YaHei", Segoe UI, Roboto, Helvetica, Arial, sans-serif;
   --grad: linear-gradient(135deg, rgba(37, 99, 235, .14), rgba(6, 182, 212, .12) 55%, rgba(14, 165, 233, .10));
   --grad-strong: linear-gradient(135deg, #2563eb, #06b6d4 58%, #0ea5e9);
   --grid-gap: 18px;
 }

 :root {
   --geo-ink: #132033;
   --geo-muted: #526278;
   --geo-line: #e7edf4;
   --geo-soft: #f5f8fb;
   --geo-brand: #1a4b8c;
   --geo-brand-2: #123d5a;
   --geo-accent: #1b4138;
   --geo-shadow: 0 18px 45px rgba(19, 32, 51, .08);
 }

 :root {
   --primary: #e60000;
   --primary-light: rgb(0 116 52 / 10%);
   --primary-border: rgba(22, 93, 255, 0.20);
   --primary-dark: #045c43;
   --text-dark: #1d2129;
   --text-gray: #7a7a7a;
   --text-light: #86909c;
   --bg-body: #f7f8fa;
   --bg-card: #ffffff;
   --border-color: #e5e6eb;
   --radius: 12px;
   --shadow: 0 4px 20px rgba(22, 93, 255, 0.08);
   --shadow-hover: 0 8px 30px rgba(22, 93, 255, 0.12);
   --transition: all 0.3s ease;
 }

 * {
   margin: 0;
   padding: 0;
   box-sizing: border-box;
 }

 html {
   scroll-behavior: smooth;
 }

 img {
   max-width: 100%;
 }

 body {

   overflow-x: hidden;
 }

 .icon {
   width: 1em;
   height: 1em;
   vertical-align: middle;
   fill: currentColor;
   overflow: hidden;
 }


 .byw-header-topbar,
 .byzwPC-topbar {
   float: left;
   display: block;
   margin-bottom: 10px;
   width: 100%;
   background-color: #F5F5F5;
   box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
 }

 .byw-header-topbar .byw-width-1200,
 .byzwPC-topbar .byzwPC-width-1200 {
   margin: 0 auto;
   display: block;
   max-width: 1400px;
   height: 36px;

 }

 .byw-header-topbar ul,
 .byzwPC-topbar ul {
   float: left;
   display: inline;
   margin: 0;
   padding: 0;
 }

 .byw-header-topbar ul:first-of-type,
 .byzwPC-topbar ul:first-of-type {
   width: 80%;
   text-align: left;
 }

 .byw-header-topbar ul:last-of-type,
 .byzwPC-topbar ul:last-of-type {
   float: right;
   width: 20%;
   text-align: right;
 }

 .byw-header-topbar ul li,
 .byzwPC-topbar ul li {
   float: none !important;
   display: inline-block;
   font-size: 14px;
   line-height: 35px;
   color: #CCC;
 }

 .byw-header-topbar ul:first-of-type li,
 .byzwPC-topbar ul:first-of-type li {
   float: left;
 }

 .byw-header-topbar ul:first-of-type li a,
 .byzwPC-topbar ul:first-of-type li a {
   padding-left: 5px;
   padding-right: 5px;
   font-size: 14px;
   line-height: 35px;
   color: #666;
 }

 .byw-header-topbar ul:first-of-type li:first-of-type a:first-of-type,
 .byzwPC-topbar ul:first-of-type li:first-of-type a:first-of-type {
   padding-left: 10px;
 }

 .byw-header-topbar ul:last-of-type li:not(:first-of-type)::before,
 .byzwPC-topbar ul:last-of-type li:not(:first-of-type)::before {
   /*float: left;
	top: 12px;*/
   display: inline-block;
   content: "";
   position: relative;
   top: 1px;
   left: 1px;
   width: 2px;
   height: 12px;
   background-color: #DDD;
 }

 .byw-header-topbar ul:last-of-type li a,
 .byzwPC-topbar ul:last-of-type li a {
   padding-left: 10px;
   padding-right: 10px;
   font-size: 14px;
   line-height: 35px;
   color: #666;
 }

 .byw-header-topbar ul:last-of-type li a,
 .byzwPC-topbar .byzwPC-width-1200 ul:last-of-type li a {
   padding-left: 10px;
   padding-right: 10px;
 }



 .ShopVideo {
   float: left;
   display: block;
   position: relative;
   width: 100%;
   height: 0;
   padding-bottom: 56.25%;
   overflow: hidden;
 }

 .ShopVideo iframe {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   overflow: hidden;
 }

 html {
   overflow: auto;
 }

 body {
   overflow: visible;
   padding: 0 auto;
   margin: 0 auto;
   font-family: "Segoe UI", "Lucida Grande", Helvetica, Arial, "Microsoft YaHei", FreeSans, Arimo, "Droid Sans", "wenquanyi micro hei", "Hiragino Sans GB", "Hiragino Sans GB W3", FontAwesome, sans-serif;
   line-height: 1.6;
   background-color:
     /*#FAFAFA*/
     /*#F5F5F5*/
     #FFF;
 }

 ul,
 li,
 ol {
   list-style: none;
 }

 .byw-width-1200 {
   width: 1400px;
   margin: 0 auto;
 }


 /* é¦–é¡µ */

 .byw-topbar {
   height: 120px;
   /*border-top: 1px solid #EEE;*/
 }

 .byw-topbar-logo {
   float: left;
   display: block;
   margin-top: 25px;
   margin-right: 20px;
   height: 80px;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
   /*width: 250px;*/
 }

 .byw-topbar-logo img {
   width: 100%;
 }

 .byw-topbar-title {
   float: left;
   display: block;
   padding: 10px;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
 }

 .byw-topbar-title h1,
 .byw-topbar-title h2 {
   margin-top: 20px;
   margin-bottom: 5px;
   font-size: 28px;
   font-weight: 500;
   line-height: 30px;
   /*margin-top: 30px;
    margin-bottom: 10px;
    font-size: 30px;
    line-height: 34px;*/
   color: #333;
   text-shadow: 2px 2px 2px #F0F0F0;
 }

 .byw-topbar-title h1 a,
 .byw-topbar-title h2 a {
   color: #333;
 }

 .byw-topbar-title h2 {
   padding-top: 15px;
 }

 .byw-topbar-title span {
   font-size: 16px;
   line-height: 14px;
   color: #696969;
   text-shadow: 1px 1px 1px #FFF;
 }

 .byw-topbar-title span a {
   color: #696969;
 }

 .byw-contact-number {
   float: right;
   color: #e60000;
   font-size: 36px;
   margin-top: 40px;
   font-weight: 500;
 }

 .byw-contact-number .btn-default {
   display: inline-block;
   margin-top: -10px;
   margin-left: 20px;
   padding: 10px 20px;
   height: 38px;
   font-size: 16px;
   line-height: 18px !important;
   letter-spacing: 2px !important;
   text-indent: 4px !important;
   text-align: center !important;
   color: #FFF !important;
   background-color: #1A73E8 !important;
   border: 1px solid #1A73E8 !important;
   border-radius: 3px !important;
 }


 /* pcå¯¼èˆª */

 .byw-nav {
   /*background-color: #000;*/
   /*background-color: #e60000;*/
   background-color: transparent;
   height: 48px;
   text-align: center;
   margin-bottom: 15px;
 }

 .byw-nav-menu {
   margin-bottom: 0;
   padding-left: 0;
   height: 48px;
   display: flex;
   background-color: #e60000;
   justify-content: center;
   align-items: center;
 }


 /*.byw-nav-menu::-webkit-scrollbar {
	width: 4px;
	height: 1px;
}

.byw-nav-menu::-webkit-scrollbar-thumb {
	border-radius: 10px;
	box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.05);
	background-color: rgba(255, 255, 255, 0.65);
}

.byw-nav-menu::-webkit-scrollbar-track {
	box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.05);
	border-radius: 0;
	background-color: #e60000;
}*/

 .byw-nav-menu li {
   list-style: none;
   display: inline;
 }


 /*.byw-nav-menu li a {
	display: inline-block;
	color: #FFF;
	padding: 11px 25px;
	width: 114px;
}*/

 .byw-nav-menu li a {
   display: block;
   color: #FFF;
   line-height: 48px;
   padding: 0 12px;
   font-size: 16px;
 }

 .byw-nav-menu li a:hover,
 .byw-a-f-skin {
   color: #FFF;
   /*background-color: #9b9b9b;*/
   background-color: #FF0000;
 }


 /*äº§å“åˆ†ç±»ä¸‹æ‹‰èœå•*/

 .byw-nav-menu li>ul {
   position: absolute;
   z-index: 1000;
   display: none;
   left: 0;
   width: 1400px;
 }

 .byw-nav-menu li:hover>ul {
   display: block;
   top: 102%;
 }

 .byw-nav-menu ul>li>ul li {
   padding-left: 5px;
   position: relative;
   display: inline-block;
 }

 .byw-nav-menu ul li a {
   min-width: 125px;
   padding: 5px 15px;
   width: 100%;
 }

 .byw-nav-menu ul>li>div>a:hover {
   text-decoration: underline;
   background: none;
 }

 .byw-nav-menu ul>li>div>a {
   font-size: 15px;
   padding: 0;
 }


 /*äº§å“ä¿¡æ¯*/

 .byw-products-title {
   color: #333;
   font-size: 24px;
 }

 .byw-products-title p {
   text-align: center;
   border-bottom: 7px solid #e60000;
   padding-bottom: 8px;
   margin-bottom: 3px;
   box-shadow: 0 1px 8px rgba(128, 64, 64, 0.4);
 }

 .byw-bj-white {
   background-color: #FFF;
 }

 .byw-am-gallery-item-1 {
   padding: 0;
   float: left;
   display: block;
   width: 100%;
   border: 1px solid #CCC;
   -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, .25);
   box-shadow: 0 0 3px rgba(0, 0, 0, .25);
 }

 .byw-am-gallery-item-1 .byw-img {
   float: left;
   display: block;
   position: relative;
   height: 0;
   padding-bottom: 66.66%;
   width: 100%;
   overflow: hidden;
 }

 .byw-am-gallery-item-1 .byw-img img {
   position: absolute;
   width: 100% !important;
   height: 100% !important;
   top: 0;
   left: 0;
 }

 .byw-am-gallery-title {
   float: left;
   font-size: 18px;
   color: #e60000;
   font-weight: 700;
   width: 100%;
   padding-top: 8px;
   padding-bottom: 5px;
 }

 .byw-am-gallery-desc {
   float: left;
   width: 100%;
   padding-bottom: 5px;
   margin-bottom: 10px;
   height: 55px;
   font-size: 16px;
   line-height: 24px;
   color: #333;
   overflow: hidden;
   white-space: normal;
   text-overflow: ellipsis;
 }

 .byw-am-gallery-desc:hover {
   color: #e60000;
 }


 /*å·¦éƒ¨åˆ†å¼€å§‹*/

 .byw-mainLeft {
   float: left;
   display: block;
   /*margin-bottom: 20px;*/
   margin-right: 20px;
   width: 380px;
 }

 .byw-mainLeftA {
   display: block;
   margin-bottom: 20px;
   padding-bottom: 20px;
   background-color: #FFF;
   border: 1px #e3e3e3 solid;
   border-top-color: #000;
 }

 .byw-mainLeftA-title {
   padding: 20px 25px 10px 25px;
   font-weight: 700;
   font-size: 18px;
   color: #333;
 }

 .byw-mainLeftA-classification {
   padding-left: 15px;
   margin-top: 0;
   padding-right: 15px;
 }

 .byw-mainLeftA-classification li {
   border-bottom: 1px dashed #DDD;
 }

 .byw-mainLeft .byw-mainLeftA ul li {
   float: left;
   display: block;
   padding-left: 10px;
   padding-top: 10px;
   width: 100%;
   font-size: 16px;
   line-height: 24px;
   color: #282828;
 }

 .byw-mainLeft .byw-mainLeftA ul li span {
   float: left;
   display: block;
   width: 25%;
   font-size: 15px;
   letter-spacing: 1px;
   color: #666;
 }

 .byw-mainLeft .byw-mainLeftA ul li i {
   margin-right: 8px;
   font-size: 14px;
   color: #999;
 }

 .byw-mainLeft .byw-mainLeftA ul li font {
   float: left;
   display: block;
   width: 75%;
 }

 .byw-mainLeft .byw-mainLeftA ul li font img.photo-wechat {
   float: left;
   display: block;
   margin-bottom: 10px;
   width: 100%;
   max-width: 120px;
 }

 .byw-mainLeft .byw-mainLeftA ul li a {
   margin-right: 5px;
   font-size: 16px;
   color: #333;
 }

 .byw-mainLeft .byw-mainLeftA ul li a.call {
   float: left;
   display: block;
   width: 100%;
   font-size: 18px;
   font-weight: 700;
   color: #EE0000;
 }

 .byw-mainLeft .byw-mainLeftA ul li a.btnMore {
   margin-top: 10px;
   margin-bottom: 10px;
   margin-right: 0;
   width: 97%;
   height: 40px;
   font-size: 16px;
   line-height: 20px;
   letter-spacing: 1px;
   text-align: center;
   color: #fff;
   cursor: pointer;
   background-color: #018BF6;
   border-radius: 5px;
 }

 .byw-mainLeft .byw-mainLeftA ul li a.btnLink {
   margin-top: 10px;
   margin-bottom: 10px;
   margin-right: 0;
   width: 97%;
   height: 40px;
   font-size: 18px;
   line-height: 20px;
   letter-spacing: 2px;
   text-align: center;
   color: #e60000;
   border-radius: 5px;
   border: 1px solid #e60000;
 }

 .byw-mainLeft .byw-mainLeftA ul li a.btnMore:hover,
 .byw-mainLeft .byw-mainLeftA ul li a.btnLink:hover {
   background-color: #e60000;
   color: #FFF;
 }

 .byw-mainLeft .byw-mainLeftA ul li.view {
   /*display: none;*/
   margin-top: 10px;
   padding-top: 5px;
   padding-bottom: 5px;
   font-size: 16px;
   color: #666;
   text-indent: 5px;
   border-top: 1px dashed #DDD;
 }


 /*äº§å“çŸ¥è¯†*/

 .byw-newsList-newsDetail p {
   font-size: 13px;
   line-height: 14px;
   color: #AAAAAA;
   margin-top: 12px;
   margin-bottom: 12px;
   letter-spacing: 1px;
 }


 /*å‹æƒ…é“¾æŽ¥*/

 .line {
   border-bottom: 0 !important;
 }


 /*åˆ†äº«*/

 .byw-share {
   padding: 0 15px 15px 15px;
 }

 .byw-share span {
   padding-left: 10px;
   float: left;
   display: block;
   line-height: 44px;
 }


 /*å³éƒ¨åˆ†å¼€å§‹*/

 .byw-mainRight {
   float: right;
   display: block;
   margin-top: 0 !important;
   /*margin-bottom: 20px;*/
   width: 1000px;
 }

 .byw-mainRightB {
   margin-bottom: 20px;
   padding: 20px;
   font-size: 18px;
   line-height: 36px;
   background-color: #FFF;
   border: 1px solid #e3e3e3;
   border-top-color: #000;
 }


 /*company*/

 .byw-mainRightB-title {
   font-weight: 700;
   font-size: 20px;
   color: #333;
 }

 .byw-vi {
   /* width: 300px; */
   padding-right: 20px;
   float: left;
   padding-top: 21px;
 }

 .byw-company-title {
   float: left;
   display: block;
   margin-top: 20px;
   margin-bottom: 20px;
   width: 100%;
 }

 .byw-company-title h2 {
   margin: 0;
   font-size: 20px;
   font-weight: 700;
   line-height: 36px;
   letter-spacing: 1px;
 }

 .byw-company-title h3 {
   margin: 0;
   padding-top: 10px;
   font-size: 18px;
   font-weight: 700;
   line-height: 36px;
   letter-spacing: 1px;
 }


 /*äº§å“ä¿¡æ¯2*/

 .byw-link-block-dongtai {
   width: auto;
   /*padding: 10px;*/
 }

 .byw-link-block-dongtai ul {
   padding-left: 0;
   margin-bottom: 0;
 }

 .byw-link-block-dongtai ul li .byw-news-img {
   float: left;
   position: relative;
   width: 26%;
   height: 0;
   padding-bottom: 17.3%;
   overflow: hidden;
 }

 .byw-link-block-dongtai ul li .byw-news-img img {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
 }

 .byw-link-block-dongtai a {
   display: inline-block;
   padding: 15px 0;
   height: auto;
   width: 100%;
   border-bottom: 1px dashed #CCC;
   -webkit-transition: background-color 400ms;
   transition: background-color 400ms;
 }

 .byw-link-block-dongtai a .byw-summary {
   float: left;
   padding-left: 25px;
   width: 74%;
   height: 100%;
   color: #333;
 }

 .byw-link-block-dongtai a h1 {
   color: #333;
   margin-bottom: 0;
   line-height: 30px;
   font-size: 20px;
   text-align: left;
 }

 .byw-link-block-dongtai a h3 {
   margin: 5px 0;
   color: #888;
   font-size: 16px;
   font-weight: 400;
   text-align: left;
 }

 .byw-link-block-dongtai a h3 span {
   font-size: 18px;
   color: #e60000;
   font-weight: 700;
   padding-right: 10px;
 }

 .byw-link-block-dongtai a p {
   text-align: left;
   margin: 0;
   font-size: 18px;
   line-height: 30px;
   color: #333;
   letter-spacing: 1pt;
   overflow: hidden;
   text-overflow: ellipsis;
   display: -webkit-box;
   -webkit-box-orient: vertical;
   -webkit-line-clamp: 3;
 }


 /*æŽ¨èä¾›åº”å•†*/

 .byw-mainRightB-more {
   float: right;
   font-size: 12px;
   font-weight: normal;
 }

 .byw-mainRightB-title a {
   color: #000;
 }

 .byw-mainRightB-title a:hover {
   color: #e60000;
 }

 .byw-supplier ul {
   padding-left: 0;
   margin-top: 20px;
   font-size: 15px;
   color: #333;
   margin-bottom: 0;
 }

 .byw-supplier ul li {
   width: 100%;
   border-bottom: 1px #d8d8d8 dotted;
   height: 45px;
   line-height: 45px;
   overflow: hidden;
 }

 .byw-supplier-name {
   background-color: #fafafa;
   font-weight: bold;
   border: none !important;
 }

 .byw-supplier ul li font {
   float: left;
   display: block;
   width: 35%;
   padding-left: 15px;
 }

 .byw-supplier ul li font a {
   color: #333;
 }

 .byw-supplier ul li font a:hover {
   color: #e60000;
 }

 .byw-supplier ul li h3 {
   width: 65%;
   float: left;
   display: block;
   margin-top: 0;
   margin-bottom: 0;
 }

 .byw-supplier-span span {
   font-weight: normal;
   margin-right: 10px;
   color: #b2b2b2;
   display: block;
   float: left;
 }


 /* ç™¾ä¸šç½‘åº— - é’ˆå¯¹å¼•ç”¨æ ·å¼å…¼å®¹é”™è¯¯çš„æ”¹åŠ¨ */

 .byzwPC-shopList {
   float: none;
 }

 .byzwPC-shopList ul {
   padding: 0;
 }

 .byzwPC-shopList ul li a {
   color: currentcolor;
 }


 /*å…è´£å£°æ˜Ž*/

 .byw-Disclaimer {
   background-color: #FFF;
   border: 1px #e3e3e3 solid;
   padding: 20px 80px;
   margin-top: 30px;
 }

 .byw-Disclaimer-details {
   font-size: 14px;
 }

 .byw-Disclaimer-details p {
   color: #e60000;
   margin-bottom: 5px;
   margin-top: 0;
 }

 .byw-Disclaimer-details span {
   width: 91%;
   float: right;
   color: #333;
 }


 /*footer*/
 .custom-html-style {
   font-size: 14px;
   line-height: 2;
 }

 .am-cf.container {
   max-width: 1400px;
   margin: 0 auto;
   padding: 15px 0;
   gap: 10px;
   display: flex;
   align-items: center;
 }

 .byw-footer {
   margin-top: 40px;
   padding-top: 20px;
   padding-bottom: 50px;
   border-top: 2px solid #DDD;
 }

 .byw-footer p {
   font-size: 16px;
   line-height: 30px;
   color: #666;
   text-align: center;
 }

 .byw-footer p a {
   /* padding-left: 5px;
	padding-right: 5px; */
   color: #666;
 }

 .byw-footer p strong {
   padding: 0 5px;
   font-family: impact;
   font-size: 24px;
   line-height: 30px;
   color: #FF4040;
 }

 .byw-footer p img {
   max-width: 220px;
   width: 100%;
 }

 .mainRight_inner .products-grid {
   grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
   padding: 0;
   gap: 20px;
   margin-top: 15px;
 }

 .mainRight_inner .products-grid .product-content {
   padding: 6px 15px;
 }


 /*å›žåˆ°é¡¶éƒ¨*/
 .byw-am-gotop-fixed {
   display: flex;
   display: -webkit-flex;
   justify-content: center;
   -webkit-justify-content: center;
   align-items: center;
   -webkit-align-items: center;
   background-color: #555555;
 }

 .byw-am-gotop-fixed .byw-am-gotop-icon {
   width: 100%;
   line-height: 32px;
   background-color: #555;
   vertical-align: middle;
   color: #ddd;
   border-radius: 50%;
 }

 .byw-am-gotop-fixed i {
   float: left;
   display: inline;
   margin: 0 !important;
   width: 23px !important;
   height: 12px !important;
   background: url("/assets/img/icon_goTop.png") no-repeat;
 }

 .byw-am-gotop-fixed .byw-am-gotop-icon:hover {
   color: #fff
 }


 /* é¦–é¡µ ç»“æŸ*/


 /* ç¿»é¡µ */

 .byw-am-pagination {
   float: left;
   display: block;
   width: 100%;
 }

 .byw-am-pagination a {
   color: #999;
 }


 /* infoDetail  */

 .byw-infoDetail {
   float: left;
   display: block;
   width: 100%;
 }

 .byw-infoDetail .title {
   float: left;
   display: block;
   padding: 15px 40px;
   width: 100%;
   font-size: 14px;
   line-height: 26px;
   color: #999;
   text-align: center;
 }

 .byw-infoDetail .title h1 {
   margin-top: 15px;
   margin-bottom: 15px;
   font-size: 24px;
   font-weight: 400;
   line-height: 36px;
   letter-spacing: 1px;
   color: #333;
 }

 .byw-infoDetail .photo {
   float: left;
   display: block;
   padding: 15px 40px;
   margin: 0 auto;
   width: 100%;
   text-align: center;
 }

 .byw-infoDetail .photo img {
   width: 100%;
   max-width: 420px;
   overflow: hidden;
 }

 .byw-infoDetail .price {
   float: left;
   display: block;
   padding: 15px 40px;
   width: 100%;
 }

 .byw-infoDetail .price span {
   font-size: 18px;
   font-weight: 700;
   letter-spacing: 1px;
   color: #FF4040;
 }

 .byw-infoDetail .content {
   float: left;
   display: block;
   padding: 15px 40px;
   width: 100%;
 }

 .byw-infoDetail .content p {
   font-size: 18px;
   line-height: 36px;
   text-align: justify;
 }

 .byw-infoDetail .content p:not(:last-of-type) {
   margin-top: 0;
   margin-bottom: 28px;
 }

 .byw-infoDetail .content img {
   display: block;
   margin: 0 auto;
   max-width: 760px;
   height: auto;
 }


 /* newsDetail */

 .byw-newsDetail {
   float: left;
   display: block;
   width: 100%;
 }

 .byw-newsDetail .title {
   float: left;
   display: block;
   padding: 15px 40px;
   width: 100%;
   font-size: 14px;
   line-height: 30px;
   color: #999;
   text-align: center;
 }

 .byw-newsDetail .title h1 {
   margin-top: 15px;
   margin-bottom: 15px;
   font-size: 24px;
   font-weight: 400;
   line-height: 36px;
   letter-spacing: 1px;
   color: #333;
 }

 .byw-newsDetail .title .tips {
   padding-top: 0 !important;
   padding-bottom: 0 !important;
 }

 .byw-newsDetail .photo {
   float: left;
   display: block;
   padding: 15px 40px;
   margin: 0 auto;
   width: 100%;
   text-align: center;
 }

 .byw-newsDetail .photo img {
   width: 100%;
   max-width: 420px;
   overflow: hidden;
 }

 .byw-newsDetail .content {
   float: left;
   display: block;
   padding: 15px 40px;
   width: 100%;
 }

 .byw-newsDetail .content p {
   font-size: 18px;
   line-height: 36px;
   text-align: justify;
 }

 .byw-newsDetail .content p:not(:last-of-type) {
   margin-top: 0;
   margin-bottom: 28px;
 }

 .byw-newsDetail .content img {
   display: block;
   margin: 0 auto;
   max-width: 760px;
   height: auto;
 }

 .byw-newsDetail .tips {
   float: left;
   display: block;
   padding: 15px 40px;
   width: 100%;
   font-size: 14px;
   line-height: 30px;
   color: #CCC;
   text-align: center;
 }

 .byw-newsDetail .tips font {
   color: #999;
 }

 .byw-newsDetail .tips font:not(:last-of-type) {
   padding-right: 20px;
 }

 .link-site-wrap123 .link-site-wrap p {
   margin-top: 0;
 }


 /* ========== 新增自适应响应式CSS（放在所有样式末尾） ========== */
 @media screen and (max-width: 1440px) {

   .byw-width-1200,
   .byzwPC-width-1200,
   .byw-nav-menu li>ul {
     width: 96%;
     padding: 0 2%;
   }
 }

 @media screen and (max-width: 1200px) {
   .byw-mainLeft {
     width: 32%;
   }

   .byw-mainRight {
     width: calc(68% - 20px);
   }
 }

 @media screen and (max-width: 992px) {

   /* 容器固定宽度解除 */
   .byw-width-1200,
   .byzwPC-width-1200,
   .byw-nav-menu li>ul {
     width: 100%;
     padding: 0 15px;
   }

   /* 左右侧边栏取消浮动，上下堆叠 */
   .byw-mainLeft,
   .byw-mainRight {
     float: none;
     width: 100%;
     margin-right: 0;
   }

   .byw-mainLeft {
     margin-bottom: 20px;
   }

   /* 头部区域自适应 */
   .byw-topbar {
     height: auto;
     overflow: hidden;
   }

   .byw-topbar-logo,
   .byw-topbar-title,
   .byw-contact-number {
     float: none;
     width: 100%;
     text-align: center;
     margin: 10px auto;
   }

   .byw-topbar-logo {
     margin-top: 15px;
   }

   .byw-contact-number {
     margin-top: 10px;
     font-size: 28px;
   }

   .byw-contact-number .btn-default {
     margin: 10px 0;
   }

   /* 顶部通栏 */
   .byw-header-topbar .byw-width-1200,
   .byzwPC-topbar .byzwPC-width-1200 {
     height: auto;
   }

   .byw-header-topbar ul:first-of-type,
   .byzwPC-topbar ul:first-of-type,
   .byw-header-topbar ul:last-of-type,
   .byzwPC-topbar ul:last-of-type {
     float: none;
     width: 100%;
     text-align: center;
   }

   /* PC导航水平挤压，缩小内边距 */
   .byw-nav-menu li a {
     padding: 0 8px;
     font-size: 15px;
   }

   /* 资讯列表左右图文比例调整 */
   .byw-link-block-dongtai ul li .byw-news-img {
     width: 36%;
     padding-bottom: 24%;
   }

   .byw-link-block-dongtai a .byw-summary {
     width: 64%;
     padding-left: 15px;
   }
 }

 @media screen and (max-width: 768px) {

   /* 全局基础间距 */
   .byw-mainRightB,
   .byw-mainLeftA {
     padding: 15px;

   }

   .byw-nav {
     display: none;
   }

   .am-cf.container {
     padding: 10px 15px;
     flex-direction: column;
     font-size: 16px;
   }

   .byw-width-1200 ul {
     display: block;
   }

   .byw-header-topbar ul:first-of-type li a,
   .byzwPC-topbar ul:first-of-type li a {
     font-size: 13px;
   }

   .byw-vi {
     padding: 0;
   }

   #byloginul {
     display: none;
   }

   .byw-topbar-logo {
     height: auto;
   }

   .byw-width-1200 {
     margin-top: 32px;
   }

   .byw-header-topbar .byw-width-1200 {
     position: fixed;
     width: 100%;
     top: 0;
     left: 0;
     z-index: 90;
     background: #f0f0f0;
     border-bottom: 1px solid #dddd;
   }

   .link-site-wrap123 .link-site-wrap p {
     margin: 0 !important;
   }

   .link-site-wrap123 .link-site-wrap p a {
     font-size: 14px;
     padding: 5px 10px;
     background-color: #f9f8f8;
     display: block;
     border: 1px solid #32b8e5;
     border-radius: 33px;
   }

   .link-site-wrap123 .link-more-btn {
     margin-top: 10px;
     padding: 5px 20px;
     width: 100px;
     background-color: #32b8e5;
     color: #ffffff;
     font-size: 12px;
     border-radius: 30px;
   }

   /* 导航进一步压缩 */
   .byw-nav {
     height: auto;
     overflow-x: auto;
   }

   .byw-nav-menu {
     justify-content: flex-start;
     white-space: nowrap;
   }

   .byw-nav-menu li {
     display: inline-block;
   }

   /* 产品卡片、文字尺寸缩小 */
   .byw-am-gallery-title {
     font-size: 16px;
   }

   .byw-am-gallery-desc {
     font-size: 14px;
     height: auto;
     max-height: 48px;
   }

   /* 详情页左右边距压缩 */
   .byw-infoDetail .title,
   .byw-infoDetail .photo,
   .byw-infoDetail .price,
   .byw-infoDetail .content,
   .byw-newsDetail .title,
   .byw-newsDetail .photo,
   .byw-newsDetail .content,
   .byw-newsDetail .tips {
     padding: 10px 15px;
   }

   .byw-infoDetail .content p,
   .byw-newsDetail .content p {
     font-size: 16px;
     line-height: 30px;
   }

   /* 免责声明左右边距 */
   .byw-Disclaimer {
     padding: 15px;
   }

   /* 资讯列表图文改为上下布局 */
   .byw-link-block-dongtai a {
     display: block;
   }

   .byw-link-block-dongtai ul li .byw-news-img {
     float: none;
     width: 100%;
     padding-bottom: 56.25%;
     margin-bottom: 12px;
   }

   .byw-link-block-dongtai a .byw-summary {
     float: none;
     width: 100%;
     padding-left: 0;
   }

   /* 供应商列表文字自适应 */
   .byw-supplier ul li font,
   .byw-supplier ul li h3 {
     float: none;
     width: 100%;
     line-height: 26px;
     height: auto;
   }
 }

 @media screen and (max-width: 480px) {
   html {
     font-size: 14px;
   }

   .byw-topbar-title h1,
   .byw-topbar-title h2 {
     font-size: 22px;
   }

   .byw-contact-number {
     font-size: 24px;
   }

   .byw-products-title {
     font-size: 20px;
   }

   .byw-nav-menu li a {
     padding: 0 6px;
     font-size: 14px;
   }

   .byw-mainLeftA-title,
   .byw-mainRightB-title {
     font-size: 16px;
   }

   .byw-footer p {
     font-size: 14px;
     line-height: 26px;
   }
 }


 .products-grid {
   display: grid;
   grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
   gap: 30px;
   padding: 0 25px;
 }

 .product-card {
   background: var(--card-bg);
   border: 1px solid var(--border-color);
   border-radius: 16px;
   overflow: hidden;
   transition: all 0.4s;
   cursor: pointer;
   position: relative;
 }

 nav.geo-breadcrumb {
   font-size: 14px;
   color: #333333;
 }

 nav.geo-breadcrumb a {
   color: #333333;
 }

 nav.geo-breadcrumb a:hover {
   color: #e60000;
 }

 .link-site-wrap123 {
   text-align: center;
   display: flex;
   align-items: center;
 }

 .link-site-wrap123 a {
   display: block;
   padding: 3px 10px;
   background: #ea0000;
   color: #fff;
   font-size: 14px;
   line-height: 30px;
   border-radius: 30px;
 }


 .product-image {
   aspect-ratio: 4 / 3;
   object-fit: cover;
   transition: transform 0.4s;
 }

 .product-content {
   padding: 15px;
   position: relative;
   z-index: 1;
   background: #e60000;
   text-align: center;
 }

 .product-content h3 {
   font-size: 16px;
   color: #fff;
   margin-bottom: 0;
 }

 .company-content .img_box {
   border-radius: 20px;
   overflow: hidden;
 }

 .geo-wrap {
   max-width: 1320px;
   margin: 0 auto;
   padding: 15px 0 15px;
 }

 .geo-detail-shell {
   border-radius: var(--radius);
   padding: 0;
   margin-bottom: 24px;
 }

 .geo-detail-shell {
   display: grid;
   gap: 24px;
 }

 .geo-detail {
   display: grid;
   gap: 30px;
   align-items: start;
   margin-bottom: 32px;
 }

 .geo-detail-image {
   border-radius: var(--radius);
   overflow: hidden;
   position: relative;
   padding: 2px;
 }

 .geo-detail-image img {
   display: block;
   width: 100%;
   height: auto;
   border-radius: calc(var(--radius) - 2px);
   transition: transform 0.4s ease;
 }

 .geo-kicker {
   display: inline-flex;
   align-items: center;
   min-height: 26px;
   padding: 0 9px;
   border: 1px solid var(--geo-line);
   border-radius: 4px;
   ;
   color: var(--geo-brand);
   font-size: 12px;
   font-weight: 900;
 }

 .geo-product-summary h1 {
   font-size: 25px;
   color: var(--text-dark);
   margin: 0 0 8px;
   font-weight: 600;
   margin-top: 10px;
   line-height: 1.3;
 }

 .geo-product-summary>p {
   font-size: 16px;
   color: var(--text-gray);
   margin: 0;
 }

 .geo-product-aside {
   display: grid;
   gap: 18px;
 }

 .geo-panel {
   background: var(--bg-card);
   border-radius: var(--radius);
   padding: 28px;
   box-shadow: var(--shadow);
   transition: var(--transition);
   position: relative;
   overflow: hidden;
 }

 .geo-panel ul.geo-point-list {
   padding-left: 1.5rem;
 }

 .geo-point-list li {
   padding: 5px 0;
   color: var(--text-gray);
 }

 .geo-point-list li {
   position: relative;
   padding-left: 14px;
   color: #45556a;
   font-size: 14px;
   line-height: 1.75;
 }

 .geo-chip-list span {
   padding: 6px 14px;
   background: rgb(66 73 87);
   color: var(--primary);
   border-radius: 999px;
   font-size: 14px;
 }

 .geo-chip-list span {
   display: inline-flex;
   align-items: center;
   min-height: 30px;
   padding: 10px 12px;
   border: 1px solid var(--geo-line);
   border-radius: 12px;
   color: #ffffff !important;
   font-size: 13px;
   font-weight: 800;
   line-height: 1.45;
 }

 .geo-faq-mini dt {
   font-weight: 500;
   padding: 12px 0;
   border-bottom: 1px solid var(--border-color);
   color: var(--text-dark);
   cursor: default;
   margin-top: 12px;
   font-size: 16px;
 }

 .geo-info-row {
   display: flex;
   padding: 12px 0;
   font-size: 14px;
   border-bottom: 1px dashed var(--border-color);
 }

 .geo-faq-mini dd {
   margin: 0;
   padding: 0 0 12px;
   color: var(--text-gray);
   line-height: 1.6;
   padding-top: 10px;
   font-size: 13px;
 }

 geo-actions .geo-btn-primary {
   font-size: 16px;
   font-weight: 700;
 }

 .geo-btn-primary {
   background-color: var(--primary);
   color: #fff;
 }

 .geo-btn-primary:hover {
   background-color: #e60000;
   color: #ffffff;
 }

 .geo-btn {
   display: inline-block;
   padding: 8px 15px;
   border-radius: 8px;
   text-decoration: none;
   transition: var(--transition);
   font-weight: 500;
   white-space: nowrap;
 }

 .geo-btn-outline {
   border: 1px solid var(--primary);
   color: var(--primary);
   background: transparent;
 }

 .geo-actions {
   margin-top: 15px;
 }

 .geo-list {
   display: grid;
   gap: 14px;
   grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));
 }

 .geo-list-item {
   display: flex;
   align-items: center;
   flex-direction: column;
   gap: 15px;
   padding: 16px;
   background: #fff;
   border: 1px solid var(--geo-line);
   border-radius: 14px;
   box-shadow: 0 10px 28px rgba(19, 32, 51, .06);
 }

 .geo-thumb img {
   width: 100%;
   aspect-ratio: 4 / 3;
   object-fit: contain;
   transition: transform 0.4s ease;
 }

 .geo-list-item .geo-thumb {
   height: auto;
   border-radius: 10px;
   background: none;
 }

 .news_content {
   width: 100%;
 }

 .geo-list-item h3 a {
   font-size: 17px;
   font-weight: bold;
   display: block;
   color: #333333;
   width: 100%;
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
 }

 .geo-muted {
   color: var(--text-gray);
   line-height: 1.7;
   margin: 0 0 16px;
   font-size: 14px;
   display: -webkit-box;
   -webkit-line-clamp: 2;
   -webkit-box-orient: vertical;
   overflow: hidden;
 }

 .geo-list-item .geo-meta {
   justify-content: space-between;
   align-items: center;
 }

 .geo-meta {
   display: flex;
   gap: 12px;
   flex-wrap: wrap;
   color: var(--geo-muted);
   font-size: 12px;
   margin-top: 10px;
   justify-content: flex-end;
 }

 .geo-list-item .geo-meta a {
   display: inline-block;
   padding: 5px 15px;
   background: #e60000;
   color: #ffffff;
   font-size: 12px;
   line-height: 25px;
   border-radius: 30px;
   border: 1px solid #e60000;
 }

 .geo-meta span {
   display: inline-block;
   padding: 5px 10px;
   background: var(--primary);
   color: #fff;
   line-height: 25px;
   font-size: 12px;
   border-radius: 30px;
 }

 .pagination {
   display: flex;
   justify-content: center;
   gap: 10px;
   flex-wrap: wrap;
   margin-top: 26px;
 }

 .pagination a,
 .pagination span {
   padding: 10px 15px;
   border-radius: 6px;
   line-height: 25px;
   font-size: 13px;
   border: 1px solid var(--c-border);
   background: rgba(255, 255, 255, .86);
   color: var(--c-text-2);
   font-weight: 900;
   box-shadow: var(--shadow-sm);
 }

 .pagination .active {
   background: rgba(37, 99, 235, .12);
   border-color: rgba(37, 99, 235, .25);
   color: var(--c-primary);
 }

 .section_newview .geo-panel {
   padding: 0;
   box-shadow: none;
 }

 .section_newview .title_pane {
   text-align: center;
 }

 .section_newview .geo-meta {
   justify-content: center;
   margin-bottom: 15px;
 }

  .section_newview .geo-panel_related{
    padding-top: 15px;
    border-top: 1px solid #333333;
    margin-top: 35px;
    border-radius: 0;
  }

 .section_newview .geo-panel_related h3{
    margin-top: 15px;
 }

 .geo-side {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.geo-side a {
    display: block;
    padding: 10px 0;
    border: none;
    border-radius: 0;
    text-decoration: none;
    color: var(--text-dark);
    transition: var(--transition);
    border-bottom: 1px solid #ddd;
    background: none;
}

.geo-side a span {
    display: block;
    font-size: 12px;
    color: #666666;
    font-weight: 400;
    margin-top: 4px;
}

.section_contact .geo-panel {
    padding: 0 ;
    box-shadow: none;
}

.geo-side {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.geo_side_btn a {
    display: block;
    padding: 12px 16px;
    border: 1px solid var(--border-color);
    border-radius: 8px;
    text-decoration: none;
    color: var(--text-dark);
    transition: var(--transition);
    background-color: #f8fbff;
}