.dongfeng-page{--df-red:#000;--df-navy:#000;color:#000;letter-spacing:1px;background:#fff;min-height:100vh;font-family:TTNormsPro,Segoe UI,Helvetica Neue,Arial,sans-serif;font-size:16px;line-height:1.5;overflow-x:clip}.dongfeng-page :where(.df-content,.df-dialog:not(.df-contact-dialog)) *{box-sizing:border-box;letter-spacing:inherit}.dongfeng-page :where(.df-content,.df-dialog:not(.df-contact-dialog)) button{color:inherit;background:0 0;padding:0;font-family:inherit}.dongfeng-page :where(.df-content,.df-dialog:not(.df-contact-dialog)) :is(h1,h2,h3,p){margin:0}.dongfeng-page :where(.df-content,.df-dialog:not(.df-contact-dialog)) a{color:inherit;text-decoration:none}.dongfeng-page :where(.df-content,.df-dialog:not(.df-contact-dialog)) img{max-width:100%;display:block}.dongfeng-page section[id]{scroll-margin-top:60px}.dongfeng-page .df-reveal{animation-duration:.8s;animation-fill-mode:both}.dongfeng-page .df-reveal[data-visible=false]{opacity:0}.dongfeng-page .df-reveal[data-visible=true]{animation-name:df-fade-up}.dongfeng-page .df-reveal.df-down[data-visible=true]{animation-name:df-fade-down}.dongfeng-page .df-reveal.df-left[data-visible=true]{animation-name:df-fade-left}.dongfeng-page .df-reveal.df-top-right[data-visible=true]{animation-name:df-fade-top-right}.dongfeng-page .df-reveal.df-bottom-right[data-visible=true]{animation-name:df-fade-bottom-right}@keyframes df-fade-up{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:none}}@keyframes df-fade-down{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:none}}@keyframes df-fade-left{0%{opacity:0;transform:translate(-100%)}to{opacity:1;transform:none}}@keyframes df-fade-top-right{0%{opacity:0;transform:translate(100%,-100%)}to{opacity:1;transform:none}}@keyframes df-fade-bottom-right{0%{opacity:0;transform:translate(100%,100%)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.dongfeng-page .df-reveal[data-visible=false]{opacity:1}}
.dongfeng-page .mobile-overlay{z-index:1001;background:#00000080;position:fixed;inset:0}.dongfeng-page .mobile-menu{z-index:1002;background:#051c2c;flex-direction:column;max-height:100vh;display:flex;position:fixed;top:0;left:0;right:0;overflow-y:auto}.dongfeng-page .mobile-menu__header{border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.dongfeng-page .mobile-menu__logo{filter:brightness(0)invert();height:20px}.dongfeng-page .mobile-menu__close{color:#fff9;padding:4px;font-size:20px}.dongfeng-page .mobile-menu__close:hover{color:#fff}.dongfeng-page .mobile-menu__nav{flex:1;padding:12px 0}.dongfeng-page .mobile-menu__item{color:#ffffffb3;cursor:pointer;background:0 0;border:0;justify-content:space-between;align-items:center;width:100%;padding:12px 24px;font-family:inherit;font-size:15px;text-decoration:none;transition:all .2s;display:flex}.dongfeng-page .mobile-menu__item--active,.dongfeng-page .mobile-menu__item:hover{color:#fff;background:#ffffff0d}.dongfeng-page .mobile-menu__item--parent{font-weight:500}.dongfeng-page .mobile-menu__item--child{color:#ffffff80;padding-left:40px;font-size:14px}.dongfeng-page .mobile-menu__item--parent-l2{color:#ffffffa6;font-weight:500}.dongfeng-page .mobile-menu__item--grandchild{color:#ffffff73;padding-left:56px;font-size:13px}.dongfeng-page .mobile-menu__arrow{font-size:12px;transition:transform .3s}.dongfeng-page .mobile-menu__arrow--open{transform:rotate(180deg)}.dongfeng-page .mobile-menu__sub{overflow:hidden}.dongfeng-page .slide-overlay-enter-active,.dongfeng-page .slide-overlay-leave-active{transition:opacity .3s}.dongfeng-page .slide-overlay-enter-from,.dongfeng-page .slide-overlay-leave-to{opacity:0}.dongfeng-page .slide-menu-enter-active,.dongfeng-page .slide-menu-leave-active{transition:transform .3s}.dongfeng-page .slide-menu-enter-from,.dongfeng-page .slide-menu-leave-to{transform:translateY(-100%)}.dongfeng-page .expand-enter-active,.dongfeng-page .expand-leave-active{max-height:500px;transition:max-height .3s}.dongfeng-page .expand-enter-from,.dongfeng-page .expand-leave-to{max-height:0}.dongfeng-page .app-header{z-index:1000;background-color:#051c2c66;justify-content:space-between;align-items:center;height:60px;padding:0 16px;transition:background-color .3s;display:flex;position:fixed;top:0;left:0;right:0}.dongfeng-page .app-header--scrolled{background-color:#051c2c}.dongfeng-page .app-header__container{align-items:center;width:1125px;height:100%;margin:0 auto;display:flex}.dongfeng-page .app-header__logo{cursor:pointer;flex-shrink:0;margin-right:80px}.dongfeng-page .app-header__logo-img{filter:brightness(0)invert();width:auto;height:26px}@media (max-width:991px){.dongfeng-page .app-header__logo-img{height:20px}}.dongfeng-page .app-header__nav{flex:1;align-items:center;display:flex}.dongfeng-page .app-header__nav-item--has-sub,.dongfeng-page .app-header__nav-link{cursor:pointer;position:relative}.dongfeng-page .app-header__nav-link{color:#fff9;letter-spacing:1px;white-space:nowrap;background:0 0;border:0;margin-right:60px;padding:0;font-family:inherit;font-size:17px;line-height:60px;text-decoration:none;transition:color .2s;display:block}.dongfeng-page .app-header__nav-link:after{content:"";background:#fff;width:0;height:2px;transition:width .4s;position:absolute;bottom:0;left:0}.dongfeng-page .app-header__nav-link--active:after,.dongfeng-page .app-header__nav-link:hover:after{width:100%}.dongfeng-page .app-header__nav-link--active,.dongfeng-page .app-header__nav-link--open,.dongfeng-page .app-header__nav-link:hover{color:#fff}.dongfeng-page .app-header__nav-link--open:after{width:100%}.dongfeng-page .app-header__nav-link--text{cursor:default}.dongfeng-page .app-header__dropdown{z-index:999;width:100vw;height:calc(70vh - 60px);position:fixed;top:60px;left:0}.dongfeng-page .app-header__dropdown-inner{width:100%;height:100%;display:flex;position:relative;overflow:hidden}.dongfeng-page .app-header__dropdown-bg{z-index:0;width:100%;height:100%;position:absolute;top:0;left:0}.dongfeng-page .app-header__dropdown-bg-img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.dongfeng-page .app-header__dropdown-bg-blur{-webkit-backdrop-filter:blur(20px);background-color:#051c2c4d;width:100%;height:100%}.dongfeng-page .app-header-fl{z-index:1;justify-content:center;width:44vw;padding-top:10vh;display:flex;position:relative}.dongfeng-page .app-header-fl .app-header__dropdown-l2,.dongfeng-page .app-header-fl .app-header__dropdown-l3{opacity:0;transition:opacity .4s,transform .4s;transition-delay:var(--delay,0s);transform:translateY(-20px)}.dongfeng-page .app-header-fl--animated .app-header__dropdown-l2,.dongfeng-page .app-header-fl--animated .app-header__dropdown-l3{opacity:1;transform:translateY(0)}.dongfeng-page .app-header-fr{opacity:0;z-index:10;flex:1;transition:opacity .5s .15s,transform .5s .15s;position:relative;transform:translateY(-20px)}.dongfeng-page .app-header-fr--animated{opacity:1;transform:translateY(0)}.dongfeng-page .app-header-fr .app-header-fr__logo{text-align:center;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.dongfeng-page .app-header-fr .app-header-fr__logo .app-header-fr__logo-logo{-o-object-fit:contain;object-fit:contain;width:270px}.dongfeng-page .app-header-fr .app-header-fr__logo .app-header-fr__logo-text{color:#fff;margin-top:20px;font-size:30px}.dongfeng-page .app-header__dropdown-left{z-index:1;flex-direction:column;padding-right:15px;display:flex;position:relative}.dongfeng-page .app-header__dropdown-l2{color:#fff9;cursor:pointer;white-space:nowrap;padding:20px 15px;font-size:24px;line-height:40px;transition:color .2s;position:relative}.dongfeng-page .app-header__dropdown-l2--active,.dongfeng-page .app-header__dropdown-l2:hover{color:#fff}.dongfeng-page .app-header__dropdown-l2--single{cursor:default;font-size:24px}@media (max-width:1439px){.dongfeng-page .app-header__dropdown-l2,.dongfeng-page .app-header__dropdown-l2--single{font-size:20px}}.dongfeng-page .app-header__dropdown-right{transform:translateY(var(--top-offset,0));z-index:1;flex-direction:column;transition:transform .3s;display:flex;position:relative}.dongfeng-page .app-header__dropdown-l3{color:#ffffffb3;cursor:pointer;text-align:left;white-space:nowrap;background:0 0;border:0;padding:20px 0;font-family:inherit;font-size:24px;line-height:40px;text-decoration:none;transition:color .2s}.dongfeng-page .app-header__dropdown-l3--active,.dongfeng-page .app-header__dropdown-l3:hover{color:#fff}.dongfeng-page .app-header__dropdown-l3--text{cursor:default}@media (max-width:1439px){.dongfeng-page .app-header__dropdown-l3{font-size:20px}}.dongfeng-page .app-header__actions{align-items:center;display:flex}.dongfeng-page .app-header__lang-dropdown{cursor:pointer;white-space:nowrap;flex-shrink:0;width:auto;margin-left:15px;margin-right:15px;display:inline-block;position:relative}.dongfeng-page .app-header__lang-trigger{cursor:pointer;background:0 0;border:0;align-items:center;gap:4px;padding:0;font-family:inherit;display:flex}.dongfeng-page .app-header__lang-icon{filter:brightness(0)invert()opacity(.7);width:20px;height:20px;transition:opacity .2s}.dongfeng-page .app-header__lang-trigger:hover .app-header__lang-icon{filter:brightness(0)invert()opacity()}.dongfeng-page .app-header__lang-text{color:#fffc;letter-spacing:1px;font-size:12px;font-weight:500}.dongfeng-page .app-header__lang-arrow{color:#fff9;font-size:10px}.dongfeng-page .app-header__lang-menu{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:20;background:#000000a6;border:1px solid #ffffff26;min-width:140px;padding:4px 0;position:absolute;top:calc(100% + 16px);right:0}.dongfeng-page .app-header__lang-menu:before{content:"";height:16px;position:absolute;top:-16px;left:0;right:0}.dongfeng-page .app-header__lang-option{color:#ffffffe6;cursor:pointer;text-align:center;white-space:nowrap;background:0 0;border:0;justify-content:center;align-items:center;width:100%;padding:10px 20px;font-family:inherit;font-size:16px;line-height:1.3;transition:background-color .2s,color .2s;display:flex}.dongfeng-page .app-header__lang-option:focus,.dongfeng-page .app-header__lang-option:hover{color:#fff;background-color:#ffffff26}.dongfeng-page .app-header__lang-option--active{color:#fff;cursor:pointer;background-color:#ffffff1f}.dongfeng-page .lang-dropdown-enter-active,.dongfeng-page .lang-dropdown-leave-active{transition:opacity .2s,transform .2s}.dongfeng-page .lang-dropdown-enter-from,.dongfeng-page .lang-dropdown-leave-to{opacity:0;transform:translateY(-6px)}.dongfeng-page .app-header__hamburger{flex-direction:column;gap:5px;padding:4px;display:flex}.dongfeng-page .hamburger-line{background-color:#fff9;width:22px;height:2px;transition:all .3s;display:block}.dongfeng-page .hamburger-line--open:first-child{transform:translateY(7px)rotate(45deg)}.dongfeng-page .hamburger-line--open:nth-child(2){opacity:0}.dongfeng-page .hamburger-line--open:last-child{transform:translateY(-7px)rotate(-45deg)}.dongfeng-page .dropdown-enter-active{transition:transform .5s cubic-bezier(.16,1,.3,1),opacity .4s}.dongfeng-page .dropdown-leave-active{transition:transform .3s cubic-bezier(.7,0,.84,0),opacity .25s}.dongfeng-page .dropdown-enter-from{opacity:0;transform:translateY(-100%)}.dongfeng-page .dropdown-leave-to{opacity:0;transform:translateY(-30px)}@media (max-width:1199px){.dongfeng-page .app-header__container{width:auto;margin:0}.dongfeng-page .app-header__logo{margin-right:30px}.dongfeng-page .app-header__nav-link{margin-right:40px;font-size:15px}}@media (max-width:991px){.dongfeng-page .app-header__nav-link{margin-right:20px;font-size:12px}}@media (max-width:767px){.dongfeng-page .app-header__logo{margin-right:0}}.dongfeng-page .app-footer{color:#fff9;background-color:#051c2c;padding:50px 0 20px}@media (max-width:991px){.dongfeng-page .app-footer{padding:32px 0 16px}}.dongfeng-page .app-footer__container{max-width:1920px;margin:0 auto}.dongfeng-page .app-footer__top{justify-content:space-between;gap:40px;margin-bottom:40px;padding:0 100px;display:flex}@media (max-width:1199px){.dongfeng-page .app-footer__top{padding:0 40px}}@media (max-width:991px){.dongfeng-page .app-footer__top{flex-direction:column;gap:24px;padding:0 16px}}.dongfeng-page .app-footer__nav{flex:1;gap:40px;display:flex}@media (max-width:1199px){.dongfeng-page .app-footer__nav{gap:18px}}@media (max-width:991px){.dongfeng-page .app-footer__nav{flex-flow:column wrap;gap:30px}}.dongfeng-page .app-footer__col{flex-direction:column;display:flex}@media (max-width:991px){.dongfeng-page .app-footer__col{min-width:80px}}.dongfeng-page .app-footer__col-title{color:#fffc;margin-bottom:30px;font-size:16px;text-decoration:none}@media (max-width:991px){.dongfeng-page .app-footer__col-title{margin-bottom:8px;font-size:16px}}.dongfeng-page .app-footer__col-title:hover{color:#fff}.dongfeng-page .app-footer__col-group{flex-direction:column;display:flex}.dongfeng-page .app-footer__col-item{color:#fff9;margin-bottom:20px;font-size:16px;text-decoration:none;transition:color .2s;display:block}@media (max-width:991px){.dongfeng-page .app-footer__col-item{margin-bottom:4px;font-size:16px}}.dongfeng-page .app-footer__col-item:hover{color:#fffc}.dongfeng-page .app-footer__col-sub{flex-direction:column;margin-top:-10px;margin-bottom:8px;padding-left:12px;display:flex}@media (max-width:991px){.dongfeng-page .app-footer__col-sub{margin-top:0;margin-bottom:4px;padding-left:12px}}.dongfeng-page .app-footer__col-item--level3{color:#ffffff73;margin-bottom:10px;font-size:14px}@media (max-width:991px){.dongfeng-page .app-footer__col-item--level3{margin-bottom:4px;font-size:14px}}.dongfeng-page .app-footer__col-item--level3:hover{color:#ffffffb3}.dongfeng-page .app-footer__col-item--level3__link{padding-left:12px;position:relative}.dongfeng-page .app-footer__col-item--level3__link:before{color:inherit;content:"";background-color:currentColor;border-radius:50%;width:4px;height:4px;position:absolute;top:50%;left:0;transform:translateY(-50%)}.dongfeng-page .app-footer__col-item--text{cursor:default}.dongfeng-page .app-footer__col-item--text:hover{color:#fff9}.dongfeng-page .app-footer__brand{flex-direction:column;flex-shrink:0;align-items:center;display:flex}@media (max-width:991px){.dongfeng-page .app-footer__brand{text-align:left;align-items:flex-start}}.dongfeng-page .app-footer__brand-logo{height:36px;margin-bottom:60px}.dongfeng-page .app-footer__social{justify-content:center;gap:10px;display:flex}@media (max-width:991px){.dongfeng-page .app-footer__social{justify-content:flex-start}}.dongfeng-page .app-footer__social-icon{background:#000;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;display:flex;overflow:hidden}.dongfeng-page .app-footer__social-icon img{-o-object-fit:contain;object-fit:contain;width:32px;height:32px}.dongfeng-page .app-footer__social-icon:hover{background:#7e8c8d80}.dongfeng-page .app-footer__social-placeholder{color:#fff;border-radius:4px;justify-content:center;align-items:center;width:100%;height:100%;font-size:11px;font-weight:600;display:flex}.dongfeng-page .app-footer__more{text-align:right;width:222px;margin-top:30px}@media (max-width:991px){.dongfeng-page .app-footer__more{margin-top:30px}}.dongfeng-page .app-footer__more-trigger{cursor:pointer;background:#ffffff1a;justify-content:center;align-items:center;gap:8px;padding:10px 16px;display:flex}.dongfeng-page .app-footer__more-trigger .lang{-o-object-fit:contain;object-fit:contain;width:28px;height:28px}@media (max-width:767px){.dongfeng-page .app-footer__more-trigger .lang{width:22px;height:22px}}.dongfeng-page .app-footer__more-btn{color:#fffc;cursor:pointer;letter-spacing:1px;text-align:left;width:130px;font-size:16px;transition:color .2s}.dongfeng-page .app-footer__more-btn:hover{color:#fff}.dongfeng-page .app-footer__more-dropdown{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background-color:#ffffff1a;border:1px solid #ffffff26;width:222px;min-width:222px;padding:4px 0}.dongfeng-page .app-footer__more-dropdown .el-dropdown-menu__item{color:#fffc;text-align:center;justify-content:flex-start;padding:10px 7px;font-size:16px}.dongfeng-page .app-footer__more-dropdown .el-dropdown-menu__item:hover,.dongfeng-page .app-footer__more-dropdown .el-dropdown-menu__item:focus{color:#fff;background-color:#ffffff26}.dongfeng-page .app-footer__more-site{align-items:center;gap:7px;width:100%;display:flex}.dongfeng-page .app-footer__more-site-logo{-o-object-fit:contain;object-fit:contain;flex:none;width:30px;height:30px}.dongfeng-page .app-footer__more-site-name{text-align:left;flex:1}.dongfeng-page .el-popper.is-light{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background-color:#ffffff1a;border:1px solid #ffffff26}.dongfeng-page .el-popper.is-light .el-popper__arrow:before{background-color:#ffffff1a;border:none}.dongfeng-page .app-footer__bottom{color:#fff9;text-align:center;border-top:1px solid #ffffff1a;justify-content:center;align-items:center;padding:20px 100px 0;font-size:14px;display:flex}@media (max-width:1199px){.dongfeng-page .app-footer__bottom{padding:20px 40px 0}}@media (max-width:991px){.dongfeng-page .app-footer__bottom{padding:16px 16px 0;font-size:13px}}@media (max-width:767px){.dongfeng-page .app-footer__bottom{flex-direction:column;font-size:12px}}.dongfeng-page .app-footer__bottom .app-footer_hao{align-items:center;gap:20px;display:flex}.dongfeng-page .app-footer__bottom .app-footer_hao a{cursor:pointer}.dongfeng-page .app-footer__bottom .app-footer_hao .gonganbei{align-items:center;gap:4px;display:flex}.dongfeng-page .app-footer__bottom .app-footer_hao .gonganbei .ga-icon{width:15px;height:15px}.dongfeng-page .app-footer__copyright{overflow-wrap:anywhere;text-align:center;white-space:pre-line;word-break:normal;width:100%;margin:0 auto;line-height:1.7}@media (max-width:991px){.dongfeng-page .app-footer__copyright{max-width:100%;line-height:1.65}}.dongfeng-page .default-layout{background:#fff;flex-direction:column;min-height:100vh;display:flex}.dongfeng-page .page-content{flex:1}.dongfeng-page .hero-banner{width:100%;height:100vh;max-height:1080px;position:relative;overflow:hidden}@media (max-width:991px){.dongfeng-page .hero-banner{height:100vh;min-height:300px;max-height:none}}.dongfeng-page .hero-banner__slide,.dongfeng-page .hero-banner__swiper{width:100%;height:100%}.dongfeng-page .hero-banner__slide--clickable{cursor:pointer}.dongfeng-page .hero-banner__slide-img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;display:block}.dongfeng-page .hero-banner__slide-video-box{width:100%;height:100%;position:relative}.dongfeng-page .hero-banner__slide-video{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;display:block}.dongfeng-page .hero-banner__video-play-btn{cursor:pointer;z-index:5;width:60px;height:60px;display:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.dongfeng-page .hero-banner__video-play-btn img{-o-object-fit:contain;object-fit:contain;width:100%;height:100%;display:block}@media (max-width:767px){.dongfeng-page .hero-banner__video-play-btn{width:50px;height:50px}}.dongfeng-page .hero-banner__video-play-btn--visible{justify-content:center;align-items:center;display:flex}.dongfeng-page .hero-banner__indicators{z-index:10;gap:12px;display:flex;position:absolute;bottom:50px;left:50%;transform:translate(-50%)}@media (max-width:991px){.dongfeng-page .hero-banner__indicators{gap:8px;bottom:30px}}.dongfeng-page .hero-banner__indicator{cursor:pointer;background:0 0;border:none;width:68px;height:4px;padding:0;position:relative;overflow:hidden}@media (max-width:991px){.dongfeng-page .hero-banner__indicator{width:45px;height:3px}}.dongfeng-page .hero-banner__indicator-bg{background:#ffffff59;position:absolute;inset:0}.dongfeng-page .hero-banner__indicator-fill{background:#e60020;width:0;height:100%;position:absolute;top:0;left:0}.dongfeng-page .hero-banner__indicator:not(.hero-banner__indicator--active) .hero-banner__indicator-fill{width:0!important;transition:none!important}.dongfeng-page .business-portfolio{background:#fff;flex-direction:column;height:calc(100vh - 60px);display:flex;overflow:hidden}@media (max-width:1199px){.dongfeng-page .business-portfolio{height:calc(85vh - 60px)}}@media (max-width:991px){.dongfeng-page .business-portfolio{height:auto;min-height:0;overflow:visible}}.dongfeng-page .business-portfolio__title{color:#000;text-align:center;flex-shrink:0;padding:40px 0 30px;font-size:46px;font-weight:700;line-height:50px}@media (max-width:991px){.dongfeng-page .business-portfolio__title{padding:30px 0 20px;font-size:40px}}@media (max-width:767px){.dongfeng-page .business-portfolio__title{padding:20px 0 10px;font-size:30px;font-weight:600;line-height:40px}}.dongfeng-page .business-portfolio__tabs{flex-shrink:0;justify-content:center;gap:60px;padding-bottom:40px;display:flex}@media (max-width:991px){.dongfeng-page .business-portfolio__tabs{gap:32px;padding-bottom:24px}}@media (max-width:767px){.dongfeng-page .business-portfolio__tabs{gap:25px;padding-bottom:10px}}.dongfeng-page .bp-tab{color:#666;cursor:pointer;background:0 0;border:none;font-size:30px;line-height:35px;transition:color .3s;position:relative}@media (max-width:991px){.dongfeng-page .bp-tab{font-size:25px}}@media (max-width:767px){.dongfeng-page .bp-tab{font-size:16px;line-height:25px}}.dongfeng-page .bp-tab--active{color:#e60020;font-weight:600}.dongfeng-page .bp-showcase{flex:1;width:100%;height:calc(100% - 60px);min-height:0;display:flex}@media (max-width:991px){.dongfeng-page .bp-showcase{width:100%;height:clamp(300px,52vw,430px);min-height:300px}}@media (max-width:767px){.dongfeng-page .bp-showcase{height:clamp(240px,58vw,320px);min-height:240px}}.dongfeng-page .bp-brand-sidebar{flex-direction:column;flex-shrink:0;justify-content:center;align-items:flex-start;gap:40px;width:160px;padding:60px 0 60px 60px;display:flex}@media (max-width:1199px){.dongfeng-page .bp-brand-sidebar{gap:28px;width:120px;padding-left:40px}}@media (max-width:991px){.dongfeng-page .bp-brand-sidebar{display:none}}.dongfeng-page .bp-brand-btn{cursor:pointer;opacity:.5;background:0 0;border:none;align-items:center;gap:10px;padding:0;transition:opacity .3s;display:flex}.dongfeng-page .bp-brand-btn--active{opacity:1}.dongfeng-page .bp-brand-btn__icon{filter:brightness(0)invert();width:28px;height:28px}@media (max-width:1199px){.dongfeng-page .bp-brand-btn__icon{width:22px;height:22px}}.dongfeng-page .bp-brand-btn__name{color:#fff9;letter-spacing:2px;white-space:nowrap;font-size:28px}@media (max-width:1199px){.dongfeng-page .bp-brand-btn__name{font-size:20px}}.dongfeng-page .bp-brand-btn--active .bp-brand-btn__name{color:#fff}.dongfeng-page .bp-vehicle-area{flex-direction:column;flex:1;width:100%;min-width:0;min-height:0;display:flex;position:relative;overflow:hidden}@media (max-width:991px){.dongfeng-page .bp-vehicle-area{flex:1;width:100%;height:100%}}@media (max-width:767px){.dongfeng-page .bp-vehicle-area{height:100%}}.dongfeng-page .bp-vehicle-wrapper{flex:1;width:100%;height:100%;min-height:0;position:relative;overflow:hidden}@media (max-width:991px){.dongfeng-page .bp-vehicle-wrapper{flex:none;width:100%;height:100%;min-height:300px;max-height:none}}@media (max-width:767px){.dongfeng-page .bp-vehicle-wrapper{height:100%;min-height:240px;max-height:none}}.dongfeng-page .bp-vehicle-transition-mask{opacity:0;pointer-events:none;z-index:2;background:#00000038;transition:opacity .22s;position:absolute;inset:0}.dongfeng-page .bp-vehicle-wrapper--switching .bp-vehicle-transition-mask{opacity:1}.dongfeng-page .bp-vehicle-track{opacity:0;pointer-events:none;will-change:transform;z-index:1;width:100%;height:100%;transition:opacity .22s,transform .5s;display:flex;position:absolute;inset:0}.dongfeng-page .bp-vehicle-track--active{opacity:1;pointer-events:auto}.dongfeng-page .bp-vehicle-slide{flex:0 0 100%;height:100%;position:relative}@media (max-width:991px){.dongfeng-page .bp-vehicle-slide{height:100%;min-height:100%}}@media (max-width:767px){.dongfeng-page .bp-vehicle-slide{min-height:100%}}.dongfeng-page .bp-vehicle-slide--clickable{cursor:pointer}.dongfeng-page .bp-vehicle-slide__img{-o-object-fit:cover;object-fit:cover;-o-object-position:center center;object-position:center center;opacity:1;width:100%;height:100%;transition:opacity .35s,transform .45s}@media (max-width:991px){.dongfeng-page .bp-vehicle-slide__img{-o-object-position:center 56%;object-position:center 56%}}@media (max-width:767px){.dongfeng-page .bp-vehicle-slide__img{-o-object-position:center 55%;object-position:center 55%}}.dongfeng-page .bp-vehicle-wrapper--switching .bp-vehicle-slide__img{opacity:1;transform:scale(1.005)}.dongfeng-page .bp-vehicle-slide__text{color:#fff;letter-spacing:6px;text-shadow:0 2px 16px #0000004d;font-size:40px;font-weight:700}@media (max-width:1199px){.dongfeng-page .bp-vehicle-slide__text{letter-spacing:4px;font-size:28px}}@media (max-width:991px){.dongfeng-page .bp-vehicle-slide__text{letter-spacing:2px;font-size:18px}}.dongfeng-page .bp-bottom{z-index:10;flex-shrink:0;width:100%;padding:0 100px;position:absolute;bottom:50px;left:0}@media (max-width:1199px){.dongfeng-page .bp-bottom{padding:0 40px;bottom:30px}}@media (max-width:991px){.dongfeng-page .bp-bottom{margin-top:0;padding:0 20px;position:absolute;bottom:16px}}@media (max-width:767px){.dongfeng-page .bp-bottom{padding:0 12px;bottom:8px}}.dongfeng-page .bp-brand-logos{border-bottom:1px solid #fff;padding:0;display:flex}.dongfeng-page .bp-logo-item{cursor:pointer;background:0 0;border:none;flex:1;justify-content:center;align-items:center;gap:10px;padding:0 0 15px;display:flex;position:relative}@media (max-width:767px){.dongfeng-page .bp-logo-item{padding:0}}.dongfeng-page .bp-logo-item:after{content:"";background:#e60020;height:4px;transition:transform .4s;position:absolute;bottom:-2px;left:0;right:0;transform:scaleX(0)}@media (max-width:767px){.dongfeng-page .bp-logo-item:after{height:2px}}.dongfeng-page .bp-logo-item--active:after{transform:scaleX(1)}.dongfeng-page .bp-logo-item--active{opacity:1}.dongfeng-page .bp-logo-item__icon{box-sizing:content-box;filter:brightness(0)invert();-o-object-fit:contain;object-fit:contain;width:16vw;height:77px}@media (max-width:1920px){.dongfeng-page .bp-logo-item__icon{width:20vw}}@media (max-width:1199px){.dongfeng-page .bp-logo-item__icon{width:25vw;height:55px}}@media (max-width:991px){.dongfeng-page .bp-logo-item__icon{width:26vw;height:38px}}@media (max-width:767px){.dongfeng-page .bp-logo-item__icon{width:28vw;height:32px}}.dongfeng-page .bp-logo-item__name{color:#fff9;letter-spacing:2px;font-size:14px}@media (max-width:991px){.dongfeng-page .bp-logo-item__name{font-size:10px}}.dongfeng-page .bp-logo-item--active .bp-logo-item__name{color:#fff}.dongfeng-page .image-grid{width:100%;margin-top:60px;margin-bottom:35px}@media (max-width:991px){.dongfeng-page .image-grid{margin-top:20px;margin-bottom:20px}}.dongfeng-page .image-grid__error,.dongfeng-page .image-grid__loading{flex-direction:column;justify-content:center;align-items:center;min-height:400px;display:flex}.dongfeng-page .image-grid__spinner{border:4px solid #0000001a;border-top-color:#333;border-radius:50%;width:40px;height:40px;animation:1s linear infinite spin-40a27d94}@keyframes spin-40a27d94{to{transform:rotate(1turn)}}.dongfeng-page .image-grid__error-text,.dongfeng-page .image-grid__loading-text{color:#666;margin-top:16px;font-size:14px}.dongfeng-page .image-grid__retry-btn{color:#fff;cursor:pointer;background-color:#333;border:none;border-radius:4px;margin-top:12px;padding:8px 24px;font-size:14px;transition:background-color .3s}.dongfeng-page .image-grid__retry-btn:hover{background-color:#555}.dongfeng-page .image-grid__inner{grid-template-columns:940fr 960fr;gap:20px;margin:0 auto;display:grid}@media (max-width:991px){.dongfeng-page .image-grid__inner{grid-template-columns:1fr;gap:20px}}.dongfeng-page .image-grid__card{cursor:pointer;text-decoration:none;display:block;position:relative;overflow:hidden}.dongfeng-page .image-grid__card--large{box-sizing:border-box;height:auto;display:flex}@media (max-width:991px){.dongfeng-page .image-grid__card--large{min-height:240px}}.dongfeng-page .image-grid__card--small{min-height:340px}@media (max-width:991px){.dongfeng-page .image-grid__card--small{min-height:120px}}.dongfeng-page .image-grid__card-bg{width:100%;transition:transform .5s;display:flex;position:relative}.dongfeng-page .image-grid__card-bg img{width:100%;height:auto;display:block}@media (hover:hover) and (pointer:fine){.dongfeng-page .image-grid__card:hover .image-grid__card-bg{transform:scale(1.05)}}.dongfeng-page .image-grid__card-overlay{background:#0003;flex-direction:column;justify-content:flex-end;padding:32px;transition:background .3s;display:flex;position:absolute;inset:0}@media (max-width:991px){.dongfeng-page .image-grid__card-overlay{padding:16px}}.dongfeng-page .image-fu{flex-direction:column;justify-content:center;align-items:center;display:none;position:absolute;inset:0}.dongfeng-page .image-fu .image-grid__fu-title{color:#fff;font-size:25px;font-weight:600}.dongfeng-page .image-fu .image-grid__fu-btn{color:#fff;text-align:center;border:1px solid #ffffff80;width:180px;margin-top:10px;font-size:16px;line-height:40px}@media (hover:hover) and (pointer:fine){.dongfeng-page .image-grid__card:hover .image-grid__card-overlay{background:#00000073}.dongfeng-page .image-grid__card:hover .image-fu{display:flex}}.dongfeng-page .image-grid__card-title{color:#fff;letter-spacing:3px;margin-bottom:4px;font-size:20px;font-weight:600;transition:transform .3s;transform:translateY(0)}@media (max-width:991px){.dongfeng-page .image-grid__card-title{letter-spacing:1px;font-size:14px}}@media (hover:hover) and (pointer:fine){.dongfeng-page .image-grid__card:hover .image-grid__card-title{display:none}}.dongfeng-page .image-grid__right{grid-template-rows:1fr 1fr;gap:20px;display:grid}@media (max-width:991px){.dongfeng-page .image-grid__right{grid-template-rows:auto;gap:20px}}.dongfeng-page .image-grid__right .image-grid__card-bg{height:100%}.dongfeng-page .image-grid__right .image-grid__card-bg img{-o-object-fit:cover;object-fit:cover;height:100%}
.dongfeng-page .df-hero-track{touch-action:pan-y;height:100%;transition:transform .3s;display:flex}.dongfeng-page .df-hero-track>.hero-banner__slide{flex:0 0 100%;min-width:0}.dongfeng-page .hero-banner__indicator-fill{background:#fff}.dongfeng-page .business-portfolio__title{letter-spacing:2px;padding:40px 20px 24px;font-size:36px;font-weight:400;line-height:54px}.dongfeng-page .business-portfolio__tabs{gap:16px;padding:0 20px 32px}.dongfeng-page .bp-tab{color:#777;letter-spacing:2px;border:1px solid #d0d0d0;min-width:230px;padding:12px 20px;font-size:13px;font-weight:400;line-height:20px;transition:color .2s,border-color .2s}.dongfeng-page .bp-tab--active,.dongfeng-page .bp-tab:hover{color:#000;border-color:#000}.dongfeng-page .bp-logo-item:after{background:#fff}.dongfeng-page .image-grid__card{text-align:left}.dongfeng-page .df-related .image-grid__inner{grid-template-columns:repeat(2,minmax(0,1fr))}.dongfeng-page .df-info-card{aspect-ratio:1.6;min-width:0}.dongfeng-page .df-info-card .image-grid__card-bg,.dongfeng-page .df-info-card .image-grid__card-bg img{object-fit:cover;width:100%;height:100%}@media (max-width:991px){.dongfeng-page .df-related .image-grid__inner{grid-template-columns:1fr}.dongfeng-page .df-info-card{aspect-ratio:1.6}}.dongfeng-page .image-grid__card-title{letter-spacing:2px;font-weight:400}.dongfeng-page .image-fu .image-grid__fu-title{letter-spacing:2px;font-size:24px;font-weight:400}.dongfeng-page .image-fu .image-grid__fu-btn{letter-spacing:2px;font-size:12px}.dongfeng-page .df-back-top{color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);mix-blend-mode:difference;z-index:30;background:#9993;border:0;border-radius:50%;place-items:center;width:50px;height:50px;font-size:24px;line-height:1;display:grid;position:fixed;bottom:80px;right:88px}.dongfeng-page .df-dialog{color:#000;background:#fff;border:1px solid #ddd;border-radius:0;width:min(820px,100vw - 32px);max-height:90dvh;margin:auto;padding:0;position:fixed;inset:0;overflow:auto;box-shadow:0 20px 90px #0004}.dongfeng-page .df-dialog::backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000c}.dongfeng-page .df-dialog-inner{padding:48px;position:relative}.dongfeng-page .df-dialog-close{color:#000;width:44px;height:44px;font-size:34px;line-height:40px;position:absolute;top:8px;right:16px}.dongfeng-page .df-eyebrow{letter-spacing:2px;color:#777;margin-bottom:18px;font-size:10px}.dongfeng-page .df-dialog:not(.df-contact-dialog) h2{letter-spacing:2px;margin-bottom:20px;font-size:30px;font-weight:400;line-height:1.4}.dongfeng-page .df-dialog:not(.df-contact-dialog) p{margin-bottom:20px;line-height:1.7}.dongfeng-page .df-panel-image{object-fit:cover;width:100%;height:310px;margin-bottom:24px}.dongfeng-page .df-action{color:#000;letter-spacing:2px;background:0 0;border:1px solid #000;justify-content:center;align-items:center;gap:30px;width:fit-content;min-width:180px;min-height:48px;padding:13px 24px;font-size:12px;transition:background .2s,color .2s;display:flex}.dongfeng-page .df-action:hover{color:#fff;background:#000}.dongfeng-page .df-action:disabled{opacity:.5}@media (max-width:991px){.dongfeng-page .business-portfolio__title{padding:32px 20px 20px;font-size:28px;line-height:42px}.dongfeng-page .business-portfolio__tabs{padding-bottom:24px}}@media (max-width:639px){.dongfeng-page .business-portfolio__title{padding:28px 20px 18px;font-size:24px;line-height:36px}.dongfeng-page .business-portfolio__tabs{gap:10px;padding:0 20px 24px}.dongfeng-page .bp-tab{letter-spacing:1px;flex:1;min-width:0;padding:10px 8px;font-size:10px}.dongfeng-page .df-dialog-inner{padding:44px 22px 28px}.dongfeng-page .df-dialog:not(.df-contact-dialog) h2{font-size:24px}.dongfeng-page .df-panel-image{height:220px}.dongfeng-page .df-back-top{width:40px;height:40px;bottom:40px;right:76px}}.dongfeng-page .df-contact-dialog{color:#f2f3ef;letter-spacing:0;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#080a09;border:1px solid #ffffff26;border-radius:22px;width:min(1160px,100vw - 48px);max-height:90dvh;box-shadow:0 24px 100px #0009}.dongfeng-page .df-contact-dialog::backdrop{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000c}.dongfeng-page .df-contact-shell{padding:58px 48px 40px}.dongfeng-page .df-contact-shell>section{padding-bottom:0}.dongfeng-page .df-contact-dialog-toolbar{z-index:3;height:0;position:sticky;top:0}.dongfeng-page .df-contact-dialog-close{color:#d4dbd4;cursor:pointer;background:#161b17;border:1px solid #ffffff26;border-radius:50%;place-items:center;width:36px;height:36px;padding:0;display:grid;position:absolute;top:16px;right:16px}.dongfeng-page .df-contact-dialog-close:hover{color:#fff;background:#2b332d}.dongfeng-page .df-contact-dialog-close:focus-visible{outline-offset:4px;outline:2px solid #c6b49a}@media (max-width:850px){.dongfeng-page .df-contact-shell{padding:62px 28px 30px}}@media (max-width:579px){.dongfeng-page .df-contact-dialog{border-radius:18px;width:calc(100vw - 24px);max-height:94dvh}.dongfeng-page .df-contact-shell{padding:60px 18px 24px}.dongfeng-page .df-contact-dialog-close{top:12px;right:12px}}.dongfeng-page .df-video-controls{z-index:15;flex-direction:column;gap:10px;display:flex;position:absolute;bottom:26px;right:28px}.dongfeng-page .df-video-controls button{color:#fff;cursor:pointer;background:#0003;border:1px solid #fff8;border-radius:50%;place-items:center;width:44px;height:44px;padding:0;display:grid}.dongfeng-page .df-video-controls button:hover{background:#0006}.dongfeng-page .df-video-controls button:focus-visible{outline-offset:4px;outline:2px solid #fff}@media (max-width:639px){.dongfeng-page .df-video-controls{bottom:20px;right:16px}}.dongfeng-page .df-hero-brands{z-index:14;-webkit-backdrop-filter:blur(10px);background:#0000002e;border:1px solid #ffffff3d;border-radius:40px;justify-content:center;align-items:center;gap:0;padding:0;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 8px 30px #00000038}.dongfeng-page .df-hero-brands a{justify-content:center;align-items:center;min-height:56px;padding:0 30px;transition:background .2s;display:flex}.dongfeng-page .df-hero-brands a+a{border-left:1px solid #fff3}.dongfeng-page .df-hero-brands a:first-child{border-radius:40px 0 0 40px}.dongfeng-page .df-hero-brands a:last-child{border-radius:0 40px 40px 0}.dongfeng-page .df-hero-brands a:hover{background:#ffffff1a}.dongfeng-page .df-hero-brands a:focus-visible{outline-offset:-4px;outline:1px solid #fff}.dongfeng-page .df-hero-brands img{width:124px;height:auto;display:block}@media (max-width:639px){.dongfeng-page .df-hero-brands{width:calc(100% - 32px);max-width:420px}.dongfeng-page .df-hero-brands a{flex:1 1 0;min-width:0;min-height:50px;padding:0 10px}.dongfeng-page .df-hero-brands img{width:100%;max-width:96px}}@media (prefers-reduced-motion:reduce){.dongfeng-page .df-hero-brands a{transition:none}}.dongfeng-page .hero-banner__video-play-btn{top:calc(50% - 72px)}