*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;scroll-behavior:smooth}body{font-family:"Microsoft YaHei","PingFang SC","Helvetica Neue",Arial,sans-serif;line-height:1.6;color:#333;background-color:#f8f9fa}a{text-decoration:none;color:inherit;transition:all .3s ease}a:visited{text-decoration:none;color:inherit;transition:all .3s ease}a:hover{text-decoration:none}ul,ol{list-style:none}img{max-width:100%;height:auto;display:block}:root{--primary-color:#c9a227;--primary-light:#e8d179;--primary-dark:#a88420;--secondary-color:#1a2a4a;--secondary-light:#2d3f66;--secondary-dark:#0f1a30;--bg-primary:#fff;--bg-secondary:#f8f9fa;--bg-dark:#1a2a4a;--text-primary:#1a2a4a;--text-secondary:#4a5568;--text-light:#718096;--text-white:#fff;--text-gold:#c9a227;--border-color:#e2e8f0;--border-gold:#d4af37;--shadow:0 4px 20px rgba(26,42,74,0.1);--shadow-gold:0 4px 20px rgba(201,162,39,0.2);--gradient-gold:linear-gradient(135deg,#d4af37 0%,#c9a227 50%,#a88420 100%);--gradient-blue:linear-gradient(135deg,#1a2a4a 0%,#2d3f66 100%)}.container{max-width:1200px;margin:0 auto;padding:0 20px}.container-fluid{width:100%;padding:0 20px}.row{display:flex;flex-wrap:wrap;margin:0 -15px}.col{flex:1;padding:0 15px}.col-4{flex:0 0 33.333%;max-width:33.333%;padding:0 15px}.col-6{flex:0 0 50%;max-width:50%;padding:0 15px}.col-12{flex:0 0 100%;max-width:100%;padding:0 15px}.mt-10{margin-top:10px}.mt-20{margin-top:20px}.mt-30{margin-top:30px}.mt-40{margin-top:40px}.mt-50{margin-top:50px}.mb-10{margin-bottom:10px}.mb-20{margin-bottom:20px}.mb-30{margin-bottom:30px}.mb-40{margin-bottom:40px}.mb-50{margin-bottom:50px}.pt-10{padding-top:10px}.pt-20{padding-top:20px}.pt-30{padding-top:30px}.pt-40{padding-top:40px}.pt-50{padding-top:50px}.pb-10{padding-bottom:10px}.pb-20{padding-bottom:20px}.pb-30{padding-bottom:30px}.pb-40{padding-bottom:40px}.pb-50{padding-bottom:50px}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-primary{color:var(--primary-color)}.text-secondary{color:var(--text-secondary)}.text-light{color:var(--text-light)}.text-white{color:var(--text-white)}.text-gold{color:var(--text-gold)}.text-blue{color:var(--secondary-color)}.font-bold{font-weight:bold}.font-normal{font-weight:normal}.text-sm{font-size:14px}.text-md{font-size:16px}.text-lg{font-size:18px}.text-xl{font-size:24px}.text-2xl{font-size:32px}.btn{display:inline-block;padding:12px 35px;font-size:14px;font-weight:500;text-align:center;border:0;border-radius:4px;cursor:pointer;transition:all .3s ease;letter-spacing:1px}.btn-primary{background:var(--gradient-gold);color:var(--text-white);box-shadow:0 4px 15px rgba(201,162,39,0.3)}.btn-primary:hover{background:linear-gradient(135deg,#e8d179 0%,#d4af37 50%,#c9a227 100%);box-shadow:0 6px 20px rgba(201,162,39,0.4);color:var(--text-white);text-decoration:none;transform:translateY(-2px)}.btn-primary:visited{text-decoration:none;background:var(--gradient-gold);color:var(--text-white);box-shadow:0 4px 15px rgba(201,162,39,0.3)}.btn-outline{background-color:transparent;color:var(--primary-color);border:2px solid var(--primary-color)}.btn-outline:hover{background:var(--gradient-gold);color:var(--text-white);border-color:transparent;transform:translateY(-2px)}.btn-white{background-color:var(--bg-primary);color:var(--primary-color);border:2px solid var(--bg-primary)}.btn-white:hover{background-color:transparent;color:var(--text-white);border-color:var(--text-white)}.btn-blue{background:var(--gradient-blue);color:var(--text-white);box-shadow:0 4px 15px rgba(26,42,74,0.3)}.btn-blue:hover{box-shadow:0 6px 20px rgba(26,42,74,0.4);transform:translateY(-2px)}.header{background-color:var(--bg-primary);box-shadow:var(--shadow);position:sticky;top:0;z-index:1000}.top-bar{background:var(--gradient-blue);padding:10px 0;font-size:13px;color:rgba(255,255,255,0.9)}.top-bar-left{display:flex;align-items:center;gap:25px}.top-bar-left a{display:flex;align-items:center;gap:6px;transition:all .3s ease}.top-bar-left a:hover{color:var(--primary-light)}.top-bar-right{display:flex;align-items:center;gap:20px}.top-bar-right a{display:flex;align-items:center;gap:6px}.top-bar-right a:hover{color:var(--primary-light)}.phone-number{color:var(--primary-light);font-weight:bold;font-size:15px;letter-spacing:1px}.header-main{padding:18px 0;background-color:var(--bg-primary)}.header-content{display:flex;justify-content:space-between;align-items:center}.logo{display:flex;align-items:center;gap:18px}.logo-icon{width:55px;height:55px;background:var(--gradient-gold);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--text-white);font-size:26px;font-weight:bold;box-shadow:0 4px 15px rgba(201,162,39,0.3)}.logo-text h1{font-size:22px;color:var(--secondary-color);font-weight:bold;line-height:1.3;letter-spacing:1px}.logo-text p{font-size:11px;color:var(--text-light);text-transform:uppercase;letter-spacing:2px;margin-top:3px}.nav{background-color:var(--bg-primary);border-top:1px solid var(--border-color)}.nav-list{display:flex;justify-content:center;align-items:center}.nav-item{position:relative}.nav-item>a{display:block;padding:18px 28px;color:var(--text-secondary);font-size:15px;font-weight:500;position:relative;letter-spacing:1px}.nav-item>a::after{content:'';position:absolute;bottom:0;left:50%;width:0;height:3px;background:var(--gradient-gold);transition:all .3s ease;transform:translateX(-50%)}.nav-item:hover>a::after,.nav-item.active>a::after{width:80%}.nav-item:hover>a,.nav-item.active>a{color:var(--secondary-color)}.nav-separator{color:var(--border-color);padding:0 5px;font-size:12px}.mobile-menu-btn{display:none;flex-direction:column;gap:5px;padding:12px;cursor:pointer;border-radius:4px;transition:all .3s ease}.mobile-menu-btn:hover{background-color:var(--bg-secondary)}.mobile-menu-btn span{display:block;width:25px;height:3px;background:var(--gradient-gold);transition:all .3s ease;border-radius:2px}.mobile-menu-btn.active span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.mobile-menu-btn.active span:nth-child(2){opacity:0}.mobile-menu-btn.active span:nth-child(3){transform:rotate(-45deg) translate(6px,-6px)}.banner{position:relative;width:100%;height:550px;overflow:hidden}.banner-slider{position:relative;width:100%;height:100%}.banner-slide{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;transition:opacity 1s ease-in-out;z-index:1}.banner-slide.active{opacity:1;z-index:2}.banner-slide img{width:100%;height:100%;object-fit:cover}.banner-slide::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to bottom,rgba(26,42,74,0.3) 0%,rgba(26,42,74,0.5) 100%);z-index:1}.banner-content{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;color:var(--text-white);z-index:10;padding:40px 60px;background:rgba(26,42,74,0.6);backdrop-filter:blur(10px);border-radius:8px;border:1px solid rgba(201,162,39,0.3)}.banner-content h2{font-size:52px;font-weight:bold;margin-bottom:20px;text-shadow:2px 2px 4px rgba(0,0,0,0.3);letter-spacing:4px;color:var(--primary-light)}.banner-content p{font-size:22px;letter-spacing:8px;text-shadow:1px 1px 2px rgba(0,0,0,0.3);color:rgba(255,255,255,0.95)}.banner-dots{position:absolute;bottom:35px;left:50%;transform:translateX(-50%);display:flex;gap:12px;z-index:10}.banner-dot{width:14px;height:14px;border-radius:50%;background-color:rgba(255,255,255,0.4);cursor:pointer;transition:all .3s ease;border:2px solid transparent}.banner-dot.active{background-color:var(--primary-color);border-color:var(--text-white);transform:scale(1.2)}.banner-dot:hover{background-color:var(--primary-light)}.banner-arrow{position:absolute;top:50%;transform:translateY(-50%);width:55px;height:55px;background:rgba(26,42,74,0.6);color:var(--text-white);display:flex;align-items:center;justify-content:center;font-size:28px;cursor:pointer;transition:all .3s ease;z-index:10;border-radius:50%;border:2px solid rgba(201,162,39,0.4);user-select:none}.banner-arrow:hover{background:var(--gradient-gold);border-color:var(--primary-color);transform:translateY(-50%) scale(1.1)}.banner-arrow.prev{left:25px}.banner-arrow.next{right:25px}.hot-list-section{padding:60px 0;background-color:var(--bg-primary)}.hot-list-title{text-align:center;margin-bottom:50px}.hot-list-title h2{font-size:32px;color:var(--secondary-color);position:relative;display:inline-block;font-weight:bold;letter-spacing:3px}.hot-list-title h2::before,.hot-list-title h2::after{content:'';position:absolute;top:50%;width:80px;height:2px;background:var(--gradient-gold)}.hot-list-title h2::before{right:100%;margin-right:20px}.hot-list-title h2::after{left:100%;margin-left:20px}.hot-list-title p{color:var(--text-light);font-size:16px;margin-top:15px;letter-spacing:4px}.products-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.product-card{position:relative;overflow:hidden;border-radius:12px;box-shadow:var(--shadow);transition:all .4s ease;cursor:pointer}.product-card:hover{transform:translateY(-10px);box-shadow:var(--shadow-gold)}.product-card::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:var(--gradient-gold);opacity:0;transition:all .4s ease;z-index:1}.product-card:hover::before{opacity:.2}.product-card img{width:100%;height:280px;object-fit:cover;transition:all .4s ease}.product-card:hover img{transform:scale(1.1)}.section-title{text-align:center;margin-bottom:50px}.section-title h2{font-size:36px;color:var(--secondary-color);margin-bottom:15px;position:relative;display:inline-block;font-weight:bold;letter-spacing:3px}.section-title h2::after{content:'';position:absolute;bottom:-15px;left:50%;transform:translateX(-50%);width:80px;height:4px;background:var(--gradient-gold);border-radius:2px}.section-title p{color:var(--text-light);font-size:16px;margin-top:30px;letter-spacing:2px}.about-section{padding:80px 0;background:linear-gradient(135deg,#f8f9fa 0%,#eef2f7 100%);position:relative}.about-section::before{content:'';position:absolute;top:0;left:0;width:100%;height:5px;background:var(--gradient-gold)}.about-content{max-width:950px;margin:0 auto}.about-text{text-align:justify;line-height:2.2;color:var(--text-secondary);font-size:16px}.about-text p{margin-bottom:25px;text-indent:2em}.about-more{text-align:center;margin-top:40px}.news-section{padding:80px 0;background-color:var(--bg-primary)}.news-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:50px}.news-column{background:var(--bg-secondary);padding:30px;border-radius:12px;box-shadow:var(--shadow)}.news-column h3{font-size:22px;color:var(--secondary-color);margin-bottom:25px;padding-bottom:15px;border-bottom:3px solid var(--primary-color);letter-spacing:2px}.news-list{display:flex;flex-direction:column;gap:0}.news-item{display:flex;justify-content:space-between;align-items:center;padding:18px 0;border-bottom:1px dashed var(--border-color);transition:all .3s ease}.news-item:last-child{border-bottom:0}.news-item:hover{padding-left:10px}.news-title{flex:1;color:var(--text-secondary);font-size:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:all .3s ease}.news-item:hover .news-title{color:var(--primary-color)}.news-view{color:var(--primary-color);font-size:13px;white-space:nowrap;padding:5px 15px;border:1px solid var(--primary-color);border-radius:4px;transition:all .3s ease}.news-view:hover{background:var(--gradient-gold);color:var(--text-white);border-color:transparent}.sidebar{width:300px;background-color:var(--bg-primary);padding:25px;border-radius:12px;box-shadow:var(--shadow);border:1px solid var(--border-color)}.sidebar-section{margin-bottom:35px}.sidebar-section:last-child{margin-bottom:0}.sidebar-title{font-size:18px;color:var(--secondary-color);margin-bottom:20px;padding-bottom:12px;border-bottom:3px solid var(--primary-color);font-weight:bold;letter-spacing:1px}.sidebar-content{color:var(--text-secondary);font-size:14px;line-height:2}.sidebar-content p{margin-bottom:10px}.sidebar-content strong{color:var(--secondary-color)}.page-container{display:flex;gap:35px;padding:50px 0}.page-main{flex:1;background-color:var(--bg-primary);padding:40px;border-radius:12px;box-shadow:var(--shadow);border:1px solid var(--border-color)}.page-title{font-size:28px;color:var(--secondary-color);margin-bottom:35px;padding-bottom:18px;border-bottom:3px solid var(--primary-color);font-weight:bold;letter-spacing:2px}.page-content{color:var(--text-secondary);line-height:2;font-size:15px}.page-content p{margin-bottom:20px;text-indent:2em}.page-content h3{font-size:20px;color:var(--secondary-color);margin:35px 0 20px;padding-left:15px;border-left:4px solid var(--primary-color);font-weight:bold}.page-content ol,.page-content ul{margin-left:2em;margin-bottom:20px}.page-content ol li,.page-content ul li{margin-bottom:12px}.page-content ol{list-style-type:decimal}.page-content ul{list-style-type:disc}.page-content strong{color:var(--secondary-color)}.pagination-container{margin-top:40px;padding-top:30px;border-top:1px solid var(--border-color)}.pagination{display:flex;justify-content:center;align-items:center;gap:10px;flex-wrap:wrap}.pagination-btn,.pagination-page{padding:10px 18px;font-size:14px;border:1px solid var(--border-color);background-color:var(--bg-primary);color:var(--text-secondary);cursor:pointer;border-radius:6px;transition:all .3s ease}.pagination-btn:hover:not(:disabled),.pagination-page:hover:not(.active){border-color:var(--primary-color);color:var(--primary-color)}.pagination-btn:disabled{opacity:.5;cursor:not-allowed}.pagination-page.active{background:var(--gradient-gold);color:var(--text-white);border-color:var(--primary-color)}.pagination-ellipsis{color:var(--text-light);padding:0 10px}.pagination-info{color:var(--text-light);font-size:14px;margin-left:15px}.download-section{margin-bottom:35px;padding:25px;background:var(--bg-secondary);border-radius:10px}.download-section h3{font-size:20px;color:var(--secondary-color);margin-bottom:20px;padding-left:15px;border-left:4px solid var(--primary-color)}.download-section p{margin-bottom:12px}.download-link{display:inline-block;padding:12px 30px;background:var(--gradient-gold);color:var(--text-white);border-radius:6px;margin-top:15px;font-weight:500;box-shadow:0 4px 15px rgba(201,162,39,0.3);transition:all .3s ease}.download-link:hover{box-shadow:0 6px 20px rgba(201,162,39,0.4);color:var(--text-white);transform:translateY(-2px)}.download-link:visited{text-decoration:none;color:var(--text-white);transition:all .3s ease}.qr-code{width:160px;height:160px;margin:20px 0;background-color:var(--bg-primary);display:flex;align-items:center;justify-content:center;border-radius:10px;border:2px dashed var(--border-color);color:var(--text-light);font-size:14px}.footer{background:var(--gradient-blue);color:var(--text-white);padding:60px 0 25px;position:relative}.footer::before{content:'';position:absolute;top:0;left:0;width:100%;height:5px;background:var(--gradient-gold)}.footer-content{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:40px}.footer-contact h3{font-size:36px;margin-bottom:15px;color:var(--primary-light);letter-spacing:2px}.footer-contact p{font-size:16px;margin-bottom:10px;opacity:.9;letter-spacing:1px}.footer-qr{text-align:center}.footer-qr p{margin-bottom:15px;font-size:15px;opacity:.9}.qr-placeholder{width:130px;height:130px;background-color:var(--bg-primary);border-radius:10px;display:flex;align-items:center;justify-content:center;color:var(--text-light);font-size:13px;border:2px solid var(--primary-color)}.footer-bottom{text-align:center;padding-top:25px;border-top:1px solid rgba(255,255,255,0.1);font-size:14px;opacity:.8}@media(max-width:1024px){.container{padding:0 15px}.banner{height:450px}.banner-content{padding:30px 40px}.banner-content h2{font-size:40px}.banner-content p{font-size:18px;letter-spacing:5px}.products-grid{grid-template-columns:repeat(2,1fr);gap:25px}.page-container{flex-direction:column}.sidebar{width:100%}.news-grid{gap:30px}}@media(max-width:768px){.top-bar{display:none}.header-main{padding:12px 0}.logo-icon{width:45px;height:45px;font-size:20px}.logo-text h1{font-size:16px}.logo-text p{font-size:9px}.mobile-menu-btn{display:flex}.nav{display:none;position:absolute;top:100%;left:0;width:100%;background-color:var(--bg-primary);box-shadow:var(--shadow)}.nav.active{display:block}.nav-list{flex-direction:column;padding:10px 0}.nav-item>a{padding:14px 20px;border-bottom:1px solid var(--border-color)}.nav-item>a::after{display:none}.nav-separator{display:none}.banner{height:350px}.banner-content{padding:25px 30px;width:90%}.banner-content h2{font-size:28px;letter-spacing:2px}.banner-content p{font-size:14px;letter-spacing:3px}.banner-arrow{display:none}.products-grid{grid-template-columns:1fr}.news-grid{grid-template-columns:1fr}.footer-content{flex-direction:column;gap:30px;text-align:center}.footer-qr{margin:0 auto}.col-4,.col-6{flex:0 0 100%;max-width:100%}.section-title h2{font-size:26px}.page-title{font-size:22px}.hot-list-title h2::before,.hot-list-title h2::after{display:none}}@media(max-width:480px){.banner{height:300px}.banner-content{padding:20px}.banner-content h2{font-size:22px}.banner-content p{font-size:12px;letter-spacing:2px}.about-text,.page-content{font-size:14px}.news-item{flex-direction:column;align-items:flex-start;gap:10px}.news-title{white-space:normal}.page-main{padding:25px}.section-title h2{font-size:22px}}@keyframes fadeIn{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{from{opacity:0;transform:translateX(-30px)}to{opacity:1;transform:translateX(0)}}@keyframes slideInRight{from{opacity:0;transform:translateX(30px)}to{opacity:1;transform:translateX(0)}}.fade-in{animation:fadeIn .6s ease forwards}.slide-in-left{animation:slideInLeft .6s ease forwards}.slide-in-right{animation:slideInRight .6s ease forwards}.hidden{display:none !important}.visible{display:block !important}.clearfix::after{content:'';display:table;clear:both}.feature-card{background:var(--bg-primary);padding:35px;border-radius:12px;box-shadow:var(--shadow);transition:all .4s ease;border:1px solid var(--border-color);text-align:center}.feature-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-gold);border-color:var(--primary-color)}.feature-icon{width:70px;height:70px;background:var(--gradient-gold);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 25px;font-size:28px;color:var(--text-white)}.feature-card h3{font-size:20px;color:var(--secondary-color);margin-bottom:15px}.feature-card p{color:var(--text-secondary);font-size:14px;line-height:1.8}.stats-section{background:var(--gradient-blue);padding:60px 0;color:var(--text-white)}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;text-align:center}.stat-item h3{font-size:42px;color:var(--primary-light);margin-bottom:10px;font-weight:bold}.stat-item p{font-size:16px;opacity:.9;letter-spacing:1px}@media(max-width:768px){.stats-grid{grid-template-columns:repeat(2,1fr)}.stat-item h3{font-size:32px}}.limited-text{max-width:20em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.news-list-container{display:flex;flex-direction:column;gap:0}.news-detail-item{padding:25px 0;border-bottom:1px solid var(--border-color);transition:all .3s ease}.news-detail-item:last-child{border-bottom:0}.news-detail-item:hover{padding-left:15px}.news-detail-title{font-size:20px;color:var(--secondary-color);margin-bottom:12px;display:block;font-weight:500;transition:all .3s ease}.news-detail-title:hover{color:var(--primary-color)}.news-detail-meta{font-size:13px;color:var(--text-light);margin-bottom:12px;display:flex;align-items:center;gap:15px}.news-detail-meta span{display:flex;align-items:center;gap:5px}.news-detail-summary{font-size:15px;color:var(--text-secondary);line-height:1.9}.news-category-tag{display:inline-block;padding:4px 12px;background:var(--gradient-gold);color:var(--text-white);font-size:12px;border-radius:4px;margin-right:10px}.article-header{text-align:center;padding-bottom:30px;border-bottom:1px solid var(--border-color);margin-bottom:30px}.article-title{font-size:28px;color:var(--secondary-color);margin-bottom:20px;line-height:1.4;font-weight:bold}.article-detail{background:var(--bg-primary);padding:40px;border-radius:12px;box-shadow:var(--shadow)}.article-content{font-size:16px;line-height:2;color:var(--text-secondary)}.skills-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:25px}.skill-card{background:var(--bg-secondary);padding:30px;border-radius:12px;transition:all .4s ease;border:1px solid var(--border-color)}.skill-card:hover{background:var(--bg-primary);box-shadow:var(--shadow-gold);transform:translateY(-5px);border-color:var(--primary-color)}.skill-number{width:50px;height:50px;background:var(--gradient-gold);color:var(--text-white);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:bold;margin-bottom:20px}.skill-card h3{font-size:20px;color:var(--secondary-color);margin-bottom:15px}.skill-card p{font-size:14px;color:var(--text-secondary);line-height:1.8;margin-bottom:20px}.skill-card .btn{padding:10px 25px;font-size:13px}@media(max-width:768px){.skills-grid{grid-template-columns:1fr}}