誠信治理

宗瑋工業 (GDI) 秉持誠信經營，落實無衝突礦產採購、企業社會責任與廉潔承諾，建構透明且永續的供應鏈管理體系。


/* --- 強化版霓虹光效動畫 --- */
@keyframes shimmer {
0% {
transform: translateX(-150%) skewX(-25deg);
}

50% {
transform: translateX(150%) skewX(-25deg);
}

100% {
transform: translateX(150%) skewX(-25deg);
}
}

/* --- 基礎環境設定 --- */
.gov-section-wrapper {
font-family: "Microsoft JhengHei", Arial, sans-serif;
background-color: #f4f8fc;
/* 淺藍白底色 */
padding: 40px 0;
position: relative;
}

.gov-container {
max-width: 1200px;
margin: 0 auto;
padding: 0 20px;
}

.gov-title {
text-align: center;
font-size: 2.2em;
color: #004a99;
margin-bottom: 20px;
font-weight: bold;
}

/* 前導介紹文案樣式 */
.gov-intro-text {
max-width: 850px;
margin: 0 auto 40px;
text-align: center;
font-size: 1.1em;
line-height: 1.8;
color: #2d3748;
background: rgba(255, 255, 255, 0.9);
padding: 20px 30px;
border-radius: 8px;
box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);
border-left: 5px solid #004a99;
font-weight: bold;
}

/* 網格佈局 */
.gov-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 20px;
margin-bottom: 30px;
}

.gov-card {
background: #fff;
padding: 10px;
border-radius: 12px;
box-shadow: 0 3px 15px rgba(0, 0, 0, 0.08);
text-align: center;
transition: transform 0.3s ease;
}

.gov-card:hover {
transform: translateY(-5px);
}

/* --- 針對白底強化的圖片容器 --- */
.gov-img-box {
position: relative;
overflow: hidden;
border-radius: 8px;
height: 300px;
background-color: #fff;
border: 1px solid #e0e0e0;
/* 預設深一點的灰色邊框 */
margin-bottom: 10px;
transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
}

/* 強化版懸停琉璃特效 (針對白底優化) */
.gov-card:hover .gov-img-box {
/* 多層發光：一層核心亮光 + 一層擴散暈光 + 一層內發光 */
box-shadow:
0 0 15px rgba(0, 242, 255, 0.6),
0 0 30px rgba(0, 242, 255, 0.3),
inset 0 0 12px rgba(0, 242, 255, 0.4);
border-color: #00d2ff;
/* 亮藍色邊框 */
background: rgba(0, 242, 255, 0.03);
}

/* 強化的流光動畫 (Shimmer) */
.gov-img-box::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
/* 使用更亮、對比度更高的漸層 */
background: linear-gradient(90deg,
transparent,
rgba(255, 255, 255, 0.5) 45%,
rgba(255, 255, 255, 0.8) 50%,
rgba(255, 255, 255, 0.5) 55%,
transparent);
animation: shimmer 3s infinite linear;
pointer-events: none;
z-index: 2;
}

.gov-img-box img {
width: 100%;
height: 100%;
object-fit: cover;
cursor: pointer;
display: block;
transition: transform 0.6s ease;
filter: brightness(1);
/* 確保原始亮度 */
}

/* 懸停時讓圖片輕微變暗一點點，突顯外圈光芒 */
.gov-card:hover .gov-img-box img {
transform: scale(1.08);
filter: brightness(0.95);
}

.gov-card h3 {
color: #004a99;
font-size: 1.2em;
margin: 10px 0;
font-weight: bold;
}

.gov-card p {
color: #555;
font-size: 0.95em;
line-height: 1.6;
padding: 0 10px 15px;
text-align: justify;
}

/* --- 預覽區樣式 --- */
#gov-inline-viewer {
display: none;
background: #111;
border-radius: 12px;
margin: 20px 0 40px;
padding: 20px;
box-shadow: 0 10px 40px rgba(0, 0, 0, 0.5);
border: 2px solid #004a99;
}

.gov-viewer-tools {
display: flex;
justify-content: center;
gap: 10px;
margin-bottom: 15px;
}

.gov-viewer-tools button {
background: #004a99;
color: #fff;
border: 1px solid rgba(255, 255, 255, 0.2);
padding: 8px 18px;
border-radius: 6px;
cursor: pointer;
font-weight: bold;
}

.gov-viewer-tools button:hover {
background: #0066cc;
box-shadow: 0 0 15px rgba(0, 242, 255, 0.6);
}

.gov-viewer-tools button.close-btn {
background: #cc0000;
}

.gov-scroll-area {
width: 100%;
height: 650px;
overflow: auto;
background: #000;
border-radius: 8px;
display: flex;
align-items: flex-start;
justify-content: center;
}

#gov-target-img {
width: 80%;
height: auto;
transition: width 0.2s ease;
padding: 20px;
}

/* RWD 響應式 */
@media (max-width: 992px) {
.gov-grid {
grid-template-columns: repeat(2, 1fr);
}
}

@media (max-width: 600px) {
.gov-grid {
grid-template-columns: 1fr;
}

.gov-scroll-area {
height: 450px;
}
}



誠信治理：聲明與承諾

宗瑋工業 (GDI) 秉持誠信經營，落實無衝突礦產採購、企業社會責任與廉潔承諾，建構透明且永續的供應鏈管理體系。






無衝突礦產聲明

承諾不採購來自武裝衝突地區之礦產，嚴格審核 3TG 來源，確保供應鏈符合國際人道標準與負責採購規範。





企業社會責任聲明

我們積極落實 ESG 治理方針，致力於環境永續、職場安全與社會參與，建構與社會共榮的永續生態系。





廉潔承諾聲明

誠信為本，杜絕賄賂與舞弊。要求全體員工與夥伴恪守商業倫理，守護透明公正的商業環境。




放大 +縮小 -重置大小關閉預覽 ✕






let zoomVal = 80;

function loadViewer(src) {
const viewer = document.getElementById('gov-inline-viewer');
const img = document.getElementById('gov-target-img');
img.src = src;
resetZoom();
viewer.style.display = 'block';
setTimeout(() => {
viewer.scrollIntoView({ behavior: 'smooth', block: 'start' });
}, 150);
}

function closeViewer() {
document.getElementById('gov-inline-viewer').style.display = 'none';
}

function changeZoom(factor) {
const img = document.getElementById('gov-target-img');
zoomVal = zoomVal * factor;
if (zoomVal < 30) zoomVal = 30;
if (zoomVal > 500) zoomVal = 500;
img.style.width = zoomVal + '%';
}

function resetZoom() {
zoomVal = 80;
document.getElementById('gov-target-img').style.width = '80%';
}