: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}
/* 定义css变量*/
:root{--color-title:#000;--color-text:rgba(0,0,0,.6);--color-title-w:#fff;--color-text-w:rgba(255,255,255,.6);--color-highlight:#C7000B;--font-size-title:40px;--font-size-title1:32px;--font-size-text:16px;--font-size-text1:20px;--font-size-text2:14px;--width:1200px}
@media (max-width:991px){:root{--font-size-title:24px;--font-size-title1:20px;--font-size-text:14px;--font-size-text1:14px;--font-size-text2:12px;--width:100%}}
@font-face{font-family:VerhiSans;font-weight:400}
.btn-black,.btn-main,.btn-white{padding:0 30px;border:1px solid #fff;border-radius:4px;line-height:38px!important;font-size:var(--font-size-text2);height:40px!important;min-width:120px;text-align:center;display:inline-block;cursor:pointer}
.btn-black:hover,.btn-main:hover,.btn-white:hover{background-color:#fff!important;color:#000;border-color:#fff;transition-delay:0!important;transition:.3s all!important}
.btn-black,.btn-main{border:1px solid #000;color:#000}
.btn-black:hover{background-color:#000!important;color:#fff;border-color:#000}
.btn-main:hover{background-color:var(--color-highlight)!important;color:var(--color-title-w);border-color:var(--color-highlight)}
.btn-text-black,.btn-text-black:hover,.btn-text-white,.btn-text-white:hover{font-size:var(--font-size-text);line-height:1.2;display:inline-flex;align-items:center;color:var(--color-title)}
.btn-text-black:hover,.btn-text-white:hover{text-decoration:underline}
.btn-text-black svg,.btn-text-white svg{margin-left:3px}
.btn-text-white,.btn-text-white:hover{color:var(--color-title-w)}
.btn-text-white svg{fill:var(--color-title-w)}
.btn-text-black,.btn-text-black:hover{color:var(--color-title)}
.btn-text-black svg{fill:var(--color-title)}
@media (max-width:991px){.btn-black,.btn-main,.btn-white{padding:4px 8px;line-height:1.5!important;height:auto!important;min-width:80px;border-radius:2px}}
section{margin:0 auto;color:var(--color-title)}
section img{width:100%;height:100%;object-fit:cover}
section h1{white-space:pre-line;color:var(--color-title)}
section p{margin:0;font-size:var(--font-size-text);color:var(--color-text);white-space:pre-line}
section .section-content{margin:0 auto;width:100%;max-width:var(--width)}
.section-head{width:100%;padding:80px 0;max-width:996px;text-align:center}
.section-head h1{margin-bottom:12px;line-height:1.5;font-size:var(--font-size-title)!important}
.section-head p{line-height:27px;font-size:var(--font-size-text1)}
@media (max-width:991px){.section-head{padding:48px 24px}
.section-head h1{margin-bottom:8px}
.section-head p{line-height:1.5}}
.section-product{position:relative;height:640px;width:100%}
.section-product picture,.section-product>a{width:100%;height:100%}
.section-product picture{position:absolute}
.section-product .Deputy_2{position:relative;top:39%}
.section-product .Deputy_2 img{width:50%;height:auto;margin:0 25%}
.section-product .text{position:absolute;left:max(0px, calc(50% - 600px));top:50%;width:auto;max-width:var(--width);transform:translate(0, -50%);-webkit-transform:translate(0, -50%)}
.section-product .text :not(a,svg,span){width:100%;max-width:594px}
.section-product .text h2{margin-bottom:12px;font-size:var(--font-size-title)!important;line-height:55px;color:var(--color-title-w);white-space:pre-line}
.section-product .text p{margin-bottom:32px;line-height:24px;color:var(--color-text-w);display:flex;grid-column-gap:12px;align-items:center;flex-wrap:wrap;white-space:pre-line}
.section-product .text p .line{width:1px;height:12px;opacity:.2;background-color:var(--color-title-w)}
.section-product.white .text h2{color:var(--color-title-w)}
.section-product.white .text p{color:var(--color-text-w)}
.section-product.white .text p .line{background-color:var(--color-title-w)}
.section-product.black .text h2{color:var(--color-title)}
.section-product.black .text p{color:var(--color-text)}
.section-product.black .text p .line{background-color:var(--color-title)}
@media (min-width:992px){.product-wrapper{margin-bottom:12px;display:flex;flex-wrap:wrap;row-gap:12px}
.section-product.Deputy{width:calc(50% - 6px)}
.section-product.Deputy_1:nth-child(2n){margin-left:0}
.section-product.Deputy_1{margin-left:12px}
.section-product.Deputy .text{top:64px;left:50%;width:100%;max-width:542px;transform:translate(-50%,0);-webkit-transform:translate(-50%,0);text-align:center}
.section-product.Deputy .text :not(a,svg,span){max-width:100%}
.section-product.Deputy .text h2{font-size:var(--font-size-title1)!important;line-height:44px}
.section-product.Deputy .text p{margin-bottom:24px;justify-content:center}}
@media (max-width:991px){.section-product{margin-bottom:12px;height:480px}
.section-product .text{top:40px;left:24px;right:24px;transform:none;-webkit-transform:none;text-align:center;width:auto}
.section-product .text h2{margin-bottom:8px;font-size:var(--font-size-title1)!important;line-height:1.5}
.section-product .text p{margin-bottom:24px;display:flex;flex-wrap:wrap;justify-content:center;line-height:1.5;font-size:12px}
.section-product .text :not(a,svg,span){max-width:none}}
@media (max-width:425px){.section-product .Deputy_2{top:42%}
.section-product .Deputy_2 img{width:85%;margin:0 7.5%}}
.section-wei{margin:80px auto 40px}
.section-wei h2{margin:0 auto 46px;width:100%;max-width:var(--width);color:var(--color-title);font-size:var(--font-size-title1)!important}
.section-wei .section-content{display:flex;flex-wrap:wrap;column-gap:12px}
.section-wei .wei-box{width:calc(33.33% - 8px);max-width:392px}
.section-wei .wei-img{width:100%;height:220px;position:relative}
.section-wei .wei-img svg{position:absolute;cursor:pointer;left:50%;top:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);transition:all .3s}
.section-wei .wei-img svg:hover{opacity:.6}
.section-wei .wei-box p{margin:32px 24px;color:var(--color-title);font-size:var(--font-size-text1);font-weight:400}
.section-wei .wei-btn{margin-top:28px;width:100%;text-align:center}
@media (max-width:991px){.section-wei{margin:64px 24px}
.section-wei h2{margin-bottom:32px;text-align:center;font-size:24px!important}
.section-wei .section-content{flex-direction:column;row-gap:16px}
.section-wei .wei-box{width:100%;max-width:none}
.section-wei .wei-img{height:175px}
.section-wei .wei-box p{margin:16px;line-height:16px}
.section-wei .wei-btn{margin-top:8px}}
sup{font-size:min(.7em,14px);top:-.7em;font-weight:400}
/* 注释 */
.section-mark{padding:80px 0 160px;margin:0 auto;width:100%;background-color:#f5f5f7}
.section-mark p{margin:0 auto;width:min(100%,var(--width));font-size:12px;color:#666;line-height:1.5;white-space:pre-line}
@media (max-width:991px){.section-mark{padding:0 24px 32px}
.section-mark p{font-size:10px}}
/* 快捷入口*/
.section-quick{padding:160px 0;background-color:#f5f5f7}
.section-quick .section-content{margin:0 auto;width:100%;max-width:1000px;display:flex;justify-content:space-between}
.section-quick .quick-item{width:200px;display:flex;flex-direction:column;align-items:center}
.section-quick .quick-item img{margin-bottom:32px;width:64px;height:64px}
.section-quick .quick-item .title{margin-bottom:19px;font-weight:700;font-size:20px;line-height:24px;color:#000}
.section-quick .quick-item a{color:#000;font-size:16px;line-height:19px}
.section-quick .quick-item a svg{margin-left:8px}
.section-quick .quick-item a:hover{text-decoration:underline}
@media (min-width:992px){.section-quick .quick-item .title{text-align:center}}
@media (max-width:991px){.section-quick{padding:32px 24px}
.section-quick .section-content{flex-direction:column;max-width:none}
.section-quick .quick-item{padding:16px 0;width:100%;flex-direction:row;align-items:center;grid-column-gap:12px}
.section-quick .quick-item img{margin:0;width:24px;height:24px}
.section-quick .quick-item .title{margin:0;flex-grow:1;font-size:14px;line-height:16px}
.section-quick .quick-item a span{display:none}}