*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;scroll-padding-top:84px}body{color:#333;background-color:#fafbfc;font-family:Microsoft YaHei,PingFang SC,sans-serif;line-height:1.6}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 20px}.text-center{text-align:center}.clearfix:after{content:"";clear:both;display:table}:root{--primary-blue:#5d0ef8;--light-blue:#6c8ebf;--purple:#7b68ee;--light-purple:#e6e6fa;--gray-bg:#f5f7fa}.btn{cursor:pointer;border:none;border-radius:30px;padding:12px 30px;font-size:16px;font-weight:700;text-decoration:none;transition:all .3s;display:inline-block}.btn-primary{background:linear-gradient(90deg, var(--primary-blue), var(--purple));color:#fff;box-shadow:0 4px 15px #2a52be4d}.btn-primary:hover{opacity:.9;transform:translateY(-2px)}.btn-outline{border:2px solid var(--primary-blue);color:var(--primary-blue);background:0 0}.btn-outline:hover{background:var(--primary-blue);color:#fff}header{z-index:1000;background:#fff;width:100%;height:84px;transition:all .3s;position:fixed;top:0;left:0}header .container{height:100%}nav{justify-content:space-between;align-items:center;height:100%;display:flex}.logo{width:83px;height:53px}.logo img{width:100%;height:100%}ul li{list-style:none}a{text-decoration:none}.nav-links{display:flex}.nav-links li{margin-left:30px}.nav-links a{color:#333;padding-bottom:5px;font-family:SourceHanSansCN;font-size:16px;font-weight:700;transition:color .3s;position:relative}.nav-links a:after{content:"";background-color:var(--primary-blue);width:0;height:4px;transition:width .3s;position:absolute;bottom:-25px;left:0}.nav-links a:hover:after{width:100%}.nav-links a:hover{color:var(--primary-blue)}.nav-links a.active:after{width:100%}.hero-section{background:url(./banner1@2x-C-MZFeVV.jpg) 50%/cover no-repeat;align-items:center;width:100%;height:800px;padding-top:80px;display:flex;position:relative;overflow:hidden}.hero-content{z-index:2;flex:1;padding-right:40px}.hero-image{text-align:right;z-index:2;flex:1}.hero-image img{max-width:100%;height:auto;animation:6s ease-in-out infinite float}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-20px)}to{transform:translateY(0)}}.title{color:#333;margin-bottom:15px;font-size:60px;line-height:1.2}.title span{color:#0000;text-align:left;text-transform:none;background:linear-gradient(90deg,#2f3f45 0%,#0a79df 35%,#5d0ef8 70%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-family:SourceHanSansCN;font-style:normal;font-weight:800}.subtitle{color:#333;text-align:left;text-transform:none;margin-bottom:54px;font-family:SourceHanSansCN;font-size:50px;font-style:normal;font-weight:800}.subtitle span{color:var(--primary-blue)}.hero-text{color:#333;margin-bottom:10px;font-size:20px}section{padding:50px 0}.section-title{text-align:center;color:#333;text-transform:none;margin-bottom:30px;font-family:AlibabaPuHuiTiH;font-size:30px;font-style:normal;line-height:50px;display:inline-block;position:relative;left:50%;transform:translate(-50%)}.section-title:before,.section-title:after{content:"✦";color:var(--purple);margin:0 15px;font-size:30px}.features-section{background-color:#fff}.features-grid{grid-template-columns:repeat(4,1fr);gap:30px;margin-top:20px;display:grid}.feature-card{text-align:center;background:#fff;border-radius:10px;padding:40px 20px;transition:transform .3s;box-shadow:0 5px 20px #0000000d}.feature-card:hover{transform:translateY(-10px)}.feature-icon{margin-bottom:20px}.feature-icon img{height:150px}.feature-title{color:#333;margin-bottom:20px;font-size:20px}.feature-desc{color:#556971;font-size:16px}.products-section{background:url(./cpzx-bg-BrR0H_12.png) 50%/cover no-repeat}.title-bg{width:174px;height:3px;margin-bottom:34px}.title-bg img{width:100%;height:100%}.product-content{justify-content:space-between;align-items:center;display:flex}.product-text{flex:1}.product-image{width:720px}.product-image img{width:100%;height:100%}.cpzx-subtitle{color:#333;text-transform:none;font-size:30px;font-style:normal}.product-list{margin-top:20px;list-style:none}.product-list li{align-items:flex-start;margin-bottom:25px;display:flex}.product-icon{flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;margin-right:12px;display:flex}.product-icon img{width:100%}.product-info h3{color:#333;margin-bottom:5px;font-size:20px}.product-info p{color:#556971;font-size:16px}.values-section{padding:50px 0}.values-grid{background:url(./hxjz-bg-CbvbaUYG.png) 50%/cover no-repeat;width:100%;max-width:1204px;height:157px;margin:5px auto 0}.services-section{background-color:#fff;padding-top:30px}.services-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:30px;display:grid}.service-card{background:#fff;border-radius:5px;min-width:0;height:480px;padding:80px 30px;transition:all .3s;box-shadow:0 0 27px #5d0ef80d}.service-card:hover{border-color:var(--purple);transform:translateY(-5px)}.service-title{color:#f2efff;text-transform:uppercase;font-family:AlibabaPuHuiTiH;font-size:24px;font-style:normal;display:flex}.service-title img{height:30px;margin-top:18px;margin-right:16px}.first,.second,.third,.fourth{width:100%;position:relative}.first:before{content:"专业技术支持";color:#333;font-size:26px;position:absolute;top:12px;left:0}.second:before{content:"项目实施服务";color:#333;font-size:26px;position:absolute;top:12px;left:0}.third:before{content:"定制化开发";color:#333;font-size:26px;position:absolute;top:12px;left:0}.fourth:before{content:"持续运维";color:#333;font-size:26px;position:absolute;top:12px;left:0}.service-desc{color:#333;text-align:justifyLeft;margin:118px 0 34px;font-family:Adobe Heiti Std;font-size:16px;font-style:normal;line-height:24px}.service-desc-en{color:#bbc2c8;text-align:justifyLeft;text-transform:none;font-family:AlibabaPuHuiTiR;font-size:12px;font-style:normal;line-height:24px}footer{background:url(./bottom-bg-bjuPggjZ.png) 50%/cover no-repeat;border-top:1px solid #eee;width:100%;padding:60px 0 30px}.footer-content{align-items:center;margin-bottom:40px;display:flex}.footer-left{flex-direction:column;align-items:flex-start;gap:20px;margin-right:77px;display:flex}.about-title{color:#333;font-size:20px}.about-text{color:#333;padding-left:4px;font-size:16px}.footer-logo{color:#333;font-size:24px;font-weight:700;display:block}.footer-logo img{width:160px;height:102px}.footer-links{align-items:flex-start;width:100%;display:flex}.footer-links li{margin-right:12%}.footer-links a{color:#333;font-size:16px}.footer-contact{gap:8%;width:100%;display:flex}.footer-contact p{color:#666;align-items:center;gap:10px;font-size:14px;display:flex}.copyright{text-align:center;color:#999;border-top:1px solid #ddd;width:100%;padding-top:20px;font-size:14px}.copyright a{color:#999;text-decoration:none}.copyright a:hover{text-decoration:underline}.web{display:block}.h5{display:none}.bg-shape{background:linear-gradient(45deg, var(--light-blue), var(--purple));opacity:.1;border-radius:50%;position:absolute}.shape1{z-index:0;width:300px;height:300px;top:-150px;right:-150px}.shape2{z-index:0;width:200px;height:200px;bottom:-100px;left:-100px}.menu-toggle{cursor:pointer;background:0 0;border:none;flex-direction:column;justify-content:space-between;width:30px;height:24px;padding:0;display:none}.menu-toggle span{background-color:#333;border-radius:2px;width:100%;height:3px;transition:all .3s}.menu-toggle.active span:first-child{transform:rotate(-45deg)translate(-6px,6px)}.menu-toggle.active span:nth-child(2){opacity:0}.menu-toggle.active span:nth-child(3){transform:rotate(45deg)translate(-6px,-6px)}.sidebar-overlay{z-index:1001;opacity:0;visibility:hidden;background-color:#00000080;width:100%;height:100%;transition:all .3s;position:fixed;top:0;left:0}.sidebar-overlay.active{opacity:1;visibility:visible}.sidebar{z-index:1002;background-color:#fff;flex-direction:column;align-items:center;width:50%;max-width:320px;height:100%;padding-top:80px;transition:right .3s;display:flex;position:fixed;top:0;right:-100%}.sidebar.active{right:0}.sidebar-close{cursor:pointer;background:0 0;border:none;flex-direction:column;justify-content:center;align-items:center;width:36px;height:36px;padding:0;display:flex;position:absolute;top:20px;right:20px}.sidebar-close span{background-color:#333;border-radius:2px;width:24px;height:3px;position:absolute}.sidebar-close span:first-child{transform:rotate(45deg)}.sidebar-close span:nth-child(2){transform:rotate(-45deg)}.sidebar-links{flex-direction:column;align-items:flex-end;gap:40px;display:flex}.sidebar-link{color:#333;font-family:Microsoft YaHei,PingFang SC,sans-serif;font-size:24px;transition:color .3s}.sidebar-link:hover{color:var(--primary-blue)}@media (width<=992px){.hero-section{text-align:center;flex-direction:column;padding-top:100px;padding-bottom:50px}.hero-content{margin-bottom:40px;padding-right:0}.hero-text{margin:0 auto 20px}.features-grid,.values-grid,.services-grid{grid-template-columns:repeat(2,1fr)}.product-content{flex-direction:column}}@media (height<=800px){.hero-section{height:600px!important}}@media (width<=768px){.nav-links{display:none}.menu-toggle{display:flex}.products-section{background:url(./cpzx-bg_h5-vM0BUhDN.png) 50%/cover no-repeat}h1{font-size:36px}.subtitle,.cpzx-subtitle{font-size:20px}.features-grid{grid-template-columns:repeat(2,1fr)}.values-grid{grid-template-columns:1fr}.services-grid{grid-template-columns:repeat(2,1fr);gap:10px}.footer-content{flex-direction:column;align-items:flex-start;gap:30px}.title{font-size:36px}.subtitle{font-size:28px}.hero-text{margin-bottom:10px;font-size:16px}.section-title{font-size:20px}.feature-card{padding:25px 15px}.feature-icon img{height:100px}.feature-title{font-size:18px}.feature-desc{font-size:14px}.product-image{width:100%;margin-top:20px}.product-info h3{font-size:18px}.product-info p{font-size:14px}.service-card{height:auto;padding:30px 10px}.service-title{font-size:16px}.service-title img{height:24px;margin-top:10px;margin-right:10px}.first,.second,.third,.fourth{width:100%;position:relative}.first:before{content:"专业技术支持";color:#333;font-size:18px;position:absolute;top:8px;left:0}.second:before{content:"项目实施服务";color:#333;font-size:18px;position:absolute;top:8px;left:0}.third:before{content:"定制化开发";color:#333;font-size:18px;position:absolute;top:8px;left:0}.fourth:before{content:"持续运维";color:#333;font-size:18px;position:absolute;top:8px;left:0}.service-desc{margin:60px 0 20px;font-size:14px}.service-desc-en{font-size:12px}.footer-logo img{width:120px;height:77px}.about-title{font-size:20px}.about-text{font-size:14px}.footer-links{display:none}.footer-links li{margin-right:8%}.footer-contact{flex-direction:column;justify-content:center;align-items:flex-start;gap:10px}.footer-left{align-items:flex-start;margin-right:0}.web{display:none}.h5{display:block}footer{background:url(./bottom-bg_h5-Cgv5ekV3.png) 50%/cover no-repeat}.hero-section{text-align:left;background:url(./banner1@2x_h5-RTDSYmul.png) 50%/cover no-repeat;justify-content:center;align-items:flex-start;height:auto;min-height:600px}.hxjz{width:80%;height:60vh;margin:0 auto}.hxjz img{width:100%;height:100%}}