
html {
    font-size: 16px; /* 基准字体大小 */
    font-family: "PingFang SC",Arial,"Microsoft Yahei",ahoma, Geneva,sans-serif;
    color:#666666;
}

a {
    text-decoration: none;
    color:#333333;
}

body {
    margin: 0;
    padding: 0;
}

a{
    text-decoration: none;
    color: #4E4E4E;
    text-transform: none;
}

img {
    display:block;
}


h1, h2, h3, h4, h5, h6 {
    margin: 0;
    padding: 0;
}

p{
    line-height: 1.7em;
    text-indent:2em;
    display: block;
    margin-block-start: 0.5em;
    margin-block-end: 0.5em;
    margin-inline-start: 0;
    margin-inline-end: 0;
    unicode-bidi: isolate;
}


@media (max-width: 1280px) {
    body {
        margin: auto auto;
    }

    .page-layout {
        width: 100%;
        margin: 0 auto;
        background-color: #fbfbfb;
        min-height: 100vh;
        min-width:960px;
    }

    .page-body {
        width: 100%;
        margin: 0 auto;
        display: block;
        box-sizing: border-box;
        padding: 0 1em;
    }
}



@media (max-width: 1280px) {
    html {
        font-size: 20px; /* 基准字体大小减少，以适应移动设备 */
    }

    p {
        font-size: clamp(1rem, 2.5vw + 0.5rem, 1.2rem);
        line-height: 1.5em;
    }

}

@media (min-width: 1280px) {
    body {
        margin:auto auto;
    }
    .page-layout{
        width:100%;
        /*max-width: 1920px;*/
        margin:0 auto;
        background-color: #fbfbfb;
        min-height:100vh;
        box-sizing: border-box;
    }
    .page-body{
        width:1280px;
        margin:0 auto;
        box-sizing: border-box;
        padding: 0 1em;
        display:block;
    }

    .layout-con{
        width:100%;
        height:100%;
    }

    .flex-body{
        display:flex;
        flex-direction: row;
    }

    .flex-parent-block{
        display:flex;
        flex-direction: row;
        align-items: center;
    }

    .flex-item-block{
        max-width:100%;
    }
}





