.f36w{font-size:27px;font-weight:bold;color:#215F83}.banner{height:750px}.banner .banner-image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.banner .btn-more{margin-top:52.5px}.awards-banner{margin-left:auto;margin-right:auto;margin-top:-52.5px;width:1125px;background:rgba(242,244,249,0.9);backdrop-filter:blur(2px);height:112.5px;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;box-shadow:0 4px 20px rgba(0,0,0,0.28);position:relative;z-index:1;border-radius:6px;overflow:hidden;display:none}.awards-banner.pc{display:block}.awards-banner.pc .award-item:hover{background-color:#fff}.awards-banner.pc .award-item:hover .award-text{color:#215f83;opacity:1;-webkit-transform:translateY(-5px);-moz-transform:translateY(-5px);-ms-transform:translateY(-5px);-o-transform:translateY(-5px);transform:translateY(-5px)}.awards-banner.pc .award-item:hover .view-more{display:-webkit-inline-flex;display:-moz-inline-box;display:-ms-inline-flexbox;display:inline-flex;opacity:1;-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0);-webkit-animation:slideUp .8s ease;-moz-animation:slideUp .8s ease;-o-animation:slideUp .8s ease;animation:slideUp .8s ease}.awards-banner .awards-container{display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;height:100%;margin:0 auto;width:100%;position:relative;z-index:2}.awards-banner .awards-container-item{-webkit-flex:1;-moz-box-flex:1;-ms-flex:1;flex:1;height:100%;width:33.33333%}.awards-banner .awards-swiper-container{-webkit-flex:1;-moz-box-flex:1;-ms-flex:1;flex:1;height:100%;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center}.awards-banner .award-item{display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;height:100%;text-align:center;position:relative;-webkit-transition:all .3s ease;-o-transition:all .3s ease;-moz-transition:all .3s ease;transition:all .3s ease;cursor:pointer;overflow:hidden}.awards-banner .award-item .view-more{opacity:0;-webkit-transform:translateY(20px);-moz-transform:translateY(20px);-ms-transform:translateY(20px);-o-transform:translateY(20px);transform:translateY(20px);-webkit-transition:all .6s ease;-o-transition:all .6s ease;-moz-transition:all .6s ease;transition:all .6s ease}.awards-banner .award-item .award-text{opacity:.6;-webkit-transition:all .6s ease;-o-transition:all .6s ease;-moz-transition:all .6s ease;transition:all .6s ease}.awards-banner .award-text{width:321px;height:48.75px;font-size:13.5px;letter-spacing:.75px;line-height:26.25px;color:#4d4d4d;font-weight:400;font-family:"OPPOSans B";text-align:center}.awards-banner .view-more{-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;color:#215f83;text-decoration:none;font-size:12px;-webkit-transition:all .3s ease;-o-transition:all .3s ease;-moz-transition:all .3s ease;transition:all .3s ease;margin-top:7.5px;display:none}.awards-banner .view-more .rpp{width:15px}@-webkit-keyframes slideUp{0%{opacity:0;-webkit-transform:translateY(30px);transform:translateY(30px)}60%{opacity:.8;-webkit-transform:translateY(-5px);transform:translateY(-5px)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@-moz-keyframes slideUp{0%{opacity:0;-moz-transform:translateY(30px);transform:translateY(30px)}60%{opacity:.8;-moz-transform:translateY(-5px);transform:translateY(-5px)}100%{opacity:1;-moz-transform:translateY(0);transform:translateY(0)}}@-o-keyframes slideUp{0%{opacity:0;-o-transform:translateY(30px);transform:translateY(30px)}60%{opacity:.8;-o-transform:translateY(-5px);transform:translateY(-5px)}100%{opacity:1;-o-transform:translateY(0);transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;-webkit-transform:translateY(30px);-moz-transform:translateY(30px);-o-transform:translateY(30px);transform:translateY(30px)}60%{opacity:.8;-webkit-transform:translateY(-5px);-moz-transform:translateY(-5px);-o-transform:translateY(-5px);transform:translateY(-5px)}100%{opacity:1;-webkit-transform:translateY(0);-moz-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0)}}.index-product{margin:0 auto;padding-top:11.25px;padding-bottom:105px}.index-product .mobDomProduct{display:none}.index-product .seletctab{margin-top:52.5px;border-bottom:1px solid #d0d0d0;margin-bottom:60px}.index-product .seletctab .tab-container{display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex}.index-product .seletctab .tab-item{font-size:18px;color:#989898;font-weight:400;font-family:"OPPOSans B";margin-right:60px;padding-bottom:15px;position:relative}.index-product .seletctab .tab-item:hover{color:#215f83;cursor:pointer}.index-product .seletctab .tab-item.active{color:#215f83;font-weight:500}.index-product .seletctab .tab-item.active::after{content:"";position:absolute;bottom:-1.5px;left:50%;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%);width:100%;height:2.25px;background:#215f83;border-radius:1.5px}.index-product .goodBox{display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;height:544.5px}.index-product .goodBox .goodL{width:286.5px;height:100%;margin-right:12px;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;border-radius:3px;overflow:hidden;position:relative;-webkit-transition:-webkit-transform .3s ease;transition:-webkit-transform .3s ease;-o-transition:-o-transform .3s ease;-moz-transition:transform .3s ease, -moz-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease, -webkit-transform .3s ease, -moz-transform .3s ease, -o-transform .3s ease}.index-product .goodBox .goodL img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.index-product .goodBox .goodL .showTextGl{width:100%;position:absolute;height:100%;padding:26.25px 33px}.index-product .goodBox .goodL .showTextGl .sTIl1{font-size:27px;font-weight:bold;color:#FFFFFF;margin-bottom:14.25px;line-height:normal}.index-product .goodBox .goodL .showTextGl .sTIl2{line-height:normal;font-size:13.5px;color:#F1F1F1}.index-product .goodBox .goodL:hover{-webkit-transform:scale(1.05);-moz-transform:scale(1.05);-ms-transform:scale(1.05);-o-transform:scale(1.05);transform:scale(1.05)}.index-product .goodR{-webkit-flex:1;-moz-box-flex:1;-ms-flex:1;flex:1;height:100%;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.index-product .goodR-item{width:291px;height:264.75px;background-color:#f6f7f8;border-radius:3.75px;overflow:hidden;cursor:pointer;-webkit-transition:-webkit-transform .3s ease;transition:-webkit-transform .3s ease;-o-transition:-o-transform .3s ease;-moz-transition:transform .3s ease, -moz-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease, -webkit-transform .3s ease, -moz-transform .3s ease, -o-transform .3s ease;position:relative;margin-right:11.25px;margin-bottom:15px}.index-product .goodR-item:nth-last-child(1),.index-product .goodR-item:nth-last-child(2),.index-product .goodR-item:nth-last-child(3){margin-bottom:0}.index-product .goodR-item:nth-child(3n){margin-right:0}.index-product .goodR-item:hover{overflow:hidden}.index-product .goodR-item:hover .img1{display:none}.index-product .goodR-item:hover .img1on{display:block}.index-product .goodR-item:hover .grip::after{background:#1565c0}.index-product .goodR-item img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.index-product .goodR-item .img1on{display:none}.index-product .goodR-item .grip{position:absolute;top:19.5px;left:26.25px;font-family:OPPOSans;font-size:18px;font-weight:500;color:#215f83}.index-product .goodR-item .grip-line{position:absolute;top:51px;left:26.25px;width:45px;height:1.5px;background:#215f83;border-radius:1.5px}.index-product .view-more{position:absolute;left:18.75px;bottom:22.5px;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;color:#fff;text-decoration:none;font-size:15.75px;-webkit-transition:all .3s ease;-o-transition:all .3s ease;-moz-transition:all .3s ease;transition:all .3s ease}.index-product .view-more:hover{opacity:.8}.index-product .view-more .arrow{width:9px;height:9px;border-top:2px solid #fff;border-right:2px solid #fff;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);-webkit-transition:-webkit-transform .3s ease;transition:-webkit-transform .3s ease;-o-transition:-o-transform .3s ease;-moz-transition:transform .3s ease, -moz-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease, -webkit-transform .3s ease, -moz-transform .3s ease, -o-transform .3s ease;margin-left:10.5px}.index-product .AllBox{margin-top:67.5px;width:100%}.indexSolve{width:100%;background-color:#f3f6f8}.indexSolve .indexSWidth{margin:0 auto;padding-bottom:60px}.indexSolve .reSolveBox{display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;height:370.5px;margin-top:52.5px}.indexSolve .reSolveBox .reSolveR{-webkit-flex:1;-moz-box-flex:1;-ms-flex:1;flex:1;height:100%;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.indexSolve .reSolveBox .reSolveR-item{background-color:#fff;border-radius:6px;overflow:hidden;cursor:pointer;-webkit-transition:-webkit-transform .3s ease;transition:-webkit-transform .3s ease;-o-transition:-o-transform .3s ease;-moz-transition:transform .3s ease, -moz-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease, -webkit-transform .3s ease, -moz-transform .3s ease, -o-transform .3s ease;margin-right:41.25px;margin-bottom:41.25px;width:165px;height:165px}.indexSolve .reSolveBox .reSolveR-item:nth-child(6n){margin-right:0}.indexSolve .reSolveBox .reSolveR-item:hover{-webkit-transform:translateY(-15px);-moz-transform:translateY(-15px);-ms-transform:translateY(-15px);-o-transform:translateY(-15px);transform:translateY(-15px)}.indexSolve .reSolveBox .reSolveR-item.active .img2{display:block}.indexSolve .reSolveBox .reSolveR-item.active .img1{display:none}.indexSolve .reSolveBox .reSolveR-item img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.indexSolve .reSolveBox .reSolveR-item .img2{display:none}.indexSolve .view-more{display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;text-decoration:none;font-size:15.75px;line-height:1;color:#000000;font-weight:400;font-family:"OPPOSans R";margin:67.5px auto 0;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;cursor:pointer}.indexSolve .view-more .arrow{width:9px;height:9px;border-top:2px solid #000000;border-right:2px solid #000000;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);-webkit-transition:-webkit-transform .3s ease;transition:-webkit-transform .3s ease;-o-transition:-o-transform .3s ease;-moz-transition:transform .3s ease, -moz-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease, -webkit-transform .3s ease, -moz-transform .3s ease, -o-transform .3s ease;margin-left:10px}.indexSolve .view-more:hover{color:#215f83}.indexSolve .view-more:hover .arrow{border-top:2px solid #215f83;border-right:2px solid #215f83}.indexNews{width:100%;padding-bottom:90px}.indexNews .mobNewsBox{display:none}.indexNews .indexSWidth{margin:0 auto}.indexNews .newsSwiper{margin-top:45px;height:386.25px;position:relative;overflow:hidden}.indexNews .newsSwiper .swiper-container{height:100%}.indexNews .newsSwiper .swiper-slide{height:386.25px}.indexNews .newsSwiper .slide-content{position:relative;height:100%;overflow:hidden;border-radius:6px;background:#f8f9fa}.indexNews .newsSwiper .slide-content .news-grid{display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;height:100%}.indexNews .newsSwiper .slide-content .news-item{width:292.5px;position:relative;border-radius:4.5px;overflow:hidden;cursor:pointer;-webkit-transition:-webkit-transform .3s ease;transition:-webkit-transform .3s ease;-o-transition:-o-transform .3s ease;-moz-transition:transform .3s ease, -moz-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease, -webkit-transform .3s ease, -moz-transform .3s ease, -o-transform .3s ease;background:white;border:1px solid #cdcdcd;height:100%;margin-right:9.75px}.indexNews .newsSwiper .slide-content .news-item:nth-child(4n){margin-right:0}.indexNews .newsSwiper .slide-content .news-item:hover img{-webkit-transform:scale(1.15);-moz-transform:scale(1.15);-ms-transform:scale(1.15);-o-transform:scale(1.15);transform:scale(1.15)}.indexNews .newsSwiper .slide-content .news-item .view-more{position:absolute;left:18.75px;bottom:15px;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;color:#215f83;text-decoration:none;font-size:12px;-webkit-transition:all .3s ease;-o-transition:all .3s ease;-moz-transition:all .3s ease;transition:all .3s ease;border:1px solid #b2b2b2;padding:3.75px 7.5px;border-radius:15px}.indexNews .newsSwiper .slide-content .news-item .view-more .arrow{width:7.5px;height:7.5px;border-top:1px solid #215f83;border-right:1px solid #215f83;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);-webkit-transition:-webkit-transform .3s ease;transition:-webkit-transform .3s ease;-o-transition:-o-transform .3s ease;-moz-transition:transform .3s ease, -moz-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease, -webkit-transform .3s ease, -moz-transform .3s ease, -o-transform .3s ease;margin-left:3px}.indexNews .newsSwiper .slide-content .news-item img{width:292.5px;height:172.5px;-webkit-transition:-webkit-transform .3s ease;transition:-webkit-transform .3s ease;-o-transition:-o-transform .3s ease;-moz-transition:transform .3s ease, -moz-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease, -webkit-transform .3s ease, -moz-transform .3s ease, -o-transform .3s ease}.indexNews .newsSwiper .slide-content .news-item .news-info{padding:18.75px 11.25px}.indexNews .newsSwiper .slide-content .news-item .news-info h3{width:272.25px;max-height:45px;font-size:15px;line-height:22.5px;color:#215f83;font-weight:bold;font-family:"OPPOSans B";overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;margin-bottom:11.25px}.indexNews .newsSwiper .slide-content .news-item .news-info p{width:267px;max-height:54px;font-size:12px;line-height:18px;color:#595757;font-weight:400;font-family:"OPPOSans R";text-align:left;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3}.indexNews .newsSwiper .slide-content .news-item .news-info .date{display:block;font-size:13.5px;line-height:1;color:#215f83;font-weight:400;font-family:"OPPOSans B";margin-bottom:7.5px}.indexNews .optionBox{display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;-webkit-justify-content:flex-end;-moz-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;margin-top:26.25px}.indexNews .optionBox .nav-btn{width:30px;height:30px;background:#e5e5e5;border-radius:50%;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;cursor:pointer;-webkit-transition:all .3s ease;-o-transition:all .3s ease;-moz-transition:all .3s ease;transition:all .3s ease}.indexNews .optionBox .nav-btn.prev-btn{margin-right:22.5px}.indexNews .optionBox .nav-btn.active{background:#e5e5e5}.indexNews .optionBox .nav-btn.disabled{cursor:not-allowed;background:#f1f1f1}.indexNews .optionBox .nav-btn .nav-arrow{width:9px;height:9px;border:1px solid #215f83;-webkit-transition:border-color .3s ease;-o-transition:border-color .3s ease;-moz-transition:border-color .3s ease;transition:border-color .3s ease}.indexNews .optionBox .nav-btn .prev-arrow{border-top:none;border-right:none;border-left:1px solid #215f83;border-bottom:1px solid #215f83;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);margin-left:3px}.indexNews .optionBox .nav-btn .next-arrow{border-top:none;border-left:none;border-right:1px solid #215f83;border-bottom:1px solid #215f83;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg);margin-right:3px}.indexNews .lineDom{width:667.5px;height:.75px;margin:0 9.75px}.indexNews .moreBtn{width:127.5px;height:27px;line-height:27px;border-radius:15px;padding:0 9px 0 11.25px;font-size:15px;color:#215f83;background-color:#e5e5e5;cursor:pointer;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;-webkit-justify-content:space-between;-moz-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-transition:all .3s ease;-o-transition:all .3s ease;-moz-transition:all .3s ease;transition:all .3s ease}.indexNews .moreBtn .r1pp{height:18px;-webkit-transition:-webkit-transform .3s ease;transition:-webkit-transform .3s ease;-o-transition:-o-transform .3s ease;-moz-transition:transform .3s ease, -moz-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease, -webkit-transform .3s ease, -moz-transform .3s ease, -o-transform .3s ease}.indexNews .moreBtn:hover{-webkit-transform:scale(1.05);-moz-transform:scale(1.05);-ms-transform:scale(1.05);-o-transform:scale(1.05);transform:scale(1.05)}.indexNews .moreBtn:hover .r1pp{-webkit-transform:translateX(3px);-moz-transform:translateX(3px);-ms-transform:translateX(3px);-o-transform:translateX(3px);transform:translateX(3px)}.indexNumber{width:100%;height:288.75px;background:url("../images/Number.png") no-repeat center;-o-background-size:100%;background-size:100%}.indexNumber .indexSWidth{margin:0 auto;height:100%;position:relative}.indexNumber .ypy{position:absolute;left:8.33333333%;font-size:42px;letter-spacing:0;top:157.5px;color:#ffffff;font-weight:500;font-family:"OPPOSans B"}.indexNumber .ypy.ypy2{left:22.39583333%}.indexNumber .ypy.ypy3{left:33.85416667%}.indexNumber .ypy.ypy4{left:50%}.indexNumber .ypy.ypy5{left:64.58333333%}.indexNumber .ypy.ypy6{left:81.25%}.indexNumber .ypy.ypy6 .yps{margin-left:22.5px}.indexNumber .yps{font-size:22.5px;font-weight:400;position:relative}.indexNumber .yps i{font:13.5px;position:absolute;top:0;right:-15px}