.w_pic img,.w_pic video{width:100%;height:100%;display:block;object-fit:cover}.banner{position:relative}.banner img,.banner video{display:block;width:100%;height:34.375vw;object-fit:cover;position:relative;z-index:2;transition:0.6s}.banner video{position:absolute;z-index:1;top:0;left:0;opacity:0}.banner .text_box{position:absolute;bottom:2.5vw;padding:0 3.80208vw 0 5.20833vw;display:flex;justify-content:space-between;align-items:flex-end;width:100%;z-index:4}.banner .text_box .l{padding-bottom:.52083vw}.banner .text_box .l .h5{color:#FFF;font-weight:400;line-height:1;margin-bottom:1.35417vw}.banner .text_box .l .h5 span{color:#3A6BD9}.banner .text_box .l .play{width:3.90625vw;height:3.90625vw;cursor:pointer}.banner .text_box .l .play svg{display:block;width:100%;height:100%}.banner .text_box .l .play svg circle,.banner .text_box .l .play svg path{transition:0.6s}.banner .text_box .l .play:hover svg circle{fill-opacity:1;stroke-opacity:1}.banner .text_box .l .play:hover svg path{fill:#3A6BD9;fill-opacity:1}.banner .text_box .r{color:#FFF;font-family:"Poppins";line-height:1.2}.banner.show>img{opacity:0}.banner.show>video{opacity:1}.sec1{background:#F7F5F0;padding:2.5vw 11.25vw 4.11458vw 11.25vw}.sec1 .t{text-align:center;color:#3A6BD9;font-weight:600;line-height:1.5;text-transform:capitalize;margin-bottom:1.45833vw}.sec1 .des{color:rgba(94,93,92,0.5);line-height:1.5}.sec1 .des p:not(:last-child){margin-bottom:.67708vw}.sec2{padding:0 11.25vw;padding-top:2.76042vw}.sec2 .t{height:10.625vw;padding:0 2.23958vw;display:flex;align-items:center;color:#202020;font-weight:500;letter-spacing:-0.64px;text-transform:capitalize}.sec2 .t span{color:#3A6BD9;margin-left:.52083vw}.sec2 .list{margin-top:.15625vw;display:flex;justify-content:space-between;gap:.15625vw}.sec2 .list .item{flex:0.33333;background:#F7F5F0;transition:all 600ms;position:relative;overflow:hidden}.sec2 .list .item .text{transition:all 600ms;position:relative;height:14.21875vw;display:flex;flex-direction:column;align-items:center;justify-content:center}.sec2 .list .item .text::before{content:'';display:block;position:absolute;left:0;background:linear-gradient(90deg, #fff 0%, rgba(255,255,255,0) 100%);height:7.13542vw;top:2.23958vw;width:0;transition:all 600ms}.sec2 .list .item .text .num{color:#3A6BD9;font-weight:700;transition:all 600ms}.sec2 .list .item .text .des{color:#202020;line-height:1.25;text-transform:capitalize;height:2.60417vw;padding:0 1.5625vw;text-align:center;letter-spacing:-0.64px;transition:all 600ms;position:absolute;left:0;bottom:3.125vw;width:100%;text-align:center;opacity:0;transition:all 600ms}.sec2 .list .item .text .des .nr{max-width:60%;margin:0 auto}.sec2 .list .item .slogo{width:100%;text-align:center;background:#fff;position:absolute;left:0;bottom:0;padding:.9375vw 0;transform:translateY(100%);opacity:0;transition:all 600ms}.sec2 .list .item .slogo img{width:12.5vw}.sec2 .list .item:hover{flex:0.6}.sec2 .list .item:hover .text{background:#3A6BD9}.sec2 .list .item:hover .text::before{width:100%}.sec2 .list .item:hover .slogo{transform:translateY(0);opacity:1}.sec2 .list .item:hover .num,.sec2 .list .item:hover .des{color:#fff}.sec2 .list .item:hover .des{transition-delay:200ms}.sec2 .list .item:hover .num{transform:translateY(-2.60417vw)}.sec2 .list .item:hover .des{opacity:1;transform:translateY(-2.08333vw)}.sec3{padding:4.47917vw 0 6.875vw;overflow:hidden;position:relative}.sec3 .control{display:flex;justify-content:center;width:fit-content;margin:0 auto 4.53125vw;gap:3.64583vw;border-bottom:.10417vw solid #898989;padding:0 0 1.14583vw}.sec3 .control .item{min-width:5.98958vw;padding:0 2.08333vw;line-height:2.76042vw;text-align:center;position:relative;color:#000;font-weight:600;text-transform:capitalize;transition:0.6s;cursor:pointer}.sec3 .control .item:after{content:"";width:100%;height:.20833vw;background:#3A6BD9;position:absolute;left:0;bottom:-1.25vw;transition:1s;transform:scaleX(0)}.sec3 .control .item:hover,.sec3 .control .item.on{color:#3A6BD9}.sec3 .control .item:hover:after,.sec3 .control .item.on:after{transform:scaleX(1)}.sec3 .swiper_box .swiper{margin:0 11.25vw;display:none;overflow:hidden}.sec3 .swiper_box .swiper.on{display:block}.sec3 .swiper_box .swiper .swiper-slide .slide_box{width:100%;padding:1.04167vw;background:#F7F5F0;height:24.21875vw;display:flex;align-items:center;justify-content:center}.sec3 .swiper_box .swiper .swiper-slide .slide_box img{display:block;width:100%;height:100%;object-fit:cover;transition:1s}.sec3 .swiper_box .swiper .swiper-slide .slide_box:hover img{transform:scale(1.02)}.sec3 .btn_box .btns{display:none;justify-content:center;gap:4.6875vw}.sec3 .btn_box .btns .jt{width:2.70833vw;height:2.70833vw;border-radius:50%;border:.05208vw solid #000;display:flex;align-items:center;justify-content:center;transition:0.6s;cursor:pointer;position:absolute;bottom:10.72917vw;z-index:10;left:5.20833vw}.sec3 .btn_box .btns .jt img{display:block;width:.78125vw;transition:0.6s}.sec3 .btn_box .btns .jt:hover{background:#3A6BD9;border:.05208vw solid #3A6BD9}.sec3 .btn_box .btns .jt:hover img{filter:brightness(0) invert(1)}.sec3 .btn_box .btns .jt.next{transform:rotate(180deg);left:auto;right:4.6875vw}.sec3 .btn_box .btns .jt.swiper-button-disabled{opacity:0.7;border:.05208vw solid #000;background:unset}.sec3 .btn_box .btns .jt.swiper-button-disabled img{filter:brightness(1)}.sec3 .btn_box .btns.on{display:flex}@media screen and (max-width: 768px){.banner{margin-top:60px}.banner img,.banner video{height:300px;object-fit:cover}.banner .text_box{padding:0 5vw;display:block;bottom:20px}.banner .text_box .l{display:flex;align-items:center;justify-content:space-between}.banner .text_box .l .h5{font-size:24px}.banner .text_box .l .play{width:30px;height:30px;margin:10px 0}.banner .text_box .r{font-size:15px}.sec1{padding:30px 5%}.sec1 .t{margin-bottom:10px}.sec1 .des p{font-size:15px}.sec1 .des p:not(:last-child){margin-bottom:5px}.sec2{padding:0 5%}.sec2 .t{height:70px;padding:0;font-size:22px}.sec2 .t span{margin-left:10px}.sec2 .list{margin:0 0 20px 0;flex-direction:column;gap:20px}.sec2 .list .item{width:100%;background:#F7F5F0;flex:1}.sec2 .list .item .text{height:200px}.sec2 .list .item .text::before{height:100px}.sec2 .list .item .text .num{font-size:32px;transform:none}.sec2 .list .item .text .des{height:auto;padding:0 15px;font-size:16px;position:static;opacity:1;transform:none}.sec2 .list .item .slogo{padding:15px 0}.sec2 .list .item .slogo img{width:100px}.sec2 .list .item:hover .num{transform:translateY(-45px)}.sec2 .list .item:hover .des{opacity:1;transform:translateY(-45px)}.sec3{padding:50px 5vw}.sec3 .control{gap:5px;margin:0 auto 25px}.sec3 .control .item{font-size:14px;line-height:30px;padding:0 10px}.sec3 .control .item:after{height:2px}.sec3 .swiper_box{width:100%}.sec3 .swiper_box .swiper{margin:0;width:100%}.sec3 .swiper_box .swiper .swiper-wrapper{justify-content:flex-start !important}.sec3 .swiper_box .swiper .swiper-slide .slide_box{height:75vw;padding:20px}.sec3 .btn_box{margin:30px 0 0}.sec3 .btn_box .btns{gap:20px}.sec3 .btn_box .btns .jt{width:40px;height:40px;position:static}.sec3 .btn_box .btns .jt img{width:14px}}
