body {
    	margin: 0;
    	padding: 0;
    }

    #banner {
    	position: relative;
    	width: 100%;
    	height: 80vh;
    	background-image: url('../img/banner2.jpg');
    	/* 替换为实际的图片路径 */
    	background-size: cover;
    	background-position: center;
    }

		#banner-dtf {
    	position: relative;
    	width: 100%;
    	height: 80vh;
    	background-image: url('../img/banner-dtf.jpg');
    	/* 替换为实际的图片路径 */
    	background-size: cover;
    	background-position: center;
    }


    .col-md-8 .logo-section {
    	padding-top: 15px;
    }

    .col-md-8 .product-section {
    	padding-top: 20px;
    }

    .col-md-8 .publicity-section {
    	padding-top: 25px;
    }
/* 输入框样式 */
.wpforms-field-large,
.wpforms-field-medium {
    border: 1px solid #dee2e6 !important; /* 边框 */
    border-radius: 5px !important; /* 圆角 */
    width: 100% !important; /* 宽度为100% */
    padding: 10px !important; /* 内边距 */
    box-sizing: border-box !important; /* 包含内边距在宽度内 */
}

/* 提交按钮样式 */
.wpforms-submit {
    background-color: #d44848 !important; /* 按钮背景色 */
    color: #fff !important; /* 字体颜色 */
    border: none !important; /* 去掉边框 */
    border-radius: 5px !important; /* 圆角 */
    padding: 15px 40px !important; /* 内边距 */
    cursor: pointer !important; /* 鼠标指针 */
}

