.el-icon-arrow-down:before{content:""}.page-app-common{padding-top:75px}.page-app-common a,.page-app-common article,.page-app-common dd,.page-app-common dl,.page-app-common dt,.page-app-common h1,.page-app-common h2,.page-app-common h3,.page-app-common p,.page-app-common section{padding:0;margin:0}.page-app-common .mt-32{margin-top:32px}.page-app-common .mt-14{margin-top:14px}.page-app-common .container{width:1200px;margin:0 auto;display:flex;justify-content:space-between}.page-app-common .banner{padding-top:70px;height:400px;background:#daecfe;background-size:auto 100%;color:#333;line-height:1}.page-app-common .banner h1{font-weight:500;font-size:38px;color:#222;line-height:53px}.page-app-common .banner p{font-weight:400;font-size:17px;color:#333;line-height:30px}.page-app-common .banner a{margin-top:40px;display:block;width:124px;height:44px;line-height:44px;background:#2578e3;border-radius:5px;text-align:center;font-size:16px;font-weight:500;color:#fff}.page-app-common .banner .img img{width:546px}.page-app-common .intro-box{height:570px}.page-app-common .intro-box .container{align-items:center;height:570px}.page-app-common .intro-box img{width:588px}.page-app-common .intro-box h2{margin-bottom:40px;font-weight:600;font-size:28px;color:#333;line-height:38px}.page-app-common .intro-box h3{margin-top:32px;margin-bottom:18px;font-weight:500;font-size:20px;color:#333}.page-app-common .intro-box p{font-weight:400;font-size:15px;color:#666;line-height:24px}.page-app-common .intro-box a{margin-top:30px;display:block;width:130px;height:40px;line-height:40px;background:#2578e3;border-radius:5px;font-weight:500;font-size:16px;color:#fff;text-align:center;transition:background .3s}.page-app-common .intro-box a:hover{background:#1b6cd3}.page-app-common .template-box{padding:80px 0;text-align:center}.page-app-common .template-box h2{margin-bottom:20px;font-weight:500;font-size:30px;color:#333}.page-app-common .template-box p{font-weight:400;font-size:18px;color:#666}.page-app-common .template-box .list{width:1200px;margin:20px auto auto}.page-app-common .template-box .list:after{content:"";display:table;clear:both}.page-app-common .template-box .list figure{display:block;position:relative;float:left;padding:10px;margin:24px 24px 40px 0;width:220px;height:380px;background:#fff;box-shadow:0 2px 10px 0 rgba(23,47,67,.12);border-radius:6px;cursor:pointer;transition:all .2s}.page-app-common .template-box .list figure .mask{position:absolute;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,.25);border-radius:6px;z-index:9;opacity:0;transition:opacity .5s}.page-app-common .template-box .list figure .mask p{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);margin:0;width:60px;height:30px;background-color:#277ff2;color:#fff;line-height:30px;border-radius:4px;text-align:center}.page-app-common .template-box .list figure .txt-intro{padding:16px 16px 12px}.page-app-common .template-box .list figure .img-box{position:relative;width:200px;height:360px;overflow:hidden}.page-app-common .template-box .list figure img{position:absolute;left:0;top:0;width:200px;height:360px;-o-object-fit:cover;object-fit:cover;transition:all .2s;transform:scale(1);border-radius:3px}.page-app-common .template-box .list figure h2,.page-app-common .template-box .list figure h3{margin-top:30px;text-align:center;font-size:15px;font-weight:600;color:#333;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.page-app-common .template-box .list figure p{margin-top:8px;font-size:13px;font-weight:400;color:#666;line-height:16px;height:32px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.page-app-common .template-box .list figure span{margin-top:18px;margin-right:6px;padding:2px 4px;display:inline-block;font-size:12px;font-weight:400;color:#888;line-height:16px;background:#f5f5f6;border-radius:2px}.page-app-common .template-box .list figure .new{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);margin:0;padding:0;text-align:center}.page-app-common .template-box .list figure .new dd,.page-app-common .template-box .list figure .new dt{margin:0;padding:0}.page-app-common .template-box .list figure .new .btn{position:relative;margin:0 auto auto;width:44px;height:44px;border-radius:50%;background-color:rgba(37,120,227,.1);transition:background-color .5s}.page-app-common .template-box .list figure .new .btn span{margin:0;padding:0;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:0;color:#2578e3;font-size:20px;font-weight:700;transition:color .5s}.page-app-common .template-box .list figure .new dt{margin-top:16px;font-size:16px;font-weight:500;color:#333}.page-app-common .template-box .list figure:nth-child(5n){margin-right:0}.page-app-common .template-box .list figure:hover{transform:translateY(-12px);box-shadow:0 2px 10px 0 rgba(23,47,67,.2);box-shadow:0 3px 10px 0 rgba(23,47,67,.12)}.page-app-common .template-box .list figure:hover .mask{opacity:1}.page-app-common .template-box .list figure:hover .new .btn{background-color:#2578e3}.page-app-common .template-box .list figure:hover .new .btn span{color:#fff}.page-app-common .template-box .btn-all{margin-top:50px;display:inline-block;width:150px;height:40px;line-height:40px;text-align:center;background:#2578e3;border-radius:5px;font-weight:500;font-size:16px;color:#fff;transition:background .3s}.page-app-common .template-box .btn-all:hover{background:#1b6cd3}.page-app-common .link-box{padding:80px 0;text-align:center;background:#fff}.page-app-common .link-box h2{margin:0;font-size:32px;font-weight:500;color:#333}.page-app-common .link-box ul{width:1200px;margin:40px auto auto;display:flex;flex-wrap:wrap;grid-gap:20px;gap:20px}.page-app-common .link-box ul li{padding:20px 24px;width:285px;height:150px;background:#fff;border-radius:15px;transition:all .3s}.page-app-common .link-box ul li:hover{box-shadow:0 3px 10px 0 rgba(23,47,67,.12)}.page-app-common .link-box ul li:hover .app-txt h3{color:#2578e3}.page-app-common .link-box ul li a{height:150px;text-align:center}.page-app-common .link-box ul li .img{margin:0 auto auto;width:34px;height:34px;border-radius:50%;border:1px solid #2578e3;color:#fff;background:#2578e3;font-size:20px;text-align:center;line-height:31px}.page-app-common .link-box ul li .app-txt{margin-top:16px}.page-app-common .link-box ul li .app-txt h3,.page-app-common .link-box ul li .app-txt p{padding:0;margin:0}.page-app-common .link-box ul li .app-txt h3{font-weight:500;font-size:20px;color:#333;transition:all .3s}.page-app-common .link-box ul li .app-txt p{margin-top:8px;font-weight:400;font-size:15px;color:#666;line-height:24px}.page-app-common .bg-c{background:#f3f7fc}.page-app-production .banner{background:#b9dbfe;overflow:hidden}.page-app-production .banner .container{position:relative}.page-app-production .banner .circle{position:absolute;top:-150px;left:400px;width:152px;height:141px;border-radius:50%;background:#017aff;opacity:.05;filter:blur(2px)}.page-app-production .banner .circle2{top:260px;left:300px;width:198px;height:198px}.page-app-production .banner .img img{width:616px}