*{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;font-family:Microsoft YaHei}
html{width:100%;overflow-x:hidden}
input,input:active,input:focus，input:-internal-autofill-selected{outline:0;outline-style:none;outline-width:0;border:0;padding:0;outline:none;background-color:none}
body{width:100%;margin:0;padding:0;font-size:18px;background:#fff;color:#555;margin:0 auto;line-height: 170%;}

ul,li,ol{padding:0;margin:0;list-style:none}
dl,dd{padding:0;margin:0;text-align:left;list-style:none}
h1,h2,h3,h4,h5{font-weight:bold;margin:0;padding:0}
h1{font-size:32px;color:#000; line-height:130%;}
h2{font-size:26px;color:#222}
h3{font-size:22px;color:#333}
h4{font-size:18px;color:#444}
a{text-decoration:none;cursor:pointer;color:#2440b3}
a:hover{color:#d00000}
i{margin-left:3px}
img{display:block}
:focus{outline:0 none}
.clearfix:after{content:'.';clear:both;display:block;height:0;visibility:hidden;font-size:0;line-height:0}
.clearfix:after{content:"";display:table;clear:both}
.hidden{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.clear{clear:both;line-height:0;height:0;font-size:0}
input[disabled],input:disabled,input.disabled{color:#999;-webkit-text-fill-color:#999;-webkit-opacity:1;opacity:1}
.mauto{margin-right:auto;margin-left:auto}
	
#header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%; 
 box-sizing: border-box;
    background-color: #fff;
height: 60px;
    padding: 15px 15px 15px 430px;
	border-bottom: 1px solid #e6e6e8;
}
.open-nav{display: none;float: right;}

@media only screen and (max-width: 1200px) {#header { padding: 15px;}.open-nav{display: block; padding:5px; background-color:#00b0ff; color:#fff;border: 1px solid #00b0ff;border-radius: 5px; }}	
#header img{float:left;display:block;margin-right: 10px;}
    #nav {
        position: fixed;
        left: 0;
        top: 0;
        bottom: 0;
        width: 400px;
        background-color: #fff;border-right: 1px solid #e6e6e8;
        overflow-y: auto;
        transition: transform 0.3s ease;
        transform: translateX(0);
        padding: 30px;
 font-family: 'SimSun', '宋体', serif;
		z-index: 8888;
    }
#nav .close-btn{font-size:52px;color:#00b0ff;display: none;}
@media only screen and (max-width: 1200px) {#nav .close-btn{display: block;} #nav {width: 100%;max-width:400px;}}	

#nav h3{font-size: 18px;}#nav h4{font-size: 16px;color: #008fcf;}

#nav ol h4{
  border-top: 1px dotted #e5e5e5;margin-top: 15px;padding-top: 15px; 
}
#nav ol li{font-size: 14px;font-family: 'SimSun', '宋体', serif;white-space: nowrap;      /* 保证文本不会换行 */
  overflow: hidden;         /* 隐藏超出容器的文本 */
  text-overflow: ellipsis;  /* 超出部分显示为省略号 */}	
#nav ol li span{font-family: "楷体", SimSun, "楷体_GB2312";font-size: 12px; color: #777;}	
#navigation {
    position: relative;
    width: 100%;
    padding: 15px;
    background-color: #fff;
height: 59px;line-height: 28px;
    transition: top 0.3s ease; /* 添加平滑过渡效果 */
 text-align: center;
}

#navigation.fixed {
    position: fixed;
    top: 0;
    left: 0;padding-left: 430px;
	text-align: left;
    /* 添加阴影效果 */
}
/* 隐藏滚动条 */
#nav::-webkit-scrollbar {
    width: 0;
}

/* 鼠标悬停在 #nav 上时显示滚动条 */
#nav:hover::-webkit-scrollbar {
    width: 10px;
}

/* 滚动条thumb样式 */
#nav::-webkit-scrollbar-thumb {
    background-color: #ccc;
}

/* 滚动条track样式 */
#nav::-webkit-scrollbar-track {
    background-color: #f5f5f5;
}
#ol{margin: 0;padding: 0}
    #main {
        margin-left: 400px;
        padding: 100px 50px 50px 50px;
		max-width: 960px;
		
    }
@media only screen and (max-width: 1200px) {#main {margin:0 auto;max-width: 960px; width:100%; padding: 80px 15px 15px 15px;}}
#title{margin-bottom: 30px;padding-bottom: 30px;border-bottom: 1px solid #f2f2f2;text-align: center;} 
#title p{font-size: 16px;padding: 0;margin: 10px 0 0 0;} 

#content{font-size: 18px;line-height: 160%;}
#content img{  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1), 0 0 10px rgba(0, 0, 0, 0.1); margin:10px auto;
 }
#aside {
    position: fixed;
    top: 100px;
    left: 1400px;
    width: 380px; /* 设置aside的宽度 */
    height: 500px; /* 撑满整个页面高度 */
    padding: 0;
}
 @media only screen and (max-width: 1900px) {#aside { position: static;
    top: auto;
    left: auto;
    width: 100%; /* 设置aside的宽度 */
    height: auto; /* 撑满整个页面高度 */
  padding: 0;}}
    #footer {
        clear: both;
        text-align: center;
        padding: 10px; color: #b5b5b5; 
        padding: 10px;font-size:12px; line-height:18px;
    }
    .close-btn {
        position: absolute;
        top: 10px;
        right: 10px;
        cursor: pointer;
    }
    @media only screen and (max-width: 1200px) {
        #nav {
            transform: translateX(-420px);
        }
    }

#content img{ width:100%; height:auto;}
#content blockquote{ color:#777; font-size:14px;}