*{margin:0;padding:0;box-sizing:border-box;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:root{--primary-color:#4a6fff;--secondary-color:#ff6b6b;--text-color:#333;--light-gray:#f5f7fa;--dark-gray:#3c4858;--white:#fff;--shadow:0 4px 20px rgba(0,0,0,0.1);--border-radius:4px;--transition:all 0.3s ease}body,html{font-family:'Segoe UI',Tahoma,Geneva,Verdana,sans-serif;color:var(--text-color);line-height:1.6;background-color:#fff;scroll-behavior:smooth}a{text-decoration:none;color:var(--primary-color);transition:var(--transition)}ul{list-style:none}img{max-width:100%;height:auto}.container{max-width:1200px;margin:0 auto;padding:0 15px;width:100%}.section{padding:80px 0}.section-header{text-align:center;margin-bottom:50px}.section-header h2{font-size:2.5rem;margin-bottom:15px;position:relative;display:inline-block}.section-header h2:after{content:'';position:absolute;width:60px;height:3px;background:var(--primary-color);bottom:-10px;left:50%;transform:translateX(-50%)}.section-header p{color:var(--dark-gray);max-width:700px;margin:0 auto}.btn{display:inline-block;padding:12px 24px;background:var(--primary-color);color:#fff;border-radius:30px;font-weight:600;transition:var(--transition);box-shadow:var(--shadow);border:none;cursor:pointer;text-align:center}.btn:hover{background:#3a5ce4;transform:translateY(-2px);box-shadow:0 6px 20px rgba(74,111,255,0.2)}.btn:active{transform:translateY(0)}.btn-secondary{background:var(--secondary-color)}.btn-secondary:hover{background:#ff5252}.text-primary{color:var(--primary-color)}.main-header{position:fixed;width:100%;top:0;left:0;background:#fff;box-shadow:0 2px 10px rgba(0,0,0,0.1);z-index:1000;transition:var(--transition)}.header-container{display:flex;justify-content:space-between;align-items:center;height:80px}.logo{display:flex;align-items:center}.logo img{max-height:50px}.main-header nav ul{display:flex}.main-header nav ul li{margin:0 15px}.main-header nav ul li a{color:var(--text-color);position:relative;font-weight:500;padding:5px 0}.main-header nav ul li a:after{content:'';position:absolute;width:0;height:2px;background:var(--primary-color);bottom:-5px;left:0;transition:var(--transition)}.main-header nav ul li a:hover:after{width:100%}.mobile-menu-btn{display:none;flex-direction:column;justify-content:space-around;width:30px;height:21px;cursor:pointer}.mobile-menu-btn .bar{width:100%;height:3px;background:var(--text-color);transition:var(--transition)}.hero-area{padding-top:160px;padding-bottom:80px;background-color:var(--light-gray);overflow:hidden;position:relative}.hero-content{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap}.hero-text{flex:1;min-width:300px;padding-right:30px}.hero-text h1{font-size:3rem;line-height:1.2;margin-bottom:20px}.hero-text p{font-size:1.1rem;color:var(--dark-gray);margin-bottom:30px;max-width:500px}.hero-image{flex:1;min-width:300px;text-align:center}.hero-image img{border-radius:10px;box-shadow:var(--shadow);max-width:100%}.buttons{display:flex;flex-wrap:wrap;gap:15px}.services{background-color:#fff}.services-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:30px}.service-item{padding:30px;background:#fff;border-radius:10px;box-shadow:var(--shadow);transition:var(--transition);text-align:center}.service-item:hover{transform:translateY(-10px);box-shadow:0 15px 30px rgba(0,0,0,0.1)}.service-icon{font-size:3rem;color:var(--primary-color);margin-bottom:20px}.service-item h3{margin-bottom:15px;font-size:1.5rem}.service-item p{margin-bottom:20px;color:var(--dark-gray)}.about{background-color:var(--light-gray)}.about-content{display:flex;align-items:center;flex-wrap:wrap;gap:30px}.about-text{flex:1;min-width:300px}.about-text h2{font-size:2.5rem;margin-bottom:20px}.about-text p{margin-bottom:20px;color:var(--dark-gray)}.about-image{flex:1;min-width:300px;text-align:center}.about-image img{border-radius:10px;box-shadow:var(--shadow);max-width:100%}.features{margin-top:50px;display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:30px}.feature-item{display:flex;align-items:flex-start;margin-bottom:30px}.feature-icon{margin-right:15px;font-size:1.8rem;color:var(--primary-color)}.feature-text h3{margin-bottom:10px;font-size:1.3rem}.stats{padding:60px 0;background-color:var(--primary-color);color:#fff}.stats-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:30px;text-align:center}.stat-item{padding:20px}.stat-number{font-size:3rem;font-weight:700;margin-bottom:10px}.stat-text{font-size:1.1rem;font-weight:500}.articles{background:#fff}.articles-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:30px}.article-card{border-radius:10px;overflow:hidden;box-shadow:var(--shadow);transition:var(--transition);background:#fff}.article-card:hover{transform:translateY(-10px);box-shadow:0 15px 30px rgba(0,0,0,0.1)}.article-image{overflow:hidden;height:200px}.article-image img{width:100%;height:100%;object-fit:cover;transition:transform 0.5s ease}.article-card:hover .article-image img{transform:scale(1.1)}.article-content{padding:20px}.article-content h3{margin-bottom:10px;font-size:1.3rem}.article-content p{margin-bottom:15px;color:var(--dark-gray)}.article-meta{display:flex;justify-content:space-between;color:var(--dark-gray);font-size:0.9rem;margin-bottom:15px}.gallery{background-color:var(--light-gray)}.gallery-filters{display:flex;justify-content:center;margin-bottom:30px;flex-wrap:wrap}.filter-btn{background:transparent;border:none;padding:8px 20px;margin:0 5px;cursor:pointer;font-weight:500;transition:var(--transition);color:var(--dark-gray);border-radius:30px}.filter-btn.active,.filter-btn:hover{background:var(--primary-color);color:#fff}.gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}.gallery-item{position:relative;overflow:hidden;border-radius:10px;cursor:pointer}.gallery-item img{width:100%;height:240px;object-fit:cover;transition:transform 0.5s ease}.gallery-item:hover img{transform:scale(1.1)}.gallery-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.7);display:flex;flex-direction:column;justify-content:center;align-items:center;opacity:0;transition:var(--transition);padding:20px;text-align:center;color:#fff}.gallery-item:hover .gallery-overlay{opacity:1}.gallery-overlay h3{margin-bottom:10px;font-size:1.5rem}.gallery-overlay p{margin-bottom:15px}.testimonials{background:#fff;position:relative;overflow:hidden}.testimonials:before{content:'';position:absolute;width:200px;height:200px;background:rgba(74,111,255,0.1);border-radius:50%;top:-100px;left:-100px;z-index:1}.testimonials:after{content:'';position:absolute;width:200px;height:200px;background:rgba(255,107,107,0.1);border-radius:50%;bottom:-100px;right:-100px;z-index:1}.testimonials-slider{position:relative;max-width:800px;margin:0 auto}.testimonial-item{background:#fff;padding:30px;border-radius:10px;box-shadow:var(--shadow);margin:20px;text-align:center;position:relative;z-index:2}.testimonial-content{font-style:italic;margin-bottom:20px;position:relative;padding:0 20px}.testimonial-content:before,.testimonial-content:after{content:'"';font-size:3rem;color:var(--primary-color);opacity:0.2;position:absolute;line-height:1}.testimonial-content:before{top:-10px;left:0}.testimonial-content:after{bottom:-30px;right:0}.client-info{display:flex;flex-direction:column;align-items:center}.client-name{font-weight:700;margin-bottom:5px}.client-position{color:var(--dark-gray);font-size:0.9rem}.testimonial-dots{display:flex;justify-content:center;margin-top:20px}.dot{width:10px;height:10px;border-radius:50%;background:var(--light-gray);margin:0 5px;cursor:pointer;transition:var(--transition)}.dot.active{background:var(--primary-color);transform:scale(1.5)}.contact{background-color:var(--light-gray)}.contact-container{display:flex;flex-wrap:wrap;gap:40px}.contact-info{flex:1;min-width:300px}.contact-info h3{margin-bottom:20px;font-size:1.8rem}.contact-item{display:flex;align-items:flex-start;margin-bottom:20px}.contact-icon{margin-right:15px;font-size:1.5rem;color:var(--primary-color)}.contact-text h4{margin-bottom:5px}.contact-text p,.contact-text a{color:var(--dark-gray)}.contact-form{flex:1;min-width:300px}.form-group{margin-bottom:20px}.form-label{display:block;margin-bottom:5px;font-weight:500}.form-control{width:100%;padding:12px 15px;border:1px solid #ddd;border-radius:var(--border-radius);font-size:1rem;transition:var(--transition)}.form-control:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 2px rgba(74,111,255,0.2)}.form-text{margin-top:5px;font-size:0.85rem;color:var(--dark-gray)}.social-media{margin-top:20px}.social-link{display:inline-block;width:40px;height:40px;line-height:40px;text-align:center;background:#fff;color:var(--primary-color);border-radius:50%;margin-right:10px;font-size:1.2rem;transition:var(--transition);box-shadow:var(--shadow)}.social-link:hover{background:var(--primary-color);color:#fff;transform:translateY(-5px)}.wechat-popup{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.8);z-index:1010;justify-content:center;align-items:center}.wechat-popup-content{background:#fff;padding:30px;border-radius:10px;max-width:90%;width:350px;text-align:center;position:relative}.wechat-close{position:absolute;top:10px;right:10px;font-size:1.5rem;cursor:pointer;color:var(--dark-gray);transition:var(--transition)}.wechat-close:hover{color:var(--primary-color)}.qrcode-container{margin:20px 0}.main-footer{background:#222;color:#fff;padding:60px 0 30px}.footer-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:40px}.footer-about{grid-column:1/-1;margin-bottom:30px}.footer-about .logo{margin-bottom:15px}.footer-about p{max-width:500px}.footer-heading{font-size:1.2rem;margin-bottom:20px;position:relative;padding-bottom:10px}.footer-heading:after{content:'';position:absolute;width:40px;height:2px;background:var(--primary-color);bottom:0;left:0}.footer-links li{margin-bottom:10px}.footer-links a{color:#aaa;transition:var(--transition)}.footer-links a:hover{color:var(--primary-color);padding-left:5px}.newsletter-form{display:flex;margin-bottom:20px}.newsletter-input{flex:1;padding:10px 15px;border:none;border-radius:4px 0 0 4px;font-size:0.9rem}.newsletter-button{background:var(--primary-color);color:#fff;border:none;padding:0 15px;border-radius:0 4px 4px 0;cursor:pointer;transition:var(--transition)}.newsletter-button:hover{background:#3a5ce4}.footer-bottom{text-align:center;padding-top:30px;margin-top:30px;border-top:1px solid #333;font-size:0.9rem;color:#aaa}.responsive-logo{max-width:100%;height:auto}.carousel{position:relative;margin-bottom:60px;overflow:hidden;border-radius:10px;box-shadow:var(--shadow)}.carousel-slide{display:flex;transition:transform 0.5s ease}.carousel-item{min-width:100%;position:relative}.carousel-item img{width:100%;height:450px;object-fit:cover}.carousel-content{position:absolute;bottom:0;left:0;right:0;padding:30px;background:linear-gradient(to top,rgba(0,0,0,0.8),transparent);color:#fff}.carousel-content h3{font-size:1.8rem;margin-bottom:10px}.carousel-content p{margin-bottom:15px;max-width:600px}.carousel-btn{position:absolute;top:50%;transform:translateY(-50%);width:50px;height:50px;background:rgba(255,255,255,0.8);border:none;border-radius:50%;font-size:1.2rem;color:var(--text-color);z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:var(--transition)}.carousel-prev{left:20px}.carousel-next{right:20px}.carousel-btn:hover{background:#fff;box-shadow:var(--shadow)}.carousel-dots{position:absolute;bottom:20px;left:50%;transform:translateX(-50%);display:flex;z-index:10}.carousel-dot{width:12px;height:12px;border-radius:50%;background:rgba(255,255,255,0.5);margin:0 5px;cursor:pointer;transition:var(--transition)}.carousel-dot.active{background:#fff;transform:scale(1.2)}.hide{display:none}@media screen and (max-width:1024px){.hero-content,.about-content{flex-direction:column}.hero-text,.about-text{padding-right:0;margin-bottom:40px}.main-footer{text-align:center}.footer-heading:after{left:50%;transform:translateX(-50%)}.footer-links a:hover{padding-left:0}}@media screen and (max-width:768px){.section{padding:60px 0}.section-header h2{font-size:2rem}.hero-area{padding-top:120px}.hero-text h1{font-size:2.2rem}.main-header nav{position:fixed;top:80px;left:-100%;width:100%;background:#fff;box-shadow:0 5px 10px rgba(0,0,0,0.1);transition:var(--transition);height:calc(100vh - 80px);overflow-y:auto;padding:20px}.main-header nav.active{left:0}.main-header nav ul{flex-direction:column;align-items:center}.main-header nav ul li{margin:15px 0}.mobile-menu-btn{display:flex}.mobile-menu-btn.active .bar:nth-child(1){transform:rotate(-45deg) translate(-5px,6px)}.mobile-menu-btn.active .bar:nth-child(2){opacity:0}.mobile-menu-btn.active .bar:nth-child(3){transform:rotate(45deg) translate(-5px,-6px)}.services-grid,.articles-grid,.gallery-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.contact-container{flex-direction:column}.article-detail .article-banner img{height:auto;max-height:350px}}@media screen and (max-width:480px){.section{padding:40px 0}.hero-text h1{font-size:1.8rem}.carousel-item img{height:300px}.buttons{flex-direction:column;width:100%}.btn{width:100%;margin-bottom:10px}.services-grid,.articles-grid,.gallery-grid{grid-template-columns:1fr}.filters-dropdown{display:block;width:100%;margin-bottom:20px}.gallery-filters{display:none;flex-direction:column;position:absolute;background:#fff;box-shadow:var(--shadow);z-index:100;width:calc(100% - 30px);border-radius:5px;padding:10px}.gallery-filters.active{display:flex}.filter-btn{margin:5px 0;width:100%;text-align:left}}.article-detail{padding-top:120px}.article-header{text-align:center;margin-bottom:30px}.article-header h1{font-size:2.5rem;line-height:1.3;margin-bottom:15px}.article-meta{display:flex;justify-content:center;color:var(--dark-gray);font-size:1rem;flex-wrap:wrap;gap:15px;margin-bottom:0}.article-meta span{display:flex;align-items:center}.article-meta i{margin-right:5px}.article-banner{margin-bottom:30px;border-radius:10px;overflow:hidden;box-shadow:var(--shadow)}.article-banner img{width:100%;height:500px;object-fit:cover}.article-body{max-width:800px;margin:0 auto;line-height:1.8}.article-body h2{font-size:1.8rem;margin:40px 0 20px;color:var(--dark-gray);border-bottom:2px solid var(--light-gray);padding-bottom:10px}.article-body h3{font-size:1.5rem;margin:30px 0 15px;color:var(--dark-gray)}.article-body p{margin-bottom:20px}.article-body ul,.article-body ol{margin-bottom:20px;padding-left:20px}.article-body li{margin-bottom:10px}.article-body a{text-decoration:underline}.article-body a:hover{color:var(--secondary-color)}.article-body strong{color:var(--dark-gray);font-weight:700}.article-footer{max-width:800px;margin:50px auto 0;padding-top:30px;border-top:1px solid var(--light-gray)}.article-tags{display:flex;flex-wrap:wrap;margin-bottom:30px}.tag{background:var(--light-gray);padding:5px 15px;border-radius:30px;margin-right:10px;margin-bottom:10px;font-size:0.9rem;color:var(--dark-gray);transition:var(--transition)}.tag:hover{background:var(--primary-color);color:#fff}.related-articles{margin-top:60px}.related-heading{text-align:center;margin-bottom:30px;font-size:1.8rem;position:relative;display:inline-block;left:50%;transform:translateX(-50%)}.related-heading:after{content:'';position:absolute;width:50px;height:3px;background:var(--primary-color);bottom:-10px;left:50%;transform:translateX(-50%)}.thank-you{padding-top:160px;padding-bottom:80px;background-color:var(--light-gray);text-align:center}.thank-you-icon{font-size:5rem;color:var(--primary-color);margin-bottom:20px}.thank-you h1{font-size:3rem;margin-bottom:20px}.thank-you p{max-width:600px;margin:0 auto 30px;font-size:1.1rem;color:var(--dark-gray)}.thank-you .btn{margin-top:20px}