.in_banner-wrapper { width:100%; overflow:hidden; background-color:#333333; margin:0; padding:0;margin-top:-55px }
.in_banner-container { position:relative; width:100%; height:500px; margin:0 auto; overflow:hidden;  }
.in_banner-image { width:100%; height:100%; object-fit:cover; display:block; transform:scale(1); transition:transform 0.5s ease; }
.in_banner-link-wrapper:hover .in_banner-image { transform:scale(1.01); }
.in_banner-overlay { position:absolute; top:0; left:0; width:100%; height:100%; background-color:rgba(0,0,0,0.25); }
.in_banner-content { position:absolute; top:0; left:0; right:0; width:100%; height:100%; padding:0px 3% 0px; margin:0 auto; }
.in_banner-title { position:absolute; top:75%; left:5%; transform:translateY(-50%);  font-weight:800; font-size:clamp(2.5rem,6vw,5rem); line-height:1.1; font-weight:normal; margin:0; color:#ffffff; transition:color 0.3s ease; }
.in_banner-link-wrapper:hover .in_banner-title { color:#ffffff; }
.in_banner-date { position:absolute; top:50%; left:5%; transform:translateY(80%); font-family:Arial,sans-serif; font-size:clamp(0.9rem,2vw,1.1rem); color:#ffffff; opacity:0.9; }
@media (max-width:768px) { .in_banner-container { height:300px; } .in_banner-title,.in_banner-date { left:4%; } }
@media (max-width:480px) { .in_banner-container { height:250px; } }

.banner-breadcrumbs{height:70px;font-weight:var(--fontbold4);font-size:var(--fontsize16);border-bottom:1px solid rgba(0,0,0,.06);color:#999;display:flex;align-items:center;justify-content:center;line-height:1;justify-content: space-between;margin-bottom:50px}
.banner-breadcrumbs h1{font-weight:var(--fontbold4);font-size:var(--fontsize16);}
.banner-breadcrumbs a{color:#999;padding:0 5px}
.banner-title-h1{font-size:inherit;font-weight:var(--fontbold4);color:var(--fontcolor);padding:0 5px}
.banner-breadcrumbs em{margin-right:5px}
.mginquirybtn{cursor:pointer;background: var(--bgcolor);color: #FFFFFF;height: 32px;padding: 0 15px;border-radius: 20px;display: inline-flex;align-items: center;justify-content: center;margin-left: 20px;position: relative;z-index: 1;overflow: hidden;font-size: var(--fontsize14);}
.mginquirybtn::before{z-index: -1;content: '';position: absolute;left: -50px;top: -50px;width: calc(100% + 100px);height: calc(100% + 100px);--s: rgba(255, 255, 255, 0.2);transform: rotate(10deg);}

    .about-one * { margin: 0; padding: 0; box-sizing: border-box; }
    .about-one {  color: #2c2c2a; line-height: 1.6; -webkit-font-smoothing: antialiased; }
    .about-one .about-wrap { margin: 0 auto; padding: 60px 24px 70px; width: 100%; }
    .about-one .about-header { text-align: center; margin-bottom: 48px; }
    .about-one .about-sub { font-size: 1rem; letter-spacing: 3px; text-transform: uppercase; color: #dd0000; font-weight: 400; margin-bottom: 10px; }
    .about-one .about-title { font-size: clamp(2.2rem, 5vw, 2.8rem); font-weight: 500; letter-spacing: -0.02em; color: #1f2a1b; line-height: 1.2; max-width: 1100px; margin: 0 auto; }
    .about-one .about-figure { width: 100%; border-radius: 28px; overflow: hidden; margin: 40px 0 44px; box-shadow: 0 20px 35px -12px rgba(0,0,0,0.08); background: #eae7e0; transition: box-shadow 0.3s ease; }
    .about-one .about-figure img { display: block; width: 100%; height: auto; transition: transform 0.4s cubic-bezier(0.2, 0.9, 0.4, 1.1), opacity 0.3s ease; }
    .about-one .about-figure:hover img { transform: scale(1.02); opacity: 0.92; }
    .about-one .about-text { margin: 0 auto 1px; text-align: left; font-size: clamp(1.05rem, 2vw, 1.25rem); color: #3e3e3a; }
    .about-one .about-text p { margin-bottom: 1.2rem; }
    .about-one .about-text p:last-child { margin-bottom: 0; }
    .about-one .stat-grid { display: flex; flex-wrap: wrap; justify-content: center; gap: 18px; margin: 52px auto 32px; max-width: 1200px; }
    .about-one .stat-item { flex: 1 1 200px; min-width: 160px; max-width: 280px; background: #ffffff; padding: 28px 12px 30px; border-radius: 48px 20px 48px 20px; border: 1px solid #f0ede6; box-shadow: 0 8px 24px rgba(0,0,0,0.02); text-align: center; transition: transform 0.2s ease, box-shadow 0.25s ease, border-color 0.2s; }
    .about-one .stat-item:hover { transform: translateY(-5px); box-shadow: 0 18px 32px -12px rgba(0,0,0,0.08); border-color: #ddc7b8; }
    .about-one .stat-number { font-size: 2.8rem; font-weight: 600; color: #b1513e; font-family: 'Georgia', serif; line-height: 1.2; margin-bottom: 8px; letter-spacing: 1px; min-height: 4rem; }
    .about-one .stat-label { font-size: 0.85rem; text-transform: uppercase; letter-spacing: 1.5px; font-weight: 500; color: #5c5b55; font-family: 'Arial', sans-serif; }
    .about-one .divider-grace { width: 80px; height: 2px; background: #d8cdb0; margin: 32px auto 24px; display: block; }
    .about-one .brand-footer { text-align: center; margin-top: 40px; border-top: 1px solid #e2dacf; padding-top: 36px; }
    .about-one .brand-footer .badge { font-size: 1.2rem; color: #b1513e; font-weight: 500; letter-spacing: 1px; display: inline-block; margin-bottom: 6px; }
    .about-one .brand-footer .slogan { font-size: 1rem; color: #b1513e; font-style: italic; letter-spacing: 0.5px; }
    .about-one .brand-footer i { margin: 0 8px; }
    @media (max-width: 768px) { .about-one .about-wrap { padding: 40px 16px 50px; } .about-one .stat-item { flex: 1 1 44%; max-width: 220px; } }
    @media (max-width: 500px) { .about-one .stat-item { flex: 1 1 90%; max-width: 300px; } .about-one .stat-number { font-size: 2.4rem; min-height: 3.2rem; } }


.about-num * {margin:0;padding:0;box-sizing:border-box;margin:0 auto;}
.about-num {width:100%;margin:0 auto;background:#f5f9fc;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1000' height='400' viewBox='0 0 1000 400'%3E%3Cpath d='M0 80 Q 120 20, 240 80 T 480 80 T 720 80 T 1000 80' stroke='%23dd0000' stroke-width='1.5' fill='none' opacity='0.1'/%3E%3Cpath d='M0 180 Q 120 120, 240 180 T 480 180 T 720 180 T 1000 180' stroke='%23dd0000' stroke-width='1.5' fill='none' opacity='0.1'/%3E%3Cpath d='M0 280 Q 120 220, 240 280 T 480 280 T 720 280 T 1000 280' stroke='%23dd0000' stroke-width='1.5' fill='none' opacity='0.1'/%3E%3Cpath d='M0 380 Q 120 320, 240 380 T 480 380 T 720 380 T 1000 380' stroke='%23dd0000' stroke-width='1.5' fill='none' opacity='0.1'/%3E%3C/svg%3E");background-size:cover;background-position:center;overflow:hidden;}
.about-num .about-num-wrap {width:100%;max-width:1500px;margin:0 auto;padding:80px 0;overflow:hidden;}
.about-num .about-num-left {float:left;width:20%;padding-top:50px;}
.about-num .about-num-right {float:right;width:78%;overflow:hidden;}
.about-num .about-num-subtitle {font-size:18px;color:#dd0000;font-weight:bold;letter-spacing:2px;text-transform:uppercase;margin-bottom:15px;}
.about-num .about-num-title {font-size:56px;font-weight:bold;color:#333333;line-height:1.2;}
.about-num .about-num-card {float:left;width:23%;margin-right:1%;background:#ffffff;border-radius:20px;padding:35px 20px;text-align:center;text-decoration:none;box-shadow:0 12px 35px rgba(0,0,0,0.08);transition:all 0.3s ease;}
.about-num .about-num-card-last {margin-right:0;}
.about-num .about-num-icon{width:80px;height:80px;border-radius:50%;background:#dd0000;color:#ffffff;margin:0 auto 20px;text-align:center;line-height:80px;font-size:32px;transition:transform 0.3s ease,opacity 0.3s ease;}
.about-num .about-num-icon i{font-size:36px}
.about-num .about-num-count {font-size:46px;font-weight:bold;color:#333333;margin-bottom:10px;transition:color 0.3s ease;position:relative;display:inline-block;}
.about-num .about-num-count::after {content:attr(data-unit);font-size:18px;font-weight:normal;position:relative;top:-0.8em;margin-left:4px;color:#999;}
.about-num .about-num-label {font-size:16px;color:#666666;line-height:1.4;}
.about-num .about-num-card:hover .about-num-count {color:#dd0000;}
.about-num .about-num-card:hover .about-num-icon {transform:scale(1.08);opacity:0.9;}
@media screen and (max-width:992px){
.about-num .about-num-wrap {padding:60px 0;}
.about-num .about-num-left {float:none;width:100%;text-align:center;padding-top:0;margin-bottom:40px;}
.about-num .about-num-right {float:none;width:100%;overflow:visible;}
.about-num .about-num-title {font-size:42px;}
.about-num .about-num-card {width:22%;}
}
@media screen and (max-width:768px){
.about-num .about-num-wrap {width:94%;padding:50px 0;}
.about-num .about-num-title {font-size:38px;}
.about-num .about-num-card {width:48%;margin-right:4%;margin-bottom:24px;padding:28px 15px;}
.about-num .about-num-card:nth-child(2n) {margin-right:0;}
.about-num .about-num-card-last {margin-right:0;}
.about-num .about-num-icon {width:70px;height:70px;line-height:70px;font-size:28px;}
.about-num .about-num-count {font-size:38px;}
.about-num .about-num-count::after {font-size:16px;top:-0.7em;}
}
@media screen and (max-width:480px){
.about-num .about-num-wrap {width:90%;padding:40px 0;}
.about-num .about-num-left {margin-bottom:30px;}
.about-num .about-num-title {font-size:32px;}
.about-num .about-num-card {float:none;width:100%;margin-right:0;margin-bottom:20px;display:block;padding:30px 20px;}
.about-num .about-num-card-last {margin-bottom:0;}
.about-num .about-num-icon {width:65px;height:65px;line-height:65px;font-size:26px;}
.about-num .about-num-count {font-size:36px;}
.about-num .about-num-count::after {font-size:15px;top:-0.7em;}
.about-num .about-num-subtitle {font-size:14px;}
}
@media screen and (max-width:380px){
.about-num .about-num-wrap {width:92%;padding:35px 0;}
.about-num .about-num-title {font-size:28px;}
.about-num .about-num-card {padding:22px 15px;}
.about-num .about-num-count {font-size:32px;}
.about-num .about-num-count::after {font-size:13px;top:-0.6em;}
.about-num .about-num-icon {width:58px;height:58px;line-height:58px;font-size:24px;}
.about-num .about-num-label {font-size:14px;}
}
.about-num .about-num-card {cursor:pointer;-webkit-tap-highlight-color:transparent;}

.tech-core { width: 100%; padding: 4rem 1.5rem; overflow: hidden; }
.tech-container { margin: 0 auto;  }
.tech-card { background: #fff; border-radius: 0px; margin-bottom: 2.5rem; box-shadow: 0 12px 28px rgba(0,0,0,0.04), 0 0 0 1px rgba(0,0,0,0.02); transition: all 0.3s cubic-bezier(0.2,0,0,1); overflow: hidden; }
.tech-card:hover { box-shadow: 0 24px 44px -12px rgba(0,0,0,0.14), 0 0 0 1px rgba(0,0,0,0.03); transform: translateY(-2px); }
.tech-media { overflow: hidden; background: #eef2f6; position: relative; }
.tech-media img { width: 100%; height: auto; display: block; transition: transform 0.5s ease, filter 0.4s ease; transform-origin: center; }
.tech-card:hover .tech-media img { transform: scale(1.04); filter: brightness(0.97); }
.tech-content { background: #fefefe; overflow: hidden; }
.tech-badge { display: block; margin-bottom: 1.25rem; }
.tech-num { font-size: 3.2rem; font-weight: 700; line-height: 1; letter-spacing: -0.02em; background: linear-gradient(135deg, #e53935 0%, #c62828 100%); background-clip: text; -webkit-background-clip: text; color: transparent; text-shadow: none; }
.tech-title { font-size: 1.9rem; font-weight: 700; color: #1a1e2b; margin-bottom: 1.4rem; line-height: 1.3; letter-spacing: -0.3px; transition: color 0.2s; }
.tech-card:hover .tech-title { color: #d32f2f; }
.tech-desc-main { font-size: 1rem; color: #1e2a32; margin-bottom: 1.25rem; line-height: 1.6; background: #f8fafc; padding: 0.8rem 1rem; border-radius: 20px; border-left: 3px solid #d32f2f; }
.tech-desc-list { list-style: none; margin-top: 0.25rem; padding: 0; }
.tech-desc-list li { font-size: 1rem; color: #2c3e44; line-height: 1.55; margin-bottom: 0.85rem; display: block; overflow: hidden; }
.tech-desc-list li i { color: #d32f2f; font-size: 1.2rem; width: 1.6rem; float: left; margin-top: 0.1rem; font-style: italic; }
.tech-desc-list li span { display: block; margin-left: 1.9rem; }
.tech-highlight { font-weight: 500; color: #1a2c3e; background: #fff2f0; display: inline-block; padding: 0.1rem 0.3rem; border-radius: 8px; font-size: 0.95rem; }
@media screen and (min-width: 769px) { .tech-core { padding: 4rem 2.5rem; } .tech-card { display: flex; align-items: stretch; background: #fff; border-radius: 0px; margin-bottom: 2.5rem; box-shadow: 0 12px 28px rgba(0,0,0,0.04), 0 0 0 1px rgba(0,0,0,0.02); transition: all 0.3s cubic-bezier(0.2,0,0,1); overflow: hidden; } .tech-media { flex: 0 0 50%; max-width: 50%; overflow: hidden; background: #eef2f6; position: relative; } .tech-content { flex: 0 0 50%; max-width: 50%; padding: 3rem 2.5rem; background: #fefefe; display: flex; flex-direction: column; justify-content: center; } .tech-card.reverse .tech-media { order: 2; } .tech-card.reverse .tech-content { order: 1; } }
@media screen and (max-width: 768px) { .tech-core { padding: 3rem 1.25rem; } .tech-card { display: block; } .tech-media { width: 100%; float: none; } .tech-content { width: 100%; float: none; padding: 1.8rem 1.5rem; } .tech-card.reverse .tech-media { float: none; } .tech-card.reverse .tech-content { float: none; } .tech-title { font-size: 1.5rem; margin-bottom: 1rem; } .tech-num { font-size: 2.5rem; } .tech-desc-list li { font-size: 0.9rem; } .tech-desc-main { font-size: 0.9rem; padding: 0.7rem 0.9rem; } }
@media screen and (max-width: 480px) { .tech-core { padding: 2rem 0.9rem; } .tech-content { padding: 1.4rem 1.2rem; } .tech-title { font-size: 1.35rem; } .tech-num { font-size: 2.2rem; } .tech-desc-list li { font-size: 0.85rem; } .tech-desc-main { font-size: 0.85rem; } .tech-desc-list li i { font-size: 1rem; width: 1.4rem; } .tech-desc-list li span { margin-left: 1.7rem; } }



.about-send * {margin:0;padding:0;box-sizing:border-box;}
.about-send {width:100%;background:#dd0000;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 800 400'%3E%3Cpath d='M0 100 Q 100 20, 200 100 T 400 100 T 600 100 T 800 100' stroke='%23ffffff' stroke-width='1.5' fill='none' opacity='0.12'/%3E%3Cpath d='M0 200 Q 100 120, 200 200 T 400 200 T 600 200 T 800 200' stroke='%23ffffff' stroke-width='1.5' fill='none' opacity='0.12'/%3E%3Cpath d='M0 300 Q 100 220, 200 300 T 400 300 T 600 300 T 800 300' stroke='%23ffffff' stroke-width='1.5' fill='none' opacity='0.12'/%3E%3C/svg%3E");background-size:cover;background-position:center;overflow:hidden;}
.about-send .about-send-wrap {width:92%;margin:0 auto;padding:90px 0;text-align:center;}
.about-send .about-send-subtitle {font-size:18px;color:#ffffff;letter-spacing:2px;font-weight:bold;margin-bottom:20px;text-transform:uppercase;}
.about-send .about-send-title {font-size:48px;color:#ffffff;font-weight:bold;line-height:1.3;margin-bottom:45px;}
.about-send .about-send-btn {display:inline-block;padding:12px 40px;background:#333333;color:#ffffff;text-decoration:none;border-radius:50px;font-size:18px;font-weight:bold;transition:all 0.3s ease;box-shadow:0 8px 20px rgba(0,0,0,0.15);}
.about-send .about-send-btn:hover {background:#1a1a1a;transform:translateY(-2px);box-shadow:0 12px 25px rgba(0,0,0,0.2);}
@media screen and (max-width:1200px){
.about-send .about-send-title {font-size:48px;}
}
@media screen and (max-width:992px){
.about-send .about-send-wrap {padding:70px 0;}
.about-send .about-send-title {font-size:40px;margin-bottom:35px;}
}
@media screen and (max-width:768px){
.about-send .about-send-wrap {width:94%;padding:60px 0;}
.about-send .about-send-subtitle {font-size:16px;margin-bottom:15px;}
.about-send .about-send-title {font-size:32px;margin-bottom:30px;line-height:1.4;}
.about-send .about-send-btn {padding:16px 40px;font-size:16px;}
}
@media screen and (max-width:480px){
.about-send .about-send-wrap {width:96%;padding:45px 0;}
.about-send .about-send-subtitle {font-size:14px;letter-spacing:1px;margin-bottom:12px;}
.about-send .about-send-title {font-size:24px;margin-bottom:25px;}
.about-send .about-send-btn {width:100%;max-width:280px;padding:14px 0;font-size:15px;}
}

.piclist-container { margin: 0 auto; padding: 0px 0; }
.piclist-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 25px; }
.piclist-item { background: rgba(255, 255, 255, 0.1); backdrop-filter: blur(10px); border-radius: 0px; overflow: hidden; transition: transform 0.3s ease, box-shadow 0.3s ease; box-shadow: 0 8px 20px rgba(0, 0, 0, 0.05); border: 1px solid rgba(0, 0, 0, 0.05); }
.piclist-item:hover { transform: translateY(-1px); box-shadow: 0 15px 35px rgba(0, 0, 0, 0.1); }
.piclist-img-container { position: relative; width: 100%; height: 250px; overflow: hidden; cursor: pointer; }
.piclist-img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.5s ease; }
.piclist-item:hover .piclist-img { transform: scale(1.05); }
.piclist-img-container::after { content: "✚"; font-family: "iconfont"; font-weight: 900; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0); color: white; font-size: 2.5rem; opacity: 0; text-shadow: 0 0 15px rgba(0,0,0,0.7); transition: all 0.3s ease; z-index: 2; pointer-events: none; }
.piclist-item:hover .piclist-img-container::after { opacity: 1; transform: translate(-50%, -50%) scale(1); }
.piclist-content { padding: 20px; text-align: center; }
.piclist-title { font-size: 1rem; font-weight:400; margin-bottom: 5px; transition: color 0.3s ease; }
.piclist-title a { color: #333333; text-decoration: none; transition: color 0.3s ease; cursor: pointer; }
.piclist-title a:hover { color: #000000; }
.piclist-btn { display: inline-block; padding: 10px 25px; background: linear-gradient(to right, #0a4387, #0a4387); color: white; text-decoration: none; border-radius: 50px; font-weight: 600; transition: all 0.3s ease; box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1); cursor: pointer; }
.piclist-btn:hover { transform: translateY(-3px); color: white; box-shadow: 0 6px 20px rgba(0, 0, 0, 0.2); background: linear-gradient(to right, #0a4387, #0a4387); }
.piclist-lightbox { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.80); display: flex; justify-content: center; align-items: center; z-index:99999; opacity: 0; pointer-events: none; transition: opacity 0.5s ease; }
.piclist-lightbox.active { opacity: 1; pointer-events: all; }
.piclist-lightbox-content { position: relative; max-width: 90%; max-height: 90%; transform: scale(0.8); transition: transform 0.5s ease; }
.piclist-lightbox.active .piclist-lightbox-content { transform: scale(1); }
.piclist-lightbox-img { max-width: 100%; max-height: 90vh; border-radius: 0px; box-shadow: 0 20px 50px rgba(0, 0, 0, 0.8); }
.piclist-lightbox-close { position: absolute; top: -40px; right: -40px; width: 36px; height: 36px; background: #ffffff; border-radius: 50%; display: flex; justify-content: center; align-items: center; color: #333333; font-size: 1.5rem; cursor: pointer; transition: all 0.3s ease; box-shadow: 0 4px 15px rgba(255, 107, 74, 0.4); }
.piclist-lightbox-close:hover { background: #ffffff; transform: rotate(90deg); }
.piclist-lightbox-info { position: absolute; bottom: 0px; left: 0; width: 100%; text-align: center; color: white; padding: 15px; background: rgba(0, 0, 0, 0.5); border-radius: 0 0 10px 10px; }
.piclist-lightbox-nav { position: absolute; top: 50%; width: 100%; display: flex; justify-content: space-between; padding: 0 20px; transform: translateY(-50%); pointer-events: none; }
.piclist-lightbox-prev, .piclist-lightbox-next { background: rgba(255, 255, 255, 0.9); width: 40px; height: 40px; border-radius: 50%; display: flex; justify-content: center; align-items: center; color: #333333; font-size: 1.2rem; cursor: pointer; transition: all 0.3s ease; pointer-events: auto; }
.piclist-lightbox-prev:hover, .piclist-lightbox-next:hover { color: #000000; background: rgba(255, 255, 255, 0.99); }
@media (max-width: 1200px) { .piclist-grid { grid-template-columns: repeat(3, 1fr); } }
@media (max-width: 900px) { .piclist-grid { grid-template-columns: repeat(2, 1fr); } .piclist-header h1 { font-size: 3rem; } }
@media (max-width: 600px) { .piclist-container { margin: 30px 0 0 0 ; } .piclist-grid { grid-template-columns: 1fr; } .piclist-header h1 { font-size: 2.2rem; } .piclist-header p { font-size: 1rem; } .piclist-lightbox-close { top: -60px; right: 0; } }
.piclist-footer { text-align: center; margin-top: 50px; padding: 20px; color: rgba(255, 255, 255, 0.7); font-size: 1.1rem; background: rgba(0, 0, 0, 0.2); border-radius: 15px; backdrop-filter: blur(5px); }
@keyframes loader { to { transform: translateY(-15px); background: #feb47b; } }
a, .piclist-btn, .piclist-lightbox-close, .piclist-img-container, .piclist-lightbox-prev, .piclist-lightbox-next { cursor: pointer; }


@keyframes gradientBG { 0% { background-position: 0% 50%; } 50% { background-position: 100% 50%; } 100% { background-position: 0% 50%; } }        
.honorlist-container { margin: 0 auto; padding: 0px 0; }        
.honorlist-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 25px;}        
.honorlist-item { background: rgba(255, 255, 255, 0.1); backdrop-filter: blur(10px); border-radius: 0px; overflow: hidden; transition: transform 0.3s ease, box-shadow 0.3s ease; box-shadow: 0 8px 20px rgba(0, 0, 0, 0.05); border: 1px solid rgba(0, 0, 0, 0.05); }        
.honorlist-item:hover { transform: translateY(-1px); box-shadow: 0 15px 35px rgba(0, 0, 0, 0.1); }        
.honorlist-img-container { position: relative; width: 100%; height: 500px; overflow: hidden; cursor: pointer; border:#900 8px solid}        
.honorlist-img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.5s ease; }        
.honorlist-item:hover .honorlist-img { transform: scale(1.05); }        
.honorlist-img-container::after { content: "✚"; font-family: "iconfont"; font-weight: 400; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0); color: white; font-size: 2.5rem; opacity: 0; text-shadow: 0 0 15px rgba(0,0,0,0.7); transition: all 0.3s ease; z-index: 2; pointer-events: none; }        
.honorlist-item:hover .honorlist-img-container::after { opacity: 1; transform: translate(-50%, -50%) scale(1); }        
.honorlist-content { padding: 20px; text-align: center; }        
.honorlist-title { font-size: 1rem; font-weight:400; margin-bottom: 5px; transition: color 0.3s ease; }        
.honorlist-title a { color: #333333; text-decoration: none; transition: color 0.3s ease; cursor: pointer; }        
.honorlist-title a:hover { color: #000000; }        
.honorlist-btn { display: inline-block; padding: 10px 25px; background: linear-gradient(to right, #0a4387, #0a4387); color: white; text-decoration: none; border-radius: 50px; font-weight: 600; transition: all 0.3s ease; box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1); cursor: pointer; }        
.honorlist-btn:hover { transform: translateY(-3px); color: white; box-shadow: 0 6px 20px rgba(0, 0, 0, 0.2); background: linear-gradient(to right, #0a4387, #0a4387); }        
.honorlist-lightbox { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.95); display: flex; justify-content: center; align-items: center; z-index: 9999999; opacity: 0; pointer-events: none; transition: opacity 0.5s ease; }        
.honorlist-lightbox.active { opacity: 1; pointer-events: all; }        
.honorlist-lightbox-content { position: relative; max-width: 90%; max-height: 90%; transform: scale(0.8); transition: transform 0.5s ease; }        
.honorlist-lightbox.active .honorlist-lightbox-content { transform: scale(1); }        
.honorlist-lightbox-img { max-width: 100%; max-height: 90vh; border-radius: 0px; box-shadow: 0 20px 50px rgba(0, 0, 0, 0.8); }        
.honorlist-lightbox-close { position: absolute; top: -40px; right: -40px; width: 45px; height: 45px; background: #ffffff; border-radius: 50%; display: flex; justify-content: center; align-items: center; color: #333333; font-size: 1.8rem; cursor: pointer; transition: all 0.3s ease; box-shadow: 0 4px 15px rgba(255, 107, 74, 0.4); }        
.honorlist-lightbox-close:hover { background: #ffffff; transform: rotate(90deg); }        
.honorlist-lightbox-info { position: absolute; bottom: 0px; left: 0; width: 100%; text-align: center; color: white; padding: 15px; background: rgba(0, 0, 0, 0.5); border-radius: 0 0 10px 10px; }        
.honorlist-lightbox-nav { position: absolute; top: 50%; width: 100%; display: flex; justify-content: space-between; padding: 0 20px; transform: translateY(-50%); pointer-events: none; }        

.honorlist-lightbox-prev, .honorlist-lightbox-next { background: rgba(255, 255, 255, 0.9); width: 45px; height: 45px; border-radius: 50%; display: flex; justify-content: center; align-items: center; color: #333333; font-size: 1.5rem; cursor: pointer; transition: all 0.3s ease; pointer-events: auto; }        
.honorlist-lightbox-prev:hover, .honorlist-lightbox-next:hover { color: #000000; background: rgba(255, 255, 255, 0.99); }        
@media (max-width: 1200px) { .honorlist-grid { grid-template-columns: repeat(3, 1fr); } }        
@media (max-width: 900px) { .honorlist-grid { grid-template-columns: repeat(2, 1fr); } .honorlist-header h1 { font-size: 3rem; } }        
@media (max-width: 600px) { .honorlist-container { margin: 30px 0 0 0 ; } .honorlist-grid { grid-template-columns: 1fr; } .honorlist-header h1 { font-size: 2.2rem; } .honorlist-header p { font-size: 1rem; } .honorlist-lightbox-close { top: -60px; right: 0; } }        
.honorlist-footer { text-align: center; margin-top: 50px; padding: 20px; color: rgba(255, 255, 255, 0.7); font-size: 1.1rem; background: rgba(0, 0, 0, 0.2); border-radius: 15px; backdrop-filter: blur(5px); }        
@keyframes loader { to { transform: translateY(-15px); background: #feb47b; } }        
a, .honorlist-btn, .honorlist-lightbox-close, .honorlist-img-container, .honorlist-lightbox-prev, .honorlist-lightbox-next { cursor: pointer; } 



.container{width:100%;margin:0 auto;padding:2rem 1.5rem;box-sizing:border-box;}
.product-type .category-header { text-align: center; margin-bottom: 2.8rem; }
.product-type .category-header h1 { font-size: 2.2rem; font-weight: 700; color: #0f172a; margin-bottom: 0.5rem; letter-spacing: -0.3px; }
.product-type .category-header p { font-size: 1rem; color: #475569; max-width: 680px; margin: 0 auto; }

.product-type .category-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 2rem; margin-bottom: 2.5rem; }
.product-type .category-card { display: flex; flex-direction: row; width: 100%; background: #ffffff; border-radius: 1.5rem; overflow: hidden; text-decoration: none; color: inherit; transition: all 0.35s cubic-bezier(0.2, 0, 0, 1); box-shadow: 0 8px 20px rgba(0, 0, 0, 0.03), 0 1px 2px rgba(0, 0, 0, 0.05); border: 1px solid #eef2f6; min-height: 280px; }
.product-type .category-card:hover { transform: translateY(-4px); box-shadow: 0 20px 30px -12px rgba(0, 0, 0, 0.12), 0 4px 8px rgba(0, 0, 0, 0.02); border-color: #dc2626; }

.product-type .card-content { width: 60%; padding: 1.8rem 1.5rem 1.8rem 1.8rem; display: flex; flex-direction: column; justify-content: center; background: #ffffff; }
.product-type .card-image { width: 40%; position: relative; overflow: hidden; background-color: #f1f5f9; display: flex; align-items: center; justify-content: center; }
.product-type .img-wrapper { width: 100%; height: 100%; position: relative; overflow: hidden; }
.product-type .img-wrapper img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform 0.5s ease, filter 0.4s ease; will-change: transform; }
.product-type .category-card:hover .img-wrapper img { transform: scale(1.05); filter: brightness(0.92); }

.product-type .card-title { font-size: 1.6rem; font-weight: 700; margin: 0 0 0.7rem 0; color: #0f172a; transition: color 0.2s; letter-spacing: -0.2px; }
.product-type .category-card:hover .card-title { color: #dc2626; }
.product-type .card-desc { font-size: 0.9rem; color: #475569; margin: 0 0 1.5rem 0; line-height: 1.45; max-width: 95%; }
.product-type .card-button { width: 42px; height: 42px; border-radius: 50%; background: linear-gradient(135deg, #dc2626, #ea580c); color: white; display: inline-flex; align-items: center; justify-content: center; font-size: 1rem; transition: all 0.3s ease; margin-top: 0.2rem; box-shadow: 0 4px 8px rgba(220, 38, 38, 0.2); }
.product-type .category-card:hover .card-button { transform: translateX(6px); background: linear-gradient(135deg, #b91c1c, #c2410c); box-shadow: 0 6px 12px rgba(220, 38, 38, 0.3); }

.product-type .site-footer { margin-top: 2rem; border-top: 1px solid #e2e8f0; background: white; border-radius: 1.5rem; padding: 1.8rem 1.5rem; text-align: center; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.02); }
.product-type .footer-text { color: #5b6e8c; font-size: 0.8rem; margin-bottom: 0.8rem; }
.product-type .footer-links a { color: #5b6e8c; text-decoration: none; margin: 0 1rem; font-size: 0.8rem; transition: color 0.2s; }
.product-type .footer-links a:hover { color: #dc2626; }

@media (max-width: 899px) {
  .product-type .container { padding: 1.2rem; }
  .product-type .category-grid { grid-template-columns: 1fr; gap: 1.5rem; }
  .product-type .category-card { flex-direction: column; }
  .product-type .card-content { width: 100%; padding: 1.5rem; }
  .product-type .card-image { width: 100%; min-height: 200px; }
  .product-type .img-wrapper { height: 200px; }
  .product-type .card-title { font-size: 1.4rem; }
  .product-type .card-desc { max-width: 100%; margin-bottom: 1.2rem; }
  .product-type .category-header h1 { font-size: 1.7rem; }
}

@media (min-width: 900px) and (max-width: 1199px) {
  .product-type .category-grid { gap: 1.5rem; }
  .product-type .card-content { padding: 1.4rem 1.2rem 1.4rem 1.4rem; }
  .product-type .card-title { font-size: 1.4rem; }
  .product-type .card-desc { font-size: 0.85rem; margin-bottom: 1.2rem; }
  .product-type .card-button { width: 38px; height: 38px; }
}

@media (min-width: 1200px) {
  .product-type .container { padding: 2rem 2rem; }
  .product-type .card-content { padding: 2rem 1.8rem 2rem 2rem; }
  .product-type .card-title { font-size: 1.75rem; }
  .product-type .card-desc { font-size: 0.95rem; }
}

.product-type .card-image .img-wrapper { width: 100%; height: 100%; }
.product-type .img-wrapper img { width: 100%; height: 100%; object-fit: cover; }
.product-type .category-card { height: auto; }

        .product-container { margin: 40px auto; padding: 20px 20px; box-sizing: border-box; }
        .product-row { display: flex; flex-wrap: wrap; margin: 0 -16px; }
        .product-col { width: 33.3333%; padding: 0 16px; margin-bottom: 32px; box-sizing: border-box; }
        .product-card-link { display: block; text-decoration: none; background: #ffffff; border-radius: 20px; overflow: hidden; box-shadow: 0 10px 20px rgba(0, 0, 0, 0.05), 0 2px 4px rgba(0, 0, 0, 0.02); transition: all 0.35s cubic-bezier(0.2, 0, 0, 1); transform: translateY(0); }
        .product-card-link:hover { transform: translateY(-6px); box-shadow: 0 24px 36px -12px rgba(0, 0, 0, 0.2); }
        .product-img-wrapper { position: relative; overflow: hidden; background-color: #eaeef3; perspective: 800px; transform-style: preserve-3d; }
        .product-img-wrapper img { width: 100%; height: auto; display: block; transition: transform 0.55s cubic-bezier(0.23, 1, 0.32, 1), filter 0.3s ease; transform-origin: center center; will-change: transform; backface-visibility: hidden; }
        .product-card-link:hover .product-img-wrapper img { transform: rotateY(8deg) rotateX(3deg) scale(1.08); filter: brightness(1.02) contrast(1.02); transition: transform 0.55s cubic-bezier(0.23, 1, 0.32, 1); }
        .product-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(10, 14, 23, 0.75); backdrop-filter: blur(2px); display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center; opacity: 0; transition: opacity 0.3s ease-out 0.05s; z-index: 2; }
        .product-card-link:hover .product-overlay { opacity: 1; }
        .overlay-stripe { width: 48px; height: 2px; background: #ff3b3b; margin-bottom: 20px; transform: scaleX(0); transition: transform 0.4s cubic-bezier(0.2, 0.9, 0.4, 1.1) 0.02s; }
        .product-card-link:hover .overlay-stripe { transform: scaleX(1); }
        .overlay-title { font-size: 1.65rem; font-weight: 600; color: #fff; margin-bottom: 22px; letter-spacing: 1.5px; text-shadow: 0 2px 5px rgba(0,0,0,0.2); transform: translateY(12px); opacity: 0; transition: transform 0.35s ease-out 0.08s, opacity 0.3s ease-out 0.08s; }
        .product-card-link:hover .overlay-title { transform: translateY(0); opacity: 1; }
        .overlay-btn { background: #d32f2f; color: white; border: none; padding: 10px 28px; font-size: 1rem; font-weight: 500; cursor: pointer; display: inline-flex; align-items: center; gap: 12px; border-radius: 40px; letter-spacing: 0.5px; transition: background 0.2s, transform 0.2s, opacity 0.3s ease-out 0.16s; opacity: 0; transform: translateY(10px); text-decoration: none; box-shadow: 0 4px 8px rgba(0,0,0,0.1); }
        .product-card-link:hover .overlay-btn { opacity: 1; transform: translateY(0); }
        .overlay-btn i { font-size: 0.85rem; transition: transform 0.2s; }
        .overlay-btn:hover { background: #b71c1c; transform: scale(1.02); }
        .overlay-btn:hover i { transform: translateX(4px); }
        .product-caption { padding: 18px 12px; background: #ffffff; text-align: center; font-size: 1.18rem; font-weight: 600; color: #1e2a3a; transition: all 0.3s ease; border-top: 1px solid rgba(0, 0, 0, 0.05); letter-spacing: 1px; }
        .product-card-link:hover .product-caption { background: #d32f2f; color: #ffffff; }
        img { transition: transform 0.55s cubic-bezier(0.2, 0.9, 0.4, 1.1), filter 0.2s; }
        .product-img-wrapper::after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: radial-gradient(circle at 30% 20%, rgba(255,255,240,0.08), transparent); pointer-events: none; opacity: 0; transition: opacity 0.4s; z-index: 1; }
        .product-card-link:hover .product-img-wrapper::after { opacity: 1; }
        @media (max-width: 992px) { .product-col { width: 50%; } .product-container { margin: 20px auto; padding: 12px 20px; } .overlay-title { font-size: 1.35rem; margin-bottom: 16px; } .overlay-btn { padding: 8px 20px; font-size: 0.9rem; } }
        @media (max-width: 640px) { .product-col { width: 100%; padding: 0 12px; } .product-row { margin: 0 -12px; } .product-caption { font-size: 1rem; padding: 14px 8px; } .overlay-title { font-size: 1.25rem; } }
        html { scroll-behavior: smooth; }
        .product-card-link:focus-visible { outline: 3px solid #d32f2f; outline-offset: 2px; border-radius: 20px; }
		

        .product-list body { background: #f0f2f5; line-height: 1.4; }
        .product-list .product-container {  margin: 40px auto; padding: 20px 20px; box-sizing: border-box; }
        .product-list .category-header { margin-bottom: 48px; text-align: left; }
        .product-list .category-badge { display: inline-block; background: #d32f2f; color: white; font-size: 0.75rem; font-weight: 600; text-transform: uppercase; letter-spacing: 1.5px; padding: 5px 14px; border-radius: 30px; margin-bottom: 20px; }
        .product-list .category-title { font-size: 2.4rem; font-weight: 700; color: #1e2a3a; margin-bottom: 16px; line-height: 1.2; letter-spacing: -0.02em; }
        .product-list .category-description{ font-size: 1.08rem; line-height: 1.6; color: #4a5568; max-width: 100%; margin-bottom: 16px; }
        .product-list .category-features { margin-top: 20px; }
        .product-list .feature-item { display: inline-block; background: white; padding: 8px 18px; border-radius: 50px; box-shadow: 0 2px 6px rgba(0,0,0,0.03); border: 1px solid rgba(0,0,0,0.05); margin-right: 12px; margin-bottom: 12px; }
        .product-list .feature-item i { color: #d32f2f; font-size: 1rem; margin-right: 8px; }
        .product-list .feature-item span { font-size: 0.9rem; font-weight: 500; color: #2d3748; }
        .product-list .product-row { margin: 0 -16px; }
        .product-list .product-col { width: 33.3333%; padding: 0 16px; margin-bottom: 32px; box-sizing: border-box; float: left; }
        .product-list .product-card-link { display: block; text-decoration: none; background: #ffffff; border-radius: 20px; overflow: hidden; box-shadow: 0 10px 20px rgba(0, 0, 0, 0.05), 0 2px 4px rgba(0, 0, 0, 0.02); transition: all 0.35s cubic-bezier(0.2, 0, 0, 1); transform: translateY(0); }
        .product-list .product-card-link:hover { transform: translateY(-6px); box-shadow: 0 24px 36px -12px rgba(0, 0, 0, 0.2); }
        .product-list .product-img-wrapper { position: relative; overflow: hidden; background-color: #eaeef3; perspective: 800px; transform-style: preserve-3d; }
        .product-list .product-img-wrapper img { width: 100%; height: auto; display: block; transition: transform 0.55s cubic-bezier(0.23, 1, 0.32, 1), filter 0.3s ease; transform-origin: center center; will-change: transform; backface-visibility: hidden; }
        .product-list .product-card-link:hover .product-img-wrapper img { transform: rotateY(8deg) rotateX(3deg) scale(1.08); filter: brightness(1.02) contrast(1.02); transition: transform 0.55s cubic-bezier(0.23, 1, 0.32, 1); }
        .product-list .product-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(10, 14, 23, 0.75); backdrop-filter: blur(2px); display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center; opacity: 0; transition: opacity 0.3s ease-out 0.05s; z-index: 2; }
        .product-list .product-card-link:hover .product-overlay { opacity: 1; }
        .product-list .overlay-stripe { width: 48px; height: 2px; background: #ff3b3b; margin-bottom: 20px; transform: scaleX(0); transition: transform 0.4s cubic-bezier(0.2, 0.9, 0.4, 1.1) 0.02s; }
        .product-list .product-card-link:hover .overlay-stripe { transform: scaleX(1); }
        .product-list .overlay-title { font-size: 1.65rem; font-weight: 600; color: #fff; margin-bottom: 22px; letter-spacing: 1.5px; text-shadow: 0 2px 5px rgba(0,0,0,0.2); transform: translateY(12px); opacity: 0; transition: transform 0.35s ease-out 0.08s, opacity 0.3s ease-out 0.08s; }
        .product-list .product-card-link:hover .overlay-title { transform: translateY(0); opacity: 1; }
        .product-list .overlay-btn { background: #d32f2f; color: white; border: none; padding: 10px 28px; font-size: 1rem; font-weight: 500; cursor: pointer; display: inline-flex; align-items: center; gap: 12px; border-radius: 40px; letter-spacing: 0.5px; transition: background 0.2s, transform 0.2s, opacity 0.3s ease-out 0.16s; opacity: 0; transform: translateY(10px); text-decoration: none; box-shadow: 0 4px 8px rgba(0,0,0,0.1); }
        .product-list .product-card-link:hover .overlay-btn { opacity: 1; transform: translateY(0); }
        .product-list .overlay-btn i { font-size: 0.85rem; transition: transform 0.2s; }
        .product-list .overlay-btn:hover { background: #b71c1c; transform: scale(1.02); }
        .product-list .overlay-btn:hover i { transform: translateX(4px); }
        .product-list .product-caption { padding: 18px 12px 12px 12px; background: #ffffff; text-align: center; font-size: 1.18rem; font-weight: 600; color: #1e2a3a; transition: all 0.3s ease; border-top: 1px solid rgba(0, 0, 0, 0.05); letter-spacing: 1px; }
        .product-list .product-card-link:hover .product-caption { background: #d32f2f; color: #ffffff; }
        .product-list .product-img-wrapper::after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: radial-gradient(circle at 30% 20%, rgba(255,255,240,0.08), transparent); pointer-events: none; opacity: 0; transition: opacity 0.4s; z-index: 1; }
        .product-list .product-card-link:hover .product-img-wrapper::after { opacity: 1; }
        .product-list .product-action-buttons { display: flex; gap: 12px; justify-content: center; padding: 16px 12px 20px 12px; background: #ffffff; transition: background 0.3s ease; border-top: 1px solid rgba(0, 0, 0, 0.03); }
        .product-list .product-card-link:hover .product-action-buttons { background: #ffffff; }
        .product-list .btn-detail, .product-list .btn-contact { display: inline-flex; align-items: center; justify-content: center; gap: 8px; padding: 8px 20px; font-size: 0.85rem; font-weight: 500; border-radius: 40px; text-decoration: none; transition: all 0.25s ease; cursor: pointer; flex: 1; max-width: 130px; }
        .product-list .btn-detail { background: #dd0000; color: white; border: 1px solid #dd0000; }
        .product-list .btn-detail i { font-size: 0.8rem; transition: transform 0.2s; }
        .product-list .btn-detail:hover { background: #000000; border-color: #1a2632; transform: translateY(-2px); box-shadow: 0 4px 10px rgba(0,0,0,0.1); }
        .product-list .btn-detail:hover i { transform: translateX(3px); }
        .product-list .btn-contact { background: transparent; color: #d32f2f; border: 1px solid #d32f2f; }
        .product-list .btn-contact i { font-size: 0.8rem; transition: transform 0.2s; }
        .product-list .btn-contact:hover { background: #d32f2f; color: white; transform: translateY(-2px); box-shadow: 0 4px 10px rgba(211,47,47,0.2); }
        .product-list .btn-contact:hover i { transform: translateX(3px); }
        .product-list html { scroll-behavior: smooth; }
        .product-list .product-card-link:focus-visible { outline: 3px solid #d32f2f; outline-offset: 2px; border-radius: 20px; }
        .product-list .product-row:after { content: ""; display: table; clear: both; }
        @media (max-width: 992px) {
            .product-list .product-col { width: 50%; }
            .product-list .product-container { margin: 20px auto; padding: 12px 20px; }
            .product-list .overlay-title { font-size: 1.35rem; margin-bottom: 16px; }
            .product-list .overlay-btn { padding: 8px 20px; font-size: 0.9rem; }
            .product-list .btn-detail, .product-list .btn-contact { padding: 7px 16px; font-size: 0.8rem; max-width: 115px; }
            .product-list .category-title { font-size: 2rem; }
            .product-list .category-description { max-width: 100%; font-size: 1rem; }
            .product-list .category-features { margin-top: 16px; }
            .product-list .feature-item { margin-right: 8px; margin-bottom: 8px; padding: 6px 14px; }
        }
        @media (max-width: 640px) {
            .product-list .product-col { width: 100%; padding: 0 12px; float: none; }
            .product-list .product-row { margin: 0 -12px; }
            .product-list .product-caption { font-size: 1rem; padding: 14px 12px 8px 12px; }
            .product-list .overlay-title { font-size: 1.25rem; }
            .product-list .product-action-buttons { padding: 14px 12px 18px 12px; gap: 10px; }
            .product-list .btn-detail, .product-list .btn-contact { padding: 6px 14px; font-size: 0.75rem; max-width: 110px; }
            .product-list .category-header { margin-bottom: 32px; }
            .product-list .category-title { font-size: 1.7rem; }
            .product-list .feature-item { padding: 6px 14px; margin-right: 6px; margin-bottom: 6px; }
            .product-list .feature-item span { font-size: 0.8rem; }
        }
        .product-list .product-container { margin-left: auto; margin-right: auto; }
        .product-list .product-row { margin-left: -16px; margin-right: -16px; }
        .product-list .product-col { float: left; }
        .product-list .product-row:after { clear: both; }
        .product-list .category-features .feature-item { display: inline-block; vertical-align: middle; }
        .product-list .product-action-buttons { display: flex; }
        .product-list .btn-detail, .product-list .btn-contact { display: inline-flex; }
        .product-list .overlay-btn { display: inline-flex; }
        .product-list .product-overlay { display: flex; }
        .product-list .product-img-wrapper { display: block; }
        .product-list .category-badge { display: inline-block; }
        .product-list .category-features { text-align: left; }
        .product-list .product-card-link { display: block; }
        .product-list .product-caption { display: block; }
        .product-list .product-action-buttons { display: flex; justify-content: center; }
        .product-list .overlay-btn { display: inline-flex; align-items: center; }
        .product-list .btn-detail, .product-list .btn-contact { display: inline-flex; align-items: center; }	
		
.product-view-container {margin: 3rem auto;padding: 0 0rem;}
.product-view-card {background: #ffffff;border-radius: 1rem;box-shadow: 0 20px 35px -12px rgba(0, 0, 0, 0.08), 0 0 0 1px rgba(0, 0, 0, 0.02);display: flex;flex-wrap: wrap;gap: 2rem;padding: 2rem;}
.product-view-gallery {flex: 0.8;min-width: 300px;}
.product-view-main-wrapper {background: #fafcfd;border-radius: 1rem;overflow: hidden;aspect-ratio-: 1 / 1;border: 1px solid #eef2f5;transition: all 0.2s;}
.product-view-info {flex: 1;min-width: 280px;display: flex;flex-direction: column;gap: 1.2rem;}
.product-view-title {font-size: 2rem;font-weight: 700;color: #1a3a44;letter-spacing: -0.3px;line-height: 1.2;margin: 0;}
.product-view-desc {color: #2c535f;font-size: 1rem;line-height: 1.55;margin: 0.2rem 0;}
.product-view-certificates {background: #fcfcfc;border-radius: 0.5rem;padding: 0.85rem 1rem;display: flex;flex-wrap: wrap;align-items: center;gap: 1.3rem;border: 1px solid #eeeeee;margin: 0.2rem 0;width: 70%;}
.product-view-cert-link {display: inline-flex;flex-direction: column;align-items: center;gap: 6px;min-width: 58px;}
.product-view-cert-link i {font-size: 1.8rem;}
.product-view-cert-link span {font-size: 1.2rem;font-weight: 700;color: #000000;letter-spacing: 0.3px;}
.product-view-cert-link .fa-certificate {color: #1f6e8c;}
.product-view-cert-link .fa-shield-alt {color: #cf7b2e;}
.product-view-cert-link .fa-check-circle {color: #2a7a4b;}
.product-view-cert-link .fa-leaf {color: #468b6c;}
.product-view-cert-link .fa-globe {color: #2979a0;}
.product-view-action-bar {display: flex;flex-wrap: wrap;align-items: center;gap: 1rem;margin: 0.4rem 0;}
.product-view-qty-selector {display: inline-flex;border: 1px solid #dddddd;border-radius: 60px;background: white;}
.product-view-qty-selector button {width: 44px;height: 46px;background: transparent;border: none;font-size: 1.1rem;cursor: pointer;color: #000000;font-weight: 600;transition: 0.1s;}
.product-view-qty-selector button:hover {color: #dd0000;}
.product-view-qty-selector input {width: 54px;text-align: center;border: none;font-size: 1rem;font-weight: 600;background: white;pointer-events: none;}
.product-view-btn-buy {background: #dd0000;border: none;padding: 0 1.8rem;height: 46px;border-radius: 60px;font-weight: 600;font-size: 0.95rem;color: white;display: inline-flex;align-items: center;gap: 8px;cursor: pointer;transition: all 0.2s ease;box-shadow: 0 2px 8px rgba(212, 63, 44, 0.25);font-family: inherit;text-decoration: none;}
.product-view-btn-buy i {font-size: 0.9rem;}
.product-view-btn-buy:hover {background: #b63524;transform: translateY(-2px);}
.product-view-tag-section {background: #fcfcfc;border-radius: 1rem;padding: 0.7rem 1rem;border: 1px solid #eeeeee;font-size: 0.85rem;color: #306b79;display: flex;flex-wrap: wrap;align-items: baseline;gap: 0.8rem;}
.product-view-tag-section strong {font-weight: 600;color: #000000;margin-right: 4px;}
.product-view-tag-list {display: inline-flex;gap: 8px;flex-wrap: wrap;}
.product-view-tag-link {background: #eeeeee;padding: 0.2rem 0.75rem;border-radius: 30px;font-size: 0.7rem;font-weight: 500;color: #333333;text-decoration: none;transition: background 0.2s, transform 0.1s;display: inline-block;}
.product-view-tag-link:hover {background: #dde9e2;transform: translateY(-1px);color: #1e5a3e;}
.product-view-category-link {background: #eeeeee;padding: 0.2rem 0.85rem;border-radius: 30px;font-size: 0.7rem;font-weight: 500;color: #333333;text-decoration: none;transition: 0.2s;margin-left: 0.2rem;}
.product-view-category-link:hover {background: #dde9e2;transform: translateY(-1px);}
.product-view-share-area {display: flex;align-items: center;gap: 0.8rem;flex-wrap: wrap;margin-top: 0.3rem;}
.product-view-share-area span {font-size: 0.8rem;font-weight: 500;color: #588292;}
.product-view-social-icons {display: flex;gap: 0.6rem;}
.product-view-social-icons a {background: #eff4f7;width: 32px;height: 32px;display: inline-flex;align-items: center;justify-content: center;border-radius: 50%;color: #3333333;text-decoration: none;transition: 0.2s;font-size: 0.85rem;cursor: pointer;}
.product-view-social-icons a:hover {background: #dd0000;color: white;transform: translateY(-2px);}
@media (max-width: 760px) {
.product-view-container {margin: 1.5rem auto;padding: 0 1rem;}
.product-view-card {padding: 1.2rem;gap: 1.2rem;}
.product-view-title {font-size: 1.6rem;}
.product-view-cert-link i {font-size: 1.5rem;}
.product-view-cert-link span {font-size: 0.6rem;}
.product-view-btn-buy {padding: 0 1.2rem;height: 44px;font-size: 0.85rem;}
}
@media (max-width: 480px) {
.product-view-thumb-item {min-width: 60px;}
.product-view-certificates {gap: 0.9rem;justify-content: space-between;}
.product-view-cert-link {min-width: 52px;}
}

        .product-view-bottom {  margin: 0 auto; padding: 0 20px; background: #ffffff; border-radius: 12px; box-shadow: 0 8px 24px rgba(0,0,0,0.04); }
        .product-view-bottom .tab-nav { list-style: none; margin: 0; padding: 0; overflow: hidden; border-bottom: 2px solid #eee; padding-top: 8px; }
        .product-view-bottom .tab-nav li { display: inline; margin: 0 28px 0 0; float: left; }
        .product-view-bottom .tab-nav li:last-child { margin-right: 0; }
        .product-view-bottom .tab-nav a { display: inline-block; padding: 12px 4px 14px 4px; font-size: 1.1rem; font-weight: 600; letter-spacing: 0.3px; color: #333333; text-decoration: none; border-bottom: 3px solid transparent; margin-bottom: -2px; transition: border-color 0.2s, color 0.2s; }
        .product-view-bottom .tab-nav a.active { border-bottom-color: #dd0000; color: #dd0000; }
        .product-view-bottom .tab-nav a:hover { color: #dd0000; }
        .product-view-bottom .section { margin: 32px 0 48px 0; padding: 0 4px; }
        .product-view-bottom .section:last-of-type { margin-bottom: 20px; }
        .product-view-bottom .section h2 { font-size: 1.4rem; font-weight: 600; margin: 0 0 18px 0; color: #333333; letter-spacing: -0.3px; border-left: 2px solid #dd0000; padding-left: 18px; }
        .product-view-bottom .section p { font-size: 1.05rem; margin: 0 0 18px 0; color: #333333; max-width: 860px; }
        .product-view-bottom .section .grid { margin: 22px 0 0 0; }
        .product-view-bottom .section .grid-item { display: inline-block; vertical-align: top; width: 30%; margin: 0 3% 24px 0; background: #f8f8f8; border-radius: 14px; padding: 18px 16px 16px 16px; box-shadow: 0 2px 8px rgba(0,0,0,0.02); border: 1px solid #f0f0f0; }
        .product-view-bottom .section .grid-item:nth-child(3n) { margin-right: 0; }
        .product-view-bottom .section .grid-item img { display: block; width: 100%; height: auto; max-width: 100%; border-radius: 8px; margin-bottom: 12px; background: #eaeaea; }
        .product-view-bottom .section .grid-item h3 { font-size: 1.2rem; font-weight: 600; margin: 0 0 6px 0; color: #333333; }
        .product-view-bottom .section .grid-item p { font-size: 0.95rem; margin: 0 0 4px 0; color: #333333; }
        .product-view-bottom .section .grid-item .tag { display: inline-block; background: #dd0000; color: #fff; font-size: 0.7rem; font-weight: 600; padding: 2px 12px; border-radius: 30px; letter-spacing: 0.3px; margin-top: 6px; }
        .product-view-bottom .section .download-row { margin: 16px 0 0 0; }
        .product-view-bottom .section .download-row .dl-item { display: inline-block; vertical-align: middle; margin: 0 30px 12px 0; text-align: center; }
        .product-view-bottom .section .download-row .dl-item img { display: block; width: 48px; height: 48px; margin: 0 auto 6px auto; }
        .product-view-bottom .section .download-row .dl-item a { display: inline-block; background: #dd0000; color: #fff; padding: 8px 24px; border-radius: 40px; text-decoration: none; font-weight: 600; font-size: 0.9rem; letter-spacing: 0.3px; border: 1px solid #dd0000; transition: background 0.2s; }
        .product-view-bottom .section .download-row .dl-item a:hover { background: #bb0000; border-color: #bb0000; }
        .product-view-bottom .section .grid-4col { margin: 18px 0 0 0; letter-spacing: -0.32em; }
        .product-view-bottom .section .grid-4col .g4 { display: inline-block; vertical-align: top; width: 22%; margin: 0 2.5% 20px 0; background: #f8f8f8; border-radius: 14px; padding: 14px 12px 14px 12px; border: 1px solid #efefef; text-align: center; letter-spacing: normal; }
        .product-view-bottom .section .grid-4col .g4:nth-child(4n) { margin-right: 0; }
        .product-view-bottom .section .grid-4col .g4 a.product-link { display: block; text-decoration: none; color: #333333; }
        .product-view-bottom .section .grid-4col .g4 a.product-link:hover h4 { color: #dd0000; }
        .product-view-bottom .section .grid-4col .g4 .img-wrap { display: block; overflow: hidden; border-radius: 8px; margin-bottom: 8px; background: #eaeaea; }
        .product-view-bottom .section .grid-4col .g4 .img-wrap img { display: block; width: 100%; height: auto; transition: transform 0.25s, filter 0.25s; }
        .product-view-bottom .section .grid-4col .g4 a.product-link:hover .img-wrap img { transform: scale(1.04); filter: brightness(0.88); }
        .product-view-bottom .section .grid-4col .g4 h4 { font-size: 1.0rem; font-weight: 600; margin: 4px 0 2px 0; color: #333333; transition: color 0.2s; }
        .product-view-bottom .section .grid-4col .g4 p { font-size: 0.85rem; margin: 0 0 2px 0; color: #333333; }

        @media screen and (max-width: 800px) {
            .product-view-bottom .section .grid-item { width: 46%; margin: 0 4% 20px 0; }
            .product-view-bottom .section .grid-item:nth-child(3n) { margin-right: 4%; }
            .product-view-bottom .section .grid-item:nth-child(2n) { margin-right: 0; }
            .product-view-bottom .section .grid-4col .g4 { width: 46%; margin: 0 4% 16px 0; }
            .product-view-bottom .section .grid-4col .g4:nth-child(4n) { margin-right: 4%; }
            .product-view-bottom .section .grid-4col .g4:nth-child(2n) { margin-right: 0; }
        }

        @media screen and (max-width: 500px) {
            .product-view-bottom { padding: 0 12px; }
            .product-view-bottom .tab-nav li { margin: 0 14px 0 0; }
            .product-view-bottom .tab-nav a { font-size: 0.95rem; padding: 10px 2px 12px 2px; }
            .product-view-bottom .section h2 { font-size: 1.5rem; padding-left: 12px; }
            .product-view-bottom .section .grid-item { width: 100%; margin: 0 0 20px 0; display: block; }
            .product-view-bottom .section .grid-item:nth-child(2n), .product-view-bottom .section .grid-item:nth-child(3n) { margin-right: 0; }

            .product-view-bottom .section .grid-4col { letter-spacing: -0.32em; }
            .product-view-bottom .section .grid-4col .g4 { width: 46%; margin: 0 4% 16px 0; display: inline-block; vertical-align: top; letter-spacing: normal; }
            .product-view-bottom .section .grid-4col .g4:nth-child(2n) { margin-right: 0; }
            .product-view-bottom .section .grid-4col .g4:nth-child(4n) { margin-right: 4%; }

            .product-view-bottom .section p { font-size: 0.98rem; }
            .product-view-bottom .section .download-row .dl-item { margin: 0 16px 12px 0; }
        }

        .product-view-bottom .tab-nav li { display: inline; float: left; }
        .product-view-bottom .section .grid-item, .product-view-bottom .section .grid-4col .g4 { display: inline-block; zoom: 1; *display: inline; }
        .product-view-bottom .tab-nav { *zoom: 1; }
        .product-view-bottom .tab-nav:before, .product-view-bottom .tab-nav:after { content: ""; display: table; }
        .product-view-bottom .tab-nav:after { clear: both; }
	
		
.container { width: 100%; background: white; border-radius: 16px; box-shadow: 0 12px 30px rgba(0, 0, 0, 0.08); overflow: hidden; }        
.news_list { padding: 0px 0px; }        
.news_list-item { display: flex; position: relative; padding: 30px 0; text-decoration: none; color: #333; transition: all 0.4s ease; }        
.news_list-item::after { content: ''; position: absolute; bottom: 0; left: 0; width: 0; height: 2px; background: #dd0000; transition: width 0.5s cubic-bezier(0.165, 0.84, 0.44, 1); }        
.news_list-item:hover::after { width: 100%; }        
.news_list-item---:not(:last-child) { border-bottom: 1px solid #e0e0e0; }        
.news_list-item { border-bottom: 1px solid #e0e0e0; }        
.news_list-item:hover { color: #dd0000; }        
.news_list-time { flex: 0 0 150px; display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 0 15px; transition: color 0.3s ease; }        
.news_list-date { font-size: 50px; font-weight: 700; line-height: 1; }        
.news_list-month { font-size: 18px; font-weight: 500; margin-top: 5px; color: #666; transition: color 0.3s ease; }        
.news_list-content { flex: 1; padding: 0 30px; display: flex; flex-direction: column; justify-content: center; }        
.news_list-title { font-size: 24px; font-weight: 700; margin-bottom: 15px; transition: color 0.3s ease; }        
.news_list-desc { font-size: 15px; line-height: 1.6; color: #555; margin-bottom: 20px; transition: color 0.3s ease; }        
.news_list-btn { display: inline-block; padding: 10px 25px; width:150px; border: 1px solid #ddd; background: transparent; color: #333; font-size: 14px; font-weight: 400; text-decoration: none; border-radius: 30px; transition: all 0.3s ease; width: fit-content; position: relative; overflow: hidden; }        
.news_list-btn::after { content: ''; position: absolute; top: 0; left: 0; width: 0; height: 100%; background: #dd0000; transition: width 0.3s ease; z-index: -1; }        
.news_list-btn:hover { color: white; border-color: #dd0000; }        
.news_list-btn:hover::after { width: 100%; }        
.news_list-image { flex: 0 0 300px; height: 200px; overflow: hidden; border-radius: 8px; box-shadow: 0 5px 15px rgba(0,0,0,0.1); position: relative; }        
.news_list-image img { width: 100%; height: 100%; object-fit: cover; transition: all 0.4s ease; }        
.news_list-image::after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0); transition: background 0.4s ease; }        
.news_list-item:hover .news_list-title, .news_list-item:hover .news_list-desc, .news_list-item:hover .news_list-date, .news_list-item:hover .news_list-month { color: #dd0000; }        
.news_list-item:hover .news_list-image img { transform: scale(1.05); }        
.news_list-item:hover .news_list-image::after { background: rgba(0,0,0,0.2); }        
.news_list-mobile-date { display: none; font-size: 16px; color: #666; margin-top: 10px; margin-left: 10px; }        
@media (max-width: 900px) { .news_list { padding: 20px; } .news_list-item { flex-direction: column; padding: 25px 0; } .news_list-time { display: none; } .news_list-content { padding: 20px 0 0; order: 2; } .news_list-image { flex: 0 0 auto; width: 100%; height: 200px; order: 1; } .news_list-mobile-date { display: block; order: 3; font-weight: 500; } .news_list-title { font-size: 20px; } .news_list-desc { font-size: 15px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } }        
@media (max-width: 480px) { .news_list-image { height: 160px; } .news_list-btn { display: none; } }

.blog-body { margin: 0; padding: 30px; background: #f5f5f5; color: #333333; }
.blog-wrap { margin: 0 auto; }
.blog-item { width: 100%; background: #ffffff; margin-bottom: 24px; padding: 30px; box-sizing: border-box; position: relative; overflow: hidden; box-shadow: 0 4px 20px rgba(0,0,0,0.06); cursor: pointer; transition: transform 0.2s ease, box-shadow 0.2s ease; }
.blog-item:hover { transform: translateY(-2px); box-shadow: 0 8px 28px rgba(0,0,0,0.1); }
.blog-date-box { width: 100px; height: 100px; float: left; margin-right: 24px; background: #333333; color: #ffffff; text-align: center; padding-top: 22px; box-sizing: border-box; transition: background 0.2s ease; }
.blog-date-box:hover { background: #dd0000; }
.blog-date-day { display: block; font-size: 32px; font-weight: bold; line-height: 1; }
.blog-date-year { display: block; font-size: 15px; margin-top: 10px; letter-spacing: 1px; }
.blog-content { overflow: hidden; }
.blog-title { font-size: 20px; margin: 0 0 12px 0; line-height: 1.4; font-weight: bold; }
.blog-title a { color: #333333; text-decoration: none; transition: color 0.2s ease; }
.blog-title a:hover { color: #dd0000; text-decoration: underline; }
.blog-desc { font-size: 15px; color: #666666; line-height: 1.6; margin: 0; }
.mobile-date-only { display: none; }
@media screen and (max-width: 767px) {
.blog-body { padding: 16px; }
.blog-item { padding: 20px; margin-bottom: 16px; display: flex; flex-direction: column; }
.blog-date-box { display: none; }
.mobile-date-only { display: block; font-size: 13px; color: #999999; margin-bottom: 12px; letter-spacing: 0.3px; font-weight: normal; line-height: 1.4; background: transparent; padding: 0; border: none; width: auto; height: auto; text-align: left; }
.blog-content { overflow: visible; width: 100%; }
.blog-title { font-size: 17px; margin: 0 0 10px 0; line-height: 1.4; }
.blog-desc { font-size: 14px; line-height: 1.6; margin: 0; }
}
@media screen and (max-width: 479px) {
.blog-body { padding: 12px; }
.blog-item { padding: 16px; }
.mobile-date-only { font-size: 12px; margin-bottom: 10px; }
.blog-title { font-size: 15px; margin-bottom: 8px; }
.blog-desc { font-size: 13px; line-height: 1.5; }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
.blog-wrap { max-width: 720px; }
.blog-date-box { float: left; width: 90px; height: 90px; padding-top: 20px; }
.blog-date-day { font-size: 30px; }
.blog-title { font-size: 19px; }
.blog-desc { font-size: 14px; }
.mobile-date-only { display: none; }
}
@media screen and (max-width: 1199px) and (min-width: 992px) {
.blog-wrap {  }
.mobile-date-only { display: none; }
}
@media screen and (min-width: 1200px) {
.blog-wrap { }
.mobile-date-only { display: none; }}

.news-view-container{margin:0 auto;overflow:hidden}
.news-view-main-content{width:68%;float:left;background:#ffffff;padding:40px 38px;margin-right:2%}
.news-view-sidebar{width:30%;float:right;background:#f8f8f8;}
.news-view-sidebar-widget{background:#f9f9f9;padding:28px 26px;margin-bottom:0px;border-bottom:1px solid #eeeeee}
h1{font-size:34px;font-weight:700;margin-bottom:18px;line-height:1.3;color:#0a0a1a}
h2{font-size:22px;font-weight:600;margin-bottom:18px;color:#0a0a1a;}
h3{font-size:20px;font-weight:600;margin-bottom:20px;color:#0a0a1a}
.news-view-author-line{margin-bottom:28px;padding-bottom:18px;border-bottom:1px solid #eaeef2}
.news-view-author-line span{display:inline-block;margin-right:22px;font-size:14px;color:#6c7a89}
.news-view-author-line span i{color:#e03a3a;margin-right:6px;width:14px}
.news-view-text-block{margin-bottom:26px;font-size:16px;line-height:1.75;color:#2d3e50}
.news-view-text-block:first-of-type:first-letter{font-size:52px;font-weight:700;float:left;line-height:1;margin-right:12px;color:#e03a3a}
.news-view-tag-share-wrap{overflow:hidden;margin:42px 0 36px}
.news-view-related-tags{width:50%;float:left}
.news-view-related-tags p{font-weight:600;margin-bottom:12px;font-size:15px}
.news-view-share-box{width:50%;float:right;text-align:right}
.news-view-share-box p{font-weight:600;margin-bottom:12px;font-size:15px}
.news-view-tag-item{display:inline-block;background:#f0f3f8;padding:6px 16px;margin:0 8px 8px 0;font-size:13px;border-radius:30px;text-decoration:none;color:#2d3e50}
.news-view-tag-item:hover{background:#e03a3a;color:#ffffff}
.news-view-share-icon{display:inline-block;width:36px;height:36px;line-height:36px;text-align:center;margin:0 4px;background:#f0f3f8;border-radius:50%;color:#4a5b6e;text-decoration:none;font-size:15px}
.news-view-share-icon:hover{background:#e03a3a;color:#ffffff}
.news-view-post-nav{overflow:hidden;margin:48px 0 42px;padding-top:28px;border-top:1px solid #eaeef2}
.news-view-prev-post{width:50%;float:left;text-decoration:none;display:block}
.news-view-next-post{width:50%;float:right;text-align:right;text-decoration:none;display:block}
.news-view-post-nav p{font-size:12px;letter-spacing:1.5px;color:#8a9bb0;margin-bottom:6px}
.news-view-post-nav h4{font-size:17px;font-weight:600;color:#1a2a3a}
.news-view-post-nav h4:hover{color:#e03a3a}
.news-view-author-box{overflow:hidden;margin:44px 0 40px;padding:28px 30px;background:#fafcff;border:1px solid #eef2f7}
.news-view-author-avatar{width:100px;height:100px;float:left;margin-right:24px;border-radius:50%;overflow:hidden}
.news-view-author-avatar img{width:100%;height:100%;object-fit:cover;transition:transform 0.25s ease, filter 0.25s ease}
.news-view-author-avatar:hover img{transform:scale(1.08);filter:brightness(0.85)}
.news-view-author-info{overflow:hidden}
.news-view-author-job{font-size:13px;color:#e03a3a;margin-bottom:6px;text-transform:uppercase;letter-spacing:1px}
.news-view-author-name{font-size:20px;font-weight:700;margin-bottom:12px;color:#0a0a1a}
.news-view-author-desc{font-size:15px;line-height:1.65;color:#5a6e7e}
.news-view-comment-form{margin-top:32px}
.news-view-comment-form h3{font-size:26px;font-weight:700;margin-bottom:28px;border-left:none;padding-left:0}
.news-view-form-row{overflow:hidden;margin-bottom:22px}
.news-view-form-half{width:48%;float:left}
.news-view-form-half.second-half{margin-left:4%}
.news-view-form-input,.news-view-form-textarea{width:100%;padding:14px 18px;border:1px solid #dce3ec;font-size:15px;background:#ffffff}
.news-view-form-textarea{min-height:130px;resize:vertical}
.news-view-submit-btn{background:#e03a3a;color:#ffffff;border:none;padding:14px 34px;cursor:pointer;font-size:16px;font-weight:600;margin-top:12px}
.news-view-submit-btn:hover{background:#b82b2b}
.news-view-search-wrap{position:relative}
.news-view-search-input{width:100%;padding:14px 50px 14px 20px;border:1px solid #dce3ec;font-size:15px;background:#ffffff}
.news-view-search-btn{position:absolute;right:6px;top:50%;margin-top:-20px;width:40px;height:40px;background:#e03a3a;border:none;color:#ffffff;cursor:pointer}
.news-view-search-btn:hover{background:#b82b2b}
.news-view-cat-item{display:block;padding:12px 0;border-bottom:1px solid #eef2f7;text-decoration:none;overflow:hidden;color:#2d3e50;font-size:15px}
.news-view-cat-item span{float:right;color:#8a9bb0}
.news-view-cat-item:hover{color:#e03a3a}
.news-view-cat-item:hover span{color:#e03a3a}
.news-view-recent-item{display:block;overflow:hidden;margin-bottom:24px;text-decoration:none}
.news-view-recent-img{width:80px;height:80px;float:left;margin-right:18px;overflow:hidden}
.news-view-recent-img img{width:100%;height:100%;object-fit:cover;transition:transform 0.25s ease, filter 0.25s ease}
.news-view-recent-item:hover .news-view-recent-img img{transform:scale(1.1);filter:brightness(0.85)}
.news-view-recent-date{font-size:12px;color:#8a9bb0;margin-bottom:6px}
.news-view-recent-date i{margin-right:5px}
.news-view-recent-title{font-size:15px;line-height:1.45;color:#1a2a3a;font-weight:500}
.news-view-recent-item:hover .news-view-recent-title{color:#e03a3a}
.news-view-gallery-grid{overflow:hidden}
.news-view-gallery-item{width:31.333%;float:left;margin-bottom:18px;text-decoration:none;margin-right:3%}
.news-view-gallery-item:nth-child(3n){margin-right:0}
.news-view-gallery-img{width:100%;height:95px;overflow:hidden}
.news-view-gallery-img img{width:100%;height:100%;object-fit:cover;transition:transform 0.25s ease, filter 0.25s ease}
.news-view-gallery-item:hover .news-view-gallery-img img{transform:scale(1.08);filter:brightness(0.85)}
.news-view-gallery-name{font-size:12px;text-align:center;padding:10px 0 5px;color:#5a6e7e;transition:color 0.2s ease}
.news-view-gallery-item:hover .news-view-gallery-name{color:#e03a3a}
.clearfix{clear:both}
@media screen and (max-width:1200px){
.news-view-container{width:960px}
.news-view-main-content{width:620px;padding:35px 30px}
.news-view-sidebar{width:320px}
.news-view-sidebar-widget{padding:22px 20px}
}
@media screen and (max-width:992px){
.news-view-container{width:720px}
.news-view-main-content{width:100%;float:none;margin-right:0;margin-bottom:30px}
.news-view-sidebar{width:100%;float:none}
.news-view-gallery-item{width:31.333%}
}
@media screen and (max-width:768px){
.news-view-container{width:100%;padding:0 20px}
.news-view-main-content{padding:28px 22px}
.news-view-form-half{width:100%;float:none}
.news-view-form-half.second-half{margin-left:0;margin-top:18px}
.news-view-related-tags,.news-view-share-box{width:100%;float:none;text-align:left}
.news-view-share-box{text-align:left;margin-top:20px}
.news-view-prev-post,.news-view-next-post{width:100%;float:none;text-align:left;margin-bottom:20px}
.news-view-next-post{text-align:left}
.news-view-author-avatar{width:80px;height:80px}
h1{font-size:28px}
.news-view-gallery-item{width:48%;margin-right:4%}
.news-view-gallery-item:nth-child(2n){margin-right:0}
.news-view-gallery-item:nth-child(3n){margin-right:4%}
}
@media screen and (max-width:480px){
body{padding:20px 0}
.news-view-main-content{padding:22px 18px}
.news-view-sidebar-widget{padding:20px 16px}
h1{font-size:26px}
.news-view-gallery-item{width:100%;margin-right:0;margin-bottom:15px}
.news-view-gallery-img{height:110px}
}


.download-container{margin:0 auto;width:100%;}
.download-header{margin-bottom:30px;text-align:center;}
.download-header h1{font-size:28px;font-weight:600;color:#dd0000;margin-bottom:8px;letter-spacing:-0.3px;}
.download-header p{font-size:16px;color:#666;max-width:600px;margin:0 auto;}
.download-list{margin:0;padding:0;list-style:none;}
.download-item{margin-bottom:24px;background:#fff;border-radius:12px;box-shadow:0 4px 14px rgba(0,0,0,0.03),0 1px 3px rgba(0,0,0,0.05);}
.download-link-wrap{display:flex;flex-wrap:wrap;align-items:flex-start;gap:16px;padding:20px;text-decoration:none;color:#333333;overflow:hidden;*zoom:1;}
.download-img-area{flex:0 0 100px;float:none;margin-right:0;overflow:hidden;border-radius:16px;background:#f0f2f5;}
.download-img-area img{display:block;width:100%;height:auto;transition:transform 0.25s ease, filter 0.25s ease;border-radius:16px;object-fit:cover;}
.download-info-area{flex:1 1 auto;float:none;width:auto;margin-right:0;min-width:0;}
.download-title{margin-bottom:8px;font-size:20px;font-weight:600;line-height:1.3;transition:color 0.2s ease;}
.download-title i{margin-right:6px;color:#dd0000;font-size:20px;}
.download-desc{margin-bottom:12px;font-size:14px;color:#5a6874;line-height:1.4;}
.download-meta{margin-top:8px;font-size:13px;color:#5a6874;}
.download-meta span{margin-right:24px;display:inline-block;}
.download-meta i{margin-right:6px;font-size:14px;color:#dd0000;width:18px;text-align:center;}
.download-size i, .download-date i{color:#dd0000;}
.download-btn-area{flex:0 0 120px;float:none;margin-top:0;align-self:center;text-align:center;}
.download-btn{display:inline-block;background:#dd0000;color:#fff;padding:8px 16px;border-radius:10px;font-size:14px;font-weight:500;text-decoration:none;transition:background 0.2s ease, transform 0.1s;text-align:center;width:100%;letter-spacing:0.5px;box-shadow:0 2px 6px rgba(221,0,0,0.2);}
.download-btn i{margin-right:6px;font-size:13px;}
.download-btn:hover{background:#b30000;transform:translateY(-1px);}
.download-item a.download-link-wrap:hover .download-title{color:#dd0000;}
.download-item a.download-link-wrap:hover .download-img-area img{transform:scale(1.05);filter:brightness(0.88);}
.clearfix:after{content:"";display:table;clear:both;}
img, .download-item, .download-link-wrap{max-width:100%;vertical-align:top;}
.download-footer{margin-top:40px;text-align:center;font-size:13px;color:#888;border-top:1px solid #eef2f6;padding-top:24px;}
@media (max-width: 860px){
.download-link-wrap{gap:14px;}
.download-img-area{flex-basis:90px;}
.download-btn-area{flex-basis:100px;}
.download-title{font-size:18px;}
}
@media (max-width: 700px){
.download-link-wrap{gap:12px;padding:16px;}
.download-img-area{flex-basis:80px;}
.download-info-area{flex:1 1 100%;order:2;}
.download-btn-area{flex:0 0 auto;order:3;margin-top:8px;text-align:left;}
.download-btn{display:inline-block;width:auto;padding:6px 14px;}
.download-meta span{margin-right:16px;}
}
@media (max-width: 560px){
.download-link-wrap{gap:10px;}
.download-img-area{flex-basis:70px;}
.download-meta span{margin-right:12px;font-size:12px;}
.download-title{font-size:16px;}
.download-desc{font-size:12px;}
.download-btn{padding:5px 12px;font-size:12px;}
}
@media (max-width: 480px){
.download-link-wrap{padding:12px;gap:8px;}
.download-img-area{flex-basis:60px;}
.download-info-area{flex:1 1 100%;}
.download-btn-area{width:100%;margin-top:4px;}
.download-btn{width:100%;text-align:center;padding:6px 12px;border-radius:8px;}
.download-title{font-size:15px;}
.download-meta span{display:inline-block;margin-right:10px;font-size:11px;}
}

.Solution-container{margin:0 auto;padding:4rem 20px;}
.Solution-industry-card{display:flex;flex-wrap:wrap;background:#ffffff;border-radius:1rem;box-shadow:0 20px 35px -12px rgba(0,0,0,0.08),0 1px 2px rgba(0,0,0,0.02);transition:transform 0.25s ease,box-shadow 0.3s ease;margin-bottom:3.5rem;overflow:hidden;cursor:pointer;}
.Solution-industry-card:hover{transform:translateY(-4px);box-shadow:0 28px 40px -16px rgba(0,0,0,0.12);}
.Solution-card-media{flex:1;min-width:280px;overflow:hidden;background-color:#eef2ff;position:relative;display:flex;align-items:center;justify-content:center;}
.Solution-card-media img{width:100%;height:100%;object-fit:cover;display:block;transition:transform 0.5s cubic-bezier(0.2,0.9,0.4,1.1),filter 0.4s ease;transform-origin:center;min-height:260px;}
.Solution-industry-card:hover .Solution-card-media img{transform:scale(1.05);filter:brightness(0.96) contrast(1.02);}
.Solution-card-content{flex:1;padding:2.5rem 2.8rem;background:#ffffff;display:flex;flex-direction:column;justify-content:center;}
.Solution-card-content h2{font-size:1.9rem;font-weight:700;letter-spacing:-0.01em;color:#dc2626;margin-bottom:1.25rem;position:relative;display:inline-block;padding-bottom:0.6rem;}
.Solution-card-content h2::after{content:'';position:absolute;bottom:0;left:0;width:64px;height:4px;background:#dc2626;border-radius:4px;transition:width 0.3s ease;}
.Solution-industry-card:hover .Solution-card-content h2::after{width:96px;background:#b91c1c;}
.Solution-card-content p{font-size:1rem;line-height:1.65;color:#334155;margin:1rem 0 1.8rem 0;font-weight:400;}
.Solution-btn-link{display:inline-flex;align-items:center;gap:0.6rem;background:#dc2626;color:white;font-weight:600;font-size:0.95rem;padding:0.7rem 1.6rem;border-radius:60px;text-decoration:none;transition:all 0.25s ease;border:1px solid transparent;width:fit-content;letter-spacing:0.3px;box-shadow:0 1px 2px rgba(0,0,0,0.05);}
.Solution-btn-link i{font-size:0.85rem;transition:transform 0.25s ease;}
.Solution-btn-link:hover{background:#b91c1c;transform:translateY(-2px);box-shadow:0 8px 18px -6px rgba(220,38,38,0.4);border-color:#b91c1c;}
.Solution-btn-link:hover i{transform:translateX(5px);}
.Solution-page-header{text-align:center;margin-bottom:3rem;}
.Solution-page-header h1{font-size:2.4rem;font-weight:700;background:linear-gradient(135deg,#1e293b 0%,#2d3a4e 100%);background-clip:text;-webkit-background-clip:text;color:transparent;letter-spacing:-0.3px;}
.Solution-page-header p{color:#475569;margin-top:0.5rem;font-size:1rem;}
.Solution-badge-line{width:80px;height:3px;background:#dc2626;margin:1rem auto 0;border-radius:4px;}
.Solution-industry-card:focus-visible{outline:2px solid #dc2626;outline-offset:2px;border-radius:8px;}

.Solution-industry-card:nth-child(odd) .Solution-card-media{order:1;}
.Solution-industry-card:nth-child(odd) .Solution-card-content{order:2;}
.Solution-industry-card:nth-child(even) .Solution-card-media{order:2;}
.Solution-industry-card:nth-child(even) .Solution-card-content{order:1;}

@media (max-width:768px){
.Solution-industry-card{flex-direction:column;}
.Solution-industry-card .Solution-card-media,
.Solution-industry-card .Solution-card-content{order:unset;}
.Solution-industry-card:nth-child(odd) .Solution-card-media{order:1;}
.Solution-industry-card:nth-child(odd) .Solution-card-content{order:2;}
.Solution-industry-card:nth-child(even) .Solution-card-media{order:1;}
.Solution-industry-card:nth-child(even) .Solution-card-content{order:2;}
}

@media (max-width:880px){.Solution-container{padding:2rem 1.5rem;}.Solution-card-content{padding:2rem 1.8rem;}.Solution-card-content h2{font-size:1.6rem;}.Solution-card-content p{font-size:0.95rem;}}
@media (max-width:768px){.Solution-industry-card{margin-bottom:2.5rem;border-radius:1.5rem;}.Solution-card-media{min-height:240px;}.Solution-card-content h2::after{width:48px;}.Solution-industry-card:hover .Solution-card-content h2::after{width:72px;}.Solution-btn-link{padding:0.6rem 1.4rem;font-size:0.9rem;}.Solution-card-media img{min-height:220px;}}
@media (max-width:480px){.Solution-container{padding:1.5rem 1rem;}.Solution-card-content{padding:1.6rem;}.Solution-card-content h2{font-size:1.4rem;margin-bottom:0.75rem;}.Solution-card-content p{margin:0.75rem 0 1.4rem;}}

.faq-wrap{width:100%;margin:0 auto;}
.faq-header{text-align:center;margin-bottom:48px;}
.faq-header h1{font-size:2.8rem;font-weight:700;background:linear-gradient(135deg,#b91c1c 0%,#e85d8c 70%);background-clip:text;-webkit-background-clip:text;color:transparent;margin-bottom:12px;}
.faq-header p{font-size:1.2rem;color:#5b4b4f;max-width:600px;margin:0 auto;border-bottom:2px solid rgba(221,0,0,0.2);display:inline-block;padding-bottom:8px;}
.faq-list{display:flex;flex-direction:column;gap:18px;}
.faq-item{background:#ffffff;border-radius:28px;box-shadow:0 8px 20px rgba(0,0,0,0.02),0 2px 6px rgba(153,35,68,0.05);border:1px solid #eeeeee;overflow:hidden;transition:all 0.25s ease;}
.faq-item:hover{box-shadow:0 18px 32px -12px rgba(190,40,80,0.2);border-color:#ffbfd0;}
.faq-item-link{display:block;text-decoration:none;color:#1e1a1c;cursor:pointer;}
.faq-item-top{padding:22px 28px;display:flex;align-items:center;gap:16px;flex-wrap:wrap;background:#ffffff;transition:background 0.2s;}
.faq-item-link:hover .faq-item-top{background:#fffbfd;}
.faq-q-icon{flex-shrink:0;width:48px;height:48px;background:linear-gradient(125deg,#d90429,#ff6b8b);border-radius:32px;display:inline-flex;align-items:center;justify-content:center;color:white;font-size:22px;font-weight:600;box-shadow:0 8px 14px -6px rgba(217,4,41,0.4);transition:transform 0.2s ease;}
.faq-item-link:hover .faq-q-icon{transform:scale(0.97);}
.faq-title{font-size:1.6rem;font-weight:600;line-height:1.3;margin:0;flex:1;letter-spacing:-0.2px;color:#1f1a1c;transition:color 0.2s;}
.faq-item-link:hover .faq-title{color:#d90429;}
.faq-arrow{flex-shrink:0;width:36px;height:36px;background:#fff0f3;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#d90429;font-size:18px;transition:all 0.3s cubic-bezier(0.2,0.9,0.4,1.1);}
.faq-arrow-up i{transform:rotate(180deg);}
.faq-desc{padding:20px 20px 20px 80px;font-size:1rem;line-height:1.65;color:#4e3e44;background:#fffef9;border-top:1px solid #f8f8f8;display:none;animation:fadeSlideDown 0.28s ease forwards;}
.faq-desc p{margin-top:12px;margin-bottom:12px;font-size:1.2rem;}
.faq-desc strong{color:#b91c1c;}
@keyframes fadeSlideDown{from{opacity:0;transform:translateY(-8px);}to{opacity:1;transform:translateY(0);}}
@media screen and (max-width:720px){body.faq-body{padding:24px 16px;}.faq-header h1{font-size:2rem;}.faq-header p{font-size:1rem;}.faq-item-top{padding:16px 20px;gap:12px;}.faq-q-icon{width:42px;height:42px;font-size:18px;}.faq-title{font-size:1.1rem;}.faq-desc{padding:0 20px 20px 76px;}.faq-arrow{width:32px;height:32px;font-size:14px;}}
@media screen and (max-width:520px){.faq-desc{padding:0 16px 20px 60px;}.faq-q-icon{width:36px;height:36px;font-size:16px;}.faq-title{font-size:1rem;}.faq-item-top{padding:14px 16px;}}

.contact-body{margin:0;padding:0;color:#333333;background:#ffffff;}
.contact-container{width:100%;margin:0 auto;padding:0px 0;}
.contact-top-title{text-align:center;margin-bottom:40px;}
.contact-top-title h1{font-size:40px;margin:0 0 12px 0;color:#333333;font-weight:600}
.contact-top-title p{font-size:18px;margin:0;line-height:1.6;color:#333333;max-width:700px;margin:0 auto;}
.contact-info-row{display:flex;flex-wrap:wrap;justify-content:space-between;margin-bottom:50px;margin:40px 0}
.contact-info-card{flex:1 1 22%;margin:0 1% 20px 0;background:#fff;box-shadow:0 8px 20px rgba(0,0,0,0.05);padding:25px 15px;box-sizing:border-box;transition:transform 0.25s ease,box-shadow 0.25s ease;border-radius:12px;text-align:center;}
.contact-info-card:hover{transform:translateY(-5px);box-shadow:0 16px 28px rgba(221,0,0,0.12);}
.contact-info-card i{font-size:36px;color:#dd0000;margin-bottom:18px;display:inline-block;}
.contact-info-card h3{font-size:24px;margin:0 0 12px 0;color:#222222;font-weight:600;}
.contact-info-card p{font-size:16px;margin:0;line-height:1.5;color:#444444;}
.contact-info-card a{color:#444444;text-decoration:none;transition:color 0.2s;}
.contact-info-card a:hover{color:#dd0000;text-decoration:underline;}
.contact-main-row{display:flex;flex-wrap:wrap;gap:30px;align-items:stretch;}
.contact-left-block{flex:1.1;background:#0f3b5c;color:#fff;padding:50px 40px;box-sizing:border-box;border-radius:24px;background:linear-gradient(135deg,#0a2e48 0%,#0f3b5c 100%);}
.contact-left-block .contact-btn{display:inline-block;background:#fff;color:#dd0000;padding:10px 28px;text-decoration:none;font-size:14px;margin-bottom:25px;border:none;border-radius:40px;font-weight:600;transition:all 0.2s;box-shadow:0 2px 6px rgba(0,0,0,0.1);}
.contact-left-block .contact-btn:hover{background:#dd0000;color:#fff;transform:translateY(-2px);box-shadow:0 6px 12px rgba(221,0,0,0.3);}
.contact-left-block h2{font-size:30px;margin:0 0 20px 0;line-height:1.3;font-weight:700;color:#ffffff;}
.contact-left-block p{font-size:14px;line-height:1.7;margin:0 0 30px 0;opacity:0.9;}
.contact-social-links a{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;background:rgba(255,255,255,0.2);border-radius:50%;text-align:center;line-height:1;color:#fff;margin-right:12px;text-decoration:none;transition:background 0.2s,transform 0.2s;}
.contact-social-links a:hover{background:#dd0000;transform:scale(1.05);}
.contact-right-form{flex:1.4;padding:10px 0;box-sizing:border-box;}
.contact-form-row{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:20px;}
.contact-form-half{flex:1 1 calc(50% - 16px);min-width:140px;}
.contact-form-full{width:100%;}
.contact-form input,.contact-form textarea{width:100%;box-sizing:border-box;border:1px solid #e2e8f0;border-radius:14px;padding:14px 16px;font-size:14px;color:#1e293b;background:#ffffff;outline:none;transition:all 0.2s;}
.contact-form input:focus,.contact-form textarea:focus{border-color:#dd0000;box-shadow:0 0 0 3px rgba(221,0,0,0.2);}
.contact-form textarea{min-height:140px;resize:vertical;}
.contact-form-code-box{display:flex;gap:12px;margin-bottom:28px;align-items:center;flex-wrap:wrap;}
.contact-form-code-box input{flex:2;min-width:150px;}
.contact-code-img{flex:1;background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;height:52px;line-height:52px;text-align:center;font-weight:700;font-size:18px;letter-spacing:4px;color:#dd0000;cursor:pointer;transition:all 0.2s;box-shadow:inset 0 1px 2px rgba(0,0,0,0.02);}
.contact-code-img:hover{background:#fff0f0;border-color:#dd0000;}
.contact-submit-btn{width:100%;background:#dd0000;border:none;color:#fff;padding:14px;font-size:16px;font-weight:700;border-radius:40px;cursor:pointer;transition:background 0.2s,transform 0.1s;letter-spacing:0.5px;box-shadow:0 4px 8px rgba(221,0,0,0.2);}
.contact-submit-btn:hover{background:#bb0000;transform:translateY(-2px);box-shadow:0 8px 18px rgba(221,0,0,0.25);}
.contact-submit-btn:active{transform:translateY(1px);}
@media screen and (max-width: 992px){
.contact-info-card{flex:1 1 45%;}
.contact-main-row{flex-direction:column;}
.contact-left-block, .contact-right-form{flex:auto;}
}
@media screen and (max-width: 768px){
.contact-container{width:92%;padding:30px 0;}
.contact-info-card{flex:1 1 100%;margin:0 0 20px 0;}
.contact-form-half{flex:1 1 100%;}
.contact-left-block{padding:36px 28px;}
.contact-left-block h2{font-size:26px;}
.contact-top-title h1{font-size:28px;}
}
@media screen and (max-width: 576px){
.contact-container{width:90%;}
.contact-top-title h1{font-size:26px;}
.contact-left-block h2{font-size:24px;}
.contact-info-card{padding:20px 12px;}
.contact-form-code-box{flex-direction:column;align-items:stretch;}
.contact-code-img{flex:auto;height:48px;line-height:48px;}
}
.inquiry-body { margin:0; padding:0;  color:#333333; background:#ffffff; }
.inquiry-wrap { width:100%; margin:40px auto 40px auto;  }
.inquiry-row-top { width:100%; overflow:hidden; margin-bottom:20px; }
.inquiry-col-half { width:48%; margin-right:4%; float:left; }
.inquiry-col-half-last { width:48%; float:left; }
.inquiry-col-full { width:100%; float:left; }
.inquiry-input,.inquiry-textarea { width:100%; box-sizing:border-box; border:1px solid #f5f5f5; background:#f8f8f8; padding:18px 16px; font-size:16px; color:#333333; border-radius:6px; outline:none; vertical-align:middle; }
.inquiry-input::placeholder,.inquiry-textarea::placeholder { color:#999999; }
.inquiry-textarea { min-height:220px; resize:none; }
.inquiry-btn-box { width:100%; text-align:center; margin-top:30px; }
.inquiry-submit { padding:16px 50px; border:none; border-radius:999px; background:linear-gradient(90deg,#dd0000,#ff8822); color:#fff; font-size:18px; cursor:pointer; transition:opacity 0.3s; }
.inquiry-submit:hover { opacity:0.9; }
@media screen and (max-width:1200px) {
.inquiry-wrap { margin-top:30px; }
.inquiry-input,.inquiry-textarea { padding:15px 14px; font-size:15px; }
.inquiry-textarea { min-height:180px; }
.inquiry-submit { padding:14px 42px; font-size:17px; }
}
@media screen and (max-width:768px) {
.inquiry-col-half,.inquiry-col-half-last { width:100%; margin-right:0; float:left; margin-bottom:20px; }
.inquiry-row-top { margin-bottom:0; }
.inquiry-wrap { width:92%; margin-top:25px; }
.inquiry-textarea { min-height:160px; }
.inquiry-submit { padding:13px 36px; font-size:16px; }
}
@media screen and (max-width:576px) {
.inquiry-wrap { width:90%; margin-top:20px; }
.inquiry-input,.inquiry-textarea { padding:14px 12px; font-size:14px; }
.inquiry-textarea { min-height:140px; }
.inquiry-submit { padding:12px 30px; font-size:15px; width:100%; max-width:280px; }
}

  

table tr:nth-child(1){background:#ffffff;} 
table tr:nth-child(2){background:#ffffff;} 

table{border-collapse:separate;margin:0px 0px 10px 0px; }
table td{border-bottom: 1px solid #cccccc; padding: 5px 5px 5px 10px;border-right: 1px solid #cccccc;}
table tr:first-child td{border-top: 1px solid #cccccc;}
table tr td:first-child{border-left: 1px solid #cccccc;}
table tr:nth-child(odd){background:#ffffff;} 
table tr:nth-child(even){color:#333333;}