.capability_box{width:100%;height:618px;background:linear-gradient(238deg,#111D2B -18%,#081322 72%);background-repeat:no-repeat;background-size:cover;padding-top:80px;padding-bottom:80px;box-sizing:border-box;overflow:hidden}.capability_box .capability_con{width:1200px;margin:0 auto;opacity:0;transform:translateY(20px);transition:opacity .5s ease,transform .5s ease}.capability_box .capability_con .capability_title{font-size:36px;font-weight:700;line-height:normal;letter-spacing:0;font-variation-settings:"opsz" auto;color:#fff;text-align:center}.capability_box .capability_con .capability_sub_title{font-size:16px;font-weight:400;line-height:normal;letter-spacing:0;font-variation-settings:"opsz" auto;color:#fff;opacity:.6;text-align:center;margin-top:8px}.capability_box .capability_con .pagination{width:100%;display:flex;justify-content:center;position:relative}.capability_box .capability_con .pagination .pagination_content{width:240px;display:flex;justify-content:space-between;margin-top:16px;opacity:1}.capability_box .capability_con .pagination .pagination_content .label{color:#fff;width:112px;height:56px;text-align:center;font-weight:400;font-size:16px;display:flex;justify-content:center;align-content:center;border-radius:2px;position:relative;box-sizing:border-box}.capability_box .capability_con .pagination .pagination_content .label span{line-height:56px}.capability_box .capability_con .pagination .pagination_content .label span:after{content:"";position:absolute;bottom:0;display:block;z-index:1;width:64px;left:50%;height:2px;background:#ff0217;transform:skew(-45deg) translateX(-50%);transition:all .5s;opacity:0}.capability_box .capability_con .pagination .pagination_content .label:hover{cursor:pointer;color:#ff0217}.capability_box .capability_con .pagination .pagination_content .active{color:#ff0217;font-weight:500}.capability_box .capability_con .pagination .pagination_content .active span:after{opacity:1}.capability_box .capability_con .pagination:after{content:"";position:absolute;bottom:0;display:block;width:100%;height:1px;opacity:.2;background-image:linear-gradient(90deg,rgba(255,255,255,0),#ffffff 20%,#ffffff 49%,#ffffff 79%,rgba(255,255,255,0) 99%);background-repeat:no-repeat}.capability_box .capability_con .bility_list{width:1200px;display:flex;justify-content:flex-start;align-items:center;margin:40px auto 0;opacity:1;animation:fadeIn 1s ease}.capability_box .capability_con .bility_list .bility_item_mobile{display:none}.capability_box .capability_con .bility_list .bility_item{width:284px;height:260px;position:relative;margin-right:24px;border-radius:8px;overflow:hidden;transition:all .3s}.capability_box .capability_con .bility_list .bility_item .bility_item_bg{width:100%;height:100%;display:block;opacity:0;transition:all .3s;position:absolute;left:0;right:0;top:0;bottom:0;z-index:0;transition:all 0s}.capability_box .capability_con .bility_list .bility_item .show_img{width:100%;height:100%;display:block;opacity:1;position:absolute;left:0;right:0;top:0;bottom:0;z-index:1;transition:all 0s}.capability_box .capability_con .bility_list .bility_item .bility_item_box{width:100%;height:100%;left:0;top:0;right:0;bottom:0;position:absolute;box-sizing:border-box;padding:24px;z-index:2}.capability_box .capability_con .bility_list .bility_item .bility_item_box .bility_item_title{font-size:20px;font-weight:700;line-height:normal;letter-spacing:0;font-variation-settings:"opsz" auto;color:#fff;text-align:left;position:relative}.capability_box .capability_con .bility_list .bility_item .bility_item_box .bility_item_title:after{content:"";position:absolute;bottom:-8px;display:block;z-index:1;width:20px;left:0;height:2px;background:#ff0217}.capability_box .capability_con .bility_list .bility_item .bility_item_box .bility_item_desc{font-size:14px;font-weight:400;line-height:180%;letter-spacing:0;font-variation-settings:"opsz" auto;color:#fff;margin-top:24px;text-align:left;width:180px}.capability_box .capability_con .bility_list .bility_item_active{width:584px;height:260px;position:relative;margin-right:24px;border-radius:8px;transition:all .3s}.capability_box .capability_con .bility_list .bility_item_active .bility_item_bg{width:100%;height:100%;display:block;opacity:0;position:absolute;left:0;right:0;top:0;bottom:0;z-index:0;transition:all .1s}.capability_box .capability_con .bility_list .bility_item_active .show_img{width:100%;height:100%;display:block;opacity:1;position:absolute;left:0;right:0;top:0;bottom:0;z-index:1;transition:all .1s}.capability_box .capability_con .bility_list .bility_item_active .bility_item_box{width:100%;height:100%;left:0;top:0;right:0;bottom:0;position:absolute;box-sizing:border-box;padding:77px 24px;z-index:2}.capability_box .capability_con .bility_list .bility_item_active .bility_item_box .bility_item_title{font-size:20px;font-weight:700;line-height:normal;letter-spacing:0;font-variation-settings:"opsz" auto;color:#333;text-align:left;position:relative}.capability_box .capability_con .bility_list .bility_item_active .bility_item_box .bility_item_title:after{content:"";position:absolute;bottom:-8px;display:block;z-index:1;width:20px;left:0;height:2px;background:#ff0217}.capability_box .capability_con .bility_list .bility_item_active .bility_item_box .bility_item_desc{font-size:14px;font-weight:400;line-height:180%;letter-spacing:0;font-variation-settings:"opsz" auto;color:#4b5b76;margin-top:24px;text-align:left;width:300px;white-space:wrap}.capability_box .capability_con .bility_list .bility_item_active .w300{width:300px}.capability_box .capability_con .bility_list .bility_item_active .w220{width:220px!important}.capability_box .capability_animate{opacity:1;transform:translateY(0)}@keyframes fadeIn{0%{margin-left:-300px;opacity:0}5%{margin-left:-100px;opacity:0}to{margin-left:0;opacity:1}}@media screen and (max-width:820px){.capability_box{background:url(https://oss.yhcplatform.com/union/yhc-office-web/bility_bg_mobile.png);background-repeat:no-repeat;height:auto;padding-top:40px;padding-bottom:40px}.capability_box .capability_con{width:100%}.capability_box .capability_con .capability_title{font-size:clamp(24px,5.625vw,38px);text-align:center}.capability_box .capability_con .capability_sub_title{font-size:4.0625vw;text-align:center}.capability_box .capability_con .pagination .pagination_content{width:50.5vw;margin-top:4.6875vw}.capability_box .capability_con .pagination .pagination_content .label{line-height:48px;font-size:clamp(14px,2.5vw,16px);height:48px}.capability_box .capability_con .pagination .pagination_content .label span{line-height:48px}.capability_box .capability_con .pagination .pagination_content .label span:after{width:9.375vw}.capability_box .capability_con .bility_list{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;margin-top:4.6875vw;animation:none}.capability_box .capability_con .bility_list .bility_item_mobile{width:70vw;height:87.5vw;margin-right:2.5vw;flex-shrink:0;position:relative;display:block}.capability_box .capability_con .bility_list .bility_item_mobile .mobileUrl{width:100%;height:100%;display:block}.capability_box .capability_con .bility_list .bility_item_mobile .bility_item_box{width:100%;height:100%;position:absolute;top:0;left:0;right:0;box-sizing:border-box;padding:6.25vw 3.75vw}.capability_box .capability_con .bility_list .bility_item_mobile .bility_item_box .bility_item_title{font-size:3.125vw;font-size:clamp(18px,3.125vw,20px);font-weight:700;color:#333;position:relative}.capability_box .capability_con .bility_list .bility_item_mobile .bility_item_box .bility_item_title:after{content:"";position:absolute;bottom:-8px;display:block;z-index:1;width:3.125vw;left:0;height:2px;background:#ff0217}.capability_box .capability_con .bility_list .bility_item_mobile .bility_item_box .bility_item_desc{font-family:Source Han Sans CN;font-size:clamp(14px,2.5vw,16px);font-weight:400;line-height:180%;letter-spacing:0;font-variation-settings:"opsz" auto;color:#4b5b76;margin-top:16px}.capability_box .capability_con .bility_list .bility_item_mobile:first-child{margin-left:2.5vw}.capability_box .capability_con .bility_list .bility_item_mobile:last-child{margin-right:2.5vw}}