/* 鼠标悬停时按钮样式 */
.wpforms-submit:hover {
    background-color: #963b3b !important; /* 鼠标悬停背景色 */
}
.wpforms-field-label {
    font-weight: 400 !important; /* 400 表示正常字体，700 表示粗体 */
    /* 你可以根据需要使用其他数值，如 300（细体）、500（中等）等 */
}

    .col-md-8 .odds-section {
    	padding-top: 35px;
    }

    .col-md-8 .logo-section p {
    	font-size: clamp(1rem, 0.907rem + 0.39vw, 1.25rem);
    	line-height: 1.42;
    	padding-left: 15px;
    	padding-top: 15px;
    	font-family: "Roboto-Regular", "Arial", "sans-serif";
		
    }

    .col-md-8 .product-section h1 {
    	font-size: clamp(1.5rem, 0rem + 3.73vw, 3.3rem);
    	line-height: 1.2;
    	font-weight: bold;
    	font-family: 'Roboto Condensed', sans-serif;
    }

    .col-md-8 .publicity-section p {
    	padding-top: clamp(0.5rem, 0.266rem + 0.98vw, 1.25rem);
    	font-size: clamp(1.125rem, 0.985rem + 0.59vw, 1.5rem);
    	line-height: 1.4;
		font-weight: bold;
		
    }
	.col-md-8 .publicity-section p span{
		color: #00ced1;
		font-weight: bold;
	}

    .col-md-8 .odds-section p {
    	font-size: clamp(1rem, 0.86rem + 0.59vw, 1.375rem);
    	line-height: 1.4;
    	width: calc(100% - 55px);
    	font-family: 'Roboto Condensed', sans-serif;

    }
	.col-md-8 .odds-section p i{
		color: #00ced1;
	}

    .col-md-8 .odds-section span {
    	font-size: 30px;
    }

    .col-md-4 form {
    	background: #d44848;
    }

    .col-md-4 form {
    	padding: clamp(1.25rem, 0.958rem + 1.23vw, 2.188rem) clamp(0.938rem, 0.548rem + 1.64vw, 2.188rem);
    }


    /* 添加自定义样式 */
    .bottom-grid {
    	display: flex;
    	justify-content: space-between;
    	align-items: center;
    }

    .border {
    	border-bottom: 1px solid #686868;
    }

    .grid-item {
    	width: 25%;
    	/* 25% - 2% for border */
    	border-right: 1px solid #C1C1C1;
    	padding: 10px;
    }

    .border .container .grid-item .line {
    	width: clamp(2.5rem, 0.943rem + 6.56vw, 7.5rem);
    	height: 2px;
    	background: #d44848;
    }

    .border .container .grid-item p {
    	font-weight: bold;
    	font-family: 'Roboto Condensed', sans-serif;
    	font-size: clamp(1.25rem, 1.017rem + 0.98vw, 1.875rem);
    	line-height: 1.32;
    }

    .border .container .grid-item span {
    	font-family: 'Roboto Condensed', sans-serif;
    	font-size: clamp(1.25rem, 1.017rem + 0.98vw, 1.175rem);
    	line-height: 1.32;
    }

    .border .container .grid-item i {
    	color: darkturquoise;
    	font-size: 30px;
    }


    .product-info {
    	flex-grow: 1;
    	/* 文字区域自动扩展，占满剩余空间 */
    }

    hr {
    	margin: 0.5rem 0 !important;
    	/* 使用!important确保覆盖Bootstrap样式 */
    	opacity: 1 !important;
    	/* 重新设置opacity为1，覆盖Bootstrap的0.25 */
    	/* 其他样式属性根据需要添加 */
    }

    /* 添加外边距，产生产品之间的间隔 */
    .product-item {
    	margin-bottom: 20px;
    }

    /* 图片和文字容器样式 */
    .product-container {
    	border: 2px solid #ddd;
    	/* 边框颜色 */
    	text-align: center;
    }

    .product-container h5 {
    	font-family: 'Roboto Condensed', sans-serif;
    	font-size: clamp(1rem, 1.017rem + 2.98vw, 1.25rem);
    }

    .product-container p {
    	font-size: clamp(0.8rem, 0rem + 2.98vw, 1rem);
    }

    /* 蓝底白字的样式 */
    .blue-bg {
    	background-color: #d44848;
    	color: white;
    	padding: 8px;


    }

    .red-button {
    	display: inline-block;
    	padding: 10px 20px;
    	font-size: 16px;
    	font-weight: bold;
    	color: #fff;
    	/* 文字颜色为白色 */
    	background-color: #d44848;
    	/* 背景颜色为红色 */
    	border: none;
    	border-radius: 5px;
    	cursor: pointer;
    	text-decoration: none;
    	font-family: 'Times New Roman', Times, serif;
    }

    .button {
    	padding-top: 5%;
    }

    .button h5 {
    	font-family: 'Roboto Condensed', sans-serif;
    	font-size: clamp(1.25rem, 1.017rem + 2.98vw, 1.5rem);
    	text-align: center;
    }

    button {
    	display: inline-block;
    	padding: 10px 20px;
    	font-size: 20px;
    	font-weight: bold;
    	color: #fff;
    	/* 文字颜色为白色 */
    	background-color: #d44848;
    	/* 背景颜色为红色 */
    	border: none;
    	border-radius: 5px;
    	cursor: pointer;
    	text-decoration: none;
    	font-family: 'Times New Roman', Times, serif;
    }

    #tto {
    	position: relative;
    	width: 100%;
    	height: 80vh;
    	background-image: url('../img/banner3-1.jpg');
    	/* 替换为实际的图片路径 */
    	background-size: cover;
    	background-position: center;
    }

    .overlay {
    	position: absolute;
    	width: 100%;
    	height: 100%;
    	background-color: rgba(0, 0, 0, 0.4);
    	display: flex;
    	flex-direction: row;
    	align-items: center;
    	justify-content: center;
    }

    .overlay h2 {
    	color: #FFFFFF;
    	font-weight: bold;
    	font-family: 'Roboto Condensed', sans-serif;
    	font-size: clamp(1.25rem, 1.017rem + 2.98vw, 3.175rem);
    	line-height: 2.32;
    	text-align: center;
    }

    .overlay.col-md-8 .logo-section {
    	padding-top: 5px;
    }

    .overlay.col-md-8 .product-section {
    	padding-top: 10px;
    }

    .overlay.col-md-8 .publicity-section {
    	padding-top: 15px;
    }

    .overlay.col-md-8 .odds-section {
    	padding-top: 35px;
    }

    .overlay.col-md-8 .logo-section p {
    	font-size: clamp(1rem, 0.907rem + 0.39vw, 1.25rem);
    	line-height: 1.12;
    	padding-left: 15px;
    	padding-top: 15px;
    	font-family: "Roboto-Regular", "Arial", "sans-serif";
    }

    .overlay.col-md-8 .product-section h3 {
    	font-size: clamp(1.125rem, 0.74rem + 3.73vw, 2rem);
    	line-height: 1.2;
    	font-weight: bold;
    	font-family: 'Roboto Condensed', sans-serif;
    }

    .overlay.col-md-8 .publicity-section p {
    	padding-top: clamp(0.5rem, 0.266rem + 0.98vw, 1.25rem);
    	font-size: clamp(1.125rem, 0.985rem + 0.59vw, 1.5rem);
    	line-height: 1.4;
    	font-family: 'Roboto Condensed', sans-serif;
    }

    .overlay.col-md-8 .odds-section p {
    	font-size: clamp(1rem, 0.86rem + 0.59vw, 1.275rem);
    	line-height: 1;
    	width: calc(100% - 55px);
    	font-family: 'Roboto Condensed', sans-serif;

    }

    .overlay.overlay.col-md-8 .odds-section span {
    	font-size: 30px;
    }

    .save {
    	padding-top: 100px;
    }

    .save-text h2 {
    	font-size: clamp(1.25rem, 1.017rem + 2.98vw, 2.875rem);
    	line-height: 1.26;
    	font-family: 'Roboto Condensed', sans-serif;
    }

    .save-text h2 strong {
    	font-size: clamp(1.25rem, 1.017rem + 2.98vw, 2.875rem);
    	line-height: 1.26;
    	color: #d44848;
    	font-family: 'Roboto Condensed', sans-serif;
    }

    .save-text h4 {
    	color: #444444;
    	padding-top: clamp(0.75rem, 0.497rem + 1.07vw, 1.563rem);
    	font-size: clamp(0.875rem, 0.828rem + 0.2vw, 1rem);
    	line-height: 1.56;
    }

    .save-text p {
    	width: calc(100% - 31px);
    	color: #444444;
    	padding: 5px 0 0 12px;
    	font-size: clamp(0.875rem, 0.828rem + 0.2vw, 1rem);
    	line-height: 1.56;
    }

    .able {
    	position: relative;
    	background-repeat: no-repeat;
    	background-position: center center;
    	background-size: cover;
    }

    .able::before {
    	content: "";
    	display: block;
    	position: absolute;
    	top: 0;
    	left: 0;
    	width: 100%;
    	height: 100%;
    }

    .able .page_module_title {
    	z-index: 2;
    	position: relative;
    }

    .able .fz54 {
    	font-size: clamp(1.25rem, 1.017rem + 2.98vw, 3.175rem);
    	line-height: 1.32;
    	text-align: center;
    	font-family: 'Roboto Condensed', sans-serif;
    }

    .able .fz22 {
    	font-size: clamp(1rem, 0.86rem + 0.59vw, 1.375rem);
    	line-height: 1.4;
    	text-align: center;
    	font-family: 'Roboto Condensed', sans-serif;
    }



    .product-container {
    	position: relative;
    }

    .image-container {
    	position: relative;
    	display: block;
    	overflow: hidden;
    }

    .hover-image {
    	position: absolute;
    	top: 0;
    	left: 0;
    	opacity: 0;
    	transition: opacity 0.3s ease-in-out;
    }

    .image-container:hover .hover-image {
    	opacity: 1;
    }

    .hover-image img {
    	width: 100%;
    	height: auto;
    }


    .product-item .col-md-4 {
    	width: 33.333%;
    	float: left;
    	box-sizing: border-box;
    }

    .product-container {
    	position: relative;
    	overflow: hidden;
    }


    .image-container {
    	display: block;
    	overflow: hidden;
    }

    .image-container:hover .blue-bg {
    	opacity: 1;
    }

    .hover-image {
    	position: absolute;
    	top: 0;
    	left: 0;
    	opacity: 0;
    	transition: opacity 0.3s ease-in-out;
    }

    .image-container:hover .hover-image {
    	opacity: 1;
    }

    .hover-image img {
    	width: 100%;
    	height: auto;
    }

    .red-button {
    	display: inline-block;
    	padding: 8px 15px;
    	margin-top: 10px;
    	background-color: white;
    	color: #d44848;
    	text-decoration: none;
    	border-radius: 5px;
    }
	

    /* 确保弹窗在屏幕中间 */
    .popup {
    	display: none;
    	position: fixed;
    	top: 50%;
    	left: 50%;
    	transform: translate(-50%, -50%);
    	z-index: 9999;
    	background-color: #d44848;
		width: 80%;
		height: auto;
    }

    /* 设置表单样式 */
    .popup form {
    	border-radius: 5px;
    }

    /* 设置关闭按钮样式 */
    .closeBtn {
    	position: absolute;
    	top: 10px;
    	right: 10px;
    	cursor: pointer;
    	color: rgb(255, 255, 255);
    	float: right;
    	font-size: 28px;
    	font-weight: bold;
    }

    .popup .custom-bg-1 {
    	width: 90%;
    }
	.btn-primary {
	    background-color: #d44848;
	    border: 2px solid #d44848;
	}
	.btn-primary:hover{
	    background-color: #00ced1;
	    border: 2px solid #00ced1;
	}
	
	/* 底部栏 */
	
	.mobbotact {
	    background-color: #0f6890; /* 底色为蓝色 */
	    color: #fff; /* 文字颜色为白色 */
	    font-size: 14px;
	    display: flex;
	    justify-content: center;
	    position: fixed;
	    bottom: 0;
	    width: 100%;
	    z-index: 9999;
	}
	
	.mobbotact .mobile-bottom-item {
	     flex-grow: 1;
	     flex-shrink: 1;
	     flex-basis: 0;
		  display: flex;
		  flex-direction: column;
		  align-items: center;
		  text-align: center;
		  border: 1px solid #fff;
		  z-index: 9999;
		  background-color: #d44848;
	}
	.mobile-bottom-item {
	
	}
	
	.mobbotact .mobile-bottom-item a {
	    display: block;
	    padding-top:15px;
		  padding-bottom:15px;
	    text-decoration: none;
	    color: #fff;
		z-index: 9999;
	}
	
	
	@media screen and (min-width: 768px) {
	  .mobile-bottom {
	    display: none;
		  z-index: 9999;
	  }
	}
	
	#myBtn {
				  position: fixed;
				  bottom: 120px;
				  right: 30px;
				  z-index: 99999;
				  font-size: 15px;
				  border: none;
				  outline: none;
				  background-color: #d44848;
				  color: white;
				  cursor: pointer;
				  padding: 15px;
				  width: 50px; /* 修改宽度 */
				  height: 50px; /* 修改高度 */
				  border-radius: 0; /* 取消圆角 */
				}
	


    /* 移动端样式 */
    @media only screen and (max-width: 767px) {
    	.overlay {
    		flex-direction: column;
    	}

    	.col-md-8 .logo-section {
    		padding-top: 10px;
    	}

    	.col-md-8 .product-section {
    		padding-top: 10px;
    	}

    	.col-md-8 .publicity-section {
    		padding-top: 10px;
    	}

    	.col-md-8 .odds-section {
    		padding-top: 10px;
    	}

    	.grid-item {
    		width: 50%;
    		/* 25% - 2% for border */
    		border-right: 1px solid #C1C1C1;
    		padding: 10px;
    	}

    	#banner {
    		height: 80vh;
    		background-image: url(../img/banner2-1.jpg);
    	}

    	.border {
    		display: none;
    	}

    	#tto {
    		height: 90vh;
    	}

    	#tto img {
    		display: none;
    	}

    	.popup .red-bg {
    		display: none;
    	}

    	.popup .custom-bg-1 {
    		width: 80%;
    	}
    }

    .onehalf {
    	width: 50%;
    	float: left !important;
    }

    .outer {
    	margin: 0 -10px;
    }

    .inner {
    	padding: 0 10px;
    }

    .outer {
    	margin: 0 -10px;
    }

    .cf7part {
    	float: left;
    	margin-bottom: 20px;
    }

    .nodisplay {
    	display: none !important;
    }

    @media only screen and (max-width: 640px) {
    	.onehalf {
    		width: 100% !important;
    	}
    }

    .hunkcf78 input {
    	height: 55px !important;
    	font-size: 17px !important;
    	padding: 15px 40px !important;
    }

    .hunkcf78 textarea {
    	height: 200px !important;
    	font-size: 17px !important;
    	padding: 15px 40px !important;
    }

    .hunkcf78 .your-name input {
    	background: url(https://www.hunktest.com/wp-content/uploads/2018/06/user.png);
    	background-repeat: no-repeat;
    	background-position: 10px center;
    }

    .hunkcf78 .your-email input {
    	background: url(https://www.hunktest.com/wp-content/uploads/2018/06/email.png);
    	background-repeat: no-repeat;
    	background-position: 10px center;
    }

    .hunkcf78 .your-subject input {
    	background: url(https://www.hunktest.com/wp-content/uploads/2018/06/phone.png);
    	background-repeat: no-repeat;
    	background-position: 10px center;
    }

    .hunkcf78 .your-message textarea {
    	background: url(https://www.hunktest.com/wp-content/uploads/2018/06/comment.png);
    	background-repeat: no-repeat;
    	background-position: 10px 13px;
    }

/* 按钮基础样式 */
    .oi-btn-hero {
        position: relative;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        /* 品牌橙色渐变背景，更有质感 */
        background: linear-gradient(45deg, #FF6600 0%, #ff8c00 100%);
        color: #fff !important; /* 强制白色文字 */
        font-weight: 700;
        text-transform: uppercase;
        letter-spacing: 1px;
        padding: 15px 40px; /* 加大点击区域 */
        border: none;
        border-radius: 4px; /* 轻微圆角，比直角更现代 */
        overflow: hidden; /* 用于限制光效范围 */
        transition: all 0.3s ease;
        box-shadow: 0 5px 15px rgba(255, 102, 0, 0.4); /* 橙色发光阴影 */
        text-decoration: none;
        z-index: 1;
    }

    /* 悬停效果：上浮 + 阴影加深 */
    .oi-btn-hero:hover {
        transform: translateY(-3px);
        box-shadow: 0 8px 25px rgba(255, 102, 0, 0.6);
        color: #fff;
    }

    /* 箭头动画：悬停时向右移动 */
    .oi-btn-hero i {
        margin-left: 10px;
        transition: transform 0.3s ease;
    }
    .oi-btn-hero:hover i {
        transform: translateX(5px);
    }

    /* === 核心特效：流光动画 === */
    .oi-btn-hero::before {
        content: '';
        position: absolute;
        top: 0;
        left: -100%; /* 初始位置在左侧外面 */
        width: 100%;
        height: 100%;
        background: linear-gradient(
            90deg, 
            transparent, 
            rgba(255, 255, 255, 0.4), 
            transparent
        );
        transition: 0.5s;
        z-index: -1;
    }
    
    /* 鼠标放上去时，光影从左扫到右 */
    .oi-btn-hero:hover::before {
        left: 100%;
    }

/* === Banner 整体容器 === */
			#banner {
				/* 如果您的模板里没有设置 banner 背景图，请在这里设置 */
				/* background-image: url('您的图片地址.jpg'); */
				background-size: cover;
				background-position: center;
				position: relative;
				/* 设置最小高度，保证视觉冲击力 */
				min-height: 600px; 
				display: flex;
				align-items: center;
			}

			/* 黑色半透明遮罩 */
			#banner .overlay {
				position: absolute;
				top: 0;
				left: 0;
				width: 100%;
				height: 100%;
				background: linear-gradient(90deg, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0.4) 100%); /* 渐变遮罩，左深右浅 */
				display: flex;
				align-items: center; /* 垂直居中 */
			}

			/* === Logo 区域 === */
			.oi-hero-logo-box {
				margin-bottom: 20px;
				padding-bottom: 20px;
				border-bottom: 1px solid rgba(255,255,255,0.2);
				display: inline-block;
			}
			
			.oi-hero-logo {
				height: 40px; /* 限制 logo 高度 */
				width: auto;
				margin-right: 15px;
			}

			.oi-hero-tagline {
				color: #ccc;
				font-size: 14px;
				margin: 0;
				display: inline-block;
				vertical-align: middle;
				border-left: 1px solid #666;
				padding-left: 15px;
			}

			/* === 主标题 === */
			.oi-hero-title {
				font-size: 42px; /* 电脑端大字体 */
				font-weight: 800;
				color: #fff;
				line-height: 1.2;
				margin-bottom: 20px;
				text-transform: uppercase;
				letter-spacing: 1px;
			}

			/* === 核心标语 (速度) === */
			.oi-hero-slogan {
				font-size: 18px;
				color: #fff;
				background: rgba(255, 255, 255, 0.1);
				padding: 10px 20px;
				border-left: 4px solid #FF6600; /* 品牌橙色装饰条 */
				margin-bottom: 30px;
				display: inline-block;
			}
			.oi-highlight {
				color: #FF6600;
				font-weight: 700;
				font-style: italic;
				margin-left: 5px;
			}

			/* === 卖点列表 (Grid布局) === */
			.oi-features-grid {
				margin-top: 20px;
			}

			.oi-feature-item {
				margin-bottom: 15px;
				display: flex;
				align-items: flex-start;
				color: #e0e0e0;
				font-size: 15px;
				line-height: 1.5;
			}

			.oi-feature-icon {
				color: #FF6600; /* 图标颜色 */
				font-size: 18px;
				margin-right: 12px;
				margin-top: 3px; /* 图标微调对齐 */
				width: 20px;
				text-align: center;
			}

			/* === 手机端适配 === */
			@media (max-width: 768px) {
				#banner { min-height: auto; padding: 60px 0; }
				.oi-hero-title { font-size: 28px; }
				.oi-hero-logo-box { display: block; border: none; }
				.oi-hero-tagline { display: block; border: none; padding-left: 0; margin-top: 10px; }
			}
/* === 统计板块整体容器 === */
    .oi-stats-section {
        padding: 60px 0;
        background-color: #f4f7f6; /* 浅灰底色，与白色卡片形成对比 */
        font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;
    }

    /* 单个卡片样式 */
    .oi-stat-card {
        background: #fff;
        padding: 40px 20px;
        border-radius: 8px;
        text-align: center;
        transition: all 0.3s ease;
        border: 1px solid #eee; /* 极细的边框 */
        height: 100%; /* 保证所有卡片等高 */
        position: relative;
        overflow: hidden;
    }

    /* 悬停效果：上浮 + 阴影加深 */
    .oi-stat-card:hover {
        transform: translateY(-10px);
        box-shadow: 0 15px 30px rgba(0,0,0,0.1);
        border-color: #FF6600; /* 悬停时边框变橙色 */
    }

    /* 图标样式 */
    .oi-stat-icon {
        font-size: 42px;
        color: #FF6600; /* 品牌橙 */
        margin-bottom: 20px;
        display: inline-block;
        transition: transform 0.3s;
    }
    
    .oi-stat-card:hover .oi-stat-icon {
        transform: scale(1.1); /* 悬停时图标微放大 */
    }

    /* 数字样式 */
    .oi-stat-number {
        font-size: 36px;
        font-weight: 800;
        color: #003366; /* 品牌深蓝 */
        margin: 0;
        line-height: 1;
        font-family: 'Arial', sans-serif; /* 数字用无衬线字体更硬朗 */
    }

    /* 分割线 */
    .oi-stat-line {
        width: 40px;
        height: 3px;
        background-color: #eee;
        margin: 15px auto;
        transition: width 0.3s, background-color 0.3s;
    }

    .oi-stat-card:hover .oi-stat-line {
        width: 60px; /* 悬停时线条变宽 */
        background-color: #FF6600; /* 变橙色 */
    }

    /* 文字说明 */
    .oi-stat-label {
        color: #666;
        font-size: 15px;
        font-weight: 600;
        line-height: 1.4;
        display: block;
        text-transform: uppercase; /* 全大写显专业 */
        letter-spacing: 0.5px;
    }

/* === 标题区域 === */
    .oi-section-header {
        text-align: center;
        margin-bottom: 50px;
        padding-top: 60px;
    }
    .oi-section-title {
        font-weight: 800;
        color: #333;
        font-size: 36px;
        margin-bottom: 15px;
        text-transform: uppercase;
    }
    .oi-divider-box {
        display: flex;
        align-items: center;
        justify-content: center;
        margin-bottom: 15px;
    }
    .oi-divider-line {
        width: 60px;
        height: 2px;
        background-color: #d44848;
    }
    .oi-divider-diamond {
        width: 12px;
        height: 12px;
        background-color: #d44848;
        transform: rotate(45deg);
        margin: 0 15px;
    }
    .oi-subtitle {
        color: #666;
        font-family: 'Roboto Condensed', sans-serif;
        font-size: 16px;
        letter-spacing: 1px;
    }

    /* === 产品卡片 (核心) === */
    .oi-product-card {
        background: #fff;
        border: 1px solid #eee;
        border-radius: 8px;
        overflow: hidden;
        margin-bottom: 30px;
        transition: all 0.3s ease;
        position: relative;
    }
    
    .oi-product-card:hover {
        box-shadow: 0 15px 30px rgba(0,0,0,0.1);
        transform: translateY(-5px);
        border-color: #d44848;
    }

    /* 图片容器 (实现 Hover 切换) */
    .oi-prod-img-box {
        position: relative;
        width: 100%;
        padding-top: 100%; /* 1:1 正方形图片占位 */
        overflow: hidden;
        background: #f9f9f9;
    }
    
    .oi-prod-img-box img {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        object-fit: cover; /* 保证图片填满且不变形 */
        transition: opacity 0.4s ease;
    }

    /* 默认显示的图 */
    .oi-img-main { opacity: 1; z-index: 1; }
    /* 悬停显示的图 */
    .oi-img-hover { opacity: 0; z-index: 2; }

    /* 鼠标悬停时切换 */
    .oi-product-card:hover .oi-img-hover { opacity: 1; }

    /* 内容区域 */
    .oi-prod-info {
        padding: 20px;
        text-align: center;
    }

    .oi-prod-title {
        font-size: 18px;
        font-weight: 700;
        color: #003366; /* 品牌蓝 */
        margin-bottom: 10px;
        height: 44px; /* 限制高度，防止标题长短不一导致卡片对不齐 */
        display: flex;
        align-items: center;
        justify-content: center;
        overflow: hidden;
    }

    .oi-prod-desc {
        font-size: 13px;
        color: #777;
        margin-bottom: 20px;
        min-height: 40px; /* 预留高度给型号文字 */
        line-height: 1.4;
    }

    /* 报价按钮 */
    .oi-btn-quote {
        display: block;
        width: 100%;
        padding: 10px 0;
        background-color: #fff;
        color: #d44848;
        border: 1px solid #d44848;
        border-radius: 4px;
        font-weight: 600;
        text-transform: uppercase;
        transition: all 0.3s;
        text-decoration: none;
    }

    .oi-btn-quote:hover {
        background-color: #d44848;
        color: #fff;
    }

    /* === 底部 CTA 横幅 === */
    .oi-bottom-cta {
        background: linear-gradient(135deg, #fceceb 0%, #fff 100%);
        border: 1px solid #f5c6c6;
        padding: 40px;
        border-radius: 10px;
        text-align: center;
        margin-top: 30px;
        margin-bottom: 60px;
    }
    .oi-cta-text {
        font-size: 20px;
        font-weight: 600;
        color: #333;
        margin-bottom: 20px;
    }
    .oi-btn-pulse {
        background-color: #d44848;
        color: #fff;
        padding: 12px 35px;
        border-radius: 50px;
        font-weight: 700;
        border: none;
        box-shadow: 0 4px 15px rgba(212, 72, 72, 0.4);
        transition: 0.3s;
        animation: pulse 2s infinite;
    }
    .oi-btn-pulse:hover {
        background-color: #b93b3b;
        transform: scale(1.05);
        color: #fff;
        text-decoration: none;
    }

    @keyframes pulse {
        0% { box-shadow: 0 0 0 0 rgba(212, 72, 72, 0.7); }
        70% { box-shadow: 0 0 0 10px rgba(212, 72, 72, 0); }
        100% { box-shadow: 0 0 0 0 rgba(212, 72, 72, 0); }
    }

	 /* === 通用间距与字体 === */
    .oi-section-padding {
        padding: 80px 0;
    }
    
    /* === 板块 1: 企业优势 (Save Section) === */
    .oi-advantage-img {
        box-shadow: 0 15px 30px rgba(0,0,0,0.1); /* 图片阴影 */
        border-radius: 8px; /* 图片圆角 */
        overflow: hidden;
        margin-bottom: 30px; /* 手机端间距 */
    }
    .oi-advantage-img img {
        width: 100%;
        height: auto;
        display: block;
        transition: transform 0.5s ease;
    }
    .oi-advantage-img:hover img {
        transform: scale(1.02); /* 悬停微放大 */
    }

    .oi-advantage-text h2 {
        font-size: 32px;
        color: #333;
        font-weight: 700;
        margin-bottom: 20px;
        line-height: 1.2;
    }
    .oi-advantage-text h2 strong {
        color: #d44848; /* 强调色 */
        display: block; /* 换行显示更醒目 */
        margin-top: 5px;
    }

    .oi-advantage-desc {
        font-size: 16px;
        color: #666;
        line-height: 1.6;
        margin-bottom: 25px;
        font-weight: 400;
    }

    /* 列表样式 (核心优化) */
    .oi-check-list {
        padding: 0;
        list-style: none;
        margin-bottom: 30px;
    }
    .oi-check-list li {
        display: flex; /* Flex布局保证对齐 */
        align-items: flex-start;
        margin-bottom: 12px;
        font-size: 15px;
        color: #444;
        font-weight: 500;
    }
    .oi-check-icon {
        color: #d44848;
        font-size: 18px;
        margin-right: 12px;
        margin-top: 3px; /* 图标微调 */
        flex-shrink: 0; /* 防止图标被挤压 */
    }

    /* 按钮样式 */
    .oi-btn-partner {
        background-color: #003366;
        color: #fff;
        padding: 12px 30px;
        border-radius: 4px;
        font-weight: 600;
        text-transform: uppercase;
        border: none;
        transition: 0.3s;
        display: inline-block;
        text-decoration: none;
    }
    .oi-btn-partner:hover {
        background-color: #d44848;
        color: #fff;
        transform: translateY(-2px);
    }

    /* === 板块 2: 技术参数 (Technical Parameters) === */
    .oi-tech-section {
        background-color: #f9f9f9;
        padding-top: 60px;
        padding-bottom: 60px;
    }

    /* 标题区域 */
    .oi-tech-header {
        text-align: center;
        margin-bottom: 40px;
    }
    .oi-tech-title {
        font-size: 36px;
        font-weight: 800;
        color: #333;
        text-transform: uppercase;
        margin-bottom: 15px;
    }
    
    /* 装饰线容器 */
    .oi-divider-wrapper {
        display: flex;
        align-items: center;
        justify-content: center;
        margin-bottom: 20px;
    }
    .oi-line {
        width: 80px;
        height: 2px;
        background-color: #d44848;
    }
    .oi-diamond {
        width: 12px;
        height: 12px;
        background-color: #d44848;
        transform: rotate(45deg);
        margin: 0 15px;
    }

    .oi-tech-subtitle {
        font-size: 16px;
        color: #666;
        max-width: 800px;
        margin: 0 auto;
        line-height: 1.5;
    }

    /* 表格容器 (核心：美化 PHP 输出的表格) */
    .oi-table-container {
        background: #fff;
        padding: 30px;
        border-radius: 8px;
        box-shadow: 0 5px 15px rgba(0,0,0,0.05);
        overflow-x: auto; /* 手机端横向滚动 */
    }

    /* 强制美化 ACF 输出的表格 */
    .oi-table-container table {
        width: 100%;
        border-collapse: collapse;
        min-width: 600px; /* 防止内容挤压 */
    }
    .oi-table-container table th, 
    .oi-table-container table td {
        padding: 12px 15px;
        border: 1px solid #eee;
        text-align: left;
        font-size: 14px;
        color: #555;
    }
    .oi-table-container table th {
        background-color: #003366; /* 表头深蓝 */
        color: #fff;
        font-weight: 600;
    }
    .oi-table-container table tr:nth-child(even) {
        background-color: #f8f9fa; /* 隔行变色 */
    }
    .oi-table-container table tr:hover {
        background-color: #fff5f5; /* 悬停效果 */
    }

	/* === 标题区域 === */
    .oi-section-header {
        text-align: center;
        margin-bottom: 50px;
        padding-top: 60px;
    }
    .oi-qa-title {
        font-weight: 800;
        color: #333;
        font-size: 36px;
        margin-bottom: 15px;
        text-transform: uppercase;
    }
    .oi-divider-box {
        display: flex;
        align-items: center;
        justify-content: center;
        margin-bottom: 15px;
    }
    .oi-divider-line {
        width: 60px;
        height: 2px;
        background-color: #d44848;
    }
    .oi-divider-diamond {
        width: 12px;
        height: 12px;
        background-color: #d44848;
        transform: rotate(45deg);
        margin: 0 15px;
    }
    .oi-qa-subtitle {
        color: #666;
        font-family: 'Roboto Condensed', sans-serif;
        font-size: 16px;
        letter-spacing: 0.5px;
        max-width: 800px;
        margin: 0 auto;
        line-height: 1.5;
    }

    /* === 画廊卡片样式 (Gallery Card) === */
    .oi-gallery-item {
        margin-bottom: 30px;
    }

    .oi-gallery-card {
        position: relative;
        border-radius: 8px;
        overflow: hidden; /* 必须有，防止图片放大溢出 */
        box-shadow: 0 5px 15px rgba(0,0,0,0.1);
        cursor: default; /* 或者 pointer 如果可点击 */
    }

    /* 图片容器 */
    .oi-gallery-img-box {
        position: relative;
        width: 100%;
        padding-top: 66%; /* 3:2 比例，保证所有图片高度一致 */
        overflow: hidden;
    }

    .oi-gallery-img-box img {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        object-fit: cover; /* 关键：裁剪图片以适应容器 */
        transition: transform 0.5s ease;
    }

    /* 悬停时图片放大 */
    .oi-gallery-card:hover .oi-gallery-img-box img {
        transform: scale(1.1);
    }

    /* 文字覆盖层 */
    .oi-gallery-overlay {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        background: linear-gradient(to top, rgba(0,51,102,0.9) 0%, rgba(0,51,102,0.6) 100%); /* 品牌蓝渐变 */
        padding: 15px;
        transform: translateY(0); /* 默认一直显示 */
        transition: all 0.3s ease;
        border-top: 2px solid #d44848; /* 顶部加一条橙色线装饰 */
    }

    /* 文字标题 */
    .oi-gallery-title {
        color: #fff;
        font-size: 16px;
        font-weight: 600;
        margin: 0;
        text-align: center;
        text-transform: uppercase;
        letter-spacing: 0.5px;
    }

    /* 悬停时文字背景变深 */
    .oi-gallery-card:hover .oi-gallery-overlay {
        background: rgba(0,51,102,0.95); /* 加深背景色 */
        padding-bottom: 20px; /* 微微增加高度 */
    }

	 /* === 整体容器 === */
    .oi-pricing-section {
        background-color: #fff;
        overflow: hidden; /* 防止圆角或阴影溢出 */
    }

    /* === 左侧：文案 CTA 区域 === */
    .oi-cta-box {
        background-color: #003366; /* 品牌深蓝 */
        color: #fff;
        padding: 80px 60px;
        height: 100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        position: relative;
    }

    /* 背景装饰图案 (可选) */
    .oi-cta-box::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-image: radial-gradient(circle at 20% 50%, rgba(255,255,255,0.05) 0%, transparent 50%);
        pointer-events: none;
    }

    .oi-cta-icon {
        font-size: 48px;
        margin-bottom: 25px;
    }

    .oi-cta-title {
        font-size: 36px;
        font-weight: 800;
        line-height: 1.2;
        margin-bottom: 20px;
        text-transform: uppercase;
    }

    .oi-cta-desc {
        font-size: 16px;
        line-height: 1.8;
        opacity: 0.9;
        font-weight: 300;
        max-width: 90%;
    }

    /* === 右侧：表单区域 === */
    .oi-form-box {
        background-color: #fff;
        padding: 80px 60px;
        height: 100%;
        display: flex;
        align-items: center;
    }
    
    .oi-form-inner {
        width: 100%;
    }

    /* 输入框样式优化 */
    .oi-input-group {
        margin-bottom: 25px;
    }

    .oi-label {
        font-size: 13px;
        font-weight: 700;
        color: #555;
        text-transform: uppercase;
        margin-bottom: 8px;
        display: block;
        letter-spacing: 0.5px;
    }

    .oi-form-control {
        height: 50px;
        border-radius: 4px;
        border: 1px solid #e0e0e0;
        background-color: #f9f9f9;
        padding: 10px 15px;
        font-size: 15px;
        width: 100%;
        transition: all 0.3s;
    }

    .oi-form-control:focus {
        background-color: #fff;
        border-color: #003366; /* 聚焦变蓝 */
        box-shadow: 0 0 0 3px rgba(0, 51, 102, 0.1);
        outline: none;
    }

    textarea.oi-form-control {
        height: auto;
        padding-top: 15px;
    }

    /* 提交按钮 */
    .oi-btn-submit {
        background-color: #d44848;
        color: #fff;
        border: none;
        height: 54px;
        width: 100%;
        font-size: 16px;
        font-weight: 700;
        text-transform: uppercase;
        letter-spacing: 1px;
        border-radius: 4px;
        cursor: pointer;
        transition: 0.3s;
        box-shadow: 0 4px 15px rgba(212, 72, 72, 0.3);
    }

    .oi-btn-submit:hover {
        background-color: #b93b3b;
        transform: translateY(-2px);
        box-shadow: 0 8px 20px rgba(212, 72, 72, 0.4);
    }

    /* 移动端适配 */
    @media (max-width: 768px) {
        .oi-cta-box, .oi-form-box {
            padding: 50px 30px;
        }
        .oi-cta-title {
            font-size: 28px;
        }
    }

	/* === 1. 弹窗遮罩层 (背景变暗) === */
    .oi-popup-overlay {
        display: none; /* 默认隐藏，由JS控制显示 */
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.7); /* 深色半透明背景 */
        z-index: 99999 !important; /* 保证在最上层 */
        align-items: center;
        justify-content: center;
        padding: 20px; /* 防止手机端贴边 */
        opacity: 0;
        transition: opacity 0.3s ease;
    }

    /* 显示状态 */
    .oi-popup-overlay.show {
        display: flex;
        opacity: 1;
    }

    /* === 2. 弹窗主体盒子 === */
    .oi-popup-box {
        background-color: #fff;
        width: 100%;
        max-width: 900px; /* 限制最大宽度 */
        border-radius: 12px;
        overflow: hidden;
        box-shadow: 0 25px 50px rgba(0,0,0,0.3);
        position: relative;
        transform: translateY(-30px);
        transition: transform 0.3s ease;
    }

    /* 动画：滑入效果 */
    .oi-popup-overlay.show .oi-popup-box {
        transform: translateY(0);
    }

    /* === 3. 关闭按钮 === */
    .oi-close-btn {
        position: absolute;
        top: 15px;
        right: 15px;
        width: 36px;
        height: 36px;
        background: #f1f1f1;
        border-radius: 50%;
        color: #333;
        font-size: 24px;
        line-height: 36px;
        text-align: center;
        cursor: pointer;
        z-index: 10;
        transition: all 0.3s;
    }
    .oi-close-btn:hover {
        background: #d44848;
        color: #fff;
        transform: rotate(90deg); /* 趣味旋转效果 */
    }

    /* === 4. 左侧内容 (蓝色背景) === */
    .oi-popup-left {
        background: linear-gradient(135deg, #003366 0%, #002244 100%); /* 品牌深蓝渐变 */
        color: #fff;
        padding: 60px 40px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        height: 100%;
    }

    .oi-popup-icon {
        font-size: 40px;
        color: #ffffff;
        margin-bottom: 20px;
    }

    .oi-popup-left h2 {
        font-size: 28px;
        font-weight: 700;
        margin-bottom: 15px;
        line-height: 1.3;
    }

    .oi-popup-left h4 {
        font-size: 15px;
        font-weight: 300;
        line-height: 1.6;
        opacity: 0.9;
    }

    /* === 5. 右侧表单 === */
    .oi-popup-right {
        padding: 50px 40px;
        background: #fff;
    }

    /* 表单控件美化 */
    .oi-form-label {
        font-size: 12px;
        font-weight: 700;
        color: #666;
        text-transform: uppercase;
        margin-bottom: 5px;
        display: block;
    }

    .oi-form-input {
        height: 45px;
        border: 1px solid #ddd;
        border-radius: 4px;
        padding: 10px 15px;
        font-size: 14px;
        width: 100%;
        background: #f9f9f9;
        transition: 0.3s;
    }

    .oi-form-input:focus {
        background: #fff;
        border-color: #003366;
        outline: none;
        box-shadow: 0 0 0 3px rgba(0,51,102,0.1);
    }
    
    textarea.oi-form-input {
        height: auto;
    }

    .oi-form-group {
        margin-bottom: 20px;
    }

    .oi-popup-submit {
        background-color: #d44848;
        color: #fff;
        border: none;
        width: 100%;
        padding: 12px;
        font-size: 16px;
        font-weight: 700;
        text-transform: uppercase;
        border-radius: 4px;
        cursor: pointer;
        transition: 0.3s;
    }

    .oi-popup-submit:hover {
        background-color: #b93b3b;
        transform: translateY(-2px);
    }

    /* 手机适配 */
    @media (max-width: 768px) {
        .oi-popup-left { padding: 40px 30px; text-align: center; }
        .oi-popup-right { padding: 30px 20px; }
        .oi-popup-box { max-height: 90vh; overflow-y: auto; } /* 防止手机屏幕太小显示不全 */
    }

    /* 1. 弹窗容器 */
    .oi-cookie-banner {
        position: fixed;
        bottom: 0;
        left: 0;
        right: 0;
        background-color: #ffffff;
        box-shadow: 0 -4px 20px rgba(0,0,0,0.08);
        padding: 20px;
        z-index: 999999; /* 保证在最顶层 */
        display: none; /* 默认隐藏，JS判断后再显示 */
        font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
        border-top: 1px solid #eee;
    }

    .oi-cookie-inner {
        max-width: 1200px;
        margin: 0 auto;
        display: flex;
        align-items: center;
        justify-content: space-between;
        flex-wrap: wrap;
        gap: 20px;
    }

    /* 2. 文字区域 */
    .oi-cookie-text {
        flex: 1;
        font-size: 14px;
        color: #555;
        line-height: 1.5;
        min-width: 300px;
    }
    .oi-cookie-text h4 {
        margin: 0 0 5px 0;
        font-size: 16px;
        color: #003366; /* 品牌蓝 */
        font-weight: 700;
    }
    .oi-cookie-text a {
        color: #FF6600; /* 品牌橙 */
        text-decoration: underline;
    }

    /* 3. 按钮区域 */
    .oi-cookie-btns {
        display: flex;
        gap: 10px;
    }

    .oi-btn-cookie {
        padding: 10px 24px;
        border-radius: 4px;
        font-size: 14px;
        font-weight: 600;
        cursor: pointer;
        transition: all 0.2s;
        text-transform: uppercase;
        border: none;
        white-space: nowrap;
    }

    /* 拒绝按钮 */
    .oi-btn-deny {
        background-color: #f1f1f1;
        color: #666;
        border: 1px solid #ddd;
    }
    .oi-btn-deny:hover {
        background-color: #e5e5e5;
        color: #333;
    }

    /* 接受按钮 */
    .oi-btn-accept {
        background-color: #FF6600; /* 品牌橙 */
        color: #fff;
        box-shadow: 0 4px 10px rgba(255, 102, 0, 0.2);
    }
    .oi-btn-accept:hover {
        background-color: #e65c00;
        transform: translateY(-1px);
    }

    /* 4. 悬浮小图标 (用于重新唤起设置) */
    .oi-cookie-float {
        position: fixed;
        bottom: 20px;
        left: 20px;
        width: 40px;
        height: 40px;
        background: #fff;
        border-radius: 50%;
        box-shadow: 0 2px 10px rgba(0,0,0,0.1);
        z-index: 999998;
        display: none; /* 默认隐藏 */
        align-items: center;
        justify-content: center;
        cursor: pointer;
        border: 1px solid #eee;
    }
    .oi-cookie-float svg {
        width: 20px;
        height: 20px;
        fill: #003366;
    }

    /* 手机适配 */
    @media (max-width: 768px) {
        .oi-cookie-inner { flex-direction: column; align-items: flex-start; }
        .oi-cookie-btns { width: 100%; justify-content: flex-end; }
        .oi-btn-cookie { flex: 1; text-align: center; }
		.oi-cookie-float {bottom: 80px;}
    }

    /* 1. 弹窗容器 */
    .oi-cookie-banner {
        position: fixed;
        bottom: 0;
        left: 0;
        right: 0;
        background-color: #ffffff;
        box-shadow: 0 -4px 20px rgba(0,0,0,0.08);
        padding: 20px;
        z-index: 999999; /* 保证在最顶层 */
        display: none; /* 默认隐藏，JS判断后再显示 */
        font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
        border-top: 1px solid #eee;
    }

    .oi-cookie-inner {
        max-width: 1200px;
        margin: 0 auto;
        display: flex;
        align-items: center;
        justify-content: space-between;
        flex-wrap: wrap;
        gap: 20px;
    }

    /* 2. 文字区域 */
    .oi-cookie-text {
        flex: 1;
        font-size: 14px;
        color: #555;
        line-height: 1.5;
        min-width: 300px;
    }
    .oi-cookie-text h4 {
        margin: 0 0 5px 0;
        font-size: 16px;
        color: #003366; /* 品牌蓝 */
        font-weight: 700;
    }
    .oi-cookie-text a {
        color: #FF6600; /* 品牌橙 */
        text-decoration: underline;
    }

    /* 3. 按钮区域 */
    .oi-cookie-btns {
        display: flex;
        gap: 10px;
    }

    .oi-btn-cookie {
        padding: 10px 24px;
        border-radius: 4px;
        font-size: 14px;
        font-weight: 600;
        cursor: pointer;
        transition: all 0.2s;
        text-transform: uppercase;
        border: none;
        white-space: nowrap;
    }

    /* 拒绝按钮 */
    .oi-btn-deny {
        background-color: #f1f1f1;
        color: #666;
        border: 1px solid #ddd;
    }
    .oi-btn-deny:hover {
        background-color: #e5e5e5;
        color: #333;
    }

    /* 接受按钮 */
    .oi-btn-accept {
        background-color: #FF6600; /* 品牌橙 */
        color: #fff;
        box-shadow: 0 4px 10px rgba(255, 102, 0, 0.2);
    }
    .oi-btn-accept:hover {
        background-color: #e65c00;
        transform: translateY(-1px);
    }

    /* 4. 悬浮小图标 (用于重新唤起设置) */
    .oi-cookie-float {
        position: fixed;
        bottom: 20px;
        left: 20px;
        width: 40px;
        height: 40px;
        background: #fff;
        border-radius: 50%;
        box-shadow: 0 2px 10px rgba(0,0,0,0.1);
        z-index: 999998;
        display: none; /* 默认隐藏 */
        align-items: center;
        justify-content: center;
        cursor: pointer;
        border: 1px solid #eee;
    }
    .oi-cookie-float svg {
        width: 20px;
        height: 20px;
        fill: #003366;
    }

    /* 手机适配 */
    @media (max-width: 768px) {
        .oi-cookie-inner { flex-direction: column; align-items: flex-start; }
        .oi-cookie-btns { width: 100%; justify-content: flex-end; }
        .oi-btn-cookie { flex: 1; text-align: center; }
		.oi-cookie-float {bottom: 80px;}
    }