/* QQ：97532866 */
   @charset "utf-8";
   
    * {   
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        outline: 0;
    }
    
    body,div,span,h1,h2,h3,h4,h5,h6,p,em,img,strong,b,small,u,i,center,dl,dt,dd,ol,
    ul,li,sub,sup,tt,var,del,dfn,ins,kbd,q,s,samp,strike,applet,object,iframe,fieldset,
    form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,
    embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,
    blockquote,pre,a,abbr,acronym,address,big,cite,code,mark,audio,video,input,textarea,select{   
        margin:0; padding:0;
    }
    
    ol,ul {
        list-style:none;
    }
                                    
    a {
        text-decoration:none;
        outline:none;
    }

    img {
        border: 0;
    }
    
    table {
        border-collapse: collapse;
        width: 100%;
    }
    
    input[type='reset'],
    input[type='button'],
    input[type='submit'],
    input[type='radio'] {
        cursor: pointer;
        outline: none;
    }
    
    input[type='checkbox'],
    input[type='radio'] { 
        position: relative;
        vertical-align: middle;
        margin-top: -2px;
        margin-bottom:1px;
        margin-left: 5px;
        margin-right: 5px;
    }
    
    textarea,
    input[type='email'],
    input[type='date'],
    input[type='password'],
    input[type='text']{   
        padding: 0px;
        color: #666;
        outline: none;
    }
    
    .f-l {
        float: left;
    }
    .f-r {
        float: right;
    }
    .clearfix:after {
        clear: both;
        height: 0;
        content: "";
        line-height: 0;
        font-size: 0;
        display: block;
    }
    
    
    /*图片垂直水平居中*/
	.vcenter {
	    position: absolute;
	    top: 0;
	    right: 0;
	    bottom: 0;
	    left: 0;
	    max-width: 100%;
	    max-height: 100%;
	    display: block;
	    vertical-align: middle;
	    margin: auto;
	}

/* KaiZeYun commerce visual refresh */
:root {
  --kzy-orange: #ff7a1a;
  --kzy-orange-2: #ff9f2f;
  --kzy-orange-dark: #e85f00;
  --kzy-warm: #fff8f0;
  --kzy-cream: #fffaf3;
  --kzy-gray: #f5f6f8;
  --kzy-line: #eceff3;
  --kzy-text: #1f2937;
  --kzy-muted: #6b7280;
  --kzy-card: #ffffff;
  --kzy-radius: 20px;
  --kzy-shadow: 0 18px 45px rgba(31, 41, 55, .10);
  --kzy-soft-shadow: 0 10px 28px rgba(255, 122, 26, .14);
}

html {
  scroll-behavior: smooth;
}

