html,
body {
  font: normal 14px/24px "microsoft yahei", "微软雅黑", Arial;
  color: #555555;
  background: url(../images/body_bg.jpg) top center no-repeat;}


@media (min-width:1200px) {
.container {
	width:1000px;}
}
/* navbar CSS
-------------------------------------------------- */
.sj_container{
  position: relative;
  overflow:hidden;}
.sj_nav{
  position: absolute;
  left: -250px;
  top: 0;
  width: 250px;
  height: 100%;
  background: #fff;
  z-index:9;
  padding-top:10px;}
.sj_pusher{
  position: relative;
  left: 0;
  height:100%;
  z-index:99;}
.sj_mask{
  position:absolute;
  left:0;
  top:0;
  z-index: 9999;
  width:100%;
  height:100%;
  background:rgba(0, 0, 0, 0.5);
  display:none;}
.sj_content{
    width:100%;
	height:auto;
	z-index:9;}
.sj_nav >ul >li >a{
  display: block;
  line-height: 40px;
  text-indent: 30px;
  padding-right: 40px;
  color: #263238;
  overflow:hidden; 
  text-overflow:ellipsis; 
  white-space:nowrap;}
.sj_nav >ul >li >a:hover{
  color: #117cf5;}
.sj_nav >ul >li >a.toggle_nav{
  color: #263238;
  background: #fff url(../images/right.jpg) right 20px center no-repeat;}
.sj_nav >ul >li >a.toggle_nav:hover{
  color: #263238;
  background: #fff url(../images/right_b.jpg) right 20px center no-repeat;}
.sj_nav >ul >li >a.down_nav{
  color: #117cf5;
  background: #fff url(../images/down.jpg) right 20px center no-repeat;}
.sj_nav >ul >li >a.down_nav:hover{
  color: #117cf5;
  background: #fff url(../images/down_b.jpg) right 20px center no-repeat;}
.sj_nav02{
  display: none;}
.sj_nav02 >li >a{
  display: block;
  line-height: 40px;
  text-indent: 40px;
  background: #fff;
  padding-right: 50px;
  color: #263238;
  overflow:hidden; 
  text-overflow:ellipsis; 
  white-space:nowrap;}
.sj_nav02 >li >a:hover{
  color: #117cf5;}
.sj_nav02 >li >a.toggle_nav{
  color: #263238;
  background: #fff url(../images/right.jpg) right 20px center no-repeat;}
.sj_nav02 >li >a.toggle_nav:hover{
  color: #263238;
  background: #fff url(../images/right_b.jpg) right 20px center no-repeat;}
.sj_nav02 >li >a.down_nav{
  color: #117cf5;
  background: #fff url(../images/down.jpg) right 20px center no-repeat;}
.sj_nav02 >li >a.down_nav:hover{
  color: #117cf5;
  background: #fff url(../images/down_b.jpg) right 20px center no-repeat;}
.sj_nav03{
  display: none;}
.sj_nav03 >li >a{
  display: block;
  line-height: 40px;
  text-indent: 50px;
  background: #fff;
  padding-right: 50px;
  color: #263238;
  overflow:hidden; 
  text-overflow:ellipsis; 
  white-space:nowrap;}
.sj_nav03 >li >a:hover{
  color: #117cf5;}
/* header CSS
-------------------------------------------------- */

.nav_wrap {
  height: 40px;
  position: relative;}
.sj_btn{
	display:none;}
.sj_search{
	height:30px;
	line-height:30px;
	background:#fff\9;
	background:rgba(255, 255, 255, 0.6);
	border-radius:5px;
	border:1px solid #bedfec;
	display:none;
    float: right;
    cursor: pointer;
	margin-right:20px;
	margin-top:5px;}
@media (max-width:992px){
	.sj_search{
		display:block;}
	.sj_btn{
		display: block; 
		float: left;
		cursor: pointer;
		margin-left:20px;
		margin-top:5px;}
}
.sj_search input{
	float:left;
	background:none;
	border:none;
	padding-left:10px;}
.sj_search button{
	float:left;
	background:none;
	border:none;
	padding:0 10px;}

.nav_wrap .nav{
  width: 100%;
  height: 40px;
  background:url(../images/nav_bg.jpg) repeat-x;}
.nav >ul >li{
  float: left;}
.nav >ul >li >a{
  display: inline-block;
  padding: 0 23px;
  height: 40px;
  line-height: 40px;
  font-size: 16px;
  color: #fff;}
.nav >ul >li >a.nav01_on,
.nav >ul >li >a.nav_active,
.nav >ul >li >a:hover{
  background:#0e68d1;}
.nav >ul >li{
  position: relative;
  z-index: 999;}
.nav02{
  position: absolute;
  left: 50%;
  margin-left:-50px;
  top: 40px;
  display: none;
  background:#f0f9fb;
  width: 100px;
  padding:5px 5px 5px 0;
  text-indent:15px;
  border:1px solid #117cf5;
  border-bottom-left-radius:3px;
  border-bottom-right-radius:3px;}
.nav02 >li{
  position: relative;}
.nav02 >li >a{
  display: block;
  color: #333333;
  height: 25px;
  line-height: 25px;
  font-size: 14px;
  overflow: hidden; 
  text-overflow: ellipsis;
  white-space: nowrap;}
.nav02 >li >a.nav02_on,
.nav02 >li >a:focus,
.nav02 >li >a:hover{
	color:#308aef;}
.nav03{
  position: absolute;
  left: 100px;
  top: 0;
  display: none;
  background:#f0f9fb;
  width: 100px;
  padding:5px 5px 5px 0;
  text-indent:15px;
  border:1px solid #117cf5;
  border-radius:3px;}
.nav03 >li >a{
  display: block;
  color: #333;
  height: 25px;
  line-height: 25px;
  padding-right:5px;
  font-size: 14px;
  overflow: hidden; 
  text-overflow: ellipsis;
  white-space: nowrap;
  border-bottom: 1px solid #fff;}
.nav03 >li >a:hover{
	color:#308aef;}
@media (max-width: 992px){
  .nav_wrap .nav{
    display: none;}
}
/* banner CSS
-------------------------------------------------- */
.banner {
	position:relative;}
.banner_search{
	position:absolute;
	height:30px;
	line-height:30px;
	right:10px;
	top:10px;
	z-index:9;
	background:#fff\9;
	background:rgba(255, 255, 255, 0.6);
	border-radius:5px;
	border:1px solid #bedfec;}
@media (max-width:992px){
	.banner_search{
		display:none;}
}
.banner_search input{
	float:left;
	background:none;
	border:none;
	padding-left:10px;}
.banner_search button{
	float:left;
	background:none;
	border:none;
	padding:0 10px;}
.carousel-inner>.item embed{ 
	width: 100%;
    height: 180px;
    position: absolute;
    top: 0px;
	z-index:99;}
@media (max-width:1199px){
	.carousel-inner>.item embed{ 
		display:none;}
}
/* main_01 CSS
-------------------------------------------------- */
.main_01 {
	background:#fff;
	overflow:hidden;
	box-shadow: 0 3px 5px #0683a7;}
/*******通知公告*********/
.c_tzgg{
	width:100%;
	margin-top:20px;}
.tzgg_title{
	width:100%;
	height:30px;
	background: url(../images/title01_bg.jpg) left no-repeat;}
.tzgg_title img{
	float:left;
	margin-top:5px;}
.tzgg_title h3{
	float:left;
	color:#fff;
	margin-top:5px;
	margin-left:30px;
	font-size:18px;
	font-weight:bold;}
.tzgg_title a{
	float:right;
	margin-top:5px;
	margin-right:5px;
	color:#2a9dee;
	font-size:12px;}
.tzgg_title a:hover{
	color:#0078ff;}
@media (max-width:767px){
	.tzgg_list >ul{
		height:180px;
		overflow:hidden;}
}
.tzgg_list >ul >li >a{
	display:block;
	width:100%;
	height:30px;
	margin:5px 0;}
.tzgg_list >ul >li >a >p{
	display:inline-block;
	float:left;
	width:85%;
	height:30px;
	line-height:30px;
	background:url(../images/icon_triangle.jpg) left center no-repeat;
	text-indent:15px;
	color:#333333;
	overflow: hidden; /*自动隐藏文字*/
	text-overflow: ellipsis;/*文字隐藏后添加省略号*/
	white-space: nowrap;}
.tzgg_list >ul >li >a:hover >p{
	color:#117cf5;
	text-decoration:underline;}
.tzgg_list >ul >li >a >i{
	display:inline-block;
	float:right;
	text-align:right;
	width:15%;
	height:30px;
	line-height:30px;
	font-style:normal;
	color:#999999;
	font-size:12px;
	overflow: hidden; /*自动隐藏文字*/
	text-overflow: ellipsis;/*文字隐藏后添加省略号*/
	white-space: nowrap;}
@media (max-width:767px){
	.tzgg_list >ul >li >a >p{
		width:75%;}
	.tzgg_list >ul >li >a >i{
		width:25%;}
}
/*******学术动态*********/
.c_xsdt{
	margin-top:20px;}
.xsdt_title{
	width:100%;
	height:30px;
	background: url(../images/title02_bg.jpg) left no-repeat;}
.xsdt_title >b{
	font-size:18px;
	font-weight:bold;
	color:#ffffff;
	float:left;
	display:inline-block;
	width:30px;
	line-height:30px;
	text-align:center;}
.xsdt_title >h3{
	font-size:18px;
	font-weight:bold;
	color:#117cf5;
	float:left;
	margin-top:5px;
	margin-left:5px;}
.xsdt_title >a{
	font-size:12px;
	color:#2a9dee;
	float:right;
	margin-right:5px;
	line-height:30px;}
.xsdt_title >a:hover{
	color:#0078ff;}
@media (max-width:767px){
	.xsdt_list >ul{
		height:180px;
		overflow:hidden;}
}
.xsdt_list >ul >li >a{
	display:block;
	width:100%;
	height:30px;
	margin:5px 0;}
.xsdt_list >ul >li >a >p{
	display:inline-block;
	float:left;
	width:80%;
	height:30px;
	line-height:30px;
	background:url(../images/icon_triangle.jpg) left center no-repeat;
	text-indent:15px;
	color:#333333;
	overflow: hidden; /*自动隐藏文字*/
	text-overflow: ellipsis;/*文字隐藏后添加省略号*/
	white-space: nowrap;}
.xsdt_list >ul >li >a:hover >p{
	color:#117cf5;
	text-decoration:underline;}
.xsdt_list >ul >li >a >i{
	display:inline-block;
	float:right;
	text-align:right;
	width:20%;
	height:30px;
	line-height:30px;
	font-style:normal;
	color:#999999;
	font-size:12px;
	overflow: hidden; /*自动隐藏文字*/
	text-overflow: ellipsis;/*文字隐藏后添加省略号*/
	white-space: nowrap;}
@media (max-width:767px){
	.xsdt_list >ul >li >a >p{
		width:75%;}
	.xsdt_list >ul >li >a >i{
		width:25%;}
}
/*******项目管理*********/
.c_xmgl{
	margin-top:20px;}
.xmgl_title{
	width:100%;
	height:30px;
	background: url(../images/title01_bg.jpg) left no-repeat;}
.xmgl_title img{
	float:left;}
.xmgl_title h3{
	float:left;
	color:#fff;
	margin-top:5px;
	margin-left:30px;
	font-size:18px;
	font-weight:bold;}
.xmgl_title a{
	float:right;
	margin-top:5px;
	margin-right:5px;
	color:#2a9dee;
	font-size:12px;}
.xmgl_title a:hover{
	color:#0078ff;}
@media (max-width:767px){
	.xmgl_list >ul{
		height:180px;
		overflow:hidden;}
}
.xmgl_list >ul >li >a{
	display:block;
	width:100%;
	height:30px;
	margin:5px 0;}
.xmgl_list >ul >li >a >p{
	display:inline-block;
	float:left;
	width:85%;
	height:30px;
	line-height:30px;
	background:url(../images/icon_triangle.jpg) left center no-repeat;
	text-indent:15px;
	color:#333333;
	overflow: hidden; /*自动隐藏文字*/
	text-overflow: ellipsis;/*文字隐藏后添加省略号*/
	white-space: nowrap;}
.xmgl_list >ul >li >a:hover >p{
	color:#117cf5;
	text-decoration:underline;}
.xmgl_list >ul >li >a >i{
	display:inline-block;
	float:right;
	text-align:right;
	width:15%;
	height:30px;
	line-height:30px;
	font-style:normal;
	color:#999999;
	font-size:12px;
	overflow: hidden; /*自动隐藏文字*/
	text-overflow: ellipsis;/*文字隐藏后添加省略号*/
	white-space: nowrap;}
@media (max-width:767px){
	.xmgl_list >ul >li >a >p{
		width:75%;}
	.xmgl_list >ul >li >a >i{
		width:25%;}
}
/**********资料下载************/
.c_zlxz{
	height:320px;	
	margin-top:20px;}
.zlxz_title{
	width:100%;
	height:30px;
	background: url(../images/title02_bg.jpg) left no-repeat;}
.zlxz_title >b{
	font-size:18px;
	font-weight:bold;
	color:#ffffff;
	float:left;
	display:inline-block;
	width:30px;
	line-height:30px;
	text-align:center;}
.zlxz_title >h3{
	font-size:18px;
	font-weight:bold;
	color:#117cf5;
	float:left;
	margin-top:5px;
	margin-left:5px;}
.zlxz_title >a{
	font-size:12px;
	color:#2a9dee;
	float:right;
	margin-right:5px;
	line-height:30px;}
.zlxz_title >a:hover{
	color:#0078ff;}
.zlxz_list >ul >li >a{
	display:block;
	width:100%;
	height:30px;
	line-height:30px;
	background:url(../images/icon_roundness.jpg) left center no-repeat;
	text-indent:15px;
	color:#333333;
	margin:5px 0;
	overflow: hidden; /*自动隐藏文字*/
	text-overflow: ellipsis;/*文字隐藏后添加省略号*/
	white-space: nowrap;}
.zlxz_list >ul >li >a:hover{
	color:#117cf5;
	text-decoration:underline;}
.zlxz_contact >ul{
	border:1px solid #e0ebee;
	background:#f0f9fb;}
.zlxz_contact >ul >li{
	width:100%;
	height:30px;}
.zlxz_contact >ul >li >span{
	display:inline-block;
	float:left;
	width:75px;
	height:30px;
	line-height:30px;
	text-align:center;
	color:#fff;
	line-height:30px;
	border-bottom:1px solid #fff;
	background:#117cf5;}
.zlxz_contact >ul >li >p{
	display:inline-block;
	float:left;
	text-indent:20px;
	height:30px;
	line-height:30px;
	color:#666666;}

/* friendlink CSS
-------------------------------------------------- */
.c_friendlink {
	width:100%;
	height:30px;
	background:#308aef;
	margin-top:20px;
	float:left;}
.c_friendlink h3{
	float:left;
	font-size:16px;
	font-weight:bold;
	color:#fff;
	line-height:30px;
	text-indent:10px;
	width:90px;}
#friendlink{
	position:relative; 
	overflow:hidden; 
	float:left;
	width:90%;
	height:30px;}
@media (max-width:1199px){
	#friendlink{
		width:85%;}	
}
@media (max-width:699px){
	#friendlink{
		width:80%;}	
}
@media (max-width:540px){
	#friendlink{
		width:70%;}	
}
@media (max-width:440px){
	#friendlink{
		width:60%;}	
}
#friendlink >ul{ 
	position:absolute; 
	left:0;}
#friendlink >ul >li{
	float:left;}
#friendlink >ul >li >a{
	display:inline-block;
	width:140px;
	text-align:center;
	height:20px;
	line-height:20px;
	margin:5px 0;
	border-right:1px solid #f0f9fb;
	font-size:14px;
	color:#f0f9fb;}
#friendlink >ul >li >a:hover{
	color:#3d3d3d;}

/* footer CSS
-------------------------------------------------- */
.footer {
	width:100%;
	float:left;
	text-align:center;
	margin:5px 0;}
.footer span{
	font-size:12px;}
.footer span a{
	font-size:12px;
	color:#555555;}
.footer span a:hover{
	color:#428bca;}
.footer span i{
	display:inline-block;
	width:13px;
	height:14px;
	line-height:14px;
	font-size:8px;
	color:#2f8cc7;
	margin-right:3px;
	font-style:normal;
	background:url(../images/lltj_bg.jpg) no-repeat;}
@media (max-width:767px){
	.footer span{
		display:block;}
}
/* 浏览器更新提示 CSS
-------------------------------------------------- */
.g-browser-update {
  text-align: center;
  color: #da222c;
  line-height: 24px;
  padding-top: 3px;
  padding-right: 10px;
  padding-bottom: 3px;
  padding-left: 10px;
  position: relative;
  background-image: none;
  background-attachment: scroll;
  background-color: #fbec88;}
.g-browser-update a {
  color: #da222c;
  font-weight: bold;}
/*-------------------------------------------------------------------list.html-------------------------------------------------------------------*/
/*list.html css*/
.list {
	background:#fff;
	overflow:hidden;
	box-shadow: 0 3px 5px #0683a7;}
/******左侧******/
.list_left{
  width: 100%;
  float: left;
  border:1px solid #3293ff;
  border-radius:5px;
  margin-top:20px;
  background:#f0f9fb;}
.left_menu{
	padding-bottom:10px;}
.menu_title{
	width:80%;
	font-size: 18px;
	color: #117cf5;
	font-weight:bold;
	border-bottom:1px dashed #d9dada;
	margin-top:20px;
	line-height:35px;
	margin-left:10%;
	margin-bottom:5px;}
.left_menu >li >a{
	display: block;
	color: #333333;
	line-height:35px;
	text-indent:15px;
	margin-left:25px;
	background:url(../images/icon_right.jpg) left center no-repeat;
	font-weight:normal;
	overflow: hidden; /*自动隐藏文字*/
	text-overflow: ellipsis;/*文字隐藏后添加省略号*/
	white-space: nowrap;}
.left_menu >li >a.left_menu_active,
.left_menu >li >a.left_menu_on,
.left_menu >li >a:hover{
	color: #117cf5;}
.left_menu02{
  display: none;
  width: 100%;}
.left_menu02 li a{
	display: block;
	text-indent: 40px;
	font-size: 14px;
	color: #555555;
	line-height: 40px;
	overflow: hidden; /*自动隐藏文字*/
	text-overflow: ellipsis;/*文字隐藏后添加省略号*/
	white-space: nowrap;}
.left_menu02 li a:hover{
	color: #117cf5;}

/******右侧******/
.list_right{
	margin-top:20px;
	margin-bottom:20px;
	min-height:660px;
	overflow:hidden;}
.right_breadcrumb{
	border-bottom:2px solid #eeeeee;
	color:#999999;
	line-height:35px;}
.right_breadcrumb a{
	color:#999999;}
.right_breadcrumb a.breadcrumb_active,
.right_breadcrumb a:hover{
	color:#117cf5;}
.right_content{
	margin-top:20px;}
.right_content_text >ul{
	margin-top:50%;}
@media (max-width:1199px){
	.right_content_text >p{
		margin-top:10px;}
	.right_content_text >ul{
		margin-top:10px;}
}
@media (max-width:992px){
	.right_content_img{}
}


.right_ul >ul >li >a{
	display:block;
	width:100%;
	height:30px;
	margin:5px 0;}
.right_ul >ul >li >a >p{
	display:inline-block;
	width:80%;
	height:30px;
	line-height:30px;
	color:#333333;
	overflow: hidden; /*自动隐藏文字*/
	text-overflow: ellipsis;/*文字隐藏后添加省略号*/
	white-space: nowrap;}
.right_ul >ul >li >a:hover >p{
	color:#117cf5;
	text-decoration:underline;}
.right_ul >ul >li >a >i{
	display:inline-block;
	text-align:right;
	float:right;
	width:20%;
	height:30px;
	line-height:30px;
	font-style:normal;
	color:#999999;
	font-size:12px;
	overflow: hidden; /*自动隐藏文字*/
	text-overflow: ellipsis;/*文字隐藏后添加省略号*/
	white-space: nowrap;}
@media (max-width:767px){
	.right_ul >ul >li >a >p{
		width:75%;}
	.right_ul >ul >li >a >i{
		width:25%;}
}
.list_img >ul >li >a{
	display:inline-block;
	margin-bottom:10px;} 
.list_img >ul >li >a >img{
	width:100%;
	height:auto;}
.list_img >ul >li >a >p{
     overflow: hidden; /*自动隐藏文字*/
     text-overflow: ellipsis;/*文字隐藏后添加省略号*/
     white-space: nowrap;}