/* ============================================================
   general styles
   ============================================================ */
html {
	font-family:sans-serif;
	-webkit-text-size-adjust:100%;
	-ms-text-size-adjust:100%;
	-ms-overflow-style:scrollbar;
	-webkit-tap-highlight-color:rgba(0, 0, 0, 0);
}
body {
	overflow-x:hidden;
	background-color:#ffffff;
	-webkit-font-smoothing:antialiased; /*chrome、safari*/
	-moz-osx-font-smoothing:grayscale;/*firefox*/
	font-family:
		/*西文*/-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Ubuntu,Helvetica Neue,Helvetica,Arial,
		/*中文*/PingFang SC,Hiragino Sans GB,Microsoft YaHei UI,Microsoft YaHei,Source Han Sans CN,sans-serif;
}
/* 统一上标和下标 */
sub, sup {
	font-size:75%;
	line-height:0;
	position:relative;
	vertical-align:baseline;
}
sup {
	top:-0.5em;
}
sub {
	bottom:-0.25em;
}
ul {
    margin:0;
    padding:0;
}
li {
    list-style-type:none;
    margin:0;
    padding:0;
}
.row.no-gutter,.row.no-gutter-cal {
    margin-left:0;
    margin-right:0;
}
.row.no-gutter > [class*='col-'] {
    padding-right:0;
    padding-left:1px;
}
.row.no-gutter-cal > [class*='col-'] {
    padding-right:0;
    padding-left:0px;
}
.table{
    margin-bottom:25px !important;
    border-bottom:1px solid #dddddd !important;
    color:#333333;
    font-size:16px;
    font-family:sans-serif;
}
.table_th80{
    width:80%;
}
.table_th60{
    width:60%;
}
.table_th40{
    width:40%;
}
.table_th35{
    width:35%;
}
.table_th30{
    width:30%;
}
.table_th25{
    width:25%;
}
.table_th20{
    width:20%;
}
.table_th15{
    width:15%;
}
.table_th10{
    width:10%;
}
.table_th5{
    width:5%;
}
.mt10{
    margin-top:10px;
}
.mt20{
    margin-top:20px;
}
.mt30{
    margin-top:30px;
}
.mt40{
    margin-top:40px;
}
.mt50{
    margin-top:50px;
}
.mt60{
    margin-top:60px;
}
.mt70{
    margin-top:70px;
}
.mt80{
    margin-top:80px;
}
.mb10{
    margin-bottom:10px;
}
.mb20{
    margin-bottom:20px;
}
.mb30{
    margin-bottom:30px;
}
.mb40{
    margin-bottom:40px;
}
.mb50{
    margin-bottom:50px;
}
.mb60{
    margin-bottom:60px;
}
.mb70{
    margin-bottom:70px;
}
.mb80{
    margin-bottom:80px;
}


/* ============================================================
   top styles
   ============================================================ */
#top {
	padding-top:5rem;
	padding-bottom:8rem;
	background:#ffffff;
}
#top .title{
	margin-top:25px;
	color:#b50309;
	text-shadow:2px 2px 5px #ffffff;
	font-size:48px;
	font-weight:normal;
	font-family:sans-serif;
}
#top .date{
	margin-top:10px;
	color:#b50309;
	text-shadow:2px 2px 5px #ffffff;
	font-size:30px;
	font-weight:normal;
	font-family:sans-serif;
}


/* ============================================================
   pagebody styles
   ============================================================ */
