#navbar{
  background-color: #000;
}

/*产品页列表*/
.diysr {
  height: 40px;
  line-height: 40px;
  border-bottom: 1px solid #ececec;
  margin-bottom:25px;
}
.diysr span {float:left;color: #a30035;
  font-family: "Microsoft YaHei","微软雅黑";
  font-size: 16px;
  font-weight: bold;
  text-indent: 5px;}
.diysr i {
  font-size: 16px;
  font-family: arial;
  font-weight: normal;
  font-style: normal;
  padding-left: 5px;
  color: #999;
  float:right;
}
.diysr .line {
  margin: 0;
}
.diysr .line {
  font-size: 0;
  height: 0;
  overflow: hidden;
}
.diysr i a { color: #a30035;}

#fengye {
	text-align: center;
	margin: 10px 50px 50px;
	color: #555;
	font-size: 14px;
	float:right;
}
#fengye table {
	display: inline-block
}
#fengye a {
	display: inline-block;
	padding: 0 10px;
	background: #ddd;
	height: 32px;
	line-height: 32px;
	text-align: center;
	margin: 0 5px;
	border-radius: 2px;
	color: #555;
	font-size: 14px
}
#fengye a:hover {
	background: #1f3c74;
	color: #ffffff
}
#fengye a.pnnum1 {
	background: #1f3c74;
	color: #ffffff
}
#fengye .page-num-current {
	background: #1f3c74;
	color: #ffffff;
}
#fengye ul li{
	float:left;
}
@media (max-width:767px) {
#fengye {
	margin: 0 auto;
	font-size: 0
}
#fengye input, #fengye .p_input {
	display: none
}
#fengye a {
	height: 40px;
	line-height: 40px;
	padding: 0 10px;
	border-radius: 4px
}
#fengye table tr td {
	font-size: 0
}
}
@media (max-width:375px) {
#fengye {
	margin: 0 auto
}
}
@media (max-width:320px) {
#fengye {
	margin: 0 auto
}
#fengye a {
	margin: 0 3px
}
}

@media (max-width: 768px) {
    .nav-card{
        width: 90%;
    }
    .nav-card h4{
        font-size: 12px;
    }
}

.text-baset{
          display: none;  
        }
@media screen and (max-width: 1200px) {
        .text-base{
          display: none;  
        }
        .text-baset{
          display: block;  
        }
        .machine-card{
            float: left;
          width: 45%;
        }
    .text-lg{
    font-size: 0.8rem !important;
    line-height: 1.1rem !important;
    }
    .incjwt{
    padding-top: 1rem;
    font-size: 0.8rem !important;
    line-height: 1.1rem !important;
    }
}
.p-61{
        padding: 0.5rem;
}








