@charset "utf-8";html{font-size:62.5%}input{border-radius:0;-webkit-appearance:none}a:hover{text-decoration:none}body{background:#fff;font-family:Tahoma,Arial,Roboto,"microsoft yahei","Droid Sans","Helvetica Neue","Droid Sans Fallback","Heiti SC","Hiragino Sans GB",Simsun,sans-self;padding:0;margin:0}dl,h1,h2,h3,ul{font-weight:400;list-style:none;padding:0;margin:0}.swiper-slide{background:#fff}.guide{width:100%;height:160px;background:#22252f}.guide .guide-list{float:left;margin-top:70px;color:#fff;font-size:18px;overflow:hidden}.guide .guide-list li{width:220px;text-align:center;float:left}.guide .guide-list li a{color:#fff}.copy{height:110px;background:#1e2225}.copy .copy-text{text-align:center;margin-top:50px;color:#fff}.common-contact-us{height:180px;background:#21baff}.common-contact-us .common-contact-us-title{font-size:40px;margin-bottom:55px;margin-top:70px;color:#fff;padding:0 53px}.common-contact-us .common-contact-us-title h2{float:left;font-size:20px;color:#707176;line-height:40px;display:block;height:40px;padding-left:260px;background:url(../images/title-sprit.png) 0 -120px no-repeat;vertical-align:bottom}.common-contact-us .common-contact-us-title .common-contact-us-info{position:relative;top:-12px;float:left;font-size:16px;line-height:28px}.common-contact-us .common-contact-us-title .common-contact-us-more{margin-right:60px;width:195px;height:55px;background:url(../images/case-contact-us-more.png) center no-repeat;float:right}.common-contact-us .common-contact-us-title .common-contact-us-more a{display:block;width:100%;height:100%}.service-banner{width:100%;position:relative}.service-container .service-container-intro{padding:0 53px;font-size:16px;color:#93959d;line-height:28px;margin-bottom:90px}.service-container .service-container-intro .service-container-intro-icon{position:relative;left:100px;top:-70px;width:89%}.service-container .service-container-intro .service-container-intro-icon img{width:100%;height:100%}.service-container .advantage-container-title h2{background:url(../images/title-sprit.png) 0 -200px no-repeat}.service-container .service-container-title h2{background:url(../images/title-sprit.png) 0 -160px no-repeat}.service-container .advantage-container-title,.service-container .service-container-title{overflow:hidden;font-size:40px;margin-bottom:55px;margin-top:100px;color:#fff;padding:0 53px}.service-container .advantage-container-title h2,.service-container .service-container-title h2{float:left;font-size:20px;color:#707176;line-height:40px;display:block;height:40px;padding-left:260px;vertical-align:bottom}.service-container .advantage-container-title .service-container-more,.service-container .service-container-title .service-container-more{width:195px;height:55px;background:url(../images/service-title-detail.png) center no-repeat;float:right}.service-container .advantage-container-title .service-container-more a,.service-container .service-container-title .service-container-more a{display:block;width:100%;height:100%}.soft-service{background:#1e2225}.soft-service .soft-service-container .row .soft-service-wrapper{padding:100px 53px 120px;overflow:hidden;border-bottom:1px solid #35393b}.soft-service .soft-service-container .row .soft-service-wrapper .soft-service-desc,.soft-service .soft-service-container .row .soft-service-wrapper .soft-service-icon{padding-left:0;padding-right:0}.soft-service .soft-service-container .row .soft-service-wrapper .soft-service-desc{color:#fff;margin-bottom:35px}.soft-service .soft-service-container .row .soft-service-wrapper .soft-service-desc .title{margin-bottom:70px;font-size:36px}.soft-service .soft-service-container .row .soft-service-wrapper .soft-service-desc .title .icon-left-arrow,.soft-service .soft-service-container .row .soft-service-wrapper .soft-service-desc .title .icon-right-arrow{padding:15px;font-size:10px;width:40px;height:40px;background:url(../images/icon.png);margin-left:30px}.soft-service .soft-service-container .row .soft-service-wrapper .soft-service-desc .title .icon-left-arrow{background-position:0 0}.soft-service .soft-service-container .row .soft-service-wrapper .soft-service-desc .title .icon-right-arrow{background-position:36px 0}.soft-service .soft-service-container .row .soft-service-wrapper .soft-service-desc .summary{width:90%;font-size:16px;line-height:28px}.soft-service .soft-service-container .row .soft-service-wrapper .soft-service-icon img{width:88.3%}.service-slogan{height:750px;color:#1e2225}.service-slogan .service-slogan-container{padding:0 53px 120px}.service-slogan .service-slogan-container h1{margin-top:250px;font-size:36px;margin-bottom:70px}.service-slogan .service-slogan-container .desc{font-size:16px;width:72%;line-height:28px}.service-slogan .service-slogan-container .icon{position:relative;margin-top:200px}.service-slogan .service-slogan-container .icon .icon-rocket-bg{position:absolute;left:0;top:0;width:103%}.service-slogan .service-slogan-container .icon .icon-rocket-bg img{width:100%}.service-slogan .service-slogan-container .icon .icon-rocket{position:absolute;left:11%;top:-75px;width:76.5%}.service-slogan .service-slogan-container .icon .icon-rocket img{width:100%}.case .case-gallery .case-gallery-item{width:100%;position:relative;margin-bottom:20px}.case .case-gallery .case-gallery-item .content{position:absolute;left:0;right:0;width:100%;top:7.5%;bottom:0;color:#fff}.case .case-gallery .case-gallery-item .content .content-summary{margin-left:29%;margin-right:29%}.case .case-gallery .case-gallery-item .content .content-summary .logo{width:6.25%;margin:0 auto}.case .case-gallery .case-gallery-item .content .content-summary .logo img{width:100%;height:100%}.case .case-gallery .case-gallery-item .content .content-summary h2{text-align:center;font-size:2.1vw;margin:6.7% 0 4%}.case .case-gallery .case-gallery-item .content .content-summary .desc{line-height:28px;font-size:.83vw}.case .case-gallery .case-gallery-item .content .swiper{overflow:hidden}.case .case-gallery .case-gallery-item .content .swiper .swiper-case-1,.case .case-gallery .case-gallery-item .content .swiper .swiper-case-2,.case .case-gallery .case-gallery-item .content .swiper .swiper-case-3{height:43.4%;width:15.6%;position:absolute;bottom:0;overflow:hidden}.case .case-gallery .case-gallery-item .content .swiper .swiper-case-1 img,.case .case-gallery .case-gallery-item .content .swiper .swiper-case-2 img,.case .case-gallery .case-gallery-item .content .swiper .swiper-case-3 img{width:100%;height:100%}.case .case-gallery .case-gallery-item .content .swiper .swiper-container{height:100%;width:100%}.case .case-gallery .case-gallery-item .content .swiper .swiper-case-1{left:20.57%}.case .case-gallery .case-gallery-item .content .swiper .swiper-case-2{left:50%;margin-left:-7.8%}.case .case-gallery .case-gallery-item .content .swiper .swiper-case-3{right:20.57%}.case .case-gallery .case-gallery-item .bg{width:100%}.case .case-gallery .case-gallery-item .bg img{width:100%;height:100%}.case .case-gallery .case-gallery-mac{overflow:hidden;position:relative}.case .case-gallery .case-gallery-mac .swiper{width:48.1%;height:52.2%;position:absolute;bottom:12.4%;margin-left:49.9%;left:-23.95%}.case .case-gallery .case-gallery-mac .swiper .swiper-container,.case .case-gallery .case-gallery-mac .swiper img{width:100%;height:100%}.case-detail{width:1001px;margin:80px auto 0}.case-detail .case-desc,.case-detail .case-title{color:#464646}.case-detail .case-title{margin-top:55px;margin-bottom:22px;padding:0;font-size:28px}.case-detail .case-desc{line-height:28px;font-size:16px;margin-bottom:40px}td img{width:1000px}.contact,.contact .container-fluid,.contact .container-fluid .row,body,html{height:100%}.contact .contact-left{height:100%;background:#1e2225}.contact .contact-left .contact-logo{margin-top:45px;margin-left:30px}.contact .contact-left .contact-address{height:340px;margin-top:110px;margin-left:30px}.contact .contact-left .contact-address h2{color:#fff;font-size:30px}.contact .contact-left .contact-address table{margin-top:55px}.contact .contact-left .contact-address table td{height:54px;line-height:54px;color:#fff;font-size:16px}.contact .contact-left .contact-address table .td-right{padding-left:100px}.contact .contact-left .contact-location{width:100%;position:absolute;bottom:0;top:500px;left:0}.contact .contact-right .contact-right-nav{overflow:hidden;margin:40px 0 40px 20px}.contact .contact-right .contact-right-nav li{float:left;width:130px;text-align:center;padding-bottom:8px}.contact .contact-right .contact-right-nav li a{padding-bottom:8px;color:#a8a9a9;font-size:24px;font-weight:400;border-bottom:1px solid #fff}.contact .contact-right .contact-right-nav li a.hover,.contact .contact-right .contact-right-nav li a:hover{color:#1e2225;border-bottom:1px solid #1e2225}.contact .contact-right .contact-right-message{overflow:hidden;margin-left:65px}.contact .contact-right .contact-right-message h2{margin:60px 0}.contact .contact-right .contact-right-message .form-input{margin-bottom:50px}.contact .contact-right .contact-right-message .form-input input{border:0;width:85%;height:35px;border-bottom:1px solid #e0e0e6}.contact .contact-right .contact-right-message .form-input input[placeholder],.contact .contact-right .contact-right-message .form-input textarea[placeholder]{padding-left:10px;font-size:16px;color:#1e2225!important}.contact .contact-right .contact-right-message .form-input textarea{height:200px;border:1px solid #e0e0e6;padding:6px;line-height:22px;width:85%}.contact .contact-right .contact-right-message .form-input .contact-right-message-submit{background:#21baff;width:180px;height:45px;font-size:16px;color:#fff}.nav{width:100%;position:relative}.nav .nav-menu{z-index:9999;transition:all 400ms linear;background-color:rgba(255,255,255,0);position:fixed;width:100%;padding-left:60px;left:0;top:0;height:80px}.nav .nav-menu a{text-decoration:none;color:#fff}.nav .nav-menu.show{position:fixed;box-shadow:0 -5px 20px rgba(0,0,0,.1);background-color:#fff}.nav .nav-menu.show .nav-menu-logo a{background-position:0 0}.nav .nav-menu.show .nav-menu-category ul li.current a{color:#00cbff}.nav .nav-menu.show a{color:#1e2225}.nav .nav-menu .nav-menu-logo{margin-top:20px;float:left;width:133px;height:40px}.nav .nav-menu .nav-menu-logo a{display:block;width:100%;height:100%;background-image:url(../images/logo.png);background-position:0 -40px}.nav .nav-menu .nav-menu-category{margin-top:30px;margin-right:16.66%;float:right}.nav .nav-menu .nav-menu-category ul li{font-size:18px;width:172px;float:left}.nav .nav-banner{width:100%}.nav .nav-banner img{display:block;width:100%;height:100%}.service{padding-bottom:50px;background:#1e2225}.service .service-title{overflow:hidden;font-size:40px;margin-bottom:55px;margin-top:100px;color:#fff;padding:0 53px}.service .service-title h2{float:left;font-size:20px;color:#707176;line-height:40px;display:block;height:40px;padding-left:260px;background:url(../images/title-sprit.png) no-repeat;vertical-align:bottom}.service .service-title .service-more{width:195px;height:55px;background:url(../images/service-title-detail.png) center no-repeat;float:right}.service .service-title .service-more a{display:block;width:100%;height:100%}.service .service-list{padding:0 36px}.service .service-list-item{float:left;width:20%;height:20%}.service .service-list-item .service-list-item-log{padding:0 20px}.service .service-list-item .service-list-item-log img{width:100%;height:100%}.service .service-list-item .service-list-item-name{font-size:20px;color:#fff;margin-top:25px;text-align:center}.case{padding-bottom:100px}.case .case-title{overflow:hidden;font-size:40px;margin-bottom:60px;margin-top:100px;padding:0 53px}.case .case-title h2{float:left;line-height:40px;font-size:20px;color:#707176;display:block;height:40px;padding-left:260px;background:url(../images/title-sprit.png) 0 -40px no-repeat;vertical-align:bottom}.case .case-title .case-more{width:195px;height:55px;background:url(../images/case-title-more.png) center no-repeat;float:right}.case .case-title .case-more a{display:block;width:100%;height:100%}.case .case-list{padding:0 53px}.case .case-list .case-list-item{position:relative;float:left;width:33.3%}.case .case-list .case-list-item:hover .case-list-item-desc{transform:scale(1,1);background-color:rgba(0,0,0,.8)}.case .case-list .case-list-item .case-list-item-desc{transition:all 200ms ease;transform:scale(0,0);transform-origin:0 100%;left:0;top:0;position:absolute;width:100%;height:100%;font-size:28px;color:#fff;background-color:transparent;padding-top:47%;text-align:center}.case .case-list .case-list-item img{width:100%;height:100%}.process{width:100%;position:relative}.process .process-title{position:absolute;top:100px;left:0;overflow:hidden;font-size:40px}.process .process-title h2{float:left;line-height:40px;font-size:20px;color:#fff;display:block;height:40px;padding-left:350px;background:url(../images/title-sprit.png) 0 -80px no-repeat;vertical-align:bottom}.process .process-banner{width:100%;height:100%}.process .process-banner img{width:100%;height:100%;display:block}.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:40px}.nav-banner:hover .swiper-button-icon{display:block}.swiper-button-icon{display:none;width:43px;height:85px;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACsAAABVCAMAAADnq+1DAAAAqFBMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////8j1z1tAAAAN3RSTlMA+vUKBgP88OsO4szDqp2QbkYuKRsV3NjUvrmIYTokIBLl0LSuo5d0ZlVRSkA1F+jHgFw8MnlYvQZj2gAAAPVJREFUSMe118cSgkAQRVHBhICCiSgoqIBZTPz/n7lke7uKYX0WFEz3e9PDz7fGtGxiBdSVUEcBrSS0oHQjoKMZpS8RHUL6Gx0pPQmoNqX0LKIDSC/aQQGda3tMdQGNKL3qUR/TkNI3p4luYzrG9Da2J5g+Kf1IqEXpwrB2KmhO6dLI15Q+AkwzTNPMv1NqYro1/RWmHqYepr2wSaBsX6F7nLbfAf4KjgOAwdEBmJ1fPhd83jimI8/3A19RfPXxlcoxjwCOeWRxzHOT5zHPed4fusK8GnHM+xnvfbxP8p7Kq3L3uCk4rmTY4dhViGOOSxmuJffNPxRDHHgS1TiCAAAAAElFTkSuQmCC);background-size:100% auto}.swiper-button-next{margin-right:150px;transform:rotate(180deg)}.swiper-button-prev{margin-left:150px}.swiper-pagination .swiper-pagination-bullet{margin:0 6px;width:14px;height:14px;border:3px solid #fff;border-radius:50%;opacity:1;background-color:rgba(255,255,255,0)}.swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background-color:#fff}.solution-item{overflow:hidden;color:#fff}.solution-item .solution-item-icon{margin:60px auto 25px;width:28.2%}.solution-item .solution-item-icon img{width:100%;height:100%}.solution-item .solution-item-desc{width:41%;font-size:16px;line-height:28px;margin:0 auto}.solution-item h2{text-align:center;font-size:36px;margin-bottom:35px}.solution-item .b2c,.solution-item .beacon,.solution-item .bigdata,.solution-item .finance,.solution-item .sns,.solution-item .taxi{overflow:hidden;height:500px}.solution-item .bigdata{background:#1c785f}.solution-item .b2c{background:#f1625e}.solution-item .finance{background:#f2c58e}.solution-item .beacon{background:#104579}.solution-item .sns{background:#781c5b}.solution-item .taxi{background:#217688}.advantage-banner{overflow:hidden}.advantage-banner .advantage-banner-img{padding:0}.nav-banner{position:relative}.nav-banner .text{position:absolute;top:420px;color:#fff;width:990px;left:50%;margin-left:-445px;font-size:16px;line-height:28px}.advantage{overflow:hidden}.advantage .advantage-container{padding:0 53px 100px}.advantage .advantage-container h2{width:100%;margin-top:100px;margin-bottom:15px;float:left;line-height:40px;font-size:20px;color:#707176;display:block;height:40px;padding-left:260px;background:url(../images/title-sprit.png) 0 -240px no-repeat;vertical-align:bottom}.advantage .advantage-container .advantage-item{margin:60px 0;color:#3a3b3d;width:100%;overflow:hidden}.advantage .advantage-container .advantage-item .advantage-item-desc,.advantage .advantage-container .advantage-item .advantage-item-icon{float:left}.advantage .advantage-container .advantage-item .advantage-item-icon{min-height:50px;width:15.5%}.advantage .advantage-container .advantage-item .advantage-item-icon img{width:100%;height:100%}.advantage .advantage-container .advantage-item .advantage-item-desc{padding-left:6.7%;width:80%}.advantage .advantage-container .advantage-item .advantage-item-desc h3{margin-bottom:45px;font-size:32px;margin-top:8px}.advantage .advantage-container .advantage-item .advantage-item-desc h3.advantage-item-desc-margin{margin-top:10.3%}.advantage .advantage-container .advantage-item .advantage-item-desc .summary{font-size:16px;line-height:28px}