body{
	margin: 0;
    padding: 0;
    background: #f2f2f2;
    font-size: 100%;
    font-family: PingFangSC-Regular,PingFang SC,Segoe UI,Arial,Microsoft Yahei,Microsoft Yahei In-Bold,Apple LiGothic Medium;
    color: #1a1a1a;
    width: 100%;
    height: 100%;
}
a{
	margin: 0;
    padding: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
    text-decoration: none;
}
ul {
    padding: 0;
    margin: 0;
}
li{
	list-style:none
}
abbr, address, article, aside, audio, b, blockquote, body, canvas, caption, cite, code, dd, del, details, dfn, div, dl, dt, em, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, mark, menu, nav, object, p, pre, q, samp, section, small, span, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, var, video {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    vertical-align: baseline;
}
.first-layout{
	position: relative;
    height: 100vh;
    overflow: auto;
}
.first-layout .heda{
	position: fixed;
    left: 0;
    top: 0;
    z-index: 100;
    width: 100%;
}
.first-layout .heda .header{
	margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}
.header .page-header{
	height: 50px;
    line-height: 50px;
    text-align: center;
    font-size: 14px;
    color: #fff;
    background: #151536;
}
.header .page-nav{
	height: 120px;
    background: #fff;
}
.first-layout .main{
	min-height: 100%;
    padding-bottom: 20px;
}
.main .main-box{
	margin: 0 auto;
    width: 1200px;
    padding: 20px 0;
}

.main .main-box .detail{
	height: calc(100vh - 190px);
	
}
.main-box .detail:after{
	content: "";
    display: block;
    clear: both;
}
.main-box .detail .left{
	float: left;
	height: 100%;
	overflow-y: auto;
	background-color: #fff;
}
.detail .left .left-box{
	width: 228px;
    height: 100%;
    overflow-y: auto;
}
.detail .left .left-box .first-nav-box{
	padding-left: 20px;
	/*color: #303133;*/
	height: 56px;
    line-height: 56px;
    font-size: 14px;
    padding: 0 20px;
    list-style: none;
    cursor: pointer;
    transition: border-color .3s,background-color .3s,color .3s;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    white-space: nowrap;
}
.detail .left .left-box .first-nav-box a{
	color: #303133;
}
.detail .left .left-box .first-nav-box:hover{
	font-weight:400;
    color: #fff;
    background: #4F99C2;
}
.detail .left .left-box .first-nav-box:hover a p{
	font-weight:400;
    color: #fff;
}
.active{
	color: #4f99c2;
}
.active a p{
	font-weight:400;
	color: #4f99c2;
}
.main-box .detail .right{
	float: right;
	width: 80%;
	height: 100%;
	overflow-y: auto;
	background-color: #fff;
}
.right .title-box{
	margin-top: 20px;
    margin-left: 20px;
}
.right .title-box .title{
	font-size: 16px;
    font-family: PingFangSC-Regular,PingFang SC;
    color: #333;
}
.right .title-box .title{
	font-size: 16px;
    font-family: PingFangSC-Regular,PingFang SC;
    color: #333;
}
.right .title-box .title .article-title{
	width: 100%;
	font-weight: 700;
	box-sizing: border-box;
	padding-left: 20px;
	height: 50px;
	font-size: 22px;
}
.right .title-box .title .title-li{
    margin-left: 20px;
    /*height: 30px;*/
    line-height: 30px;
}
.right .title-box .title .title-li a{
	font-size: 16px;
    color: #4F99C2;
    display: block;
    margin-bottom: 10px;
    font-family: "微软雅黑";
    height: 20px;
    line-height: 20px;
}
.right .details-introduce{
	box-sizing: border-box;
    padding: 20px;
}
.right .details-introduce p{
	margin: 20px;
    font-size: 14px;
    font-family: PingFangSC-Regular,PingFang SC;
    font-weight: 400;
    color: #333;
}
.main .footer{
    width: 100%;
    height: 160px;
    background: #151536;
}