body {
  color: var(--kzy-text) !important;
  font-family: "Microsoft YaHei", "PingFang SC", "Segoe UI", Arial, sans-serif !important;
  background:
    radial-gradient(circle at 12% 4%, rgba(255, 122, 26, .12), transparent 32%),
    linear-gradient(180deg, #fffaf4 0%, #f7f8fb 42%, #ffffff 100%) !important;
}

a {
  color: var(--kzy-text);
  transition: color .2s ease, background .2s ease, transform .2s ease, box-shadow .2s ease;
}

a:hover {
  color: var(--kzy-orange) !important;
}

.container,
.case_com,
.footer_com,
.com_zi,
.wrap {
  max-width: 1200px;
}

.header {
  position: sticky;
  top: 0;
  z-index: 999;
  background: rgba(255, 255, 255, .92);
  box-shadow: 0 10px 32px rgba(31, 41, 55, .08);
  backdrop-filter: blur(14px);
}

.commerce-topbar {
  height: 34px;
  color: rgba(255, 255, 255, .92);
  background: linear-gradient(90deg, var(--kzy-orange-dark), var(--kzy-orange), var(--kzy-orange-2));
  font-size: 13px;
  line-height: 34px;
}

.commerce-topbar span {
  float: left;
  font-weight: 700;
}

.commerce-topbar em {
  float: right;
  font-style: normal;
  opacity: .92;
}

.kuan_heaaer {
  min-height: 88px;
}

.kuan_heaaer .logo {
  width: 22% !important;
  margin-top: 14px !important;
}

.kuan_heaaer .logo img {
  max-height: 60px !important;
  object-fit: contain;
}

.kuan_heaaer .nav_div {
  width: 62% !important;
  height: 88px !important;
  background: transparent !important;
}

.kuan_heaaer .nav_div .nav_ul {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 8px;
  width: 100% !important;
  height: 88px;
  margin-left: 0 !important;
}

.kuan_heaaer .nav_div .nav_ul li {
  width: auto !important;
  min-width: 94px;
  height: auto !important;
  border-radius: 999px;
  overflow: visible;
}

.kuan_heaaer .nav_div .nav_ul li a {
  height: 42px !important;
  line-height: 42px !important;
  padding: 0 18px;
  color: var(--kzy-text) !important;
  font-size: 15px !important;
  font-weight: 600;
  border-radius: 999px;
}

.kuan_heaaer .nav_div .nav_ul li a span {
  margin-top: 0 !important;
  line-height: 42px !important;
}

.kuan_heaaer .nav_div .nav_ul li:hover,
.kuan_heaaer .nav_div .nav_ul .active,
.active {
  background: linear-gradient(135deg, var(--kzy-orange), var(--kzy-orange-2)) !important;
  box-shadow: var(--kzy-soft-shadow);
}

.kuan_heaaer .nav_div .nav_ul li:hover > a,
.kuan_heaaer .nav_div .nav_ul .active > a,
.active a:first-child {
  color: #fff !important;
}

.activee a {
  color: var(--kzy-orange) !important;
  font-weight: 700;
}

.kuan_heaaer .nav_div .nav_ul .erji {
  top: 42px !important;
  left: 0;
  width: 180px !important;
  padding: 10px;
  background: rgba(255, 255, 255, .96) !important;
  border: 1px solid rgba(255, 122, 26, .14);
  border-radius: 16px;
  box-shadow: var(--kzy-shadow);
  overflow: hidden;
}

.kuan_heaaer .nav_div .nav_ul li:hover > .erji {
  display: block !important;
}

.kuan_heaaer .nav_div .nav_ul .erji a {
  color: var(--kzy-text) !important;
  height: 36px !important;
  line-height: 36px !important;
  margin: 0 !important;
  padding: 0 12px;
  text-align: left;
  border-radius: 10px;
}

.kuan_heaaer .nav_div .nav_ul .erji a:hover {
  color: var(--kzy-orange) !important;
  background: var(--kzy-warm);
}

.phone-nav {
  color: var(--kzy-orange) !important;
}

.header-actions {
  float: right;
  width: 16%;
  height: 88px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.commerce-phone {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 40px;
  padding: 0 16px;
  color: #fff !important;
  background: linear-gradient(135deg, var(--kzy-orange), var(--kzy-orange-2));
  border-radius: 999px;
  box-shadow: var(--kzy-soft-shadow);
  font-size: 13px;
  font-weight: 800;
  white-space: nowrap;
}

.commerce-phone:hover {
  color: #fff !important;
  transform: translateY(-2px);
}

.banner {
  position: relative;
  max-height: 560px;
  overflow: hidden;
  background: linear-gradient(135deg, #fff0df, #fffaf3);
}

.banner:after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background:
    linear-gradient(90deg, rgba(255, 122, 26, .30), rgba(255, 255, 255, .03) 55%),
    radial-gradient(circle at 78% 18%, rgba(255, 159, 47, .18), transparent 24%);
}

.banner img {
  width: 100%;
  min-height: 280px;
  max-height: 560px;
  object-fit: cover;
  filter: saturate(1.08) contrast(1.04);
}

.banner .slick-dots li button {
  width: 34px !important;
  height: 6px !important;
  border-radius: 999px !important;
  background: rgba(255, 255, 255, .75) !important;
}

.banner .slick-dots .slick-active button {
  background: var(--kzy-orange) !important;
}

.commerce-hero-panel {
  position: relative;
  z-index: 3;
  margin-top: -74px;
  padding-bottom: 36px;
}

.commerce-hero-panel .container {
  position: relative;
}

.hero-card {
  max-width: 760px;
  padding: 34px 38px;
  color: var(--kzy-text);
  background: rgba(255,255,255,.94);
  border: 1px solid rgba(255, 122, 26, .16);
  border-radius: 28px;
  box-shadow: var(--kzy-shadow);
  backdrop-filter: blur(16px);
}

.hero-card .eyebrow {
  display: inline-flex;
  margin-bottom: 12px;
  padding: 7px 14px;
  color: var(--kzy-orange-dark);
  background: var(--kzy-warm);
  border-radius: 999px;
  font-size: 12px;
  font-weight: 900;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.hero-card h1 {
  color: var(--kzy-text);
  font-size: 42px;
  line-height: 1.18;
  font-weight: 900;
}

.hero-card p {
  max-width: 620px;
  margin-top: 14px;
  color: var(--kzy-muted);
  font-size: 16px;
  line-height: 1.85;
}

.hero-actions {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
  margin-top: 22px;
}

.hero-actions a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 44px;
  padding: 0 20px;
  border-radius: 999px;
  font-weight: 800;
}

.hero-actions .primary {
  color: #fff !important;
  background: linear-gradient(135deg, var(--kzy-orange), var(--kzy-orange-2));
  box-shadow: var(--kzy-soft-shadow);
}

.hero-actions .secondary {
  color: var(--kzy-orange-dark) !important;
  background: var(--kzy-warm);
}

.commerce-metrics {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 16px;
  margin-top: 18px;
}

.commerce-metrics li {
  padding: 18px;
  background: #fff;
  border: 1px solid var(--kzy-line);
  border-radius: 20px;
  box-shadow: 0 10px 24px rgba(31, 41, 55, .06);
}

.commerce-metrics li b {
  display: block;
  color: var(--kzy-orange);
  font-size: 24px;
  font-weight: 900;
}

.commerce-metrics li span {
  display: block;
  margin-top: 4px;
  color: var(--kzy-muted);
  font-size: 13px;
}

.wrap,
.nes,
.case_home,
.com_zi {
  background: transparent !important;
}

.wrap {
  padding-top: 68px;
  padding-bottom: 68px;
}

.wrap .top,
.nes .top,
.case_home .case_com .top {
  margin-bottom: 34px !important;
  text-align: center;
}

.wrap .top span,
.nes .top span,
.case_home .case_com .top span {
  color: var(--kzy-text) !important;
  font-size: 34px !important;
  font-weight: 800;
  letter-spacing: .5px;
}

.wrap .top i,
.nes .top i,
.case_home .case_com .top i {
  display: block;
  margin-top: 8px;
  color: var(--kzy-muted) !important;
  font-size: 14px !important;
  text-transform: uppercase;
}

.wrap .top em,
.nes .top em,
.case_home .case_com .top em {
  display: inline-block;
  width: 76px !important;
  height: 4px !important;
  margin-top: 18px !important;
  border-radius: 999px;
  background: linear-gradient(90deg, var(--kzy-orange), var(--kzy-orange-2)) !important;
}

.i_about {
  display: flex;
  align-items: stretch;
  gap: 28px;
  padding: 28px;
  background: rgba(255, 255, 255, .92);
  border: 1px solid rgba(255, 122, 26, .10);
  border-radius: var(--kzy-radius);
  box-shadow: var(--kzy-shadow);
}

.i_about dt,
.i_about dd {
  float: none !important;
}

.i_about dt {
  overflow: hidden;
  border-radius: 18px;
}

.i_about dt img {
  width: 100% !important;
  height: 100% !important;
  min-height: 330px;
  object-fit: cover;
  transform: scale(1.01);
}

.i_about dd {
  padding: 10px 8px;
}

.i_about dd h6 {
  height: auto !important;
  line-height: 1.25 !important;
  color: var(--kzy-text) !important;
  font-size: 32px !important;
  font-weight: 800;
}

.i_about dd .tip {
  color: var(--kzy-orange) !important;
  font-size: 18px !important;
  font-weight: 700;
}

.i_about dd p {
  color: var(--kzy-muted) !important;
  line-height: 1.9 !important;
}

.i_about dd span {
  height: auto !important;
  padding: 8px 14px !important;
  border-radius: 999px;
  color: var(--kzy-orange-dark) !important;
  background: var(--kzy-warm) !important;
  font-weight: 700;
}

.case_home {
  padding: 70px 0 !important;
  background: linear-gradient(180deg, #fff7ed 0%, #ffffff 100%) !important;
}

.case_home .case_com ul {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 24px;
  width: 100% !important;
}

.case_home .case_com ul li {
  width: auto !important;
  margin: 0 !important;
  float: none !important;
  padding: 0 !important;
  background: #fff;
  border: 1px solid var(--kzy-line);
  border-radius: 22px;
  overflow: hidden;
  box-shadow: 0 12px 28px rgba(31, 41, 55, .08);
  transform: translateY(0);
}

.case_home .case_com ul li:hover,
.pro_zi_ul li:hover,
.news_list li:hover,
.news_zi_ul li a:hover,
.honor_ul li:hover,
.down_ul li:hover {
  transform: translateY(-6px);
  box-shadow: var(--kzy-shadow);
}

.case_home .case_com ul li .pic_ca {
  height: 220px !important;
  background: var(--kzy-gray);
}

.case_home .case_com ul li .pic_ca img {
  object-fit: cover;
}

.case_home .case_com ul li .pic_ca .zhe_a {
  background: linear-gradient(135deg, rgba(255, 122, 26, .82), rgba(255, 159, 47, .72)) !important;
}

.case_home .case_com ul li .text_ca {
  padding: 18px;
  background: #fff !important;
  text-align: left !important;
}

.case_home .case_com ul li .text_ca p {
  color: var(--kzy-text) !important;
  font-size: 18px !important;
  font-weight: 800;
}

.case_home .case_com ul li .text_ca a,
.pro_zi_ul li .text a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-top: 10px;
  padding: 8px 14px;
  color: #fff !important;
  background: linear-gradient(135deg, var(--kzy-orange), var(--kzy-orange-2));
  border-radius: 999px;
  font-size: 13px !important;
  font-weight: 700;
}

/* Targeted layout fixes */
.commerce-metrics {
  justify-content: center;
  align-items: stretch;
  max-width: 920px;
  margin-left: auto;
  margin-right: auto;
}

.commerce-metrics li {
  min-height: 96px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
}

.commerce-metrics li b {
  line-height: 1.15;
}

.commerce-metrics li span {
  line-height: 1.35;
}

.kuan_heaaer {
  display: flex;
  align-items: center;
}

.kuan_heaaer .logo {
  flex: 0 0 22%;
}

.kuan_heaaer .nav_div {
  flex: 1 1 auto;
  width: auto !important;
}

.kuan_heaaer .nav_div .nav_ul {
  justify-content: flex-end;
  gap: 14px;
}

.kuan_heaaer .nav_div .nav_ul li {
  min-width: auto;
}

.kuan_heaaer .nav_div .nav_ul li a {
  padding: 0 16px;
}

.header-actions {
  flex: 0 0 auto;
  width: auto !important;
  margin-left: 14px;
}

.commerce-phone {
  padding-left: 18px;
  padding-right: 18px;
}

.case_home .case_com ul {
  display: flex !important;
  flex-wrap: wrap;
  justify-content: center;
  align-items: stretch;
  gap: 26px;
  padding: 22px !important;
}

.case_home .case_com ul li {
  flex: 0 1 calc(25% - 20px);
  min-width: 240px;
}

.case_home .case_com ul li .pic_ca {
  margin-top: 0 !important;
}

.case_home .case_com ul li .pic_ca i {
  display: none !important;
}

.case_home .case_com ul li .pic_ca img {
  position: static !important;
  width: 100%;
  height: 100%;
  max-width: none;
  max-height: none;
  display: block;
}

.case_home .case_com ul li .text_ca {
  text-align: center !important;
}

.case_home .case_com ul li .text_ca a {
  width: 100%;
  height: 34px !important;
  line-height: 34px !important;
}

.marquee {
  width: min(100%, 1200px) !important;
  height: auto !important;
  min-height: 132px;
  margin: 0 auto 28px !important;
  padding: 18px 24px;
}

.marquee ul {
  display: block;
  margin: 0 auto;
}

.marquee li {
  margin-right: 18px !important;
}

.marquee li a {
  width: 220px !important;
  height: 96px;
  display: flex !important;
  align-items: center;
  justify-content: center;
}

.marquee li img {
  max-width: 100%;
  max-height: 82px;
  border: 0 !important;
  object-fit: contain;
}

.news_zi_ul li a {
  display: flex !important;
  align-items: center;
  gap: 22px;
}

.news_zi_ul li a .left {
  flex: 1 1 auto;
  min-width: 0;
}

.news_zi_ul li a .right {
  flex: 0 0 130px;
  width: 130px !important;
  height: 92px !important;
  padding: 0 !important;
  display: flex !important;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  overflow: hidden;
}

.news_zi_ul li a .right time {
  display: block;
  width: 100%;
  height: auto !important;
  line-height: 1.05 !important;
  white-space: nowrap;
  font-size: 20px !important;
  font-weight: 900;
}

.news_zi_ul li a .right span {
  display: block;
  width: 100%;
  height: auto !important;
  line-height: 1.3 !important;
  margin-top: 5px;
  font-size: 14px !important;
  font-weight: 700;
}

.news_zi_ul li a .right i {
  position: static !important;
  width: 28px !important;
  height: 28px !important;
  margin-top: 8px !important;
  border-radius: 50%;
  background: rgba(255,255,255,.28) !important;
}

.news_list li,
.news_zi_ul li a,
.down_ul li,
.honor_ul li,
.pro_zi_ul li {
  border-radius: 20px;
  border: 1px solid var(--kzy-line);
  background: #fff;
  box-shadow: 0 10px 24px rgba(31, 41, 55, .06);
  transition: transform .25s ease, box-shadow .25s ease;
}

.news_list {
  display: grid;
  gap: 18px;
}

.news_list li {
  padding: 16px !important;
  overflow: hidden;
}

.news_list li .news_pic a,
.pro_zi_ul li .pic,
.honor_ul li .pic {
  overflow: hidden;
  border-radius: 16px;
  background: var(--kzy-gray);
}

.news_list li .news_pic img,
.pro_zi_ul li .pic img,
.honor_ul li .pic img {
  transition: transform .35s ease;
}

.news_list li:hover img,
.pro_zi_ul li:hover img,
.honor_ul li:hover img {
  transform: scale(1.06);
}

.news_list li .news_tit,
.news_zi_ul li a .left h4 {
  color: var(--kzy-text) !important;
  font-weight: 800 !important;
}

.news_time,
.news_desc,
.news_zi_ul li a .left p,
.curbar {
  color: var(--kzy-muted) !important;
}

.news_zi_ul li a .left em {
  display: inline-flex;
  margin-top: 12px;
  padding: 7px 13px;
  color: var(--kzy-orange-dark);
  background: var(--kzy-warm);
  border-radius: 999px;
  font-style: normal;
  font-size: 13px;
  font-weight: 800;
}

.marquee {
  border-radius: 22px;
  border: 1px solid var(--kzy-line);
  background: #fff;
  box-shadow: var(--kzy-shadow);
}

.marquee li a {
  border-radius: 16px;
  background: var(--kzy-gray);
  overflow: hidden;
}

.com_zi {
  display: flex;
  gap: 30px;
  padding: 44px 15px 70px !important;
}

.com_zi .left_zi {
  width: 260px !important;
  flex: 0 0 260px;
  float: none !important;
  background: #fff;
  border: 1px solid var(--kzy-line);
  border-radius: 22px;
  box-shadow: var(--kzy-shadow);
  overflow: hidden;
}

.com_zi .left_zi .top_com {
  background: linear-gradient(135deg, var(--kzy-orange), var(--kzy-orange-2)) !important;
}

.com_zi .left_zi .top_com span {
  color: #fff !important;
  font-size: 22px !important;
  font-weight: 800;
}

.com_zi .left_zi .top_com:after,
.com_zi .left_zi .nav_left:before {
  display: none !important;
}

.com_zi .left_zi .nav_left {
  padding: 16px;
}

.com_zi .left_zi .nav_left li {
  border: 0 !important;
  margin-bottom: 10px;
}

.com_zi .left_zi .nav_left li a {
  display: block;
  height: auto !important;
  padding: 13px 15px !important;
  color: var(--kzy-text) !important;
  background: var(--kzy-gray);
  border-radius: 14px;
  font-weight: 700;
}

.com_zi .left_zi .nav_left li:hover a,
.com_zi .left_zi .nav_left .activee a,
.com_zi .left_zi .nav_left .active a {
  color: #fff !important;
  background: linear-gradient(135deg, var(--kzy-orange), var(--kzy-orange-2)) !important;
}

.com_zi .left_zi .pro_lei {
  margin: 16px;
  padding: 16px;
  border-radius: 18px;
  background: var(--kzy-cream);
}

.com_zi .left_zi .pro_lei .top {
  color: var(--kzy-text) !important;
  font-weight: 800;
  border-bottom: 2px solid rgba(255, 122, 26, .18);
}

.com_zi .right_zi {
  flex: 1;
  float: none !important;
  width: auto !important;
  min-width: 0;
  padding: 28px !important;
  background: rgba(255,255,255,.94);
  border: 1px solid var(--kzy-line);
  border-radius: 24px;
  box-shadow: var(--kzy-shadow);
}

.com_zi .right_zi .bar {
  height: auto !important;
  padding-bottom: 18px;
  margin-bottom: 24px;
  border-bottom: 1px solid var(--kzy-line);
}

.com_zi .right_zi .bar .b_tt {
  color: var(--kzy-text) !important;
  font-size: 28px !important;
  font-weight: 900;
}

.com_zi .right_zi .bar .b_tt:after {
  content: "";
  display: block;
  width: 52px;
  height: 4px;
  margin-top: 10px;
  border-radius: 999px;
  background: linear-gradient(90deg, var(--kzy-orange), var(--kzy-orange-2));
}

.pro_zi_ul {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 22px;
}

.pro_zi_ul li {
  width: auto !important;
  margin: 0 !important;
  overflow: hidden;
}

.pro_zi_ul li:nth-child(3n+3),
.pro_zi_ul li:nth-child(2n+2) {
  margin-right: 0 !important;
}

.pro_zi_ul li .pic {
  height: 240px !important;
  margin: 14px 14px 0;
}

.pro_zi_ul li .text {
  padding: 16px 18px 20px;
  background: #fff !important;
}

.pro_zi_ul li .text p {
  color: var(--kzy-text) !important;
  font-size: 17px !important;
  font-weight: 800;
}

.pro_show1 {
  display: grid;
  grid-template-columns: 46% 1fr;
  gap: 28px;
  align-items: stretch;
}

.pro_show1 .left,
.pro_show1 .right {
  width: auto !important;
  float: none !important;
  border-radius: 22px;
  background: #fff;
  border: 1px solid var(--kzy-line);
  box-shadow: 0 10px 26px rgba(31, 41, 55, .07);
}

.pro_show1 .left {
  overflow: hidden;
}

.pro_show1 .right {
  padding: 28px !important;
}

.pro_show1 .right h4 {
  color: var(--kzy-text) !important;
  font-size: 30px !important;
  font-weight: 900;
}

.pro_show1 .right p {
  color: var(--kzy-muted) !important;
  line-height: 1.9 !important;
}

.pro_zi_show .pro_show2,
.pro_show3,
.news_show_zi,
.about_zi,
.cont_zi,
.form_div {
  padding: 24px !important;
  border: 1px solid var(--kzy-line);
  border-radius: 22px;
  background: #fff;
}

.pro_zi_show .pro_show2 .top_3,
.pro_show3 .s3_top,
.xi_guan .guan_c {
  color: var(--kzy-text) !important;
  background: var(--kzy-warm) !important;
  border-left: 5px solid var(--kzy-orange);
  border-radius: 14px;
  font-weight: 900;
}

.pro_show3 input,
.pro_show3 textarea,
.form_div input[type='text'],
.form_div textarea,
.form_div .yan_div input {
  border: 1px solid var(--kzy-line) !important;
  border-radius: 14px !important;
  background: #f9fafb !important;
  transition: border .2s ease, box-shadow .2s ease, background .2s ease;
}

.pro_show3 input:focus,
.pro_show3 textarea:focus,
.form_div input[type='text']:focus,
.form_div textarea:focus {
  border-color: rgba(255, 122, 26, .55) !important;
  background: #fff !important;
  box-shadow: 0 0 0 4px rgba(255, 122, 26, .10);
}

.pro_show3 .btn_a input,
.form_div .btn_th {
  border: 0 !important;
  border-radius: 999px !important;
  color: #fff !important;
  background: linear-gradient(135deg, var(--kzy-orange), var(--kzy-orange-2)) !important;
  box-shadow: var(--kzy-soft-shadow);
  font-weight: 800;
}

.pro_show3 .btn_a input:hover,
.form_div .btn_th:hover {
  transform: translateY(-2px);
  background: linear-gradient(135deg, var(--kzy-orange-dark), var(--kzy-orange)) !important;
}

.news_zi_ul {
  display: grid;
  gap: 18px;
}

.news_zi_ul li a {
  padding: 20px !important;
}

.news_zi_ul li a .right {
  background: linear-gradient(135deg, var(--kzy-orange), var(--kzy-orange-2)) !important;
  border-radius: 18px;
}

.news_zi_ul li a .right time,
.news_zi_ul li a .right span {
  color: #fff !important;
}

.news_show_zi h1 {
  color: var(--kzy-text) !important;
  font-size: 32px !important;
  font-weight: 900;
}

.wzxn {
  color: var(--kzy-muted) !important;
  background: var(--kzy-gray);
  border-radius: 999px;
}

.down_ul li a {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 18px 20px;
}

.down_ul li time {
  color: var(--kzy-orange);
}

.down_ul li em {
  display: inline-flex;
  padding: 7px 13px;
  color: #fff;
  background: linear-gradient(135deg, var(--kzy-orange), var(--kzy-orange-2));
  border-radius: 999px;
  font-style: normal;
  font-size: 13px;
  font-weight: 800;
}

.honor_ul {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 22px;
}

.honor_ul li {
  width: auto !important;
  margin: 0 !important;
  padding: 14px;
}

.honor_ul li p {
  color: var(--kzy-text) !important;
  font-weight: 800;
}

.cont_zi .con_cc {
  display: grid;
  grid-template-columns: 260px 1fr;
  gap: 28px;
}

.cont_zi .con_cc .left,
.cont_zi .con_cc .right {
  float: none !important;
  width: auto !important;
}

.cont_zi .con_cc .right li {
  padding: 14px 0;
  border-bottom: 1px solid var(--kzy-line);
}

.cont_zi .con_cc .right b {
  color: var(--kzy-text);
}

.pagebar .pagination a,
.pagination .page-item,
.pagination .page-link {
  border: 0 !important;
  border-radius: 999px !important;
  color: var(--kzy-text) !important;
  background: var(--kzy-gray) !important;
}

.pagebar .pagination a:hover,
.pagination .active,
.pagination a.active {
  color: #fff !important;
  background: linear-gradient(135deg, var(--kzy-orange), var(--kzy-orange-2)) !important;
}

.footer {
  padding-top: 54px !important;
  color: rgba(255, 255, 255, .78) !important;
  background:
    radial-gradient(circle at 15% 20%, rgba(255, 122, 26, .26), transparent 24%),
    linear-gradient(135deg, #1f2937 0%, #111827 100%) !important;
}

.footer_com .di_nav li .tit,
.footer_com .di_nav li a:hover,
.footer_com .er_right .dian a {
  color: #fff !important;
}

.footer_com .di_nav li a {
  color: rgba(255, 255, 255, .66) !important;
}

.footer_com .er_right .dian .di_bg {
  background: linear-gradient(135deg, var(--kzy-orange), var(--kzy-orange-2)) !important;
  border-radius: 20px;
  box-shadow: var(--kzy-soft-shadow);
}

.copy {
  border-top: 1px solid rgba(255,255,255,.10);
}

.copy_cc a,
.copy_cc span {
  color: rgba(255,255,255,.68) !important;
}

.phonefooternav {
  box-shadow: 0 -12px 28px rgba(31, 41, 55, .12);
}

.phonefooternav ul li a {
  color: var(--kzy-text) !important;
}

.phonefooternav ul li a i {
  color: var(--kzy-orange) !important;
}

/* Fine-tuning fixes for header spacing and homepage/news modules. */
.container,
.case_com,
.footer_com,
.com_zi,
.wrap {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.commerce-metrics::before,
.commerce-metrics::after,
.case_home .case_com ul::before,
.case_home .case_com ul::after,
.news_zi_ul::before,
.news_zi_ul::after,
.news_zi_ul li a::before,
.news_zi_ul li a::after {
  display: none !important;
  content: none !important;
}

.commerce-metrics {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 18px;
  max-width: 920px;
  margin: 18px auto 0 !important;
  padding: 0;
  align-items: stretch;
}

.commerce-metrics li {
  min-height: 98px;
  padding: 18px 14px !important;
  display: flex !important;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  box-sizing: border-box;
}

.commerce-metrics li b,
.commerce-metrics li span {
  width: 100%;
  text-align: center;
}

.kuan_heaaer {
  display: flex !important;
  align-items: center;
}

.kuan_heaaer .logo {
  flex: 0 0 22%;
}

.kuan_heaaer .nav_div {
  flex: 1 1 auto;
  min-width: 0;
  width: auto !important;
}

.kuan_heaaer .nav_div .nav_ul {
  gap: 22px;
}

.kuan_heaaer .nav_div .nav_ul li {
  min-width: auto !important;
}

.kuan_heaaer .nav_div .nav_ul li a {
  padding-left: 16px;
  padding-right: 16px;
}

.header-actions {
  flex: 0 0 auto;
  width: auto !important;
  margin-left: 22px !important;
}

.case_home .case_com ul {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 26px;
  padding: 22px !important;
  box-sizing: border-box;
}

.case_home .case_com ul li {
  width: auto !important;
  min-width: 0 !important;
  flex: none !important;
  float: none !important;
}

.case_home .case_com ul li .pic_ca {
  margin-top: 0 !important;
}

.case_home .case_com ul li .pic_ca img {
  position: static !important;
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  max-height: none !important;
  object-fit: cover;
  display: block;
}

.case_home .case_com ul li .pic_ca i {
  display: none !important;
}

.case_home .case_com ul li .text_ca {
  text-align: center !important;
}

.case_home .case_com ul li .text_ca a {
  width: 100%;
  height: 34px !important;
  line-height: 34px !important;
}

.marquee {
  width: min(100%, 1200px) !important;
  margin: 0 auto 28px !important;
  padding: 18px 24px;
  box-sizing: border-box;
}

.marquee ul {
  width: max-content !important;
  display: flex !important;
  align-items: center;
  justify-content: center;
  margin-left: auto !important;
  margin-right: auto !important;
  padding: 0;
}

.marquee li {
  float: none !important;
  display: flex !important;
  margin: 0 9px !important;
}

.marquee li a {
  width: 220px !important;
  height: 96px;
  display: flex !important;
  align-items: center;
  justify-content: center;
}

.news_zi_ul li a {
  display: flex !important;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
}

.news_zi_ul li a .left {
  flex: 1 1 auto;
  min-width: 0;
}

.news_zi_ul li a .right {
  flex: 0 0 138px;
  width: 138px !important;
  height: 92px !important;
  padding: 0 10px !important;
  display: flex !important;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center !important;
  overflow: hidden;
  box-sizing: border-box;
}

.news_zi_ul li a .right time {
  display: block;
  width: 100%;
  height: auto !important;
  line-height: 1.15 !important;
  color: #fff !important;
  font-size: 16px !important;
  font-weight: 900;
  white-space: nowrap;
  text-align: center !important;
  letter-spacing: 0;
}

.news_zi_ul li a .right span {
  display: block;
  width: 100%;
  height: auto !important;
  line-height: 1.3 !important;
  margin-top: 6px;
  padding-right: 0 !important;
  color: rgba(255, 255, 255, .9) !important;
  font-size: 12px !important;
  font-weight: 700;
  text-align: center !important;
  white-space: nowrap;
}

.news_zi_ul li a .right i {
  right: auto !important;
  margin-top: 8px !important;
}

/* Page polish: hero metric rhythm, compact side titles, and download rows. */
.commerce-hero-panel {
  padding-bottom: 0 !important;
}

.commerce-hero-panel + .wrap {
  padding-top: 22px !important;
}

.commerce-metrics {
  gap: 20px;
  margin-top: 22px !important;
}

.commerce-metrics li b {
  font-size: 22px !important;
  line-height: 1.2;
  white-space: nowrap;
}

.commerce-metrics li span {
  margin-top: 7px;
}

.com_zi .left_zi .top_com {
  min-height: 112px !important;
  height: 112px !important;
  padding: 0 18px !important;
  display: flex !important;
  align-items: center;
  justify-content: center;
  text-align: center;
  background: linear-gradient(135deg, var(--kzy-orange), var(--kzy-orange-2)) !important;
}

.com_zi .left_zi .top_com span {
  height: auto !important;
  line-height: 1.25 !important;
  padding: 0 !important;
  display: block;
  white-space: normal;
  text-align: center;
  letter-spacing: .5px;
}

.com_zi .left_zi .nav_left {
  padding-top: 16px !important;
}

/* Subpage sidebar: keep only the section navigation and remove legacy promo/news blocks. */
.com_zi .left_zi {
  align-self: flex-start;
  padding-bottom: 16px;
}

.com_zi .left_zi .top_com {
  min-height: 78px !important;
  height: auto !important;
  padding: 18px 20px !important;
}

.com_zi .left_zi .nav_left {
  margin: 0 !important;
  padding: 16px !important;
}

.com_zi .left_zi .nav_left li {
  margin: 0 0 10px !important;
  overflow: hidden;
  border-radius: 14px;
}

.com_zi .left_zi .nav_left li:last-child {
  margin-bottom: 0 !important;
}

.com_zi .left_zi .nav_left li a {
  min-height: 48px;
  display: flex !important;
  align-items: center;
  padding: 12px 16px 12px 34px !important;
  line-height: 1.4 !important;
  position: relative;
  box-sizing: border-box;
  white-space: normal;
}

.com_zi .left_zi .nav_left li a:before {
  content: "";
  position: absolute;
  left: 16px;
  top: 50%;
  width: 6px;
  height: 6px;
  margin-top: -3px;
  border-radius: 50%;
  background: rgba(255, 122, 26, .45);
}

.com_zi .left_zi .nav_left li:hover a,
.com_zi .left_zi .nav_left .activee a,
.com_zi .left_zi .nav_left .active a {
  box-shadow: none !important;
}

.com_zi .left_zi .nav_left li:hover a:before,
.com_zi .left_zi .nav_left .activee a:before,
.com_zi .left_zi .nav_left .active a:before {
  background: #fff;
}

.com_zi .left_zi .pro_lei {
  display: none !important;
}

.down_ul {
  display: grid;
  gap: 12px;
  padding: 0 !important;
  border-bottom: 0 !important;
}

.down_ul li {
  height: auto !important;
  line-height: normal !important;
  padding: 0 !important;
  overflow: visible;
}

.down_ul li a {
  min-height: 54px;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto auto;
  gap: 18px;
  align-items: center;
  padding: 10px 14px 10px 18px !important;
  box-sizing: border-box;
}

.down_ul li a span {
  width: auto !important;
  min-width: 0;
  height: auto !important;
  line-height: 1.45 !important;
  display: block;
  padding-left: 30px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.down_ul li time {
  width: auto !important;
  height: auto !important;
  line-height: 1.4 !important;
  float: none !important;
  text-align: right;
  white-space: nowrap;
}

.down_ul li em {
  min-width: 82px;
  height: 34px;
  padding: 0 14px !important;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  white-space: nowrap;
  box-sizing: border-box;
}

/* Product list/detail fixes: remove clearfix ghost items and use square thumbnails. */
.pro_zi_ul::before,
.pro_zi_ul::after,
.honor_ul::before,
.honor_ul::after,
.pro_show1::before,
.pro_show1::after,
.pro_show3 .s3_com ul::before,
.pro_show3 .s3_com ul::after {
  display: none !important;
  content: none !important;
}

.pro_zi_ul {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 24px;
  align-items: stretch;
  padding: 0 !important;
  border-bottom: 0 !important;
}

.pro_zi_ul li {
  width: auto !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 18px !important;
  float: none !important;
  display: flex;
  flex-direction: column;
  border: 1px solid var(--kzy-line) !important;
  border-radius: 22px;
  background: #fff;
  box-shadow: 0 10px 24px rgba(31, 41, 55, .06);
  overflow: hidden;
}

.pro_zi_ul li .pic {
  width: 100%;
  height: auto !important;
  aspect-ratio: 1 / 1;
  margin: 0 0 16px !important;
  padding: 12px;
  display: flex !important;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  border-radius: 18px;
  background: #f5f6f8;
}

.pro_zi_ul li .pic i {
  display: none !important;
}

.pro_zi_ul li .pic img {
  position: static !important;
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  max-height: none !important;
  object-fit: contain;
  display: block;
}

.pro_zi_ul li .text {
  margin-top: auto;
  padding: 0 !important;
  text-align: center !important;
}

.pro_zi_ul li .text p {
  height: auto !important;
  min-height: 28px;
  line-height: 1.45 !important;
  margin-bottom: 14px !important;
  color: var(--kzy-text) !important;
  font-size: 17px !important;
  font-weight: 900;
}

.pro_zi_ul li .text a {
  min-width: 92px;
  min-height: 36px;
  margin-top: 0 !important;
}

.pro_show1 {
  display: grid !important;
  grid-template-columns: minmax(280px, 42%) minmax(0, 1fr);
  gap: 28px;
  align-items: stretch;
  margin-bottom: 24px;
}

.pro_show1 .left {
  width: auto !important;
  float: none !important;
  min-height: 0;
  aspect-ratio: 1 / 1;
  padding: 18px;
  display: flex !important;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  overflow: hidden;
  border-radius: 24px;
  background: #f7f8fa;
}

.pro_show1 .left i {
  display: none !important;
}

.pro_show1 .left img {
  position: static !important;
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  max-height: none !important;
  object-fit: contain;
  display: block;
}

.pro_show1 .right {
  width: auto !important;
  float: none !important;
  padding: 30px !important;
  display: flex;
  flex-direction: column;
  justify-content: center;
  box-sizing: border-box;
}

.pro_show1 .right h1,
.pro_show1 .right h4 {
  height: auto !important;
  line-height: 1.25 !important;
  margin-bottom: 14px;
  font-size: 30px !important;
}

.pro_show1 .right p {
  margin: 0;
  color: var(--kzy-muted) !important;
  font-size: 15px;
  line-height: 1.9 !important;
  white-space: pre-line;
}

.pro_zi_show {
  padding: 0 !important;
}

.pro_zi_show .pro_show2,
.pro_show3 {
  margin: 24px 0 !important;
}

.pro_zi_show .pro_show2 .top_3,
.pro_show3 .s3_top,
.xi_guan .guan_c {
  height: auto !important;
  line-height: 1.4 !important;
  padding: 13px 16px !important;
}

.pro_show3 .s3_com ul {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
}

.pro_show3 .s3_com ul li {
  width: auto !important;
  float: none !important;
  margin: 0 !important;
}

.prev_next {
  margin: 22px 0 !important;
  padding: 14px 18px;
  border: 1px solid var(--kzy-line);
  border-radius: 18px;
  background: #fff;
}

.prev_next li {
  width: 50%;
  box-sizing: border-box;
}

.xi_guan {
  margin: 28px 0 18px !important;
  padding-top: 0 !important;
  background: none !important;
}

.xi_guan .guan_c {
  max-width: none !important;
  margin: 0 !important;
  border-left: 5px solid var(--kzy-orange);
  border-radius: 16px;
  background: var(--kzy-warm) !important;
}

.xi_guan .guan_c span {
  width: auto !important;
  margin: 0 !important;
  display: inline-block;
  color: var(--kzy-text) !important;
  background: transparent !important;
  text-align: left;
}

/* Contact page: map card and vertically centered contact rows. */
.cont_zi {
  padding: 24px !important;
}

.cont_zi .con_cc {
  display: grid !important;
  grid-template-columns: minmax(340px, 44%) minmax(0, 1fr);
  gap: 26px;
  align-items: stretch;
}

.cont_zi .con_cc .left.contact-map-card {
  width: auto !important;
  min-height: 300px;
  padding: 0 !important;
  float: none !important;
  display: block !important;
  background: #f3f6fa !important;
  border-radius: 20px;
  overflow: hidden;
}

.baidu-contact-map {
  width: 100%;
  height: 100%;
  min-height: 300px;
  position: relative;
  overflow: hidden;
  background:
    linear-gradient(135deg, rgba(255, 122, 26, .10), rgba(255, 159, 47, .08)),
    #eef2f7;
}

.baidu-contact-map img {
  width: 100%;
  height: 100%;
  min-height: 300px;
  display: block;
  border: 0;
  object-fit: cover;
}

.baidu-contact-map.has-map .map-empty {
  display: none;
}

.baidu-contact-map .map-empty {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 24px;
  color: var(--kzy-muted);
  text-align: center;
  line-height: 1.7;
}

.cont_zi .con_cc .right {
  width: auto !important;
  float: none !important;
  display: flex;
  flex-direction: column;
  justify-content: center;
  border-top: 2px solid rgba(31, 41, 55, .55) !important;
}

.cont_zi .con_cc .right li {
  min-height: 40px;
  height: auto !important;
  line-height: normal !important;
  padding: 0 !important;
  display: flex;
  align-items: center;
  border-bottom: 1px solid var(--kzy-line) !important;
}

.cont_zi .con_cc .right li::after {
  display: none !important;
  content: none !important;
}

.cont_zi .con_cc .right li b {
  flex: 0 0 84px;
  width: auto !important;
  height: auto !important;
  line-height: 1.5 !important;
  margin: 0 18px 0 0 !important;
  display: block !important;
  text-align: right;
  color: var(--kzy-text);
}

.cont_zi .con_cc .right li span {
  flex: 1 1 auto;
  width: auto !important;
  height: auto !important;
  line-height: 1.55 !important;
  padding: 9px 0;
  display: block !important;
  color: var(--kzy-text);
}

@media (max-width: 991px) {
  .kuan_heaaer .logo,
  .kuan_heaaer .nav_div {
    width: auto !important;
  }

  .kuan_heaaer .nav_div {
    display: none;
  }

  .commerce-topbar {
    display: none;
  }

  .header-actions {
    display: none;
  }

  .i_about,
  .com_zi,
  .pro_show1,
  .cont_zi .con_cc {
    display: block;
  }

  .com_zi .left_zi,
  .com_zi .right_zi {
    width: 100% !important;
    flex: auto;
  }

  .com_zi .left_zi {
    margin-bottom: 22px;
  }

  .case_home .case_com ul,
  .pro_zi_ul,
  .honor_ul {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .i_about dt img {
    min-height: 240px;
  }

  .commerce-hero-panel {
    margin-top: 18px;
  }

  .commerce-metrics {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 640px) {
  .wrap .top span,
  .nes .top span,
  .case_home .case_com .top span {
    font-size: 26px !important;
  }

  .case_home .case_com ul,
  .pro_zi_ul,
  .honor_ul {
    grid-template-columns: 1fr;
  }

  .com_zi {
    padding: 26px 12px 84px !important;
  }

  .cont_zi .con_cc {
    grid-template-columns: 1fr;
  }

  .cont_zi .con_cc .right li {
    align-items: flex-start;
  }

  .com_zi .right_zi {
    padding: 18px !important;
  }

  .banner img {
    min-height: 220px;
  }

  .hero-card {
    padding: 24px;
  }

  .hero-card h1 {
    font-size: 28px;
  }

  .commerce-metrics {
    grid-template-columns: 1fr;
  }

  .pro_show1 .right h4,
  .news_show_zi h1 {
    font-size: 24px !important;
  }
}

/* Subpage side menu compact polish. */
.com_zi {
  align-items: flex-start;
}

.com_zi .left_zi {
  overflow: hidden;
}

.com_zi .left_zi .top_com {
  min-height: 68px !important;
  height: 68px !important;
  padding: 0 18px !important;
  display: flex !important;
  align-items: center;
  justify-content: center;
  text-align: center;
  background: linear-gradient(135deg, var(--kzy-orange), var(--kzy-orange-2)) !important;
}

.com_zi .left_zi .top_com span {
  max-width: 100%;
  height: auto !important;
  line-height: 1.25 !important;
  padding: 0 !important;
  display: block;
  overflow: hidden;
  color: #fff !important;
  font-size: 20px !important;
  font-weight: 900;
  letter-spacing: .4px;
  text-align: center;
}

.com_zi .left_zi .nav_left {
  padding: 12px !important;
  border-left: 0 !important;
}

.com_zi .left_zi .nav_left li {
  margin-bottom: 8px !important;
  padding: 0 !important;
  border-bottom: 0 !important;
}

.com_zi .left_zi .nav_left li:last-child {
  margin-bottom: 0 !important;
}

.com_zi .left_zi .nav_left li a {
  min-height: 44px;
  height: auto !important;
  line-height: 1.35 !important;
  padding: 0 14px !important;
  display: flex !important;
  align-items: center;
  justify-content: flex-start;
  color: var(--kzy-text) !important;
  background: #f6f7f9 !important;
  border: 1px solid transparent;
  border-radius: 12px;
  font-size: 15px !important;
  font-weight: 800;
}

.com_zi .left_zi .nav_left li a:before {
  content: "";
  width: 6px;
  height: 6px;
  margin-right: 10px;
  flex: 0 0 6px;
  border-radius: 50%;
  background: rgba(255, 122, 26, .42);
}

.com_zi .left_zi .nav_left li:hover a,
.com_zi .left_zi .nav_left .activee a,
.com_zi .left_zi .nav_left .active a {
  color: #fff !important;
  background: linear-gradient(135deg, var(--kzy-orange), var(--kzy-orange-2)) !important;
  border-color: rgba(255, 122, 26, .18);
  box-shadow: 0 10px 22px rgba(255, 122, 26, .16);
  transform: translateY(-1px);
}

.com_zi .left_zi .nav_left li:hover a:before,
.com_zi .left_zi .nav_left .activee a:before,
.com_zi .left_zi .nav_left .active a:before {
  background: rgba(255, 255, 255, .9);
}

.com_zi .left_zi .pro_lei {
  margin: 10px 12px 14px !important;
  padding: 12px !important;
  border-radius: 14px;
}

.com_zi .left_zi .pro_lei .top {
  min-height: 38px;
  height: auto !important;
  line-height: 1.35 !important;
  padding: 0 0 10px !important;
  display: flex;
  align-items: center;
  color: var(--kzy-text) !important;
  font-size: 16px !important;
  font-weight: 900;
}

.com_zi .left_zi .pro_lei .pro_l_nei {
  margin-top: 12px !important;
  padding: 10px !important;
  display: grid;
  grid-template-columns: 72px minmax(0, 1fr);
  gap: 10px;
  align-items: center;
  border-radius: 14px;
  background: #fff;
}

.com_zi .left_zi .pro_lei .pro_l_nei .pic {
  width: 72px !important;
  height: 72px !important;
  margin: 0 !important;
  border-radius: 12px;
  background: #f3f4f6;
  overflow: hidden;
}

.com_zi .left_zi .pro_lei .pro_l_nei .pic i {
  display: none !important;
}

.com_zi .left_zi .pro_lei .pro_l_nei .pic img {
  position: static !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: contain;
}

.com_zi .left_zi .pro_lei .pro_l_nei p {
  height: auto !important;
  line-height: 1.45 !important;
  margin: 0 !important;
  font-size: 13px !important;
  text-align: left;
}

.com_zi .left_zi .pro_lei .left_g_new li a {
  min-height: 34px;
  height: auto !important;
  line-height: 1.45 !important;
  padding: 8px 0 8px 14px !important;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

@media (min-width: 992px) {
  .com_zi .left_zi {
    width: 236px !important;
    flex: 0 0 236px;
  }
}

@supports selector(:has(*)) {
  .com_zi .left_zi .nav_left:not(:has(li)) {
    display: none !important;
  }

  .com_zi .left_zi .nav_left:not(:has(li)) + .pro_lei {
    margin-top: 12px !important;
  }
}

@media (max-width: 991px) {
  .com_zi .left_zi .top_com {
    min-height: 68px !important;
    height: 68px !important;
  }

  .com_zi .left_zi .nav_left {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
  }

  .com_zi .left_zi .nav_left li {
    margin-bottom: 0 !important;
  }
}

@media (max-width: 640px) {
  .com_zi .left_zi .nav_left {
    grid-template-columns: 1fr;
  }
}

/* Final sidebar override: single clean navigation block on all subpages. */
.com_zi .left_zi .pro_lei {
  display: none !important;
}

.com_zi .left_zi {
  height: auto !important;
  min-height: 0 !important;
  padding-bottom: 14px !important;
}

.com_zi .left_zi .nav_left {
  padding: 12px !important;
}

.com_zi .left_zi .nav_left li a {
  gap: 10px;
  min-height: 44px;
  padding: 11px 14px !important;
}

.com_zi .left_zi .nav_left li a:before {
  position: static !important;
  left: auto !important;
  top: auto !important;
  display: block;
  margin: 0 !important;
}

/* Product rich text tables: make editor-inserted table lines visible on detail pages. */
.pro_zi_show .product-desc-content table,
.pro_zi_show .pbdy table {
  width: 100%;
  max-width: 100%;
  margin: 14px 0;
  border: 1px solid #d9dde3;
  border-collapse: collapse;
  border-spacing: 0;
  background: #fff;
}

.pro_zi_show .product-desc-content table td,
.pro_zi_show .product-desc-content table th,
.pro_zi_show .pbdy table td,
.pro_zi_show .pbdy table th {
  border: 1px solid #d9dde3;
  padding: 8px 10px;
  line-height: 1.6;
  vertical-align: top;
  color: var(--kzy-text);
}

.pro_zi_show .product-desc-content table th,
.pro_zi_show .pbdy table th {
  background: #f7f8fa;
  font-weight: 700;
}

.pro_zi_show .product-desc-content {
  color: var(--kzy-muted);
  font-size: 15px;
  line-height: 1.9;
}

/* Product detail final layout fix: prevent image/description overlap. */
.pro_zi_show > .pro_show1 {
  width: 100%;
  display: grid !important;
  grid-template-columns: minmax(260px, 52%) minmax(0, 1fr);
  gap: 0 !important;
  align-items: stretch;
  margin: 0 0 24px !important;
  padding: 0;
  border: 1px solid var(--kzy-line);
  border-radius: 22px;
  background: #fff;
  box-shadow: 0 10px 26px rgba(31, 41, 55, .05);
  overflow: hidden;
}

.pro_zi_show > .pro_show1 .left,
.pro_zi_show > .pro_show1 .right {
  width: auto !important;
  min-width: 0;
  float: none !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

.pro_zi_show > .pro_show1 .left {
  aspect-ratio: auto;
  min-height: 360px;
  padding: 18px !important;
  background: #f7f8fa;
}

.pro_zi_show > .pro_show1 .left img {
  position: static !important;
  width: 100% !important;
  height: 100% !important;
  max-width: 100% !important;
  max-height: none !important;
  object-fit: contain;
}

.pro_zi_show > .pro_show1 .right {
  padding: 30px !important;
  justify-content: flex-start;
  border-left: 1px solid var(--kzy-line) !important;
}

.pro_zi_show > .pro_show1 .right h1,
.pro_zi_show > .pro_show1 .right h4 {
  max-width: 100%;
  margin: 0 0 18px !important;
  word-break: break-word;
  overflow-wrap: anywhere;
}

.seo-sort-desc {
  margin: 0 0 22px;
  padding: 14px 18px;
  color: var(--kzy-muted);
  line-height: 1.8;
  background: #f7f8fa;
  border: 1px solid var(--kzy-line);
  border-radius: 8px;
}

.pro_zi_show .product-desc-content,
.pro_zi_show .product-desc-content p {
  max-width: 100%;
  margin: 0;
  color: var(--kzy-muted) !important;
  font-size: 15px;
  line-height: 1.9 !important;
  white-space: normal;
  word-break: break-word;
  overflow-wrap: anywhere;
}

.pro_zi_show .product-desc-content img {
  max-width: 100%;
  height: auto !important;
}

@media (max-width: 991px) {
  .pro_zi_show > .pro_show1 {
    grid-template-columns: 1fr;
  }

  .pro_zi_show > .pro_show1 .left {
    min-height: 260px;
  }

  .pro_zi_show > .pro_show1 .right {
    border-left: 0 !important;
    border-top: 1px solid var(--kzy-line) !important;
  }
}