blockquote,body,button,dd,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,hr,input,legend,li,ol,p,pre,td,textarea,th,ul{margin:0;padding:0} body,button,input,select,textarea{font:14px/1.5 tahoma,arial,'Microsoft YaHei',Arial,'Hiragino Sans GB','\5b8b\4f53',sans-serif;color:#333} h1,h2,h3,h4,h5,h6{font-size:100%;-webkit-font-smoothing:antialiased} address,cite,dfn,em,var,i{font-style:normal} code,kbd,pre,samp{font-family:courier new,courier,monospace} a{color:#333;text-decoration:none;outline:0} a:hover{text-decoration:none} img{border:0} ol,ul{list-style:none} button,input,select,textarea{font-size:100%;outline:0} textarea{resize:none} table{border-collapse:collapse;border-spacing:0} body{background-color: #ffffff;} .fr{float:right} .fl{float:left} .hide{display:none!important} .show{display:block} .hidden{overflow:hidden} .visible{overflow:visible} .center{text-align:center} .clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden} .clearfix{*height:1%} .text-overflow{overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .text-left{text-align:left} .text-right{text-align:right} .text-center{text-align:center} .wrap{min-width:1200px} .container{width:1200px;margin:0 auto;position:relative} [class^=layout],[class*=" layout-"]{position:relative} .m-t-30{margin-top:30px} .ui-flex{display:-webkit-box;display:-ms-flexbox;display:flex} .ui-flex .ui-flex-item{-webkit-box-flex:1;-ms-flex:1;flex:1} [class^=ui-btn],[class*=" ui-btn-"]{display:inline-block;border:0;background-color:#3c3d46;color:#fff;font-size:16px;text-align:center;width:140px;height:40px;line-height:40px;cursor:pointer;transition:all .1s linear} [class^=ui-btn].yellow,[class*=" ui-btn-"].yellow{background-color:#ff9125} [class^=ui-btn].yellow:hover,[class*=" ui-btn-"].yellow:hover{background-color:#ed7f13} [class^=ui-btn].yellow:active,[class*=" ui-btn-"].yellow:active{background-color:#ed7f13} [class^=ui-btn].black,[class*=" ui-btn-"].black{background-color:#3c3d46} [class^=ui-btn].black:hover,[class*=" ui-btn-"].black:hover{background-color:#25252a} [class^=ui-btn].black:active,[class*=" ui-btn-"].black:active{background-color:#25252a} .ui-btn-square{border-radius:0;cursor:pointer} .ui-btn-round{border-radius:22.5px} .ui-btn-verify{font-size:14px;background-color:#ff9125} .ui-btn-verify.disabled{color:#a1a1a1;background-color:#eaeaea;cursor:not-allowed} .ui-input{font-size:14px;color:#3c3d46;width:100%;min-width:200px;height:40px;line-height:20px;padding:10px 15px;border:1px solid #eaeaea;background-color:#fff;-webkit-appearance:none;-moz-appearance:none;appearance:none;box-sizing:border-box;transition:all linear .1s} .ui-input:focus{border:1px solid #a1a1a1} .ui-input.disabled{background-color:#fafafa} .ui-textarea{display:block;font-size:14px;color:#3c3d46;width:100%;min-width:200px;line-height:20px;padding:9px 15px;border:1px solid #eaeaea;background-color:#fff;resize:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;box-sizing:border-box;transition:all linear .1s} .ui-textarea:focus{border:1px solid #a1a1a1} .ui-select{width:100%;min-width:200px;display:inline-block;vertical-align:middle;position:relative;border:1px solid #eaeaea;font-size:14px;color:#3c3d46;cursor:pointer;box-sizing:border-box;transition:all linear .1s} .ui-select.focus{border:1px solid #a1a1a1;border-bottom:1px solid #eaeaea} .ui-select .ui-select-view{position:relative;padding-left:15px;padding-right:49px} .ui-select .ui-select-view .ui-select-text{vertical-align:middle;display:inline-block;width:100%;height:40px;line-height:40px;position:relative;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;text-align:left} .ui-select .ui-select-view .ui-select-placeholder{color:#b1b1b4} .ui-select .ui-select-view .ui-select-icon{position:absolute;right:0;top:0;width:40px;height:40px;border-left:1px solid #eaeaea;background:#fafafa;cursor:pointer} .ui-select .ui-select-view .ui-select-icon .ui-select-icon-arrow{display:block;position:absolute;left:50%;top:50%;margin:-2px 0 0 -5px;border:5px solid transparent;border-top-color:#b1b1b4} .ui-select .ui-select-options{display:none;position:absolute;left:-1px;top:100%;color:#a1a1a1;background:#fff;width:100%;border:1px solid #eaeaea;z-index:2;max-height:250px;overflow-y:auto} .ui-select.focus .ui-select-options{border:1px solid #a1a1a1;border-top:1px solid #eaeaea} .ui-select .ui-select-options li{padding:10px 15px;cursor:pointer;text-align:left;line-height:20px;transition:all linear .1s} .ui-select .ui-select-options li:hover{background:#f6f6f6;color:#3c3d46} @media screen and (max-width:1200px){ .wrap,.container{min-width:100%;width:100%;overflow:hidden} } /*澶撮儴*/ .header{position:relative;z-index:10;background-color:#f7f7f8} .header .header-head{height:35px;line-height:35px;position:relative;font-size:12px;color:#40484d;z-index:3;font-size:12px;} .header .header-head a{color:#49bc91} .header .nav{height:65px;background:#333} .header.bg-cor .nav{background:rgba(51,51,51,.5);position:absolute;top:35px;left:0;z-index:2;width:100%} .header .nav h1{float:left;padding-top:13px} .header>.nav>.container>ul{float:left;padding-left:150px;padding-top:20px} .header .nav ul li{float:left} .header .nav ul li a.item{color:#fff;font-size:16px;margin:0 18px;padding-bottom:10px} .header .nav ul li a.cur{color:#47b48b;border-bottom:2px solid #47b48b} .header .nav ul li a:hover{color:#47b48b} .header-mo{display:none} .header .nav ul li .dropdown{padding-top:25px;z-index:120;position:absolute;top:53px;left:359px;font-size:14px;background-color:#232327;display:none} .header .nav ul li .dropdown .sub-item-col{float:left;vertical-align:top;text-align:left;position:relative;width:168px} .header .nav ul li .dropdown .menu-panel{padding:0 20px 20px} .header .nav ul li .dropdown .menu-panel .sub-title{font-weight:700;font-size:14px;border-bottom:1px solid #303030;line-height:1;padding-bottom:12px;margin-bottom:12px;color:#fff} .header .nav ul li .dropdown .menu-panel .menu-panel-list{font-size:14px;color:#999} .header .nav ul li .dropdown .menu-panel .menu-panel-list li{line-height:1;padding-bottom:15px;clear:both} .header .nav ul li .dropdown .menu-panel .menu-panel-list a{color:#999} .header .nav ul li .dropdown .menu-panel .menu-panel-list a:hover{color:#49bc91} .header .nav ul li:hover .dropdown{display:block} @media only screen and (max-width:1400px){ .html{overflow:hidden} } @media only screen and (max-width:1200px){ .header-space{width:100%;height:1.6rem} .header{display:none} .header-mo{display:block;height:1.6rem;background:#000;position:fixed;top:0;left:0;z-index:100;width:100%} .header-mo.bg-cor{background:rgba(51,51,51,.5)} .header-mo h1{position:absolute;left:.66667rem;top:.26667rem} .header-mo h1 img{width:3.81333rem;height:1.09333rem} .header-mo span.nav-btn{position:absolute;right:.66667rem;top:.50667rem} .header-mo span.nav-btn img{width:.64rem;height:.56rem} .header-mo ul{width:2.93333rem;background:#000;border-radius:.13333rem;position:absolute;right:.4rem;top:2rem;z-index:10;display:none} .header-mo.bg-cor ul{background:rgba(0,0,0,.9)} .header-mo ul li a{font-size:.34667rem;width:100%;text-align:center;color:#fff;height:1.06667rem;line-height:1.06667rem;display:inline-block} .header-mo ul li a.cur{color:#49bc91} .header-mo ul li{border-bottom:1px solid #423e4b} .header-mo ul li:last-child,.header-mo ul li:first-child{border-bottom:0} .header-mo ul li i{position:absolute;top:-.16rem;right:.4rem;background:url("../img/ico_arrow_mo.png") no-repeat;background-size:100% 100%;width:.37333rem;height:.16rem;display:inline-block} } /*棣栭〉*/ .gotop{display:none} .gotop .gotop-btn{display:none} .banner{width:100%;height:720px;position:relative;overflow:hidden} .banner .banner-txt{display:none} .banner .item{position:absolute;left:50%;top:0;margin-left:-50%;width:100%;height:100%;background-repeat:no-repeat;background-position:center center;background-image:url("../img/banner.jpg")} .layout-head{position:absolute;top:35px;left:50%;margin-left:-600px;z-index:3} .scheme{margin-top:520px} .scheme ul{margin-top:130px} .scheme ul li{float:left;background:url("../img/bg_11.png") right center no-repeat;padding:0 20px;position:relative} .scheme ul li:last-child{background:0 0} .scheme ul li input,.scheme ul li .input-demand{font-size:14px;color:#fff;height:20px;line-height:20px;background:#2f2f2f;border-radius:5px;border:0;padding:14px 15px;overflow:hidden} .scheme ul li .input-demand{width:220px} .scheme.show ul li .input-demand{padding:15px;height:293px;line-height:20px;overflow:auto} .scheme.show ul li .input-demand::-webkit-scrollbar{width:5px;height:5px;background-color:#bcbcbc} .scheme.show ul li .input-demand::-webkit-scrollbar-track{background-color:#bcbcbc} .scheme.show ul li .input-demand::-webkit-scrollbar-thumb{background-color:#888} .scheme ul li input.input-tel{width:130px;margin-right:10px} .scheme ul li input.input-verificationCode{width:100px;margin-right:10px} .scheme ul li a.btn-verificationCode{border:0;font-size:14px;color:#fff;height:48px;line-height:48px;background:#77cdad;border-radius:5px;text-align:center;display:inline-block;width:110px;padding:0 10px;margin-left:0} .scheme ul li a.btn-verificationCode.disabled{background:#bbb;color:#777} .scheme ul li a.btn-verificationCode:hover{border:0} .scheme ul li a.btn-scheme{font-size:16px;color:#fff;height:48px;line-height:48px;background:#47b48b;border-radius:5px;text-align:center;display:inline-block;width:140px} .demand-formwork{width:1200px;position:absolute;left:0;top:0;z-index:20;padding:23px 0 17px;background:rgba(0,0,0,.75)} .scheme.show .demand-formwork{padding:0 0 15px;background:rgba(0,0,0,1)} .demand-formwork-left{float:left;width:250px;margin-left:20px} .demand-formwork-right{float:left;width:900px;margin-left:15px} .demand-formwork.logined .demand-formwork-left{width:400px} .demand-formwork.logined .demand-formwork-right{width:750px} .demand-formwork.logined .input-demand{width:375px} .demand-formwork.logined input.input-tel{width:220px;margin-right:-10px} .demand-formwork dl{float:left;background:url("../img/bg_11.png") left center no-repeat;padding:0 10px} .scheme.show .demand-formwork dl{background:url("../img/bg_11.png") left 45px no-repeat} .demand-formwork dl.bg-none{background:0 0;padding:0} .demand-formwork dl.service-type{display:none} .demand-formwork.distinction dl.service-type{display:block} .demand-formwork dl dt{color:#d4d4d4;font-size:14px;line-height:45px;height:45px;padding-left:10px;display:none} .scheme.show .demand-formwork dl dt{display:block} .demand-formwork-right .ui-select{width:110px;min-width:auto;height:48px;line-height:48px;position:relative;background:#2f2f2f;border:0;border-radius:5px;color:#fff;width:242px} .demand-formwork.distinction .ui-select{width:111px;min-width:111px} .demand-formwork-right .ui-select .ui-select-view{padding-right:25px} .demand-formwork-right .ui-select .ui-select-view .ui-select-icon{width:24px;height:48px;border:0;border-radius:5px;background-color:#2f2f2f} .demand-formwork-right .ui-select .ui-select-view .ui-select-icon .ui-select-icon-arrow{margin:-2px 0 0 -7px;display:block;position:absolute;left:50%;top:50%;background:url("//as.zbjimg.com/static/nodejs-zbj-swp-web/widget/index/images/bg_10_c019e87.png") right center no-repeat;width:14px;height:8px;border:0} .demand-formwork-right .ui-select .ui-select-view .ui-select-placeholder{font-size:14px;display:inline-block;color:#999;width:190px} .demand-formwork.distinction .ui-select .ui-select-view .ui-select-placeholder{font-size:14px;width:60px;display:inline-block} .demand-formwork-right .ui-select .ui-select-options{position:absolute;left:0;top:42px;color:#a1a1a1;width:100%;z-index:2;max-height:300px;overflow-y:hidden;display:none;margin-top:0;background-color:#2f2f2f;border:0;height:auto;border-radius:5px;padding-top:0} .demand-formwork-right .ui-select .ui-select-options li{padding:0 15px;cursor:pointer;text-align:left;float:none;line-height:46px;height:46px;transition:all linear .1s;background:0 0;color:#fff;font-size:14px} .demand-formwork-right .demand-formwork-txt{background:#333;width:702px;padding:0 15px;height:265px;border-radius:5px;float:left;margin-top:10px;display:none} .scheme.show .demand-formwork-right .demand-formwork-txt{display:block} .demand-formwork-right .demand-formwork-txt h5{color:#999;font-size:16px;font-weight:400;padding-top:15px} .demand-formwork-right .demand-formwork-txt h5 a{width:90px;text-align:center;height:25px;line-height:25px;display:inline-block;background:#47b48b;font-size:16px;color:#fff;border-radius:20px;margin-left:20px} .demand-formwork-right .demand-formwork-txt h6{font-size:14px;color:#47b48b;font-weight:400;padding-top:12px;padding-bottom:6px} .demand-formwork-right .demand-formwork-txt h4{color:#999;font-size:14px;line-height:20px;font-weight:400} .demand-formwork-right .formwork-content{padding-left:25px;line-height:18px} .formwork-content p{color:#999;font-size:14px;text-align:left;line-height:20px;margin-top:0} .ui-select .ui-select-options li:hover{background:0 0;color:#47b48b} ::-webkit-input-placeholder{color:#999} :-moz-placeholder{color:#999} ::-moz-placeholder{color:#999} :-ms-input-placeholder{color:#999} .mod-demandform{display:none} .service{background:#f7f7f8;padding:90px 0 160px} .service h4{text-align:center;color:#11232f;font-size:32px;font-weight:400;margin-bottom:40px} .service dl{float:left;margin-left:30px;position:relative;width:260px;height:300px;margin-bottom:-50px} .service dl.one{margin-left:35px} .service dl.five{margin-left:180px} .service dl dt{width:260px;height:210px;text-align:center;padding-top:90px;background:url("../img/bg_1.png") center center no-repeat} .service dl dt span{display:block;font-size:18px;color:#40484d;padding-top:10px} .service dl dd{width:260px;height:210px;background:url("../img/bg_1_hov.png") center center no-repeat;position:absolute;top:0;left:0;text-align:center;padding-top:90px;opacity:0} .service dl:hover dd{opacity:1;transition:linear .2s;-moz-transition:linear .2s;-webkit-transition:linear .2s} .service dl dd h5{font-weight:400;color:#fff;font-size:16px;background:url("../img/bg_2.png") center bottom no-repeat;padding-bottom:10px} .service dl dd p{color:#fff;font-size:13px;padding-top:20px} .service dl dd h6{padding-top:20px} .service dl dd h6 a{width:62px;height:24px;text-align:center;line-height:24px;display:inline-block;border-radius:10px;background:#fff} .service dl dd h6 a span{background:url("../img/bg_04.png") right center no-repeat;padding-right:10px;font-size:12px;color:#49bc91;font-weight:400} .service-flow{padding:90px 0} .service-flow h4{text-align:center;color:#11232f;font-size:32px;font-weight:400;padding-bottom:75px} .service-flow h4 span{display:block;font-size:18px;color:#697d84;padding-top:15px} .service-flow dl{float:left;margin-right:15px} .service-flow dl.one{margin-left:115px} .service-flow dl dt{background:url("../img/bg_05.png") right 30px no-repeat;padding-right:66px;margin-bottom:25px} .service-flow dl dt.bg-none{background:0 0} .service-flow dl dt span{display:block;text-align:center;padding-top:15px;font-size:16px;color:#40484d} .service-flow dl dd{position:relative;display:none} .service-flow dl:hover dd{display:block;transition:linear .2s;-moz-transition:linear .2s;-webkit-transition:linear .2s} .service-flow dl dd ul{width:130px;padding:15px;border:2px solid #adacb7;border-radius:5px;position:absolute;top:0;left:-47px;background:#fff} .service-flow dl dd tt{background:url("../img/bg_07.png") no-repeat;width:17px;height:10px;display:inline-block;position:absolute;top:-8px;left:27px;z-index:10} .service-flow dl dd ul li{background:url("../img/bg_06.png") left 7px no-repeat;line-height:20px;padding-left:10px;font-size:12px;color:#697d84} .service-flow h5{padding-top:70px;display:block;clear:both;text-align:center} .service-flow h5 a{width:200px;height:50px;text-align:center;line-height:50px;display:inline-block;border-radius:30px;background:#4fbd8e} .service-flow h5 a span{background:url("../img/bg_08.png") right center no-repeat;padding-right:15px;font-size:16px;color:#fff;font-weight:400} .service-flow h6{display:none} .industry-advantages{background:#f7f7f8;padding:90px 0} .industry-advantages .container div{margin-left:30px} .industry-advantages h4{text-align:center;color:#11232f;font-size:32px;font-weight:400;padding-bottom:60px} .industry-advantages h4 span{display:block;font-size:18px;color:#697d84;padding-top:15px} .industry-advantages dl{width:550px;height:158px;background:#fff;float:left;margin-right:30px;margin-bottom:30px;position:relative;border-radius:5px;padding-top:30px} .industry-advantages dl dt{float:left;margin-left:55px} .industry-advantages dl dt span{font-size:20px;color:#fff;background:url("../img/bg_09.png") center center no-repeat;width:34px;height:44px;text-align:center;line-height:34px;display:inline-block;position:absolute;top:0;left:25px} .industry-advantages dl dd{float:left;width:280px;margin-left:40px;margin-top:15px} .industry-advantages dl dd h5{font-size:20px;color:#11232f;font-weight:400} .industry-advantages dl dd p{font-size:14px;color:#697d84;line-height:24px;padding-top:15px} .case-success{background:#eaf0ed;padding:80px 0} .case-success h4{text-align:center;color:#11232f;font-size:32px;font-weight:400;padding-bottom:60px} .case-success h4 span{display:block;font-size:18px;color:#697d84;padding-top:15px} .case-success h6{text-align:center;padding-top:60px} .case-success h6 a{width:200px;height:50px;text-align:center;line-height:50px;display:inline-block;border-radius:30px;background:#4fbd8e} .case-success h6 a span{background:url("../img/bg_08.png") right center no-repeat;padding-right:15px;font-size:16px;color:#fff;font-weight:400} .case-success .swiper-case{width:979px;margin:0 auto;padding:20px 0} .case-success .swiper-slide{width:300px;height:420px;background:#f8fcf9;border-radius:8px;padding:45px 35px 30px} .case-success .swiper-slide.swiper-slide-active{box-shadow:0 2px 16px rgba(186,185,197,.3);background:#fff} .case-success .swiper-slide h2{height:80px;overflow:hidden;text-align:center} .case-success .swiper-slide h2 img{max-height:60px;width:auto} .case-success .swiper-slide h5{width:100%;font-size:20px;line-height:28px;height:28px;overflow:hidden;color:#40484d;font-weight:400;text-align:center;margin-bottom:15px;white-space:nowrap;text-overflow:ellipsis} .case-success .swiper-slide .desc{font-size:14px;color:#697d84;line-height:25px;height:125px;overflow:hidden;position:relative} .detailed{position:absolute;right:0;top:103px} .detailed .detailed-btn{background:#dcdcdd;border-radius:5px;display:inline-block;width:38px;position:relative;height:15px} .detailed .detailed-btn span{position:absolute;top:-7px;left:10px;display:inline-block;font-size:24px;color:#58595f;height:15px!important;line-height:15px!important} .detailed .detailed-btn:hover{background:#bebdc2;transition:linear .2s;-moz-transition:linear .2s;-webkit-transition:linear .2s;-o-transition:linear .2s;-ms-transition:linear .2s} .detailed .detailed-btn:hover span{color:#fff} .case-success .swiper-slide .pro-money{text-align:center;padding:20px 0 15px;height:40px} .case-success .swiper-slide .pro-money span{font-size:25px;color:#ff7500;text-align:center;background:url("../img/bg_money.png") left center no-repeat;padding-left:28px} .case-success .swiper-slide .status-tag span{display:inline-block;margin-right:1px;color:#697d84;font-size:14px;border:1px solid #a5b4b2;padding:0 10px;line-height:28px;height:28px;border-radius:3px;text-overflow:ellipsis} .case-success .swiper-slide .status-tag{text-align:left;overflow:hidden;margin-top:15px;height:30px} .case-success .swiper-slide .pro-status{text-align:center} .pro-status-list{display:inline-block;margin:0 20px;cursor:pointer;text-align:center} .pro-status-list:hover span{color:#272636} .case-success .swiper-slide .pro-status-web{background:url("../img/bg_computer.png") center center no-repeat;width:30px;height:31px;display:block;margin:0 auto 2px} .case-success .swiper-slide .pro-status-ios{background:url("../img/bg_ios.png") center center no-repeat;width:30px;height:31px;display:block;margin:0 auto 2px} .case-success .swiper-slide .pro-status-android{background:url("../img/bg_android.png") center center no-repeat;width:30px;height:31px;display:block;margin:0 auto 2px} .pro-status-list span{color:#808088;font-size:12px} .list-demo-detailed{position:absolute;top:0;left:0;background:#FFF;width:100%;height:100%;display:none} .list-demo-detailed .list-demo-detailed-box{padding:0 15px 0 25px} .list-demo-detailed h4{color:#58595f;font-size:16px;text-align:center;padding-top:70px} .list-demo-detailed p{font-size:12px;color:#88888c;text-align:left;padding-top:10px;line-height:20px;height:280px;overflow-y:hidden} .list-demo-detailed h5 a.close{position:absolute;right:15px;top:10px;background:url("../img/icon_caseclose.png") center center no-repeat;width:25px;height:25px;display:inline-block} .list-demo-detailed h5 a.close:hover{background:url("../img/icon_caseclose_hov.png") center center no-repeat;transition:linear .2s;-moz-transition:linear .2s;-webkit-transition:linear .2s;-o-transition:linear .2s;-ms-transition:linear .2s} .swiper-button-prev{background:url("../img/icon_left.png") center center no-repeat!important;width:56px!important;height:56px!important;left:0!important;top:390px!important} .swiper-button-next{background:url("../img/icon_right.png") center center no-repeat!important;width:56px!important;height:56px!important;right:0!important;top:390px!important} @media only screen and (max-width:1200px){ .banner{height:6.1333rem} .banner .item{background-image:url("../img/banner_mo.jpg");background-size:100%} .mod-demandform{background:#fff;padding:.66667rem .4rem .8rem;width:9.2rem;display:block;position:relative} .mod-demandform .position{position:absolute;top:-1.6rem} .mod-demandform li{position:relative} .ui-select .ui-select-options{border:1px solid #cecece;top:.93333rem;border-radius:.13333rem} .ui-select .ui-select-view{position:relative;padding-left:.4rem;padding-right:.86667rem} .ui-select{background:#fff;margin-bottom:.13333rem;border:1px solid #cecece;border-radius:.13333rem;width:9.22667rem} .ui-select-placeholder{font-size:.29333rem;color:#999!important} .ui-select .ui-select-view .ui-select-text{height:.93333rem;line-height:.93333rem;font-size:.29333rem} .ui-select .ui-select-view .ui-select-icon{width:.93333rem;height:.93333rem;border-left:0;background:0 0} .ui-select .ui-select-options li{padding:0 .4rem;line-height:.93333rem;font-size:.29333rem;color:#3c3c3c} .mod-demandform .textarea-text{height:1.2rem;width:8.37333rem;padding:.26667rem .4rem;border:1px solid #cecece;background:#fff;font-size:.29333rem;color:#3c3c3c;margin-bottom:.13333rem;border-radius:.13333rem;-webkit-appearance:none} .mod-demandform .input-text{height:.93333rem;line-height:.93333rem;width:8.37333rem;padding:0 .4rem;border:1px solid #cecece;background:#fff;font-size:.29333rem;color:#3c3c3c;margin-bottom:.13333rem;border-radius:.13333rem;-webkit-appearance:none} .mod-demandform .input-text.especial{width:5.15rem} .mod-demandform .code-btn{height:.96rem;line-height:.96rem;display:inline-block;width:2.93333rem;padding:0;text-align:center;font-size:.29333rem;color:#fff;background:#77cdad;border-radius:.13333rem;border:0;position:absolute;right:0;top:0} .mod-demandform .code-btn.disabled{background:#eee;border:1px solid #e5e5e5;color:#a9a9a9;cursor:default} .mod-demandform .ui-box{margin-top:.2rem} .mod-demandform .ui-box .ui-box-btn{width:100%;text-align:center;height:1.33333rem;line-height:1.33333rem;display:inline-block;background:#47b48b;color:#fff;font-size:.37333rem;border-radius:.13333rem} .service{padding:1.06667rem 0 1.06667rem .13333rem} .service h4{font-size:.45333rem;margin-bottom:.8rem} .service dl{width:2.8rem;height:3.2rem;margin-left:.33333rem;margin-bottom:-.53333rem;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none} .service dt{width:2.8rem!important;height:3.2rem!important;padding-top:.8rem!important;height:2.4rem!important;background-size:100% 100%!important} .service dt img{width:1.01333rem;height:1.01333rem} .service dt span{font-size:.32rem!important;padding-top:.06667rem!important} .service dl.one,.service dl.six{margin-left:2rem} .service dl.six,.service dl.senve{margin-bottom:0} .service dl.five{margin-left:.33333rem} .service dl dd{display:none} .service-flow{padding:1.06667rem 0} .service-flow h4{font-size:.45333rem;padding-bottom:1rem} .service-flow h4 span{font-size:.32rem;padding-top:.2rem} .service-flow dl,.service-flow h5{display:none} .service-flow h6{display:block;text-align:center} .service-flow h6 img{width:70%;height:auto} .industry-advantages{padding:1.06667rem 0} .industry-advantages h4{font-size:.45333rem;padding-bottom:.8rem} .industry-advantages h4 span{font-size:.32rem;padding-top:.2rem} .industry-advantages .container div{margin-left:0} .industry-advantages dl{width:36%;margin-left:4%;margin-right:0;height:5rem;text-align:center;padding:.66667rem 4%} .industry-advantages dl dt{float:none;margin-left:0} .industry-advantages dl dt span{width:.58667rem;height:.74667rem;line-height:.66667rem;background-size:100% 100%;font-size:.29333rem;left:8%} .industry-advantages dl dt img{width:2.13333rem;height:2.13333rem} .industry-advantages dl dd{float:none;margin-left:0;width:100%;margin-top:-.2rem} .industry-advantages dl dd h5{font-size:.34667rem;color:#11232f;padding-top:.33333rem;width:2.13333rem;margin:0 auto} .industry-advantages dl dd p{font-size:.29333rem;line-height:.53333rem;text-align:left;padding-top:.13333rem} .case-success{padding:1.06667rem 0} .case-success h4{font-size:.45333rem;padding-bottom:.8rem} .case-success h4 span{font-size:.32rem;width:5.06667rem;display:block;margin:0 auto;padding-top:.26667rem} .case-success h6{padding-top:.8rem} .case-success h6 a{width:3.46667rem;height:.93333rem;line-height:.93333rem;border-radius:.8rem} .case-success h6 a span{background:0 0;padding-right:0;font-size:.4rem} .case-success .swiper-case{width:auto} .swiper-button-prev,.swiper-button-next{display:none} .case-success .swiper-slide{width:5.6rem;height:8rem;background:#fff;border-radius:8px;padding:.8rem .53333rem .53333rem} .case-success .swiper-slide h2{height:.8rem} .case-success .swiper-slide h2 img{max-height:.8rem} .case-success .swiper-slide h5{font-size:.4rem;margin-bottom:.26667rem;margin-top:.4rem} .case-success .swiper-slide .desc{font-size:.32rem;line-height:.5867rem;height:2.3467rem} .detailed{position:absolute;right:0;top:1.83rem} .list-demo-detailed p{font-size:.32rem;line-height:.5333rem;height:4.8rem} .case-success .swiper-slide .status-tag{height:.56rem} .case-success .swiper-slide .status-tag span{height:.48rem;line-height:.48rem;font-size:.24rem;padding:0 .2rem;border-radius:.04rem;vertical-align:top} .case-success .swiper-slide .pro-money{padding:.26667rem 0;height:.6667rem} .pro-status-list{margin:0 .2rem} .case-success .swiper-slide .pro-money span{font-size:.45333rem;background:url("../img/bg_money_mo.png") left center no-repeat;background-size:.4rem .4rem;padding-left:.6rem} .case-success .swiper-slide .pro-status-web{background:url("../img/bg_computer_mo.png") center center no-repeat;width:.61333rem;height:.61333rem;display:block;background-size:100% 100%} .case-success .swiper-slide .pro-status-ios{background:url("../img/bg_ios_mo.png") center center no-repeat;width:.61333rem;height:.61333rem;background-size:100% 100%} .case-success .swiper-slide .pro-status-android{background:url("../img/bg_android_mo.png") center center no-repeat;width:.61333rem;height:.61333rem;background-size:100% 100%} .pro-status-list span{font-size:.26667rem} .gotop{position:fixed;right:0;top:50%;margin-top:2rem;z-index:100} .gotop .gotop-btn{display:block} .gotop .gotop-btn img{width:1.38667rem;height:1.38667rem} } /*鏈嶅姟浠嬬粛*/ .service-introduce{padding:90px 0} .service-introduce.bg-cor{background-color:#f7f7f8;border-bottom:1px solid #eaeaea} .service-introduce .fl{float:left;margin-left:60px} .service-introduce .fr{float:right;margin-right:60px} .service-introduce .introduce-txt{width:530px} .service-introduce .introduce-txt h4{font-size:36px;color:#11232f;font-weight:400;margin-left:22px;padding-bottom:25px} .service-introduce .introduce-txt h4.one{margin-top:50px} .service-introduce .introduce-txt ul li{font-size:18px;color:#11232f;background:url("../img/bg_tick.png") left center no-repeat;padding-left:22px;line-height:30px} .service-introduce .introduce-txt p{color:#40484d;font-size:14px;padding-left:22px;padding-top:30px} .service-introduce .introduce-txt h5{color:#11232f;font-size:12px;font-weight:400;padding-left:22px;padding-top:25px} .service-introduce .introduce-txt h5 span{color:#697d84;font-size:12px} .service-introduce .introduce-txt h6{padding-left:22px;padding-top:30px} .service-introduce .introduce-txt h6 span{color:#40484d;font-size:14px;background:url("../img/bg_arrow.png") right center no-repeat;padding-right:22px;text-decoration:underline;font-weight:400;margin-right:20px} .gobottom{opacity:0;display:none;position:fixed;right:0;top:38%;z-index:5} @media only screen and (max-width:1200px){ .service-introduce{padding:1.33333rem 0;border-bottom:1px solid #eaeaea} .service-introduce:last-child{border-bottom:0} .service-introduce .introduce-txt{width:auto;margin-top:.33333rem} .service-introduce .introduce-txt p,.service-introduce .introduce-txt h5,.service-introduce .introduce-txt h6{display:none} .service-introduce .introduce-txt h4{font-size:.4rem;padding-bottom:.33333rem;margin-left:.29333rem} .service-introduce .introduce-txt h4.one{margin-top:.53333rem} .service-introduce .introduce-txt h4.five{margin-top:.4rem} .service-introduce .introduce-txt h4.six{margin-top:.66667rem} .service-introduce .introduce-txt ul li{font-size:.24rem;background-size:.22667rem .17333rem;padding-left:.29333rem;line-height:.66667rem} .introduce-pic{width:5.2rem} .introduce-pic img{width:100%;height:auto} .service-introduce .fl{margin-left:.4rem} .service-introduce .fr{margin-right:.4rem} .gobottom{opacity:1} .gobottom a.gobottom-btn{background:url("../img/bg_02.png") center center no-repeat;background-size:100% 100%;width:2rem;height:1.06667rem;line-height:1rem;display:inline-block;color:#fff;font-weight:400;font-size:.29333rem;padding-left:.41333rem} } /*鍏充簬鎴戜滑*/ .about-us{background:#f7f7f8;padding:70px 0 80px} .about-software h4{font-size:26px;color:#11232f;font-weight:400;text-align:center;margin-bottom:35px} .about-software h4 span{font-size:14px;color:#697d84;display:block} .about-software dl dt{width:600px;height:420px} .about-software dl dd{background:#fff;width:520px;height:420px;padding:0 40px;position:relative} .about-software dl dd i{background:url("../img/bg_01.png") center center no-repeat;width:16px;height:16px;display:inline-block;position:absolute;right:-8px;top:50%;margin-top:-8px} .about-software dl dd.fr i{left:-8px} .about-software dl dd h5{font-weight:400;font-size:20px;color:#11232f;margin-bottom:30px;padding-top:80px} .about-software dl dd p{font-size:14px;color:#697d84;line-height:24px} .partners{margin-top:50px} .partners-mo{display:none} .partners h4{text-align:center;position:relative} .partners h4 span{position:relative;padding:0 15px;z-index:10;font-size:18px;color:#11232f;font-weight:400;background:#f7f7f8} .partners h4 i{display:block;width:100%;height:1px;background-color:#ececec;position:absolute;top:50%} .partners div{width:1220px;overflow:hidden;margin-top:50px} .partners dl{background:#fff;border:1px solid #ececec;width:285px;height:105px;float:left;text-align:center;margin-right:18px;margin-bottom:18px;padding-top:20px} .partners dl dt{height:60px;overflow:hidden} .partners dl dt img{max-height:100%;width:auto} .partners dl dd{font-size:13px;color:#b1b1b1;padding-top:5px} @media only screen and (max-width:1200px){ .about-us{background:#f7f7f8;padding:.8rem 0} .about-software{padding:0 .4rem} .about-software h4{font-size:.45333rem;margin-bottom:.33333rem} .about-software h4 span{font-size:.32rem} .about-software dl{margin-bottom:.66667rem} .about-software dl dt{width:100%;height:auto} .about-software dl dt img{width:100%;height:auto;display:block} .about-software dl dd{width:100%;height:auto;padding:0;background:#f7f7f8} .about-software dl dd h5{font-size:.4rem;padding-top:.66667rem;text-align:center;margin-bottom:.26667rem} .about-software dl dd p{font-size:.29333rem;line-height:.58667rem} .about-software dl dd i{display:none} .partners{margin-top:.26667rem} .partners div{display:none} .partners h4 span{font-size:.4rem;padding:0} .partners h4 i{display:none} .partners-mo{display:block;padding-top:.4rem} .partners-mo .swiper-wrapper{padding-left:.36rem} .partners-mo a{float:left;display:block} .partners-mo dl{background:#fff;border:1px solid #ececec;width:4.46667rem;height:1.73333rem;text-align:center;margin-right:.24rem;margin-bottom:.24rem;padding-top:.4rem} .partners-mo dl dt{height:.66667rem;overflow:hidden} .partners-mo dl dt img{max-height:100%;width:auto} .partners-mo dl dd{font-size:.18667rem;color:#b1b1b1;padding-top:.26667rem} .partners-mo .swiper-pagination-bullet{width:.21333rem;height:.21333rem;background:#fff;opacity:1;border:1px solid #49bc91} .partners-mo .swiper-pagination-bullet-active{background:#49bc91;border:1px solid #49bc91} .partners-mo .swiper-pagination{position:static;margin-top:.13333rem} } /*甯姪*/ .help-employer{background:url("../img/bg_map.jpg") center center no-repeat;height:580px;position:relative} .help-employer .container{position:static} .help-employer .scheme{margin-top:0;padding-top:150px} .help-employer h3{display:none} .help-employer .scheme .scheme-txt h4{font-weight:400;color:#fff;font-size:24px;text-align:center} .help-employer .scheme .scheme-txt h4 span{font-weight:400;color:#4abd92;font-size:44px;text-align:center;font-family:"寰蒋闆呴粦";padding:0 15px} .help-employer .scheme .scheme-txt p{color:#eaf0ed;font-size:16px;text-align:center;margin-top:20px} .help-employer .scheme .scheme-txt h5{font-weight:400;color:#4abd92;font-size:14px;text-align:center;margin-top:40px} .help-employer .scheme .scheme-txt h6{text-align:center;margin-top:70px} .help-employer .scheme .scheme-txt h6 a{font-size:22px;width:240px;text-align:center;height:60px;line-height:60px;display:inline-block;color:#fff;background:#50be8e;border-radius:30px;font-weight:400} @media only screen and (max-width:1200px){ .help-employer{background:url("../img/bg_map_mo.jpg") center center no-repeat;width:1005;height:13.6rem;background-size:100% 100%} .help-employer .scheme{padding-top:3.06667rem} .help-employer .scheme .scheme-txt h4{font-size:.50667rem} .help-employer .scheme .scheme-txt h4 span{font-size:.85333rem;padding:0 .8rem;display:block;isplay:block} .help-employer .scheme .scheme-txt p{display:none} .help-employer .scheme .scheme-txt h5{display:none} .help-employer .scheme .scheme-txt h6{margin-top:1.6rem} .help-employer .scheme .scheme-txt h6 a{font-size:.48rem;width:5.33333rem;height:1.2rem;line-height:1.2rem;border-radius:.8rem} .help-employer .scheme .scheme-txt h3{font-weight:400;font-size:.32rem;color:#49bc91;padding:0 1.6rem;margin-top:.93333rem;text-align:center;display:block} } /*妗堜緥*/ .case{background-color:#f7f7f8;padding-top:40px;padding-bottom:60px} .case .case-cate{text-align:center;height:32px;display:flex;justify-content:space-around;padding:10px 0 10px;margin:0 auto;max-width:500px;} .case .case-cate a{border:#dddddd solid 1px;padding:0 5px;display:inline-block;height:30px;line-height:30px;border-radius:3px;} .case .case-cate a.on{background:#eeeeee;} .case .case-div{width:1216px;overflow:hidden} .project-status{background-color:#fff;border:1px solid #ececec;width:288px;text-align:center;margin-bottom:15px;display:inline-block;margin-right:14px;padding-bottom:25px;float:left;transition:linear .2s;-moz-transition:linear .2s;-webkit-transition:linear .2s;position:relative} .project-status:hover{box-shadow:0 0 35px rgba(0,0,0,.1)} .project-logo{height:80px;margin:40px auto 20px;overflow:hidden} .project-logo .img-logo{max-height:80px;overflow:hidden;display:block;width:auto;margin:0 auto} .pro-status-text{color:#808088;font-size:12px} .project-hot-list{position:relative} .project-hot-list .slogan-overflow{color:#40484d;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;display:inline-block;width:90%;font-size:16px;height:24px;line-height:24px} .project-status .project-hot-list{margin:7px 20px;position:relative} .project-status .project-hot-list .list-demo{font-size:12px;color:#78808d;line-height:20px;height:80px;text-align:left;overflow:hidden;position:relative} .detailed{position:absolute;right:0;top:63px} .detailed .detailed-btn{background:#dcdcdd;border-radius:5px;display:inline-block;width:38px;position:relative;height:15px} .detailed .detailed-btn span{position:absolute;top:-7px;left:10px;display:inline-block;font-size:24px;color:#58595f;height:15px!important;line-height:15px!important} .detailed .detailed-btn:hover{background:#bebdc2;transition:linear .2s;-moz-transition:linear .2s;-webkit-transition:linear .2s;-o-transition:linear .2s;-ms-transition:linear .2s} .detailed .detailed-btn:hover span{color:#fff} .project-status .pro-money{text-align:center;padding:20px 0} .project-status .pro-money span{font-size:22px;color:#ff7500;text-align:center;background:url("../img/bg_money.png") left center no-repeat;padding-left:28px} .project-status .status-tag span{margin-right:1px;display:inline-block;color:#58595f;font-size:12px;border:1px solid #b1b1b4;padding:0 10px;line-height:22px;height:22px;overflow:hidden;text-overflow:ellipsis} .project-status .status-tag{height:24px;text-align:left;overflow:hidden;margin-top:20px} .project-status .pro-status{height:48px} .pro-status-list{display:inline-block;margin:0 15px;cursor:pointer} .pro-status-list:hover span{color:#272636} .pro-status-list .pro-status-web{background:url("../img/bg_computer.png") center center no-repeat;width:25px;height:25px;display:block;margin:0 auto 2px} .pro-status-list .pro-status-ios{background:url("../img/bg_ios.png") center center no-repeat;width:25px;height:25px;display:block;margin:0 auto 2px} .pro-status-list .pro-status-android{background:url("../img/bg_android.png") center center no-repeat;width:25px;height:25px;display:block;margin:0 auto 2px} .pro-status-list .pro-status-qrcode{background:url("../img/bg_qrcode.png") center center no-repeat;width:25px;height:25px;display:block;margin:0 auto 2px} .pro-status-list span{color:#808088;font-size:12px} .qrcode{width:250px;} .list-demo-detailed{position:absolute;top:0;left:0;background:#FFF;width:100%;height:100%;display:none} .list-demo-detailed .list-demo-detailed-box{padding:0 15px 0 25px} .list-demo-detailed h4{color:#58595f;font-size:16px;font-weight:400;text-align:center;padding-top:70px} .list-demo-detailed p{font-size:12px;color:#88888c;text-align:left;padding-top:10px;line-height:20px;height:280px;overflow-y:hidden} .list-demo-detailed h5 a.close{position:absolute;right:15px;top:10px;background:url("../img/icon_caseclose.png") center center no-repeat;width:25px;height:25px;display:inline-block} .list-demo-detailed h5 a.close:hover{background:url("../img/icon_caseclose_hov.png") center center no-repeat;transition:linear .2s;-moz-transition:linear .2s;-webkit-transition:linear .2s;-o-transition:linear .2s;-ms-transition:linear .2s} @media only screen and (max-width:1200px){.case .case-div{width:100%} .case{padding-top:0;padding-bottom:.26667rem} .project-status{border-top:1px solid #ebebeb;border-bottom:1px solid #ebebeb;border-left:0;border-right:0;width:100%;float:none;padding-bottom:.66667rem;margin-bottom:.26667rem} .project-status:hover:hover{box-shadow:none} .project-status:first-child{border-top:0} .project-logo{height:1.06667rem;margin:.66667rem auto .26667rem} .project-logo .img-logo{max-height:1.06667rem} .pro-status-text{font-size:.29333rem} .project-hot-list .slogan-overflow{font-size:.4rem;height:.53333rem;line-height:.53333rem} .project-status .project-hot-list .list-demo{font-size:.32rem;line-height:.53333rem;height:2.13333rem} .project-status .status-tag{height:.72rem;margin-top:.46667rem} .project-status .status-tag span{padding:0 .2rem;font-size:.29333rem;height:.66667rem;line-height:.66667rem;border-radius:.06667rem;vertical-align:top} .project-status .pro-money{text-align:center;padding:.53333rem 0} .project-status .pro-money span{background:url("../img/bg_money_mo.png") left center no-repeat;font-size:.45333rem;padding-left:.66667rem;background-size:.50667rem .50667rem} .pro-status-list{margin:0 .8rem} .detailed{top:1.55rem} .list-demo-detailed p{padding-top:0;margin-top:.2667rem;line-height:.5333rem;height:5.3333rem} .pro-status-list .pro-status-web{background:url("../img/bg_computer_mo.png") center center no-repeat;background-size:100%;width:.61333rem;height:.61333rem;display:block;margin:0 auto 2px} .pro-status-list .pro-status-ios{background:url("../img/bg_ios_mo.png") center center no-repeat;background-size:100%;width:.61333rem;height:.61333rem;display:block;margin:0 auto 2px} .pro-status-list .pro-status-android{background:url("../img/bg_android_mo.png") center center no-repeat;background-size:100%;width:.61333rem;height:.61333rem;display:block;margin:0 auto 2px} .pro-status-list .pro-status-qrcode{background:url("../img/bg_qrcode_mo.png") center center no-repeat;background-size:100%;width:.61333rem;height:.61333rem;display:block;margin:0 auto 2px} .pro-status-list span{color:#808088;font-size:.29333rem} .qrcode{width:5rem;} } /*搴曢儴*/ .common-footer{background-color:#fff} .footer-warp{width:100%;background-color:#232830;padding:30px 0 40px;background-image:url(../img/bg-left.png),url(../img/bg-right.png);background-repeat:no-repeat;background-position:0 bottom,right bottom} .footer-warp .footer-width-ctrl{margin:0 auto;width:1190px;overflow:hidden;position:relative} .footer-warp .footer-width-ctrl a{color:#fff;cursor:pointer;text-decoration:none} .footer-warp .footer-cutting-line{border-bottom:1px solid #363b44;width:100%;display:block} .footer-warp .footer-top-links{margin:0 -20px 14px;overflow:hidden} .footer-warp .footer-top-links a{color:#fff;font-size:14px;padding:0 30px;border-left:1px solid #363b44} .footer-warp .footer-service-tel{color:#83a3d2;font-size:14px;position:absolute;top:0;right:0} .footer-warp .footer-friend-links{width:810px;margin-top:30px;height:120px;overflow:hidden;} .footer-warp .footer-friend-links span{float:left;height:30px;line-height:30px;padding:0 14px;text-align:center;background-color:#40506a;color:#fff;position:relative} .footer-warp .footer-friend-links span:after{content:' ';width:0;height:0;position:absolute;top:100%;left:50%;margin-left:-4px;border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px solid #40506a;border-bottom:0 solid #40506a} .footer-warp .footer-friend-links .footer-tab-panel{float:left;margin-top:8px;} .footer-warp .footer-friend-links .footer-tab-panel a{height:24px;line-height:24px;font-size:12px;color:#78808d;float:left;margin-right:40px;margin-bottom:0} .footer-warp .footer-friend-links .footer-tab-panel a:hover{color:#fff} .footer-warp .footer-friend-tab .friend-is-active .footer-tab-panel{opacity:1;filter:alpha(opacity=100);z-index:2} .footer-warp .footer-copyright{font-size:12px;color:#78808d} .footer-warp .footer-copyright a{color:#78808d} .footer-warp .footer-qrcode{position:absolute;right:0;bottom:0} .footer-warp .footer-qrcode-item{box-sizing:border-box;width:124px;height:150px;padding:7px;background-color:#2d343f;margin-left:20px;display:inline-block} .footer-warp .footer-qrcode-item img{width:110px;height:110px;display:block} .footer-warp .footer-qrcode-item .qrcode-item-text{color:#fff;font-size:12px;text-align:center;margin-top:8px} .common-footer .footer-mo{display:none;text-align:center;background-color:#100911;padding:.6667rem .5333rem} .common-footer .footer-mo .copyright{margin-bottom:.3333rem} .common-footer .footer-mo p{line-height:.6667rem;font-size:.3467rem;color:#83a3d2} .common-footer .footer-mo a{color:#fff} @media screen and (max-width:1200px){ .common-footer .footer-warp{display:none} .common-footer .footer-mo{display:block} } /*瑙e喅鏂规*/ .section-title{font-size:32px;line-height:1;text-align:center;font-weight:400;line-height:180px;color:#11232f!important} .page-solution a:hover{text-decoration:none} .page-solution .page-header{background-color:transparent;position:absolute;left:0;top:0;border-bottom:1px solid rgba(255,255,255,.05)} .page-solution-banner{position:relative;height:530px;width:100%;overflow:hidden;min-width:1200px} .page-solution-banner .img{width:1920px;height:530px;margin-left:-960px;text-align:center;position:absolute;top:0;left:50%} .page-solution-banner .img img{width:100%;vertical-align:top} .page-solution-banner .content{position:relative} .page-solution-banner .content a{width:200px;text-align:center;height:46px;line-height:46px;display:inline-block;border-radius:5px;color:#fff;font-size:16px;margin:0 8px} .page-solution-banner .content a.j-tomakedemand{border:1px solid #bdc0ca;position:absolute;left:0;top:310px} .page-solution-banner .content a.consulting{border:1px solid #c8c9ca} .page-solution-navbar{position:relative;margin-top:-50px;text-align:center;width:100%;height:50px} .page-solution-navbar li{display:inline-block;line-height:50px;margin:0 25px;position:relative} .page-solution-navbar li:after{height:3px;width:100%;background-color:#4abd92;position:absolute;bottom:0;left:0} .page-solution-navbar li.active a{color:#fff} .page-solution-navbar li.active:after{content:''} .page-solution-navbar a{display:block;color:#bababa;font-size:16px} .page-solution-navbar a:hover{text-decoration:none;color:#fff} .page-solution-navbar.fixed{margin-top:0;z-index:100;background-color:rgba(0,0,0,.75)} .page-solution-busness-scence{background-color:#fff;padding-bottom:110px} .page-solution-busness-scence .title{color:#3f4f7c} .page-solution-busness-scence .body ul{width:1204px;overflow:hidden} .page-solution-busness-scence .body li{float:left;position:relative;width:297px;height:350px;margin-right:4px} .page-solution-busness-scence .body img{width:100%;height:100%} .page-solution-busness-scence .body p{position:absolute;width:100%;top:210px;left:0;text-align:center;font-size:18px;color:#fff;line-height:1.5} .page-solution-busness-challenge{background-color:#f7f7f9;padding-bottom:110px} .page-solution-busness-challenge .title{color:#3f4f7c} .page-solution-busness-challenge .body ul{width:1212px;overflow:hidden} .page-solution-busness-challenge .body li{transition:all .3s;float:left;margin-right:15px;position:relative;width:216px;height:288px;padding:55px 35px 25px;background:#fff;border:1px solid #e1e1e1;text-align:center} .page-solution-busness-challenge .body li img{width:64px;height:64px} .page-solution-busness-challenge .body li:hover{box-shadow:0 5px 10px 0 rgba(228,228,228,.4)} .page-solution-busness-challenge .body .name{font-size:20px;color:#11232f;line-height:24px;margin-top:30px;text-decoration:none} .page-solution-busness-challenge .body .desc{font-size:14px;color:#666;line-height:22px;margin-top:30px;text-align:left;text-decoration:none} .page-solution-advantage{background-color:#fff;padding-bottom:110px} .page-solution-advantage .title{color:#3f4f7c} .page-solution-advantage .body ul{overflow:hidden;width:1236px} .page-solution-advantage .body li{transition:all .3s;float:left;margin-right:34px;position:relative;width:376px;height:420px;background:#fff;text-align:center;border:1px solid #e5e5e5} .page-solution-advantage .body li:hover{box-shadow:0 5px 10px 0 rgba(228,228,228,.4)} .page-solution-advantage .body img{width:100%;height:190px} .page-solution-advantage .body .name{font-size:20px;color:#49bc91;line-height:24px;padding:35px 30px 0;text-decoration:none} .page-solution-advantage .body .desc{font-size:14px;color:#666;line-height:22px;text-align:left;padding:20px 30px;text-decoration:none} .page-solution-plan{background:url('../img/bg_01.jpg') center center no-repeat;width:100%;height:622px} .page-solution-plan .title{color:#fff} .page-solution-plan .section-title{text-align:left;color:#4abd92!important;line-height:150px;margin-top:35px} .page-solution-plan .body{overflow:hidden} .page-solution-plan .body li{margin-bottom:30px} .page-solution-plan .body .name{text-decoration:none;font-size:18px;color:#fff;background:url('../img/bg_021.png') left center no-repeat;padding-left:25px} .page-solution-plan .body .desc{text-decoration:none;font-size:14px;color:#9a9b9a;padding:5px 0 0 25px;width:70%;line-height:28px} .page-solution-progress{background-color:#e7e7e7;padding-bottom:130px} .page-solution-progress .title{color:#3f4f7c} .page-solution-progress .body{text-align:center} .page-solution-service{background-color:#fff;padding-bottom:110px} .page-solution-service .title{color:#3f4f7c} .page-solution-service .body ul{width:1220px;overflow:hidden} .page-solution-service .body li{float:left;transition:all .3s;width:335px;height:86px;margin-right:30px;background:#fff;display:inline-block} .page-solution-service .body li:hover img{-webkit-filter:grayscale(0%);filter:grayscale(0%);opacity:1} .page-solution-service .body li:hover span.name{color:#4abd92} .page-solution-service .body p{display:inline-block;width:230px;height:100%;margin-left:7px} .page-solution-service .body p span{display:block} .page-solution-service .body p span.name{color:#11232f;margin:10px 0;height:20px;width:100%;overflow:hidden;font-size:16px} .page-solution-service .body p span.desc{color:#666;height:36px;width:100%;overflow:hidden;font-size:12px;text-align:left} .page-solution-service .body img{max-width:86px;max-height:86px;-webkit-filter:grayscale(100%);filter:grayscale(100%);opacity:.5;transition:all .3s;display:inline-block;vertical-align:bottom} .page-solution-case{background-color:#e9f0ee;padding-bottom:110px} .page-solution-case .title{color:#3f4f7c} .page-solution-case .body ul{overflow:hidden;width:1236px} .page-solution-case .body li{transition:all .3s;display:inline-block;margin-right:34px;position:relative;width:376px;height:380px;background:#fff;text-align:left;border:1px solid #e5e5e5;float:left} .page-solution-case .body li:hover{box-shadow:0 5px 10px 0 rgba(228,228,228,.4)} .page-solution-case .body img{height:180px;padding:15px 23px 0;width:330px} .page-solution-case .body .name{font-size:16px;color:#11232f;line-height:24px;padding:25px 20px 0;text-decoration:none;height:22px;overflow:hidden;text-align:center} .page-solution-case .body .desc{font-size:14px;color:#666;line-height:22px;padding:25px 20px;text-decoration:none;height:41px;overflow:hidden} .page-solution-partner{background-color:#fff;padding-bottom:110px} .page-solution-partner .title{color:#3f4f7c} .page-solution-partner .body ul{width:1220px;overflow:hidden} .page-solution-partner .body li{transition:all .3s;width:273px;height:98px;margin-right:30px;float:left;background:#fff;border:1px solid #e1e1e1} .page-solution-partner .body li:hover{box-shadow:0 5px 10px 0 rgba(228,228,228,.4)} .page-solution-partner .body li:hover img{-webkit-filter:grayscale(0%);filter:grayscale(0%);opacity:1} .page-solution-partner .body p{display:table;width:100%;height:100%} .page-solution-partner .body span{display:table-cell;width:100%;height:100%;text-align:center;vertical-align:middle} .page-solution-partner .body img{max-width:273px;max-height:98px;-webkit-filter:grayscale(100%);filter:grayscale(100%);opacity:.5;transition:all .3s} .page-solution-side-tool{width:40px;top:50%;right:0;position:fixed;z-index:100;margin-top:-80px;cursor:pointer} .page-solution-require{transition:all .2s;height:40px;padding:25px 0;position:relative;position:fixed;z-index:10;left:0;bottom:-500px;width:100%;background:#3d3d3d;background:rgba(0,0,0,.8)} .page-solution-require label.error{font-size:12px;color:#ff6155} .page-solution-require .bui-dropdown-menu{z-index:20} .page-solution-require .m-input{display:inline-block;font-size:14px;border:1px solid #ddd;height:18px;line-height:18px;padding:10px;background-color:#fff} .page-solution-require.show{bottom:0} .page-solution-require.active .require-content-tpl{display:block} .page-solution-require .require-content-tpl{background:#3d3d3d;background:rgba(0,0,0,.8);padding-top:25px;display:none;position:absolute;z-index:10;left:0;top:-270px;width:100%;height:245px} .page-solution-require .require-content-tpl .container:before{content:'';width:930px;height:1px;position:absolute;z-index:10;right:0;top:245px;background:#3d3d3d;background:rgba(255,255,255,.1)} .page-solution-require .require-content-tpl textarea{line-height:24px;width:228px;height:288px;padding:10px;border:1px solid #ddd;font-size:14px} .page-solution-require .require-content-tpl-text{padding-left:20px;color:#bbb;line-height:24px;width:930px} .page-solution-require .require-content-tpl-text .title{font-size:16px} .page-solution-require .require-content-tpl-text .title button{cursor:pointer;width:80px;height:26px;text-align:center;line-height:26px;margin-left:20px;color:#fff;background:#4abd92;border-radius:2px;border:0;font-size:14px} .page-solution-require .require-content-tpl-text dt{color:#4abd92;font-size:14px;padding:5px 0} .page-solution-require .require-content-tpl-text dd{font-size:14px} .page-solution-require .require-field-content{width:250px;height:40px;margin-right:20px} .page-solution-require .require-field-content input{width:228px} .page-solution-require .require-field-content-popup{position:absolute;background:#3d3d3d;background:rgba(0,0,0,.75);width:100%;height:200px} .page-solution-require .require-field-category,.page-solution-require .require-field-money{width:150px;height:40px;background:#fff;margin-right:20px} .page-solution-require .require-field-category select,.page-solution-require .require-field-money select{width:100%;height:100%} .page-solution-require .require-field-mobile{width:180px;height:40px} .page-solution-require .require-field-mobile input{width:158px} .page-solution-require .require-field-verifycode{width:120px;height:40px;margin-right:10px;margin-left:10px} .page-solution-require .require-field-verifycode input{width:98px} .page-solution-require .require-filed-sendbtn{width:120px} .page-solution-require .require-filed-sendbtn .send-btn{border-radius:2px;cursor:pointer;display:block;height:40px;line-height:40px;text-align:center;border:1px solid #ff9400;color:#fff;font-size:14px;background:#ff9400;margin:0;padding:0;width:100%} .page-solution-require .require-filed-sendbtn .send-btn:hover{background:#fa8700;border-color:#fa8700} .page-solution-require .require-filed-sendbtn .send-btn.disabled{background:#ccc;color:#eee;border:0} .page-solution-require .require-filed-sendbtn .send-btn.disabled:hover{border:0;background:#ccc;color:#eee} .page-solution-require .require-filed-submitbtn{width:110px;margin-left:20px} .page-solution-require .require-filed-submitbtn .submit-btn{border-radius:2px;cursor:pointer;display:block;height:40px;line-height:40px;text-align:center;border:1px solid #4abd92;color:#fff;font-size:14px;background:#4abd92;margin:0;padding:0;width:100%} .page-solution-require .require-filed-submitbtn .submit-btn:hover{background:#4abd92;border-color:#4abd92} .page-solution-require .require-filed-submitbtn .submit-btn.disabled{background:#ccc;color:#eee;border:0} .page-solution-require .require-filed-submitbtn .submit-btn.disabled:hover{border:0;background:#ccc;color:#eee} .fix-right{position:fixed;right:0;top:50%;margin-top:-100px;z-index:100} .fix-right .consult-prompt{width:45px;position:relative} .fix-right .consult-prompt:hover .consult-list{display:block} .fix-right .consult-prompt .consult-btn{width:45px;height:151px;display:inline-block;background:url('../img/icon_100.jpg') center center no-repeat} .fix-right .consult-prompt .transparent{width:10px;height:151px;display:inline-block;background-color:transparent;position:absolute;top:0;right:45px} .fix-right .go-top{width:45px;height:45px;display:inline-block;background:url('../img/icon_top.jpg') center center no-repeat;margin-top:-3px} .fix-right .consult-list{display:none;background-color:#fff;border:1px solid #e1e1e1;position:absolute;top:-8px;right:55px;width:376px;height:205px;padding:0 45px 0 35px} .fix-right .consult-list ul{padding-top:8px} .fix-right .consult-list li{padding:20px 0 0} .fix-right .consult-list li h4{position:relative} .fix-right .consult-list li h4 span{color:#333;font-size:16px;font-weight:400} .fix-right .consult-list li h4 span.consult-phone{background:url('../img/icon_070.png') left center no-repeat;padding-left:30px} .fix-right .consult-list li h4 span.consult-product{background:url('../img/icon_080.png') left center no-repeat;padding-left:30px} .fix-right .consult-list li h4 span.consult-consultant{background:url('../img/icon_090.png') left center no-repeat;padding-left:30px} .fix-right .consult-list li h4 a{width:80px;text-align:center;height:25px;line-height:25px;background:#49bc91;font-weight:400;color:#fff;display:inline-block;font-size:14px;border-radius:3px;position:absolute;right:0;top:0} .fix-right .consult-list li p{font-size:14px;color:#666;margin-left:30px;border-bottom:1px solid #f0f0f0;padding:8px 0 20px} .fix-right .consult-list p.bor-no{border-bottom:0} .fix-right .consult-list b{background:url(../img/icon_110.png) center center no-repeat;position:absolute;top:28px;right:-11px;width:11px;height:20px;display:inline-block;background-size:100% 100%} /*鍜ㄨ*/ .chosen-container{position:relative;display:inline-block;vertical-align:middle;font-size:14px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none} .chosen-container *{box-sizing:border-box} .chosen-container .chosen-drop{position:absolute;top:100%;z-index:1010;width:100%;border:1px solid #ddd;border-top:0;background:#fff;display:none} .chosen-container.chosen-with-drop .chosen-drop{display:block} .chosen-container a{cursor:pointer} .chosen-container .search-choice .group-name,.chosen-container .chosen-single .group-name{margin-right:4px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-weight:400;color:#999} .chosen-container .search-choice .group-name:after,.chosen-container .chosen-single .group-name:after{content:":";padding-left:2px;vertical-align:top} .chosen-container-single .chosen-single{position:relative;display:block;overflow:hidden;padding:0 0 0 8px;height:35px;line-height:35px;border:1px solid #ddd;background-color:#fff;color:#444;text-decoration:none;white-space:nowrap} .chosen-container-single .chosen-single input[type=text]{cursor:pointer;opacity:0;position:absolute;width:0} .chosen-container-single .chosen-default{color:#999} .chosen-container-single .chosen-single span{display:block;overflow:hidden;margin-right:26px;text-overflow:ellipsis;white-space:nowrap;height:35px;line-height:35px} .chosen-container-single .chosen-single-with-deselect span{margin-right:38px} .chosen-container-single .chosen-single abbr{position:absolute;top:6px;right:26px;display:block;width:12px;height:12px;background:url("../img/chosen-sprite.png") -42px 1px no-repeat;font-size:1px} .chosen-container-single .chosen-single abbr:hover{background-position:-42px -10px} .chosen-container-single.chosen-disabled .chosen-single abbr:hover{background-position:-42px -10px} .chosen-container-single .chosen-single div{position:absolute;top:0;right:0;display:block;width:18px;height:100%} .chosen-container-single .chosen-single div b{display:block;width:100%;height:100%;background:url("../img/chosen-sprite.png") no-repeat 3px 13px} .chosen-container-single .chosen-search{position:relative;z-index:1010;margin:0;padding:3px 4px;white-space:nowrap} .chosen-container-single .chosen-search input[type=text]{margin:1px 0;padding:4px 20px 4px 5px;width:100%;height:auto;outline:0;border:1px solid #ddd;background:url("../img/chosen-sprite.png") no-repeat 100% -20px;font-size:1em;font-family:sans-serif;line-height:normal;border-radius:0;height:25px;line-height:25px} .chosen-container-single .chosen-drop{margin-top:-1px;background-clip:padding-box} .chosen-container-single.chosen-container-single-nosearch .chosen-search{position:absolute;opacity:0;pointer-events:none} .chosen-container .chosen-results{color:#444;position:relative;overflow-x:hidden;overflow-y:auto;margin:0 4px 4px 0;padding:0 0 0 4px;max-height:240px;-webkit-overflow-scrolling:touch} .chosen-container .chosen-results li{display:none;margin:0;padding:5px 6px;list-style:none;line-height:15px;word-wrap:break-word;-webkit-touch-callout:none} .chosen-container .chosen-results li.active-result{display:list-item;cursor:pointer} .chosen-container .chosen-results li.active-result.highlighted{color:#fff} .chosen-container .chosen-results li.disabled-result{display:list-item;color:#ccc;cursor:default} .chosen-container .chosen-results li.highlighted{background-color:#008eff;color:#fff} .chosen-container .chosen-results li.result-selected.highlighted{color:#fff} .chosen-container .chosen-results li.no-results{color:#777;display:list-item;background:#f4f4f4} .chosen-container .chosen-results li.no-results:hover{color:#333!important} .chosen-container .chosen-results li.group-result{display:list-item;font-weight:700;cursor:default} .chosen-container .chosen-results li.group-option{padding-left:15px} .chosen-container .chosen-results li em{font-style:normal} .chosen-container-multi .chosen-choices{position:relative;overflow:hidden;margin:0;padding:0 5px;width:100%;height:auto;border:1px solid #ddd;background-color:#fff;background-image:linear-gradient(#eee 1%,#fff 15%);cursor:text} .chosen-container-multi .chosen-choices li{float:left;list-style:none} .chosen-container-multi .chosen-choices li.search-field{margin:0;padding:0;white-space:nowrap} .chosen-container-multi .chosen-choices li.search-field input[type=text]{margin:1px 0;padding:0;height:25px;outline:0;border:0!important;background:transparent!important;box-shadow:none;color:#999;font-size:100%;font-family:sans-serif;line-height:normal;border-radius:0;width:25px} .chosen-container-multi .chosen-choices li.search-choice{position:relative;margin:3px 5px 3px 0;padding:3px 20px 3px 5px;border:1px solid #ddd;max-width:100%;border-radius:3px;background-color:#eee;background-image:linear-gradient(#f4f4f4 20%,#f0f0f0 50%,#e8e8e8 52%,#eee 100%);background-size:100% 19px;background-repeat:repeat-x;background-clip:padding-box;box-shadow:0 0 2px #fff inset,0 1px 0 rgba(0,0,0,.05);color:#333;line-height:13px;cursor:default} .chosen-container-multi .chosen-choices li.search-choice span{word-wrap:break-word} .chosen-container-multi .chosen-choices li.search-choice .search-choice-close{position:absolute;top:4px;right:3px;display:block;width:12px;height:12px;background:url("../img/chosen-sprite.png") -42px 1px no-repeat;font-size:1px} .chosen-container-multi .chosen-choices li.search-choice .search-choice-close:hover{background-position:-42px -10px} .chosen-container-multi .chosen-choices li.search-choice-disabled{padding-right:5px;border:1px solid #ccc;background-color:#e4e4e4;background-image:linear-gradient(#f4f4f4 20%,#f0f0f0 50%,#e8e8e8 52%,#eee 100%);color:#666} .chosen-container-multi .chosen-choices li.search-choice-focus{background:#d4d4d4} .chosen-container-multi .chosen-choices li.search-choice-focus .search-choice-close{background-position:-42px -10px} .chosen-container-multi .chosen-results{margin:0;padding:0} .chosen-container-multi .chosen-drop .result-selected{display:list-item;color:#ccc;cursor:default} .chosen-container-active .chosen-single{border:1px solid #5897fb} .chosen-container-active.chosen-with-drop .chosen-single{border:1px solid #ddd;border-bottom-right-radius:0;border-bottom-left-radius:0} .chosen-container-active.chosen-with-drop .chosen-single div{border-left:0;background:transparent} .chosen-container-active.chosen-with-drop .chosen-single div b{background-position:-15px 9px} .chosen-container-active .chosen-choices{border:1px solid #5897fb;box-shadow:0 0 5px rgba(0,0,0,.3)} .chosen-container-active .chosen-choices li.search-field input[type=text]{color:#222!important} .chosen-disabled{opacity:.5!important;cursor:default} .chosen-disabled .chosen-single{cursor:default} .chosen-disabled .chosen-choices .search-choice .search-choice-close{cursor:default} .chosen-rtl{text-align:right} .chosen-rtl .chosen-single{overflow:visible;padding:0 8px 0 0} .chosen-rtl .chosen-single span{margin-right:0;margin-left:26px;direction:rtl} .chosen-rtl .chosen-single-with-deselect span{margin-left:38px} .chosen-rtl .chosen-single div{right:auto;left:3px} .chosen-rtl .chosen-single abbr{right:auto;left:26px} .chosen-rtl .chosen-choices li{float:right} .chosen-rtl .chosen-choices li.search-field input[type=text]{direction:rtl} .chosen-rtl .chosen-choices li.search-choice{margin:3px 5px 3px 0;padding:3px 5px 3px 19px} .chosen-rtl .chosen-choices li.search-choice .search-choice-close{right:auto;left:4px} .chosen-rtl.chosen-container-single .chosen-results{margin:0 0 4px 4px;padding:0 4px 0 0} .chosen-rtl .chosen-results li.group-option{padding-right:15px;padding-left:0} .chosen-rtl.chosen-container-active.chosen-with-drop .chosen-single div{border-right:0} .chosen-rtl .chosen-search input[type=text]{padding:4px 5px 4px 20px;background:url("../img/chosen-sprite.png") no-repeat -30px -20px;direction:rtl} .chosen-rtl.chosen-container-single .chosen-single div b{background-position:6px 2px} .chosen-rtl.chosen-container-single.chosen-with-drop .chosen-single div b{background-position:-12px 2px} @media only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:144dpi),only screen and (min-resolution:1.5dppx){ .chosen-rtl .chosen-search input[type=text],.chosen-container-single .chosen-single abbr,.chosen-container-single .chosen-single div b,.chosen-container-single .chosen-search input[type=text],.chosen-container-multi .chosen-choices .search-choice .search-choice-close,.chosen-container .chosen-results-scroll-down span,.chosen-container .chosen-results-scroll-up span{background-image:url("../img/chosen-sprite@2x.png")!important;background-size:52px 37px!important;background-repeat:no-repeat!important} } ::-webkit-input-placeholder{color:#999} .submit-require-title{color:#697d84;font-size:12px;line-height:50px;font-weight:400} .submit-require-body{background:#fff;padding:0 30px 150px;border:1px solid #ececec;margin-bottom:180px} .submit-require-body form{margin-left:160px} .submit-require-body .titA{text-align:center;height:89px;line-height:89px;font-size:20px;color:#11232f;border-bottom:1px solid #f4f4f4;margin-bottom:40px} .submit-require-body .form-item{width:100%;float:left;margin-bottom:10px} .submit-require-body .title{font-size:14px;color:#11232f;margin-right:25px;display:inline-block;float:left;text-align:right;width:90px;line-height:45px} .submit-require-body .title em{color:#11232f;padding-right:5px} .submit-require-body .form-item-body{float:left;width:700px;line-height:45px;height:45px} .submit-require-body .chosen-container-single .chosen-single,.submit-require-body .chosen-container-single .chosen-single span{line-height:45px;height:45px;color:#999} .submit-require-body .chosen-container .chosen-results li:hover{color:#fff} .submit-require-body .content>input,.submit-require-body select{width:100%;font-size:14px;line-height:45px;padding:0 10px!important;font-size:14px!important;color:#999!important} .submit-require-body .content>select{padding:0 4px!important} .submit-require-body .content>textarea{padding:10px;height:240px;line-height:20px;vertical-align:middle;border:1px solid #ddd;float:left;margin-right:15px;width:230px;color:#999} .submit-require-body .reference-text{padding:10px 20px;height:240px;line-height:20px;vertical-align:middle;border:1px solid #ddd;float:left;color:#999;width:391px} .submit-require-body .reference-text p{margin-bottom:10px} .submit-require-body .content>input{height:43px;line-height:45px;border:1px solid #ddd} .submit-require-body .content input.phone-input{width:295px;margin-right:10px} .submit-require-body .content input.yzm-input{width:160px;margin-right:10px;text-align:center} .submit-require-body .content>select{height:45px;border:1px solid #ddd} .submit-require-body label.error{margin-top:5px;font-size:12px;color:#ff6155;line-height:1} .submit-require-body .send-btn,.submit-require-body .send-btn:hover{height:45px;line-height:45px;font-size:14px;width:181px;margin-left:0;border-radius:0;background:#49bc91;border:1px solid #49bc91;color:#fff;cursor:pointer} .submit-require-body .send-btn.disabled,.submit-require-body .send-btn.disabled:hover{color:#fff;background:#bbb;border:1px solid #bbb;cursor:not-allowed!important} .submit-require-body .require-input .form-item-body{height:231px} .submit-require-body .code-input .content{padding-right:145px;position:relative} .submit-require-body .require-submit{text-align:center;margin-top:70px;margin-left:60px} .submit-require-body .require-submit button{width:180px;text-align:center;height:50px;line-height:50px;color:#fff;font-size:16px;background:#49bc91;border-radius:5px;border:0;cursor:pointer} .submit-require-body .bui-dropdown-menu{max-height:140px;overflow-y:auto}