container@charset "utf-8";
body,html{
	background-color:#f6f6f6;
}
div{
	margin:0;
}
.container{
	width:1200px;
	margin:0 auto;
        
}
.cont-main{
	position:relative;
	margin-top:-30px;
	overflow:hidden;
}
.sidebar{
	float:left;
	width:216px;
	box-shadow:0 0 4px #aaa;
	border-radius:4px;
	overflow:hidden;
	background-color:#fff;
}
.sidebar h1{
	background-color:#153452;
	width:100%;
	height:80px;
	line-height:80px;
	text-align:center;
	color:#fff;
	font-size:24px;
	box-shadow:0 0 4px #aaa;
}
.sidebar ul li{
	height:60px;
	border-bottom:1px solid #d6dee6;
}

.sidebar ul li .active{
	background-color:whitesmoke;
	color:#153452;
	font-weight:bold;
}

.sidebar ul li a{
	display:block;
	line-height:60px;
	color:#4c4c4c;
	text-align:center;
	font-size:16px;
	text-align:center;
}
.main{
	float:right;
	width:966px;
	margin-top:78px;
	background-color:#fff;
	border-radius:4px;
	margin-bottom:40px;
}
.main .position{
	padding-left:30px;
	background-color:#d0d6dc;
	height:40px;
}
.main .position a{
	float:left;
	line-height:40px;
	color:#4c4c4c;
	font-size:16px;
}
.main .title{
	font-size:24px;
	color:#333333;
	line-height:54px;
	text-align:center;
	margin-top:10px;
	font-weight:normal;
           width: 80%;
           margin-left: auto;
           margin-right: auto;
}
.main .relation{
	width:400px;
	margin:0 auto;
	height:30px;
	margin-bottom:40px;
	border-bottom:1px dashed #f2f2f2;
} 
.main .relation span{
	    float: none;
            line-height: 30px;
            margin: 0 12px;
            color: #4c4c4c;
            font-size: 14px;
            text-align: center;
            display: block;
}
.main .relation span.author{
	float:left;
}
.main .relation span.author{
	float:right;
}
.main .cont-txt{
	padding-bottom:20px;
        width:100%;
}
.main .content{
        width:auto;
	clear:both;
	color:#4c4c4c;
	line-height:30px;
	margin:10px 15px;
	border-bottom:1px dashed #dedede;
	padding-bottom:20px;
	font-size:14px;
}
.main .pre,.main .next{
	display:block;
	height:30px;
	line-height:30px;
	color:#333;
	font-size:14px;
	margin-left:15px;
}
.main .pre:hover,.main .next:hover{
	color:#153452;
	font-weight:bold;
}
.main .content #vsb_content{
          width:936px !important;
}
.main .content #vsb_content table{
         display:table;
         max-width:98% !important;
         margin:0 auto !important;
         border:1% solid #dedede;
         border-collapse: collapse;
         border-spacing: 0;
         width:100% !important;
         
}
table td{border:1px solid #dedede;width:auto !important;}
@media only screen and (max-width:840px){
	.container{
		width:100%;
		min-width:10px;
	}
	.banner{
                width:100%;
		height:auto;
		overflow:hidden;
                margin-top:0;
	}
	.banner img{
		width:100%;
		
	}
	.sidebar{
		display:none;
	}
	.cont-main{
		margin-top:0;
	}
	.main{
		width:100%;
		margin-top:0;
		margin-bottom:0;
		padding-bottom:.1rem;
	}
	
	.main .cont{
		width:auto;
		margin:0 .1rem;
	}
	.main .cont li{
		width:100;
		padding-left:0;
		height:auto;
	}
	.main .cont li a{
		height:auto;
	}
	.main .cont li a h2{
		font-size:.12rem;
		line-height:.34rem;
	}
	.main .cont li a span{
		font-size:.12rem;
		line-height:.34rem;
	}
	.main .title{
		font-size:.13rem;
		text-align:center;
                line-height:.22rem;
	}
	.main .relation{
		margin-bottom:.1rem;
	}
	.main .relation span{
		font-size:.11rem;
	}
	.main .content{
		font-size:.11rem;
		color:#545454;
                 overflow:hidden;
	}
	.main .content img{
		max-width:100%;
                height:auto;
		
	}
         .cont-page a{
                 width:90%;
                 overflow:hidden;
                 text-overflow:ellipsis;
                 white-space:nowrap;
}
.main .content #vsb_content{
    width:100% !important;
}
.main .content #vsb_content table{
    max-width:98% !important;
    margin:0 auto !important;
    border:1% solid #dedede;
    width:98% !important;
    word-wrap:break-word;
    border-collapse: collapse;
    border-spacing: 0;
    table-layout:fixed;

}
table td{border:1px solid #dedede;width:auto !important;word-wrap:break-word;word-break:break-all;vertical-align:top;}
}


#mynav{font-size:.14rem;} 
#mynav a{padding-left: .5em; } 
#mynav a:link{color: dodgerblue} 
#mynav a:hover{color:orangered} 
#mynav a:visited{color:dodgerblue} 

