* {
    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 * 770 / 1920);
        background-repeat: no-repeat;
        background-size: cover;
        background-image: url(../img/storageproduct/storageproduct-bg.png);
        position: relative;
    }

    /* section 2 */
    .section_2 {
        /* padding: 163px 354px 157px 354px; */
        padding: 8.48vw 18.43vw 8.17vw 18.43vw;
    }

    .s2_title {        
        /* padding-bottom: 116px; */
        padding-bottom: 6.04vw;
        text-align: center;
    }

    .s2_title h4 {
        color: #252525;
        /* font-size: 56px; */
        font-size: 2.91vw;
        font-weight: 500;
    }

    .s2_img img {
        width: 100%;
    }

    /* section 3 */
    .section3_bg {
        color: #FFFFFF;
        width: 100%;
        height: calc(100vw * 1027 / 1918);
        background-repeat: no-repeat;
        background-size: cover;
        background-image: url(../img/storageproduct/storageproduct-bg2.png);
        /* padding: 172px 240px 205px 240px; */
        padding: 8.95vw 12.5vw 10.67vw 12.5vw;
    }

    .s3_title {        
        /* padding-bottom: 168px; */
        padding-bottom: 8.75vw;
        text-align: center;
    }

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

    .s3_box_div {
        display: flex;
        justify-content: space-between;
    }

    .s3_box {
        /* width: 340px; */
        width: 17.70vw;
    }

    .s3_box_title {        
        text-align: center;
        width: 100%;
        background-repeat: no-repeat;
        background-size: cover;
        background-image: url(../img/storageproduct/title.png);       
        /* padding-top: 30px;
        height: 100px;
        font-size: 38px;
        line-height: 40px; */
        padding-top: 1.56vw;
        height: 5.20vw;
        font-size: 1.97vw;
        line-height: 2.08vw;
        font-weight: 600;
        color: #FFFFFF;
    }

    .s3_content {
        font-weight: 400;
        color: #646464;
        background-color: #FFFFFF;
        /* font-size: 22px;
        line-height: 32px;
        padding: 54px 36px;
        height: 330px; */
        font-size: 1.14vw;
        line-height: 1.66vw;
        padding: 2.81vw 1.875vw;
        height: 17.18vw;
        text-align: justify;
    }

    /* section 4 */
    /* .section_4 {
        padding-bottom: 130px;
    } */

    .section4_bg {
        /* color: #FFFFFF; */
        width: 100%;
        height: calc(100vw * 935 / 1737);
        background-repeat: no-repeat;
        background-size: cover;
        background-image: url(../img/storageproduct/storageproduct-bg3.png);
        /* padding: 157px 240px 204px 240px; */
        padding: 8.17vw 12.5vw 10.625vw 12.5vw;
    }

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

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

    .s4_div {
        display: flex;
        justify-content: space-between;
    }

    .s4_box_div {
        /* width: 240px; */
        width: 12.5vw;
    }

    .s4_img {
        /* margin-bottom: 63px; */
        margin-bottom: 3.28vw;
        text-align: center;
    }

    .s4_img img {
        /* width: 125px;
        height: 125px; */
        width: 6.51vw;
        height: 6.51vw;
    }

    .s4_topic {
        color: #F05F29;
        font-weight: 600;
        /* font-size: 36px;        
        margin-bottom: 31px; */
        font-size: 1.875vw;        
        margin-bottom: 1.61vw;
        text-align: center;
    }

    .s4_content {
        color: #282828;
        font-weight: 400;
        /* font-size: 22px; */
        font-size: 1.14vw;
        text-align: justify;
    }

    /* section 5 */
    .section_5 {
        background-color: #F96229;
        /* padding: 148px 240px 179px 240px; */
        padding: 7.70vw 12.5vw 9.32vw 12.5vw;
    }

    .s5_title {        
        /* padding-bottom: 149px; */
        padding-bottom: 7.76vw;
        text-align: center;
    }

    .s5_title h4 {
        color: #FFFFFF;
        /* font-size: 56px; */
        font-size: 2.91vw;
        font-weight: 600;
    }

    .s5_div {
        display: flex;
        justify-content: space-between;
    }

    .s5_box_div {
        background-color: #FFFFFF;
        /* width: 450px;
        height: 630px;
        padding: 50px 33px 0px 33px; */
        width: 23.43vw;
        height: 32.81vw;
        padding: 2.60vw 1.71vw 0vw 1.71vw;
    }
    
    .s5_topic {
        font-weight: 600;
        color: #F96229;
        /* font-size: 36px;
        margin-bottom: 22px; */
        font-size: 1.875vw;
        margin-bottom: 1.14vw;
    }

    .s5_tag {        
        color: #FFFFFF;
        margin-bottom: 2.34vw;
    }

    .s5_tag span {
        background-color: #F96229;
        border-radius: 4px 4px 4px 4px;
        /* font-size: 18px; */
        /* margin-bottom: 45px; */
        font-size: 0.93vwx;        
        padding: 0.26vw 0.78vw;
    }

    .s5_content_box {
        display: flex;
    }

    .s5_num {
        /* width: 54px;
        height: 54px; */
        width: 2.81vw;
        height: 2.81vw;
        background: #FFEAE2;
        border-radius: 50%;
        /* font-size: 25px; */
        font-size: 1.30vw;
        font-weight: 600;
        color: #F96229;
        text-align: center;
        /* padding-top: 9px;
        margin-right: 20px; */
        padding-top: 0.46vw;
        margin-right: 1.04vw;
    }

    .s5_content {
        color: #646464;
        /* font-size: 22px;
        line-height: 30px; */
        font-size: 1.14vw;
        line-height: 1.56vw;
        font-weight: 400;
        text-align: justify;
    }

    .s5_bar {
        /* width: 307px;
        height: 1px; */
        width: 15.98vw;
        height: 0.05vw;
        background: #d8d8d8;
        margin: 1.14vw 0vw 1.14vw 3.85vw;
    }

    /* section 6 */
    .section6_bg {
        color: #FFFFFF;
        width: 100%;
        height: calc(100vw * 1212 / 1918);
        background-repeat: no-repeat;
        background-size: cover;
        background-image: url(../img/storageproduct/storageproduct-bg4.png);
        position: relative;
        /* padding: 145px 240px 0px 240px; */
        padding: 7.55vw 12.5vw 0vw 12.5vw;
    }

    .s6_title {
        /* padding-bottom: 142px; */
        padding-bottom: 7.39vw;
        text-align: center;
    }

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

    .s6_box_div {
        display: flex;
        justify-content: space-between;
        /* margin-bottom: 113px; */
        margin-bottom: 5.88vw;
    }

    .s6_box {
        display: flex;
        /* width: 666px; */
        width: 34.68vw;
    }

    .s6_icon {        
        /* margin-right: 45px; */
        margin-right: 2.34vw;
    }

    .s6_icon img {        
        /* width: 70px;
        height: 76px; */
        width: 3.64vw;
        height: 3.95vw;
    }

    .s6_topic {
        color: #FFFFFF;
        font-weight: 600;
        /* font-size: 36px;
        line-height: 40px;
        margin: 18px 0px; */
        font-size: 1.875vw;
        line-height: 2.08vw;
        margin: 0.93vw 0vw;
    }

    .s6_content {
        color: #FFFEFE;
        font-weight: 400;
        /* font-size: 22px;
        line-height: 30px;
        margin-bottom: 35px; */
        font-size: 1.14vw;
        line-height: 1.56vw;
        margin-bottom: 1.82vw;
        text-align: justify;
    }
}

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

    /* section 2 */
    .section_2 {
        /* padding: 163px 354px 157px 354px; */
        padding: 8.48vw 18.43vw 8.17vw 18.43vw;
    }

    .s2_title {        
        /* padding-bottom: 116px; */
        padding-bottom: 6.04vw;
        text-align: center;
    }

    .s2_title h4 {
        color: #252525;
        /* font-size: 56px; */
        font-size: 2.91vw;
        font-weight: 500;
    }

    .s2_img img {
        width: 100%;
    }

    /* section 3 */
    .section3_bg {
        color: #FFFFFF;
        width: 100%;
        height: calc(100vw * 1027 / 1918);
        background-repeat: no-repeat;
        background-size: cover;
        background-image: url(../img/storageproduct/storageproduct-bg2.png);
        /* padding: 172px 240px 205px 240px; */
        padding: 8.95vw 12.5vw 10.67vw 12.5vw;
    }

    .s3_title {        
        /* padding-bottom: 168px; */
        padding-bottom: 8.75vw;
        text-align: center;
    }

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

    .s3_box_div {
        display: flex;
        justify-content: space-between;
    }

    .s3_box {
        /* width: 340px; */
        width: 17.70vw;
    }

    .s3_box_title {        
        text-align: center;
        width: 100%;
        background-repeat: no-repeat;
        background-size: cover;
        background-image: url(../img/storageproduct/title.png);       
        /* padding-top: 30px;
        height: 100px;
        font-size: 38px;
        line-height: 40px; */
        padding-top: 1.56vw;
        height: 5.20vw;
        font-size: 1.97vw;
        line-height: 2.08vw;
        font-weight: 600;
        color: #FFFFFF;
    }

    .s3_content {
        font-weight: 400;
        color: #646464;
        background-color: #FFFFFF;
        /* font-size: 22px;
        line-height: 32px;
        padding: 54px 36px;
        height: 330px; */
        font-size: 1.14vw;
        line-height: 1.66vw;
        padding: 2.81vw 1.875vw;
        height: 17.18vw;
        text-align: justify;
    }

    /* section 4 */
    /* .section_4 {
        padding-bottom: 130px;
    } */

    .section4_bg {
        /* color: #FFFFFF; */
        width: 100%;
        height: calc(100vw * 935 / 1737);
        background-repeat: no-repeat;
        background-size: cover;
        background-image: url(../img/storageproduct/storageproduct-bg3.png);
        /* padding: 157px 240px 204px 240px; */
        padding: 8.17vw 12.5vw 10.625vw 12.5vw;
    }

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

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

    .s4_div {
        display: flex;
        justify-content: space-between;
    }

    .s4_box_div {
        /* width: 240px; */
        width: 12.5vw;
    }

    .s4_img {
        /* margin-bottom: 63px; */
        margin-bottom: 3.28vw;
        text-align: center;
    }

    .s4_img img {
        /* width: 125px;
        height: 125px; */
        width: 6.51vw;
        height: 6.51vw;
    }

    .s4_topic {
        color: #F05F29;
        font-weight: 600;
        /* font-size: 36px;        
        margin-bottom: 31px; */
        font-size: 1.875vw;        
        margin-bottom: 1.61vw;
        text-align: center;
    }

    .s4_content {
        color: #282828;
        font-weight: 400;
        /* font-size: 22px; */
        font-size: 1.14vw;
        text-align: justify;
    }

    /* section 5 */
    .section_5 {
        background-color: #F96229;
        /* padding: 148px 240px 179px 240px; */
        padding: 7.70vw 12.5vw 9.32vw 12.5vw;
    }

    .s5_title {        
        /* padding-bottom: 149px; */
        padding-bottom: 7.76vw;
        text-align: center;
    }

    .s5_title h4 {
        color: #FFFFFF;
        /* font-size: 56px; */
        font-size: 2.91vw;
        font-weight: 600;
    }

    .s5_div {
        display: flex;
        justify-content: space-between;
    }

    .s5_box_div {
        background-color: #FFFFFF;
        /* width: 450px;
        height: 630px;
        padding: 50px 33px 0px 33px; */
        width: 23.43vw;
        height: 32.81vw;
        padding: 2.60vw 1.71vw 0vw 1.71vw;
    }
    
    .s5_topic {
        font-weight: 600;
        color: #F96229;
        /* font-size: 36px;
        margin-bottom: 22px; */
        font-size: 1.875vw;
        margin-bottom: 1.14vw;
    }

    .s5_tag {        
        color: #FFFFFF;
        margin-bottom: 2.34vw;
    }

    .s5_tag span {
        background-color: #F96229;
        border-radius: 4px 4px 4px 4px;
        /* font-size: 18px; */
        /* margin-bottom: 45px; */
        font-size: 0.93vwx;        
        padding: 0.26vw 0.78vw;
    }

    .s5_content_box {
        display: flex;
    }

    .s5_num {
        /* width: 54px;
        height: 54px; */
        width: 2.81vw;
        height: 2.81vw;
        background: #FFEAE2;
        border-radius: 50%;
        /* font-size: 25px; */
        font-size: 1.30vw;
        font-weight: 600;
        color: #F96229;
        text-align: center;
        /* padding-top: 9px;
        margin-right: 20px; */
        padding-top: 0.46vw;
        margin-right: 1.04vw;
    }

    .s5_content {
        color: #646464;
        /* font-size: 22px;
        line-height: 30px; */
        font-size: 1.14vw;
        line-height: 1.56vw;
        font-weight: 400;
        text-align: justify;
    }

    .s5_bar {
        /* width: 307px;
        height: 1px; */
        width: 15.98vw;
        height: 0.05vw;
        background: #d8d8d8;
        margin: 1.14vw 0vw 1.14vw 3.85vw;
    }

    /* section 6 */
    .section6_bg {
        color: #FFFFFF;
        width: 100%;
        height: calc(100vw * 1212 / 1918);
        background-repeat: no-repeat;
        background-size: cover;
        background-image: url(../img/storageproduct/storageproduct-bg4.png);
        position: relative;
        /* padding: 145px 240px 0px 240px; */
        padding: 7.55vw 12.5vw 0vw 12.5vw;
    }

    .s6_title {
        /* padding-bottom: 142px; */
        padding-bottom: 7.39vw;
        text-align: center;
    }

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

    .s6_box_div {
        display: flex;
        justify-content: space-between;
        /* margin-bottom: 76px; */
        margin-bottom: 3.95vw;
    }

    .s6_box {
        display: flex;
        /* width: 666px; */
        width: 34.68vw;
    }

    .s6_icon {        
        /* margin-right: 45px; */
        margin-right: 2.34vw;
    }

    .s6_icon img {        
        /* width: 70px;
        height: 76px; */
        width: 3.64vw;
        height: 3.95vw;
    }

    .s6_topic {
        color: #FFFFFF;
        font-weight: 600;
        /* font-size: 36px;
        line-height: 40px;
        margin: 18px 0px; */
        font-size: 1.875vw;
        line-height: 2.08vw;
        margin: 0.93vw 0vw;
    }

    .s6_content {
        color: #FFFEFE;
        font-weight: 400;
        /* font-size: 22px;
        line-height: 30px;
        margin-bottom: 35px; */
        font-size: 1.14vw;
        line-height: 1.56vw;
        margin-bottom: 1.82vw;
        text-align: justify;
    }
}

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

    /* section 2 */
    .section_2 {
        /* padding: 163px 354px 157px 354px; */
        padding: 8.48vw 16.43vw 8.17vw 16.43vw;
    }

    .s2_title {        
        /* padding-bottom: 116px; */
        padding-bottom: 6.04vw;
        text-align: center;
    }

    .s2_title h4 {
        color: #252525;
        /* font-size: 56px; */
        font-size: 2.91vw;
        font-weight: 500;
    }

    .s2_img img {
        width: 100%;
    }

    /* section 3 */
    .section3_bg {
        color: #FFFFFF;
        width: 100%;
        height: calc(100vw * 1027 / 1918);
        background-repeat: no-repeat;
        background-size: cover;
        background-image: url(../img/storageproduct/storageproduct-bg2.png);
        /* padding: 172px 240px 205px 240px; */
        padding: 8.95vw 10.5vw 10.67vw 10.5vw;
    }

    .s3_title {        
        /* padding-bottom: 168px; */
        padding-bottom: 8.75vw;
        text-align: center;
    }

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

    .s3_box_div {
        display: flex;
        justify-content: space-between;
    }

    .s3_box {
        /* width: 340px; */
        width: 18.80vw;
    }

    .s3_box_title {        
        text-align: center;
        width: 100%;
        background-repeat: no-repeat;
        background-size: cover;
        background-image: url(../img/storageproduct/title.png);       
        /* padding-top: 30px;
        height: 100px;
        font-size: 38px;
        line-height: 40px; */
        padding-top: 1.56vw;
        height: 5.20vw;
        font-size: 1.97vw;
        line-height: 2.08vw;
        font-weight: 600;
        color: #FFFFFF;
    }

    .s3_content {
        font-weight: 400;
        color: #646464;
        background-color: #FFFFFF;
        /* font-size: 22px;
        line-height: 32px;
        padding: 54px 36px;
        height: 330px; */
        font-size: 1.25vw;
        line-height: 1.66vw;
        padding: 2.81vw 1.875vw;
        height: 17.18vw;
        text-align: justify;
    }

    /* section 4 */
    /* .section_4 {
        padding-bottom: 130px;
    } */

    .section4_bg {
        /* color: #FFFFFF; */
        width: 100%;
        height: calc(100vw * 935 / 1737);
        background-repeat: no-repeat;
        background-size: cover;
        background-image: url(../img/storageproduct/storageproduct-bg3.png);
        /* padding: 157px 240px 204px 240px; */
        padding: 8.17vw 10.5vw 10.625vw 10.5vw;
    }

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

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

    .s4_div {
        display: flex;
        justify-content: space-between;
    }

    .s4_box_div {
        /* width: 240px; */
        width: 13.6vw;
    }

    .s4_img {
        /* margin-bottom: 63px; */
        margin-bottom: 3.28vw;
        text-align: center;
    }

    .s4_img img {
        /* width: 125px;
        height: 125px; */
        width: 6.51vw;
        height: 6.51vw;
    }

    .s4_topic {
        color: #F05F29;
        font-weight: 600;
        /* font-size: 36px;        
        margin-bottom: 31px; */
        font-size: 1.875vw;        
        margin-bottom: 1.61vw;
        text-align: center;
    }

    .s4_content {
        color: #282828;
        font-weight: 400;
        /* font-size: 22px; */
        font-size: 1.25vw;
        text-align: justify;
    }

    /* section 5 */
    .section_5 {
        background-color: #F96229;
        /* padding: 148px 240px 179px 240px; */
        padding: 7.70vw 10vw 9.32vw 10vw;
    }

    .s5_title {        
        /* padding-bottom: 149px; */
        padding-bottom: 7.76vw;
        text-align: center;
    }

    .s5_title h4 {
        color: #FFFFFF;
        /* font-size: 56px; */
        font-size: 2.91vw;
        font-weight: 600;
    }

    .s5_div {
        display: flex;
        justify-content: space-between;
    }

    .s5_box_div {
        background-color: #FFFFFF;
        /* width: 450px;
        height: 630px;
        padding: 50px 33px 0px 33px; */
        width: 24.85vw;
        height: 32.81vw;
        padding: 2.60vw 1.71vw 0vw 1.71vw;
    }
    
    .s5_topic {
        font-weight: 600;
        color: #F96229;
        /* font-size: 36px;
        margin-bottom: 22px; */
        font-size: 1.875vw;
        margin-bottom: 1.14vw;
    }

    .s5_tag {        
        color: #FFFFFF;
        margin-bottom: 2.34vw;
    }

    .s5_tag span {
        background-color: #F96229;
        border-radius: 4px 4px 4px 4px;
        /* font-size: 18px; */
        /* margin-bottom: 45px; */
        font-size: 0.93vwx;        
        padding: 0.26vw 0.78vw;
    }

    .s5_content_box {
        display: flex;
    }

    .s5_num {
        /* width: 54px;
        height: 54px; */
        width: 2.81vw;
        height: 2.81vw;
        background: #FFEAE2;
        border-radius: 50%;
        /* font-size: 25px; */
        font-size: 1.30vw;
        font-weight: 600;
        color: #F96229;
        text-align: center;
        /* padding-top: 9px;
        margin-right: 20px; */
        padding-top: 0.46vw;
        margin-right: 1.04vw;
    }

    .s5_content {
        color: #646464;
        /* font-size: 22px;
        line-height: 30px; */
        font-size: 1.25vw;
        line-height: 1.56vw;
        font-weight: 400;
        text-align: justify;
    }

    .s5_bar {
        /* width: 307px;
        height: 1px; */
        width: 17.55vw;
        height: 0.05vw;
        background: #d8d8d8;
        margin: 1.14vw 0vw 1.14vw 3.85vw;
    }

    /* section 6 */
    .section6_bg {
        color: #FFFFFF;
        width: 100%;
        height: calc(100vw * 1212 / 1918);
        background-repeat: no-repeat;
        background-size: cover;
        background-image: url(../img/storageproduct/storageproduct-bg4.png);
        position: relative;
        /* padding: 145px 240px 0px 240px; */
        padding: 7.55vw 10.5vw 0vw 10.5vw;
    }

    .s6_title {
        /* padding-bottom: 142px; */
        padding-bottom: 7.39vw;
        text-align: center;
    }

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

    .s6_box_div {
        display: flex;
        justify-content: space-between;
        /* margin-bottom: 76px; */
        margin-bottom: 3.95vw;
    }

    .s6_box {
        display: flex;
        /* width: 666px; */
        /* width: 37.5vw; */
        width: 35.68vw;
    }

    .s6_icon {        
        /* margin-right: 45px; */
        margin-right: 2.34vw;
    }

    .s6_icon img {        
        /* width: 70px;
        height: 76px; */
        width: 3.64vw;
        height: 3.95vw;
    }

    .s6_topic {
        color: #FFFFFF;
        font-weight: 600;
        /* font-size: 36px;
        line-height: 40px;
        margin: 18px 0px; */
        font-size: 1.875vw;
        line-height: 2.08vw;
        margin: 0.93vw 0vw;
    }

    .s6_content {
        color: #FFFEFE;
        font-weight: 400;
        /* font-size: 22px;
        line-height: 30px;
        margin-bottom: 35px; */
        font-size: 1.25vw;
        line-height: 1.56vw;
        margin-bottom: 1.82vw;
        text-align: justify;
    }
}