.cmp__brand-section-27{background:#fff;padding-bottom:calc(var(--rpx, 1px)*64)}@media screen and (max-width:767px){.cmp__brand-section-27{padding-bottom:calc(var(--rpx, 1px)*48)}}.cmp__brand-section-27 .responsive__layout h2{color:rgba(0,0,0,.95);font-size:42px;font-weight:500;line-height:58.8px;padding:calc(var(--rpx, 1px)*80) 0}@media screen and (max-width:767px){.cmp__brand-section-27 .responsive__layout h2{font-size:24px;font-weight:500;line-height:2.1pc;padding:calc(var(--rpx, 1px)*48) 0 calc(var(--rpx, 1px)*32)}}.cmp__brand-section-27 .responsive__layout .sections .section{-webkit-box-pack:justify;-ms-flex-pack:justify;display:-webkit-box;display:-ms-flexbox;display:flex;gap:calc(var(--rpx, 1px)*87);height:calc(var(--rpx, 1px)*486);justify-content:space-between;overflow:hidden}.cmp__brand-section-27 .responsive__layout .sections .section:not(:last-child){margin-bottom:calc(var(--rpx, 1px)*120)}@media(max-width:991.98px){.cmp__brand-section-27 .responsive__layout .sections .section{height:auto}}@media screen and (max-width:767px){.cmp__brand-section-27 .responsive__layout .sections .section:not(:last-child){margin-bottom:calc(var(--rpx, 1px)*42)}}.cmp__brand-section-27 .responsive__layout .sections .section.active .lf,.cmp__brand-section-27 .responsive__layout .sections .section.active .rt{-webkit-clip-path:inset(0 round 6px);clip-path:inset(0 round 6px);opacity:1}.cmp__brand-section-27 .responsive__layout .sections .section img{display:block;height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.cmp__brand-section-27 .responsive__layout .sections .section .lf{-webkit-box-flex:360;-webkit-clip-path:inset(0 0 0 30% round 6px);clip-path:inset(0 0 0 30% round 6px);-ms-flex:360;flex:360;opacity:0;-webkit-transition:all .6s;transition:all .6s;will-change:opacity,transform}@media(max-width:991.98px){.cmp__brand-section-27 .responsive__layout .sections .section .lf{-webkit-clip-path:inset(0 round 6px);clip-path:inset(0 round 6px);opacity:1}}.cmp__brand-section-27 .responsive__layout .sections .section .lf .image-container{border-radius:6px;height:calc(var(--rpx, 1px)*202);overflow:hidden;-webkit-transition:all .6s;transition:all .6s}@media(max-width:991.98px){.cmp__brand-section-27 .responsive__layout .sections .section .lf .image-container{height:auto}}@media screen and (max-width:767px){.cmp__brand-section-27 .responsive__layout .sections .section .lf .image-container{height:calc(var(--rpx, 1px)*193)}}.cmp__brand-section-27 .responsive__layout .sections .section .lf .text-container{margin-top:calc(var(--rpx, 1px)*24)}@media screen and (max-width:767px){.cmp__brand-section-27 .responsive__layout .sections .section .lf .text-container{margin-top:calc(var(--rpx, 1px)*16)}}.cmp__brand-section-27 .responsive__layout .sections .section .lf .text-container h3{color:rgba(0,0,0,.95);font-size:24px;font-weight:500;line-height:2.1pc}@media screen and (max-width:767px){.cmp__brand-section-27 .responsive__layout .sections .section .lf .text-container h3{font-size:1pc;font-weight:500;line-height:24px}}.cmp__brand-section-27 .responsive__layout .sections .section .lf .text-container p{color:rgba(0,0,0,.6);font-size:18px;font-weight:500;line-height:27px;margin-top:calc(var(--rpx, 1px)*12);text-align:justify}@media screen and (max-width:767px){.cmp__brand-section-27 .responsive__layout .sections .section .lf .text-container p{font-size:9pt;font-weight:500;line-height:18px}}.cmp__brand-section-27 .responsive__layout .sections .section .rt{-webkit-box-flex:865;border-radius:6px;-webkit-clip-path:inset(0 30% 0 0 round 6px);clip-path:inset(0 30% 0 0 round 6px);-ms-flex:865;flex:865;overflow:hidden;position:relative;-webkit-transition:all .6s!important;transition:all .6s!important}.cmp__brand-section-27 .responsive__layout .sections .section .rt .overlay{inset:0;position:absolute;z-index:1}.cmp__brand-section-27 .responsive__layout .sections .section .rt .overlay .play-btn{display:none;left:0;position:absolute;top:0}.cmp__brand-section-27 .responsive__layout .sections .section .rt .overlay .play-btn,.cmp__brand-section-27 .responsive__layout .sections .section .rt .overlay .svg-icon{height:calc(var(--rpx, 1px)*98);width:calc(var(--rpx, 1px)*98)}@media(max-width:991.98px){.cmp__brand-section-27 .responsive__layout .sections .section .rt{display:none}}.cmp__brand-section-27 .responsive__layout .sections .section .rt .video-player{height:100%;-o-object-fit:fill;object-fit:fill;width:100%}.cmp__brand-section-27 .responsive__layout .sections .section .rt .video-player video{-o-object-fit:fill;object-fit:fill}