footer .content,.container .client-presentation .content,.container .classic-case-border .classic-case,.container .system-display,.container .manage-border .manage,.container .protect-border .manage,.container .server-border .manage,.container .solution,.container .company-introdution-boder .company-introdution,.container .product-service,.container .banner .banner-image .banner-content,header .header-fix .content{width:1200px;margin:0 auto}.container .company-introdution-boder .company-introdution .grid-text,.container .product-service .grid-box .grid-content .grid-text{color:#999;flex-direction:column;justify-content:space-around;align-items:center;font-size:14px;line-height:20px;display:flex}html .icon,body .icon{fill:currentColor;width:40px;height:40px;display:block;overflow:hidden}.min-header,.container .digital-resources,.container .min-system-display,.container .digital-services,.container .digital-communication,.container .min-classic-case,.container .min-client-presentation,.min-contact-us{display:none}header{height:90px}header .header-fix .content{flex-direction:row;justify-content:space-between;align-items:center;height:90px;display:flex}header .header-fix .content .company-icon{width:206px;height:56px}header .header-fix .content .company-icon img{width:100%;height:100%}header .header-fix .content .nav-list{flex-direction:row;justify-content:space-between;align-items:center;height:100%;display:flex}header .header-fix .content .nav-list li{box-sizing:border-box;cursor:pointer;height:100%;margin:0 10px}header .header-fix .content .nav-list li a{color:#666;width:100%;height:100%;padding:10px;font-size:16px;line-height:60px;text-decoration:none;display:inline-block}header .header-fix .content .nav-list li.active{border-bottom:6px solid #a13858}header .header-fix .content .nav-list li.active a{color:#a13858}header .header-fix.header-active{z-index:2;background-color:#fff;width:100%;position:fixed;top:0;box-shadow:0 3px 7px #00000029}.container .banner{width:100%;position:relative}.container .banner .banner-image{clear:both;width:100%;position:relative}.container .banner .banner-image img{width:100%}.container .banner .banner-image .banner-content{color:#fff;flex-direction:column;justify-content:center;align-items:flex-start;width:600px;height:100%;margin-left:-600px;display:flex;position:absolute;top:0;left:50%}.container .banner .banner-image .banner-content .title-text{font-size:18px}.container .banner .banner-image .banner-content .title{margin-top:20px;font-size:48px}.container .banner .banner-image .banner-content .text{max-width:100%;margin-top:36px;line-height:24px}.container .banner .banner-image .banner-content .button{margin-top:92px}.container .banner .banner-image .banner-content .use-sys{margin-top:40px}.container .banner .banner-image .banner-content2{width:400px}.container .banner .banner-image .banner-content2 .title{margin-top:20px;font-size:30px}.container .product-service{padding-top:100px}.container .product-service .header{text-align:center}.container .product-service .header .title{color:#333;font-size:36px}.container .product-service .header .explain{color:#888;margin-top:10px;font-size:22px}.container .product-service .grid-box{flex-direction:row;justify-content:space-around;align-items:center;margin-top:80px;display:flex}.container .product-service .grid-box .grid-content{text-align:center}.container .product-service .grid-box .grid-content .grid-text{margin-top:46px;position:relative}.container .product-service .grid-box .grid-content .grid-text:before{content:"";background:#bfbfbf;width:30px;height:1px;margin-left:-15px;position:absolute;top:-25px;left:50%}.container .company-introdution-boder{background-image:url(公司介绍.99c19fc1.png);background-size:100% 100%;width:100%;height:310px;margin-top:80px}.container .company-introdution-boder .company-introdution{clear:both;color:#fff;height:100%;padding-top:70px;position:relative}.container .company-introdution-boder .company-introdution .header{text-align:center}.container .company-introdution-boder .company-introdution .header .title{color:#fff;font-size:36px}.container .company-introdution-boder .company-introdution .header .explain{color:#fff;margin-top:10px;font-size:22px}.container .company-introdution-boder .company-introdution .grid-text{color:#fff;margin-top:29px}.container .solution{padding-top:100px;padding-bottom:80px}.container .solution .header{text-align:center}.container .solution .header .title{color:#333;font-size:36px}.container .solution .header .explain{color:#888;margin-top:10px;font-size:22px}.container .solution .grid-box{flex-direction:row;justify-content:space-around;align-items:center;margin-top:80px;display:flex}.container .solution .grid-box .grid-content{background:#fff;flex-direction:column;justify-content:flex-start;align-items:center;width:320px;height:270px;padding:20px 30px 0;display:flex;box-shadow:0 3px 7px #00000029}.container .solution .grid-box .grid-content .grid-text{color:#666;text-align:justify;width:100%;margin-top:20px;font-size:14px;line-height:26px}.container .solution .grid-box .grid-content .grid-text .red{color:#a13858}.container .manage-border,.container .protect-border,.container .server-border{background-image:url(综合解决方案.164d8dea.png);background-size:100% 100%;width:100%;height:1080px;position:relative}.container .manage-border .manage,.container .protect-border .manage,.container .server-border .manage{clear:both;height:100%;position:relative}.container .manage-border .manage .content,.container .protect-border .manage .content,.container .server-border .manage .content{flex-direction:row;justify-content:space-between;align-items:flex-start;padding-top:350px;display:flex}.container .manage-border .manage .content .left,.container .protect-border .manage .content .left,.container .server-border .manage .content .left{color:#999;flex-direction:column;justify-content:flex-start;align-items:flex-start;max-width:600px;height:450px;display:flex}.container .manage-border .manage .content .left .header,.container .protect-border .manage .content .left .header,.container .server-border .manage .content .left .header{font-size:28px}.container .manage-border .manage .content .left .header .title,.container .protect-border .manage .content .left .header .title,.container .server-border .manage .content .left .header .title{color:#fff}.container .manage-border .manage .content .left .header .title .blue,.container .protect-border .manage .content .left .header .title .blue,.container .server-border .manage .content .left .header .title .blue{color:#39e0e8}.container .manage-border .manage .content .left .header .explation,.container .protect-border .manage .content .left .header .explation,.container .server-border .manage .content .left .header .explation{font-size:18px}.container .manage-border .manage .content .left .text,.container .protect-border .manage .content .left .text,.container .server-border .manage .content .left .text{color:#999;max-width:100%;margin-top:36px;font-size:14px;line-height:20px}.container .manage-border .manage .content .left .icon-list,.container .protect-border .manage .content .left .icon-list,.container .server-border .manage .content .left .icon-list{flex-direction:row;justify-content:flex-start;align-items:center;width:100%;margin-top:auto;display:flex}.container .manage-border .manage .content .left .icon-list li,.container .protect-border .manage .content .left .icon-list li,.container .server-border .manage .content .left .icon-list li{cursor:pointer;flex-direction:column;justify-content:flex-end;align-items:flex-start;width:25%;height:90px;display:flex}.container .manage-border .manage .content .left .icon-list li span,.container .protect-border .manage .content .left .icon-list li span,.container .server-border .manage .content .left .icon-list li span{margin-top:16px;font-size:14px}.container .manage-border .manage .content .left .icon-list li.active,.container .protect-border .manage .content .left .icon-list li.active,.container .server-border .manage .content .left .icon-list li.active{animation:.1s linear alternate both fade}@keyframes fade{to{color:#39e0e8}}.container .manage-border .manage .content .left .icon-list li.active .icon,.container .protect-border .manage .content .left .icon-list li.active .icon,.container .server-border .manage .content .left .icon-list li.active .icon{animation:.1s linear alternate both zoom}@keyframes zoom{0%{width:40px;height:40px}to{width:60px;height:60px}}.container .manage-border .manage .content .left .view-detail,.container .protect-border .manage .content .left .view-detail,.container .server-border .manage .content .left .view-detail{cursor:pointer;margin-top:64px}.container .manage-border .manage .content .right,.container .protect-border .manage .content .right,.container .server-border .manage .content .right{margin-left:120px;position:relative}.container .manage-border .manage .content .right:after,.container .protect-border .manage .content .right:after,.container .server-border .manage .content .right:after{content:"";background-color:#39e0e8;border-radius:2px;width:136px;height:10px;position:absolute;top:-10px;right:-10px}.container .manage-border .manage .content .right:before,.container .protect-border .manage .content .right:before,.container .server-border .manage .content .right:before{content:"";background-color:#39e0e8;border-radius:2px;width:10px;height:136px;position:absolute;top:-10px;right:-10px}.container .manage-border .manage .content .right .right2:after,.container .protect-border .manage .content .right .right2:after,.container .server-border .manage .content .right .right2:after{content:"";background-color:#39e0e8;border-radius:2px;width:136px;height:10px;position:absolute;bottom:-6px;left:-10px}.container .manage-border .manage .content .right .right2:before,.container .protect-border .manage .content .right .right2:before,.container .server-border .manage .content .right .right2:before{content:"";background-color:#39e0e8;border-radius:2px;width:10px;height:136px;position:absolute;bottom:-6px;left:-10px}.container .manage-border .manage .content .right .right2 img,.container .protect-border .manage .content .right .right2 img,.container .server-border .manage .content .right .right2 img{width:480px;height:330px;display:block}.container .manage-border .tooltip,.container .protect-border .tooltip,.container .server-border .tooltip{color:#666;margin-top:-60px;position:absolute;top:50%;right:40px}.container .manage-border .tooltip .tip,.container .protect-border .tooltip .tip,.container .server-border .tooltip .tip{margin-bottom:40px;font-size:14px}.container .manage-border .tooltip .tip a,.container .protect-border .tooltip .tip a,.container .server-border .tooltip .tip a{color:#666;padding-right:16px;text-decoration:none}.container .manage-border .tooltip .tip span,.container .protect-border .tooltip .tip span,.container .server-border .tooltip .tip span{background-image:radial-gradient(#666 2px,#0000 0);border-radius:50%;width:10px;height:10px;display:inline-block}.container .manage-border .tooltip .tip.active a,.container .protect-border .tooltip .tip.active a,.container .server-border .tooltip .tip.active a{color:#fff}.container .manage-border .tooltip .tip.active span,.container .protect-border .tooltip .tip.active span,.container .server-border .tooltip .tip.active span{box-sizing:border-box;background-color:#0000;background-image:radial-gradient(#39e0e8 2px,#0000 0);border:1px solid #39e0e8;border-radius:50%;width:10px;height:10px;display:inline-block}.container .manage-border .tooltip .decoration,.container .protect-border .tooltip .decoration,.container .server-border .tooltip .decoration{position:relative}.container .manage-border .tooltip .decoration:after,.container .protect-border .tooltip .decoration:after,.container .server-border .tooltip .decoration:after{content:"";background:#a0a0a0;width:1px;height:34px;position:absolute;top:-38px;right:5px}.container .system-display{padding-top:100px;padding-bottom:80px}.container .system-display .header{text-align:center}.container .system-display .header .title{color:#333;font-size:36px}.container .system-display .header .explain{color:#888;margin-top:10px;font-size:22px}.container .system-display .content{flex-direction:row;justify-content:space-between;align-items:flex-start;height:360px;margin-top:80px;display:flex}.container .system-display .content .left{flex-direction:column;justify-content:flex-start;align-items:flex-start;height:100%;display:flex}.container .system-display .content .left .left-header .title{color:#333;font-size:28px}.container .system-display .content .left .left-header .explation{color:#888;font-size:16px}.container .system-display .content .left .text{color:#666;max-width:600px;margin-top:30px;font-size:14px;line-height:24px}.container .system-display .content .left .navlist,.container .system-display .content .left .navlist2,.container .system-display .content .left .navlist3{flex-direction:row;justify-content:flex-start;align-items:center;width:100%;margin-top:auto;margin-bottom:40px;display:flex}.container .system-display .content .left .navlist li,.container .system-display .content .left .navlist2 li,.container .system-display .content .left .navlist3 li{color:#777;cursor:pointer;border-radius:4px;padding:10px 30px}.container .system-display .content .left .navlist li.active,.container .system-display .content .left .navlist2 li.active,.container .system-display .content .left .navlist3 li.active{color:#fff;background-color:#a13858}.container .system-display .content .right{margin-left:50px}.container .classic-case-border{background:#fafbfd;padding-top:100px;padding-bottom:80px}.container .classic-case-border .classic-case .header{text-align:center}.container .classic-case-border .classic-case .header .title{color:#333;font-size:36px}.container .classic-case-border .classic-case .header .explain{color:#888;margin-top:10px;font-size:22px}.container .classic-case-border .classic-case .content{margin-top:60px}.container .classic-case-border .classic-case .content .inside-content{flex-direction:row;justify-content:space-between;align-items:flex-start;height:318px;padding:20px 100px;display:flex}.container .classic-case-border .classic-case .content .inside-content .right{background-color:#fff;flex-direction:column;justify-content:flex-start;align-items:flex-start;height:calc(100% - 60px);padding:40px 60px 20px 40px;display:flex}.container .classic-case-border .classic-case .content .inside-content .right .title{color:#333;font-size:24px}.container .classic-case-border .classic-case .content .inside-content .right .text{color:#666;margin-top:20px;font-size:14px;line-height:22px}.container .classic-case-border .classic-case .content .inside-content .right .date{color:#888;margin-top:auto;font-size:16px}.container .client-presentation{padding-top:100px;padding-bottom:80px}.container .client-presentation .header{text-align:center}.container .client-presentation .header .title{color:#333;font-size:36px}.container .client-presentation .header .explain{color:#888;margin-top:10px;font-size:22px}.container .client-presentation .content{margin-top:100px;position:relative}.container .client-presentation .content .swiper-container2{margin:0 80px;overflow:hidden}.container .client-presentation .content .swiper-container2 .swiper-slide{text-align:center;justify-content:center;align-items:center;line-height:50px;display:flex}footer{background:#333;width:100%;height:324px;position:relative}footer:before{content:"";background-color:#a0a0a0;width:100%;height:2px;position:absolute;bottom:40px}footer .content{color:#999;flex-direction:row;justify-content:space-between;align-items:normal;height:calc(100% - 120px);padding:40px 0;font-size:14px;display:flex}footer .content .grid{flex-direction:column;justify-content:space-evenly;align-items:flex-start;display:flex}footer .content .grid .title{color:#fff}footer .content .grid .text span+span{margin-left:40px}