.reference-wrap{background-color:#fff;color:#333;font-size:16px;min-width:1300px;overflow:hidden}.reference-wrap .reference-item{padding-top:80px}.reference-wrap .reference-item .reference-title{text-align:center}.reference-wrap .reference-item .reference-title h4{position:relative;font-weight:700;font-size:40px;color:#121a42;letter-spacing:0;text-align:center}.reference-wrap .reference-item .reference-title p{margin-top:4px;font-size:16px;color:#121a42;letter-spacing:0;text-align:center;line-height:30px}.reference-wrap .reference-item .btn-box{margin-top:80px;width:100%;text-align:center}.reference-wrap .reference-item .btn-box .btn{display:inline-block;padding:0 40px;width:260px;height:54px;line-height:54px;color:#fff;font-size:18px;background-color:#ff6b00;-webkit-box-shadow:0 2px 16px 0 rgba(147,152,192,.6);box-shadow:0 2px 16px 0 rgba(147,152,192,.6);border-radius:27px}.reference-wrap .reference-item .btn-box .btn:hover{background:#ff5800;-webkit-box-shadow:0 2px 20px 0 rgba(255,107,0,.46);box-shadow:0 2px 20px 0 rgba(255,107,0,.46)}.reference-wrap .reference-banner{width:100%;background:url(/_nuxt/images/banner.af474808b8082ca8ef9c2db32e08ee5a.png) no-repeat;height:620px;background-position:50%;background-size:cover;padding-top:60px}.reference-wrap .reference-banner .banner-wrapper{-webkit-box-sizing:border-box;box-sizing:border-box;width:1200px;height:100%;margin:0 auto}.reference-wrap .reference-banner .banner-wrapper img{width:1010px;height:330px;display:block}.reference-wrap .reference-banner .banner-wrapper .banner-btn{display:block;margin-top:60px;padding:15px 30px;width:14vw;width:214px;height:54px;color:#fff;text-align:center;background-color:#ff6b00;font-size:20px;font-weight:300;border-radius:27px;border:0;-webkit-box-shadow:0 4px 20px 0 rgba(27,31,97,.44);box-shadow:0 4px 20px 0 rgba(27,31,97,.44)}.reference-wrap .reference-banner .banner-wrapper .banner-btn i{font-size:24px;margin-left:6px}.reference-wrap .reference-banner .banner-wrapper .banner-btn:hover{background:#ff5800;-webkit-box-shadow:0 2px 20px 0 rgba(255,107,0,.46);box-shadow:0 2px 20px 0 rgba(255,107,0,.46)}.reference-wrap .reference-product{background:#fff;height:810px;width:100vw}.reference-wrap .reference-product .content-wrap{width:1232px;height:510px;margin:0 auto;color:#121a42;letter-spacing:0;padding-top:50px}.reference-wrap .reference-product .content-wrap .nor{float:left;width:284px;height:460px;background:#fff;-webkit-box-shadow:0 -2px 16px 0 rgba(147,152,192,.2);box-shadow:0 -2px 16px 0 rgba(147,152,192,.2);border-radius:8px;margin-right:30px;border:4px solid #fff}.reference-wrap .reference-product .content-wrap .nor:last-child{margin-right:0;border:none}.reference-wrap .reference-product .content-wrap .nor .normal .top{padding:30px 30px 0;height:148px;width:276px;border-bottom:1px solid #f6f4f4}.reference-wrap .reference-product .content-wrap .nor .normal .top .title{font-size:32px;line-height:42px;font-weight:700;margin-bottom:10px}.reference-wrap .reference-product .content-wrap .nor .normal .top .time{margin-bottom:6px}.reference-wrap .reference-product .content-wrap .nor .normal .top .time span{font-size:14px;color:#ff6b00;letter-spacing:0;line-height:20px}.reference-wrap .reference-product .content-wrap .nor .normal .bottom{padding:30px}.reference-wrap .reference-product .content-wrap .nor .normal .bottom li{width:108px;float:left;margin-bottom:14px}.reference-wrap .reference-product .content-wrap .nor .normal .bottom li i{float:left;color:#efbc69;font-size:14px;margin-right:6px;padding:0!important;margin-top:4px}.reference-wrap .reference-product .content-wrap .nor .normal .bottom li .right{font-size:14px;width:87px;display:inline-block}.reference-wrap .reference-product .content-wrap .nor .normal .bottom li:last-child{width:120px}.reference-wrap .reference-product .content-wrap .nor .normal .other{width:276px;padding-left:30px}.reference-wrap .reference-product .content-wrap .nor .normal .other li{width:240px;float:left;margin-bottom:14px}.reference-wrap .reference-product .content-wrap .nor .normal .other li i{float:left;font-size:14px;color:#efbc69;margin-right:6px;padding:0!important;margin-top:4px}.reference-wrap .reference-product .content-wrap .nor .normal .other li .rigthText{font-size:14px;color:#121a42;font-weight:700;display:inline-block}.reference-wrap .reference-product .content-wrap .nor:nth-child(4){background:#ff6b00;-webkit-box-shadow:0 2px 20px 0 rgba(255,107,0,.46);box-shadow:0 2px 20px 0 rgba(255,107,0,.46);border-radius:8px}.reference-wrap .reference-product .content-wrap .nor .diy{text-align:center;padding-top:120px;color:#fff}.reference-wrap .reference-product .content-wrap .nor .diy .diy_title{font-size:32px}.reference-wrap .reference-product .content-wrap .nor .diy .diy_time{margin-top:10px;margin-bottom:6px}.reference-wrap .reference-product .content-wrap .nor .diy .diy_scope,.reference-wrap .reference-product .content-wrap .nor .diy .diy_time{font-size:14px}.reference-wrap .reference-product .content-wrap .nor .diy .btn{display:block;width:184px;height:48px;line-height:48px;background:#fff;color:#ff6b00;-webkit-box-shadow:0 2px 20px 0 rgba(255,78,0,.46);box-shadow:0 2px 20px 0 rgba(255,78,0,.46);border-radius:24px;margin-left:46px;margin-top:54px}.reference-wrap .reference-product .content-wrap .active{background:#fffbf6;border:4px solid #ff6b00;-webkit-box-shadow:0 2px 16px 0 rgba(159,67,0,.34);box-shadow:0 2px 16px 0 rgba(159,67,0,.34);border-radius:8px}.reference-wrap .reference-product .content-wrap .active .normal .top{border-bottom:1px solid #f6e2b1}.reference-wrap .reference-scope{background:#fff;height:527px;width:100vw}.reference-wrap .reference-scope .content-wrap{width:1210px;margin:0 auto;color:#fff}.reference-wrap .reference-scope .content-wrap ul{margin-top:30px}.reference-wrap .reference-scope .content-wrap ul li{float:left;width:400px;height:248px;text-align:center;padding:26px 0 30px}.reference-wrap .reference-scope .content-wrap ul li img{width:60px;height:60px;margin-bottom:20px}.reference-wrap .reference-scope .content-wrap ul li .detail,.reference-wrap .reference-scope .content-wrap ul li .title{color:#121a42;letter-spacing:0}.reference-wrap .reference-scope .content-wrap ul li .title{font-size:24px;font-weight:700;margin-bottom:22px}.reference-wrap .reference-scope .content-wrap ul li .detail{opacity:.6;font-size:16px;line-height:28px}.reference-wrap .reference-scope .content-wrap ul li:hover{-webkit-box-shadow:0 -2px 16px 0 rgba(147,152,192,.2);box-shadow:0 -2px 16px 0 rgba(147,152,192,.2);border-radius:8px}.reference-wrap .reference-scope .content-wrap ul li:hover .detail{opacity:1}.reference-wrap .reference-anli{height:912px;background:url(/_nuxt/images/bdbg.7ee74e6983460c93fcd659eb1142f15e.png) no-repeat;background-size:100% 100%}.reference-wrap .reference-anli .reference-title{margin-bottom:60px}.reference-wrap .reference-anli .content-wrap{margin:0 auto;width:1200px}.reference-wrap .reference-anli .content-wrap .bgDiv{margin-top:150px;border-radius:0 8px 8px 0;margin-left:300px;width:840px;height:288px;border:2px solid #c9d1df;border-left:none;-webkit-border-radius:0 8px 8px 0;-moz-border-radius:0 8px 8px 0;-ms-border-radius:0 8px 8px 0;-o-border-radius:0 8px 8px 0}.reference-wrap .reference-anli .content-wrap .ul1,.reference-wrap .reference-anli .content-wrap .ul2{width:1200px;height:220px;margin-left:80px;margin-top:-400px}.reference-wrap .reference-anli .content-wrap .ul1 li,.reference-wrap .reference-anli .content-wrap .ul2 li{width:403px;height:220px;float:left}.reference-wrap .reference-anli .content-wrap .ul1 li .left,.reference-wrap .reference-anli .content-wrap .ul2 li .left{text-align:center;padding-top:75px;display:inline-block;width:220px;height:220px;border-radius:110px;background:#fff;-webkit-box-shadow:0 -2px 16px 0 rgba(147,152,192,.2);box-shadow:0 -2px 16px 0 rgba(147,152,192,.2);-webkit-border-radius:110px;-moz-border-radius:110px;-ms-border-radius:110px;-o-border-radius:110px}.reference-wrap .reference-anli .content-wrap .ul1 li .left .img,.reference-wrap .reference-anli .content-wrap .ul2 li .left .img{margin:0 auto;width:220px;height:50px;padding-left:60px}.reference-wrap .reference-anli .content-wrap .ul1 li .left .img ._img,.reference-wrap .reference-anli .content-wrap .ul2 li .left .img ._img{display:block;width:100px;height:50px}.reference-wrap .reference-anli .content-wrap .ul1 li .left .des,.reference-wrap .reference-anli .content-wrap .ul1 li .left .title,.reference-wrap .reference-anli .content-wrap .ul2 li .left .des,.reference-wrap .reference-anli .content-wrap .ul2 li .left .title{text-align:center;color:#121a42;letter-spacing:0}.reference-wrap .reference-anli .content-wrap .ul1 li .left .title,.reference-wrap .reference-anli .content-wrap .ul2 li .left .title{font-weight:700;font-size:22px;margin-top:-20px}.reference-wrap .reference-anli .content-wrap .ul1 li .left .des,.reference-wrap .reference-anli .content-wrap .ul2 li .left .des{margin-top:4px;font-size:16px;line-height:28px}.reference-wrap .reference-anli .content-wrap .ul1 li .jiantou,.reference-wrap .reference-anli .content-wrap .ul2 li .jiantou{margin-left:75px;width:31px;height:28px}.reference-wrap .reference-anli .content-wrap .ul1 li:nth-child(3),.reference-wrap .reference-anli .content-wrap .ul2 li:nth-child(3){width:245px}.reference-wrap .reference-anli .content-wrap .ul2{margin-top:65px}.reference-wrap .reference-serve{background:#fff;height:580px;width:100vw}.reference-wrap .reference-serve .content-wrap{width:1300px;height:380px;margin:0 auto;color:#fff;overflow:hidden;position:relative;padding:50px 15px 15px}.reference-wrap .reference-serve .content-wrap li{bottom:10px;display:inline-block;vertical-align:top;position:absolute;-webkit-box-shadow:0 -2px 16px 0 rgba(147,152,192,.2);box-shadow:0 -2px 16px 0 rgba(147,152,192,.2);width:400px;height:300px;padding:92px 32px}.reference-wrap .reference-serve .content-wrap li .content{height:300px;position:relative}.reference-wrap .reference-serve .content-wrap li .content .title{font-size:24px;color:#121a42;letter-spacing:0;line-height:32px;margin-bottom:20px;font-weight:700}.reference-wrap .reference-serve .content-wrap li .content .des,.reference-wrap .reference-serve .content-wrap li .content .detail{font-size:16px;color:#121a42;letter-spacing:0;line-height:32px}.reference-wrap .reference-serve .content-wrap li .content .detail{line-height:32px}.reference-wrap .reference-serve .content-wrap li .content .detail .detailLi{font-size:16px;color:#121a42;letter-spacing:0;line-height:32px}.reference-wrap .reference-serve .content-wrap li .content .detail .detailLi .left{width:10px;height:20px;margin-right:9px;display:inline-block}.reference-wrap .reference-serve .content-wrap li .content .detail .detailLi .left .crile{line-height:32px;width:6px;height:6px;margin:12px auto 0;border:1px solid #000;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;-o-border-radius:3px}.reference-wrap .reference-serve .content-wrap li:nth-child(2){margin-left:400px}.reference-wrap .reference-serve .content-wrap li:nth-child(3){margin-left:800px}.reference-wrap .reference-serve .content-wrap .active{height:330px;margin-top:-30px;border-radius:8px;background:url(/_nuxt/images/after.14991c2e70bc09d9fdd8b7a14725289c.png) no-repeat;transition:height .4s;-webkit-transition:height .4s;-moz-transition:height .4s;-ms-transition:height .4s;-o-transition:height .4s}.reference-wrap .reference-serve .content-wrap .active .content .title{color:#ff6b00;margin-bottom:50px}.reference-wrap .reference-anquan{height:360px}.reference-wrap .reference-anquan .reference-solution-box{width:1200px;margin:50px auto 0;padding-bottom:110px}.reference-wrap .reference-anquan .reference-solution-box li{float:left;width:220px;height:282px;background:#fff;text-align:center;border-radius:8px;-webkit-box-shadow:0 4px 20px 0 rgba(192,193,204,.35);box-shadow:0 4px 20px 0 rgba(192,193,204,.35);margin-top:0;-webkit-transition:margin .5s ease-out;-o-transition:margin .5s ease-out;transition:margin .5s ease-out;margin-right:20px}.reference-wrap .reference-anquan .reference-solution-box li img{width:180px;height:180px}.reference-wrap .reference-anquan .reference-solution-box li p{margin-top:12px;font-size:16px;color:#222;letter-spacing:0;text-align:center;line-height:28px;font-weight:400}.reference-wrap .reference-anquan .reference-solution-box li:hover{-webkit-transition:margin .5s ease-out;-o-transition:margin .5s ease-out;transition:margin .5s ease-out;margin-top:-20px}.reference-wrap .reference-tixi{height:626px;padding-top:200px;background:#f7faff;border-radius:8px}.reference-wrap .reference-tixi .content-warp{width:1200px;margin:0 auto}.reference-wrap .reference-tixi .content-warp .line{width:1200px;height:63px;border-bottom:1px dashed #ff6b00}.reference-wrap .reference-tixi .content-warp .top{height:64px;width:100%}.reference-wrap .reference-tixi .content-warp .top .tixiLi{float:left;width:300px;text-align:center}.reference-wrap .reference-tixi .content-warp .top .tixiLi img{margin-top:-15px;width:28px;height:30px;margin-bottom:15px}.reference-wrap .reference-tixi .content-warp .top .tixiLi .icon{width:10px;height:10px;background:#fff;border:1px solid #ff6b00;margin:-5px auto 29px;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px}.reference-wrap .reference-tixi .content-warp .top .tixiLi .title{font-size:24px;color:#121a42;letter-spacing:0;line-height:32px;font-weight:700}.reference-wrap .reference-tixi .content-warp .top .tixiLi .active{color:#ff6b00}.reference-wrap .reference-tixi .content-warp .bottom{font-size:16px;color:#121a42;letter-spacing:0;text-align:center;line-height:32px;margin:50px auto 0;width:496px;padding:0 100px 40px;height:160px;background:#fff;-webkit-box-shadow:0 -2px 16px 0 rgba(147,152,192,.2);box-shadow:0 -2px 16px 0 rgba(147,152,192,.2);border-radius:8px}.reference-wrap .reference-tixi .content-warp .bottom i{display:block;float:right;font-size:50px;margin-right:-95px;margin-top:20px;color:#ff6b00;opacity:.06}.reference-wrap .reference-tixi .content-warp .bottom p{padding-top:60px;line-height:32px;font-size:16px;color:#121a42}.reference-wrap .reference-concat{height:659px;padding:108px 0 110px;text-align:center}.reference-wrap .reference-concat .content-warp{width:1200px;margin:51px auto 0}.reference-wrap .reference-concat .content-warp .pic{width:1200px;height:88px;margin-bottom:18px}.reference-wrap .reference-footer{background:-webkit-gradient(linear,left top,right top,color-stop(50%,#fc6a34),color-stop(50%,#ff451c));background:-o-linear-gradient(left,#fc6a34 50%,#ff451c 50%);background:linear-gradient(90deg,#fc6a34 50%,#ff451c 0);height:375px;padding-top:0}.reference-wrap .reference-footer .content{background:url(/_nuxt/images/beidiaobg.3ebb9c145acd86f715af543456d5d13e.png) no-repeat;background-size:1920px 519px;background-position:50%}.reference-wrap .reference-footer .content .top{width:1200px;margin:0 auto;padding:90px 0 60px;height:375px;letter-spacing:0;color:#fffcf7}.reference-wrap .reference-footer .content .top .title{font-size:40px;font-weight:700;margin-bottom:14px}.reference-wrap .reference-footer .content .top .phone{font-size:24px;line-height:30px;margin-bottom:70px}.reference-wrap .reference-footer .content .top .btn{display:block;width:260px;height:54px;line-height:54px;background:#fdfcf9;-webkit-box-shadow:0 2px 20px 0 rgba(255,107,0,.46);box-shadow:0 2px 20px 0 rgba(255,107,0,.46);border-radius:27px;font-size:20px;color:#fd5727;text-align:center}.reference-wrap .reference-footer .content .top .wDes{font-size:12px;color:#fffcf7;letter-spacing:0;text-align:center;line-height:30px}.reference-wrap .reference-footer .content .bottom{width:1200px;height:144px;margin:0 auto}.reference-wrap .reference-footer .content .bottom ul{padding:35px 0}.reference-wrap .reference-footer .content .bottom ul li{float:left;width:300px;text-align:left}.reference-wrap .reference-footer .content .bottom ul li .des,.reference-wrap .reference-footer .content .bottom ul li .title{color:#fff;letter-spacing:0;line-height:32px;opacity:.8}.reference-wrap .reference-footer .content .bottom ul li .title{font-size:24px;font-weight:700;margin-bottom:10px}.reference-wrap .reference-footer .content .bottom ul li .des{font-size:16px}.reference-wrap .blogroll{background:#1c1c1c}.reference-wrap .blogroll dl{font-size:14px;width:1200px;margin:0 auto;height:60px;line-height:60px;border-bottom:1px solid hsla(0,0%,100%,.1)}.reference-wrap .blogroll dl dt{display:inline-block;font-size:14px;color:#777;letter-spacing:0;line-height:26px}.reference-wrap .blogroll dl dd{display:inline-block;margin:0}.reference-wrap .blogroll dl dd a{font-size:14px;color:#777;letter-spacing:0;line-height:26px;margin-right:30px}.reference-wrap .blogroll dl dd a:hover{color:#fff}@keyframes scollLeft{0%{right:0}to{right:100%}}@-webkit-keyframes scollLeft{0%{right:0}to{right:100%}}