*
{
    padding:0;
    margin:0;
}



@media screen and (min-width:1200px){

#header
{
    width: 100%;
    height:172px;
    /* border:solid 1px red; */
}

#header .top{
    width: 100%;
    height: 6px;
    background-color: #0073b6;
}

#header .logo{
    width: 634px;
    height: 100px;
    margin:66px auto;
    /* background-color: red; */
}

#header img{
    width: 128px;
    height: 100px;
    /* border:solid 1px red; */
}

#header p{
    line-height: 100px;
    font-size: 48px;
    letter-spacing:2px;
    font-family: "Microsoft Yahei", "微软雅黑";
}

#main
{
    /*margin:10px auto;*/
    /*height:400px;*/
    width: 1100px;
    margin:45px auto;
}

#main #main-first .first{
    font-size: 24px;
    color: #666;
    text-indent: 2em;
    font-family: "Microsoft Yahei", "微软雅黑";
}

.two,.three,.four{
   margin-top: 35px;
}


#main #main-last{
    width: 100%;
    height: 212px;
    margin:50px auto;
    /* background-color: red; */
}

#main #main-last .last1 img{
    padding-right: 80.5px;
}

#main #main-last .last2 img{
    padding-right: 80.5px;
}

#main #main-last .last img{
    width: 313px;
    height: 212px;
    /* border:solid 1px red; */
    float: left;
}

#footer
{
    width: 100%;
    margin:0px auto;
    height:145px;
    background-color: #0073b6;
    /* border:solid 1px red; */
}

#footer .foo{
    /* width: 500px; */
    width: 100%;
    text-align: center;
    /* margin: auto; */
    /* background-color: red; */
    /* margin-top: 35px; */
}

#footer p{
    font-size: 24px;
    color:#ffffff;
    font-family: "Microsoft Yahei", "微软雅黑";
}

#footer .foo .footer1{
    padding-top: 35px;
}

#footer .foo .foo1{
    width: 100%;
    /* width: 320px; */
    /* margin: auto; */
}

}

@media screen and (min-width:899px) and (max-width:1200px){
    #header
    {
        width: 100%;
        height:172px;
        /* border:solid 1px red; */
    }

    #header .top{
        width: 100%;
        height: 6px;
        background-color: #0073b6;
    }

    #header .logo{
        width: 634px;
        height: 100px;
        margin:66px auto;
        /* background-color: red; */
    }

    #header img{
        width: 128px;
        height: 100px;
        /* border:solid 1px red; */
    }

    #header p{
        line-height: 100px;
        font-size: 48px;
        letter-spacing:2px;
        font-family: "Microsoft Yahei", "微软雅黑";
    }

    #main
{
    /*margin:10px auto;*/
    /*height:400px;*/
    width: 800px;
    /* width: 90%; */
    margin:45px auto;
    /* background-color: red; */
}

#main #main-first .first{
    font-size: 20px;
    color: #666;
    text-indent: 2em;
    font-family: "Microsoft Yahei", "微软雅黑";
}

.two,.three,.four{
   margin-top: 35px;
}

#main #main-last{
    width: 100%;
    height: 153px;
    margin:50px auto;
    /* background-color: yellow; */
}

#main #main-last .last1 img{
    padding-right: 10px;
}

#main #main-last .last2 img{
    padding-right: 10px;
}

#main #main-last .last img{
    width: 260px;
    height: 153px;
    /* border:solid 1px red; */
    float: left;
}

#footer
{
    width: 100%;
    margin:0px auto;
    height:130px;
    background-color: #0073b6;
    /* border:solid 1px red; */
}

#footer .foo{
    /* width: 410px; */
    width: 100%;
    text-align: center;
    margin:0 auto;
    /* background-color: red; */
}

#footer p{
    font-size: 20px;
    color:#ffffff;
    font-family: "Microsoft Yahei", "微软雅黑";
}

#footer .foo .footer1{
    padding-top: 35px;
}

#footer .foo .foo1{
    /* width: 260px; */
    width: 100%;
    /* margin: auto; */
}


}

