.ecology .banner{height:420px;background:url(../../static/img/banner_pic.5e95f9b7.png) no-repeat right 10px top 98px;background-size:590px 362px;-webkit-transition:all 1s;transition:all 1s;opacity:0;width:1200px;margin:0 auto;padding:40px 0 0 46px;-webkit-box-sizing:border-box;box-sizing:border-box}.ecology .banner .t1,.ecology .banner .t2{-webkit-transition:all 1s;transition:all 1s;-webkit-transform:translateY(50px);transform:translateY(50px);opacity:0;font-size:50px;font-weight:700;color:#3c3b3b;line-height:90px;letter-spacing:5px}.ecology .banner .t2 span{font-size:20px;font-weight:800;color:#3c3b3b;line-height:30px;display:inline-block;vertical-align:text-top}.ecology .banner .t3{font-size:22px;color:#222;line-height:29px;margin:30px 0 0 0}.ecology .banner .btn,.ecology .banner .t3{-webkit-transition:all 1s;transition:all 1s;-webkit-transform:translateY(50px);transform:translateY(50px);opacity:0}.ecology .banner .btn{width:200px;height:50px;background:#0e7bfb;border-radius:4px;display:block;font-size:20px;font-weight:400;color:#fff;line-height:50px;margin:33px 0 0 0;padding:0}.ecology .banner .btn:hover{background:rgba(14,123,251,.85)}.ecology .banner.active{background:url(../../static/img/banner_pic.5e95f9b7.png) no-repeat right 10px top 48px;background-size:590px 362px;opacity:1}.ecology .banner.active .btn,.ecology .banner.active .t1,.ecology .banner.active .t2,.ecology .banner.active .t3{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}.ecology .f_w{height:558px;-webkit-box-sizing:border-box;box-sizing:border-box;padding:80px 0 0 0;width:1200px;margin:0 auto}.ecology .f_w .title{font-size:40px;color:#222;line-height:52px;-webkit-transition:all 1s;transition:all 1s;-webkit-transform:translateY(50px);transform:translateY(50px);opacity:0;text-align:center}.ecology .f_w .title span{font-size:20px;font-weight:800;color:#3c3b3b;line-height:30px;display:inline-block;vertical-align:text-top}.ecology .f_w .text{font-size:16px;color:#222;line-height:21px;text-align:center;margin:20px 0 60px 0}.ecology .f_w .list,.ecology .f_w .text{-webkit-transition:all 1s;transition:all 1s;-webkit-transform:translateY(50px);transform:translateY(50px);opacity:0}.ecology .f_w .list{height:244px}.ecology .f_w .list .item{width:190px;height:244px;background:#fff;-webkit-box-shadow:0 2px 10px 0 rgba(0,0,0,.09);box-shadow:0 2px 10px 0 rgba(0,0,0,.09);border-radius:20px;border:8px solid #fff;float:left;padding:40px 0 0 0;text-align:center;-webkit-box-sizing:border-box;box-sizing:border-box;margin:0 15px 0 0;-webkit-transition:all .5s;transition:all .5s;position:relative;overflow:hidden}.ecology .f_w .list .item .img{display:block;width:84px;height:84px;margin:0 auto 52px auto}.ecology .f_w .list .item .text{position:absolute;left:30px;top:68px;width:320px;height:56px;font-size:14px;color:#505961;line-height:28px;-webkit-transform:translateX(200px);transform:translateX(200px);opacity:0;-webkit-transition:all 1s;transition:all 1s;margin:0}.ecology .f_w .list .item .t{font-size:16px;color:#222;line-height:28px}.ecology .f_w .list .item .btn{-webkit-transform:translateX(200px);transform:translateX(200px);width:150px;height:44px;background:#0e7bfb;border-radius:4px;font-size:16px;color:#fff;line-height:44px;padding:0;margin:0;text-align:center;position:absolute;top:170px;left:30px;opacity:0;-webkit-transition:all 1s;transition:all 1s}.ecology .f_w .list .item .btn:hover{background:rgba(14,123,251,.85)}.ecology .f_w .list .item:last-child{margin:0}.ecology .f_w .list .item.active{padding:30px 30px 0 30px;width:380px;text-align:left}.ecology .f_w .list .item.active .t{font-size:18px;font-weight:700;position:absolute;left:30px;top:30px}.ecology .f_w .list .item.active .text{text-align:left}.ecology .f_w .list .item.active .btn,.ecology .f_w .list .item.active .text{-webkit-transition:all 0s;transition:all 0s;opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}.ecology .f_w .list .item.active .img{position:absolute;opacity:.4;right:0;bottom:0;margin:0}.ecology .f_w.active .list,.ecology .f_w.active .text,.ecology .f_w.active .title{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}.ecology .s_w{height:635px;background:#fff;padding:80px 0 0 0;-webkit-box-sizing:border-box;box-sizing:border-box}.ecology .s_w .content{width:1200px;margin:0 auto}.ecology .s_w .content .title{font-size:40px;color:#222;line-height:52px;text-align:center}.ecology .s_w .content .list,.ecology .s_w .content .title{-webkit-transition:all 1s;transition:all 1s;-webkit-transform:translateY(50px);transform:translateY(50px);opacity:0}.ecology .s_w .content .list{margin:40px 0 0 0;position:relative}.ecology .s_w .content .list .item{float:left;width:528px;height:161px;background:#f8fafd;border-radius:15px;padding:30px 48px 0 30px;-webkit-box-sizing:border-box;box-sizing:border-box;font-size:14px;color:#505961;line-height:28px;margin:0 0 60px 0}.ecology .s_w .content .list .item .t{font-size:18px;font-weight:700;color:#222;line-height:34px;margin:0 0 10px 0}.ecology .s_w .content .list .item .t img{display:inline-block;vertical-align:middle;width:34px;height:34px;margin:0 15px 0 0}.ecology .s_w .content .list .item-r{float:right;padding-left:80px}.ecology .s_w .content .list .center{width:266px;height:266px;position:absolute;left:50%;top:58px;-webkit-transform:translateX(-50%);transform:translateX(-50%);background:url(../../static/img/s_bg.61b5de60.png) no-repeat 50%;background-size:266px 266px;z-index:1;padding:100px 0 0 0;-webkit-box-sizing:border-box;box-sizing:border-box}.ecology .s_w .content .list .center img{display:block;width:96px;height:67px;margin:0 auto}.ecology .s_w.active .content .list,.ecology .s_w.active .content .title{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}.ecology .t_w{padding:80px 0;-webkit-box-sizing:border-box;box-sizing:border-box;background:#e0f2ff}.ecology .t_w .title{font-size:40px;color:#222;line-height:52px;text-align:center}.ecology .t_w .content,.ecology .t_w .title{-webkit-transition:all 1s;transition:all 1s;-webkit-transform:translateY(50px);transform:translateY(50px);opacity:0}.ecology .t_w .content{height:292px;width:1200px;margin:60px auto 0 auto;padding:0 29px 0 50px;-webkit-box-sizing:border-box;box-sizing:border-box}.ecology .t_w .content .jt1{display:block;width:125px;height:19px;position:absolute;left:342px;top:38px}.ecology .t_w .content .jt2{display:block;width:280px;height:212px;position:absolute;left:841px;top:41px}.ecology .t_w .content .jt3{display:block;width:125px;height:19px;position:absolute;left:465px;top:236px;-webkit-transform:rotate(180Deg);transform:rotate(180Deg)}.ecology .t_w .content .step{width:300px;height:94px;background:#fff;border-radius:53px;position:absolute;font-size:24px;color:#222;line-height:94px;padding:0 0 0 104px;-webkit-box-sizing:border-box;box-sizing:border-box}.ecology .t_w .content .step img{display:block;position:absolute;left:10px;top:10px;width:74px;height:74px}.ecology .t_w .content .s1{left:0;top:0}.ecology .t_w .content .s2{left:517px;top:0;width:348px}.ecology .t_w .content .s3{left:642px;top:198px}.ecology .t_w .content .s4{left:106px;top:198px}.ecology .t_w .btn{width:260px;height:50px;background:#0e7bfb;-webkit-box-shadow:0 2px 20px 0 rgba(14,123,251,.45);box-shadow:0 2px 20px 0 rgba(14,123,251,.45);border-radius:4px;display:block;margin:60px auto 0 auto;padding:0;font-size:20px;color:#fff;line-height:50px}.ecology .t_w.active .content,.ecology .t_w.active .title{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}.ecology .applyOverlay{position:fixed;left:0;top:0;right:0;bottom:0;background:rgba(0,0,0,.4);z-index:2}.ecology .applyOverlay .content{width:600px;background:#fff;border-radius:10px;border:1px solid #979797;position:fixed;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);padding:42px 0 40px 0}.ecology .applyOverlay .content .btn_close{position:absolute;display:block;right:20px;top:20px;width:24px;height:24px;cursor:pointer}.ecology .applyOverlay .content .title{font-size:22px;color:#222;line-height:29px;text-align:center}.ecology .applyOverlay .content .title span{font-size:10px;font-weight:800;color:#3c3b3b;line-height:15px;display:inline-block;vertical-align:top}.ecology .applyOverlay .content .form{margin:43px 0 0 0}.ecology .applyOverlay .content .form .dl{margin:0 0 30px 0;height:34px;line-height:34px}.ecology .applyOverlay .content .form .dl .dt{float:left;height:100%;font-size:14px;color:#505961;text-align:right;width:154px;padding:0 20px 0 0;-webkit-box-sizing:border-box;box-sizing:border-box;line-height:34px}.ecology .applyOverlay .content .form .dl .dt span{font-size:16px;color:#ff3e3b;margin:0 6px 0 0;line-height:34px;height:34px;display:inline-block;vertical-align:middle}.ecology .applyOverlay .content .form .dl .dd{float:left;position:relative}.ecology .applyOverlay .content .form .dl .dd input{width:320px;height:34px;background:#fff;border-radius:2px;border:1px solid #dadada;display:block;font-size:12px;color:#222;line-height:32px;padding:8px}.ecology .applyOverlay .content .form .dl .dd placeholder{color:rgba(80,89,97,.7)}.ecology .applyOverlay .content .form .dl .dd .error{border:1px solid #ff3e3b}.ecology .applyOverlay .content .form .dl .dd .errorMsg{font-size:12px;color:#ff3e3b;line-height:16px;position:absolute;bottom:-20px;left:0}.ecology .applyOverlay .content .form .dl:last-child{margin:0}.ecology .applyOverlay .content .btn{display:block;width:220px;height:44px;background:#0e7bfb;border-radius:4px;font-size:16px;color:#fff;line-height:44px;margin:40px auto 0 auto;padding:0}.ecology .applyOverlay .content .btn:hover{background:rgba(14,123,251,.85)}.ecology .successOverlay{position:fixed;left:0;top:0;right:0;bottom:0;background:rgba(0,0,0,.4);z-index:2}.ecology .successOverlay .content{width:400px;background:#fff;border-radius:10px;border:1px solid #979797;position:fixed;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);padding:60px 0;text-align:center;font-size:12px;color:#505961;line-height:16px}.ecology .successOverlay .content img{display:block;width:36px;height:36px;margin:0 auto}.ecology .successOverlay .content .t{margin:20px 0 10px 0;font-size:16px;font-weight:700;color:#222;line-height:21px}[data-page=ecology] body{background:#f7fbff url(../../static/img/banner.26635c5b.png) no-repeat top;background-size:1920px 500px}