#app{min-width:1200px;font-family:Microsoft YaHei;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:#2c3e50;font-size:0}.topAdvertise{width:100%;height:auto;background-size:contain;background-position:50%;background-repeat:no-repeat;position:relative}.topAdvertise img{width:100%;height:auto;opacity:0}.topAdvertise .advertise_txt{display:inline-block;width:100%;height:auto;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:30.23px;letter-spacing:14.5px;color:#fff}.advertise_txt,.draw-enter-active,.draw-leave-active{transition:translateX(-90deg);transform:translateZ(0);transition-duration:.2s;transition-delay:3s;transform-origin:top}.footer .container,.header .container{width:1190px;margin:0 auto}#tit li,.header .container{height:60px;line-height:60px}#tit li{width:120px;position:relative}#tit .nav-a-li:hover,#tit.nav-pills>li.active>a,#tit.nav-pills>li.active>a:focus,#tit.nav-pills>li.active>a:hover{background-color:#298ff8}.menu_ul{width:120px;line-height:60px;list-style:none;background:rgba(0,0,0,.8);z-index:999;position:absolute;top:59px;left:0;padding-left:0;display:none}.loginreg_ico,.menu_li{width:140px;height:60px;line-height:60px}.loginreg_ico{display:inline-block;float:right}.menu_li.active,.menu_li:focus,.menu_li:hover{background-color:#298ff8!important}.menu_ul_text{font-size:14px;color:#666;letter-spacing:0;line-height:60px;text-decoration:none;display:block;width:100%;height:100%}.router-body{width:100%;min-width:1200px;min-height:100vh;overflow-x:auto;overflow-y:hidden}.nav-a-li:hover .menu_ul{display:block}.container a:focus,.container a:hover,.loginreg_ico{color:#fff;text-decoration:none}.footer,.header{width:100%;min-width:1190px;font-size:14px}.footer{background-color:#000}a,a:focus,a:hover{text-decoration:none}.nav-fixed-top{display:block;width:100%;height:auto;margin:0 auto;margin-bottom:0;position:absolute;right:0;left:0;border-width:0 0 1px;border-radius:0;border:1px solid transparent;z-index:1030;background-color:#000105;min-width:1200px}.footer a,.header a{color:#fff;cursor:pointer}.header .nav>li>a{width:120px;height:60px;display:flex;justify-content:center;align-items:center;padding:0;border-radius:0!important;font-size:14px;color:#fff!important}.header .nav>li>a.active:focus,.header .nav>li>a.active:hover{background-color:#337ab7}.header .nav>li>a:hover{background-color:#298ff8}.header_logo{display:inline-block;width:100px;height:auto;margin:0 20px}.header_logo img{width:100px;height:38.9px}.header span{padding:0 5px}.header .header_ico{width:18px;height:18px;margin:0 12px}.footer{width:100%;min-width:1190px;height:224.88px!important;background-image:url(https://whbj-yellowpage.oss-cn-shenzhen.aliyuncs.com/pcarticle/home/footer_back.png);background-repeat:no-repeat;background-size:100% 100%;overflow:hidden}.footer .footer_main{width:1190px;height:178px;margin:0 auto}.footer_back{width:100%;height:100%;position:absolute;top:0;left:0;z-index:0}.footer .container{height:178px;z-index:3}.footer_center,.footer_left,.footer_right{width:100%;height:auto;transform:translateY(50%);z-index:3}.footer_left .footer_logo{width:110px;height:42.5px}.footer_ico a{display:inline-block;width:35px;height:35px;margin:20px 20px 0 0;background-repeat:no-repeat;background-size:100% 100%}.footer_ico #footer_weibo{background-image:url(https://whbj-yellowpage.oss-cn-shenzhen.aliyuncs.com/pcarticle/home/weibo.png)}.footer_ico #footer_qq{background-image:url(https://whbj-yellowpage.oss-cn-shenzhen.aliyuncs.com/pcarticle/home/qq.png)}.footer_ico #footer_weixin{background-image:url(https://whbj-yellowpage.oss-cn-shenzhen.aliyuncs.com/pcarticle/home/weixin.png)}.footer_center{margin-top:-23.425px}.f_links{display:inline-block;min-width:10px;height:110px;border-left:1px solid #434b58}.f_products dl{width:50%}.f_links dl{float:left;padding-left:17px}.f_links dt{color:#fff;font-size:15px;line-height:2;white-space:nowrap}.f_links dd{color:#ddd;font-size:13px;line-height:2}.f_links a,.f_links a:focus,.f_links a:hover{color:#67738b;cursor:pointer;white-space:nowrap}.f_links a:hover{color:#fff}.appdown_code,.footer_right img{display:inline-block;width:100px;height:100px;margin:0 20px;background-color:#fff;float:left}.appdown_code canvas{width:100px;height:100px}.pop_login,.tg{display:flex;flex-direction:column;align-items:center;justify-content:center}.pop_login>.el-dialog{width:740px;height:514px;background-color:#fff;border-radius:12px}.pop_login>.el-dialog>.el-dialog__body,.pop_login>.el-dialog>.el-dialog__header,.tg>.el-dialog>.el-dialog__body,.tg>.el-dialog>.el-dialog__header{padding:0}.pop_login .el-dialog__headerbtn{top:12px;right:12px;font-size:32px;z-index:111}.pop_login .el-col-8{border-top-left-radius:12px;border-bottom-left-radius:12px;background-color:#f8fcff}.pop_login .el-icon-close:before{content:"\e78d"}.pop_left,.pop_right{display:inline-block;height:514px}.pop_left{height:514px;line-height:514px}.pop_right{padding-top:70px}.pop_logo{width:171px;height:195px;margin:0 auto}.pop_login .pop_right .el-tabs{width:324px}.pop_login .pop_right .el-tabs__header{margin:0 0 44px}.pop_login .pop_right .el-tabs__nav-wrap:after{background-color:#f2f5f9}.pop_login .pop_right .el-tabs__item{font-size:16px;color:#9fa3b0}.pop_login .pop_right .el-tabs__item.is-active{color:#000}.pop_login .pop_right .el-form-item__content,.pop_login .pop_right .el-input__icon{height:42px;line-height:42px}.pop_login .pop_right .el-form-item{margin-bottom:30px}.pop_login .pop_right .el-button,.pop_login .pop_right .el-form-item__error,.pop_login .pop_right .el-input,.pop_login .pop_right .toReg,.pop_login .toReg .el-link{font-size:14px}.pop_login .pop_right .el-button{width:100%;padding:14px 146px;border-radius:0}.pop_login .pop_right .el-input__inner{height:42px;line-height:42px;border:1px solid #ccc}#login_content .el-tabs__item{width:50%;text-align:center}.toReg{width:100%}.logged_in .el-submenu__title{width:140px;height:60px;line-height:60px;padding:0}.logged_in .el-menu.el-menu--horizontal{border:none;background-color:transparent!important}.logged_in .user_ico{vertical-align:middle;margin-right:5px;display:inline-block;width:28px;height:28px;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAcCAMAAABF0y+mAAAA51BMVEVHcEwPWqkRYKsVYqsLWaUQYKsRYKsRX6sOXaoQYKsRYKsQX6sPX6nT3+vu6eapvNU2ebiNs9eAmb6Jqc2qw997msD506j/208RYKvZlQ360EMdZqnuwJMwb6n1zqTvyZ742FSpq6n+/Ppjh7GRn3TWkAqvjm9gKgXkuo3pm3VPgJM0bpfuui+EmarOqYL81oqaakKFUx/ftXPvr4n10LDtpH7cxKjjpx7LwGO2tmu1pGjHtZ9Rcnm8n0VARE+6oYMfWJLnyqjlxUs1aY10k4V6elXevZh6cGWnhTAzTWfuxldoY11Sa5y4vXQUAAAAFnRSTlMAI7NPE6L4xDXq2opm/P76auzkfsqEAQ4pNwAAAXRJREFUKM9lkolygjAQhqMoh2fPhUJAEVA86glabaf2rj3e/3maZEGj/QcmYb/5l81mCcmlVzVDVQ2tqpNT1SoWSrWsinKECpolSbWKpQPTDetExj63nkUGm/XdOhwiLSArZb7hi8m1ccRXBTMXkYX2ijN71UZvmTNFbJ3QNEccjmzTHIiy+G81lW/fhCt70cusBTS2TUnttbCWSE3UEtoyNO0HHlVImS/v0TEcRa8sWiWiN7soupEVRdxaJNjTr9m3ZNzNxFm1DD72Yog388lkMp8DTHtPCLUMtsCLuwDjbgweQrWIBTne1AP4ZBB+tsw59i1RkDiKA7QFsP1gcMs2XfDxKNiE+wRyefwJsAn4U3cpQIt6YvXzziuit7doS5LFgi0uD+n7K3N5tn66SPtUMuaXza1e2k8Ze3YPl010OXHG8jHJabAU1fiOIw9YNppBPaaULuuBczSaTGfnzaDToDTpNH6byr+Zv7yod5gaV9f70B99WkGKyazAAgAAAABJRU5ErkJggg==) no-repeat;background-size:28px 28px;background-position:50%}.loggedin_item{min-width:140px;height:60px!important;line-height:60px!important;text-align:center}.loggedin_item:hover{background-color:#298ff8!important}.el-menu--popup-bottom-start{min-width:140px;margin-top:0;padding:0}.tg .tgWrapper,.tg>.el-dialog{width:480px;height:768px;margin:0!important;background-color:#fff;border-radius:12px}.tg .tgWrapper{background-repeat:no-repeat;background-size:100% 100%;padding:19.2px}.tg .qrCodetg{width:288px;height:288px;margin:19.2px auto 0}.tg .tgUrl{width:100%;height:422.391px;display:flex}.tg .tgInput{align-self:flex-end}.tgWrapper .el-input-group__append{cursor:pointer;background:linear-gradient(90deg,#4b92ff 0,#66c1ff);border:1px solid #66c1ff;color:#fff}.color-white{color:#fff}.color-black{color:#000}.color-red{color:red}.color-2F6AFF{color:#2f6aff}.color-0E6CCB{color:#0e6ccb}.color-3396FB{color:#3396fb}.color-49A0FA{color:#49a0fa}.color-222222{color:#222}.color-333333{color:#333}.color-555555{color:#555}.color-666666{color:#666}.color-999999{color:#999}.color-B4B4B4{color:#b4b4b4}.color-F54040{color:#f54040}.color-FFE5C4{color:#ffe5c4}.color-FF7814{color:#ff7814}.color-2A1609{color:#2a1609}.color-FF3333{color:#f33}.color-FD8B26{color:#fd8b26}.bgc-transparent{background-color:transparent}.bgc-FFFFFF{background-color:#fff}.bgc-F2F2F2{background-color:#f2f2f2}.bgc-3396FB{background-color:#3396fb;color:#fff}.bgc-F5950B{background-color:#f5950b}.bgc-F5F5F5{background-color:#f5f5f5}.bgc-FEF4C8{background-color:#fef4c8}.bgc-e2e2e2{background-color:#e2e2e2}.bgc-ff6969{background-color:#ff6969}.bgc-07173F{background-color:#07173f}.bgc-B9925B{background-color:#b9925b}.bgc-DCC49A{background-color:#dcc49a}.bgc-FFDA93{background-color:#ffda93}.bgc-black-mask-opacity0{background-color:transparent}.bgc-black-mask-opacity1{background-color:rgba(0,0,0,.1)}.bgc-black-mask-opacity3{background-color:rgba(0,0,0,.3)}.bgc-white-mask-opacity8{background-color:hsla(0,0%,100%,.8)}.bgc-blue-mask-opacity75{background-color:rgba(0,6,21,.75)}.bgc-linear-FF332D-FF8450{background:linear-gradient(0deg,#ff332d,#ff8450)}.bgc-linear-FFFFFF{background:linear-gradient(0deg,hsla(0,0%,100%,0),#fff)}.aboutus-con[data-v-5be0355b]{width:100%;color:#333;font-family:Source Han Sans CN}.aboutus-con .nav-placeholder[data-v-5be0355b]{height:60px}.aboutus-con .aboutus-banner[data-v-5be0355b]{width:100%}.aboutus-con .aboutus-banner img[data-v-5be0355b]{width:100%;height:auto}.aboutus-con .aboutus-main[data-v-5be0355b]{width:1200px;min-height:10px;margin:20px auto 130px}.aboutus-con .aboutus-main .main-item[data-v-5be0355b]{width:100%;margin-top:100px}.aboutus-con .aboutus-main .title[data-v-5be0355b]{font-size:30px;color:#000105;font-weight:500}.aboutus-con .aboutus-main .sep[data-v-5be0355b]{width:100px;height:3px;margin:10px auto 0;background-color:#298ff8}.aboutus-con .aboutus-main .content[data-v-5be0355b]{width:100%;margin-top:40px}.aboutus-con .aboutus-main .introduce .introduce-img[data-v-5be0355b]{display:inline-block;width:450px;height:334px}.aboutus-con .aboutus-main .introduce .introduce-txt[data-v-5be0355b]{display:inline-block;width:750px;height:334px;padding:28px 30px;vertical-align:middle;background-color:#eee}.aboutus-con .aboutus-main .introduce .introduce-txt p[data-v-5be0355b]{line-height:28px;font-size:16px;text-indent:2em}.aboutus-con .aboutus-main .idea .idea-img[data-v-5be0355b]{width:1021px;height:286px}.aboutus-con .aboutus-main .company .company-img[data-v-5be0355b]{display:inline-block;width:148px;height:80px;margin-bottom:10px;border-radius:12px}.aboutus-con .aboutus-main .company .company-img[data-v-5be0355b]:not(:nth-child(7n)){margin-right:25px}.aboutus-con .aboutus-main .company .company-img[data-v-5be0355b]:hover{border:1px solid #cde0f4;box-shadow:0 3px 8px 0 rgba(59,116,174,.16);box-sizing:border-box}.aboutus-con .aboutus-main .contact .content[data-v-5be0355b]{padding-bottom:50px;height:500px}.aboutus-con .aboutus-main .contact .contact-txt[data-v-5be0355b]{display:inline-block;width:420px;height:500px;padding:58px;vertical-align:middle;background-color:#4e5765;font-weight:300;color:hsla(0,0%,100%,.8);box-sizing:border-box}.aboutus-con .aboutus-main .contact .contact-txt .contact-title[data-v-5be0355b]{font-size:30px}.aboutus-con .aboutus-main .contact .contact-txt .contact-title p[data-v-5be0355b]:first-child{font-weight:500}.aboutus-con .aboutus-main .contact .contact-txt .contact-company[data-v-5be0355b]{margin-top:85px;font-weight:400;line-height:30px}.aboutus-con .aboutus-main .contact .contact-txt .contact-address[data-v-5be0355b]{line-height:2;margin-top:40px}.aboutus-con .aboutus-main .contact .contact-img[data-v-5be0355b]{display:inline-block;width:780px;height:500px}html{color:#333;background:#fff;font-family:Microsoft YaHei}blockquote,body,button,code,dd,div,dl,dt,fieldset,form,input,legend,li,ol,p,pre,strong,td,textarea,th,ul{padding:0;margin:0;font-size:100%}body{padding:0;margin:0;font-size:12px;overflow-x:hidden;overflow-y:auto}table{border-collapse:collapse;border-spacing:0}img{border:0}a{color:#333;outline:none}a,a:hover{text-decoration:none}em,strong,var{font-style:normal}em,strong,th,var{font-style:inherit;font-weight:inherit}li{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-weight:400}button,input,optgroup,option,select,textarea{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit}button,input,select,textarea{*font-size:100%}button,input[type=button],input[type=submit],select{cursor:pointer}.clearfix{*zoom:1}.clearfix:after{content:"\200B";display:block;height:0}@media (min-width:200px) and (max-width:360px){body,html{font-size:12px}.backImg{bottom:10rem!important}}@media (min-width:360px) and (max-width:480px){body,html{font-size:14px}.backImg{bottom:8rem!important}}@media (min-width:480px) and (max-width:640px){body,html{font-size:16px}.backImg{bottom:7rem!important}}@media (min-width:640px) and (max-width:767px){body,html{font-size:18px}}@media (min-width:768px) and (max-width:991px){body,html{font-size:20px}}@media (min-width:992px) and (max-width:1199px){body,html{font-size:24px}}@media (min-width:1200px){body,html{font-size:28px}}@media (min-width:1300px){body,html{font-size:30px}}@media (min-width:1400px){body,html{font-size:32px}}.container-fluid,.row{padding-left:0;padding-right:0;margin-left:0;margin-right:0}.content{width:100%}.border-bottom{position:relative}.border-bottom:after{content:"";height:3px;margin-top:7px;border-radius:5px}@-webkit-keyframes move{25%{opacity:1}33%{opacity:1;transform:translateY(30px)}67%{opacity:1;transform:translateY(40px)}to{opacity:0;transform:translateY(55px) scale3d(.5,.5,.5)}}@keyframes move{25%{opacity:1}33%{opacity:1;transform:translateY(30px)}67%{opacity:1;transform:translateY(40px)}to{opacity:0;transform:translateY(55px) scale3d(.5,.5,.5)}}.nav>li>a:focus,.nav>li>a:hover{background-color:transparent}.linear_bg{background:linear-gradient(90deg,#4b92ff 0,#66c1ff);border:1px solid #4b92ff;color:#fff}.pt_app_download .box{display:inline-block;width:124px;height:124px;margin-right:35px;background-color:#fff;border-radius:10px;position:relative;perspective:1000px}.pt_app_download .box-back,.pt_app_download .box-front{border-radius:15px;background-color:#fff;box-shadow:0 0 20px #ddd}.pt_app_download .box .box-front{width:124px;height:124px;padding:15px 12px;text-align:center;transform:rotateY(0);transition:all .5s ease-in-out 0s}.pt_app_download .box:hover .box-front{transform:rotateY(-90deg)}.pt_app_download .box-front img{width:42px;height:51px;margin:5px}.pt_app_download .box-front span{font-size:16px}.pt_app_download .ios_box .box-back{background-image:url(https://whbj-yellowpage.oss-cn-shenzhen.aliyuncs.com/pcarticle/products/ios_appcode.png)}.pt_app_download .android_box .box-back>div{width:124px;height:124px;line-height:124px;text-align:center}.pt_app_download .android_box .box-back canvas{width:124px;height:124px;vertical-align:middle}.pt_app_download .box .box-back{width:124px;height:124px;position:absolute;top:0;left:0;transform:rotateY(90deg);transition:all .5s ease-in-out 0s;background-size:100px 100px;background-position:50%;background-repeat:no-repeat}.pt_app_download .box:hover .box-back{transform:rotateY(0)}.tabFixed{width:100%;height:65px;line-height:65px;background:hsla(0,0%,100%,.9);background-size:100% 100%;position:fixed;top:60px;text-align:center;z-index:999;border-bottom:1px solid #ebebeb}.font-12{font-size:12px}.font-14{font-size:14px}.font-16{font-size:16px}.font-18{font-size:18px}.font-20{font-size:20px}.font-21{font-size:21px}.font-22{font-size:22px}.font-24{font-size:24px}.font-26{font-size:26px}.font-28{font-size:28px}.font-30{font-size:30px}.font-40{font-size:40px}.font-50{font-size:50px}.flex-column-justc{display:flex;flex-direction:column;justify-content:center}.flex-column-alignc,.flex-column-center{display:flex;flex-direction:column;align-items:center}.flex-column-center{justify-content:center}.flex-column-end{display:flex;flex-direction:column;justify-content:flex-end}.flex-column-start{display:flex;flex-direction:column;justify-content:flex-start}.flex-column-right{display:flex;flex-direction:column;align-items:flex-end}.flex-column-left{display:flex;flex-direction:column;align-items:flex-start}.flex-row-justc{display:flex;flex-direction:row;justify-content:center}.flex-row-alignc,.flex-row-center{display:flex;flex-direction:row;align-items:center}.flex-row-center{justify-content:center}.flex-row-end{justify-content:flex-end;align-items:center}.felx-row-around,.flex-row-end{display:flex;flex-direction:row}.felx-row-around{justify-content:space-around;flex-wrap:wrap}.felx-row-between{display:flex;flex-direction:row;justify-content:space-between;flex-wrap:nowrap}.flex-row-start{display:flex;flex-direction:row;justify-content:flex-start;flex-wrap:wrap}.text-align-left{text-align:left}.text-align-right{text-align:right}.text-align-center{text-align:center}.left{float:left}.right{float:right}.clearfix:after,.clearfix:before{display:table;content:""}.clearfix:after{clear:both}.text-center{text-align:center}.overflow-hidden{overflow:hidden}.overflow-y-hidden{overflow-y:hidden}.overflow-y-auto{overflow-y:auto;touch-action:pan-y;-webkit-overflow-scrolling:touch}.overflow-initial{overflow:initial}.ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.word-break{word-break:break-all}.word-wrap{white-space:normal;word-wrap:break-word}.nowrap{white-space:nowrap}.line-clamp2{text-overflow:ellipsis;-webkit-line-clamp:2}.line-clamp2,.line-clamp3{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical}.line-clamp3{text-overflow:-o-ellipsis-lastline;text-overflow:ellipsis;-webkit-line-clamp:3;line-clamp:3}.mouse-pointer{cursor:pointer}.mouse-default{cursor:default}.span-block{display:block}.no-select{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.icon{width:1rem;height:1rem;vertical-align:-.15em;fill:currentColor;overflow:hidden}.inline-block{display:inline-block!important}.relative{position:relative}.absolute-top{position:absolute;top:0}.absolute-bottom{position:absolute;bottom:0}.fixed-top{position:fixed;top:0}.fixed-bottom{position:fixed;bottom:0}.vertical-top{vertical-align:top}.vertical-middle{vertical-align:middle}.vertical-bottom{vertical-align:bottom}.vertical-text-top{vertical-align:text-top}.vertical-text-bottom{vertical-align:text-bottom}.txt-indent{text-indent:2em}.border-box{box-sizing:border-box}.content-box{box-sizing:content-box}.border-none{border:none}.border-solid{border-width:1px;border-style:solid;border-color:inherit}.margin-auto{margin:auto}.line-height-normal{line-height:normal}.line-height-1{line-height:1}.width-full{width:100%}.height-full{height:100%}.min-height-full{min-height:100%}.min-height-1{min-height:1px}.padding-left-0{padding-left:0!important}.padding-right-0{padding-right:0!important}.padding-top-0{padding-top:0!important}.padding-bottom-0{padding-bottom:0!important}.radius-999{border-radius:999px}.radius-circle{border-radius:50%}