.flex{display:flex;flex-direction:row;justify-content:space-between;flex-wrap:wrap}.bdr{border-bottom:1px #efefef solid}.nobdr{border:none!important}.lr{display:block;width:20%;margin:5px auto;height:1px;background:#ca0002;border-radius:1px}.divide{display:block;width:100%;height:1px;margin:0 auto;padding:0;background:#efefef;border-radius:50%}.mask{width:100%;height:100%;margin:0;padding:0;display:none;position:fixed;z-index:1;left:0;top:0;background:#24292d;opacity:.5;-ms-opacity:.5;-webkit-opacity:.5;-moz-opacity:.5}.mask.expand{display:block}@media only screen and (max-width:767px){.desktop{display:none!important}h1{font-size:30px;line-height:40px;font-weight:500;margin:0 auto;text-align:center;font-family:HYYakuHei,"Hiragino Sans GB"!important}h2{font-size:14px;font-weight:400;margin:30px auto 0;width:80%;color:#999;line-height:28px;text-align:center}h3{font-size:14px;line-height:14px;font-weight:500;color:#24292d;letter-spacing:.5px;margin:4px 0;padding:0 0 0 5px;border-left:2px #999 solid}.header{width:100%;height:50px;margin:0;padding:0 3%;position:fixed;top:0;z-index:10;background:#fff;box-sizing:border-box;transition:all .3s;-webkit-transition:all .3s;-ms-transition:all .3s;-moz-transition:all .3s}.header .head{width:100%;margin:0 auto;height:50px;border-bottom:1px #fff solid;box-sizing:border-box;position:relative;transition:all .3s;-webkit-transition:all .3s;-ms-transition:all .3s;-moz-transition:all .3s}.header .head .logo{width:auto;height:36px;float:left;margin:6px 0 8px 0;transition:all .3s;-webkit-transition:all .3s;-ms-transition:all .3s;-moz-transition:all .3s}.header .head .menu-icon{width:50px;height:50px;background:url(../image/icon-menu.svg) right center no-repeat;background-size:30px auto;float:right}.header .head .menu{width:100%;height:50px;margin:0;padding:0;list-style:none;position:absolute;z-index:2;background:#fff;top:-50px;border-radius:2px;transition:all .3s;-webkit-transition:all .3s;-ms-transition:all .3s;-moz-transition:all .3s}.header .head .menu a{display:block}.header .head .menu li{width:33.33%;height:50px;text-align:center;font-size:14px;font-weight:500;color:#24292d;line-height:50px;float:left;transition:all .3s;-webkit-transition:all .3s;-ms-transition:all .3s;-moz-transition:all .3s}.header .head .menu li:hover{color:#ca0002}.header .head .menu li.act{color:#ca0002;font-weight:700}.header .head .menu.expand{top:60px}.header.fold{height:50px}.header.fold .head{width:100%;height:50px;margin:0 auto;border-bottom:1px #efefef solid}.header.fold .head .logo{height:36px;margin:6px 0 8px 0}.container{width:100%;height:auto;box-sizing:border-box;margin:0;padding:0 3%}.container .banner{width:100%;height:auto;margin:100px auto 0;padding:150px 0 200px;background:radial-gradient(ellipse at 50% 100%,#f7f7f7,#fff,#fff);background:-ms-radial-gradient(ellipse at 50% 100%,#f7f7f7,#fff,#fff);background:-webkit-radial-gradient(ellipse at 50% 100%,#f7f7f7,#fff,#fff);background:-moz-radial-gradient(ellipse at 50% 100%,#f7f7f7,#fff,#fff);background-position:center bottom}.container .value{width:100%;height:auto;margin:50px auto;padding:0;background:url(../image/bg-index.png) center center no-repeat;background-size:100% auto;display:flex;flex-direction:row;justify-content:space-between;flex-wrap:wrap}.container .value .value-item{width:50%;height:auto;text-align:center;box-sizing:border-box;margin:0 0 30px;padding:0 5%}.container .value .value-item h3{border:none;padding:0}.container .value .value-item img{width:50px;height:auto;margin:0 auto}.container .value .value-item .lr{background:0 0;transition:all .3s;-webkit-transition:all .3s;-ms-transition:all .3s;-moz-transition:all .3s}.container .value .value-item:hover .lr{background-color:#ca0002}.container .cert{width:100%;height:auto;margin:0 auto;padding:80px 0 100px;display:flex;flex-direction:row;justify-content:space-between;flex-wrap:wrap}.container .cert .cert-item{width:100%;height:auto;margin:0 0 50px;text-align:center}.container .cert h3{margin:0 0 30px;text-align:left}.container .cert img{width:auto;height:30px;float:left;margin:0 auto 20px}.container .service{width:100%;height:auto;margin:0 auto;padding:0 0 30px;border-radius:2px;background:#24292d;overflow:hidden;position:relative}.container .service .service-item{width:100%;height:420px;margin:0;padding:20px 5%;box-sizing:border-box;transition:all .3s;-webkit-transition:all .3s;-ms-transition:all .3s;-moz-transition:all .3s}.container .service .service-item img{width:50px;height:auto;margin:0}.container .service .service-item h1{color:#fff;text-align:left}.container .service .service-item ul{width:100%;height:auto;float:left;margin:30px 0 0;padding:0;list-style:none}.container .service .service-item ul li{width:auto;height:auto;font-size:14px;line-height:30px;margin:0 40px 10px 0;padding:0;cursor:pointer;color:#999;float:left;border-radius:2px;transition:all .3s;-webkit-transition:all .3s;-ms-transition:all .3s;-moz-transition:all .3s}.container .service .service-item ul li.act{color:#24292d;padding:0 10px;background:#efefef}.container .service .service-item .service-detail{width:100%;height:auto;float:left;margin:30px 0;position:relative}.container .service .service-item .service-detail .service-detail-item{font-size:14px!important;line-height:22px;color:#fff;margin:0!important;padding:4px 0;position:absolute;left:0;opacity:0;transition:all .3s;-webkit-transition:all .3s;-ms-transition:all .3s;-moz-transition:all .3s}.container .service .service-item .service-detail .service-detail-item.act{opacity:1}.container .service .service-item .service-detail .service-detail-item a{color:#ca0002}.container .service .service-item .service-detail .service-detail-item a:hover{text-decoration:underline}.container .service .swiper-button-prev{position:absolute;left:5%;top:93%;background:url(../image/arrow-left.svg) center center no-repeat;background-size:100% auto}.container .service .swiper-button-next{position:absolute;right:5%;top:93%;background:url(../image/arrow-right.svg) center center no-repeat;background-size:100% auto}.container .client{width:100%;height:auto;margin:0 auto;padding:80px 0}.container .client h3{margin:0 0 30px}.container .client .client-list{width:100%;height:auto;display:flex;flex-direction:row;justify-content:space-between;flex-wrap:wrap}.container .client .client-list .client-item{width:33.33%;height:60px;margin:0 0 20px;overflow:hidden;cursor:pointer;text-align:center}.container .client .client-list .client-item img{width:75%;height:auto;margin:0 auto}.container .case-list{width:100%;height:auto;margin:70px auto 0}.container .case-list .case-item{width:100%;height:355px;box-sizing:border-box;margin:0 0 10px;padding:0;cursor:pointer;position:relative;overflow:hidden}.container .case-list .case-item img{width:100%;height:auto;position:absolute;z-index:1}.container .case-list .case-item .case-intro{width:100%;height:auto;margin:0;padding:10px 3%;color:#fff;box-sizing:border-box;position:absolute;z-index:2;bottom:0;background:url(../image/case-cover.svg) center center repeat;transition:all .3s;-webkit-transition:all .3s;-ms-transition:all .3s;-moz-transition:all .3s}.container .case-list .case-item .case-intro h1{font-size:26px;text-align:left}.container .case-list .case-item .case-intro h2{color:#fff;text-align:left;margin:0;text-indent:1px;line-height:20px}.container .case-list .case-item .case-intro .button{width:90px;height:26px;margin:20px 0 0;padding:0 20px 0 0;box-sizing:border-box;display:block;font-size:12px;line-height:26px;color:#ca0002;text-align:center;background:#fff url(../image/arrow-right-red.svg) 90% center no-repeat;background-size:auto 90%}.container .case-list .case-item:hover .case-intro{opacity:1}.container.case h1{width:100%;margin:0}.container.case h2{width:100%;margin:10px 0 30px}.container.case .case-banner{width:100%;height:auto;margin:100px auto 0;padding:30px 0 0}.container.case .case-banner img{width:100%;height:auto}.container.case .case-banner.case-mokingran{padding:30px 0 500px;background:url(../image/case-mokingran-mbg.jpg) center bottom no-repeat;background-size:100% auto}.container.case .case-banner.case-h3c{padding:30px 0 500px;background:url(../image/case-h3c-mbg.jpg) center bottom no-repeat;background-size:100% auto}.container.case .case-banner.case-sqtest{padding:30px 0 500px;background:url(../image/case-sqtest-mbg.jpg) center bottom no-repeat;background-size:100% auto}.container.case .case-banner.case-ibmslp{padding:30px 0 500px;background:url(../image/case-ibmslp-mbg.jpg) center bottom no-repeat;background-size:100% auto}.container.case .case-banner.case-ibmsummit{padding:30px 0 500px;background:url(../image/case-ibmsummit-mbg.jpg) center bottom no-repeat;background-size:100% auto}.container.case .case-banner.case-aia{padding:30px 0 500px;background:url(../image/case-aia-mbg.jpg) center bottom no-repeat;background-size:100% auto}.container.case .case-banner.case-ibmnba{padding:30px 0 500px;background:url(../image/case-ibmnba-mbg.gif) center bottom no-repeat;background-size:100% auto}.container.case .case-banner.case-cosmera{padding:30px 0 500px;background:url(../image/case-cosmera-mbg.jpg) center bottom no-repeat;background-size:100% auto}.container.case .case-banner.case-bentley{padding:30px 0 150px;background:url(../image/case-bentley-bg.jpg) center bottom no-repeat;background-size:100% auto}.container.case .case-banner.case-ibmfashion{padding:30px 0 500px;background:url(../image/case-ibmfashion-mbg.jpg) center bottom no-repeat;background-size:100% auto}.container.case .case-banner.case-edm{padding:30px 0 500px;background:url(../image/case-edm-mbg.jpg) center bottom no-repeat;background-size:100% auto}.container.case .case-meta{width:100%;height:auto;margin:50px auto;box-sizing:border-box;padding:50px 5%;display:flex;flex-direction:row;justify-content:space-between;flex-wrap:wrap}.container.case .case-meta .case-meta-item{width:auto;margin:0 0 30px;padding:0;box-sizing:border-box}.container.case .case-meta .case-meta-item .item-name{font-size:13px;line-height:30px;color:#999}.container.case .case-meta .case-meta-item .item-value{font-weight:700;line-height:20px}.container.case .case-meta .case-meta-item .item-value img{width:60%}.container.case .case-meta .case-meta-item .item-value button{width:90px;height:26px;margin:0 0;padding:0 20px 0 0;box-sizing:border-box;display:block;font-size:12px;line-height:26px;color:#fff;text-align:center;background:#ca0002 url(../image/arrow-right-white.svg) 90% center no-repeat;background-size:auto 30%;border:none;cursor:pointer}.container.case .case-detail{width:100%;height:auto;margin:0 auto;padding:80px 0 0;position:relative}.container.case .case-detail h1{font-size:26px;text-align:left}.container.case .case-detail .case-detail-intro{width:100%;height:auto;box-sizing:border-box;padding:30px 5%}.container.case .case-detail .case-detail-intro a{color:#ca0002;text-decoration:underline;padding-left:14px;background:url(../image/link.svg) left center no-repeat;background-size:12px auto}.container.case .case-detail .case-detail-intro.left{left:2%}.container.case .case-detail .case-detail-intro.right{right:2%}.container.case .case-detail .case-detail-intro img{width:100%;height:auto}.container.case .case-detail .case-detail-intro .gre-rwd{width:100%;height:auto;margin:0;padding:30px 0 150px;text-align:center;background:url(../image/case-gre-2.jpg) left bottom no-repeat;background-size:110% auto}.container.case .case-detail .case-detail-intro .gre-rwd .rwd-item{float:left;box-sizing:border-box}.container.case .case-detail .case-detail-intro .gre-rwd .rwd-item .item-title{font-weight:700;margin:0 0 10px}.container.case .case-detail .case-detail-intro .gre-rwd .rwd-item .item-value{font-size:12px;line-height:16px;text-align:center;color:#999}.container.case .case-detail .case-detail-intro .gre-rwd .rwd-item.rwd-desktop{width:45%;padding:0}.container.case .case-detail .case-detail-intro .gre-rwd .rwd-item.rwd-tablet{width:34%;padding:0}.container.case .case-detail .case-detail-intro .gre-rwd .rwd-item.rwd-mobile{width:17%}.container.case .case-detail .case-detail-intro ul{width:100%;height:auto;margin:0;padding:0 0 0 20px;box-sizing:border-box}.container.case .case-detail .case-detail-intro ul li{margin:10px 0}.container.case .case-detail .case-detail-img{width:100%;height:auto;background-size:100% auto;background-position:center center;background-repeat:no-repeat}.container.case .case-detail .case-detail-img img{width:100%;height:auto}.container.case .case-detail .case-ibmnba-intro{width:100%;text-align:center}.container.case .case-detail .case-ibmnba-intro h1{text-align:center}.container.case .case-detail .case-ibmnba-intro .case-ibmnba-video{width:100%;position:relative}.container.case .case-detail .case-ibmnba-intro .case-ibmnba-video .video-cover{width:100%;position:absolute}.container.case .case-detail .case-ibmnba-intro .case-ibmnba-video .video-cover img{width:100%;height:auto}.container .about{width:100%;height:auto;margin:0 auto;padding:50px 0;display:flex;flex-direction:row;justify-content:space-between;flex-wrap:wrap}.container .about .intro{width:100%}.container .about .intro-list{width:100%;height:auto;margin:9px 0 0}.container .about .intro-list p{margin:5px 0;padding:0 0 0 25px;background:url(../image/icon-right.svg) left center no-repeat;background-size:20px auto}.container .recruit{width:100%;height:auto;margin:0 auto;padding:20px 5%;box-sizing:border-box;background:#24292d;border-radius:2px}.container .recruit h1{color:#fff;text-align:left}.container .recruit .recruit-item{width:100%;margin:10px 0;padding:10px;box-sizing:border-box;border-radius:2px;background:#efefef}.container .recruit .recruit-item h3{font-weight:700;margin-bottom:20px}.container .recruit .recruit-item p{font-size:13px;margin:10px 0}.container .recruit .recruit-item ol{margin:0 25px;padding:0}.container .recruit .recruit-item ol li{font-size:13px;line-height:22px}.footer{width:100%;height:auto;background:#24292d;font-size:13px;line-height:22px;color:#fff;box-sizing:border-box;padding:0 3%}.footer .foot{width:100%;height:auto;margin:0 auto;padding:30px 0}.footer .foot .foot-item img{width:150px;height:auto}.footer .foot .foot-item.foot-contact{width:50%;margin:0}.footer .foot .foot-item.foot-contact .contact-item{margin:0 0 15px}.footer .foot .foot-item.foot-contact .contact-item .item-name{font-weight:600;margin-bottom:0}.footer .foot .foot-item.foot-contact .contact-item .item-value a{color:#ca0002}.footer .foot-dis{width:100%;height:auto;margin:0 auto;padding:20px 0;border-top:1px #353535 solid}.footer .foot-dis p{margin:0}.footer .foot-dis p a{color:#ca0002}.footer .foot-dis p a.lang-switch{margin:0;padding:0 0 0 24px;background-position:left -2px;background-repeat:no-repeat;background-size:auto 18px}.footer .foot-dis p a.lang-switch.en{background-image:url(../image/lang-en.svg)}.footer .foot-dis p a.lang-switch.cn{background-image:url(../image/lang-cn.svg)}.footer .foot-dis img{width:auto;height:40px;margin-top:20px}.footer .foot-dis img.right{float:left!important}}
.lang-switch{display:none!important}

.nav-case{display:none!important}