#pagebody {
	background-color:#ffffff;
}
#pagebody .left-nav{
	margin-top:40px;
}
#pagebody .nav>li>a{
	padding:8px 20px !important;
	background-color:#ededed !important;
	color:#111111 !important;
	line-height:1.5;
	font-size:18px;
	font-weight:normal;
	font-family:sans-serif;
}
#pagebody .nav>li>a:focus,
#pagebody .nav>li>a:hover{
	background-color:#3a418a !important;
	color:#ffffff !important;
    text-decoration:none;
}
#pagebody .nav-pills>li.active>a,
#pagebody .nav-pills>li.active>a:focus,
#pagebody .nav-pills>li.active>a:hover{
	background-color:#3a418a !important;
	color:#ffffff !important;
}
#pagebody .right-content {
	background-color:#ffffff;
}
#pagebody .right-content .title{
	margin:35px 0px 35px 0px;
	color:#d22459;
	font-size:32px;
	font-weight:normal;
	font-family:sans-serif;
}
#pagebody .right-content p{
	margin-bottom:20px;
	color:#000000;
	line-height:26px;
	font-size:16px;
	font-weight:normal;
	font-family:sans-serif;
}
#pagebody .right-content .news_cen{
	margin-bottom:15px;
}
#pagebody .right-content .news_cen ul{
	margin:0px;
	padding:0px;
}
#pagebody .right-content .news_cen ul .biaoti{
	color:#000000;
	line-height:30px;
	font-size:18px;
	font-weight:bold;
	font-family:sans-serif;
}
#pagebody .right-content .news_cen li{
	background-image:url("images/labopen_02.png");
	background-repeat:no-repeat;
	background-position:2px 16px;
}
#pagebody .right-content .news_cen li .news_txt{
	display:block;
	padding:6px 0px 6px 22px;
	text-align:left;
}
#pagebody .right-content .news_cen li .news_txt a{
	color:#000000;
	font-size:16px;
	line-height:28px;
	font-family:sans-serif;
}
#pagebody .right-content .news_cen li .news_txt a:hover{
	color:#d22459;
	text-decoration:none;
}
#pagebody .right-content .table{
	color:#000000 !important;
	font-family:sans-serif !important;
}
#pagebody .right-content .table>tbody>tr>td,
#pagebody .right-content .table>tbody>tr>th,
#pagebody .right-content .table>tfoot>tr>td,
#pagebody .right-content .table>tfoot>tr>th,
#pagebody .right-content .table>thead>tr>td,
#pagebody .right-content .table>thead>tr>th{
	line-height:1.5 !important;
}


/* ====== footer styles ====== */
#footer {
	margin-top:40px;
	padding:3.5rem 0 3rem 0;
	background:#0d4d95;
}
#footer p,
#footer div{
	color:#ffffff;
	font-size:16px;
	line-height:26px;
	font-family:sans-serif;
}





/* ======================================== @media 属性 ======================================== */
/* 小于 480px */
@media(max-width:480px){
	/* ============================================================
	   top styles
	============================================================ */
	#top {
		padding-top:2.5rem;
		padding-bottom:3.5rem;
	}
	#top .title{
		margin-top:10px;
		font-size:30px;
	}
	#top .date{
		margin-top:5px;
		font-size:20px;
	}
	/* ====== pagebody styles ====== */
	#pagebody .left-nav{
		margin-top:20px;
	}
	#pagebody .nav>li>a{
		padding:6px 15px !important;
		font-size:12px;
	}
	#pagebody .right-content{
		font-size:12px;
	}
	
	
	
		
	
	
	
	
	
}




/* 小于 767px */
@media (max-width:767px){
	/* ====== top styles ====== */
	#top {
		padding-top:2.5rem;
		padding-bottom:3.5rem;
	}
	#top .logo_cscb{
		width:70%;
	}
	#top .title{
		margin-top:10px;
		font-size:30px;
	}
	#top .date{
		margin-top:5px;
		font-size:20px;
	}
	/* ====== pagebody styles ====== */
	#pagebody .left-nav{
		margin-top:20px;
	}
	#pagebody .nav>li>a{
		padding:6px 15px !important;
		font-size:12px;
	}
	#pagebody .right-content{
		font-size:12px;
	}
	
	
	
	
	
	
	
	
	
	
	
	
}

/* 大于 768px，小于 991px */
@media (min-width:768px) and (max-width:991px) {
	/* ====== top styles ====== */
	#top {
		padding-top:3rem;
		padding-bottom:6rem;
	}
	#top .title{
		font-size:38px;
	}
	#top .date{
		font-size:22px;
	}
	/* ====== pagebody styles ====== */
	#pagebody .right-content{
		font-size:12px;
	}
	
	
	
	
	
	
	
	
	
	
	
}

/* 大于 992px，小于 1199px */
@media (min-width:992px) and (max-width:1199px) {
	/* ====== top styles ====== */
	#top {
		padding-top:4rem;
		padding-bottom:7rem;
	}
	
	
	
	
	
	
	
}

/* 大屏幕（大于等于 1200px） */
@media (min-width:1200px) {


}