.el-icon-arrow-down[data-v-ecaa573c]:before{content:""}[data-v-ecaa573c]{margin:0;padding:0}.el-icon-arrow-down:before{content:""}.page-production{padding-top:75px}.page-production .title{padding:127px 0 30px;font-size:30px;font-weight:600;color:#333;text-align:center}.page-production .building-intro-txt{color:#333;background:linear-gradient(0deg,#d0e3ff,#dfecff);text-align:left;font-weight:500}.page-production .building-intro-txt .banner{position:relative;width:1200px;height:400px;margin:0 auto auto}.page-production .building-intro-txt .banner img{position:absolute;right:0;bottom:0;width:618px;height:336px}.page-production .building-intro-txt h1{font-weight:600;font-size:38px;color:#000;line-height:53px;text-align:left}.page-production .building-intro-txt p{margin-bottom:10px;font-weight:400;font-size:17px;color:#333;line-height:1}.page-production .building-intro-txt a{margin-top:20px;display:inline-block;padding:10px 25px;font-size:18px;border-radius:4px;background:#2578e3;color:#fff}.page-production .container{margin:0 auto auto;width:1080px}.page-production .tab-box{padding-top:70px;margin-bottom:48px;border-bottom:2px solid #e4e7ed}.page-production .tab-box h2{padding:0;margin:0;display:inline;font-size:18px}.page-production .tab{margin:0 auto auto;width:1080px}.page-production .tab .el-tabs__nav-wrap{text-align:center}.page-production .tab .el-tabs__nav{float:none!important;display:inline-block}.page-production .tab .el-tabs__header{margin-bottom:-2px}.page-production .tab .el-tabs__item{padding:0 30px;font-size:18px}.page-production .tab-con img{width:560px;height:340px;border-radius:8px}.page-production .tab-con .tab-intro{position:relative;height:340px}.page-production .tab-con .tab-intro .tab-txt{position:absolute;left:80px;top:50%;transform:translateY(-50%);width:450px}.page-production .tab-con .tab-intro h3{font-size:20px;font-weight:500;color:#333}.page-production .tab-con .tab-intro h4{margin-top:23px;font-size:16px;font-weight:500;color:#333;line-height:24px}.page-production .tab-con .tab-intro p{margin-top:5px;font-size:14px;font-weight:400;color:#666;line-height:24px}.page-production .tab-con .tab-intro a{display:inline-block;margin-top:23px;color:#2578e3;font-size:14px}.page-production .bg-w{background:#fff!important}.page-production .intro-box{background:#f9f9f9}.page-production .intro-box .intro-mod{position:relative;margin:0 auto auto;width:1200px;height:509px}.page-production .intro-box .text{position:absolute;top:50%;transform:translateY(-50%)}.page-production .intro-box .text h2,.page-production .intro-box .text h3{margin-top:0;margin-bottom:30px;font-size:22px;line-height:34px;font-weight:500;color:#333}.page-production .intro-box .text p{padding:0;margin:0;font-size:15px;font-weight:400;color:#666;line-height:24px}.page-production .intro-box .text .el-button{margin-top:30px}.page-production .intro-box .img{position:absolute;top:50%;transform:translateY(-50%)}.page-production .intro-box .img img{width:100%;height:auto}.page-production .template-box{padding:80px 0;text-align:center}.page-production .template-box h2{margin-bottom:20px;font-weight:500;font-size:30px;color:#333}.page-production .template-box p{font-weight:400;font-size:18px;color:#666}.page-production .template-box .list{width:1200px;margin:20px auto auto;overflow:hidden}.page-production .template-box figure{float:left;position:relative;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-production .template-box figure:nth-child(5n){margin-right:0}.page-production .template-box 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-production .template-box figure .mask p{position:absolute;left:50%;top:50%;margin:0;width:60px;height:30px;font-size:14px;background-color:#277ff2;color:#fff;line-height:30px;border-radius:4px;text-align:center;transform:translate(-50%,-50%)}.page-production .template-box figure .img-box{position:relative;width:200px;height:360px;overflow:hidden}.page-production .template-box 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-production .template-box figure h3{margin-top:30px;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap;font-size:15px;font-weight:600;color:#333}.page-production .template-box 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-production .template-box figure:hover .mask{opacity:1}.page-production .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-production .template-box .btn-all:hover{background:#1b6cd3}.page-production .bg-c{background:#f3f7fc}