#GPS_BG{background:#f1f1f1}.banner_i{position:relative}.D0{padding:6vw 0 7vw 0;background:#f2f2f2}.D0>.box.DEFS{width:93%}.D0>.box .hhh{text-align:center}.D0>.box .hhh .zh{font-size:3.4rem}@media(max-width: 990px){.D0>.box .hhh .zh{font-size:4vw}}@media(max-width: 570px){.D0>.box .hhh .zh{font-size:6.8vw}}.D0>.box .hhh .en{font-size:1.5rem;color:#999}@media(max-width: 990px){.D0>.box .hhh .en{font-size:2.4vw}}@media(max-width: 570px){.D0>.box .hhh .en{font-size:3.4vw}}.D0>.box .ms{font-size:1.3rem;line-height:1.78;margin:3rem 0 3rem 0;padding:0 5%;color:#666;text-align:center}@media(max-width: 990px){.D0>.box .ms{font-size:1.14rem}}.D0>.box .list{display:flex;justify-content:center;gap:5vw}@media(max-width: 570px){.D0>.box .list{flex-wrap:wrap;gap:2rem 0;width:75%;margin:0 auto}}@media(max-width: 570px){.D0>.box .list li{width:50%;box-sizing:border-box;text-align:center}}.D0>.box .list li .tt0{text-align:center}.D0>.box .list li .tt0 span{font-family:"roboto";font-size:4rem;font-weight:500;background-image:linear-gradient(to bottom, #099CD1, #0C7BDA);-webkit-background-clip:text;color:rgba(0,0,0,0)}@media(max-width: 990px){.D0>.box .list li .tt0 span{font-size:5vw}}@media(max-width: 990px){.D0>.box .list li .tt0 span{font-size:8vw}}.D0>.box .list li .tt0 b{font-size:1.2rem}@media(max-width: 990px){.D0>.box .list li .tt0 b{font-size:1.1rem}}.D0>.box .list li .tt1{text-align:center;font-size:1.1rem;color:#666}@media(max-width: 570px){.D0>.box .list li .tt1{text-align:center}}.D1{background:#f2f2f2}.D1>.box{background:#fff;box-sizing:border-box;padding:5vw;display:flex;justify-content:space-between;align-items:flex-start}@media(max-width: 990px){.D1>.box{flex-direction:column}}.D1>.box .l{width:40%}@media(max-width: 990px){.D1>.box .l{width:100%}}.D1>.box .l .hhh{font-size:2.3rem;line-height:1.4}@media(max-width: 1240px){.D1>.box .l .hhh{font-size:2.7vw}}@media(max-width: 990px){.D1>.box .l .hhh{font-size:3.8vw}}@media(max-width: 570px){.D1>.box .l .hhh{font-size:4.8vw}}.D1>.box .l .ms{color:#666;font-size:1.3rem;margin:.7rem 0 0 0;line-height:1.5}@media(max-width: 1240px){.D1>.box .l .ms{font-size:1.2rem}}.D1>.box .r{width:35%;margin:0 8% 0 0;position:relative}@media(max-width: 990px){.D1>.box .r{width:100%;max-width:40vw;margin:2rem auto 1rem auto}}@media(max-width: 570px){.D1>.box .r{max-width:90%;margin:2rem auto 3rem auto}}.D1>.box .r .kk{position:absolute;display:flex;align-items:center;z-index:1;gap:1rem}@media(max-width: 570px){.D1>.box .r .kk{left:initial !important;top:initial !important;bottom:initial !important;right:initial !important;position:initial !important;transform:translateX(0%) !important;margin:0 0 1rem 0}}.D1>.box .r .kk .val{border:1px solid #0c7bda;box-shadow:0 0 0 1rem #fff;border-radius:100px;aspect-ratio:1/1;width:8vw;display:flex;justify-content:center;align-items:center;background:#fff}@media(max-width: 768px){.D1>.box .r .kk .val{transform:scale(1.2)}}@media(max-width: 570px){.D1>.box .r .kk .val{width:14vw;transform:scale(1)}}.D1>.box .r .kk .val span{font-size:2.4rem;background-image:linear-gradient(to bottom, #099CD1, #0C7ADB);-webkit-background-clip:text;font-family:"roboto";color:rgba(0,0,0,0)}@media(max-width: 1240px){.D1>.box .r .kk .val span{font-size:1.6rem}}@media(max-width: 990px){.D1>.box .r .kk .val span{font-size:1.5rem}}@media(max-width: 768px){.D1>.box .r .kk .val span{font-size:1rem}}.D1>.box .r .kk .val b{transform:translateY(35%)}@media(max-width: 768px){.D1>.box .r .kk .val b{font-size:1rem;transform:scale(0.6)}}.D1>.box .r .kk .ttt{position:relative;z-index:2;line-height:1.7;font-size:1.1rem;color:#666}@media(max-width: 768px){.D1>.box .r .kk .ttt{font-size:1rem;line-height:1.55}}.D1>.box .r .kk0{top:40%;left:0;transform:translateX(-65%)}@media(max-width: 768px){.D1>.box .r .kk0{transform:translateX(-68%)}}@media(max-width: 570px){.D1>.box .r .kk0{flex-direction:row-reverse}}.D1>.box .r .kk0 .ttt{text-align:right}@media(max-width: 570px){.D1>.box .r .kk0 .ttt{text-align:left;margin-right:auto}}.D1>.box .r .kk1{top:0%;right:0%;transform:translateX(50%)}.D1>.box .r .kk2{bottom:0%;right:0%;transform:translateX(45%)}.D1>.box .r .quan{background-image:linear-gradient(to right, #1bdec1, #0c78d6);border-radius:100vw;width:90%;margin:5%;aspect-ratio:1/1;position:relative}@media(max-width: 570px){.D1>.box .r .quan{display:none}}.D1>.box .r .quan::after{content:"";display:flex;width:100%;aspect-ratio:1/1;background:#fff;border-radius:100vw;transform:scale(0.96)}.D1>.box .r .quan .logo{width:100%;transform:scale(0.5);aspect-ratio:1/1;background:#f7f7f7;border-radius:100vw;position:absolute;z-index:1}.D1>.box .r .quan .logo::after{content:"";display:inline-flex;width:100%;aspect-ratio:1/1;background:url(../images/patent_quan_logo.png) no-repeat center;background-size:contain;transform:scale(0.5)}.D2>.box{position:relative;z-index:2;top:-14vw;height:46vw}@media(max-width: 768px){.D2>.box{height:55vw}}.D2>.box .tpic .bgc{position:absolute;right:0;z-index:1;width:6%;height:60%;background:#f2f2f2}.D2>.box .tpic img{width:100%;position:relative;z-index:2}.D2>.box .list{margin:0 auto;width:65%;box-sizing:border-box;padding:4vw 6vw;background:#fff;transform:translateY(-50%);position:relative;display:flex;justify-content:space-between;z-index:2;box-shadow:0 0 14px rgba(0,0,0,.1254901961)}@media(max-width: 1240px){.D2>.box .list{width:83%}}@media(max-width: 570px){.D2>.box .list{flex-direction:column}}.D2>.box .list li .icon{text-align:center}.D2>.box .list li .icon img{height:4vw;width:auto}@media(max-width: 570px){.D2>.box .list li .icon img{display:none}}.D2>.box .list li .text{margin:1rem 0 0 0;text-align:center;color:#444;font-size:1.2rem}@media(max-width: 768px){.D2>.box .list li .text{font-size:1rem}}.D3{margin:0 0 6vw 0}.D3>.box .hhh{text-align:center}.D3>.box .hhh .zh{font-size:3.4rem}@media(max-width: 990px){.D3>.box .hhh .zh{font-size:5vw}}@media(max-width: 570px){.D3>.box .hhh .zh{font-size:6.8vw}}.D3>.box .hhh .en{font-size:1.5rem;color:#999}@media(max-width: 990px){.D3>.box .hhh .en{font-size:1.2rem}}.D3>.box .ttt{margin:3rem 0 0 0}.D3>.box .ttt .list{display:flex}@media(max-width: 570px){.D3>.box .ttt .list{flex-direction:column}}.D3>.box .ttt .list li{flex:1;position:relative;transition-property:all;transition-duration:0.5s;transition-timing-function:ease}.D3>.box .ttt .list li:hover{flex:2}.D3>.box .ttt .list li:hover .mask{opacity:.66}.D3>.box .ttt .list li:hover .fmt{transform:translateY(10px);opacity:0}.D3>.box .ttt .list li:hover .text{opacity:1;transform:translateY(0)}.D3>.box .ttt .list li .pic{height:78vh}@media(max-width: 570px){.D3>.box .ttt .list li .pic{height:45vh}}.D3>.box .ttt .list li .pic img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;position:absolute;inset:0}.D3>.box .ttt .list li .mask{position:absolute;width:100%;height:100%;inset:0;z-index:2;background-image:linear-gradient(to bottom, #106A8B, #055499);opacity:0;transition-property:all;transition-duration:0.5s;transition-timing-function:ease}.D3>.box .ttt .list li .fmt{position:absolute;transition-property:all;transition-duration:0.5s;transition-timing-function:ease;width:100%;height:100%;box-sizing:border-box;padding:4rem;inset:0;z-index:8;display:flex;justify-content:center;flex-direction:column;text-align:center;font-size:2rem;color:#fff;opacity:1}@media(max-width: 990px){.D3>.box .ttt .list li .fmt{font-size:2.8vw}}@media(max-width: 570px){.D3>.box .ttt .list li .fmt{font-size:5vw}}.D3>.box .ttt .list li .text{position:absolute;transition-property:all;transition-duration:0.5s;transition-timing-function:ease;width:100%;height:100%;box-sizing:border-box;padding:4rem;inset:0;z-index:5;transform:translateY(1rem);display:flex;justify-content:center;flex-direction:column;opacity:0}@media(max-width: 570px){.D3>.box .ttt .list li .text{width:100%}}.D3>.box .ttt .list li .text .h0{text-align:left;font-size:2rem;text-align:left;color:#fff}@media(max-width: 570px){.D3>.box .ttt .list li .text .h0{font-size:4.5vw}}.D3>.box .ttt .list li .text .ms{overflow:hidden;text-align:left;color:#eee;line-height:1.7;margin:.6rem 0 0 0}.en .D0>.box .hhh .zh{font-size:2.5rem}.en .D1>.box .l .hhh{font-size:1.8rem}.en .D1>.box .l .ms{font-size:1.3rem}.en .D3>.box .hhh .zh{font-size:2.6rem}