*{margin:0;padding:0;box-sizing:border-box}body{font-family:Poppins,sans-serif;line-height:1.6;color:#333;overflow-x:hidden}.container{max-width:1200px;margin:0 auto;padding:0 20px}.navbar{background:#fff;box-shadow:0 2px 10px rgba(0,0,0,.1);position:fixed;top:0;width:100%;z-index:1000;transition:all .3s ease}.nav-container{max-width:1200px;margin:0 auto;padding:0 20px;display:flex;justify-content:space-between;align-items:center;height:70px}.nav-logo{display:flex;align-items:center;gap:12px}.logo{width:40px;height:40px;background:linear-gradient(45deg,#667eea 0,#764ba2 100%);border-radius:50%;flex-shrink:0}.logo-text{display:flex;flex-direction:column;line-height:1.2}.company-name{font-size:1.4rem;font-weight:600;color:#333;margin:0}.slogan{font-size:.8rem;color:#888;font-weight:400;margin:0;font-style:italic}.nav-menu{display:flex;list-style:none;gap:30px}.nav-link{text-decoration:none;color:#333;font-weight:500;transition:all .3s ease;position:relative}.nav-link:hover{color:#667eea}.nav-link::after{content:'';position:absolute;bottom:-5px;left:0;width:0;height:2px;background:#667eea;transition:width .3s ease}.nav-link:hover::after{width:100%}.hamburger{display:none;flex-direction:column;cursor:pointer}.bar{width:25px;height:3px;background:#333;margin:3px 0;transition:.3s}.banner-section{padding:70px 0 0;background:#f8f9fa}.banner-carousel{position:relative;width:100vw;margin-left:calc(50% - 50vw);overflow:hidden}.carousel-container{position:relative;width:100%;height:70vh;min-height:500px;overflow:hidden}.carousel-slide{position:absolute;top:0;left:0;width:100vw;height:100%;opacity:0;transition:opacity .5s ease-in-out;overflow:hidden}.carousel-slide.active{opacity:1;z-index:2}.carousel-slide::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background-image:inherit;background-size:cover;background-position:center center;background-repeat:no-repeat;filter:blur(20px);transform:scale(1.1);z-index:1;width:100vw}.carousel-slide::after{content:'';position:absolute;top:0;bottom:0;left:50%;width:100%;max-width:1200px;transform:translateX(-50%);background-image:inherit;background-size:cover;background-position:center center;background-repeat:no-repeat;z-index:2;box-shadow:0 0 30px rgba(0,0,0,.1)}.carousel-slide img{position:relative;display:block;width:100%;height:100%;object-fit:cover;z-index:3}.banner-title{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top,rgba(0,0,0,.8),rgba(0,0,0,.3),transparent);color:#fff;padding:80px 40px 40px;text-align:center;z-index:3}.banner-title h1,.banner-title h2{font-size:3rem;font-weight:700;margin-bottom:15px;text-shadow:2px 2px 4px rgba(0,0,0,.5)}.banner-title p{font-size:1.4rem;margin:0;opacity:.9;text-shadow:1px 1px 2px rgba(0,0,0,.5)}.carousel-btn{position:absolute;top:50%;transform:translateY(-50%);background:rgba(255,255,255,.9);border:none;width:60px;height:60px;border-radius:50%;cursor:pointer;font-size:1.5rem;color:#333;transition:all .3s ease;box-shadow:0 4px 15px rgba(0,0,0,.2);z-index:10}.carousel-btn:hover{background:#fff;transform:translateY(-50%) scale(1.1);color:#667eea}.prev-btn{left:30px}.next-btn{right:30px}.carousel-indicators{position:absolute;bottom:20px;left:50%;transform:translateX(-50%);display:flex;gap:10px;z-index:10}.indicator{width:12px;height:12px;border-radius:50%;background:rgba(255,255,255,.5);cursor:pointer;transition:all .3s ease}.indicator.active,.indicator:hover{background:#fff;transform:scale(1.2)}.banner-item img[src=""]{background:linear-gradient(45deg,#667eea 0,#764ba2 100%);position:relative}.banner-item img[src=""]:after{content:"图片加载中...";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:1rem;text-align:center}.section-header{text-align:center;margin-bottom:60px}.section-header h2{font-size:2.5rem;font-weight:600;color:#333;margin-bottom:15px}.section-header p{font-size:1.2rem;color:#666;margin-bottom:10px}.section-subtitle{font-size:1rem;color:#888;font-style:italic;margin-top:10px;margin-bottom:0;opacity:.9}.banner-item img,.tile-image img{background:linear-gradient(45deg,#667eea 0,#764ba2 100%);display:block;width:100%;height:100%;object-fit:cover}.tile-image img[src=""]{background:linear-gradient(45deg,#667eea 0,#764ba2 100%);position:relative}.tile-image img[src=""]:after{content:"图片加载中...";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:1rem;text-align:center}.btn{padding:15px 30px;border:none;border-radius:50px;font-size:1rem;font-weight:500;text-decoration:none;cursor:pointer;transition:all .3s ease;display:inline-block}.btn-primary{background:linear-gradient(45deg,#667eea 0,#764ba2 100%);color:#fff}.btn-primary:hover{background:linear-gradient(45deg,#764ba2 0,#667eea 100%);transform:translateY(-2px)}.btn-secondary{background:0 0;color:#667eea;border:2px solid #667eea}.btn-secondary:hover{background:#667eea;color:#fff}.left-right-section{padding:100px 0;background:#fff}.content-row{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:stretch;margin-bottom:50px;padding:30px;border-radius:20px;transition:all .3s ease;position:relative;overflow:hidden;min-height:400px}.content-row:first-child{background:linear-gradient(135deg,rgba(102,126,234,.05) 0,rgba(118,75,162,.05) 100%);border:1px solid rgba(102,126,234,.1)}.content-row:first-child:hover{background:linear-gradient(135deg,rgba(102,126,234,.1) 0,rgba(118,75,162,.1) 100%);border-color:rgba(102,126,234,.2);transform:translateY(-5px);box-shadow:0 20px 40px rgba(102,126,234,.15)}.content-row:nth-child(2){background:linear-gradient(135deg,rgba(255,107,107,.05) 0,rgba(255,159,67,.05) 100%);border:1px solid rgba(255,107,107,.1)}.content-row:nth-child(2):hover{background:linear-gradient(135deg,rgba(255,107,107,.1) 0,rgba(255,159,67,.1) 100%);border-color:rgba(255,107,107,.2);transform:translateY(-5px);box-shadow:0 20px 40px rgba(255,107,107,.15)}.content-row:nth-child(3){background:linear-gradient(135deg,rgba(46,213,115,.05) 0,rgba(0,210,211,.05) 100%);border:1px solid rgba(46,213,115,.1)}.content-row:nth-child(3):hover{background:linear-gradient(135deg,rgba(46,213,115,.1) 0,rgba(0,210,211,.1) 100%);border-color:rgba(46,213,115,.2);transform:translateY(-5px);box-shadow:0 20px 40px rgba(46,213,115,.15)}.content-row:last-child{margin-bottom:0}.content-row.reverse{direction:rtl}.content-row.reverse>*{direction:ltr}.content-text{padding:20px;display:flex;flex-direction:column;justify-content:center;height:100%}.content-text h2{font-size:2.2rem;font-weight:600;color:#333;margin-bottom:20px;line-height:1.3}.content-text p{font-size:1.1rem;color:#666;line-height:1.8;margin-bottom:25px}.content-text ul{list-style:none;padding:0;margin:0}.content-text ul li{padding:8px 0;color:#555;font-size:1rem;line-height:1.6}.tile-section{padding:100px 0;background:#f8f9fa}.tile-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:30px}.tile-item{background:#fff;border-radius:15px;overflow:hidden;box-shadow:0 10px 30px rgba(0,0,0,.1);transition:all .3s ease;display:flex;align-items:center;min-height:200px}.tile-item:hover{transform:translateY(-5px);box-shadow:0 20px 40px rgba(0,0,0,.15)}.tile-image{flex:0 0 45%}.tile-image img{width:100%;height:200px;object-fit:cover}.banner-item img,.tile-image img{background:linear-gradient(45deg,#667eea 0,#764ba2 100%);display:block;width:100%;height:100%;object-fit:cover}.tile-image img[src=""]{background:linear-gradient(45deg,#667eea 0,#764ba2 100%);position:relative}.tile-image img[src=""]:after{content:"图片加载中...";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:1rem;text-align:center}.tile-content{flex:1;padding:30px}.tile-content h3{font-size:1.4rem;font-weight:600;color:#333;margin-bottom:15px}.tile-content p{color:#666;line-height:1.6;font-size:1rem}.tile-grid-two{display:grid;grid-template-columns:repeat(2,1fr);gap:40px}.tile-item-large{background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 15px 35px rgba(0,0,0,.1);transition:all .3s ease}.tile-item-large:hover{transform:translateY(-8px);box-shadow:0 25px 50px rgba(0,0,0,.15)}.tile-image-large{width:100%;height:350px;overflow:hidden}.tile-image-large img{width:100%;height:100%;object-fit:cover;object-position:left center;transition:transform .3s ease}.tile-item-large:hover .tile-image-large img{transform:scale(1.05)}.tile-content-simple{padding:30px;text-align:center}.tile-content-simple h3{font-size:1.5rem;font-weight:600;color:#333;line-height:1.4;margin:0 0 15px 0}.tile-subtitle{font-size:1rem;color:#888;font-style:italic;margin:0;opacity:.9;line-height:1.3}.contact{padding:100px 0}.contact-content{display:grid;grid-template-columns:1fr 1fr;gap:60px}.contact-info{display:flex;flex-direction:column;gap:30px}.contact-item{display:flex;align-items:flex-start;gap:20px}.contact-item i{width:50px;height:50px;background:linear-gradient(45deg,#667eea 0,#764ba2 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.2rem;flex-shrink:0}.contact-item h4{color:#333;margin-bottom:5px}.contact-item p{color:#666}.contact-info a,.footer-section address a{color:inherit;text-decoration:none;transition:color .3s ease}.contact-info a:hover,.footer-section address a:hover{color:#667eea}address{font-style:normal}.contact-form{background:#f8f9fa;padding:40px;border-radius:15px}.form-group{margin-bottom:20px}.form-group input,.form-group textarea{width:100%;padding:15px;border:1px solid #ddd;border-radius:8px;font-size:1rem;transition:border-color .3s ease}.form-group input:focus,.form-group textarea:focus{outline:0;border-color:#667eea}.form-group textarea{resize:vertical}.footer{background:#333;color:#fff;padding:60px 0 20px}.footer-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:40px;margin-bottom:40px}.footer-section h4{margin-bottom:20px;color:#fff}.footer-section p{color:#ccc;line-height:1.6}.footer-section ul{list-style:none}.footer-section ul li{margin-bottom:10px}.footer-section ul li a{color:#ccc;text-decoration:none;transition:color .3s ease}.footer-section ul li a:hover{color:#667eea}.social-links{display:flex;gap:15px;margin-top:20px}.social-links a{width:40px;height:40px;background:#667eea;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;text-decoration:none;transition:all .3s ease}.social-links a:hover{background:#764ba2;transform:translateY(-2px)}.footer-bottom{border-top:1px solid #555;padding-top:20px;text-align:center;color:#ccc}.footer-bottom p{margin:5px 0}.footer-bottom a{color:#ccc;text-decoration:none;transition:color .3s ease}.footer-bottom a:hover{color:#667eea;text-decoration:underline}.footer-bottom a[href*="beian.miit.gov.cn"]{font-size:14px;opacity:.8}.footer-bottom a[href*="beian.miit.gov.cn"]:hover{opacity:1}.carousel-slide,.content-image,.tile-image{will-change:transform;backface-visibility:hidden;transform-style:preserve-3d}@media (max-width:768px){.carousel-btn{opacity:.7;transition:opacity .3s ease}.carousel-btn:active{opacity:1;transform:translateY(-50%) scale(.95)}.content-image:hover img{transform:translate(-50%,-50%) scale(1.02)}.content-image{min-height:250px}.content-image::before{filter:blur(10px)}}.carousel-slide img,.content-image img{opacity:0;transition:opacity .3s ease}.carousel-slide img.loaded,.content-image img.loaded{opacity:1}@media (max-width:768px){.content-image{min-height:250px}.content-image img{max-width:100%;height:auto}.content-image::before{filter:blur(15px)}}@media (max-width:1024px){.content-row{grid-template-columns:1fr}.content-row.reverse{grid-template-columns:1fr}.content-image{min-height:250px}}@media (max-width:480px){.content-image{min-height:200px}.content-image img{min-height:200px}.banner-title{padding:30px 15px 15px}.content-text ul li{font-size:.9rem;margin-bottom:8px}}.content-image{position:relative;overflow:hidden;border-radius:15px;height:100%;min-height:350px;width:100%;background:#f8f9fa;display:flex;align-items:center;justify-content:center}.content-image::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background-image:var(--bg-image);background-size:cover;background-position:center;background-repeat:no-repeat;filter:blur(20px);transform:scale(1.1);z-index:1;opacity:.6}.content-image img{position:relative;width:100%;height:auto;max-height:100%;object-fit:contain;object-position:center;border-radius:12px;box-shadow:0 15px 30px rgba(0,0,0,.1);transition:all .3s ease;z-index:2;display:block}.content-image:hover img{transform:scale(1.05);box-shadow:0 20px 40px rgba(0,0,0,.2)}@media (max-width:768px){.hamburger{display:flex}.nav-menu{position:fixed;left:-100%;top:70px;flex-direction:column;background-color:#fff;width:100%;text-align:center;transition:.3s;box-shadow:0 10px 27px rgba(0,0,0,.05);padding:20px 0}.nav-menu.active{left:0}.nav-menu li{margin:10px 0}.banner-grid{grid-template-columns:1fr}.content-row{grid-template-columns:1fr;gap:20px;padding:20px;margin-bottom:30px;align-items:stretch}.content-row.reverse{grid-template-columns:1fr}.content-row:first-child,.content-row:nth-child(2),.content-row:nth-child(3){transform:none!important}.content-image{height:auto;min-height:250px}.content-image img{height:250px;min-height:250px}.content-row.reverse{direction:ltr}.content-text{padding:0}.tile-grid{grid-template-columns:1fr}.tile-grid-two{grid-template-columns:1fr;gap:30px}.tile-item{flex-direction:column;min-height:auto}.tile-image{flex:none;width:100%}.tile-image img{height:200px}.tile-image-large{height:250px}.contact-content{grid-template-columns:1fr}.btn{width:100%;text-align:center;margin-bottom:10px}.footer-content{grid-template-columns:1fr;text-align:center}.carousel-container{height:50vh;min-height:300px}.banner-title h1,.banner-title h2{font-size:2.5rem}.banner-title p{font-size:1.1rem}.banner-title{padding:40px 20px 20px}.carousel-btn{width:50px;height:50px;font-size:1.2rem}.prev-btn{left:10px}.next-btn{right:10px}.company-name{font-size:1.2rem}.section-subtitle{font-size:.9rem}.tile-subtitle{font-size:.9rem}}@media (max-width:480px){.banner-title h1,.banner-title h2,.banner-title h3{font-size:1.3rem}.content-text h2{font-size:1.8rem}.section-header h2{font-size:2rem}.contact-form{padding:20px}.tile-content{padding:20px}.tile-content h3{font-size:1.2rem}.nav-logo{gap:8px}.logo{width:35px;height:35px}.company-name{font-size:1rem}.slogan{font-size:.65rem}.carousel-container{height:40vh;min-height:250px}.section-subtitle{font-size:.8rem}.tile-subtitle{font-size:.85rem}}@media (max-width:768px){.carousel-slide::after{max-width:100%}.banner-title{padding:60px 20px 20px}.banner-title h1,.banner-title h2{font-size:2rem}.banner-title p{font-size:1rem}}@media (min-width:1921px){.carousel-slide::before{filter:blur(30px)}.carousel-slide::after{max-width:1400px}}.lightbox{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.9);display:none;justify-content:center;align-items:center;z-index:9999;opacity:0;transition:opacity .3s ease}.lightbox.active{display:flex;opacity:1}.lightbox-content{position:relative;width:90%;max-width:1200px;height:90%;display:flex;flex-direction:column;color:#fff}.lightbox-header{display:flex;justify-content:space-between;align-items:center;padding:10px 0}.lightbox-counter{font-size:16px}.lightbox-close{background:0 0;border:none;color:#fff;font-size:30px;cursor:pointer;padding:0 10px;outline:0}.lightbox-image-container{flex:1;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.lightbox-image{max-width:100%;max-height:100%;object-fit:contain;transition:transform .3s ease;display:block;margin:0 auto;box-shadow:0 0 30px rgba(0,0,0,.3);border-radius:4px}.lightbox-btn{position:absolute;top:50%;transform:translateY(-50%);background-color:rgba(0,0,0,.5);color:#fff;border:none;width:50px;height:50px;border-radius:50%;font-size:20px;cursor:pointer;z-index:10;transition:background-color .3s ease;display:flex;align-items:center;justify-content:center}.lightbox-btn:hover{background-color:rgba(0,0,0,.8)}.lightbox-prev-btn{left:20px}.lightbox-next-btn{right:20px}.lightbox-caption{text-align:center;padding:10px 0;font-size:16px;min-height:40px}.carousel-slide,.content-image img,.tile-image-large img{cursor:zoom-in;transition:transform .3s ease}.content-image img:hover,.tile-image-large img:hover{transform:scale(1.03);box-shadow:0 5px 15px rgba(0,0,0,.1)}@media (max-width:768px){.lightbox-btn{width:40px;height:40px;font-size:16px}.lightbox-prev-btn{left:10px}.lightbox-next-btn{right:10px}}.message-modal{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.6);backdrop-filter:blur(5px);display:none;justify-content:center;align-items:center;z-index:9999;opacity:0;transition:all .3s ease}.message-modal.active{display:flex;opacity:1}.message-modal-content{background:#fff;padding:40px;border-radius:20px;box-shadow:0 20px 60px rgba(0,0,0,.2);max-width:500px;width:90%;text-align:center;transform:scale(.8) translateY(30px);transition:all .3s ease;position:relative;overflow:hidden}.message-modal.active .message-modal-content{transform:scale(1) translateY(0)}.message-modal-content::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(45deg,#667eea 0,#764ba2 100%)}.message-modal-icon{width:60px;height:60px;margin:0 auto 20px;background:linear-gradient(45deg,#667eea 0,#764ba2 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:24px;animation:modalPulse 2s infinite}@keyframes modalPulse{0%,100%{transform:scale(1);box-shadow:0 0 0 0 rgba(102,126,234,.4)}50%{transform:scale(1.05);box-shadow:0 0 0 10px rgba(102,126,234,0)}}.message-modal-title{font-size:1.5rem;font-weight:600;color:#333;margin-bottom:10px}.message-modal-text{color:#666;line-height:1.6;margin-bottom:30px;font-size:1rem}.message-modal-close{background:linear-gradient(45deg,#667eea 0,#764ba2 100%);color:#fff;border:none;padding:12px 30px;border-radius:50px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .3s ease;min-width:120px}.message-modal-close:hover{background:linear-gradient(45deg,#764ba2 0,#667eea 100%);transform:translateY(-2px);box-shadow:0 10px 20px rgba(102,126,234,.3)}.message-modal-close:active{transform:translateY(0)}.message-modal.success .message-modal-icon{background:linear-gradient(45deg,#48bb78 0,#38a169 100%)}.message-modal.success .message-modal-content::before{background:linear-gradient(45deg,#48bb78 0,#38a169 100%)}.message-modal.success .message-modal-close{background:linear-gradient(45deg,#48bb78 0,#38a169 100%)}.message-modal.success .message-modal-close:hover{background:linear-gradient(45deg,#38a169 0,#48bb78 100%);box-shadow:0 10px 20px rgba(72,187,120,.3)}.message-modal.error .message-modal-icon{background:linear-gradient(45deg,#f56565 0,#e53e3e 100%)}.message-modal.error .message-modal-content::before{background:linear-gradient(45deg,#f56565 0,#e53e3e 100%)}.message-modal.error .message-modal-close{background:linear-gradient(45deg,#f56565 0,#e53e3e 100%)}.message-modal.error .message-modal-close:hover{background:linear-gradient(45deg,#e53e3e 0,#f56565 100%);box-shadow:0 10px 20px rgba(245,101,101,.3)}@media (max-width:768px){.message-modal-content{padding:30px 20px;margin:20px}.message-modal-icon{width:50px;height:50px;font-size:20px}.message-modal-title{font-size:1.3rem}.message-modal-text{font-size:.9rem}}