.hero{justify-content:center;align-items:flex-start;gap:10px;width:100%;height:560px;padding:0;display:flex}.hero .hero_left{color:#000;border-radius:0 16px 16px 0;flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:1rem;width:100%;height:560px;padding:3rem;display:flex;position:relative;overflow:hidden}.hero_lcp_image{z-index:0;object-fit:cover;object-position:center;pointer-events:none}.hero_overlay{z-index:1;background:linear-gradient(#00000059 0%,#00000040 50%,#00000059 100%);border-radius:0 16px 16px 0;width:100%;height:100%;display:block;position:absolute;top:0;left:0}.hero_content{z-index:2;flex:1;width:100%;position:relative}.hero .hero_right{flex-direction:column;justify-content:center;align-items:center;gap:10px;width:50%;height:100%;display:none}.hero_right_img1{background-image:url(/images/home-banner.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:16px 0 0 16px;width:100%;height:50%;overflow:hidden}.hero_right_img2{background-image:url(/images/home-banner.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:16px 0 0 16px;width:100%;height:50%}.hero_content{flex-direction:column;gap:.8rem;height:100%;display:flex;position:relative}.hero_content span{color:#000;text-align:center;background-color:#ffffffe6;border-radius:16px;justify-content:center;align-items:center;width:107px;height:30px;margin-bottom:.3rem;padding:10px;font-size:12px;display:flex}.hero_content h1{color:#fff;width:40%;margin:.4rem 0;font-size:35px;font-weight:700;line-height:1.2}.hero_content .direct_supply_text{color:#fff;width:40%;margin:.2rem 0;font-size:1.1rem;font-weight:600;line-height:1.5}.hero_content p{color:#fff;width:40%;margin:.4rem 0;font-size:1rem;line-height:1.5}.hero_content a{text-align:center;color:#000;background-color:#d7df2b;border-radius:24px;width:160px;height:40px;margin-top:.3rem;padding:10px;font-size:16px;font-weight:700;text-decoration:none;position:absolute;bottom:0}.hero_left span{color:#000;text-align:center;background-color:#ffffffe6;border-radius:16px;justify-content:center;align-items:center;width:107px;height:30px;padding:10px;font-size:12px;display:flex}.hero_left h1{width:40%;font-size:35px;font-weight:700;line-height:1.2}.hero_left p{width:40%;font-size:1rem;line-height:1.5}.hero_left>a{text-align:center;color:#000;background-color:#d7df2b;border-radius:24px;width:160px;height:40px;padding:10px;font-size:16px;font-weight:700;text-decoration:none}@media screen and (min-width:1401px){.hero{height:800px}.hero .hero_left{height:800px;padding-top:8rem}.hero .hero_right{width:80%}.hero_left span{width:130px;height:35px;padding:.5rem;font-size:1rem}.hero_left h1{width:70%;font-size:2.5rem}.hero_left .direct_supply_text{width:70%;font-size:1.6rem;font-weight:600}.hero_left p{font-size:1.5rem}.hero_left a{justify-content:center;align-items:center;width:200px;height:50px;padding:1rem;font-size:1.3rem;display:flex}}@media screen and (min-width:992px) and (max-width:1300px){.hero .hero_right{width:70%}}@media screen and (max-width:789px){.hero{flex-direction:column;height:auto}.hero .hero_left{width:100%;height:400px;padding:2rem 1.5rem}.hero_overlay{background:linear-gradient(#00000080 0%,#0006 50%,#00000080 100%)}.hero_content{z-index:2;flex-direction:column;gap:1rem;display:flex;position:relative}.hero_right{display:none}.hero_right>img{border-radius:0;width:100%;height:auto}.hero_content{height:100%;position:relative}.hero_content span{color:#000;background-color:#fffffff2;width:80px;height:25px;margin-bottom:.5rem;font-size:10px}.hero_content h1{color:#fff;text-shadow:2px 2px 4px #00000080;width:95%;margin:.5rem 0;font-size:1.3rem;font-weight:700}.hero_content .direct_supply_text{color:#fff;text-shadow:1px 1px 3px #00000080;width:90%;margin:.3rem 0;font-size:.9rem;font-weight:600;line-height:1.4}.hero_content p{color:#fff;text-shadow:1px 1px 3px #00000080;width:90%;margin:.5rem 0;font-size:.8rem;line-height:1.4}.hero_content>a{color:#000;background-color:#d7df2b;justify-content:center;align-items:center;width:fit-content;height:30px;margin-top:.5rem;padding:.5rem;font-size:.6rem;font-weight:700;text-decoration:none;display:flex;position:absolute;bottom:0;box-shadow:0 2px 8px #0000004d}.hero_left span{width:100px;height:25px;font-size:10px}.hero_left h1{color:#fff;text-shadow:2px 2px 4px #00000080;width:95%;font-size:1.3rem}.hero_left p{color:#fff;text-shadow:1px 1px 3px #00000080;width:90%;font-size:.8rem}.hero_left>a{background-color:#d7df2b;justify-content:center;align-items:center;width:120px;height:30px;padding:.5rem;font-size:.8rem;text-decoration:none;display:flex}}@media screen and (min-width:2001px){.hero,.hero .hero_left{height:1000px}.hero .hero_right{width:70%}}@media screen and (min-width:1370px) and (max-width:1600px){.hero .hero_left>h1{width:40%;font-size:2rem}.hero .hero_left>p{font-size:1.5rem}.hero .hero_left>a{width:150px;height:40px;padding:.5rem 1rem;font-size:1rem}}.home-hero-enter{opacity:1;filter:none;transform:none}html.js .home-hero-enter{opacity:0;filter:blur(8px);will-change:opacity,filter;animation:.7s cubic-bezier(.2,.8,.2,1) both homeHeroEnter;transform:none}@keyframes homeHeroEnter{0%{opacity:0;filter:blur(8px);transform:none}60%{opacity:1;filter:blur()}to{opacity:1;filter:blur()}}@media (prefers-reduced-motion:reduce){html.js .home-hero-enter{opacity:1!important;filter:none!important;animation:none!important}}