@media screen and (min-width:750px) and (max-width:899px) {
    #header
    {
        width: 100%;
        /* height:172px; */
        height: 148px;
        /* border:solid 1px red; */
    }

    #header .top{
        width: 100%;
        height: 6px;
        background-color: #0073b6;
    }

    #header .logo{
        width: 460px;
        height: 76px;
        margin:66px auto;
        /* background-color: red; */
    }

    #header img{
        /* width: 128px;
        height: 100px; */
        width: 90px;
        height: 76px;
        /* border:solid 1px red; */
    }

    #header p{
        line-height: 76px;
        font-size: 34px;
        letter-spacing:2px;
        font-family: "Microsoft Yahei", "微软雅黑";
    }

    #main
{
    /*margin:10px auto;*/
    /*height:400px;*/
    /* width: 550px; */
    width: 90%;
    margin:45px auto;
}

#main #main-first .first{
    font-size: 28px;
    color: #666;
    text-indent: 2em;
    font-family: "Microsoft Yahei", "微软雅黑";
}

.two,.three,.four{
   margin-top: 30px;
}

#main #main-last{
    width: 90%;
    /* width: 500px; */
    /* height: 100%; */
    /* height: 117px; */
    margin:40px auto;
    /* background-color: red; */
}

#main #main-last .last1 img{
    padding-bottom: 15px;
}

#main #main-last .last2 img{
    padding-bottom: 15px;
}

#main #main-last .last img{
    /* width: 500px; */
    width: 100%;
    height: 390px;
    /* border:solid 1px red; */
    margin: auto;
    /* float: left; */
}

#footer
{
    width: 100%;
    margin:10px auto;
    /* height:130px; */
    height: 110px;
    background-color: #0073b6;
    /* border:solid 1px red; */
}

#footer .foo{
    /* width: 370px; */
    width: 100%;
    /* margin:0 auto; */
    text-align: center;
    /* background-color: red; */
}

#footer p{
    font-size: 28px;
    color:#ffffff;
    font-family: "Microsoft Yahei", "微软雅黑";
}

#footer .foo .footer1{
    padding-top: 15px;
}

#footer .foo .foo1{
    /* width: 230px; */
    width: 100%;
}

}


@media screen and (min-width: 320px) and (max-width: 750px) {
    html {
        font-size: 10vw;
    }

   #header
    {
        width: 100%;
        height:102px;
        /* border:solid 1px red; */
    }

    #header .top{
        width: 100%;
        height: 6px;
        background-color: #0073b6;
    }

    #header .logo{
        width: 280px;
        height: 60px;
        margin:36px auto;
        /* background-color: red; */
    }

    #header img{
        width: 71px;
        height: 60px;
        /* border:solid 1px red; */
    }

    #header p{
        line-height: 60px;
        font-size: 18px;
        letter-spacing:2px;
        font-family: "Microsoft Yahei", "微软雅黑";
    }

     #main
{
    /*margin:10px auto;*/
    /*height:400px;*/
    /* width: 300px; */
    width: 90%;
    margin:25px auto;
}

#main #main-first .first{
    font-size: 14px;
    color: #666;
    text-indent: 2em;
    font-family: "Microsoft Yahei", "微软雅黑";
}

.two,.three,.four{
   margin-top: 10px;
}

#main #main-last{
    width: 90%;
    /* width: 270px; */
    /* height: 100%; */
    /* height: 117px; */
    margin:20px auto;
    /* background-color: red; */
}

#main #main-last .last1 img{
    padding-bottom: 10px;
}

#main #main-last .last2 img{
    padding-bottom: 10px;
}

#main #main-last .last img{
    /* width: 270px; */
    /* height: 155px; */
    width: 100%;
    /* border:solid 1px red; */
    margin: auto;
    /* float: left; */
}

#footer
{
    width: 100%;
    margin:0px auto;
    /* height:130px; */
    height: 60px;
    background-color: #0073b6;
    /* border:solid 1px red; */
}

#footer .foo{
    /* width: 290px; */
    width: 100%;
    margin:0 auto;
    text-align: center;
    /* background-color: red; */
}

#footer p{
    font-size: 14px;
    color:#ffffff;
    font-family: "Microsoft Yahei", "微软雅黑";
}

#footer .foo .footer1{
    padding-top: 10px;
}

#footer .foo .foo1{
    /* width: 180px; */
    width: 100%;
    /* margin: auto; */
}

    #main-last {
        display: flex;
        flex-direction: column;
        /* 120px === 1rem */

    }
}