.home{position:relative;width:100%}.home .banner{position:relative}.home .banner::before{content:'';display:block;position:absolute;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,0.4)}.home .banner img{width:100%;display:block;object-fit:cover;height:100vh}.home .banner .text{position:absolute;left:12vw;top:11.45833vw;z-index:10;width:50vw}.home .banner .text .links{display:flex}.home .banner .text .links a,.home .banner .text .links p,.home .banner .text .links span{color:rgba(255,255,255,0.6);font-size:1.25vw;text-transform:uppercase}.home .banner .text .links a{transition:all 600ms}.home .banner .text .links a:hover{color:#E60012}.home .banner .text .links span{margin:0 1vw}.home .box1{position:relative;z-index:5;margin-top:-11.2vw;display:flex;justify-content:flex-end}.home .box1 .welcome{background:#F6F6F6;padding:5.20833vw 3.75vw;width:25vw}.home .box1 .welcome .t1{color:#1A202C;font-size:2.08333vw;text-transform:uppercase}.home .box1 .welcome .line{width:5.88542vw;height:.20833vw;background:#E60012;margin:3.38542vw 0}.home .box1 .welcome .t2{color:#1a202c;font-size:3.33333vw;font-weight:700;text-transform:uppercase}.home .main{margin:6.25vw 10.41667vw}.home .main .section1{display:flex;justify-content:space-between;margin:6vw 0}.home .main .section1 .pic{width:47%;overflow:hidden}.home .main .section1 .pic img{display:block;object-fit:cover;width:100%;transition:all 600ms}.home .main .section1 .pic:hover img{transform:scale(1.05)}.home .main .section1 .info{width:45%}.home .main .section1 .info .t1{color:#888;font-size:1.04167vw;font-weight:500;letter-spacing:.10417vw;margin:1.25vw 0}.home .main .section1 .info .t2{color:#1a202c;font-size:2.08333vw;font-weight:500;text-transform:uppercase}.home .main .section1 .info .t2::after{content:'';display:block;width:7.34375vw;height:.20833vw;background:#E60012;margin-top:1.5625vw}.home .main .section1 .info .des{margin-top:2.34375vw;color:#000;font-size:.83333vw;line-height:1.8}.home .main .section2{display:flex;justify-content:space-between}.home .main .section2 .pic{width:47%;overflow:hidden}.home .main .section2 .pic img{display:block;object-fit:cover;width:100%;transition:all 600ms}.home .main .section2 .pic:hover img{transform:scale(1.05)}.home .main .section2 .info{width:45%}.home .main .section2 .info .t1{color:#888;font-size:1.04167vw;font-weight:500;letter-spacing:.10417vw;margin-bottom:1.25vw}.home .main .section2 .info .t2{color:#1a202c;font-size:2.08333vw;font-weight:500;text-transform:uppercase}.home .main .section2 .info .des{margin-top:4.6875vw}.home .main .section2 .info .des .d{display:flex;margin-bottom:1.66667vw;align-items:center}.home .main .section2 .info .des .d img{width:.78125vw;display:block}.home .main .section2 .info .des .d p{color:#1a202c;font-size:1.04167vw;text-transform:capitalize;margin-left:.72917vw;line-height:2;font-weight:500}.home .main .section2 .info .des .d p span{font-weight:bold}.home .main .section3{display:flex;margin:6vw 0 6vw -1.5%;width:103%}.home .main .section3 .pic{width:23%;margin-left:1.5%;position:relative}.home .main .section3 .pic img{width:100%;display:block;object-fit:cover}.home .main .section3 .pic .text{position:absolute;left:0;width:calc(100% - 3vw);bottom:0;font-size:.83333vw;line-height:1.5;color:white;background:linear-gradient(180deg, rgba(37,37,37,0) 0%, #252525 100%);height:50%;display:flex;flex-direction:column;justify-content:flex-end;padding:1vw 1.5vw;opacity:0;transition:all 600ms}.home .main .section3 .pic:hover .text{opacity:.95}.home .main .section4 .t{color:#1a202c;font-size:3.33333vw;font-weight:600;text-transform:uppercase}.home .main .section4 .t::before{content:'';display:block;width:5.88542vw;height:.20833vw;background:#E60012;margin-bottom:1.875vw}.home .main .section4 .scroll-container{width:100%;overflow:hidden;margin:6.25vw 0 0 0}.home .main .section4 .scroll-container .animate_box{display:flex;width:max-content;animation:ani-loop 20s linear infinite;padding-bottom:20px}.home .main .section4 .scroll-container .animate_box .flex-xb{display:flex;flex-wrap:wrap}.home .main .section4 .scroll-container .animate_box .flex-xb .icon{width:9.89583vw;border-radius:12px;border:1px solid rgba(255,255,255,0.5);background:rgba(255,255,255,0.3);box-shadow:0 0 10px rgba(4,38,128,0.04);height:5.83333vw;display:flex;align-items:center;justify-content:center;margin-left:20px}.home .main .section4 .scroll-container .animate_box .flex-xb .icon img{max-width:65%;display:block;object-fit:contain}.home .main .section4 .scroll-container .animate_box .flex-xb .icon_bg{width:9.89583vw;border-radius:12px;border:1px solid rgba(255,255,255,0.5);background:rgba(255,255,255,0.3);box-shadow:0px 5.4px 16.2px 0px rgba(4,38,128,0.04);height:5.83333vw;margin-left:1vw;position:relative}.home .main .section4 .scroll-container .animate_box .flex-xb .icon_bg::before{background:rgba(45,52,95,0.6);content:'';display:block;position:absolute;left:0;top:0;width:100%;height:100%;border-radius:12px}@keyframes ani-loop{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}.home .main .section4 .scroll-container .animate_box2{animation-direction:reverse}.home .work{padding:6.25vw 10.41667vw;background:rgba(246,246,246,0.5);display:flex;justify-content:space-between}.home .work .l{width:46%}.home .work .l .t{color:#1a202c;font-size:3.33333vw;font-weight:600;text-transform:uppercase}.home .work .l .t::before{content:'';display:block;width:5.88542vw;height:.20833vw;background:#E60012;margin-bottom:1.875vw}.home .work .l .des{color:#000;font-size:.83333vw;line-height:1.8;margin-top:3vw}.home .work .r{width:46%;position:relative;overflow:hidden}.home .work .r img{width:100%;display:block;object-fit:cover;transition:all 600ms}.home .work .r .more{width:12.1875vw;height:12.03125vw;opacity:0.8;background:#F6F6F6;position:absolute;left:0;bottom:0;display:flex;flex-direction:column;justify-content:flex-end;align-items:center}.home .work .r .more a{border:1px solid #E60012;background:#E60012;width:9.84375vw;line-height:2.5vw;display:block;margin-bottom:.83333vw;color:white;font-size:1.04167vw;text-transform:capitalize;text-align:center}.home .work .r:hover img{transform:scale(1.05)}@media screen and (max-width: 1024px){.home{padding-top:60px}.home .banner img{height:300px}.home .banner .text{left:5%;top:60px;width:90%}.home .banner .text .links a,.home .banner .text .links p,.home .banner .text .links span{font-size:16px}.home .box1{margin-top:-77px}.home .box1 .welcome{width:80%;padding:20px}.home .box1 .welcome .t1{font-size:24px}.home .box1 .welcome .line{width:60px;height:2px;margin:25px 0}.home .box1 .welcome .t2{font-size:32px}.home .main{margin:30px 5%}.home .main .section1{flex-direction:column;margin:40px 0}.home .main .section1 .pic{width:100%}.home .main .section1 .info{width:100%;margin-top:20px}.home .main .section1 .info .t1{font-size:16px;margin:15px 0}.home .main .section1 .info .t2{font-size:20px}.home .main .section1 .info .t2::after{width:50px;height:2px;margin-top:15px}.home .main .section1 .info .des{font-size:14px;margin-top:30px}.home .main .section2{flex-direction:column-reverse}.home .main .section2 .pic{width:100%}.home .main .section2 .info{width:100%;margin-top:20px}.home .main .section2 .info .t1{font-size:16px;margin:15px 0}.home .main .section2 .info .t2{font-size:20px}.home .main .section2 .info .des{margin-top:30px}.home .main .section2 .info .des .d img{width:auto}.home .main .section2 .info .des .d p{font-size:18px;margin-left:15px}.home .main .section3{flex-wrap:wrap;justify-content:space-between}.home .main .section3 .pic{width:100%;margin-left:0;margin-bottom:15px}.home .main .section3 .pic .text{font-size:16px;width:90%;padding:15px 5%}.home .main .section4{margin-top:40px}.home .main .section4 .t{font-size:32px}.home .main .section4 .t::before{width:60px;height:2px;margin-bottom:25px}.home .main .section4 .scroll-container .animate_box{padding-bottom:10px}.home .main .section4 .scroll-container .animate_box .flex-xb .icon{width:95px;height:56px;margin-left:10px}.home .work{padding:40px 5%;flex-direction:column}.home .work .l{width:100%}.home .work .l .t{font-size:32px}.home .work .l .t::before{width:60px;height:2px;margin-bottom:25px}.home .work .l .des{font-size:14px;margin-top:30px}.home .work .r{width:100%;margin-top:30px}.home .work .r .more{width:150px;height:150px}.home .work .r .more a{width:90%;font-size:16px;line-height:30px;margin-bottom:8px}}
