html, body {
            height: 100%; /* 设置html和body的高度为100% */
            margin: 0; /* 移除默认边距 */
            padding: 0; /* 移除默认内边距 */
            justify-content: center; 
            text-align: center; /* 文本居中 */
            background: url('res/bj.jpg') no-repeat center center; /* 背景图片居中，并且不重复 */
            background-size: cover; /* 覆盖整个元素，保持图片比例 */
}
/* 头像 */
.tx{
    margin-top: 20px;
    width: 100px;
    height: 100px;
    padding: 2px;
    border-radius: 50px;
    box-shadow: 0.3rem 0.3rem 0.6rem #c8d0e7, -0.2rem -0.2rem 0.5rem #c8d0e7;
}
.txhz{
    text-align: center;
    width: 98%;
    height:auto;
    margin: 5px auto;
    padding: 0px;
    background-color:white;
    border-radius: 10px;
    box-shadow: inset 5px 5px 5px rgba(0, 0, 0, 0.3),inset -2px -2px 5px rgba(255, 255, 255, 0.5);
}
/* 栏*/
nav {
    position: center;
    width: 90%;
    height: 50px;
    margin: 0px auto;
    padding: 5px;
    box-shadow:2px 2px  5px 2px #999 inset;
    border-radius: 10px 10px 10px 10px;
    background: white;
    display: flex;
    justify-content: space-between;
    align-items: center; /* 垂直对齐方式 */
}
nav ul {
    list-style-type: none;
    padding: 0;
}
nav ul li {
    display: inline;
    margin-left: 10px;
}
nav a {
    text-decoration: none;
    color:black;
    background-color: white;
    padding:5px;
    border:2px solid white;
    border-radius:10px;
    box-shadow: 0.3rem 0.3rem 0.6rem #c8d0e7, -0.2rem -0.2rem 0.5rem white;
}
/*间隔*/
.jg{
    width: 90%;
    height: 24px;
    margin: 0px auto;
    border-radius: 10px;
    background-color: white;
    box-shadow: 0.3rem 0.3rem 0.6rem #c8d0e7 inset,
                -0.3rem -0.3rem 0.6rem #c8d0e7 inset;
}
.jg p{
    color: black;
    text-shadow: 5px 5px 5px #999;
}
/*主体*/
.zti{
    width: 98%;
    height: auto;
    margin: 10px auto;
    padding-top: 1px;
    padding-bottom: 10px;
    border-radius: 10px;
    background-color:white;
    box-shadow: 0.3rem 0.3rem 0.6rem #999 inset,
                -0.3rem -0.3rem 0.6rem #999 inset;
}
/*主体联系*/
.ztlx{
    width: 90%;
    height: auto;
    background-color: white;
    margin: 20px auto;
    border-radius: 10px;
    box-shadow: 0.3rem 0.3rem 0.6rem #c8d0e7, -0.2rem -0.2rem 0.5rem #c8d0e7;
}
.ztlx_ul{
    list-style-type: none;
    padding: 0;
    display: inline;
    margin-left: 10px;
}
.ztlx_tb{
    width: 50px;
    height: 50px;
    border-radius: 50px;
    box-shadow: 0.3rem 0.3rem 0.6rem #c8d0e7, -0.2rem -0.2rem 0.5rem #c8d0e7;
}
.ztjg{
    text-align: left;
    padding: 10px;
    width: 90%;
    height: auto;
    margin: 0px auto;
    border-radius: 10px;
    background-color: white;
    box-shadow: 0.3rem 0.3rem 0.6rem #c8d0e7, -0.2rem -0.2rem 0.5rem #c8d0e7;
}
.xxzt{
    width: 90%;
    height: auto;
    padding-bottom: 10px;
    margin: 0px auto;
    border-radius: 10px;
    box-shadow: 0.3rem 0.3rem 0.6rem #c8d0e7 inset,
                -0.3rem -0.3rem 0.6rem #c8d0e7 inset;
}
.xxzt_tp{
    margin: 10px auto;
    width: 92%;
    height: auto;
    border-radius: 10px;
}
.xxzt_nb{
    width: 90%;
    overflow: auto;
    height: auto;
    padding: 1px;
    margin: 0px auto;
    border-radius: 10px;
    box-shadow: 0.3rem 0.3rem 0.6rem #c8d0e7 inset,
                -0.3rem -0.3rem 0.6rem #c8d0e7 inset;
}