/* 动画 */
:root{--dgp-opacity--transparent:0;--dgp-transition-delay:0.15s}
body.animate-onscroll .animate_small--to_reveal{opacity:var(--dgp-opacity--transparent);-webkit-transform:translate3d(0,30px,0);transform:translate3d(0,30px,0);-webkit-transition:all .5s cubic-bezier(.165,.84,.44,1) .15s;transition:all .5s cubic-bezier(.165,.84,.44,1) .15s;-webkit-transition:all .5s cubic-bezier(.165,.84,.44,1) var(--dgp-transition-delay);transition:all .5s cubic-bezier(.165,.84,.44,1) var(--dgp-transition-delay);z-index:-1}
body.animate-onscroll .animate_small--reveal .animate_small--to_reveal{opacity:var(--dgp-opacity--100);-webkit-transform:translateZ(0);transform:translateZ(0);z-index:auto}
body.animate-onscroll .animate--to-reveal{opacity:0;-webkit-transform:translateY(40px) translateZ(0);transform:translateY(40px) translateZ(0);-webkit-transition:all .3s cubic-bezier(.455,.03,.515,.955) .15s;transition:all .3s cubic-bezier(.455,.03,.515,.955) .15s;-webkit-transition:all .3s cubic-bezier(.455,.03,.515,.955) var(--dgp-transition-delay);transition:all .3s cubic-bezier(.455,.03,.515,.955) var(--dgp-transition-delay)}
body.animate-onscroll .animate--revealed{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}
body.animate-onscroll .scenario-item.active .animate--to-reveal{transition:none}
/*product*/
:root{--font-size_title:56px;--font-size_title1:48px;--font-size_text1:32px;--font-size_title2:24px;--font-size_text2:20px;--font-size_text:18px;--font-size_text3:14px;--color-black:#000;--color-gray:rgba(0,0,0,.6);--color-gray-light:rgba(0,0,0,.4);--color-gray-lighter:rgba(0,0,0,.3);--color-white:#fff;--width:1200px}
@media (max-width: 991px){:root{--font-size_title:24px;--font-size_title1:24px;--font-size_title2:16px;--font-size_text2:14px;--font-size_text:12px;--font-size_text1:20px;--font-size_text3:12px;--width:100%}}
section:not(.section-banner){margin:0 auto;padding:96px 0}
.section-1:not(.section-banner-1){padding:0}
section img,section picture,section video{width:100%;height:100%;object-fit:cover}
section p{white-space:pre-line}
section .section-title{margin-left:auto;margin-right:auto;margin-bottom:48px;width:min(calc(100vw - 48px),792px);text-align:center}
section.section-video .section-title{margin-bottom:96px}
section .section-title *{margin:0 auto;white-space:pre-line}
section .section-title h2{font-weight:300;font-size:var(--font-size_title)!important;line-height:1.25}
section .section-title h2+p{margin-top:8px}
section .section-title p{color:var(--color-gray);font-size:var(--font-size_text2)}
section .pic-content{border-radius:8px;overflow:hidden}
section.section-left .section-title{margin-bottom:0!important;text-align:left}
section.section-left .section-title h2{font-size:var(--font-size_title1)!important;text-align:left}
section .btn-box{margin:48px auto 0;width:100%;text-align:center}
@media (max-width:991px){section:not(.section-banner){padding:48px 24px}
.section-spec-tit{padding:0 24px}
section .section-title{margin-bottom:24px!important;width:100%}
section .section-title *{text-align:left}
section .btn-box{margin-top:24px}}
.Deputy_5{position:absolute}
.Deputy_6{position:relative;top:20%;float:right;right:10%}
.Deputy_6 img{width:100%}
@media (max-width:1440px){.Deputy_6{top:20%;right:0}
.Deputy_6 img{width:80%}}
@media (max-width:991px){.Deputy_6{top:20%;right:auto;width:100%}
.Deputy_6 img{width:100%}}
@media (max-width:768px){.Deputy_6{top:30%}}
@media (max-width:600px){.Deputy_6{top:39%}}
/* banner */
.section-banner{position:relative;height:44.79167vw}
.section-banner .text-box{position:absolute;top:0;bottom:0;left:max(0px, calc(50% - 600px));max-width:594px;display:flex;flex-direction:column;gap:8px;justify-content:center}
.section-banner .text-box *{margin:0;white-space:pre-line;line-height:1.25}
.section-banner .text-box h1{font-size:var(--font-size_title)!important;color:var(--color-black)}
.section-banner .text-box p{font-size:16px;color:var(--color-black);opacity:.6}
.section-banner .text-box span{font-size:20px;color:var(--color-gray)}
@media (max-width:991px){.section-banner{height:min(150vw,860px)}
.section-banner .text-box{top:54px;left:24px;right:24px;bottom:auto;text-align:center;gap:4px;max-width:none}
.section-banner .text-box *{line-height:1.5}
.section-banner .text-box p{font-size:12px}
.section-banner .text-box span{font-size:14px}}
/* 技术参数 */
.section-spec{width: min(100%, var(--width))}
.section-spec-tit{margin:0 auto}
section.section-spec .section-title{margin-bottom:96px}
.section-spec .content{border-bottom:1px solid rgba(0,0,0,.2);overflow:auto}
.section-spec .content .content-grid{width:fit-content;min-width:100%}
.section-spec .content .param{padding:0 60px;display:flex;gap:24px;border-bottom:1px solid rgba(0,0,0,.2);font-size:16px}
.section-spec .content .param:first-child{font-weight:700;font-size:20px;line-height:1.8;border-width:2px}
.section-spec .content .param .param-1{padding:16px 0;width:100%;min-width:160px;flex-shrink:1;color:var(--color-gray);white-space:pre-line;word-break:break-word}
.section-spec .content .param:first-child div{padding-top:0;color:var(--color-black)}
.section-spec .content .param:last-child{border:none}
/* 滚动条样式*/
.section-spec .content::-webkit-scrollbar{height:24px}
.section-spec .content::-webkit-scrollbar-corner,.section-spec .content::-webkit-scrollbar-track,.section-spec .content::-webkit-scrollbar-track-piece{background-color:transparent}
.section-spec .content::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,.2);border-radius:12px;border:8px solid #fff}
.section-spec .content::-webkit-scrollbar-thumb:hover{background-color:rgba(0,0,0,.15)}
.section-spec .note{margin:15px 60px 0;font-size:var(--font-size_text3);color:var(--color-gray);text-align:left}
@media (max-width:991px){section.section-spec .section-title{margin-bottom:48px!important}
section.section-spec .section-title *{text-align:center}
.section-spec .content .param{padding:0 12px;gap:8px;font-size:12px}
.section-spec .content .param:first-child{font-size:12px;line-height:1.5}
.section-spec .content .param .param-1{padding:12px 0;min-width:90px}
.section-spec .content .param:first-child div{padding-bottom:8px}
.section-spec .content::-webkit-scrollbar{display:none}
.section-spec .note{margin:16px 0 0;line-height:20px}}
/* 相关资料 */
.section-file{width:min(100%, var(--width))}
.section-spec + .section-file{margin-top:-144px}
.section-file a{color: var(--color-black)}
.section-file .file-content{display:flex;flex-direction:column;gap:12px}
.section-file .file-content .file{padding:0 60px;background-color:#f5f5f5;border-radius:8px;height:54px;display:flex;align-items:center;gap:12px}
.section-file .file-content svg{flex-shrink:0}
.section-file .file-content .pdf{width:30px;height:30px}
.section-file .file-content .name{flex-grow:1;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;line-clamp:1;-webkit-box-orient:vertical;font-size:var(--font-size_text);line-height:30px}
@media (max-width:991px){.section-spec+.section-file{margin-top:-72px}
.section-file .section-title h2{text-align:center}
.section-file .file-content{gap:8px}
.section-file .file-content .file{padding:24px;gap:10px;height:84px}
.section-file .file-content .name{-webkit-line-clamp:2;line-clamp:2;line-height:1.5}
.section-file .file-content .pdf{width:36px;height:36px}
.section-file .file-content .download{width:14px;height:14px}}
/*产品简版*/
.section-pro .section-title{margin-bottom:96px}
.section-pro .section-title h2{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;white-space:pre-line}
.section-pro .section-title p{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:4;line-clamp:4;-webkit-box-orient:vertical;white-space:pre-line}
.section-pro .pro-content{margin:0 auto;display:flex;width:min(100%,var(--width));gap:24px;flex-wrap:wrap}
.section-pro .pro-item{padding:40px;background-color:#f5f5f5;border-radius:8px;display:flex;flex-direction:column;gap:16px;width:calc(50% - 12px)}
@media (min-width:992px){.section-pro .pro-3 .pro-item,.section-pro .pro-5 .pro-item:nth-child(n+3){width:calc(33.33% - 16px)}
.section-pro .pro-item img{width:64px;height:64px;object-fit:cover}}
.section-pro .pro-item .title{font-weight:700;color:#191919;font-size:var(--font-size_text2);line-height:26px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;white-space:pre-line}
.section-pro .pro-item p{margin:0;font-size:var(--font-size_text3);overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:4;line-clamp:4;-webkit-box-orient:vertical;white-space:pre-line}
@media (max-width:991px){.section-pro .pro-content{margin-top:0;gap:8px}
.section-pro .pro-item{padding:24px;width:100%;gap:8px;border-radius:0}
.section-pro .pro-item img{width:36px;height:36px}
.section-pro .pro-item .title{margin-top:16px;color:var(--color-black);font-size:20px;line-height:24px}}