.banner{position:relative;width:100%;height:37.29167vw;overflow:hidden}.banner .con{width:100%;height:100%;position:absolute;top:0;left:0;color:#ffffff}.banner .con h1{width:50%;left:22.5%;top:44%;font-size:3.75vw;font-family:"Manrope-Bold";font-weight:normal}.banner .con p{font-size:.9375vw;font-family:"Manrope-Regular";font-weight:normal;line-height:1.8;margin-top:1.82292vw}.banner .con h1,.banner .con .text{position:absolute}.banner .con .text{left:48.7%;top:35%}.bg{width:100%;height:100%;object-fit:cover}.panel{position:relative;width:100%;overflow:hidden}.panel .bg{width:100%;height:100%;object-fit:cover}.panel .panel_con{position:absolute}.panel .panel_con h2{font-family:"Manrope-Bold";font-weight:normal;font-size:2.5vw;text-transform:uppercase}.panel .panel_con p{font-family:"Manrope-Regular";font-weight:normal;font-size:.9375vw;color:#ffffff;margin-top:1.82292vw}.environment{height:37.44792vw}.environment .panel_con{color:#00ff48;text-align:center;top:50%;left:50%;transform:translate(-50%, -50%)}.recyle{height:31.25vw}.recyle .hand{position:absolute;right:0;top:31%;width:27.5vw}.tech .panel_con{left:19.63542vw;top:50%;transform:translateY(-50%)}.tech .panel_con h2{color:#209eff}@media screen and (max-width: 992px){.banner .con{padding-top:32vw;text-align:center}.banner .con span{display:inline}.banner .con h1,.banner .con .text{position:relative;width:100%;left:0;top:0}.banner .con h1{font-family:"Manrope-Bold";font-weight:normal;font-size:6.4vw}.banner .con p{font-size:3.2vw;line-height:2;margin-top:5.33333vw}.banner,.environment,.tech{height:120.66667vw}.panel .panel_con p{font-size:3.2vw}.environment .panel_con{width:100%}.environment .panel_con h2{font-size:4.8vw;margin-bottom:5.33333vw;line-height:2}.environment .panel_con p{line-height:1.7;padding:0 5.33333vw}.recyle{height:120.53333vw}.recyle .hand{top:63%;width:58.66667vw}.tech .panel_con{left:9.33333vw;top:41%}.tech .panel_con h2{font-size:4.8vw}.tech .panel_con p{line-height:1.8}}