/*pc端*/
@media screen and (min-width:640px){
    /*导航*/
    .header-nav {width: 80%;position: absolute;top:0;left: 10%}
    .header-nav{font-size: 20px}
    .logo{width: 6%}
    .page1Text{font-size: 22px;width: 38%}
    .page1Text p:last-child{font-size: 18px;line-height: 30px;word-spacing: 22px}
    .page1Text p:first-child{font-size: 32px}
    /*第二屏*/
    .showList{width: 80%;margin-left: 10%}
    .module-tips p:last-child {font-size: 3em;}
    /*第三屏*/
    .section3Content img{
        width: 41%;
        height: 100%;
    }
    .page3Text p{
        font-size: 20px;
        margin: 5px auto;
        font-weight: bold;
    }
    .page3Text{
        width: 30%;
        font-size: 14px;
        text-align: left;
    }
    .page3Text p:nth-child(2){
        width: 78px;
    }
    .page3Text .more{
        margin-top: 30px;
        padding: 7px 19px;
        /* width: 100px; */
        display:  inline-block;
    }
    .navigation {
        font-size: 60px;
    }
    .nav-top img{
        width: 100px;
    }
    .nav-top .companyInf img{
        width: 65px;
        cursor: pointer;
    }
    .nav-top .companyInf .message{
     font-size: 18px;
    }
    .navigation{
        margin-top: 100px;
        text-align: center;
    }
}
/*移动端*/
@media screen and (max-width: 640px){
    /*导航*/
    .header-nav{font-size: 1rem}
    .logo{width: 14.5%}
    .header-nav {width: 90%;position: absolute;top:0;left: 5%}
    .Navigation img{width: 65%}
    .Navigation{position: absolute;top:12%;right: -10%}
    .company-message{position: relative;top:0;right: 39%}
    .page1Text{font-size: 1.1rem;margin-left: 8%;width: 50%}
    .page1Text p:first-child{font-size: 1.5rem;line-height: 10px;}
    .page1Text p:last-child{font-size: 0.8rem;width: 80%;line-height: 1.5rem;word-spacing: 1rem}
    /*第二屏*/
    .showList{width: 90%;margin-left: 5%}
    .module-tips p:first-child {font-size: 0.8rem}
    .module-tips p:last-child {font-size: 2rem}
    .showListImg {float: left;width: 40%}
    .showListImg img{width: 80%}
    .module-text{float: left;width: 60%;font-size: 1rem}
    .section3Content img{
        width: 41%;
        height: 100%;
    }
    .page3Text p{
        font-size: 20px;
        margin: 20px auto;
    }
    .page3Text{
        width: 50%;
        font-size: 14px;
        text-align: left;
    }
    .page3Text p:nth-child(2){
        width: 78px;
    }
    .page3Text .more{
        margin-top: 20px;
        padding: 7px 19px;
        display: inline-block;
    }
    /*第五屏*/
    .page5P{
        font-size: 2rem;
    }
    .page5Logo1{
        margin-top: 2rem;
    }
    .page5-companyInf{
        display: block;

    }
    .page5-companyInf-content{
        width: 100%;
    }
    .page5-companyInf>div{
        margin-bottom: 10px;
        padding: 0;
        font-size: 1rem;
    }
    .page5-companyInf>div i{
        font-size: 2rem;
    }
    .page5-companyInf>div ul li{
        margin: 0 auto 0 auto;
    }
    .navigation {
        font-size: 2rem;
    }
    .companyInf .message{
        font-size: 0.9rem;
    }
    .nav-top img:first-child{
        width: 18%;
        height: 100%;
        margin-right: 1.1rem;
    }
    .nav-top .companyInf img{
        width: 3.25rem;
        cursor: pointer;
    }
    .navigation{
        margin-top: 6rem;
        text-align:  center;
    }
}

@media screen and (max-width:360px){
    /*导航*/
    .header-nav{font-size: 0.8rem}
    .logo{width: 14%;}
    /*第三屏*/
    .section3Content{
        display: block;
        text-align: center;
    }
    .section3Content img{
        margin-top: 5vh;
        width: 80%;
    }
    .page3Text{
        width: 80%;
    }
    /*第四屏*/
    .textContent {
        width: 80%;
        margin: auto;
        display: block;
        text-align: center;
    }
    .page4Text {
        display: inline-block;
        color: black;
        width: 80%;
        text-align: left;
        font-size: 16px;
    }
    .page4-picWall {
        width: 100%;
        display: flex;
        justify-content: space-between;
    }
}