section.video{display: none;}
.home-container .about-img{display:flex;flex-direction:column;justify-content:center}
.home-container .about-img iframe{width:100%;height:auto;aspect-ratio:1.78}
.company-advantage .numlist{padding:70px 0 0;display:flex;flex-wrap:wrap;justify-content: space-between;}
.company-advantage .numlist .num-item{width:23%;}
.company-advantage .numlist .num-item h3{font-weight: var(--fontbold7);font-size:28px;}
.company-advantage .numlist .num-item span{color:var(--color)}
.company-advantage .numlist .num-item p{color:#5a626a;font-size:18px;}
@media (max-width:768px){.company-advantage .numlist{padding-top:30px;}
.company-advantage .numlist .num-item{width:49%;}
.company-advantage .numlist .num-item:nth-child(n+3){margin-top:2%;}
.company-advantage .numlist .num-item h3{font-size:20px;}
.company-advantage .numlist .num-item p{font-size:14px;}}
.home-container .news-product{background:none;}
.home-container .news-product .section-title{color:var(--fontcolor);padding-top:0;}
@media (min-width:769px){.home-container .news-product{padding-left:120px;padding-right:120px;}}
@media (min-width:769px) and (max-width:1280px){.home-container .news-product{padding-left:50px;padding-right:50px;}}
.home-container .news-product ul{display:flex;flex-wrap:wrap;justify-content: space-between;}
.home-container .news-product ul li{width:24%;margin-top: 2%;text-align:center}
.home-container .news-product ul li .img{overflow: hidden;}
.home-container .news-product ul li .img img{width:100%;display:block;transition: all .3s;}
.home-container .news-product ul li:hover .img img{transform: scale(1.03);}
.home-container .news-product ul li .title a{display:inline-block;margin:10px 0;font-size:20px;font-weight: var(--fontbold7);transition: all .3s;}
.home-container .news-product ul li:hover .title a{color:var(--color)}
.home-container .news-product .section-title:after{background: #000;}
@media (max-width:768px){.home-container .news-product ul{margin-top:20px;}
.home-container .news-product ul li{width:49%;}
.home-container .news-product ul li .title a{font-size:16px;}
.home-container .news-product ul li .des{font-size:14px;}}





/* CSS RESET & VARIABLES */
:root{--primary: #FCB026;--primary-hover: #e0981b;--bg-white: #ffffff;--bg-light-gray: #f8f9fa;--bg-mid-gray: #f0f2f5;--text-dark: #1a1d20;--text-muted: #5a626a;--border-color: #e2e8f0;--font-main: 'Plus Jakarta Sans',sans-serif;}
*{box-sizing: border-box;margin: 0;padding: 0;}
body{font-family: var(--font-main);color: var(--text-dark);line-height: 1.6;background-color: var(--bg-white);}
.container{max-width: 1200px;margin: 0 auto;padding: 0 24px;}
h1,h2,h3,h4{font-weight: 700;line-height: 1.2;margin-bottom: 16px;letter-spacing: -0.02em;}
.section-title-wrapper{text-align: center;max-width: 700px;margin: 0 auto 56px auto;}
.section-title{font-size: 2.25rem;position: relative;display: inline-block;padding-bottom: 12px;}
.section-title::after{content: '';position: absolute;bottom: 0;left: 50%;transform: translateX(-50%);width: 60px;height: 4px;background-color: var(--primary);}
.section-subtitle{color: var(--text-muted);font-size: 1.1rem;}
.btn{display: inline-flex;align-items: center;justify-content: center;padding: 14px 28px;font-weight: 600;font-size: 1rem;border-radius: 4px;text-decoration: none;transition: all 0.3s ease;cursor: pointer;}
.btn-primary{background-color: var(--primary);color: #000000;border: 2px solid var(--primary);}
.btn-primary:hover{background-color: var(--primary-hover);border-color: var(--primary-hover);}
.btn-outline{background-color: transparent;color: var(--text-dark);border: 2px solid var(--text-dark);}
.btn-outline:hover{background-color: var(--text-dark);color: #ffffff;}
.grid-2{display: grid; grid-template-columns: repeat(2,1fr); gap: 40px;}
.grid-3{display: grid; grid-template-columns: repeat(3,1fr); gap: 30px;}
.grid-4{display: grid; grid-template-columns: repeat(4,1fr); gap: 24px;}
@media (max-width: 992px){.grid-3,.grid-4{grid-template-columns: repeat(2,1fr);}}
@media (max-width: 768px){.grid-2,.grid-3,.grid-4{grid-template-columns: 1fr;}
.hero-btns{flex-direction: column;}}
/* SECTION 1: HERO */
.hero{background: linear-gradient(135deg,rgba(240,242,245,0.9) 0%,rgba(255,255,255,0.9) 100%),url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="100" height="100" viewBox="0 0 100 100"><rect width="100" height="100" fill="none" stroke="%23e2e8f0" stroke-width="0.5"/></svg>');padding: 120px 0 100px 0;border-bottom: 1px solid var(--border-color);}
.hero-content h1{font-size: 3rem; margin-bottom: 24px;}
.hero-content p{font-size: 1.2rem; color: var(--text-muted); margin-bottom: 32px; max-width: 800px;}
.hero-btns{display: flex; gap: 16px; margin-bottom: 48px;}
.hero-trust-bar{display: grid;grid-template-columns: repeat(4,1fr);gap: 20px;padding-top: 32px;border-top: 1px solid var(--border-color);}
.trust-item h3{font-size: 1.8rem; margin-bottom: 4px; color: var(--text-dark);}
.trust-item h3 span{color: var(--primary);}
.trust-item p{font-size: 0.9rem; font-weight: 500; color: var(--text-muted);}
/* SECTION 2: INDUSTRIES */
.bg-light{background-color: var(--bg-light-gray);}
.industry-card{background: var(--bg-white);padding: 32px;border-radius: 4px;border-left: 4px solid var(--bg-light-gray);transition: all 0.3s ease;}
.industry-card:hover{border-left-color: var(--primary);transform: translateY(-4px);box-shadow: 0 10px 20px rgba(0,0,0,0.05);}
.industry-card h3{font-size: 1.25rem; margin-bottom: 12px;}
.industry-card p{color: var(--text-muted); font-size: 0.95rem;}
/* SECTION 3: WHY CHOOSE US */
.advantage-card{padding: 24px;transition: all 0.3s ease;}
.advantage-card .icon-box{width: 48px;height: 48px;background-color: var(--bg-light-gray);display: flex;align-items: center;justify-content: center;border-radius: 4px;margin-bottom: 20px;font-weight: bold;color: #000000;}
.advantage-card:hover .icon-box{background-color: var(--primary);}
.advantage-card h3{font-size: 1.2rem; margin-bottom: 12px;}
.advantage-card p{color: var(--text-muted); font-size: 0.95rem;}
/* SECTION 4: FEATURED SOLUTIONS */
.bg-mid{background-color: var(--bg-mid-gray);}
.solution-card{background: var(--bg-white);border-radius: 4px;overflow: hidden;box-shadow: 0 4px 6px rgba(0,0,0,0.02);}
.solution-header{background-color: var(--text-dark);color: #ffffff;padding: 24px;}
.solution-header h3{margin-bottom: 4px; font-size: 1.3rem;}
.solution-header span{color: var(--primary); font-size: 0.85rem; font-weight: 600; text-transform: uppercase; letter-spacing: 0.05em;}
.solution-body{padding: 32px;}
.solution-list{list-style: none;}
.solution-list li{position: relative;padding-left: 24px;margin-bottom: 12px;font-weight: 500;}
.solution-list li::before{content: '→';position: absolute;left: 0;color: var(--primary);font-weight: bold;}
/* SECTION 5: CASES */
.case-card{background: var(--bg-white);border: 1px solid var(--border-color);border-radius: 4px;padding: 32px;}
.case-tag{background-color: var(--bg-light-gray);color: var(--text-muted);padding: 4px 12px;font-size: 0.8rem;font-weight: 600;border-radius: 2px;display: inline-block;margin-bottom: 16px;}
.case-meta{margin-top: 20px;padding-top: 16px;border-top: 1px dashed var(--border-color);font-size: 0.9rem;}
.case-meta div{margin-bottom: 6px;}
.case-meta strong{color: var(--text-dark);}
/* SECTION 6: PRODUCT CATEGORIES */
.product-card{background: var(--bg-white);border: 1px solid var(--border-color);border-radius: 4px;padding: 24px;text-align: center;transition: all 0.3s ease;text-decoration: none;color: var(--text-dark);}
.product-card .img-placeholder{height: 160px;background-color: var(--bg-light-gray);margin-bottom: 20px;display: flex;align-items: center;justify-content: center;color: var(--text-muted);font-size: 0.85rem;font-weight: 500;}
.product-card h3{font-size: 1.1rem; margin-bottom: 0;}
.product-card:hover{border-color: var(--primary);transform: translateY(-2px);}
.view-all-wrapper{text-align: center; margin-top: 40px;}
/* SECTION 7: OEM CUSTOM & PACKAGING */
.oem-content{display: flex; flex-direction: column; justify-content: center;}
.oem-list{list-style: none; margin-top: 24px;}
.oem-list li{margin-bottom: 12px;font-weight: 600;display: flex;align-items: center;font-size: 1.05rem;}
.oem-list li::before{content: '';display: inline-block;width: 8px;height: 8px;background-color: var(--primary);margin-right: 12px;border-radius: 50%;}
.oem-visual{background-color: var(--bg-light-gray);border-radius: 4px;display: flex;align-items: center;justify-content: center;min-height: 300px;font-weight: 600;color: var(--text-muted);border: 2px dashed var(--border-color);}
/* NEW: Packaging Solution Layout */
.packaging-extension{margin-top: 64px;padding-top: 64px;border-top: 1px solid var(--border-color);}
.packaging-grid{display: grid;grid-template-columns: repeat(4,1fr);gap: 24px;margin-top: 32px;}
.packaging-card{background: var(--bg-white);border: 1px solid var(--border-color);border-radius: 4px;padding: 24px;text-align: center;transition: all 0.3s ease;}
.packaging-card:hover{box-shadow: 0 8px 24px rgba(0,0,0,0.04);border-color: var(--primary);}
.diagram-container{height: 120px;display: flex;align-items: center;justify-content: center;margin-bottom: 20px;}
.diagram-svg{stroke: var(--text-dark);stroke-width: 1.5;fill: none;stroke-linecap: round;stroke-linejoin: round;}
.packaging-card h4{font-size: 1.1rem;margin-bottom: 8px;color: var(--text-dark);}
.packaging-card p{font-size: 0.9rem;color: var(--text-muted);}
@media (max-width: 992px){.packaging-grid{grid-template-columns: repeat(2,1fr);}}
@media (max-width: 576px){.packaging-grid{grid-template-columns: 1fr;}}
/* SECTION 8: CERTIFICATIONS & QUALITY */
.cert-logos{display: flex;justify-content: center;gap: 40px;flex-wrap: wrap;margin-bottom: 60px;padding-bottom: 40px;border-bottom: 1px solid var(--border-color);}
.cert-logo-item{font-size: 1.5rem;font-weight: 700;color: var(--text-muted);background-color: var(--bg-white);padding: 16px 32px;border-radius: 4px;border: 1px solid var(--border-color);}
.test-card{background: var(--bg-white);padding: 24px;border-radius: 4px;box-shadow: 0 4px 6px rgba(0,0,0,0.01);}
.test-card h4{font-size: 1.1rem; margin-bottom: 8px;}
.test-card p{color: var(--text-muted); font-size: 0.9rem;}
/* SECTION 9: GLOBAL COVERAGE */
.map-box{background-color: var(--bg-white);border: 1px solid var(--border-color);border-radius: 4px;height: 350px;display: flex;align-items: center;justify-content: center;color: var(--text-muted);font-weight: 500;margin-bottom: 40px;}
.market-stats{display: grid;grid-template-columns: repeat(5,1fr);gap: 20px;text-align: center;}
.market-item h4{font-size: 1.1rem; margin-bottom: 4px;}
.market-item p{font-size: 0.85rem; color: var(--text-muted);}
/* SECTION 10: KNOWLEDGE CENTER */
.blog-card{background: var(--bg-white);border-radius: 4px;overflow: hidden;border: 1px solid var(--border-color);transition: all 0.3s ease;}
.blog-card:hover{transform: translateY(-4px); box-shadow: 0 12px 20px rgba(0,0,0,0.05);}
.blog-thumb{height: 180px; background-color: var(--bg-light-gray); display: flex; align-items: center; justify-content: center; color: var(--text-muted); font-size: 0.85rem;}
.blog-content{padding: 24px;}
.blog-content span{font-size: 0.8rem; font-weight: 600; text-transform: uppercase; color: var(--primary-hover);}
.blog-content h3{font-size: 1.15rem; margin-top: 8px; margin-bottom: 12px;}
.blog-content h3 a{text-decoration: none; color: var(--text-dark);}
.blog-content h3 a:hover{color: var(--primary-hover);}
/* SECTION 11: PARTNER LOGOS */
.partners-bar{padding: 50px 0; border-top: 1px solid var(--border-color); border-bottom: 1px solid var(--border-color);}
.partner-flex{display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 30px; opacity: 0.6;}
.partner-logo{font-size: 1.3rem; font-weight: 700; color: var(--text-muted); letter-spacing: -0.05em;}
/* SECTION 12: FINAL CTA */
.final-cta{background-color: var(--text-dark);color: #ffffff;text-align: center;padding: 100px 0;}
.final-cta h2{font-size: 2.5rem; margin-bottom: 16px;}
.final-cta p{color: #a0aec0; font-size: 1.15rem; max-width: 650px; margin: 0 auto 40px auto;}
.cta-button-group{display: flex; justify-content: center; gap: 20px; flex-wrap: wrap;}
.cta-button-group .btn-outline{color: #ffffff; border-color: #ffffff;}
.cta-button-group .btn-outline:hover{background-color: #ffffff; color: var(--text-dark);}


.home-aboutus{ margin: 40px 120px; padding: 40px 24px; background-color: #fafafa; border-radius: 12px; box-sizing: border-box; text-align: left; direction: ltr;}
.home-aboutus .aboutus-top{display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 40px; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; width: 100%; box-sizing: border-box; margin-bottom: 40px;}
.home-aboutus .about-top-left{-webkit-box-flex: 1.4; -ms-flex: 1.4; flex: 1.4; min-width: 320px; box-sizing: border-box;}
.home-aboutus .about-top-left .iframe-container{position: relative;width:100%;height:0;padding-bottom: 56.25%;border-radius: 8px; box-shadow: 0 12px 32px rgba(0,0,0,0.12);}
.home-aboutus .about-top-left .iframe-container iframe{position:absolute;top:0;left: 0;width:100%;height:100%;min-height:inherit;}
.home-aboutus .about-top-right{-webkit-box-flex: 1; -ms-flex: 1; flex: 1; min-width: 320px; box-sizing: border-box; padding-top: 5px;}
.home-aboutus .about-top-right>span{text-transform: uppercase; font-weight: 700; font-size: 13px; letter-spacing: 2.5px; color: #FCB026; display: block; margin: 0 0 12px 0; padding: 0; line-height: 1;}
.home-aboutus .about-top-right>h2{font-size: 34px; font-weight: 800; color: #111111; margin: 0 0 20px 0; padding: 0; line-height: 1.2; letter-spacing: -0.5px;}
.home-aboutus .about-top-right>p.p1{font-size: 15px; color: #555555; margin: 0 0 16px 0; padding: 0; line-height: 1.6;}
.home-aboutus .about-top-right>p.p1 strong{color: #111111; font-weight: 700;}
.home-aboutus .about-top-right>p.p2{font-size: 15px; color: #555555; margin: 0 0 28px 0; padding: 0; line-height: 1.6;}
.home-aboutus .about-top-right>a{display: inline-block; background-color: #FCB026; color: #ffffff; padding: 14px 32px; font-weight: 700; font-size: 15px; text-decoration: none; border-radius: 6px; box-shadow: 0 4px 14px rgba(252, 176, 38, 0.3); text-align: center; line-height: 1; margin: 0; transition: background-color 0.3s ease;}
.home-aboutus .aboutus-bot{display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 20px; width: 100%; box-sizing: border-box; border-top: 1px solid #e5e5e5; padding-top: 35px; margin-top: 15px;}
.home-aboutus .aboutus-bot .bot-item{-webkit-box-flex: 1; -ms-flex: 1; flex: 1; min-width: 240px; background-color: #ffffff; border-radius: 8px; padding: 24px; box-sizing: border-box; border: 1px solid #eef0f2; border-left: 4px solid #FCB026; box-shadow: 0 4px 12px rgba(0,0,0,0.02);}
.home-aboutus .aboutus-bot .bot-item .num{font-size: 38px; font-weight: 800; color: #FCB026; line-height: 1; margin: 0 0 8px 0; padding: 0;}
.home-aboutus .aboutus-bot .bot-item .art{font-size: 16px; font-weight: 700; color: #111111; margin: 0 0 4px 0; padding: 0; line-height: 1.3;}
.home-aboutus .aboutus-bot .bot-item .art1{font-size: 13px; color: #666666; margin: 0; padding: 0; line-height: 1.4;}
@media (max-width:1600px){.home-aboutus{margin-left:100px;margin-right:100px;}}
@media (max-width:1280px){.home-aboutus{margin-left:50px;margin-right:50px;}}
@media (max-width:1080px){.home-aboutus{margin-left:25px;margin-right:25px;}}
@media (max-width:768px){.home-aboutus{margin-left:4vw;margin-right:4vw;}
.home-aboutus .aboutus-top{flex-direction: column;}
.home-aboutus .about-top-left{flex:initial;width:100%;}
.home-aboutus .about-top-right{flex:initial;width:100%;margin-top:20px;}
.home-aboutus .about-top-right>h2{font-size:26px;}
.home-aboutus .aboutus-bot .bot-item .num{font-size: 26px;}}