@media screen and (max-width:896px){
    .header4{
        margin-left:17%;
        white-space: nowrap;
    }
    .li2{
        padding:10px;
    }
    .h1-first{
        white-space: nowrap;
        margin:5px 0;
        font-size:24px;
    }
    .img2{
        width:50%;
        left:50%;
    }
    .p-second{
        left:0;
    }
    .h2-second{
        left:0;
    }
    .main4{
        margin-left: 5%;
        margin-right: 5%;
    }
    .main1{
        margin:630px 5% 0 5%;
    }
    .img1{
        width:50%;
        left:50%;
    }
    .main9{
        margin-left: 5%;
        margin-right: 5%;
    }
    .img4{
        width:50%;
        left:50%;
    }
    .h2-fourth{
        left:0;
        white-space: 0;
    }
    .p-fourth{
        left:0;
    }
    .footer1 img{
        width:100px;
        height:100px;
    }
    .li1{
        padding:10px;
        white-space: nowrap;
    }
    .ul1{
        margin:0;
    }
    footer{
        margin-top:1200px;
    }
    .re1{
        display:none;
    }
}

@media screen and (max-width:480px){
    .header4{
        margin-left:20%;
    }
    .header img{
        height: 100px;
    }
    .li2{
        display:none;
    }
    .header3{
        font-size:20px;
    }
    .header2{
        font-size:30px;
    }
    .h1-first{
        font-size:18px;
        margin:0;
    }
    .re1{
        display:block;
    }
    .img2{
        width:90%;
        left:0;
        top:500px;
    }
    .p-second{
        width:90%;
    }
    .main1{
        margin-top:800px;
    }
    .img1{
        width:90%;
        left:0%;
        top:400px;
    }
    .p-first{
        width:90%;
        margin-right:0;
    }
    .main9{
        margin-top:620px;
    }
    .p-fourth{
        width:90%;
    }
    .img4{
        width:90%;
        left:0%;
        top:800px;
    }
    .ul1{
        display:none;
    }
    footer{
        margin-top:1700px;
    }
}