* {
    margin: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-family: Verdana, Arial, Helvetica, sans-serif;
}

body {
    font-family: 'PingFang SC';
}

@media screen and (min-width: 1920px) {
    .section1_bg {        
        width: 100%;
        height: calc(100vw * 689 / 1918);
        background-repeat: no-repeat;
        background-size: cover;
        background-image: url(../img/energystorage/energystorage-bg.png);
        position: relative;
    }

    /* section 2 */
    /* .section_2 {
        padding-bottom: 130px;
    }

    .s2_title {
        padding-top: 120px;
        padding-bottom: 110px;
        text-align: center;
    }

    .s2_title h4 {
        font-size: 50px;
        font-weight: 700;
        color: #38393A;
    }

    .s2_div {
        display: flex;
        justify-content: center;
    }

    .s2_box {
        width: 300px;
        height: 558px;
        background: linear-gradient(150deg, #F96730 0%, #F98030 100%);
    }

    .s2_box:not(:last-child) {
        margin-right: 15px;
    }

    .s2_img {
        text-align: center;
        margin-top: 60px;
    }

    .s2_img img {
        width: 50px;
        height: 50px;
    }

    .s2_box_title {
        color: #FFFFFF;
        margin-top: 45px;
        margin-bottom: 44px;
        text-align: center;
    }

    .s2_box_title h4 {
        font-weight: 500;
        font-size: 26px;
    }

    .s2_content {
        color: #FFFFFF;
        font-size: 20px;
        padding-left: 30px;
        padding-right: 30px;
        line-height: 32px;
        margin-bottom: 30px;
        text-align: justify;
    } */

    /* section 3 */
    .section_3 {
        padding-left: 17vw;
        padding-right: 17vw;
        padding-bottom: 7vw;
    }

    .s3_title {
        padding-top: 8vw;
        padding-bottom: 3.7vw;
        text-align: center;
    }

    .s3_title h4 {
        /* font-size: 56px; */
        font-size: 2.8vw;
        font-weight: 500;
        color: #000000;
    }

    .s3_content {
        margin: 0 auto;
        width: 100%;
    }

    .s3_content img {
        width: 100%;
    }
    
    /* section 4 */
    .section4_bg {
        color: #FFFFFF;
        width: 100%;
        height: calc(100vw * 1105 / 1918);
        background-repeat: no-repeat;
        background-size: cover;
        background-image: url(../img/energystorage/energystorage-bg2.png);
        padding-left: 12.7vw;
        padding-right: 12.7vw;
    }

    .s4_title {
        padding-top: 8vw;
        padding-bottom: 7.5vw;
        text-align: center;
    }

    .s4_title h4 {
        /* font-size: 56px; */
        font-size: 2.8vw;
        font-weight: 500;
        color: #FFFFFF;
    }

    .s4_div {
        display: flex;
        width: 100%;
        justify-content: space-between;
        gap: 3vw; /* 元素之間的間距 */
    }

    .s4_box:last-child {
        margin-right: 0; /* 取消最後一個項目的右側外距 */
    }

    .s4_box {
        height: auto;
        width: 11vw;
    }

    .s4_img {
        text-align: center;
        padding-bottom: 2vw;
    }

    .s4_img img {
        width: 100%;
        padding: 2.3vw;
    }

    .s4_box_title {
        text-align: center;
        margin-bottom: 2vw;
    }

    .s4_box_title h4 {
        font-size: 1.7vw;
        font-weight: 500;
    }

    .s4_content {
        /* font-size: 20px; */
        font-size: 1.06vw;
        font-weight: 400;
        color: #D3D3D3;
        text-align: justify;
    }

    /* section 5 */
    .section_5 {
        padding-left: 12.7vw;
        padding-right: 12.7vw;
        padding-bottom: 10vw;
    }
    
    .s5_title {
        padding-top: 8vw;
        padding-bottom: 8.6vw;
        text-align: center;
    }

    .s5_title h4 {
        /* font-size: 56px; */
        font-size: 2.8vw;
        font-weight: 500;
        color: #000000;
    }

    .s5_div {
        display: flex;
        justify-content: space-between;
        gap: 1.95vw; /* 元素之間的間距 */
    }

    .s5_box {
        width: 35.4vw;
        margin-bottom: 2.25vw;
    }

    .s5_box_title {
        text-align: center;
        background: #F96229;
        border-radius: 2px;
        color: #FFFFFF;
        width: 100%;
        /* font-size: 36px; */
        font-size: 1.8vw;
        font-weight: 400;
        padding: 1.5vw 0;
    }

    .s5_box_content {
        text-align: center;
        background: rgba(250, 133, 88, 0.1);
        border-radius: 2px;
        width: 100%;
        color: #48494B;        
        /* font-size: 24px; */
        font-size: 1.2vw;
        font-weight: 400;
        padding: 2.6vw 0;
    }    

    /* section 6 */
    .section6_bg {
        color: #FFFFFF;
        width: 100%;
        height: calc(100vw * 1190 / 1920);
        background-repeat: no-repeat;
        background-size: cover;
        background-image: url(../img/energystorage/energystorage-bg3.png);
        padding-left: 15.1vw;
        padding-right: 15.1vw;
    }

    .s6_title {
        padding-top: 7.7vw;
        padding-bottom: 6.3vw;
        text-align: center;
    }

    .s6_title h4 {
        /* font-size: 56px; */
        font-size: 2.8vw;
        font-weight: 500;
        color: #FFFFFF;
    }

    .s6_box_div {
        display: flex;
        justify-content: space-between;        
        width: 100%;
    }

    .s6_box {
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .s6_arrow {
        width:100%;
    }

    .s6_arrow img {
        position: absolute;
        width: 5.78vw;
        height: auto;
        margin-left: -0.3vw;
        margin-top: 1.3vw;
        
    }

    .s6_box_title {
        text-align: center;
        /* font-size: 30px; */
        font-size: 1.5vw;
        color: #FFFFFF;
        font-weight: 400;
        background: linear-gradient(-90deg, #FF7B32 0%, #F96229 79%);
        border-radius: 2px;
        width: 11.1vw;
        padding: 0.55vw 2.3vw;
    }

    .s6_content_box {
        width: 13.54vw;
        height: 31.3vw;
        border: 1px dashed #F96229;
        text-align: center;
        margin-top: 2vw;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .s6_content_box div {
        width: 9.37vw;
        background: rgba(167, 114, 94, 0.7);
        border-radius: 2px;
        color: #FFFFFF;
        /* font-size: 22px; */
        font-size: 1.1vw;
        margin-bottom: 1.4vw;
        padding: 0.5vw;
    }

    .s6_content_box div:first-child {
        margin-top: 2vw;
    }
}

@media screen and (min-width: 1440px) and (max-width:1920px) {
    .section1_bg {        
        width: 100%;
        height: calc(100vw * 689 / 1918);
        background-repeat: no-repeat;
        background-size: cover;
        background-image: url(../img/energystorage/energystorage-bg.png);
        position: relative;
    }

    /* section 2 */
    /* .section_2 {
        padding-bottom: 130px;
    }

    .s2_title {
        padding-top: 120px;
        padding-bottom: 110px;
        text-align: center;
    }

    .s2_title h4 {
        font-size: 50px;
        font-weight: 700;
        color: #38393A;
    }

    .s2_div {
        display: flex;
        justify-content: center;
    }

    .s2_box {
        width: 300px;
        height: 558px;
        background: linear-gradient(150deg, #F96730 0%, #F98030 100%);
    }

    .s2_box:not(:last-child) {
        margin-right: 15px;
    }

    .s2_img {
        text-align: center;
        margin-top: 60px;
    }

    .s2_img img {
        width: 50px;
        height: 50px;
    }

    .s2_box_title {
        color: #FFFFFF;
        margin-top: 45px;
        margin-bottom: 44px;
        text-align: center;
    }

    .s2_box_title h4 {
        font-weight: 500;
        font-size: 26px;
    }

    .s2_content {
        color: #FFFFFF;
        font-size: 20px;
        padding-left: 30px;
        padding-right: 30px;
        line-height: 32px;
        margin-bottom: 30px;
        text-align: justify;
    } */

    /* section 3 */
    .section_3 {
        padding-left: 17vw;
        padding-right: 17vw;
        padding-bottom: 7vw;
    }

    .s3_title {
        padding-top: 8vw;
        padding-bottom: 3.7vw;
        text-align: center;
    }

    .s3_title h4 {
        /* font-size: 56px; */
        font-size: 2.8vw;
        font-weight: 500;
        color: #000000;
    }

    .s3_content {
        margin: 0 auto;
        width: 100%;
    }

    .s3_content img {
        width: 100%;
    }
    
    /* section 4 */
    .section4_bg {
        color: #FFFFFF;
        width: 100%;
        height: calc(100vw * 1105 / 1918);
        background-repeat: no-repeat;
        background-size: cover;
        background-image: url(../img/energystorage/energystorage-bg2.png);
        /* padding: 0px 260px; */
        padding: 0vw 13.54vw;
    }

    .s4_title {
        /* padding-top: 182px;
        padding-bottom: 190px; */
        padding-top: 9.47vw;
        padding-bottom: 9.89vw;
        text-align: center;
    }

    .s4_title h4 {
        /* font-size: 56px; */
        font-size: 2.8vw;
        font-weight: 500;
        color: #FFFFFF;
    }

    .s4_div {
        display: flex;
        width: 100%;
        justify-content: space-between;
        /* gap: 3vw; 元素之間的間距 */
    }

    .s4_box:last-child {
        /* margin-right: 0; 取消最後一個項目的右側外距 */
    }

    .s4_box {
        height: auto;
        /* width: 200px; */
        width: 10.41vw;
    }

    .s4_img {
        text-align: center;
        /* padding: 0px 33px 61px 33px; */
        padding: 0vw 1.71vw 3.17vw 1.71vw;
    }

    .s4_img img {
        width: 100%;
        /* padding: 2.3vw; */
    }

    .s4_box_title {
        text-align: center;
        /* margin-bottom: 43px; */
        margin-bottom: 2.23vw;
    }

    .s4_box_title h4 {
        /* font-size: 32px; */
        font-size: 1.66vw;
        font-weight: 500;
    }

    .s4_content {
        /* font-size: 20px; */
        font-size: 1.06vw;
        font-weight: 400;
        color: #D3D3D3;
        text-align: justify;
    }

    /* section 5 */
    .section_5 {
        /* padding: 178px 260px 223px 260px; */
        padding: 9.27vw 13.54vw 11.61vw 13.54vw;
    }
    
    .s5_title {
        /* padding-bottom: 166px; */
        padding-bottom: 8.64vw;
        text-align: center;
    }

    .s5_title h4 {
        /* font-size: 56px; */
        font-size: 2.8vw;
        font-weight: 500;
        color: #000000;
    }

    .s5_div {
        display: flex;
        justify-content: space-between;
        /* gap: 1.95vw; 元素之間的間距 */
    }

    .s5_box {
        /* width: 655px;
        margin-bottom: 44px; */
        width: 34.11vw;
        margin-bottom: 2.29vw;
    }

    .s5_box_title {
        text-align: center;
        background: #F96229;
        /* background: linear-gradient(90deg, #F96229 0%, #ff7f50 100%); */
        border-radius: 2px;
        color: #FFFFFF;
        width: 100%;
        /* font-size: 36px; */
        font-size: 1.8vw;
        font-weight: 400;
        /* padding: 25px 0; */
        padding: 1.3vw 0;
    }

    .s5_box_content {
        text-align: center;
        background: rgba(250, 133, 88, 0.1);
        border-radius: 2px;
        width: 100%;
        color: #48494B;        
        /* font-size: 24px; */
        font-size: 1.2vw;
        font-weight: 400;
        /* padding: 45px 0; */
        padding: 2.34vw 0;
    }    

    /* section 6 */
    .section6_bg {
        color: #FFFFFF;
        width: 100%;
        height: calc(100vw * 1190 / 1920);
        background-repeat: no-repeat;
        background-size: cover;
        background-image: url(../img/energystorage/energystorage-bg3.png);
        padding-left: 15vw;
        padding-right: 15vw;
    }

    .s6_title {
        /* padding-top: 145px;
        padding-bottom: 120px; */
        padding-top: 7.55vw;
        padding-bottom: 6.25vw;
        text-align: center;
    }

    .s6_title h4 {
        /* font-size: 56px; */
        font-size: 2.8vw;
        font-weight: 500;
        color: #FFFFFF;
    }

    .s6_box_div {
        display: flex;
        justify-content: space-between;        
        width: 100%;
    }

    .s6_box {
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .s6_arrow {
        width:100%;
    }

    .s6_arrow img {
        position: absolute;
        /* width: 115px; */
        width: 5.98vw;        
        height: auto;        
        /* margin-left: -9px;
        margin-top: 24px; */
        margin-left: -0.46vw;
        margin-top: 1.25vw;
    }

    .s6_box_title {
        text-align: center;
        /* font-size: 30px; */
        font-size: 1.5vw;
        color: #FFFFFF;
        font-weight: 400;
        background: linear-gradient(-90deg, #FF7B32 0%, #F96229 79%);
        border-radius: 2px;
        width: 11.1vw;
        padding: 0.55vw 2.3vw;
    }

    .s6_content_box {
        width: 13.54vw;
        height: 31.3vw;
        border: 1px dashed #F96229;
        text-align: center;
        margin-top: 2vw;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .s6_content_box div {
        width: 9.37vw;
        background: rgba(167, 114, 94, 0.7);
        border-radius: 2px;
        color: #FFFFFF;
        /* font-size: 22px; */
        font-size: 1.1vw;
        margin-bottom: 1.4vw;
        padding: 0.5vw;
    }

    .s6_content_box div:first-child {
        margin-top: 2vw;
    }
}

@media screen and (min-width: 1280px) and (max-width:1440px) {
    .section1_bg {        
        width: 100%;
        height: calc(100vw * 689 / 1918);
        background-repeat: no-repeat;
        background-size: cover;
        background-image: url(../img/energystorage/energystorage-bg.png);
        position: relative;
    }

    /* section 2 */
    /* .section_2 {
        padding-bottom: 130px;
    }

    .s2_title {
        padding-top: 120px;
        padding-bottom: 110px;
        text-align: center;
    }

    .s2_title h4 {
        font-size: 50px;
        font-weight: 700;
        color: #38393A;
    }

    .s2_div {
        display: flex;
        justify-content: center;
    }

    .s2_box {
        width: 300px;
        height: 558px;
        background: linear-gradient(150deg, #F96730 0%, #F98030 100%);
    }

    .s2_box:not(:last-child) {
        margin-right: 15px;
    }

    .s2_img {
        text-align: center;
        margin-top: 60px;
    }

    .s2_img img {
        width: 50px;
        height: 50px;
    }

    .s2_box_title {
        color: #FFFFFF;
        margin-top: 45px;
        margin-bottom: 44px;
        text-align: center;
    }

    .s2_box_title h4 {
        font-weight: 500;
        font-size: 26px;
    }

    .s2_content {
        color: #FFFFFF;
        font-size: 20px;
        padding-left: 30px;
        padding-right: 30px;
        line-height: 32px;
        margin-bottom: 30px;
        text-align: justify;
    } */

    /* section 3 */
    .section_3 {
        padding-left: 17vw;
        padding-right: 17vw;
        padding-bottom: 7vw;
    }

    .s3_title {
        padding-top: 8vw;
        padding-bottom: 3.7vw;
        text-align: center;
    }

    .s3_title h4 {
        /* font-size: 56px; */
        font-size: 2.8vw;
        font-weight: 500;
        color: #000000;
    }

    .s3_content {
        margin: 0 auto;
        width: 100%;
    }

    .s3_content img {
        width: 100%;
    }
    
    /* section 4 */
    .section4_bg {
        color: #FFFFFF;
        width: 100%;
        height: calc(100vw * 1105 / 1918);
        background-repeat: no-repeat;
        background-size: cover;
        background-image: url(../img/energystorage/energystorage-bg2.png);
        /* padding: 0px 260px; */
        padding: 0vw 13.54vw;
    }

    .s4_title {
        /* padding-top: 182px;
        padding-bottom: 190px; */
        padding-top: 9.47vw;
        padding-bottom: 9.89vw;
        text-align: center;
    }

    .s4_title h4 {
        /* font-size: 56px; */
        font-size: 2.8vw;
        font-weight: 500;
        color: #FFFFFF;
    }

    .s4_div {
        display: flex;
        width: 100%;
        justify-content: space-between;
        /* gap: 3vw; 元素之間的間距 */
    }

    .s4_box:last-child {
        /* margin-right: 0; 取消最後一個項目的右側外距 */
    }

    .s4_box {
        height: auto;
        /* width: 200px; */
        width: 10.41vw;
    }

    .s4_img {
        text-align: center;
        /* padding: 0px 33px 61px 33px; */
        padding: 0vw 1.71vw 3.17vw 1.71vw;
    }

    .s4_img img {
        width: 100%;
        /* padding: 2.3vw; */
    }

    .s4_box_title {
        text-align: center;
        /* margin-bottom: 43px; */
        margin-bottom: 2.23vw;
    }

    .s4_box_title h4 {
        /* font-size: 32px; */
        font-size: 1.66vw;
        font-weight: 500;
    }

    .s4_content {
        /* font-size: 20px; */
        font-size: 1.06vw;
        font-weight: 400;
        color: #D3D3D3;
        text-align: justify;
    }

    /* section 5 */
    .section_5 {
        /* padding: 178px 260px 223px 260px; */
        padding: 9.27vw 13.54vw 11.61vw 13.54vw;
    }
    
    .s5_title {
        /* padding-bottom: 166px; */
        padding-bottom: 8.64vw;
        text-align: center;
    }

    .s5_title h4 {
        /* font-size: 56px; */
        font-size: 2.8vw;
        font-weight: 500;
        color: #000000;
    }

    .s5_div {
        display: flex;
        justify-content: space-between;
        /* gap: 1.95vw; 元素之間的間距 */
    }

    .s5_box {
        /* width: 655px;
        margin-bottom: 44px; */
        width: 34.11vw;
        margin-bottom: 2.29vw;
    }

    .s5_box_title {
        text-align: center;
        background: #F96229;
        /* background: linear-gradient(90deg, #F96229 0%, #ff7f50 100%); */
        border-radius: 2px;
        color: #FFFFFF;
        width: 100%;
        /* font-size: 36px; */
        font-size: 1.8vw;
        font-weight: 400;
        /* padding: 25px 0; */
        padding: 1.3vw 0;
    }

    .s5_box_content {
        text-align: center;
        background: rgba(250, 133, 88, 0.1);
        border-radius: 2px;
        width: 100%;
        color: #48494B;        
        /* font-size: 24px; */
        font-size: 1.2vw;
        font-weight: 400;
        /* padding: 45px 0; */
        padding: 2.34vw 0;
    }    

    /* section 6 */
    .section6_bg {
        color: #FFFFFF;
        width: 100%;
        height: calc(100vw * 1190 / 1920);
        background-repeat: no-repeat;
        background-size: cover;
        background-image: url(../img/energystorage/energystorage-bg3.png);
        padding-left: 15vw;
        padding-right: 15vw;
    }

    .s6_title {
        /* padding-top: 145px;
        padding-bottom: 120px; */
        padding-top: 7.55vw;
        padding-bottom: 6.25vw;
        text-align: center;
    }

    .s6_title h4 {
        /* font-size: 56px; */
        font-size: 2.8vw;
        font-weight: 500;
        color: #FFFFFF;
    }

    .s6_box_div {
        display: flex;
        justify-content: space-between;        
        width: 100%;
    }

    .s6_box {
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .s6_arrow {
        width:100%;
    }

    .s6_arrow img {
        position: absolute;
        /* width: 115px; */
        width: 5.98vw;        
        height: auto;        
        /* margin-left: -9px;
        margin-top: 24px; */
        margin-left: -0.52vw;
        margin-top: 1.25vw;
    }

    .s6_box_title {
        text-align: center;
        /* font-size: 30px; */
        font-size: 1.5vw;
        color: #FFFFFF;
        font-weight: 400;
        background: linear-gradient(-90deg, #FF7B32 0%, #F96229 79%);
        border-radius: 2px;
        width: 11.1vw;
        padding: 0.55vw 2.3vw;
    }

    .s6_content_box {
        width: 13.54vw;
        height: 31.3vw;
        border: 1px dashed #F96229;
        text-align: center;
        margin-top: 2vw;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .s6_content_box div {
        width: 9.37vw;
        background: rgba(167, 114, 94, 0.7);
        border-radius: 2px;
        color: #FFFFFF;
        /* font-size: 22px; */
        font-size: 1.1vw;
        margin-bottom: 1.4vw;
        padding: 0.5vw;
    }

    .s6_content_box div:first-child {
        margin-top: 2vw;
    }
}

@media screen and (min-width: 1024px) and (max-width:1280px) {
    .section1_bg {        
        width: 100%;
        height: calc(100vw * 689 / 1918);
        background-repeat: no-repeat;
        background-size: cover;
        background-image: url(../img/energystorage/energystorage-bg.png);
        position: relative;
    }

    /* section 2 */
    /* .section_2 {
        padding-bottom: 130px;
    }

    .s2_title {
        padding-top: 120px;
        padding-bottom: 110px;
        text-align: center;
    }

    .s2_title h4 {
        font-size: 50px;
        font-weight: 700;
        color: #38393A;
    }

    .s2_div {
        display: flex;
        justify-content: center;
    }

    .s2_box {
        width: 300px;
        height: 558px;
        background: linear-gradient(150deg, #F96730 0%, #F98030 100%);
    }

    .s2_box:not(:last-child) {
        margin-right: 15px;
    }

    .s2_img {
        text-align: center;
        margin-top: 60px;
    }

    .s2_img img {
        width: 50px;
        height: 50px;
    }

    .s2_box_title {
        color: #FFFFFF;
        margin-top: 45px;
        margin-bottom: 44px;
        text-align: center;
    }

    .s2_box_title h4 {
        font-weight: 500;
        font-size: 26px;
    }

    .s2_content {
        color: #FFFFFF;
        font-size: 20px;
        padding-left: 30px;
        padding-right: 30px;
        line-height: 32px;
        margin-bottom: 30px;
        text-align: justify;
    } */

    /* section 3 */
    .section_3 {
        padding-left: 17vw;
        padding-right: 17vw;
        padding-bottom: 7vw;
    }

    .s3_title {
        padding-top: 8vw;
        padding-bottom: 3.7vw;
        text-align: center;
    }

    .s3_title h4 {
        /* font-size: 56px; */
        font-size: 2.8vw;
        font-weight: 500;
        color: #000000;
    }

    .s3_content {
        margin: 0 auto;
        width: 100%;
    }

    .s3_content img {
        width: 100%;
    }
    
    /* section 4 */
    .section4_bg {
        color: #FFFFFF;
        width: 100%;
        height: calc(100vw * 1105 / 1918);
        background-repeat: no-repeat;
        background-size: cover;
        background-image: url(../img/energystorage/energystorage-bg2.png);
        /* padding: 0px 260px; */
        padding: 0vw 13.54vw;
    }

    .s4_title {
        /* padding-top: 182px;
        padding-bottom: 190px; */
        padding-top: 9.47vw;
        padding-bottom: 9.89vw;
        text-align: center;
    }

    .s4_title h4 {
        /* font-size: 56px; */
        font-size: 2.8vw;
        font-weight: 500;
        color: #FFFFFF;
    }

    .s4_div {
        display: flex;
        width: 100%;
        justify-content: space-between;
        /* gap: 3vw; 元素之間的間距 */
    }

    .s4_box:last-child {
        /* margin-right: 0; 取消最後一個項目的右側外距 */
    }

    .s4_box {
        height: auto;
        /* width: 200px; */
        width: 10.41vw;
    }

    .s4_img {
        text-align: center;
        /* padding: 0px 33px 61px 33px; */
        padding: 0vw 1.71vw 3.17vw 1.71vw;
    }

    .s4_img img {
        width: 100%;
        /* padding: 2.3vw; */
    }

    .s4_box_title {
        text-align: center;
        /* margin-bottom: 43px; */
        margin-bottom: 2.23vw;
    }

    .s4_box_title h4 {
        /* font-size: 32px; */
        font-size: 1.66vw;
        font-weight: 500;
    }

    .s4_content {
        /* font-size: 20px; */
        font-size: 1.06vw;
        font-weight: 400;
        color: #D3D3D3;
        text-align: justify;
    }

    /* section 5 */
    .section_5 {
        /* padding: 178px 260px 223px 260px; */
        padding: 9.27vw 13.54vw 11.61vw 13.54vw;
    }
    
    .s5_title {
        /* padding-bottom: 166px; */
        padding-bottom: 8.64vw;
        text-align: center;
    }

    .s5_title h4 {
        /* font-size: 56px; */
        font-size: 2.8vw;
        font-weight: 500;
        color: #000000;
    }

    .s5_div {
        display: flex;
        justify-content: space-between;
        /* gap: 1.95vw; 元素之間的間距 */
    }

    .s5_box {
        /* width: 655px;
        margin-bottom: 44px; */
        width: 34.11vw;
        margin-bottom: 2.29vw;
    }

    .s5_box_title {
        text-align: center;
        background: #F96229;
        /* background: linear-gradient(90deg, #F96229 0%, #ff7f50 100%); */
        border-radius: 2px;
        color: #FFFFFF;
        width: 100%;
        /* font-size: 36px; */
        font-size: 1.8vw;
        font-weight: 400;
        /* padding: 25px 0; */
        padding: 1.3vw 0;
    }

    .s5_box_content {
        text-align: center;
        background: rgba(250, 133, 88, 0.1);
        border-radius: 2px;
        width: 100%;
        color: #48494B;        
        /* font-size: 24px; */
        font-size: 1.2vw;
        font-weight: 400;
        /* padding: 45px 0; */
        padding: 2.34vw 0;
    }    

    /* section 6 */
    .section6_bg {
        color: #FFFFFF;
        width: 100%;
        height: calc(100vw * 1190 / 1920);
        background-repeat: no-repeat;
        background-size: cover;
        background-image: url(../img/energystorage/energystorage-bg3.png);
        padding-left: 15vw;
        padding-right: 15vw;
    }

    .s6_title {
        /* padding-top: 145px;
        padding-bottom: 120px; */
        padding-top: 7.55vw;
        padding-bottom: 6.25vw;
        text-align: center;
    }

    .s6_title h4 {
        /* font-size: 56px; */
        font-size: 2.8vw;
        font-weight: 500;
        color: #FFFFFF;
    }

    .s6_box_div {
        display: flex;
        justify-content: space-between;        
        width: 100%;
    }

    .s6_box {
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .s6_arrow {
        width:100%;
    }

    .s6_arrow img {
        position: absolute;
        /* width: 115px; */
        width: 5.98vw;        
        height: auto;        
        /* margin-left: -9px;
        margin-top: 24px; */
        margin-left: -0.6vw;
        margin-top: 1.25vw;
    }

    .s6_box_title {
        text-align: center;
        /* font-size: 30px; */
        font-size: 1.5vw;
        color: #FFFFFF;
        font-weight: 400;
        background: linear-gradient(-90deg, #FF7B32 0%, #F96229 79%);
        border-radius: 2px;
        width: 11.1vw;
        padding: 0.55vw 2.3vw;
    }

    .s6_content_box {
        width: 13.54vw;
        height: 31.3vw;
        border: 1px dashed #F96229;
        text-align: center;
        margin-top: 2vw;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .s6_content_box div {
        width: 9.37vw;
        background: rgba(167, 114, 94, 0.7);
        border-radius: 2px;
        color: #FFFFFF;
        /* font-size: 22px; */
        font-size: 1.1vw;
        margin-bottom: 1.4vw;
        padding: 0.5vw;
    }

    .s6_content_box div:first-child {
        margin-top: 2vw;
    }
}

@media (max-width: 1024px) {
    .section1_bg {        
        width: 100%;
        height: calc(100vw * 689 / 1918);
        background-repeat: no-repeat;
        background-size: cover;
        background-image: url(../img/energystorage/energystorage-bg.png);
        position: relative;
    }

    /* section 2 */
    /* .section_2 {
        padding-bottom: 130px;
    }

    .s2_title {
        padding-top: 120px;
        padding-bottom: 110px;
        text-align: center;
    }

    .s2_title h4 {
        font-size: 50px;
        font-weight: 700;
        color: #38393A;
    }

    .s2_div {
        display: flex;
        justify-content: center;
    }

    .s2_box {
        width: 300px;
        height: 558px;
        background: linear-gradient(150deg, #F96730 0%, #F98030 100%);
    }

    .s2_box:not(:last-child) {
        margin-right: 15px;
    }

    .s2_img {
        text-align: center;
        margin-top: 60px;
    }

    .s2_img img {
        width: 50px;
        height: 50px;
    }

    .s2_box_title {
        color: #FFFFFF;
        margin-top: 45px;
        margin-bottom: 44px;
        text-align: center;
    }

    .s2_box_title h4 {
        font-weight: 500;
        font-size: 26px;
    }

    .s2_content {
        color: #FFFFFF;
        font-size: 20px;
        padding-left: 30px;
        padding-right: 30px;
        line-height: 32px;
        margin-bottom: 30px;
        text-align: justify;
    } */

    /* section 3 */
    .section_3 {
        padding-left: 17vw;
        padding-right: 17vw;
        padding-bottom: 7vw;
    }

    .s3_title {
        padding-top: 8vw;
        padding-bottom: 3.7vw;
        text-align: center;
    }

    .s3_title h4 {
        /* font-size: 56px; */
        font-size: 2.8vw;
        font-weight: 500;
        color: #000000;
    }

    .s3_content {
        margin: 0 auto;
        width: 100%;
    }

    .s3_content img {
        width: 100%;
    }
    
    /* section 4 */
    .section4_bg {
        color: #FFFFFF;
        width: 100%;
        height: calc(100vw * 1105 / 1918);
        background-repeat: no-repeat;
        background-size: cover;
        background-image: url(../img/energystorage/energystorage-bg2.png);
        padding-left: 12.7vw;
        padding-right: 12.7vw;
    }

    .s4_title {
        padding-top: 8vw;
        padding-bottom: 7.5vw;
        text-align: center;
    }

    .s4_title h4 {
        /* font-size: 56px; */
        font-size: 2.8vw;
        font-weight: 500;
        color: #FFFFFF;
    }

    .s4_div {
        display: flex;
        width: 100%;
        justify-content: space-between;
        gap: 3vw; /* 元素之間的間距 */
    }

    .s4_box:last-child {
        margin-right: 0; /* 取消最後一個項目的右側外距 */
    }

    .s4_box {
        height: auto;
        width: 11vw;
    }

    .s4_img {
        text-align: center;
        padding-bottom: 2vw;
    }

    .s4_img img {
        width: 100%;
        padding: 2.3vw;
    }

    .s4_box_title {
        text-align: center;
        margin-bottom: 2vw;
    }

    .s4_box_title h4 {
        font-size: 1.7vw;
        font-weight: 500;
    }

    .s4_content {
        /* font-size: 20px; */
        /* font-size: 1.06vw; */
        font-size: 1.2vw;
        font-weight: 400;
        color: #D3D3D3;
        text-align: justify;
    }

    /* section 5 */
    .section_5 {
        padding-left: 12.7vw;
        padding-right: 12.7vw;
        padding-bottom: 10vw;
    }
    
    .s5_title {
        padding-top: 8vw;
        padding-bottom: 8.6vw;
        text-align: center;
    }

    .s5_title h4 {
        /* font-size: 56px; */
        font-size: 2.8vw;
        font-weight: 500;
        color: #000000;
    }

    .s5_div {
        display: flex;
        justify-content: space-between;
        gap: 1.95vw; /* 元素之間的間距 */
    }

    .s5_box {
        width: 35.4vw;
        margin-bottom: 2.25vw;
    }

    .s5_box_title {
        text-align: center;
        background: #F96229;
        border-radius: 2px;
        color: #FFFFFF;
        width: 100%;
        /* font-size: 36px; */
        font-size: 1.8vw;
        font-weight: 400;
        padding: 1.5vw 0;
    }

    .s5_box_content {
        text-align: center;
        background: rgba(250, 133, 88, 0.1);
        border-radius: 2px;
        width: 100%;
        color: #48494B;        
        /* font-size: 24px; */
        /* font-size: 1.2vw; */
        font-size: 1.4vw;
        font-weight: 400;
        padding: 2.6vw 0;
    }    

    /* section 6 */
    .section6_bg {
        color: #FFFFFF;
        width: 100%;
        height: calc(100vw * 1190 / 1920);
        background-repeat: no-repeat;
        background-size: cover;
        background-image: url(../img/energystorage/energystorage-bg3.png);
        padding-left: 15.1vw;
        padding-right: 15.1vw;
    }

    .s6_title {
        padding-top: 7.7vw;
        padding-bottom: 6.3vw;
        text-align: center;
    }

    .s6_title h4 {
        /* font-size: 56px; */
        font-size: 2.8vw;
        font-weight: 500;
        color: #FFFFFF;
    }

    .s6_box_div {
        display: flex;
        justify-content: space-between;        
        width: 100%;
    }

    .s6_box {
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .s6_arrow {
        width:100%;
    }

    .s6_arrow img {
        position: absolute;
        width: 5.78vw;
        height: auto;
        margin-left: -0.66vw;
        margin-top: 1.3vw;
        
    }

    .s6_box_title {
        text-align: center;
        /* font-size: 30px; */
        font-size: 1.5vw;
        color: #FFFFFF;
        font-weight: 400;
        background: linear-gradient(-90deg, #FF7B32 0%, #F96229 79%);
        border-radius: 2px;
        width: 11.1vw;
        padding: 0.55vw 2.3vw;
    }

    .s6_content_box {
        width: 13.54vw;
        /* height: 31.3vw; */
        height: 33.3vw;
        border: 1px dashed #F96229;
        text-align: center;
        margin-top: 2vw;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .s6_content_box div {
        width: 9.37vw;
        background: rgba(167, 114, 94, 0.7);
        border-radius: 2px;
        color: #FFFFFF;
        /* font-size: 22px; */
        /* font-size: 1.1vw; */
        font-size: 1.3vw;
        margin-bottom: 1.4vw;
        padding: 0.5vw;
    }

    .s6_content_box div:first-child {
        margin-top: 2vw;
    }
}