.wrapper[data-v-16b591c3]{width:100%}.wrapper>.banner[data-v-16b591c3]{width:100%;height:768px;margin:auto;background-color:#000;box-sizing:border-box;text-align:center;color:#fff;background:url(https://cdn.xcc.com/app/pc_static/business/cooperate/bg.webp) no-repeat top/1924px}@media only screen and (max-width:1300px){.wrapper>.banner[data-v-16b591c3]{background:url(https://cdn.xcc.com/app/pc_static/business/cooperate/bg_1300.webp) no-repeat top/1303px}}.wrapper>.banner>h2[data-v-16b591c3]{font-size:60px;padding:80px 0 18px}.wrapper>.banner>.slogan[data-v-16b591c3]{padding-bottom:30px}.wrapper>.banner>.slogan span[data-v-16b591c3]{padding:0 8px}.wrapper>.banner>.slogan span[data-v-16b591c3]:first-child{position:relative}.wrapper>.banner>.slogan span[data-v-16b591c3]:first-child:before{content:" ";display:block;position:absolute;left:-38px;top:50%;transform:translateY(-50%);width:30px;height:1px;background:#fff}.wrapper>.banner>.slogan span[data-v-16b591c3]:nth-child(4){position:relative}.wrapper>.banner>.slogan span[data-v-16b591c3]:nth-child(4):before{content:" ";display:block;position:absolute;right:-38px;top:50%;transform:translateY(-50%);width:30px;height:1px;background:#fff}.wrapper>.banner>p[data-v-16b591c3]{font-size:24px;color:#fff;padding-bottom:36px}.wrapper>.banner>.mark[data-v-16b591c3]{height:433px;background:rgba(0,0,0,.41)}.wrapper>.banner>.mark>h3[data-v-16b591c3]{font-size:38px;padding:80px 0 90px;line-height:1}@media only screen and (max-width:1300px){.wrapper>.banner>.mark>h3[data-v-16b591c3]{font-size:36px}}.wrapper>.banner>.mark>ul[data-v-16b591c3]{display:flex;width:1200px;justify-content:space-between;margin:auto}@media only screen and (max-width:1300px){.wrapper>.banner>.mark>ul[data-v-16b591c3]{width:900px}}.wrapper>.banner>.mark>ul li[data-v-16b591c3]{display:flex;align-items:center;flex-direction:column}.wrapper>.banner>.mark>ul li img[data-v-16b591c3]{padding-bottom:10px}.wrapper>.banner>.mark>ul li p[data-v-16b591c3]{font-size:22px;padding-top:5px}@media only screen and (max-width:1300px){.wrapper>.banner>.mark>ul li p[data-v-16b591c3]{font-size:16px}}.wrapper>.main-area[data-v-16b591c3]{height:983px;background-color:#f6fbfe}.wrapper>.main-area .main[data-v-16b591c3]{width:1200px;margin:auto}@media only screen and (max-width:1300px){.wrapper>.main-area .main[data-v-16b591c3]{width:900px}}.wrapper>.main-area .main .h2[data-v-16b591c3]{padding:124px 0 90px;text-align:center;font-size:40px}.wrapper>.main-area .main ul[data-v-16b591c3]{display:flex;flex-wrap:wrap;justify-content:space-between}.wrapper>.main-area .main ul li[data-v-16b591c3]{height:311px;width:48.5%;margin-bottom:3.6%;background:#fff;text-align:center;line-height:1}@media only screen and (max-width:1300px){.wrapper>.main-area .main ul li[data-v-16b591c3]{height:262px}}.wrapper>.main-area .main ul li img[data-v-16b591c3]{margin:18px auto}@media only screen and (max-width:1300px){.wrapper>.main-area .main ul li img[data-v-16b591c3]{width:8%}}.wrapper>.main-area .main ul li h5[data-v-16b591c3]{font-size:28px;color:#262626;padding-bottom:38px;font-weight:400;position:relative}@media only screen and (max-width:1300px){.wrapper>.main-area .main ul li h5[data-v-16b591c3]{font-size:20px}}.wrapper>.main-area .main ul li h5[data-v-16b591c3]:before{content:" ";display:block;position:absolute;left:50%;bottom:16px;transform:translateX(-50%);width:32px;height:4px;background:#1c6eee}.wrapper>.main-area .main ul li h6[data-v-16b591c3]{font-size:20px;color:#262626;font-weight:400;padding-bottom:16px}@media only screen and (max-width:1300px){.wrapper>.main-area .main ul li h6[data-v-16b591c3]{font-size:18px}}.wrapper>.main-area .main ul li p[data-v-16b591c3]{font-size:16px;color:#6d7077;padding-top:10px;text-align:left;margin:auto}@media only screen and (max-width:1300px){.wrapper>.main-area .main ul li p[data-v-16b591c3]{font-size:12px}}.wrapper>.main-area .main ul li:first-child p[data-v-16b591c3]{width:327px}.wrapper>.main-area .main ul li:nth-child(2) p[data-v-16b591c3]{width:320px}.wrapper>.main-area .main ul li:nth-child(3) p[data-v-16b591c3]{width:373px}.wrapper>.main-area .main ul li:nth-child(4) p[data-v-16b591c3]{width:134px}.wrapper>.example-area[data-v-16b591c3]{background-color:#f6fbfe;height:1046px}.wrapper>.example-area .example[data-v-16b591c3]{width:1200px;margin:auto}@media only screen and (max-width:1300px){.wrapper>.example-area .example[data-v-16b591c3]{width:900px}}.wrapper>.example-area .example .h2[data-v-16b591c3]{padding:124px 0 90px;text-align:center;font-size:40px}.wrapper>.example-area ul[data-v-16b591c3]{display:flex;flex-wrap:wrap;justify-content:space-between}.wrapper>.example-area ul li[data-v-16b591c3]{width:48.5%;height:31.2%;margin-bottom:36px;position:relative;overflow:hidden}.wrapper>.example-area ul li img[data-v-16b591c3]{width:100%;height:100%}.wrapper>.example-area ul li .mark[data-v-16b591c3]{position:absolute;left:0;bottom:0;width:100%;height:50px;background:rgba(0,0,0,.6);transition:all .5s;color:#d7d7d7;box-sizing:border-box;padding-left:32px}.wrapper>.example-area ul li .mark .tit[data-v-16b591c3]{color:#fff;font-size:18px;display:block;height:48px;line-height:48px;width:96%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media only screen and (max-width:1300px){.wrapper>.example-area ul li .mark .tit[data-v-16b591c3]{font-size:16px}}.wrapper>.example-area ul li .mark p[data-v-16b591c3]{width:89%;font-size:14px;line-height:22px;margin-top:2%;margin-bottom:5%}@media only screen and (max-width:1300px){.wrapper>.example-area ul li .mark p[data-v-16b591c3]{font-size:12px}}.wrapper>.example-area ul li .mark .btn[data-v-16b591c3]{display:block;width:106px;height:32px;border:1px solid #fff;line-height:32px;text-align:center;color:#fff}@media only screen and (max-width:1300px){.wrapper>.example-area ul li .mark .btn[data-v-16b591c3]{font-size:14px}}.wrapper>.example-area ul li:hover .mark[data-v-16b591c3]{height:100%;background:rgba(0,0,0,.8)}.wrapper>.example-area ul li:hover .mark .tit[data-v-16b591c3]{margin-top:8%;position:relative}.wrapper>.example-area ul li:hover .mark .tit[data-v-16b591c3]:after{content:" ";position:absolute;left:0;bottom:6px;width:100%;height:1px;background-image:linear-gradient(90deg,#1c6eee,#fff)}.wrapper>.service-area[data-v-16b591c3]{height:443px;box-sizing:border-box;padding-top:105px;background:#fff}.wrapper>.service-area .title[data-v-16b591c3]{margin-bottom:52px;text-align:center}.wrapper>.service-area .title h2[data-v-16b591c3]{font-size:38px;margin-bottom:10px}.wrapper>.service-area .title p[data-v-16b591c3]{font-size:14px;color:#bfbfbf}.wrapper>.service-area .service[data-v-16b591c3]{height:224px;background:url(https://cdn.xcc.com/app/pc_static/business/cooperate/icon_bg.webp) no-repeat 50%/cover;background-color:#1c6eee;position:relative}.wrapper>.service-area .service ul[data-v-16b591c3]{margin:auto;width:1200px;position:relative}@media only screen and (max-width:1300px){.wrapper>.service-area .service ul[data-v-16b591c3]{width:900px}}.wrapper>.service-area .service ul>li[data-v-16b591c3]{width:20.8%;margin-right:5.5%;height:225px;float:left;box-sizing:border-box;padding-top:30px;cursor:pointer;transition:all .3s}.wrapper>.service-area .service ul>li i[data-v-16b591c3]{display:block;text-align:center;font-size:16px;color:#fff;line-height:26px;width:58px;height:26px;font-style:normal;background:#fe2625;border-radius:20px 20px 20px 0;position:absolute;top:40px;left:176px}.wrapper>.service-area .service ul>li img[data-v-16b591c3]{width:120px;height:120px;margin:auto auto 14px}.wrapper>.service-area .service ul>li p[data-v-16b591c3]{font-size:18px;color:#fff;text-align:center}@media only screen and (max-width:1300px){.wrapper>.service-area .service ul>li p[data-v-16b591c3]{font-size:16px}}.wrapper>.service-area .service ul>li>ol[data-v-16b591c3]{display:none;height:230px;position:absolute;left:0;bottom:-230px;width:1200px;flex-wrap:wrap;flex-direction:column;align-content:flex-start;box-sizing:border-box;border-left:1px solid #eaeaf0}@media only screen and (max-width:1300px){.wrapper>.service-area .service ul>li>ol[data-v-16b591c3]{width:900px}}.wrapper>.service-area .service ul>li>ol>li[data-v-16b591c3]{height:230px;border-right:1px solid #eaeaf0;width:20%;box-sizing:border-box;font-size:16px;word-break:keep-all;padding:10px 0 10px 2%;flex-shrink:0;color:#262626}.wrapper>.service-area .service ul>li>ol>li p[data-v-16b591c3]{padding:14px 10px;position:relative;text-align:left}.wrapper>.service-area .service ul>li>ol>li p i[data-v-16b591c3]{display:block;position:absolute;left:-5px;top:50%;transform:translateY(-50%);width:5px;height:5px;background:#1c6eee;border-radius:50%}.wrapper>.service-area .service ul>li>ol>li:nth-child(3) p[data-v-16b591c3]{color:#ecb45b}.wrapper>.service-area .service ul>li>ol>li:nth-child(4) p[data-v-16b591c3]{color:#f77d69}.wrapper>.service-area .service ul>li>ol>li:nth-child(5) p[data-v-16b591c3]{color:#6784ff}.wrapper>.service-area .service ul>li[data-v-16b591c3]:last-child{margin-right:0}.wrapper>.service-area .service ul>li.active[data-v-16b591c3]{background:#fff}.wrapper>.service-area .service ul>li.active p[data-v-16b591c3]{color:#262626}.wrapper>.service-area .service ul>li.active ol[data-v-16b591c3]{display:flex}.wrapper>.service-area .service[data-v-16b591c3]:after{content:"";display:block;width:100%;height:1px;background:#eaeaf0;position:absolute;left:0;bottom:-230px}.wrapper>.service-area span[data-v-16b591c3]{font-size:24px;color:#262626;text-align:center;display:block}.wrapper>.invite[data-v-16b591c3]{width:100%;height:400px;margin:auto;background:#f9fafa}.wrapper>.invite p[data-v-16b591c3]{font-size:28px;color:#000;text-align:center;padding:274px 0 22px}.wrapper>.invite span[data-v-16b591c3]{display:block;margin:auto;width:120px;height:44px;border-radius:4px;line-height:44px;font-size:16px;color:#fff;background:#1c6eee;text-align:center;cursor:pointer}.wrapper[data-v-16b591c3] .dialog-area .el-dialog__header{padding:0;height:100px;background:url(https://cdn.xcc.com/app/pc_static/business/cooperate/dialog_bg.webp) no-repeat 50%/860px}.wrapper[data-v-16b591c3] .dialog-area .el-dialog__close{font-size:30px;color:#fff}.wrapper[data-v-16b591c3] .dialog-area .el-dialog__body{padding:12px 48px 24px}.wrapper[data-v-16b591c3] .dialog-area .el-dialog__body h5{font-size:14px;color:#000;line-height:1.5;font-weight:400;text-indent:28px;margin-bottom:20px}.wrapper[data-v-16b591c3] .dialog-area .el-dialog__body h6{font-size:14px;color:#000;margin-bottom:12px}.wrapper[data-v-16b591c3] .dialog-area .el-dialog__body p{font-size:14px;color:#8c8c8c;line-height:1.5}.wrapper[data-v-16b591c3] .dialog-area .el-dialog__body .el-form{margin-top:40px}.wrapper[data-v-16b591c3] .dialog-area .el-dialog__body .el-form-item__label{line-height:1;margin-bottom:12px;width:100%;text-align:left}.wrapper[data-v-16b591c3] .dialog-area .el-dialog__body .el-input{width:640px}.wrapper[data-v-16b591c3] .dialog-area .el-dialog__body .el-input__inner{border:1px solid #e5e5e5;border-radius:5px}.wrapper[data-v-16b591c3] .dialog-area .el-dialog__body .submit-line{padding-top:18px}.wrapper[data-v-16b591c3] .dialog-area .el-dialog__body .submit-line .el-button{width:176px;height:46px;border-radius:5px;box-sizing:border-box}.wrapper[data-v-16b591c3] .dialog-area .el-dialog__body .submit-line .tip{margin-left:24px}.wrapper[data-v-16b591c3] .dialog-area .el-dialog__body .submit-line .tip em,.wrapper[data-v-16b591c3] .dialog-area .el-dialog__body .submit-line .tip i{font-style:normal;color:#8c8c8c;font-size:14px}