@media (max-width: 768px) {
  /* 把下面的 .pro-list 换成你实际找到的 class */
  .inlipic {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr)!important;  /* 两列 */
    gap: 10px;                              /* 卡片间距 */
  }
  /* 每个产品项：模板原来手机端一般是 width:100%，要覆盖掉 */
  .inlipic > li,
  .inlipic > .item,
  .inlipic > div {
    width: 100% !important;
    float: none !important;
    margin: 0 !important;
  }
  /* 产品图固定比例，防止两列后图片变形 */
  .inlipic img {
    width: 100%;
    height: auto;
    object-fit: cover;
  }
  /* 标题文字太小可适当缩小 */
  .inlipic .title,
  .inlipic span,
  .inlipic h3 {
    font-size: 14px;
  }
  
  .p-801 {
    padding: 0.2rem !important;
  }
}

        

        html { scroll-behavior: smooth; }
        body { font-family: 'Noto Sans SC', sans-serif; overflow-x: hidden; }
        .nav-scrolled {
            background: rgba(10, 10, 10, 0.95) !important;
            backdrop-filter: blur(20px);
            box-shadow: 0 4px 30px rgba(0,0,0,0.3);
        }
        .reveal {
            opacity: 0;
            transform: translateY(40px);
            transition: all 0.8s cubic-bezier(0.16, 1, 0.3, 1);
        }
        .reveal.active {
            opacity: 1;
            transform: translateY(0);
        }
        .btn-primary {
            background: linear-gradient(135deg, #c9a96e 0%, #b8945f 100%);
            transition: all 0.3s ease;
        }
        .btn-primary:hover {
            transform: translateY(-2px);
            box-shadow: 0 10px 30px rgba(201, 169, 110, 0.4);
        }
        .section-label {
            letter-spacing: 0.3em;
            text-transform: uppercase;
        }
        .product-card {
            transition: all 0.5s cubic-bezier(0.16, 1, 0.3, 1);
        }
        .product-card:hover {
            transform: translateY(-8px);
            box-shadow: 0 24px 48px rgba(0,0,0,0.12);
        }
        .product-card:hover .product-img {
            transform: scale(1.06);
        }
        .product-card:hover .product-overlay {
            opacity: 1;
        }
        .product-card:hover .product-title {
            color: #c9a96e;
        }
        .product-img {
            transition: transform 0.7s ease;
        }
        .product-overlay {
            opacity: 0;
            transition: opacity 0.4s ease;
        }
        .sidebar-link {
            transition: all 0.3s ease;
            border-left: 3px solid transparent;
        }
        .sidebar-link:hover, .sidebar-link.active {
            background: linear-gradient(90deg, rgba(201,169,110,0.1) 0%, transparent 100%);
            border-left-color: #c9a96e;
            color: #c9a96e;
        }
        .conimg{
			width: 90%;
			margin-left: 5%;
		}
        
        
/*价格计算器*/
        .container {
            max-width: 1100px;
            margin: 0 auto;
            background: #fff;
            padding: 30px;
            border-radius: 8px;
            box-shadow: 0 2px 12px rgba(0,0,0,0.1);
        }
        .container h2 {
            text-align: left;
            color: #222;
            font-size:24px;
            margin-top:0;
            margin-bottom:30px;
            font-weight: bold;
        }
        .form-row {
            display: grid;
            grid-template-columns: 200px 1fr 1fr;
            gap:16px;
            padding:14px 0;
            border-bottom: 1px solid #ccc;
            align-items: center;
        }
		        /* 表头行单独背景 */
		        .form-row:first-of-type{
		            color: #fff;
		            background-color: rgb(31 41 55 / var(--tw-bg-opacity, 1));
		        }
		        .form-row:first-of-type .label-title{
                color:#fff;
		        }
        .label-title {
            font-weight: bold;
            color:#333;
            text-indent: 10px;
        }
        .model{
            text-indent: 10px;
        }
        .model_brand{
            text-indent: 10px;
        }
        select, textarea {
            width:100%;
            padding:9px 12px;
            border:1px solid #c9d2db;
            border-radius:4px;
            font-size:15px;
        }
        .remark-title{
            font-size:14px;
            color:#666;
            margin-bottom:4px;
        }
        .submit-wrap {
            text-align:center;
            margin-top:30px;
        }
        @media (max-width:768px){
            .form-row {
                grid-template-columns: 1fr;
            }
        }
        
        
        
        .sub-link {
            transition: all 0.25s ease;
            position: relative;
        }
        .sub-link::before {
            content: '';
            position: absolute;
            left: 0;
            top: 50%;
            transform: translateY(-50%);
            width: 0;
            height: 0;
            border-top: 4px solid transparent;
            border-bottom: 4px solid transparent;
            border-left: 5px solid #c9a96e;
            opacity: 0;
            transition: opacity 0.25s ease;
        }
        .sub-link:hover, .sub-link.active {
            color: #c9a96e;
            padding-left: 1.25rem;
        }
        .sub-link:hover::before, .sub-link.active::before {
            opacity: 1;
        }
        .category-group {
            transition: all 0.3s ease;
        }
        .category-group.open .chevron {
            transform: rotate(180deg);
        }
        .category-group .sub-menu {
            max-height: 0;
            overflow: hidden;
            transition: max-height 0.4s cubic-bezier(0.16, 1, 0.3, 1);
        }
        .category-group.open .sub-menu {
            max-height: 300px;
        }
        .chevron {
            transition: transform 0.3s ease;
        }
        .filter-tag {
            transition: all 0.3s ease;
        }
        .filter-tag:hover, .filter-tag.active {
            background: #c9a96e;
            color: white;
            border-color: #c9a96e;
        }
        .pagination-btn {
            transition: all 0.3s ease;
        }
        .pagination-btn:hover, .pagination-btn.active {
            background: #c9a96e;
            color: white;
            border-color: #c9a96e;
        }
        .breadcrumb a:hover {
            color: #c9a96e;
        }
        .aspect-3-2 {
            aspect-ratio: 3 / 2;
        }
        .sidebar-overlay {
            opacity: 0;
            visibility: hidden;
            transition: all 0.3s ease;
        }
        .sidebar-overlay.open {
            opacity: 1;
            visibility: visible;
        }
        .mobile-sidebar {
            transform: translateX(-100%);
            transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1);
        }
        .mobile-sidebar.open {
            transform: translateX(0);
        }
        .compare-bar {
            transform: translateY(100%);
            transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1);
        }
        .compare-bar.show {
            transform: translateY(0);
        }
        .compare-checkbox {
            accent-color: #c9a96e;
        }
         
        .nav-scrolled { background: rgba(10,10,10,0.95) !important; backdrop-filter: blur(20px); box-shadow: 0 4px 30px rgba(0,0,0,0.3); }
        .reveal { opacity: 0; transform: translateY(40px); transition: all 0.8s cubic-bezier(0.16,1,0.3,1); }
        .reveal.active { opacity: 1; transform: translateY(0); }
        .btn-primary { background: linear-gradient(135deg, #c9a96e 0%, #b8945f 100%); transition: all 0.3s ease; }
        .btn-primary:hover { transform: translateY(-2px); box-shadow: 0 10px 30px rgba(201,169,110,0.4); }
        .section-label { letter-spacing: 0.3em; text-transform: uppercase; }
        .sidebar-link { transition: all 0.3s ease; border-left: 3px solid transparent; }
        .sidebar-link:hover, .sidebar-link.active { background: linear-gradient(90deg, rgba(201,169,110,0.1) 0%, transparent 100%); border-left-color: #c9a96e; color: #c9a96e; }
        .sub-link { transition: all 0.25s ease; position: relative; }
        .sub-link::before { content: ''; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 0; height: 0; border-top: 4px solid transparent; border-bottom: 4px solid transparent; border-left: 5px solid #c9a96e; opacity: 0; transition: opacity 0.25s ease; }
        .sub-link:hover, .sub-link.active { color: #c9a96e; padding-left: 1.25rem; }
        .sub-link:hover::before, .sub-link.active::before { opacity: 1; }
        .category-group { transition: all 0.3s ease; }
        .category-group.open .chevron { transform: rotate(180deg); }
        .category-group .sub-menu { max-height: 0; overflow: hidden; transition: max-height 0.4s cubic-bezier(0.16,1,0.3,1); }
        .category-group.open .sub-menu { max-height: 300px; }
        .chevron { transition: transform 0.3s ease; }
        .breadcrumb a:hover { color: #c9a96e; }
        .slider-container { position: relative; overflow: hidden; }
        .slider-track { display: flex; transition: transform 0.5s cubic-bezier(0.16,1,0.3,1); }
        .slider-slide { flex: 0 0 100%; }
        .slider-dot { width: 8px; height: 8px; border-radius: 50%; background: rgba(255,255,255,0.5); transition: all 0.3s ease; cursor: pointer; }
        .slider-dot.active { background: #c9a96e; width: 24px; border-radius: 4px; }
        .slider-btn { transition: all 0.3s ease; }
        .slider-btn:hover { background: #c9a96e; border-color: #c9a96e; color: white; }
        .thumb-item { transition: all 0.3s ease; border: 2px solid transparent; cursor: pointer; }
        .thumb-item.active, .thumb-item:hover { border-color: #c9a96e; }
        .tab-btn { transition: all 0.3s ease; position: relative; }
        .tab-btn::after { content: ''; position: absolute; bottom: 0; left: 0; right: 0; height: 2px; background: #c9a96e; transform: scaleX(0); transition: transform 0.3s ease; }
        .tab-btn.active::after { transform: scaleX(1); }
        .tab-btn.active { color: #c9a96e; }
        .tab-content { display: none; animation: fadeIn 0.4s ease; }
        .tab-content.active { display: block; }
        @keyframes fadeIn { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } }
        .param-row:nth-child(even) { background: #f9f9f9; }
        .param-row { transition: background 0.2s ease; }
        .param-row:hover { background: #f0f0f0; }
        .nav-card { transition: all 0.4s ease; }
        .nav-card:hover { transform: translateX(var(--hover-dir, 0)); box-shadow: 0 10px 30px rgba(0,0,0,0.08); }
        .nav-card:hover .nav-title { color: #c9a96e; }
        .rec-card { transition: all 0.4s ease; }
        .rec-card:hover { transform: translateY(-4px); box-shadow: 0 12px 24px rgba(0,0,0,0.08); }
        .rec-card:hover .rec-title { color: #c9a96e; }
        .sidebar-overlay { opacity: 0; visibility: hidden; transition: all 0.3s ease; }
        .sidebar-overlay.open { opacity: 1; visibility: visible; }
        .mobile-sidebar { transform: translateX(-100%); transition: transform 0.3s cubic-bezier(0.16,1,0.3,1); }
        .mobile-sidebar.open { transform: translateX(0); }
        .float-consult { animation: pulse-glow 3s ease-in-out infinite; }
        @keyframes pulse-glow { 0%, 100% { box-shadow: 0 0 20px rgba(201,169,110,0.3); } 50% { box-shadow: 0 0 40px rgba(201,169,110,0.6); } }