.banner-box .swiper-slide .box a:hover,.block-box .info-box a:hover,.example-box .item-box .item1 .hover-box .btn-primary:hover{opacity:.7}.banner-box .swiper-slide{padding:83px 0 80px;height:730px;text-align:center;background-color:#ff841d}.banner-box .swiper-slide img{display:block}.banner-box .swiper-slide .wz{color:#fff}.banner-box .swiper-slide b{font-size:50px;font-weight:500}.banner-box .swiper-slide p{font-size:24px;line-height:40px;margin:20px 0}.banner-box .swiper-slide span{font-size:16px;display:block;line-height:40px}.banner-box .swiper-slide .box{text-align:left;width:460px}.banner-box .swiper-slide .box a{color:#fff;font-size:16px;border-radius:25px;border:1px solid #fff;display:inline-block;justify-content:center;align-items:center;width:165px;height:40px;line-height:40px;cursor:pointer;transition:all .4s;background:0 0;margin:40px 10px 40px 0}.banner-box .swiper-slide .box a.btn-primary{color:#ff6726;background:#fff;border-color:#fff}.banner-box .swiper-slide .box a.icon:before{font-size:22px;margin-right:10px}.programme-box{text-align:center;padding:60px 0;background-image:url(/usr/voosite/templet/images/202304/bg_p1.jpg);background-repeat:no-repeat;background-position:center bottom;background-size:cover;transform:translateY(50px);opacity:0;transition:.5s}.programme-box.show{transform:translateY(0);opacity:1}.programme-box .title{font-size:36px;line-height:64px}.programme-box .des{font-size:18px;line-height:44px}.programme-box .tabs-warp{padding:40px 0 0}.programme-box .tabs-warp .tabs-box{bottom:0;left:0;right:0;display:flex;border-bottom:1px solid #d4dae0}.programme-box .tabs-warp .tabs-box a{flex:1;line-height:70px;position:relative;font-size:20px;color:#252b38;text-align:center;transition:.5s}.programme-box .tabs-warp .tabs-box a:after{height:2px;background:#ff6726;content:"";position:absolute;bottom:-1px;left:100%;right:100%;transition:.5s}.programme-box .tabs-warp .tabs-box a.active,.programme-box .tabs-warp .tabs-box a:hover{color:#ff6726}.programme-box .tabs-warp .tabs-box a.active:after,.programme-box .tabs-warp .tabs-box a:hover:after{left:20%;right:20%}.programme-box .tabs-warp .content-box{padding:60px 0 0;min-height:614px;position:relative}.programme-box .tabs-warp .content-box .content{padding:60px 0 0;position:absolute;left:0;right:0;top:0;text-align:left;transition:.5s;opacity:0}.programme-box .tabs-warp .content-box .content.active{opacity:1;display:flex}.programme-box .tabs-warp .content-box .content.active .pic{opacity:1;transform:translateY(0)}.programme-box .tabs-warp .content-box .content .info-box{width:540px}.programme-box .tabs-warp .content-box .content .info-box .name{font-size:50px;line-height:100px}.programme-box .tabs-warp .content-box .content .info-box .brief{font-size:22px;color:#707882;line-height:40px}.programme-box .tabs-warp .content-box .content .info-box .key{color:#ff6726}.programme-box .tabs-warp .content-box .content .info-box ul{margin-top:60px}.programme-box .tabs-warp .content-box .content .info-box ul li{font-size:22px;line-height:50px}.programme-box .tabs-warp .content-box .content .pic{text-align:right;transform:translateY(50px);transition:.5s;opacity:0}.title-box{background:#fff;padding:60px 0;transform:translateY(50px);opacity:0;transition:.5s}.title-box.show{transform:translateY(0);opacity:1}.title-box .title{font-size:36px;line-height:64px;text-align:center}.title-box .des{font-size:18px;line-height:44px;text-align:center}.block-box{background:#fff;overflow:hidden;position:relative;transform:translateY(50px);opacity:0;transition:.5s}.block-box.show{transform:translateY(0);opacity:1}.block-box .title{font-size:36px;line-height:64px;text-align:center}.block-box .des{font-size:18px;line-height:44px;text-align:center}.block-box .public-container{height:100%;position:relative}.block-box .info-box{width:440px;padding:20px 0}.block-box .info-box span{font-size:30px;font-weight:700;color:#1e2431;position:relative}.block-box .info-box span:after{height:4px;width:60px;background:#29313b;content:"";position:absolute;bottom:-20px;left:0}.block-box .info-box p{font-size:14px;color:#7a8190;margin-top:50px;line-height:24px}.block-box .info-box a{color:#29313b;font-size:16px;border-radius:5px;border:1px solid #29313b;display:inline-block;justify-content:center;align-items:center;width:auto;white-space:nowrap;padding:0 44px;height:40px;line-height:40px;cursor:pointer;transition:all .4s;background:0 0;margin:44px 10px 0 0}.block-box .info-box a.btn-primary{color:#fff;background:#ff6726;border-color:#ff6726}.block-box .info-box a.icon:before{font-size:22px;margin-right:10px}.block-box .info-box ul li{padding:10px 36px;border-radius:5px;cursor:pointer}.block-box .info-box ul li+li{margin-top:20px}.block-box .info-box ul li:before{content:"";width:22px;height:22px;background:#ffe1d4;display:block;border-radius:22px;z-index:0;position:absolute;margin:3px -6px;transition:.5s;transform:scale(.1);opacity:0}.block-box .info-box ul li .name{font-size:22px;color:#1e2431;line-height:42px;position:relative}.block-box .info-box ul li .brief{display:none;font-size:16px;color:#7a8190;line-height:28px}.block-box .info-box ul li.active{box-shadow:0 0 20px rgba(255,103,38,.1)}.block-box .info-box ul li.active:before{transform:scale(1);opacity:1}.block-box .info-box ul li.active .brief{display:block}.block-box .pic{width:840px;text-align:center;position:absolute;right:0;bottom:0;height:559px;background:center bottom no-repeat;transform:translateY(50px);transition:.5s;transition-delay:.27s;opacity:0}.block-box .pic.active{display:block;transform:translateY(0);opacity:1}.backend-box,.example-box{transform:translateY(50px)}.block-box.block-box-style1{background:url(/usr/voosite/templet/images/202304/block_bg.jpg) center center no-repeat #fff;background-size:cover}.block-box.block-box-style1 .public-container{min-height:559px}.block-box.block-box-style2{padding:100px 0 0;background:url(/usr/voosite/templet/images/202304/block_bg2.jpg) center center no-repeat #f7f9fb;background-size:cover}.block-box.block-box-style2 .public-container{min-height:559px;justify-content:right}.block-box.block-box-style2 .pic{right:auto;left:0}.example-box{position:relative;padding-top:50px;opacity:0;transition:.5s}.example-box.show{transform:translateY(0);opacity:1}.example-box .swiper-example{margin-top:30px}.example-box .item-box{transition-timing-function:linear}.example-box .item-box .item1{display:block;overflow:hidden;background-color:#fff;box-shadow:0 0 14px #eee;float:left;margin:15px 10px;border-radius:10px;transition:all .5s;padding:15px}.example-box .item-box .item1:hover .hover-box{opacity:1}.example-box .item-box .item1 .hover-box{position:absolute;left:0;top:0;background:#fff;bottom:0;right:0;transition:.5s;opacity:0;padding:15px}.example-box .item-box .item1 .hover-box .pic{height:2.1rem;position:relative;background-size:cover;background-repeat:no-repeat;background-position:center;border-radius:5px}.example-box .item-box .item1 .hover-box .pic .img{width:100%;height:204px;margin:0 auto;color:#fff;font-size:40px;text-align:center;line-height:44px}.example-box .item-box .item1 .hover-box .btn-primary{color:#fff;font-size:15px;border-radius:25px;border:1px solid #fff;display:block;justify-content:center;align-items:center;width:120px;height:38px;line-height:38px;cursor:pointer;transition:all .4s;background:0 0;margin:15px auto 0}.example-box .item-box .item1 .hover-box .btn-primary.btn-primary{color:#fff;background:#ff6726;border-color:#ff6726}.example-box .item-box .item1 .hover-box .btn-primary.icon:before{font-size:22px;margin-right:10px}.example-box .item-box .item1 .logo-box{height:60px;height:2.1rem;overflow:hidden;display:table;position:relative;width:100%}.example-box .item-box .item1 .logo-box .logo-cell{display:table-cell;height:2.1rem;vertical-align:middle;text-align:center}.example-box .item-box .item1 .logo-box .logo-cell img{width:auto;max-width:75%;max-height:2.1rem}.example-box .item-box .item1 .logo-box .view{color:#ff6726;font-size:16px;position:absolute;right:0;bottom:10px}.example-box .item-box .item1 .info-box{display:flex}.example-box .item-box .item1 .info{width:300px;flex:1;padding:0 15px 0 0;font-size:14px}.example-box .item-box .item1 .info .name{color:#323232;font-size:20px;line-height:60px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:center}.example-box .item-box .item1 .info .brief{font-size:16px;color:#666;line-height:24px;height:48px;margin-top:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;text-align:justify}.example-box .item-box .item1 .info a.btn-use{display:block;background-color:#377dff;color:#fff;text-align:center;line-height:50px;margin-top:20px;border-radius:5px}.example-box .item-box .item1 .info a.link{display:inline-block;line-height:22px;color:#007eef;margin-top:20px}.example-box .item-box .item1 .info ul{margin-top:10px}.example-box .item-box .item1 .info ul li{color:#666;line-height:30px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.example-box .item-box .item1 .info ul li img{margin-right:5px;width:16px;height:16px;position:relative;top:-1px}.example-box .item-box .item{display:block;width:368px;height:306px;background:#fff;box-shadow:0 2px 18px 0 rgba(0,0,0,.09);float:left;margin-right:42px;margin-bottom:34px;border-radius:7px}.example-box .item-box .item:nth-of-type(3n){margin-right:0}.example-box .item-box .item .img-box{width:368px;height:206px;display:table-cell;vertical-align:middle;text-align:center}.example-box .item-box .item .img-box img{max-width:368px;max-height:206px}.example-box .item-box .item .info-box{padding:20px 34px}.example-box .item-box .item .info-box .name{font-size:20px;font-weight:600;color:#323232;line-height:28px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.example-box .item-box .item .info-box .tags{margin-top:12px}.example-box .item-box .item .info-box .tags span{display:inline-block;height:20px;background:#b5b8cd;border-radius:10px;font-size:14px;font-weight:400;color:#fff;text-align:center;padding:0 5px}.backend-box,.service-box{background-color:#f7f9fb;background-repeat:no-repeat;transition:.5s}.backend-box{text-align:center;padding:60px 0;background-position:center bottom;background-size:cover;opacity:0}.backend-box.show{transform:translateY(0);opacity:1}.backend-box .title{font-size:36px;line-height:64px}.backend-box .des{font-size:18px;line-height:44px}.backend-box .tabs-warp{padding:40px 0 0}.backend-box .tabs-warp .tabs-box{bottom:0;left:0;right:0;display:flex;justify-content:center}.backend-box .tabs-warp .tabs-box a{line-height:40px;position:relative;font-size:20px;color:#1e2431;text-align:center;transition:.5s;border:2px solid #ff6726;margin:0 20px;padding:0 20px;border-radius:40px}.backend-box .tabs-warp .tabs-box a.active,.backend-box .tabs-warp .tabs-box a:hover{background:#ff6726;color:#fff;border-color:#ff6726}.backend-box .tabs-warp .content-box{padding:60px 0 0;min-height:712px;position:relative}.backend-box .tabs-warp .content-box .content{padding:60px 0 0;position:absolute;left:0;right:0;top:0;text-align:left;transform:translateY(50px);transition:.5s;opacity:0}.backend-box .tabs-warp .content-box .content.active{opacity:1;transform:translateY(0);display:flex}.backend-box .tabs-warp .content-box .content .info-box{width:540px}.backend-box .tabs-warp .content-box .content .info-box .name{font-size:50px;line-height:100px}.backend-box .tabs-warp .content-box .content .info-box .brief{font-size:22px;color:#707882;line-height:40px}.backend-box .tabs-warp .content-box .content .info-box .key{color:#ff6726}.backend-box .tabs-warp .content-box .content .info-box ul{margin-top:60px}.backend-box .tabs-warp .content-box .content .info-box ul li{font-size:22px;line-height:50px}.backend-box .tabs-warp .content-box .content .pic{text-align:right}.service-box{text-align:center;padding:60px 0;background-image:url(/usr/voosite/templet/images/202304/2-1网站建设产品切图/售后服务背景.jpg);background-position:center bottom;background-size:cover;transform:translateY(50px);opacity:0}.service-box.show{transform:translateY(0);opacity:1}.service-box .title{font-size:36px;color:#fff;line-height:64px}.service-box .des{font-size:18px;color:#8e98aa;line-height:44px}.service-box .items{display:flex;justify-content:center;margin:90px 0}.service-box .items .item-box{margin:0 40px}.service-box .items .item-box .name{color:#fff;font-size:20px;line-height:80px}.free-box .content .text-box .des{color:#ffccae}.free-box .content .use-box button{background:linear-gradient(90deg,#ff6321 0,#ffa067 100%)}