.service{float:left;clear:both;padding:0;margin:0;width:100%;background-color:#fff;z-index:999999999}.service.animate-enable{transition:all .5s ease-in-out;opacity:1}.service.animate-active{opacity:1}.service .service-box{position:relative;width:1200px;height:auto;margin:0 auto}.service .service-box .service-title{float:left;text-align:center;width:100%;line-height:32px;padding:5px;margin:60px 0;font-size:28px;color:#333;text-align:center}.service .service-banner{float:left;width:100%;clear:both;background:url('../images/service/web/images/banner@bg.png') no-repeat center center;background-size:auto 100%;overflow:hidden}.service .service-banner .service-box{height:380px}.service .service-banner .banner-image{position:absolute;top:0;bottom:0;left:0;display:inline-block;width:50%;height:auto;margin:auto}.service .service-banner .banner-word{position:absolute;top:0;bottom:0;right:0;display:inline-block;width:45%;margin:auto;height:180px;color:#fff}.service .service-banner .banner-word .h1{position:relative;float:left;display:block;width:100%;line-height:42px;font-size:36px;font-weight:bold!important;padding:20px 0;margin:12px 0}.service .service-banner .banner-word .h1 i{position:absolute;bottom:0;left:0;display:block;width:25px;height:4px;overflow:hidden;background-color:#e4007f}.service .service-banner .banner-word p{float:left;width:100%;line-height:24px;font-size:18px;margin:5px 0}.service .service-banner.animate-enable .banner-image{transition:all .8s ease-in-out;transform:translateX(-600px);opacity:0}.service .service-banner.animate-active .banner-image{transform:translateX(0);opacity:1}.service .service-banner.animate-enable .banner-word{transition:all 1s ease-in-out;transform:translateX(600px);opacity:0}.service .service-banner.animate-active .banner-word{transform:translateX(0);opacity:1}.service .service-banner.animate-enable .banner-word p{transition:all 1s ease-in-out;transform:translateX(600px);opacity:0}.service .service-banner.animate-active .banner-word p{transform:translateX(0);transition-delay:.4s;opacity:1}.service .service-banner.animate-active .banner-word p:first-of-type{transition-delay:.2s}.service .service-software{background:url(../images/service/software/images/bg.jpg)no-repeat center center}.service .service-bannerBtn{display:none;padding-top:25px;clear:both}.service .service-bannerBtn a{display:inline-block;width:150px;height:50px;line-height:50px;padding-left:30px;font-size:20px;color:#fff;text-align:center;cursor:pointer;background-image:url(../images/service/software/invoicing/arrow.png);background-repeat:no-repeat;background-position:20px center;background-size:20px 20px;border-radius:5px}.service .service-bannerBtn .free-trial{margin-right:15px;background-color:#55c3ff}.service .service-bannerBtn .buy-now{background-color:#f90}.service .service-bannerBtn a:hover{opacity:.8}.invoicing .service-box{width:1100px;margin:0 auto}.service .service-difficulty .service-box .service-difficultyList{width:100%;padding-bottom:60px;overflow:hidden}.service .service-difficulty .service-box .service-difficultyList .difficulty-list li{float:left;width:25%;padding:20px 0 40px;text-align:center;border-top:1px solid #ededed;border-right:1px solid #ededed}.service .service-difficulty .service-box .service-difficultyList .difficulty-list .borTop{border-top:0}.service .service-difficulty .service-box .service-difficultyList .difficulty-list .borRit{border-right:0}.service .service-difficulty .service-box .service-difficultyList .difficulty-list li p{padding-top:10px;font-size:18px;color:#666}.service .service-difficulty.animate-enable .service-box .service-difficultyList .difficulty-list li img{transform:rotate(360deg);transition:all .5s ease-in-out;opacity:0}.service .service-difficulty.animate-active .service-box .service-difficultyList .difficulty-list li img{opacity:1;width:38%;transition-delay:.2s;transform:rotate(0deg)}.service .service-difficulty.animate-active .service-box .service-difficultyList .difficulty-list li:nth-of-type(2) img{transition-delay:.4s}.service .service-difficulty.animate-active .service-box .service-difficultyList .difficulty-list li:nth-of-type(3) img{transition-delay:.6s}.service .service-difficulty.animate-active .service-box .service-difficultyList .difficulty-list li:nth-of-type(4) img{transition-delay:.8s}.service .service-difficulty.animate-active .service-box .service-difficultyList .difficulty-list li:nth-of-type(5) img{transition-delay:1s}.service .service-difficulty.animate-active .service-box .service-difficultyList .difficulty-list li:nth-of-type(6) img{transition-delay:1.2s}.service .service-difficulty.animate-active .service-box .service-difficultyList .difficulty-list li:nth-of-type(7) img{transition-delay:1.4s}.service .service-difficulty.animate-active .service-box .service-difficultyList .difficulty-list li:nth-of-type(8) img{transition-delay:1.6s}.service .service-coreAdvantage{width:100%;height:auto;background:url(../images/service/software/invoicing/bg_01.jpg)no-repeat center center;background-size:cover;overflow:hidden}.service .service-coreAdvantage .service-box .service-title{color:#fff}.service .service-coreAdvantage .service-box .honeycomb{position:relative;width:784px;height:450px;margin:0 auto;overflow:hidden}.service .service-coreAdvantage .service-box .honeycomb .hexGrid{position:absolute;top:5%;left:0;right:0;margin:auto;width:100%;height:100%}.service .service-coreAdvantage .service-box .honeycomb .hexGrid .hex{position:relative;float:left;width:180px;height:104px;margin:32px 8px;background-color:rgba(45,47,51,1);-webkit-background-size:auto 173px;-moz-background-size:auto 173px;-ms-background-size:auto 173px;-o-background-size:auto 173px;text-align:center;zoom:1;transform:rotate(360deg);-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg);-ms-transform:rotate(360deg);transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-webkit-transition:all .5s ease-in-out}.service .service-coreAdvantage .service-box .honeycomb .hexGrid .hex.hex-gap{margin-left:104px}.service .service-coreAdvantage .service-box .honeycomb .hexGrid .hex.core{background-color:#4b89e8}.service .service-coreAdvantage .service-box .honeycomb .hexGrid .hex.core:before,.hex.core:after{background-color:#4b89e8}.service .service-coreAdvantage .service-box .honeycomb .hexGrid .hex a{position:absolute;top:0;left:0;display:block;width:100%;height:100%;text-indent:-9999em}.service .service-coreAdvantage .service-box .honeycomb .hexGrid .hex:before,.hex:after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(45,47,51,1);z-index:-2;overflow:hidden;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-o-backface-visibility:hidden;backface-visibility:hidden}.service .service-coreAdvantage .service-box .honeycomb .hexGrid .hex:before{content:'';z-index:-1;-webkit-transform:rotate(60deg);-moz-transform:rotate(60deg);-ms-transform:rotate(60deg);-o-transform:rotate(60deg);transform:rotate(60deg)}.service .service-coreAdvantage .service-box .honeycomb .hexGrid .hex:after{content:'';-webkit-transform:rotate(-60deg);-moz-transform:rotate(-60deg);-ms-transform:rotate(-60deg);-o-transform:rotate(-60deg);transform:rotate(-60deg)}.service .service-coreAdvantage .service-box .honeycomb .hexGrid .hex .blueCore{position:relative;width:150px;height:86px;margin:10px 16px;background-color:#55c3ff;z-index:1;-webkit-background-size:auto 173px;-moz-background-size:auto 173px;-ms-background-size:auto 173px;-o-background-size:auto 173px;text-align:center;zoom:1;transform:rotate(360deg);-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg);-ms-transform:rotate(360deg);transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-webkit-transition:all .5s ease-in-out}.service .service-coreAdvantage .service-box .honeycomb .hexGrid .hex .blueCore:before,.service .service-coreAdvantage .service-box .honeycomb .hexGrid .hex .blueCore:after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background-color:#55c3ff;z-index:-2;overflow:hidden;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-o-backface-visibility:hidden;backface-visibility:hidden}.service .service-coreAdvantage .service-box .honeycomb .hexGrid .hex .blueCore:before{content:'';z-index:-1;-webkit-transform:rotate(60deg);-moz-transform:rotate(60deg);-ms-transform:rotate(60deg);-o-transform:rotate(60deg);transform:rotate(60deg)}.service .service-coreAdvantage .service-box .honeycomb .hexGrid .hex .blueCore:after{content:'';-webkit-transform:rotate(-60deg);-moz-transform:rotate(-60deg);-ms-transform:rotate(-60deg);-o-transform:rotate(-60deg);transform:rotate(-60deg)}.service .service-coreAdvantage .service-box .honeycomb .hexGrid .hex h3{padding:28px 0 5px;font-size:18px;font-weight:bold!important;color:#fff}.service .service-coreAdvantage .service-box .honeycomb .hexGrid .hex p{font-size:14px;color:#fff}.service .service-coreAdvantage .service-box .honeycomb .hexGrid .hex i{display:inline-block;margin-top:-14px;line-height:64px;font-style:normal;font-size:72px;color:#fff3f3}.service .service-coreAdvantage .service-box .honeycomb .hexGrid .hex span{font-size:18px;color:#fff}.service .service-coreAdvantage .service-box .honeycomb .hexGrid .hex div{font-size:24px;color:#fff}.service .service-invoicing{width:100%;background:url(../images/service/software/invoicing/bg_02.jpg)no-repeat center center;background-size:cover;overflow:hidden}.service .service-invoicing .service-box .service-title{margin-bottom:10px}.service .service-invoicing .service-box .service-txt{font-size:18px;color:#666;text-align:center}.service .service-invoicing .service-box .invoicing-con{width:1000px;margin:0 auto;padding:60px 0;overflow:hidden}.service .service-invoicing .service-box .invoicing-con .invoicing-list li{float:left;width:33.3%;padding:0 10px}.service .service-invoicing .service-box .invoicing-con .invoicing-list li a{display:block;height:310px;padding-top:65px;text-align:center;background:#fff}.service .service-invoicing .service-box .invoicing-con .invoicing-list li a p{padding-top:30px;font-size:14px;text-align:center;color:#666}.service .service-invoicing.animate-enable .service-box .invoicing-con .invoicing-list li{transform:translateY(-200px);transition:all .8s ease-in-out;opacity:0}.service .service-invoicing.animate-active .service-box .invoicing-con .invoicing-list li{transform:translateY(0);opacity:1}.service .service-invoicing.animate-active .service-box .invoicing-con .invoicing-list li:nth-of-type(2){transition-delay:.3s}.service .service-invoicing.animate-active .service-box .invoicing-con .invoicing-list li:nth-of-type(3){transition-delay:.6s}.service .service-module{width:100%;padding-bottom:60px;overflow:hidden}.service .service-module .service-box .module-con{width:100%}.service .service-module .service-box .module-con .tableBox{border:1px solid #d8e9ff}.service .service-module .service-box .module-con .tableBox tr th{position:relative;padding:30px 20px;text-align:center;white-space:nowrap;overflow:hidden}.service .service-module .service-box .module-con .tableBox tr th i{position:absolute;width:100px;left:-24px;top:20%;display:inline-block;font-style:normal;font-size:14px;color:#fff;transform:rotate(-45deg)}.service .service-module .service-box .module-con .tableBox tr th.free-head i{background-color:#55c3ff}.service .service-module .service-box .module-con .tableBox tr th.free-head div{color:#55c3ff;font-size:24px;font-weight:bold!important}.service .service-module .service-box .module-con .tableBox tr th.pay-head i{background-color:#f90}.service .service-module .service-box .module-con .tableBox tr th.pay-head div{color:#f90;font-size:24px;font-weight:bold!important}.service .service-module .service-box .module-con .tableBox tr:first-child{padding:0 20px;text-align:center;font-size:16px;color:#999;background-color:#f7f7f7}.service .service-module .service-box .module-con .tableBox tr td{padding:20px;font-size:14px;text-align:left;color:#666}.service .service-module .service-box .module-con .tableBox tr td:first-child{color:#999;text-align:center;white-space:nowrap}.service .service-module .service-box .module-con .tableBox tr:last-child td{padding:25px 0;text-align:center}.service .service-module .service-box .module-con .tableBox tr:last-child td:last-child a{display:inline-block;width:100px;height:50px;padding-left:25px;line-height:50px;font-size:20px;color:#fff;background-image:url(../images/service/software/invoicing/arrow.png);background-repeat:no-repeat;background-position:20px center;background-size:20px 20px;border-radius:5px}.service .service-module .service-box .module-con .tableBox tr:last-child td:last-child a.experience{margin-right:5px;background-color:#fe7800}.service .service-module .service-box .module-con .tableBox tr:last-child td:last-child a.buy{background-color:#f90}.service .service-module .service-box .module-con .tableBox tr:last-child td:last-child a:hover{opacity:.8}.service .service-module .service-box .module-con .tableBox tr:last-child{position:relative}.service .service-module .service-box .module-con .tableBox tr:last-child:after{content:'';position:absolute;bottom:0;left:0;width:100%;height:101px;background:rgba(0,0,0,.7) url(../images/service/software/invoicing/noOpen.png)no-repeat center center;background-size:auto 80px}.service .workbench{background:url(../images/service/software/invoicing/bg_03.jpg)no-repeat center center;background-size:cover;overflow:hidden}.service .purchase{background:url(../images/service/software/invoicing/bg_04.jpg)no-repeat center center;background-size:cover;overflow:hidden}.service .interface{width:100%;height:auto;padding-bottom:60px;overflow:hidden}.service .interface .service-box{width:1100px;margin:0 auto}.service .interface .service-box .service-title{color:#fff}.service .interface .service-box .interface-content{width:40%}.service .interface .service-box .interface-content .interface-txt{margin-bottom:35px}.service .interface .service-box .interface-content .interface-txt h4{font-size:20px;color:#fff}.service .interface .service-box .interface-content .interface-txt p{padding-top:10px;font-size:14px;text-align:justify;color:#333}.service .interface .service-box .interface-content .interface-list{float:left;width:100%;margin-top:20px}.service .interface .service-box .interface-content .interface-list li{float:left;width:25%;padding:2%;text-align:center}.service .interface .service-box .interface-content .interface-list li img{float:left;width:auto;height:62px;padding:0 16%}.service .interface .service-box .interface-content .interface-list li p{float:left;width:100%;font-size:14px;color:#333}.service .interface .service-box .interface-image{position:relative;width:50%;height:360px;text-align:center}.service .workbench .service-box .interface-image .image-1{z-index:2;position:absolute;top:8%;right:0%;width:86%}.service .workbench .service-box .interface-image .image-2{z-index:3;position:absolute;top:-5%;left:0}.service .workbench .service-box .interface-image .image-3{z-index:1;position:absolute;left:0;width:100%}.service .purchase .service-box .interface-image .image-1{position:absolute;left:0;top:18%;width:100%}.service .purchase .service-box .interface-image .image-2{position:absolute;left:6%;top:2%;width:90%}.service .workbench.animate-enable .service-box .interface-content .interface-txt{transform:translatex(-200px);transition:all .5s ease-in-out;opacity:0}.service .workbench.animate-enable .service-box .interface-content .interface-list li img{transform:scale(2.2);opacity:0;transition:all .5s ease-in-out}.service .workbench.animate-enable .service-box .interface-image{transform:translatex(200px);opacity:0;transition:all .5s ease-in-out}.service .workbench.animate-enable .service-box .interface-image .image-1{opacity:0;transform:translate(0,0);transition:all .5s ease-in-out}.service .workbench.animate-enable .service-box .interface-image .image-2{opacity:0;transform:scale(.5) translate(0,0);transition:all .5s ease-in-out}.service .workbench.animate-active .service-box .interface-image .image-2{opacity:1;width:32%;transform:scale(1) translate(10%,4%);transition-delay:.8s}.service .workbench.animate-active .service-box .interface-image .image-1{opacity:1;transform:translate(-5%,0)}.service .workbench.animate-active .service-box .interface-content .interface-txt{opacity:1;transform:translateX(0);transition-delay:.4s}.service .workbench.animate-active .service-box .interface-content .interface-txt:nth-of-type(2){transition-delay:.8s}.service .workbench.animate-active .service-box .interface-content .interface-txt:nth-of-type(3){transition-delay:.1 .2s}.service .workbench.animate-active .service-box .interface-content .interface-txt:nth-of-type(4){transition-delay:.1 .6s}.service .workbench.animate-active .service-box .interface-content .interface-list li img{opacity:1;transform:scale(1);transition-delay:.4s}.service .workbench.animate-active .service-box .interface-content .interface-list li:nth-of-type(2) img{transition-delay:.8s}.service .workbench.animate-active .service-box .interface-content .interface-list li:nth-of-type(3) img{transition-delay:1.2s}.service .workbench.animate-active .service-box .interface-content .interface-list li:nth-of-type(4) img{transition-delay:1.6s}.service .workbench.animate-active .service-box .interface-image{opacity:1;transform:translateX(0)}.service .purchase.animate-enable .service-box .interface-content .interface-txt{transform:translatex(200px);transition:all .5s ease-in-out;opacity:0}.service .purchase.animate-enable .service-box .interface-content .interface-list li img{transform:scale(2.2);opacity:0;transition:all .5s ease-in-out}.service .purchase.animate-enable .service-box .interface-image{transform:translatex(-200px);opacity:0;transition:all .5s ease-in-out}.service .purchase.animate-enable .service-box .interface-image .image-1{opacity:0;transform:scale(.5) translate(0,0);transition:all .5s ease-in-out}.service .purchase.animate-enable .service-box .interface-image .image-2{opacity:0;transform:scale(.5) translate(3%,0);transition:all .5s ease-in-out}.service .purchase.animate-active .service-box .interface-content .interface-list li img{opacity:1;transform:scale(1);transition-delay:.4s}.service .purchase.animate-active .service-box .interface-content .interface-list li:nth-of-type(2) img{transition-delay:.8s}.service .purchase.animate-active .service-box .interface-content .interface-list li:nth-of-type(3) img{transition-delay:1.2s}.service .purchase.animate-active .service-box .interface-content .interface-list li:nth-of-type(4) img{transition-delay:1.4s}.service .purchase.animate-active .service-box .interface-image{opacity:1;transform:translateX(0);transition-delay:.4s}.service .purchase.animate-active .service-box .interface-image .image-1{opacity:1;transform:scale(1)}.service .purchase.animate-active .service-box .interface-image .image-2{opacity:1;transform:scale(1) translate(0,0);transition-delay:.5s}.service .purchase.animate-active .service-box .interface-content .interface-txt{opacity:1;transform:translateX(0)}.service .purchase.animate-active .service-box .interface-content .interface-txt:nth-of-type(2){transition-delay:.5s}.service .purchase.animate-active .service-box .interface-content .interface-txt:nth-of-type(3){transition-delay:.8s}.service .invoicing-ser{width:100%;background-color:#fff;overflow:hidden}.service .invoicing-ser .service-box .service-title{margin-bottom:10px}.service .invoicing-ser .service-box .service-txt{font-size:18px;color:#666;text-align:center}.service .invoicing-ser .invoicing-field{width:100%;padding:60px 0}.service .invoicing-ser .invoicing-field .field-list{width:100%;border-top:1px solid #e1e1e1;border-left:1px solid #e1e1e1;overflow:hidden}.service .invoicing-ser .invoicing-field .field-list li{float:left;width:14.28%;padding:20px 0 30px;text-align:center;border-bottom:1px solid #e1e1e1;border-right:1px solid #e1e1e1;cursor:pointer;transition:all .5s ease-in-out}.service .invoicing-ser .invoicing-field .field-list li i{display:inline-block;font-size:80px}.service .invoicing-ser .invoicing-field .field-list li p{font-size:14px;color:#666}.service .invoicing-ser .invoicing-field .field-list li:hover{background-color:#55c3ff}.service .invoicing-ser .invoicing-field .field-list li:hover i:before{color:#fff}.service .invoicing-ser .invoicing-field .field-list li:hover p{color:#fff}.service .urc-incoicing{display:none;width:100%;padding:4% 10%;text-align:center;background-color:#f7f7f7;overflow:hidden}.service .urc-incoicing .logo{display:inline-block;margin-right:40px}.service .urc-incoicing .logo a{display:inline-block;width:auto;padding-left:160px;font-size:28px;color:#494544;background:url(../images/service/software/invoicing/logo-incoicing.png)no-repeat left center;background-size:134px 28px}.service .urc-incoicing .urc-btn{display:inline-block;padding-top:0}.service .urc-incoicing .urc-btn a:hover{opacity:.8}.service .service-nav{float:left;width:100%;height:70px;clear:both;z-index:999999999}.service .service-nav .nav-box{float:left;width:100%;height:70px;border-bottom:1px solid #d9d9d9;transition:all .5s ease-out}.service .service-nav .nav-box .service-box{text-align:center;overflow-x:auto;overflow-y:hidden;white-space:nowrap}.service .service-nav li{display:inline-block;margin:10px}.service .service-nav li a{float:left;display:inline-block;height:50px;line-height:50px;font-size:16px;color:#666;padding:0 30px;transition:all .5s ease-in}.service .service-nav li a:hover{color:#666}.service .service-nav li a.active{color:#e4007f}.service .service-nav .nav-box.fixed,.service .service-nav .nav-box.nav-fixed{position:fixed;top:0;background:#fff;box-shadow:0 0 5px 2px rgba(0,0,0,.1);transition:none;box-shadow:5px 5px 10px rgba(0,0,0,.2);z-index:9999999999}.service .service-intr{float:left;width:100%;clear:both;padding-bottom:3%;overflow:hidden}.service .service-intr .service-box .intr-content{float:left;width:43%;margin-left:4%}.service .service-intr .service-box .intr-content .intr-word{float:left;width:100%;line-height:28px;font-size:14px;color:#666;padding:10px}.service .service-intr .service-box .intr-content .intr-list{float:left;width:100%;margin-top:10px}.service .service-intr .service-box .intr-content .intr-list li{float:left;width:33.3%;padding:2%;text-align:center}.service .service-intr .service-box .intr-content .intr-list li img{float:left;width:60%;height:auto;margin:5% 20%}.service .service-intr .service-box .intr-content .intr-list li p{float:left;width:100%;line-height:22px;font-size:14px;color:#666}.service .service-intr .service-box .intr-content.animate-enable .intr-list li img{transition:all .6s ease-in-out;transform:rotate(-180deg) scale(2.5);opacity:0}.service .service-intr .service-box .intr-content.animate-active .intr-list li img{transform:rotate(0deg) scale(1);opacity:1}.service .service-intr .service-box .intr-content .intr-list li:hover img{transform:scale(1.1);transition:all .3s linear}.service .service-intr .service-box .intr-image{float:left;position:relative;height:360px;width:50%;margin-top:-20px;text-align:center}.service .service-intr .intr-mobile .intr-image{float:left;position:relative;height:360px;width:50%;margin-top:-20px;text-align:center}.service .service-intr .intr-mobile .intr-image img{position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;width:60%;transition:all .8s ease-in-out;opacity:0}.service .service-intr .intr-mobile .intr-image.animate-enable .image-1{z-index:1;transform:scale(.5) translate(0%,0%)}.service .service-intr .intr-mobile .intr-image.animate-enable .image-2{z-index:2;transform:scale(.9) translate(3%,-4%)}.service .service-intr .intr-mobile .intr-image.animate-enable .image-3{z-index:3;transform:scale(0) translate(0%,0%)}.service .service-intr .intr-mobile .intr-image.animate-active .image-1{transform:scale(1) translate(0%,0%);opacity:1}.service .service-intr .intr-mobile .intr-image.animate-active .image-2{transform:scale(1) translate(-2%,-14%);transition-delay:.4s;opacity:1}.service .service-intr .intr-mobile .intr-image.animate-active .image-3{width:74%;transform:scale(1) translate(-28%,-32%);transition-delay:.8s;opacity:1}.service .service-intr .intr-hFive .intr-image{background:url(../images/service/mobile/h5/image_01d@2x.png)no-repeat center center;background-size:64% auto;overflow:hidden}.service .service-intr .intr-hFive .intr-image img{position:absolute;top:0;bottom:0;right:0;left:0;margin:auto}.service .service-intr .intr-hFive .intr-image .image-1{width:45%}.service .service-intr .intr-hFive .intr-image .image-2{z-index:9;width:44%}.service .service-intr .intr-hFive .intr-image .image-3{width:48%}.service .service-intr .intr-hFive .intr-image.animate-enable img.image-1{transition:all .8s ease-in-out;transform:scale(.5) translate(0%,190%);opacity:0}.service .service-intr .intr-hFive .intr-image.animate-enable img.image-2{transition:all .8s ease-in-out;transform:scale(.5) translate(190%,-94%);opacity:0}.service .service-intr .intr-hFive .intr-image.animate-enable img.image-3{transition:all .8s ease-in-out;transform:scale(.5) translate(-110%,-150%);opacity:0}.service .service-intr .intr-hFive .intr-image.animate-active img.image-1{transform:scale(1) translate(16%,64%);opacity:1}.service .service-intr .intr-hFive .intr-image.animate-active img.image-2{transform:scale(1) translate(22%,-8%);opacity:1}.service .service-intr .intr-hFive .intr-image.animate-active img.image-3{transform:scale(1) translate(-24%,-11%);opacity:1}.service .service-intr .intr-weChat .intr-image{background:url(../images/service/mobile/weChat/image_01d@2x.png)no-repeat center center;background-size:70% auto;overflow:hidden}.service .service-intr .intr-weChat .intr-image img{position:absolute;top:0;bottom:0;right:0;left:0;margin:auto}.service .service-intr .intr-weChat .intr-image .image-1{z-index:10;width:16%}.service .service-intr .intr-weChat .intr-image .image-2{z-index:9;width:46%}.service .service-intr .intr-weChat .intr-image .image-3{z-index:1;width:54%}.service .service-intr .intr-weChat .intr-image .image-4{}.service .service-intr .intr-weChat .intr-image.animate-enable img.image-1{transition:all .8s ease-in-out;transform:scale(.2);opacity:0}.service .service-intr .intr-weChat .intr-image.animate-enable img.image-2{transition:all .8s ease-in-out;transform:scale(.9) translate(32%,117%);opacity:0}.service .service-intr .intr-weChat .intr-image.animate-enable img.image-3{transition:all .8s ease-in-out;transform:scale(.2);opacity:0}.service .service-intr .intr-weChat .intr-image.animate-active img.image-1{transform:scale(1) translate(28%,-25%);transition-delay:.9s;opacity:1}.service .service-intr .intr-weChat .intr-image.animate-active img.image-2{transform:scale(1) translate(20%,11%);transition-delay:.3s;opacity:1}.service .service-intr .intr-weChat .intr-image.animate-active img.image-3{transform:scale(1) translate(2%,-4%);transition-delay:.6s;opacity:1}.service .service-intr .intr-applet .intr-image{background:url(../images/service/mobile/applet/image_01d@2x.png)no-repeat center center;background-size:44% auto;overflow:hidden}.service .service-intr .intr-applet .intr-image img{position:absolute;top:0;right:0;left:0;bottom:0;margin:auto}.service .service-intr .intr-applet .intr-image .image-1{z-index:4;width:58%}.service .service-intr .intr-applet .intr-image .image-2{z-index:3;width:53%}.service .service-intr .intr-applet .intr-image .image-3{z-index:2;width:36%}.service .service-intr .intr-applet .intr-image.animate-enable .image-1{transition:all .8s ease-in-out;transform:scale(.9) rotate(-180deg);opacity:0}.service .service-intr .intr-applet .intr-image.animate-enable .image-2{transition:all .8s ease-in-out;transform:scale(.9) rotate(180deg);opacity:0}.service .service-intr .intr-applet .intr-image.animate-enable .image-3{transition:all .8s ease-in-out;transform:scale(.9);opacity:0}.service .service-intr .intr-applet .intr-image.animate-active .image-1{opacity:1;transform:scale(1) translate(-2%,0);transition-delay:.8s}.service .service-intr .intr-applet .intr-image.animate-active .image-2{opacity:1;transform:scale(1) rotate(0deg) translate(-3%,-3%);transition-delay:.5s}.service .service-intr .intr-applet .intr-image.animate-active .image-3{opacity:1;transform:scale(1) translate(-5%,3%)}.service .service-intr .intr-enterprise{background:url('../images/service/web/enterprise/image_01a@3x.png') no-repeat right bottom;background-size:60% auto}.service .service-intr .intr-enterprise .intr-image img.image-1{position:absolute;z-index:1;bottom:18%;left:4.5%;margin:auto;width:62%}.service .service-intr .intr-enterprise .intr-image img.image-2{position:absolute;z-index:1;bottom:21%;left:36.5%;margin:auto;width:48%}.service .service-intr .intr-enterprise .intr-image.animate-enable img.image-1{transition:all .8s ease-in-out;transform:scale(.5) translateX(-200px);opacity:0}.service .service-intr .intr-enterprise .intr-image.animate-enable img.image-2{transition:all .8s ease-in-out;transform:scale(.5) translateX(200px);opacity:0}.service .service-intr .intr-enterprise .intr-image.animate-active img.image-1{transform:scale(1) translateX(0);opacity:1}.service .service-intr .intr-enterprise .intr-image.animate-active img.image-2{transform:scale(1) translateX(0);opacity:1}.service .service-intr .intr-brand .intr-image{background:url('../images/service/web/brand/image_01b@3x.png') no-repeat center center;background-size:50% auto}.service .service-intr .intr-brand .intr-image img{position:absolute;bottom:0;top:0;left:0;right:0;margin:auto;padding-bottom:8%;padding-right:5%;width:85%}.service .service-intr .intr-brand .intr-image.animate-enable img{transition:all .8s ease-in-out;transform:scale(0);opacity:0}.service .service-intr .intr-brand .intr-image.animate-active img{transform:scale(1);opacity:1}.service .service-intr .intr-marketing .intr-image{background:url('../images/service/web/marketing/image_01a@3x.png') no-repeat center center;background-size:95% auto}.service .service-intr .intr-marketing .intr-image img.image-1{position:absolute;z-index:1;top:0;bottom:0;left:0;right:0;padding-right:6.5%;padding-top:10%;margin:auto;width:65%}.service .service-intr .intr-marketing .intr-image img.image-2{position:absolute;z-index:1;top:0;bottom:0;left:0;right:0;padding-left:25%;padding-bottom:4%;margin:auto;width:70%}.service .service-intr .intr-marketing .intr-image.animate-enable img.image-1{transition:all 1s ease-in-out;transform:scale(0) translateY(-200px);opacity:0}.service .service-intr .intr-marketing .intr-image.animate-enable img.image-2{transition:all 1s ease-in-out;transform:scale3d(1,0,0) translate(-200px,200px);opacity:0;transition-delay:.6s;width:0%}.service .service-intr .intr-marketing .intr-image.animate-active img.image-1{transform:scale(1) translate(0,0);opacity:1}.service .service-intr .intr-marketing .intr-image.animate-active img.image-2{transform:scale3d(1,1,1) translateY(0);opacity:1;width:70%}.service .service-intr .intr-mall .intr-image img.image-1{position:absolute;z-index:1;top:0;bottom:0;left:0;right:0;margin:auto;width:63%}.service .service-intr .intr-mall .intr-image img.image-2{position:absolute;z-index:3;top:0;bottom:37%;left:0;right:8%;margin:auto;width:50%}.service .service-intr .intr-mall .intr-image img.image-3{position:absolute;z-index:2;top:0;bottom:5%;left:58.5%;right:0%;margin:auto;width:56%}.service .service-intr .intr-mall .intr-image.animate-enable img.image-1{transition:all 1s ease-in-out;transform:translate(-300px,150px) scale(0);opacity:0}.service .service-intr .intr-mall .intr-image.animate-enable img.image-2{transition:all .6s ease-in-out;bottom:19%;right:23%;transform:scale(.9);opacity:0;transition-delay:.8s}.service .service-intr .intr-mall .intr-image.animate-enable img.image-3{transition:all .8s ease-in-out;transform:scale(0);transition-delay:.8s;left:0%;opacity:0}.service .service-intr .intr-mall .intr-image.animate-active img.image-1{transform:translate(0,0) scale(1);opacity:1}.service .service-intr .intr-mall .intr-image.animate-active img.image-2{transform:scale(1);bottom:37%;right:8%;opacity:1}.service .service-intr .intr-mall .intr-image.animate-active img.image-3{transform:scale(1);left:58.5%;opacity:1}.service .service-intr .intr-responsive .intr-image{background:url('../images/service/web/responsive/image_01a@3x.png') no-repeat center center;background-size:78% auto}.service .service-intr .intr-responsive .intr-image img.image-1{position:absolute;bottom:16%;left:10%;z-index:1;margin:auto;width:52%}.service .service-intr .intr-responsive .intr-image img.image-2{position:absolute;bottom:0%;left:45%;z-index:2;margin:auto;width:30%}.service .service-intr .intr-responsive .intr-image img.image-3{position:absolute;bottom:8%;left:69%;z-index:3;margin:auto;width:20%}.service .service-intr .intr-responsive .intr-image.animate-enable img.image-1{transition:all .8s ease-in-out;transform:scale(0) translateY(-300px);opacity:0}.service .service-intr .intr-responsive .intr-image.animate-enable img.image-2{transition:all .8s ease-in-out;transform:scale(.5) rotate(-8deg);opacity:0;transition-delay:.6s}.service .service-intr .intr-responsive .intr-image.animate-enable img.image-3{transition:all .8s ease-in-out;transform:scale(.5) rotate(-22deg);opacity:0;transition-delay:1s}.service .service-intr .intr-responsive .intr-image.animate-active img.image-1{transform:scale(1) translateY(0);opacity:1}.service .service-intr .intr-responsive .intr-image.animate-active img.image-2{transform:scale(1) rotate(0deg);opacity:1}.service .service-intr .intr-responsive .intr-image.animate-active img.image-3{transform:scale(1) rotate(0deg);opacity:1}.service .service-intr .intr-revision .intr-image img.image-1{position:absolute;bottom:0;top:0;left:10%;z-index:1;margin:auto;width:100%}.service .service-intr .intr-revision .intr-image img.image-2{position:absolute;bottom:14%;left:8.5%;z-index:2;margin:auto;width:43%}.service .service-intr .intr-revision .intr-image img.image-3{position:absolute;bottom:45%;left:52%;z-index:3;margin:auto;width:45%}.service .service-intr .intr-revision .intr-image.animate-enable img.image-1{transition:all .8s ease-in-out;transform:scale(0) translateY(300px);opacity:0}.service .service-intr .intr-revision .intr-image.animate-enable img.image-2{transition:all .6s ease-in-out;transform:translateX(-120px);opacity:0;transition-delay:.8s}.service .service-intr .intr-revision .intr-image.animate-enable img.image-3{transition:all .8s ease-in-out;transform:rotate(15deg);bottom:35%;left:48%;opacity:0;transition-delay:.6s}.service .service-intr .intr-revision .intr-image.animate-active img.image-1{transform:scale(1) translateY(0);opacity:1}.service .service-intr .intr-revision .intr-image.animate-active img.image-2{transform:translateX(0);opacity:1}.service .service-intr .intr-revision .intr-image.animate-active img.image-3{transform:rotate(0deg);opacity:1;bottom:45%;left:52%}.service .mobile-purpose{width:100%;min-height:600px;background:url(../images/service/mobile/app/bg_01@3x.jpg)no-repeat;background-size:cover;overflow:hidden}.service .mobile-purpose .purpose-list{position:relative;float:left}.service .mobile-purpose .purpose-list li{float:left;width:35%;padding:0 5%;background-position:14% top;background-repeat:no-repeat}.service .mobile-purpose .purpose-list li.list-1{background-image:url(../images/service/mobile/app/01@3x.png);background-size:26px 26px}.service .mobile-purpose .purpose-list li.list-2{margin-top:6%;background-image:url(../images/service/mobile/app/02@3x.png);background-size:26px 26px}.service .mobile-purpose .purpose-list li.list-3{float:right;background-image:url(../images/service/mobile/app/03@3x.png);background-size:26px 26px}.service .mobile-purpose .purpose-list li.list-4{float:right;margin-top:6%;background-image:url(../images/service/mobile/app/04@3x.png);background-size:26px 26px}.service .mobile-purpose .purpose-list li h3{padding-left:30px;font-size:20px;color:#333}.service .mobile-purpose .purpose-list li p{padding-top:28px;line-height:26px;font-size:14px;color:gray}.service .mobile-purpose .purpose-list li.mobile-img{position:absolute;top:0;left:0;right:0;margin:auto;width:320px;height:400px}.service .mobile-purpose .purpose-list li.mobile-img div{position:relative;height:100%}.service .mobile-purpose .purpose-list img{position:absolute;top:0;bottom:0;left:0;right:0;margin:auto}.service .mobile-purpose .purpose-list img.purpose-image-0{width:100%;max-width:230px}.service .mobile-purpose.animate-enable .purpose-list img.purpose-image-1{opacity:0;transition:all .6s ease-in-out;transform:scale(.1) rotate(180deg)}.service .mobile-purpose.animate-enable .purpose-list img.purpose-image-2{opacity:0;transition:all .6s ease-in-out;transform:scale(.1) rotate(180deg)}.service .mobile-purpose.animate-enable .purpose-list img.purpose-image-3{opacity:0;transition:all .6s ease-in-out;transform:scale(.1) rotate(180deg)}.service .mobile-purpose.animate-enable .purpose-list img.purpose-image-4{opacity:0;transition:all .6s ease-in-out;transform:scale(.1) rotate(180deg)}.service .mobile-purpose.animate-active .purpose-list img.purpose-image-1{width:25%;opacity:1;transform:scale(1) rotate(0deg) translate(-55%,-158%);transition-delay:.3s}.service .mobile-purpose.animate-active .purpose-list img.purpose-image-2{width:25%;opacity:1;transform:scale(1) rotate(0deg) translate(62%,-158%);transition-delay:.6s}.service .mobile-purpose.animate-active .purpose-list img.purpose-image-3{width:25%;opacity:1;transform:scale(1) rotate(0deg) translate(-55%,48%);transition-delay:.9s}.service .mobile-purpose.animate-active .purpose-list img.purpose-image-4{width:25%;opacity:1;transform:scale(1) rotate(0deg) translate(62%,48%);transition-delay:1.2s}.service .mobile-purpose.animate-enable .purpose-list li.list-1{transition:all .8s ease-in-out;opacity:0;transform:translateX(-600px)}.service .mobile-purpose.animate-enable .purpose-list li.list-2{transition:all .8s ease-in-out;opacity:0;transform:translateX(-600px)}.service .mobile-purpose.animate-enable .purpose-list li.list-3{transition:all .8s ease-in-out;opacity:0;transform:translateX(600px)}.service .mobile-purpose.animate-enable .purpose-list li.list-4{transition:all .8s ease-in-out;opacity:0;transform:translateX(600px)}.service .mobile-purpose.animate-active .purpose-list li.list-1{transform:translateX(0);opacity:1;transition-delay:.3s}.service .mobile-purpose.animate-active .purpose-list li.list-2{transform:translateX(0);opacity:1;transition-delay:.6s}.service .mobile-purpose.animate-active .purpose-list li.list-3{transform:translateX(0);opacity:1;transition-delay:.9s}.service .mobile-purpose.animate-active .purpose-list li.list-4{transform:translateX(0);opacity:1;transition-delay:1.1s}.service .hFive-purpose{float:left;width:100%;padding-bottom:3%;overflow:hidden}.service .hFive-purpose .hFive-list{clear:both;position:relative;display:inline-block;width:100%;margin:0 auto;padding-top:40px}.service .hFive-purpose .hFive-list li{position:relative;float:left;display:block;width:31.3%;height:280px;margin:1%;padding:3%;border:1px solid #e6e6e6}.service .hFive-purpose .hFive-list li img{position:absolute;top:0;left:0;right:0;margin:auto;margin-top:-15%;width:30%}.service .hFive-purpose .hFive-list li i{position:absolute;top:40%;left:0;right:0;margin:auto;display:block;width:25px;height:4px;overflow:hidden;background-color:#e4007f}.service .hFive-purpose .hFive-list li h3{position:relative;padding-top:32%;font-size:20px;color:#333;text-align:center}.service .hFive-purpose .hFive-list li p{float:left;padding-top:20px;line-height:26px;font-size:14px;color:#666;text-align:center}.service .hFive-purpose.animate-enable .hFive-list li{transition:all .8s ease-in-out;transform:translateX(-300px);opacity:0}.service .hFive-purpose.animate-active .hFive-list li{transform:translateX(0);opacity:1}.service .hFive-purpose.animate-active .hFive-list li:nth-of-type(2){transition-delay:.3s}.service .hFive-purpose.animate-active .hFive-list li:nth-of-type(3){transition-delay:.6s}.service .hFive-purpose.animate-enable .hFive-list li img{transition:all .8s ease-in-out;transform:rotate(-180deg) scale(0);transition-delay:.5s;opacity:0}.service .hFive-purpose.animate-active .hFive-list li:nth-of-type(2) img{transition-delay:.8s}.service .hFive-purpose.animate-active .hFive-list li:nth-of-type(3) img{transition-delay:1.1s}.service .hFive-purpose.animate-active .hFive-list li img{transform:rotate(0deg) scale(1);opacity:1}.service .hFive-classification{float:left;width:100%;background:url('../images/service/mobile/h5/bg_01@3x.jpg')no-repeat center center;background-size:cover;overflow:hidden}.service .hFive-classification ul{clear:both;display:inline-block;width:100%;margin:0 auto}.service .hFive-classification ul li{float:left;display:block;width:25%;padding:0 2% 5%}.service .hFive-classification ul li img{display:block;width:50%;margin:0 auto}.service .hFive-classification ul li h3{padding-top:10px;font-size:20px;color:#333;text-align:center}.service .hFive-classification ul li p{padding-top:20px;line-height:26px;font-size:14px;color:#666;text-align:justify}.service .hFive-classification.animate-enable ul li{transition:all .8s ease-in-out;transform:translateY(-400px);opacity:0}.service .hFive-classification.animate-active ul li{transform:translateY(0);opacity:1}.service .hFive-classification.animate-active ul li:nth-of-type(2){transition-delay:.3s}.service .hFive-classification.animate-active ul li:nth-of-type(3){transition-delay:.6s}.service .hFive-classification.animate-active ul li:nth-of-type(4){transition-delay:.9s}.service .service-padd{padding-bottom:0}.service .weChat-purpose{width:100%;background:#f7f7f7;overflow:hidden}.service .weChat-purpose .weChat-list li{background:#fff}.service .weChat-function{float:left;width:100%;background:url('../images/service/mobile/weChat/bg_01@3x.jpg')no-repeat center center;background-size:cover}.service .weChat-function ul{clear:both;display:block;width:100%;margin:0 auto}.service .weChat-function ul li{float:left;width:23%;height:400px;margin:0 1% 4%;padding:3%;background-color:#fff}.service .weChat-function ul li img{display:block;width:50%;margin:0 auto}.service .weChat-function ul li h3{padding-top:20px;font-size:20px;color:#333;text-align:center;font-weight:bold}.service .weChat-function ul li p{padding-top:20px;line-height:26px;font-size:14px;color:#666;text-align:justify}.service .weChat-function.animate-enable ul li{transition:all .8s ease-in-out;transform:translateY(-400px);opacity:0}.service .weChat-function.animate-active ul li{transform:translateY(0);opacity:1}.service .weChat-function.animate-active ul li:nth-of-type(2){transition-delay:.3s}.service .weChat-function.animate-active ul li:nth-of-type(3){transition-delay:.6s}.service .weChat-function.animate-active ul li:nth-of-type(4){transition-delay:.9s}.service .applet-characteristic{clear:both;padding-bottom:3%;background:url('../images/service/mobile/applet/bg_01@3x.jpg')no-repeat center center;background-size:cover;overflow:hidden}.service .applet-characteristic .solution-list li{float:left;display:block;width:21%;height:200px;margin:0 2% 2% 2%;text-align:center}.service .applet-characteristic .solution-list li div{float:left;width:100%}.service .applet-characteristic .solution-list li div img{width:100px;height:100px;transition:all .3s linear}.service .applet-characteristic .solution-list li h3{float:left;display:block;width:100%;height:30px;line-height:30px;margin-top:10px;font-size:20px;font-weight:bold!important;color:#333}.service .applet-characteristic .solution-list li p{float:left;width:100%;line-height:26px;margin-top:10px;font-size:14px;color:#666}.service .applet-characteristic.animate-enable .solution-list li{transition:all .6s ease-in-out;transform:translateY(200px);opacity:0}.service .applet-characteristic.animate-active .solution-list li{transform:translateY(0);opacity:1}.service .applet-characteristic.animate-active .solution-list li:nth-of-type(2){transition-delay:.2s}.service .applet-characteristic.animate-active .solution-list li:nth-of-type(3){transition-delay:.4s}.service .applet-characteristic.animate-active .solution-list li:nth-of-type(4){transition-delay:.6s}.service .applet-characteristic.animate-active .solution-list li:nth-of-type(5){transition-delay:.8s}.service .applet-characteristic.animate-active .solution-list li:nth-of-type(6){transition-delay:1s}.service .applet-characteristic.animate-active .solution-list li:nth-of-type(7){transition-delay:1.2s}.service .applet-characteristic.animate-active .solution-list li:nth-of-type(8){transition-delay:1.4s}.service .applet-characteristic.animate-active .solution-list li:nth-of-type(9){transition-delay:1.6s}.service .applet-characteristic.animate-active .solution-list li:nth-of-type(10){transition-delay:1.8s}.service .applet-characteristic .solution-list li:hover div img{transform:scale(1.1)}.service .enterprise-purpose{float:left;width:100%;clear:both;background:url('../images/service/web/enterprise/bg@3x.jpg') no-repeat center center;background-size:auto 100%;overflow:hidden}.service .enterprise-purpose .purpose-list{clear:both;position:relative;width:950px;height:620px;margin:0 auto;margin-bottom:7%;background:url('../images/service/web/enterprise/image_02a@3x.png') no-repeat center center;background-size:auto 90%}.service .enterprise-purpose .purpose-list ul{position:absolute;left:0;right:0;top:0;bottom:0;z-index:2;width:950px;margin:auto}.service .enterprise-purpose .purpose-list ul li{position:absolute;width:14%;text-align:center}.service .enterprise-purpose .purpose-list ul li img{float:left;width:60%;height:auto;margin:0 20% 5% 20%}.service .enterprise-purpose .purpose-list ul li p{float:left;width:100%;line-height:22px;font-size:14px;color:#333}.service .enterprise-purpose .purpose-list ul li.list-1{top:0%;left:10%}.service .enterprise-purpose .purpose-list ul li.list-2{top:38%;left:0}.service .enterprise-purpose .purpose-list ul li.list-3{bottom:0%;left:10%}.service .enterprise-purpose .purpose-list ul li.list-4{top:0%;right:10%}.service .enterprise-purpose .purpose-list ul li.list-5{top:38%;right:0}.service .enterprise-purpose .purpose-list ul li.list-6{bottom:0%;right:10%}.service .enterprise-purpose .purpose-list .purpose-image-1{position:absolute;left:30.2%;bottom:49%;z-index:2;width:20%;height:auto}.service .enterprise-purpose .purpose-list .purpose-image-2{position:absolute;left:30%;top:50%;z-index:1;width:20%;height:auto}.service .enterprise-purpose.animate-enable .purpose-list{transition:all .8s ease-in-out;transform:scale(3) rotate(-360deg);opacity:0}.service .enterprise-purpose.animate-active .purpose-list{transform:scale(1) rotate(0deg);opacity:1}.service .enterprise-purpose.animate-enable .purpose-list img{transition:all .8s ease-in-out;transform:scale(0);transition-delay:.8s}.service .enterprise-purpose.animate-enable .purpose-list p{transition:all .8s ease-in-out;transform:scale(0);transition-delay:.8s}.service .enterprise-purpose.animate-active .purpose-list img{transform:scale(1)}.service .enterprise-purpose.animate-active .purpose-list p{transform:scale(1)}.service .enterprise-purpose.animate-enable .purpose-list li.list-1{transition:all .8s ease-in-out;transition-delay:.8s;transform:translate(-200px,-200px);opacity:0}.service .enterprise-purpose.animate-enable .purpose-list li.list-2{transition:all .8s ease-in-out;transition-delay:1s;transform:translate(-300px,0);opacity:0}.service .enterprise-purpose.animate-enable .purpose-list li.list-3{transition:all .8s ease-in-out;transition-delay:1.2s;transform:translate(-200px,200px);opacity:0}.service .enterprise-purpose.animate-enable .purpose-list li.list-4{transition:all .8s ease-in-out;transition-delay:.8s;transform:translate(200px,-200px);opacity:0}.service .enterprise-purpose.animate-enable .purpose-list li.list-5{transition:all .8s ease-in-out;transition-delay:1s;transform:translate(300px,0);opacity:0}.service .enterprise-purpose.animate-enable .purpose-list li.list-6{transition:all .8s ease-in-out;transition-delay:1.2s;transform:translate(200px,200px);opacity:0}.service .enterprise-purpose.animate-active .purpose-list li.list-1{transform:translate(0,0);opacity:1}.service .enterprise-purpose.animate-active .purpose-list li.list-2{transform:translate(0,0);opacity:1}.service .enterprise-purpose.animate-active .purpose-list li.list-3{transform:translate(0,0);opacity:1}.service .enterprise-purpose.animate-active .purpose-list li.list-4{transform:translate(0,0);opacity:1}.service .enterprise-purpose.animate-active .purpose-list li.list-5{transform:translate(0,0);opacity:1}.service .enterprise-purpose.animate-active .purpose-list li.list-6{transform:translate(0,0);opacity:1}.service .enterprise-purpose.animate-enable .purpose-list .purpose-image-1{transition:all .3s ease-in;transform:translate(-200px,-200px) scale(0);opacity:0;transition-delay:1.8s}.service .enterprise-purpose.animate-enable .purpose-list .purpose-image-2{transition:all .3s ease-in;transform:translate(-200px,200px) scale(0);opacity:0;transition-delay:1.8s}.service .enterprise-purpose.animate-active .purpose-list .purpose-image-1{transform:translate(0,0) scale(1);opacity:1}.service .enterprise-purpose.animate-active .purpose-list .purpose-image-2{transform:translate(0,0) scale(1);opacity:1}.service .enterprise-solution{float:left;margin-bottom:30px;width:100%;clear:both;overflow:hidden}.service .enterprise-solution .service-box{margin-bottom:3%}.service .enterprise-solution .solution-list{clear:both;position:relative;width:100%}.service .enterprise-solution .solution-list li{float:left;width:37.5%;height:320px;padding:3%;background-color:#f5f5f5;background-repeat:no-repeat;background-position:88% bottom;background-size:auto 30%}.service .enterprise-solution .solution-list li h3{float:left;display:block;width:100%;height:45px;line-height:45px;font-size:20px;font-weight:bold!important;color:#333;padding-left:55px;background-repeat:no-repeat;background-position:left center;background-size:auto 100%;overflow:hidden}.service .enterprise-solution .solution-list li p{float:left;width:100%;line-height:26px;margin-top:15px;font-size:14px;color:#333}.service .enterprise-solution .solution-list li.list-1{background-image:url('../images/service/web/enterprise/01@3x.png')}.service .enterprise-solution .solution-list li.list-1 h3{background-image:url('../images/service/web/enterprise/icon_10@3x.png')}.service .enterprise-solution .solution-list li.list-2{float:right;background-image:url('../images/service/web/enterprise/02@3x.png')}.service .enterprise-solution .solution-list li.list-2 h3{background-image:url('../images/service/web/enterprise/icon_11@3x.png')}.service .enterprise-solution .solution-list li.list-middle{float:initial;position:absolute;top:0;left:0;right:0;margin:auto;width:20%;height:670px;background:#fff url('../images/service/web/enterprise/bg_01@3x.png') no-repeat center center;background-size:cover}.service .enterprise-solution .solution-list li.list-middle h3{position:absolute;top:0;bottom:0;left:0;margin:auto;padding:20px 0 70px 0;width:100%;height:120px;line-height:30px;font-size:28px;font-weight:900!important;color:#fff;text-align:center}.service .enterprise-solution .solution-list li.list-middle h3 i{position:absolute;top:0;left:0;right:0;margin:auto;display:block;width:25px;height:4px;overflow:hidden;background-color:#e4007f}.service .enterprise-solution .solution-list li.list-middle p{position:absolute;top:0;bottom:0;left:0;margin:auto;padding:20px 0 0 0;width:100%;height:50px;line-height:30px;font-size:28px;font-weight:100;color:#fff;text-align:center}.service .enterprise-solution .solution-list li.list-3{clear:both;margin-top:30px;background-image:url('../images/service/web/enterprise/03@3x.png')}.service .enterprise-solution .solution-list li.list-3 h3{background-image:url('../images/service/web/enterprise/icon_12@3x.png')}.service .enterprise-solution .solution-list li.list-4{float:right;margin-top:30px;background-image:url('../images/service/web/enterprise/04@3x.png')}.service .enterprise-solution .solution-list li.list-4 h3{background-image:url('../images/service/web/enterprise/icon_13@3x.png')}.service .enterprise-solution.animate-enable .solution-list li{transition:all .6s ease-in-out;transform:translateY(-150px);opacity:0}.service .enterprise-solution.animate-enable .solution-list li:nth-of-type(3){transition:all .8s ease-in-out;transform:translateY(500px);opacity:0}.service .enterprise-solution.animate-active .solution-list li{transform:translateY(0);opacity:1}.service .enterprise-solution.animate-active .solution-list li:nth-of-type(3){transform:translateY(0);opacity:1}.service .enterprise-solution.animate-active .solution-list li:nth-of-type(1){transition-delay:.4s}.service .enterprise-solution.animate-active .solution-list li:nth-of-type(2){transition-delay:.4s}.service .enterprise-solution .solution-list li:hover{box-shadow:5px 5px 10px rgba(0,0,0,.2);transition:all .3s linear!important;transition-delay:initial!important}.service .brand-purpose{float:left;width:100%;clear:both;background:url('../images/service/web/brand/bg@3x.jpg') no-repeat center center;background-size:auto 100%;overflow:hidden}.service .brand-purpose .purpose-list{clear:both;margin:0 auto;width:1000px;height:620px;margin-bottom:5%;background:url('../images/service/web/brand/image_02b@3x_0.png') no-repeat center center;background-size:auto 80%}.service .brand-purpose .purpose-list .list-box{float:left;position:relative;width:100%;height:100%;margin:0 auto;background:url('../images/service/web/brand/image_03b@3x.png') no-repeat center center;background-size:auto 90%}.service .brand-purpose .purpose-list .list-box img.list-center{position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;width:22%;height:auto}.service .brand-purpose .purpose-list .list-box ul.list-icon{position:absolute;left:0;right:0;top:0;bottom:0;z-index:2;width:620px;height:620px;margin:auto}.service .brand-purpose .purpose-list .list-box ul.list-icon li{display:block;position:absolute;width:16%;text-align:center}.service .brand-purpose .purpose-list .list-box ul.list-icon li img{float:left;width:100%;height:auto}.service .brand-purpose .purpose-list .list-box ul.list-icon li h3{float:left;display:none;width:100%;line-height:24px;font-size:14px;color:#333}.service .brand-purpose .purpose-list .list-box ul.list-icon li.list-1{top:15.5%;left:26%}.service .brand-purpose .purpose-list .list-box ul.list-icon li.list-2{top:42.5%;left:11%}.service .brand-purpose .purpose-list .list-box ul.list-icon li.list-3{bottom:15.5%;left:26%}.service .brand-purpose .purpose-list .list-box ul.list-icon li.list-6{top:15.5%;right:26%}.service .brand-purpose .purpose-list .list-box ul.list-icon li.list-5{top:42.5%;right:11%}.service .brand-purpose .purpose-list .list-box ul.list-icon li.list-4{bottom:15.5%;right:26%}.service .brand-purpose .purpose-list .list-box ul.list-word{position:absolute;left:0;right:0;top:0;bottom:0;z-index:1;width:1000px;height:620px;margin:auto}.service .brand-purpose .purpose-list .list-box ul.list-word li{display:block;position:absolute;white-space:nowrap;text-align:left;line-height:22px;font-size:14px;color:#333}.service .brand-purpose .purpose-list .list-box ul.list-word li.list-1{top:3%;left:17%}.service .brand-purpose .purpose-list .list-box ul.list-word li.list-2{top:46%;left:6%}.service .brand-purpose .purpose-list .list-box ul.list-word li.list-3{bottom:3%;left:17%}.service .brand-purpose .purpose-list .list-box ul.list-word li.list-6{top:3%;right:17%}.service .brand-purpose .purpose-list .list-box ul.list-word li.list-5{top:46%;right:6%}.service .brand-purpose .purpose-list .list-box ul.list-word li.list-4{bottom:3%;right:17%}.service .brand-purpose.animate-enable .purpose-list{transition:all .8s ease-in-out;transform:scale(0) rotate(-720deg);opacity:0}.service .brand-purpose.animate-active .purpose-list{transform:scale(1) rotate(0deg);opacity:1}.service .brand-purpose.animate-enable .purpose-list .list-box{transition:all 1s ease-in-out;transform:scale(3);opacity:0;transition-delay:.6s}.service .brand-purpose.animate-active .purpose-list .list-box{transform:scale(1);opacity:1}.service .brand-purpose.animate-enable .purpose-list .list-box img.list-center{transition:all .5s ease-in-out;transform:scale(0);opacity:0;transition-delay:1.8s}.service .brand-purpose.animate-active .purpose-list .list-box img.list-center{transform:scale(1);opacity:1}.service .brand-purpose.animate-enable .purpose-list ul.list-icon li.list-1{transition:all .8s ease-in-out;transform:translate(-200px,-200px);opacity:0;transition-delay:1s}.service .brand-purpose.animate-enable .purpose-list ul.list-icon li.list-2{transition:all .8s ease-in-out;transform:translate(-300px,0);opacity:0;transition-delay:1s}.service .brand-purpose.animate-enable .purpose-list ul.list-icon li.list-3{transition:all .8s ease-in-out;transform:translate(-200px,200px);opacity:0;transition-delay:1s}.service .brand-purpose.animate-enable .purpose-list ul.list-icon li.list-6{transition:all .8s ease-in-out;transform:translate(200px,-200px);opacity:0;transition-delay:1s}.service .brand-purpose.animate-enable .purpose-list ul.list-icon li.list-5{transition:all .8s ease-in-out;transform:translate(300px,0);opacity:0;transition-delay:1s}.service .brand-purpose.animate-enable .purpose-list ul.list-icon li.list-4{transition:all .8s ease-in-out;transform:translate(200px,200px);opacity:0;transition-delay:1s}.service .brand-purpose.animate-active .purpose-list ul.list-icon li.list-1{transform:translate(0,0);opacity:1}.service .brand-purpose.animate-active .purpose-list ul.list-icon li.list-2{transform:translate(0,0);opacity:1}.service .brand-purpose.animate-active .purpose-list ul.list-icon li.list-3{transform:translate(0,0);opacity:1}.service .brand-purpose.animate-active .purpose-list ul.list-icon li.list-6{transform:translate(0,0);opacity:1}.service .brand-purpose.animate-active .purpose-list ul.list-icon li.list-5{transform:translate(0,0);opacity:1}.service .brand-purpose.animate-active .purpose-list ul.list-icon li.list-4{transform:translate(0,0);opacity:1}.service .brand-solution{float:left;margin-bottom:30px;width:100%;clear:both;overflow:hidden}.service .brand-solution .solution-list{clear:both;position:relative;width:100%;margin:0 auto}.service .brand-solution .solution-list li{float:left;display:block;padding:3%;margin:1%;width:31.3%;height:310px;background-repeat:no-repeat;background-position:center center;background-size:100% 100%}.service .brand-solution .solution-list li div{float:left;width:100%;height:100%;background-repeat:no-repeat;background-position:95% bottom;background-size:auto 30%}.service .brand-solution .solution-list li div h3{float:left;display:block;width:100%;height:50px;line-height:50px;font-size:20px;font-weight:bold!important;color:#fff;padding-left:55px;background-repeat:no-repeat;background-position:left center;background-size:auto 100%}.service .brand-solution .solution-list li div p{float:left;width:100%;line-height:26px;margin-top:15px;font-size:14px;color:#fff}.service .brand-solution .solution-list li.list-1{background-image:url('../images/service/web/brand/bg_01@3x.jpg')}.service .brand-solution .solution-list li.list-1 div{background-image:url('../images/service/web/brand/01@3x.png')}.service .brand-solution .solution-list li.list-1 div h3{background-image:url('../images/service/web/brand/icon_10@3x.png')}.service .brand-solution .solution-list li.list-2{background-image:url('../images/service/web/brand/bg_02@3x.jpg')}.service .brand-solution .solution-list li.list-2 div{background-image:url('../images/service/web/brand/02@3x.png')}.service .brand-solution .solution-list li.list-2 div h3{background-image:url('../images/service/web/brand/icon_11@3x.png')}.service .brand-solution .solution-list li.list-3{background-image:url('../images/service/web/brand/bg_03@3x.jpg')}.service .brand-solution .solution-list li.list-3 div{background-image:url('../images/service/web/brand/03@3x.png')}.service .brand-solution .solution-list li.list-3 div h3{background-image:url('../images/service/web/brand/icon_12@3x.png')}.service .brand-solution.animate-enable .solution-list li{transition:all .6s ease-in-out;transform:translateY(200px);opacity:0}.service .brand-solution.animate-active .solution-list li{transform:translateY(0);opacity:1}.service .brand-solution.animate-active .solution-list li:nth-of-type(2){transition-delay:.2s}.service .brand-solution.animate-active .solution-list li:nth-of-type(3){transition-delay:.4s}.service .brand-solution .solution-list li:hover{box-shadow:5px 5px 10px rgba(0,0,0,.2);transition:all .3s linear!important;transition-delay:initial!important}.service .marketing-purpose{float:left;width:100%;clear:both;background:url('../images/service/web/marketing/bg@3x.jpg') no-repeat center center;background-size:auto 100%;overflow:hidden}.service .marketing-purpose .service-box{height:655px}.service .marketing-purpose .purpose-box{position:absolute;left:0;right:0;top:0;bottom:0;width:100%;height:435px;margin:auto}.service .marketing-purpose .purpose-box .purpose-word{float:left;display:block;width:50%;height:100%;padding:4% 7%;color:#fff;background:url('../images/service/web/marketing/bg_01@3x.jpg') no-repeat center center;background-size:auto 100%}.service .marketing-purpose .purpose-box .purpose-word .purpose-title{position:relative;float:left;display:block;width:100%;line-height:36px;font-size:28px;font-weight:bold!important;padding:10px 0 30px 0;margin:20px 0;transition:all .8s ease-in}.service .marketing-purpose .purpose-box .purpose-word .purpose-title i{position:absolute;bottom:0;left:0;display:block;width:25px;height:4px;overflow:hidden;background-color:#e4007f}.service .marketing-purpose .purpose-box .purpose-word .purpose-info{float:left;display:block;width:100%;line-height:24px;font-size:14px}.service .marketing-purpose .purpose-box .purpose-image{float:right;display:block;width:50%;height:100%;background:url('../images/service/web/marketing/image_02@3x.jpg') no-repeat center center;background-size:auto 100%}.service .marketing-purpose.animate-enable .purpose-box .purpose-word{transition:all .8s ease-in-out;transform:translateX(-500px);opacity:0}.service .marketing-purpose.animate-enable .purpose-box .purpose-word .purpose-title{transition:all .6s ease-in-out;transform:translateX(-300px);opacity:0;transition-delay:.6s}.service .marketing-purpose.animate-enable .purpose-box .purpose-word .purpose-info{transition:all .6s ease-in-out;transform:translateX(300px);opacity:0;transition-delay:.6s}.service .marketing-purpose.animate-active .purpose-box .purpose-word{transform:translateX(0);opacity:1}.service .marketing-purpose.animate-active .purpose-box .purpose-word .purpose-title{transform:translateX(0);opacity:1}.service .marketing-purpose.animate-active .purpose-box .purpose-word .purpose-info{transform:translateX(0);opacity:1}.service .marketing-purpose.animate-enable .purpose-box .purpose-image{transition:all .8s ease-in-out;transform:translateX(500px);opacity:0}.service .marketing-purpose.animate-active .purpose-box .purpose-image{transform:translateX(0);opacity:1}.service .marketing-solution{float:left;margin-bottom:30px;width:100%;clear:both;overflow:hidden}.service .marketing-solution .solution-list{clear:both;position:relative;width:100%;margin:0 auto}.service .marketing-solution .solution-list li{float:left;display:block;width:31.3%;height:320px;padding:3%;margin:1%;background-color:#f5f5f5;background-repeat:no-repeat;background-position:80% bottom;background-size:auto 30%}.service .marketing-solution .solution-list li h3{float:left;display:block;padding:5px 0;width:100%;line-height:35px;font-size:20px;font-weight:bold!important;color:#333;padding-left:55px;background-repeat:no-repeat;background-position:left top;background-size:auto 45px}.service .marketing-solution .solution-list li p{float:left;width:100%;line-height:26px;margin-top:15px;font-size:14px;color:#333}.service .marketing-solution .solution-list li.list-1{background-image:url('../images/service/web/marketing/01@3x.png')}.service .marketing-solution .solution-list li.list-1 h3{background-image:url('../images/service/web/marketing/icon_04@3x.png')}.service .marketing-solution .solution-list li.list-2{background-image:url('../images/service/web/marketing/02@3x.png')}.service .marketing-solution .solution-list li.list-2 h3{background-image:url('../images/service/web/marketing/icon_05@3x.png')}.service .marketing-solution .solution-list li.list-3{background-image:url('../images/service/web/marketing/03@3x.png')}.service .marketing-solution .solution-list li.list-3 h3{background-image:url('../images/service/web/marketing/icon_06@3x.png')}.service .marketing-solution.animate-enable .solution-list li{transition:all .6s ease-in-out;transform:translateY(200px);opacity:0}.service .marketing-solution.animate-active .solution-list li{transform:translateY(0);opacity:1}.service .marketing-solution.animate-active .solution-list li:nth-of-type(2){transition-delay:.2s}.service .marketing-solution.animate-active .solution-list li:nth-of-type(3){transition-delay:.4s}.service .marketing-solution .solution-list li:hover{box-shadow:5px 5px 10px rgba(0,0,0,.2);transition:all .3s linear!important;transition-delay:initial!important}.service .mall-purpose{float:left;position:relative;width:100%;padding-bottom:8%;clear:both;background-color:#f7f7f7;overflow:hidden}.service .mall-purpose .purpose-list{float:left;position:relative;width:44%;height:auto;margin:0% 8%}.service .mall-purpose .purpose-list li{float:left;width:100%;margin:20px 0}.service .mall-purpose .purpose-list li h3{float:left;display:block;width:100%;padding:5px 0 5px 60px;line-height:40px;font-size:20px;font-weight:bold!important;color:#333;background-repeat:no-repeat;background-position:left center;background-size:auto 50px}.service .mall-purpose .purpose-list li p{float:left;width:100%;line-height:26px;margin-top:15px;font-size:14px;color:#333}.service .mall-purpose .purpose-list li.list-1 h3{background-image:url('../images/service/web/mall/icon_04@3x.png')}.service .mall-purpose .purpose-list li.list-2 h3{background-image:url('../images/service/web/mall/icon_05@3x.png')}.service .mall-purpose .purpose-list li.list-3 h3{background-image:url('../images/service/web/mall/icon_06@3x.png')}.service .mall-purpose .purpose-image{position:absolute;right:0;bottom:5%;margin:0 3% 0 3%;width:34%}.service .mall-purpose.animate-enable .purpose-list li{transition:all .8s ease-in-out;transform:translateX(-400px);opacity:0}.service .mall-purpose.animate-active .purpose-list li{transform:translateX(0);opacity:1}.service .mall-purpose.animate-active .purpose-list li.list-2{transition-delay:.4s}.service .mall-purpose.animate-active .purpose-list li.list-3{transition-delay:.8s}.service .mall-purpose.animate-enable .purpose-image{transition:all 1.2s ease-in-out;transform:translateY(300px) scale(0);transition-delay:.4s;opacity:0}.service .mall-purpose.animate-active .purpose-image{opacity:1;transform:translateY(0) scale(1)}.service .mall-solution{float:left;width:100%;clear:both;background:url('../images/service/web/mall/image_03@3x.jpg') no-repeat center center;background-size:auto 100%;overflow:hidden}.service .mall-solution .service-box .service-title{color:#fff}.service .mall-solution .solution-list{float:left;clear:both;position:relative;width:100%;padding-bottom:2%}.service .mall-solution .solution-list li{float:left;display:block;width:16%;height:320px;margin:0 2% 4% 2%;text-align:center}.service .mall-solution .solution-list li div{float:left;width:100%}.service .mall-solution .solution-list li div img{width:100px;height:100px;transition:all .3s linear}.service .mall-solution .solution-list li h3{float:left;display:block;width:100%;height:45px;line-height:45px;margin-top:10px;font-size:20px;font-weight:bold!important;color:#fff}.service .mall-solution .solution-list li p{float:left;width:100%;line-height:26px;margin-top:10px;font-size:14px;color:#fff}.service .mall-solution.animate-enable .solution-list li{transition:all .6s ease-in-out;transform:translateY(200px);opacity:0}.service .mall-solution.animate-active .solution-list li{transform:translateY(0);opacity:1}.service .mall-solution.animate-active .solution-list li:nth-of-type(2){transition-delay:.2s}.service .mall-solution.animate-active .solution-list li:nth-of-type(3){transition-delay:.4s}.service .mall-solution.animate-active .solution-list li:nth-of-type(4){transition-delay:.6s}.service .mall-solution.animate-active .solution-list li:nth-of-type(5){transition-delay:.8s}.service .mall-solution.animate-active .solution-list li:nth-of-type(6){transition-delay:1s}.service .mall-solution.animate-active .solution-list li:nth-of-type(7){transition-delay:1.2s}.service .mall-solution.animate-active .solution-list li:nth-of-type(8){transition-delay:1.4s}.service .mall-solution.animate-active .solution-list li:nth-of-type(9){transition-delay:1.6s}.service .mall-solution.animate-active .solution-list li:nth-of-type(10){transition-delay:1.8s}.service .mall-solution .solution-list li:hover div img{transform:scale(1.1)}.service .responsive-advantage{float:left;margin-bottom:30px;width:100%;clear:both;overflow:hidden}.service .responsive-advantage .advantage-list{clear:both;position:relative;width:100%;margin:0 auto}.service .responsive-advantage .advantage-list li{position:relative;float:left;display:block;width:31.3%;height:450px;padding:3%;margin:1%;background-color:#fff;background-repeat:no-repeat;background-position:center bottom;background-size:100% auto;border:1px solid #dbf1ff}.service .responsive-advantage .advantage-list li h3{position:relative;float:left;padding:0 0 30px 0;width:100%;height:60px;line-height:30px;font-size:20px;font-weight:900!important;color:#333}.service .responsive-advantage .advantage-list li h3 i{position:absolute;bottom:0;left:0;margin:auto;display:block;width:25px;height:4px;overflow:hidden;background-color:#e4007f}.service .responsive-advantage .advantage-list li p{float:left;width:100%;line-height:26px;margin-top:25px;font-size:14px;color:#666}.service .responsive-advantage .advantage-list li img{position:absolute;bottom:6.5%;right:6.5%;width:50%;height:auto}.service .responsive-advantage .advantage-list li.list-1{background-image:url('../images/service/web/responsive/bg_01@2x.png')}.service .responsive-advantage .advantage-list li.list-2{background-image:url('../images/service/web/responsive/bg_02@2x.png')}.service .responsive-advantage .advantage-list li.list-3{background-image:url('../images/service/web/responsive/bg_03@2x.png')}.service .responsive-advantage.animate-enable .advantage-list li{transition:all .6s ease-in-out;transform:translateY(200px);opacity:0}.service .responsive-advantage.animate-enable .advantage-list li img{transition:all .6s ease-in-out;transform:scale(0);opacity:0;transition-delay:.4s}.service .responsive-advantage.animate-active .advantage-list li{transform:translateY(0);opacity:1}.service .responsive-advantage.animate-active .advantage-list li img{transform:scale(1);opacity:1}.service .responsive-advantage.animate-active .advantage-list li.list-2{transition-delay:.2s}.service .responsive-advantage.animate-active .advantage-list li.list-2 img{transition-delay:.6s}.service .responsive-advantage.animate-active .advantage-list li.list-3{transition-delay:.4s}.service .responsive-advantage.animate-active .advantage-list li.list-3 img{transition-delay:.8s}.service .responsive-advantage .advantage-list li:hover{box-shadow:5px 5px 10px rgba(0,0,0,.2);transition:all .3s linear!important;transition-delay:initial!important}.service .revision-reason{float:left;width:100%;clear:both;background:url('../images/service/web/revision/bg@3x.png') no-repeat center center;background-size:auto 100%;overflow:hidden}.service .revision-reason .service-box .service-title{color:#fff}.service .revision-reason .reason-list{float:left;position:relative;width:100%;margin-bottom:6%}.service .revision-reason .reason-list li{float:left;width:21%;margin:0 2%}.service .revision-reason .reason-list li img{float:left;width:60%;height:auto;margin:0 20%}.service .revision-reason .reason-list li h3{float:left;width:100%;line-height:30px;margin-top:15%;font-size:20px;color:#fff;text-align:center}.service .revision-reason.animate-enable .reason-list li{transition:all .6s ease-in-out;transform:translateY(200px);opacity:0}.service .revision-reason.animate-enable .reason-list li:nth-of-type(2){transition-delay:.2s}.service .revision-reason.animate-enable .reason-list li:nth-of-type(3){transition-delay:.6s}.service .revision-reason.animate-enable .reason-list li:nth-of-type(4){transition-delay:.8s}.service .revision-reason.animate-active .reason-list li{transform:translateY(0);opacity:1}.service .revision-advantage{float:left;margin-bottom:30px;width:100%;clear:both;text-align:center;overflow:hidden}.service .revision-advantage .advantage-list{clear:both;position:relative;width:1200px;height:640px;margin:0 auto;background:url('../images/service/web/revision/line@3x.png') no-repeat center 18%;background-size:auto 60%}.service .revision-advantage .advantage-list li{position:absolute;display:block;width:25%;text-align:center}.service .revision-advantage .advantage-list li img{float:left;width:30%;height:auto;margin:0 35% 5% 35%}.service .revision-advantage .advantage-list li h3{float:left;display:block;width:100%;line-height:35px;font-size:20px;font-weight:bold!important;color:#333}.service .revision-advantage .advantage-list li p{float:left;width:100%;line-height:24px;font-size:14px;color:#999}.service .revision-advantage .advantage-list li.list-1{left:0;bottom:9%}.service .revision-advantage .advantage-list li.list-2{left:9%;bottom:50%}.service .revision-advantage .advantage-list li.list-3{left:50%;bottom:74%;margin-left:-12.5%}.service .revision-advantage .advantage-list li.list-4{right:9%;bottom:50%}.service .revision-advantage .advantage-list li.list-5{right:0;bottom:9%}.service .revision-advantage .advantage-image{position:absolute;bottom:2%;left:0;right:0;margin:auto;width:480px;height:auto}.service .revision-advantage.animate-enable .advantage-image{transition:all .8s ease-in-out;transform:translateY(-200px) scale(0);opacity:0}.service .revision-advantage.animate-active .advantage-image{transform:translateY(0) scale(1);opacity:1}.service .revision-advantage.animate-enable .advantage-list li{transition:all .8s ease-in-out;transform:translateY(-100px) scale(0);opacity:0;transition-delay:.4s}.service .revision-advantage.animate-enable .advantage-list li img{transition:all .8s ease-in-out;transform:rotate(-720deg);transition-delay:.4s}.service .revision-advantage.animate-active .advantage-list li{transform:translateY(0) scale(1);opacity:1}.service .revision-advantage.animate-active .advantage-list li img{transform:rotate(0deg)}.service .service-advantage{float:left;padding-bottom:5%;width:100%;clear:both;background-color:#f6f6f6;overflow:hidden}.service .service-advantage .advantage-list{clear:both;position:relative;width:100%;margin:0 auto}.service .service-advantage .advantage-list li{position:relative;float:left;display:block;width:33.3%;cursor:pointer}.service .service-advantage .advantage-list li .list-image{position:relative;float:left;width:100%}.service .service-advantage .advantage-list li .list-image img{float:left;width:100%}.service .service-advantage .advantage-list li .list-image div{position:absolute;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);transition:all .3s ease-in-out;opacity:0}.service .service-advantage .advantage-list li .list-image div p{position:absolute;left:0;top:0;display:block;width:90%;height:89%;margin:5%;border:1px solid #fff;transition:all .6s ease-in-out;transform:scale(1.2);opacity:0}.service .service-advantage .advantage-list li .list-image div p span{position:absolute;left:0;right:0;top:0;bottom:0;margin:auto;display:block;width:80%;height:98px;line-height:24px;font-size:14px;color:#fff;transition:all .6s ease-in-out;transform:scale(0);opacity:0}.service .service-advantage .advantage-list li .list-title{position:relative;float:left;width:100%;padding:30px 5%;border-right:1px solid #e5e5e5;background-color:#fff}.service .service-advantage .advantage-list li .list-title h3{position:relative;float:left;padding:0 0 15px 0;width:100%;height:40px;line-height:30px;font-size:20px;font-weight:900!important;color:#333;text-align:center}.service .service-advantage .advantage-list li .list-title h3 i{position:absolute;bottom:0;left:0;right:0;margin:auto;display:block;width:25px;height:4px;overflow:hidden;background-color:#e4007f}.service .service-advantage .advantage-list li:hover .list-image div{opacity:1}.service .service-advantage .advantage-list li:hover .list-image div p{transform:scale(1);opacity:1}.service .service-advantage .advantage-list li:hover .list-image div p span{transform:scale(1);opacity:1}.service .service-advantage.animate-enable .advantage-list li{transition:all .8s ease-in-out;transform:translateY(300px);opacity:0}.service .service-advantage.animate-active .advantage-list li{transform:translateY(0);opacity:1}.service .service-advantage.animate-active .advantage-list li:nth-of-type(2){transition-delay:.3s}.service .service-advantage.animate-active .advantage-list li:nth-of-type(3){transition-delay:.6s}.service .service-process{float:left;padding-bottom:5%;width:100%;clear:both;background-color:#fff;overflow:hidden}.service .service-process .service-box{text-align:center}.service .service-process .process-list{margin:0 auto;width:1070px;text-align:center}.service .service-process .process-list li{float:left;display:inline-block;width:140px;height:140px;margin-bottom:30px;margin-left:-2px;cursor:pointer;padding-right:44px;background:url('../images/service/images/process-line.png') no-repeat right 48px;background-size:46px 5px}.service .service-process .process-list li.list-8{width:96px;padding:0;background:none}.service .service-process .process-list li p{position:relative;float:left;width:96px;height:96px;margin-bottom:20px;border:1px solid #b3b3b3;border-radius:50%;overflow:hidden;transition:all .5s ease-in-out}.service .service-process .process-list li p img.process-img1{float:left;width:100%;height:auto;transition:all .5s ease-in-out}.service .service-process .process-list li p img.process-img2{position:absolute;left:0;top:0;width:100%;height:auto;opacity:0;transition:all .5s ease-in-out}.service .service-process .process-list li h3{float:left;clear:both;width:120px;height:24px;line-height:24px;margin-left:-12px;font-size:16px;color:#333;text-align:center}.service .service-process .process-list li:hover p{border-color:#5cc2d0;background-color:#5cc2d0}.service .service-process .process-list li:hover p img.process-img1{opacity:0}.service .service-process .process-list li:hover p img.process-img2{opacity:1}.service .service-process.animate-enable .process-list li{transition:all .8s ease-in-out;transform:scale(0);width:0;opacity:0}.service .service-process.animate-active .process-list li{width:140px;transform:scale(1);opacity:1}.service .service-process.animate-active .process-list li.list-1{transition-delay:.1s}.service .service-process.animate-active .process-list li.list-2{transition-delay:.2s}.service .service-process.animate-active .process-list li.list-3{transition-delay:.3s}.service .service-process.animate-active .process-list li.list-4{transition-delay:.4s}.service .service-process.animate-active .process-list li.list-5{transition-delay:.5s}.service .service-process.animate-active .process-list li.list-6{transition-delay:.6s}.service .service-process.animate-active .process-list li.list-7{transition-delay:.7s}.service .service-process.animate-active .process-list li.list-8{width:96px;transition-delay:.8s}.service .service-advantage{float:left;padding-bottom:5%;width:100%;clear:both;background-color:#f6f6f6;overflow:hidden}.service .service-advantage .dynamiclist{clear:both;position:relative;width:100%;margin:0 auto}.service .service-advantage .dynamiclist .dynamic-left{position:relative;float:left;display:block;width:60%}.service .service-advantage .dynamiclist .dynamic-right{position:relative;float:left;display:block;width:40%}.service .service-advantage .dynamic-list{clear:both;position:relative;width:100%;margin:0 auto}.service .service-advantage .dynamic-list li:first-child{width:65%}.service .service-advantage .dynamic-list li{position:relative;float:left;display:block;width:32%;padding:7px;cursor:pointer}.service .service-advantage .dynamic-list li .list-image{position:relative;float:left;width:100%;overflow:hidden}.service .service-advantage .dynamic-list li .list-image img{float:left;width:100%;height:100%;transition:all .3s ease-in}.service .service-advantage .dynamic-list li:hover .list-image img{transform:scale(1.1)}.service .service-advantage .dynamic-list li .list-info{position:absolute;bottom:0;background-color:rgba(0,0,0,.2);padding:10px 15px;color:#fff;display:block;width:100%;cursor:pointer}.service .service-advantage .dynamic-list li .list-info .list-newstitle{position:relative;float:left;display:block;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}.service .service-advantage .dynamic-list li:hover .list-image div{opacity:1}.service .service-advantage .dynamic-list li:hover .list-image div p{transform:scale(1);opacity:1}.service .service-advantage .dynamic-list li:hover .list-image div p span{transform:scale(1);opacity:1}.service .service-advantage.animate-enable .dynamic-list li{transition:all .8s ease-in-out;transform:translateY(300px);opacity:0}.service .service-advantage.animate-active .dynamic-list li{transform:translateY(0);opacity:1}.service .service-advantage.animate-active .dynamic-list li:nth-of-type(2){transition-delay:.3s}.service .service-advantage.animate-active .dynamic-list li:nth-of-type(3){transition-delay:.6s}.service .service-advantage .dynamicnews{clear:both;position:relative;width:100%;margin:0 auto;overflow:hidden}.service .service-advantage .dynamicnews li{position:relative;float:left;display:block;width:100%;padding:5px 0 2.5% 0;cursor:pointer}.service .service-advantage .dynamicnews li .list-title{position:relative;float:left;width:100%;padding:0 0%}.service .service-advantage .dynamicnews li .list-title a{position:relative;float:left;padding:0 0 0 5%;width:100%;height:30px;line-height:30px;font-size:16px;color:#333;text-align:left;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}.service .service-advantage .dynamicnews li .list-title a:hover{color:#5cc2d0}.service .service-advantage .dynamicnews li .list-title a i{position:absolute;top:7px;left:0;margin:auto;display:block;width:17px;height:18px;overflow:hidden;background-color:#e4007f;background:url(/App_Assets/Web/Images/sn1.png) no-repeat left center}.service .service-advantage .dynamicnews li .list-title a:hover i{background:url(/App_Assets/Web/Images/sn2.png) no-repeat left center}.service .service-advantage .dynamicnews li:last-child a{padding:5px 0}.service .service-advantage.animate-enable .dynamicnews li{transition:all .8s ease-in-out;transform:translateY(300px);opacity:0}.service .service-advantage.animate-active .dynamicnews li{transform:translateY(0);transition-delay:.8s;opacity:1}@media screen and (max-width:1360px){.service .enterprise-purpose .purpose-list{height:480px}.service .enterprise-purpose .purpose-list ul{width:800px}.service .enterprise-solution .solution-list li{height:240px}.service .enterprise-solution .solution-list li.list-3{margin-top:15px}.service .enterprise-solution .solution-list li.list-4{margin-top:15px}.service .enterprise-solution .solution-list li.list-middle{width:22%;height:500px}.service .brand-purpose .purpose-list{height:500px}.service .brand-purpose .purpose-list .list-box img.list-center{width:18%}.service .brand-purpose .purpose-list .list-box ul.list-icon{width:500px;height:500px}.service .brand-purpose .purpose-list .list-box ul.list-word{width:820px;height:500px}.service .brand-purpose .purpose-list .list-box ul.list-word li.list-1{top:2.5%;left:17%}.service .brand-purpose .purpose-list .list-box ul.list-word li.list-2{top:45.5%;left:6%}.service .brand-purpose .purpose-list .list-box ul.list-word li.list-3{bottom:2.5%;left:17%}.service .brand-purpose .purpose-list .list-box ul.list-word li.list-6{top:2.5%;right:17%}.service .brand-purpose .purpose-list .list-box ul.list-word li.list-5{top:45.5%;right:6%}.service .brand-purpose .purpose-list .list-box ul.list-word li.list-4{bottom:2.5%;right:17%}.service .mall-solution .solution-list li{width:16%;height:240px;margin:0 2% 2% 2%}.service .mall-solution .solution-list li div{width:100%}.service .mall-solution .solution-list li div img{width:75px;height:75px}.service .mall-solution .solution-list li h3{height:30px;line-height:30px;margin-top:5px;font-size:16px}.service .mall-solution .solution-list li p{line-height:20px;margin-top:5px;font-size:12px}.service .revision-advantage .advantage-list{width:920px;height:500px}.service .revision-advantage .advantage-image{width:360px}.service .revision-advantage .advantage-list li h3{line-height:28px;font-size:16px}.service .revision-advantage .advantage-list li p{line-height:20px;font-size:12px}}@media screen and (max-width:1280px){.service .service-box{float:left;width:100%;padding:0 5%}.service .marketing-purpose .purpose-box{width:90%}}@media screen and (max-width:1200px){.service .service-box .service-title{line-height:30px;font-size:26px;margin:55px 0}.service .service-banner .service-box{height:320px}.service .service-banner .banner-word .h1{line-height:38px;font-size:32px}.service .service-invoicing .service-box .invoicing-con{width:100%}.service .service-invoicing .service-box .invoicing-con .invoicing-list li a img{height:60%}.service .interface .service-box{width:100%}.service .service-intr .service-box .intr-content{width:47%;margin-left:0%}.service .service-intr .intr-enterprise .intr-image img.image-1{bottom:10%}.service .service-intr .intr-enterprise .intr-image img.image-2{bottom:13%}.service .service-intr .intr-mall .intr-image img.image-2{bottom:32%}.service .service-intr .intr-mall .intr-image.animate-active img.image-2{bottom:32%}.service .mall-purpose .purpose-list{width:50%;margin:0% 5%}.service .mall-solution .solution-list li{width:17%;margin:0 1.5% 1.5% 1.5%}.service .revision-reason .reason-list li h3{line-height:28px;font-size:18px}.service .service-process .process-list{width:910px}.service .service-process .process-list li{width:120px;height:125px;margin-bottom:15px;margin-right:0;padding-right:40px;background-position:right 40px;background-size:42px 5px}.service .service-process .process-list li.list-8{width:80px;padding:0;background:none}.service .service-process .process-list li p{width:80px;height:80px}.service .service-process .process-list li h3{width:110px;height:24px;line-height:24px;margin-left:-15px;font-size:14px}.service .service-process.animate-active .process-list li{width:120px}.service .service-process.animate-active .process-list li.list-8{width:80px}}@media screen and (max-width:1024px){.service .service-box .service-title{line-height:28px;font-size:24px;margin:50px 0}.service .service-banner .service-box{height:300px}.service .service-banner .banner-word{height:160px}.service .service-banner .banner-word .h1{line-height:36px;font-size:30px}.service .service-banner .banner-word p{line-height:22px;font-size:16px}.service .service-nav li a{padding:0 15px}.service .service-intr .service-box .intr-content{width:45%;margin-left:0%}.service .service-intr .service-box .intr-image{width:55%}.service .service-intr .intr-enterprise{background-size:auto 60%}.service .service-intr .intr-enterprise .intr-image img.image-1{bottom:7%}.service .service-intr .intr-enterprise .intr-image img.image-2{bottom:10%}.service .service-intr .intr-mall .intr-image img.image-2{bottom:28%}.service .service-intr .intr-mall .intr-image.animate-active img.image-2{bottom:28%}.service .enterprise-purpose .purpose-list{height:450px;width:100%}.service .enterprise-purpose .purpose-list ul{width:700px}.service .enterprise-solution .solution-list li.list-middle h3{line-height:28px;font-size:24px}.service .enterprise-solution .solution-list li.list-middle p{line-height:28px;font-size:24px}.service .brand-purpose .purpose-list{width:100%;height:400px}.service .brand-purpose .purpose-list .list-box img.list-center{width:15%}.service .brand-purpose .purpose-list .list-box ul.list-icon{width:400px;height:400px}.service .brand-purpose .purpose-list .list-box ul.list-word{width:650px;height:400px}.service .brand-purpose .purpose-list .list-box ul.list-word li{font-size:12px}.service .brand-purpose .purpose-list .list-box ul.list-word li.list-1{top:2%;left:17%}.service .brand-purpose .purpose-list .list-box ul.list-word li.list-2{top:45%;left:6%}.service .brand-purpose .purpose-list .list-box ul.list-word li.list-3{bottom:2%;left:17%}.service .brand-purpose .purpose-list .list-box ul.list-word li.list-6{top:2%;right:17%}.service .brand-purpose .purpose-list .list-box ul.list-word li.list-5{top:45%;right:6%}.service .brand-purpose .purpose-list .list-box ul.list-word li.list-4{bottom:2%;right:17%}.service .brand-solution .solution-list li div{background-size:auto 25%}.service .marketing-solution .solution-list li{background-size:auto 25%}.service .marketing-solution .solution-list li h3{line-height:30px;font-size:16px;padding-left:45px;background-size:auto 40px}.service .mall-purpose .purpose-list{width:54%;margin:0% 3%}.service .mall-purpose .purpose-list li h3{padding:5px 0 5px 50px;line-height:30px;font-size:18px;background-size:auto 40px}.service .mall-purpose .purpose-list li p{margin-top:8px;line-height:24px;font-size:13px}.service .mall-solution .solution-list li{width:21%;margin:0 2% 2% 2%}.service .responsive-advantage .advantage-list li{height:400px}.service .revision-reason .reason-list li h3{line-height:26px;font-size:16px}.service .revision-advantage .advantage-list{width:740px;height:400px}.service .revision-advantage .advantage-list li h3{line-height:24px;font-size:14px}.service .revision-advantage .advantage-list li.list-3{bottom:72%}.service .revision-advantage .advantage-image{width:270px}.service .service-advantage .advantage-list li .list-image div p span{height:122px}.service .service-advantage .advantage-list li .list-title h3{font-size:18px}.service .service-process .process-list{width:440px}.service .service-process .process-list li{margin-right:0;padding-right:40px;background-position:right 40px;background-size:42px 5px}.service .service-process .process-list li.list-4{width:80px;padding:0;background:none}.service .service-process .process-list li.list-5{clear:both}.service .service-process.animate-active .process-list li{width:120px}.service .service-process.animate-active .process-list li.list-4{width:80px}.service .service-process.animate-active .process-list li.list-8{width:80px}}@media screen and (max-width:850px){.service .service-box .service-title{line-height:26px;font-size:22px;margin:45px 0}.service .service-banner .service-box{height:280px}.service .service-banner .banner-word{width:50%;height:140px;bottom:inherit;top:15%}.service .service-banner .banner-word .h1{line-height:32px;font-size:26px;padding:18px 0;margin:10px 0}.service .service-banner .banner-word p{line-height:20px;font-size:15px}.service .service-nav li a{padding:0 5px}.service .service-intr .intr-enterprise .intr-image img.image-1{bottom:3%}.service .service-intr .intr-enterprise .intr-image img.image-2{bottom:6%}.service .service-intr .intr-brand .intr-image{background-size:60% auto}.service .service-intr .intr-brand .intr-image img{width:92%}.service .service-coreAdvantage .service-box .honeycomb{width:588px;height:620px}.service .service-coreAdvantage .service-box .honeycomb .hexGrid .hex:nth-child(6){margin-left:100px}.service .service-coreAdvantage .service-box .honeycomb .hexGrid .hex h3{font-size:16px}.service .service-coreAdvantage .service-box .honeycomb .hexGrid .hex p{font-size:14px}.service .mobile-purpose .purpose-list{padding-bottom:10%}.service .mobile-purpose .purpose-list li h3{font-size:18px}.service .mobile-purpose.animate-active .purpose-list img.purpose-image-1{transform:translate(-50%,-147%)}.service .mobile-purpose.animate-active .purpose-list img.purpose-image-2{transform:translate(57%,-147%)}.service .mobile-purpose.animate-active .purpose-list img.purpose-image-3{transform:translate(-50%,40%)}.service .mobile-purpose.animate-active .purpose-list img.purpose-image-4{transform:translate(57%,40%)}.service .weChat-function ul li{width:48%}.service .enterprise-purpose .purpose-list ul{width:100%}.service .brand-solution .solution-list li{height:240px}.service .brand-solution .solution-list li div{background-size:auto 20%}.service .brand-solution .solution-list li div h3{height:35px;line-height:35px;font-size:14px;padding-left:40px}.service .brand-solution .solution-list li div p{line-height:22px;margin-top:10px;font-size:12px}.service .marketing-purpose .service-box{height:500px}.service .marketing-purpose .purpose-box{height:380px}.service .marketing-purpose .purpose-box .purpose-word .purpose-title{line-height:30px;font-size:22px;font-weight:bold!important;padding:10px 0 20px 0;margin:10px 0}.service .marketing-purpose .purpose-box .purpose-word .purpose-info{line-height:20px;font-size:12px}.service .marketing-solution .solution-list li{height:280px;background-size:auto 20%}.service .marketing-solution .solution-list li h3{line-height:22px;font-size:14px;padding-left:38px;background-size:auto 32px}.service .marketing-solution .solution-list li p{line-height:22px;margin-top:10px;font-size:12px}.service .mall-purpose .purpose-list{width:60%;margin:0%}.service .mall-purpose .purpose-list li h3{padding:5px 0 5px 42px;line-height:22px;font-size:16px;background-size:auto 32px}.service .mall-purpose .purpose-list li p{margin-top:5px;line-height:22px;font-size:12px}.service .mall-solution .solution-list li{width:29.3%;margin:0 2% 2% 2%}.service .responsive-advantage .advantage-list li{height:330px}.service .responsive-advantage .advantage-list li h3{padding:0 0 20px 0;height:50px;line-height:25px;font-size:16px}.service .responsive-advantage .advantage-list li p{line-height:22px;margin-top:15px;font-size:12px}.service .service-advantage .advantage-list li .list-image div p span{height:100px;line-height:20px;font-size:12px}.service .service-advantage .advantage-list li .list-title h3{font-size:16px}.service .service-advantage .dynamiclist .dynamic-left{position:relative;float:left;display:block;width:100%}.service .service-advantage .dynamiclist .dynamic-right{position:relative;float:left;display:block;width:100%}}@media screen and (max-width:768px){.service .service-box .service-title{line-height:24px;font-size:20px;margin:40px 0}.service .service-nav .service-box{margin-top:-50px;padding-top:50px}.service .service-nav li a{padding:0 5px;font-size:14px}.service .service-intr .service-box{height:auto}.service .service-intr .service-box .intr-content{width:100%;margin-left:0;padding:0 5%}.service .service-intr .service-box .intr-content .intr-list li{padding:2% 8%}.service .service-intr .service-box .intr-image{clear:both;width:100%;height:360px;margin-top:5%}.service .service-intr .intr-enterprise{height:auto;background-position:center bottom;background-size:120% auto}.service .service-intr .intr-enterprise .intr-image img.image-1{bottom:25%;left:25%;width:45%}.service .service-intr .intr-enterprise .intr-image img.image-2{bottom:28%;left:49%;width:30%}.service .service-intr .intr-brand .intr-image{background-size:45% auto}.service .service-intr .intr-brand .intr-image img{width:75%}.service .service-intr .intr-marketing .intr-image{background-size:89% auto}.service .service-intr .intr-marketing .intr-image img.image-1{width:61%}.service .service-intr .intr-marketing .intr-image img.image-2{width:55%}.service .service-intr .intr-mall .intr-image img.image-1{width:53%}.service .service-intr .intr-mall .intr-image img.image-2{width:40%}.service .service-intr .intr-mall .intr-image img.image-3{width:46%}.service .service-intr .intr-mall .intr-image.animate-active img.image-2{width:40%}.service .service-intr .intr-responsive .intr-image{background-size:80% auto}.service .service-invoicing .service-box .invoicing-con .invoicing-list li a{height:250px;padding:30px 0 0}.service .applet-characteristic .solution-list li{width:29%;height:220px}.service .enterprise-purpose .purpose-list{height:400px}.service .enterprise-purpose .purpose-list ul li p{font-size:12px}.service .enterprise-solution .solution-list li{height:200px}.service .enterprise-solution .solution-list li h3{height:36px;line-height:36px;font-size:16px;padding-left:45px}.service .enterprise-solution .solution-list li p{line-height:24px;margin-top:10px;font-size:12px}.service .enterprise-solution .solution-list li.list-middle{width:21%;height:420px}.service .enterprise-solution .solution-list li.list-middle h3{line-height:24px;font-size:20px}.service .enterprise-solution .solution-list li.list-middle p{line-height:24px;font-size:20px}.service .brand-purpose .purpose-list{width:100%;height:350px}.service .brand-purpose .purpose-list .list-box img.list-center{width:15%}.service .brand-purpose .purpose-list .list-box ul.list-icon{width:350px;height:350px}.service .brand-purpose .purpose-list .list-box ul.list-word{width:580px;height:350px}.service .mall-purpose .purpose-list{width:100%}.service .mall-purpose .purpose-image{float:left;clear:both;position:relative;right:auto;bottom:auto;margin:30px 20% 0 20%;width:60%}.service .mall-purpose.animate-enable .purpose-image{transition-delay:1.2s}.service .revision-reason .reason-list li h3{line-height:22px;font-size:14px}.service .revision-advantage .advantage-list{width:620px;height:335px;background-position:center top}.service .revision-advantage .advantage-list li.list-3{bottom:70%}.service .revision-advantage .advantage-image{width:220px}.service .service-advantage .advantage-list li .list-image div p span{height:120px}.service .service-advantage .advantage-list li .list-title h3{font-size:14px}}@media screen and (max-width:640px){.service .service-box .service-title{margin:30px 0}.service .service-banner .service-box{height:240px}.service .service-banner .banner-word{width:55%;height:120px;top:0;bottom:0}.service .service-banner .banner-word .h1{line-height:28px;font-size:20px;padding:16px 0;margin:6px 0}.service .service-banner .banner-word p{line-height:18px;font-size:14px}.service .service-intr .service-box .intr-content{padding:0 3%}.service .service-intr .service-box .intr-content .intr-list li{padding:2% 5%}.service .service-intr .intr-enterprise .intr-image{height:280px}.service .service-intr .intr-brand .intr-image{background-size:52% auto}.service .service-intr .intr-brand .intr-image img{width:85%}.service .service-intr .intr-mall .intr-image img.image-2{bottom:24%}.service .service-intr .intr-mall .intr-image.animate-active img.image-2{bottom:24%}.service .interface{padding:0}.service .service-bannerBtn a{width:110px;height:40px;line-height:38px;font-size:16px;background-position:10px center}.service .service-difficulty .service-box .service-difficultyList .difficulty-list li{width:33.3%}.service .service-difficulty .service-box .service-difficultyList .difficulty-list li p{font-size:16px}.service .service-difficulty .service-box .service-difficultyList .difficulty-list .borRit{border-top:1px solid #ededed;border-right:1px solid #ededed}.service .service-difficulty .service-box .service-difficultyList .difficulty-list li:nth-child(3){border-right:0}.service .service-difficulty .service-box .service-difficultyList .difficulty-list li:nth-child(6){border-right:0;border-bottom:1px solid #ededed}.service .interface .service-box .interface-content{width:100%}.service .interface .service-box .interface-image{width:100%;margin-top:30px;clear:both}.service .invoicing-ser .invoicing-field .field-list li{width:25%}.service .service-invoicing .service-box .invoicing-con .invoicing-list li{width:100%;padding:10px}.service .urc-incoicing .logo{margin:0 0 20px}.service .service-coreAdvantage .service-box .honeycomb{width:100%;height:auto}.service .service-coreAdvantage .service-box .honeycomb .hexGrid{position:static}.service .service-coreAdvantage .service-box .honeycomb .hexGrid .hex{width:50%;height:auto;margin:0;padding:0 0 30px 12%;text-align:left;background-color:inherit}.service .service-coreAdvantage .service-box .honeycomb .hexGrid .hex.core{display:none}.service .service-coreAdvantage .service-box .honeycomb .hexGrid .hex.hex-gap,.service .service-coreAdvantage .service-box .honeycomb .hexGrid .hex:nth-child(6){margin:0}.service .service-coreAdvantage .service-box .honeycomb .hexGrid .hex:before,.service .service-coreAdvantage .service-box .honeycomb .hexGrid .hex:after{content:'';background-color:inherit;-webkit-transform:rotate(0deg);transform:rotate(0deg)}.service .service-coreAdvantage .service-box .honeycomb .hexGrid .hex:before{content:'';display:inline-block;width:30px;height:30px;line-height:30px;font-size:16px;text-align:center;color:#fff;border-radius:50%;background-color:#55c3ff}.service .service-coreAdvantage .service-box .honeycomb .hexGrid .hex h3{padding:5px 0}.service .service-coreAdvantage .service-box .honeycomb .hexGrid .hex:nth-child(1):before{content:'1'}.service .service-coreAdvantage .service-box .honeycomb .hexGrid .hex:nth-child(3):before{content:'2'}.service .service-coreAdvantage .service-box .honeycomb .hexGrid .hex:nth-child(4):before{content:'3'}.service .service-coreAdvantage .service-box .honeycomb .hexGrid .hex:nth-child(5):before{content:'4'}.service .service-coreAdvantage .service-box .honeycomb .hexGrid .hex:nth-child(6):before{content:'5'}.service .service-coreAdvantage .service-box .honeycomb .hexGrid .hex:nth-child(7):before{content:'6'}.service .service-module .service-box .module-con{overflow-x:auto}.service .service-module .service-box .module-con .tableBox{width:600px}.service .service-module .service-box .module-con .tableBox tr:last-child td:last-child a{height:40px;line-height:40px;margin:5px}.service .service-module .service-box .module-con .tableBox tr th.pay-head div{font-size:18px}.service .workbench.animate-active .service-box .interface-image{transition-delay:1.8s}.service .purchase.animate-active .service-box .interface-image{transition-delay:1.8s}.service .mobile-purpose .purpose-list li{width:100%;background-position:5% top}.service .mobile-purpose .purpose-list li.mobile-img{display:none}.service .mobile-purpose .purpose-list li.list-3{margin-top:6%}.service .mobile-purpose .purpose-list li h3{font-size:16px}.service .hFive-purpose .hFive-list li{width:98%;margin:8% 1%}.service .hFive-purpose .hFive-list li img{width:25%}.service .hFive-purpose .hFive-list li h3{padding-top:20%;font-size:16px}.service .hFive-purpose .hFive-list li h3 i{top:54%}.service .hFive-classification ul li{width:100%}.service .hFive-classification ul li img{width:32%}.service .hFive-classification ul li h3{font-style:20px}.service .applet-characteristic .solution-list li{width:46%}.service .applet-characteristic .solution-list li h3{font-size:16px}.service .weChat-function ul li{width:98%;height:auto}.service .weChat-function ul li img{width:30%}.service .weChat-function ul li h3{font-size:16px}.service .weChat-function ul li p{padding-bottom:3%}.service .enterprise-purpose .purpose-list{float:left;height:auto;background:none}.service .enterprise-purpose .purpose-list ul{float:left;position:relative;width:100%;height:auto}.service .enterprise-purpose .purpose-list ul li{float:left;position:relative;width:28.3%;margin:2.5%}.service .enterprise-purpose .purpose-list ul li.list-1{top:auto;left:auto}.service .enterprise-purpose .purpose-list ul li.list-2{top:auto;left:auto}.service .enterprise-purpose .purpose-list ul li.list-3{bottom:auto;left:auto}.service .enterprise-purpose .purpose-list ul li.list-4{top:auto;right:auto;clear:both}.service .enterprise-purpose .purpose-list ul li.list-5{top:auto;right:auto}.service .enterprise-purpose .purpose-list ul li.list-6{bottom:auto;right:auto}.service .enterprise-purpose .purpose-list ul li p{font-size:14px}.service .enterprise-purpose .purpose-list .purpose-image-1{display:none}.service .enterprise-purpose .purpose-list .purpose-image-2{display:none}.service .enterprise-purpose.animate-enable .purpose-list{transition:initial;transform:initial;opacity:initial}.service .enterprise-purpose.animate-active .purpose-list{transform:initial;opacity:initial}.service .enterprise-purpose.animate-enable .purpose-list img{transition-delay:0s}.service .enterprise-purpose.animate-enable .purpose-list p{transition-delay:0s}.service .enterprise-purpose.animate-enable .purpose-list li.list-1{transition-delay:0s}.service .enterprise-purpose.animate-enable .purpose-list li.list-2{transition-delay:.2s}.service .enterprise-purpose.animate-enable .purpose-list li.list-3{transition-delay:.4s}.service .enterprise-purpose.animate-enable .purpose-list li.list-4{transition-delay:.6s}.service .enterprise-purpose.animate-enable .purpose-list li.list-5{transition-delay:.8s}.service .enterprise-purpose.animate-enable .purpose-list li.list-6{transition-delay:1s}.service .enterprise-solution .solution-list li{width:48%;padding:4% 5%}.service .enterprise-solution .solution-list li.list-middle{display:none}.service .enterprise-solution .solution-list li.list-3{margin-top:4%}.service .enterprise-solution .solution-list li.list-4{margin-top:4%}.service .brand-purpose .purpose-list{float:left;margin-bottom:8%;width:100%;height:auto;background:none}.service .brand-purpose .purpose-list .list-box{background:none}.service .brand-purpose .purpose-list .list-box img.list-center{display:none}.service .brand-purpose .purpose-list .list-box ul.list-word{display:none}.service .brand-purpose .purpose-list .list-box ul.list-icon{float:left;position:relative;top:auto;bottom:auto;left:auto;right:auto;width:100%;height:auto}.service .brand-purpose .purpose-list .list-box ul.list-icon li{float:left;position:relative;top:auto!important;bottom:auto!important;left:auto!important;right:auto!important;width:28.3%;height:auto;margin:0 2.5% 5% 2.5%}.service .brand-purpose .purpose-list .list-box ul.list-icon li img{float:left;margin:10% 25%;width:50%;height:auto}.service .brand-purpose .purpose-list .list-box ul.list-icon li h3{display:block}.service .brand-purpose.animate-enable .purpose-list{transition:inherit;transform:inherit;opacity:inherit}.service .brand-purpose.animate-active .purpose-list{transform:inherit;opacity:inherit}.service .brand-purpose.animate-enable .purpose-list .list-box{transition:inherit;transform:inherit;opacity:inherit;transition-delay:inherit}.service .brand-purpose.animate-active .purpose-list .list-box{transform:inherit;opacity:inherit}.service .brand-purpose.animate-enable .purpose-list ul.list-icon li.list-1{transition-delay:.1s}.service .brand-purpose.animate-enable .purpose-list ul.list-icon li.list-2{transition-delay:.2s}.service .brand-purpose.animate-enable .purpose-list ul.list-icon li.list-3{transition-delay:.3s}.service .brand-purpose.animate-enable .purpose-list ul.list-icon li.list-6{transition-delay:.4s}.service .brand-purpose.animate-enable .purpose-list ul.list-icon li.list-5{transition-delay:.5s}.service .brand-purpose.animate-enable .purpose-list ul.list-icon li.list-4{transition-delay:.6s}.service .brand-solution .solution-list li{margin:3% 0;padding:5%;width:100%;height:200px}.service .brand-solution .solution-list li div{background-size:auto 30%}.service .brand-solution .solution-list li div h3{height:45px;line-height:45px;font-size:18px;padding-left:50px}.service .brand-solution .solution-list li div p{line-height:26px;font-size:14px}.service .marketing-solution .solution-list li{margin:3% 0;padding:5%;width:100%;height:200px;background-size:auto 30%}.service .marketing-solution .solution-list li h3{line-height:35px;font-size:18px;padding-left:50px;background-size:auto 45px}.service .marketing-solution .solution-list li p{line-height:26px;font-size:14px}.service .marketing-purpose .service-box{height:auto}.service .marketing-purpose .purpose-box{float:left;position:relative;left:auto;right:auto;top:auto;bottom:auto;width:100%;height:auto;padding:10% 0}.service .marketing-purpose .purpose-box .purpose-word{width:100%;height:auto;padding-bottom:8%;background-size:cover}.service .marketing-purpose .purpose-box .purpose-word .purpose-title{line-height:28px;font-size:18px;padding:10px 0 15px 0}.service .marketing-purpose .purpose-box .purpose-image{clear:both;float:left;width:100%;height:300px;background-size:cover}.service .mall-solution .solution-list li{width:44%;height:260px;margin:0 3% 8% 3%}.service .mall-solution .solution-list li h3{height:36px;line-height:36px;font-size:18px}.service .mall-solution .solution-list li p{line-height:24px;font-size:14px}.service .responsive-advantage .advantage-list li{height:auto;width:100%;padding:6%;margin:0 0 6% 0;padding-bottom:180px}.service .responsive-advantage .advantage-list li img{width:120px}.service .revision-reason .reason-list li{width:42%;margin:0 4% 10% 4%}.service .revision-reason .reason-list li:nth-of-type(3){clear:both}.service .revision-reason .reason-list li h3{margin-top:8%;line-height:26px;font-size:16px}.service .revision-advantage .advantage-list{float:left;width:100%;height:auto;background:none}.service .revision-advantage .advantage-list li{float:left;position:relative;left:auto!important;right:auto!important;bottom:auto!important;width:44%;margin:0 3% 6% 3%!important}.service .revision-advantage .advantage-list li:nth-of-type(2n+1){clear:both}.service .revision-advantage .advantage-list li img{width:40%;margin:0 30% 5% 30%}.service .revision-advantage .advantage-list li h3{line-height:28px;font-size:16px}.service .revision-advantage.animate-enable .advantage-list li{transition-delay:initial;transform:translateY(200px) scale(0)}.service .revision-advantage.animate-enable .advantage-list li.list-2{transition-delay:.2s}.service .revision-advantage.animate-enable .advantage-list li.list-3{transition-delay:.4s}.service .revision-advantage.animate-enable .advantage-list li.list-4{transition-delay:.6s}.service .revision-advantage.animate-enable .advantage-list li.list-5{transition-delay:.8s}.service .revision-advantage.animate-enable .advantage-list li img{transition-delay:initial}.service .revision-advantage.animate-active .advantage-list li{transform:translateY(0) scale(1)}.service .revision-advantage .advantage-image{display:none}.service .service-advantage .advantage-list li{width:50%}.service .service-advantage .advantage-list li .list-image div p span{height:100px}.service .service-advantage .advantage-list li .list-title h3{font-size:16px}.service .service-advantage .dynamiclist .dynamic-left{position:relative;float:left;display:block;width:100%}.service .service-advantage .dynamiclist .dynamic-right{position:relative;float:left;display:block;width:100%}.service .service-advantage .dynamic-list li:first-child{width:100%}.service .service-advantage .dynamic-list li{width:100%}}@media screen and (max-width:480px){.service .service-banner{padding:10% 0}.service .service-banner .service-box{height:auto}.service .service-banner .banner-image{float:left;position:relative;top:auto;bottom:auto;left:auto;width:100%}.service .service-banner .banner-word{clear:both;float:left;position:relative;top:auto;bottom:auto;right:auto;padding:0 4%;margin-top:5%;width:100%;height:auto}.service .service-banner .banner-word .h1{line-height:30px;font-size:24px;padding:18px 0;margin:10px 0}.service .service-banner .banner-word p{line-height:20px;font-size:15px}.service .service-intr .service-box .intr-content{padding:0 0%}.service .service-intr .service-box .intr-content .intr-word{line-height:24px;font-size:12px}.service .service-intr .service-box .intr-content .intr-list li img{width:70%;margin:10% 15%}.service .service-intr .service-box .intr-content .intr-list li p{font-size:12px}.service .service-intr .service-box .intr-content .intr-list li{padding:2% 3%}.service .service-intr .service-box .intr-image{height:260px}.service .service-intr .intr-brand .intr-image{height:300px}.service .service-intr .intr-enterprise .intr-image{height:220px}.service .service-intr .intr-brand .intr-image{background-size:63% auto}.service .service-intr .intr-brand .intr-image img{width:98%}.service .invoicing-ser .invoicing-field .field-list li{width:33.3%}.service .interface .service-box .interface-image{height:290px}.service .service-invoicing.animate-active .service-box .invoicing-con .invoicing-list li{width:100%;padding:10px}.service .service-difficulty .service-box .service-difficultyList .difficulty-list li{width:50%;border:0}.service .service-difficulty .service-box .service-difficultyList .difficulty-list li.borRit{border:0}.service .service-difficulty .service-box .service-difficultyList .difficulty-list li:nth-child(odd){border:1px solid #ededed;border-bottom:0;border-right:0}.service .service-difficulty .service-box .service-difficultyList .difficulty-list li:nth-child(even){border:1px solid #ededed;border-bottom:0}.service .service-difficulty .service-box .service-difficultyList .difficulty-list li:nth-child(7),.service .service-difficulty .service-box .service-difficultyList .difficulty-list li:nth-child(8){border-bottom:1px solid #ededed}.service .hFive-purpose .hFive-list li{height:200PX}.service .hFive-purpose .hFive-list li img{top:3%}.service .applet-characteristic .solution-list li{height:230px}.service .enterprise-purpose .purpose-list ul li p{font-size:12px}.service .enterprise-solution .solution-list li h3{height:30px;line-height:30px;font-size:14px;padding-left:40px}.service .enterprise-solution .solution-list li p{line-height:24px;margin-top:10px;font-size:12px}.service .brand-purpose .purpose-list .list-box ul.list-icon li h3{font-size:12px}.service .brand-solution .solution-list li{height:240px}.service .brand-solution .solution-list li div{background-size:auto 25%}.service .marketing-solution .solution-list li{height:240px;background-size:auto 25%}.service .mall-purpose .purpose-image{margin:20px 10% 0 10%;width:80%}.service .mall-solution .solution-list li{width:92%;height:auto;margin:0 4% 12% 4%}.service .mall-solution .solution-list li h3{height:36px;line-height:36px;font-size:18px}.service .mall-solution .solution-list li p{line-height:24px;font-size:14px}.service .revision-reason .reason-list li h3{line-height:22px;font-size:14px}.service .revision-advantage .advantage-list li h3{line-height:24px;font-size:14px}.service .service-advantage .advantage-list li{width:100%}.service .service-advantage .advantage-list li .list-image div p span{height:98px;line-height:24px;font-size:14px}.service .service-advantage .advantage-list li .list-title h3{font-size:18px}.service .service-process .process-list{float:left;width:100%}.service .service-process .process-list li{float:initial;width:120px;margin:20px 10px;padding:0 20px;background:none}.service .service-process .process-list li.list-4{width:80px;padding:0 20px}.service .service-process .process-list li.list-5{clear:initial}.service .service-process .process-list li.list-8{width:80px;padding:0 20px}.service .service-process.animate-enable .process-list li{width:120px;transform:scale(0) translateY(200px);width:120px}.service .service-process.animate-active .process-list li{width:120px;transform:scale(1) translateY(0);width:120px}.service .service-process.animate-active .process-list li.list-4{width:120px}.service .service-process.animate-active .process-list li.list-8{width:120px}}@media screen and (max-width:375px){.service .service-banner .banner-word{padding:0 3%}.service .service-banner .banner-word .h1{line-height:30px;font-size:20px;padding:16px 0;margin:8px 0}.service .service-banner .banner-word p{line-height:18px;font-size:14px}.service .service-intr .service-box .intr-content .intr-list li{padding:2%}.service .service-intr .service-box .intr-image{height:220px}.service .service-intr .intr-brand .intr-image{height:250px}.service .service-intr .intr-enterprise .intr-image{height:200px}.service .service-intr .intr-enterprise .intr-image img.image-1{bottom:22%;left:12%;width:55%}.service .service-intr .intr-enterprise .intr-image img.image-2{bottom:25%;left:42%;width:43%}.service .service-intr .intr-brand .intr-image{background-size:65% auto}.service .service-intr .intr-brand .intr-image img{width:100%}.service .enterprise-purpose .purpose-list ul li{float:left;position:relative;width:40%;margin:5%}.service .enterprise-purpose .purpose-list ul li.list-4{clear:initial}.service .enterprise-purpose .purpose-list ul li:nth-child(2n+1){clear:both}.service .enterprise-solution .solution-list li{width:100%;padding:5% 8%}.service .enterprise-solution .solution-list li h3{height:40px;line-height:40px;font-size:18px;padding-left:50px}.service .enterprise-solution .solution-list li p{line-height:28px;margin-top:10px;font-size:14px}.service .enterprise-solution .solution-list li.list-2{margin-top:6%}.service .enterprise-solution .solution-list li.list-3{margin-top:6%}.service .enterprise-solution .solution-list li.list-4{margin-top:6%}.service .brand-solution .solution-list li{height:220px}.service .marketing-solution .solution-list li{height:220px}.service .marketing-solution .solution-list li h3{line-height:22px;font-size:16px;padding-left:38px;background-size:auto 32px}.service .marketing-solution .solution-list li p{line-height:24px;font-size:12px}.service .brand-purpose .purpose-list .list-box ul.list-icon li{width:42%;margin:0 4% 5% 4%}.service .revision-advantage .advantage-list li{width:100%;margin:0 0% 10% 0%!important}.service .revision-advantage .advantage-list li img{width:24%;margin:0 38% 5% 38%}.service .revision-advantage .advantage-list li h3{line-height:28px;font-size:16px}}