html,
body {
  font: normal 14px/24px "microsoft yahei", "微软雅黑", Arial;
  background:url(../images/bg.png);
  background-repeat: repeat-y;
background-size: 100% 100%;
 color: #555555;
  width: 1200px;
  margin: auto;
  height: auto;
}
/* header CSS
-------------------------------------------------- */
.header_wrap {
	width:100%;
	height:125px;
	position:relative;
	background:url(../images/logo.jpg);
}
.header_logo img{
	float:left;
	margin-top:20px;
	margin-left: 30px;
}

/* navbar CSS
-------------------------------------------------- */
.nav_wrap{
	width:100%;
	height:50px;
	background:#1654df;
	box-shadow: 1px 4px 1px 1px #999;
	text-align:justify;
}
.nav_wrap .nav{
}
.nav >ul >li{
  float: left;
}
.nav >ul >li >a{
  display: inline-block;
text-align: center;
  transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-webkit-transition:all 0.3s ease-in-out;
  /*padding: 0 2px;*/
  line-height: 48px;
  font-size: 18px;
  color: #fff;
  margin:0 20px;
  font-weight: 600;
  letter-spacing: 1px;
}
.nav >ul >li >a.nav_active{
	text-shadow: 2px -2px #999;
}

.nav >ul >li >a.nav_active:after{
	content: "";
	position: absolute;
	top: 50%;
	width:70%;
	left: 15%;
	bottom: 0px;
	}
.nav >ul >li >a.nav01_on,
.nav >ul >li >a:hover{
	transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-webkit-transition:all 0.3s ease-in-out;
}
.nav >ul >li >a:after{
	content: "";
	position: absolute;
	top: 50%;
	width: 0;
	left: 15%;
	
	bottom: 0px;
	
	transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-webkit-transition:all 0.3s ease-in-out;
}

.nav >ul >li >a:hover:after{
	width:70%;
}
.nav >ul >li{
  position: relative;
  z-index: 999;
}
.nav02{
  position: absolute;
  left: 0;
  top: 48px;
  display: none;
  padding-bottom:5px;
  background:#fff;
  box-shadow: 0px 2px 3px #d1d1d1;
}
.nav02 >li{
  position: relative;
}
.nav02 >li >a{
  display: block;
  color: #222222;
  text-indent: 20px;
  width: 170px;
  height: 40px;
  padding-right:10px;
  line-height: 40px;
  font-size: 14px;
  border-bottom:1px dashed #e8e8e8;
  overflow: hidden; 
  text-overflow: ellipsis;
  white-space: nowrap;
}
.nav02 >li >a.nav02_on,
.nav02 >li >a:focus,
.nav02 >li >a:hover{
	color:#005bab;
}
.nav03{
  position: absolute;
  left: 180px;
  top: 0;
  display: none;
  padding-bottom:5px;
  background:#fff;
  box-shadow: 0px 2px 3px #d1d1d1;
}
.nav03 >li >a{
  display: block;
  color: #222222;
  text-indent: 20px;
  width: 170px;
  height: 40px;
  line-height: 40px;
  padding-right:10px;
  font-size: 14px;
  border-bottom:1px dashed #e8e8e8;
  overflow: hidden; 
  text-overflow: ellipsis;
  white-space: nowrap;
}
.nav03 >li >a:hover{
	color:#005bab;
}


/* banner CSS
-------------------------------------------------- */
.banner_content{
	    position: absolute;
	    width: 100%;
	    top: 0px;
	    left: 0px;
	    height: 320px;
	}

.tbfocus01 .bd img{
  animation: bg_img 5s infinite; 
}
@keyframes bg_img {
  0% { transform: scale(1); }
  50% { transform: scale(1); }
  100% { transform: scale(1); } 
}
.banner_content .w1200 {
    position: relative;
    width: 1200px;
    height: 275px;
}
.banner_title {
    position: absolute;
    left: 55px;
    top: 45px;
    z-index: 100;
}
.banner_title a{
display: block;
}
.banner_text {
    position: absolute;
    left: 0px;
    bottom: 0px;
    width: 100%;
    height: 45px;


}
.banner_title.banner_title02 {
    top: 190px;
}
.banner_title.banner_title03 {
    top: 230px;
    left: 213px;
}
.tbfocus01 { 
	width: 100%; 
	margin: 0 auto; 
	height: 320px; 
	overflow: hidden; 
	position: relative; 
}
.tbfocus01 .prev, .tbfocus01 .next { 
	display: inline-block; 
	width: 55px; 
	height: 106px; 
	position: absolute; 
	top: 50%; 
	margin-top: -53px; 
}
.tbfocus01 .hd { 
	width: 1200px; 
	height: 400px; 
	position: absolute; 
	left: 50%; 
	margin-left: -585px; 
	bottom: 0; 
	z-index: 99; 
}
.tbfocus01 .hd ul { 
	padding: 22px 0; 
	width: 60px;
	position: absolute; 
	bottom: 0; 
	right: 50%; 
	margin-right:-30px;
}
.tbfocus01 .hd ul li { 
	width: 20px; 
	height: 20px; 
	/*background: url(../images/li-bg.png) center no-repeat; */
	float: right; 
	margin-right: 10px; 
	cursor: pointer; 
}
.tbfocus01 .hd ul li.on { 
	/*background: url(../images/li-on-bg.png) center no-repeat; */
}
.tbfocus01 .bd { 
	width: 100%; 
	overflow: hidden; 
}
.tbfocus01 .bd ul { 
	position: relative; 
	width: 100%; 
	height: 295px; 
	margin: 0; 
}
.tbfocus01 .bd ul li { 
	position: absolute; 
	width: 100%; 
	left: 0px; 
	top: 0px; 
}
.tbfocus01 .bd img.banner { 
	width: 100%; 
	height: 295px; 
	overflow: hidden; 
}
/* main_01 CSS
-------------------------------------------------- */
.main_01 {
	overflow:hidden;
}
.c_title{
	width:100%;
	height:45px;
}
.c_title >span{
	display:inline-block;
	width:240px;
	height:42px;
	line-height:42px;
	font-weight: 600;
	color:#006fba;
	font-size:18px;
	padding-left:30px;
	margin-left:20px;
	float:left;
	background-position: 0 center;
	background-repeat: no-repeat;
}
.c_title >span.icon01{
	background-image: url(../images/icon01.png);
}
.c_title >span.icon02{
	background-image: url(../images/icon02.png);
}
.c_title >span.icon03{
	background-image: url(../images/icon03.png);
}
.c_title >span.icon04{
	background-image: url(../images/icon04.png);
}
.c_title >span.icon05{
	background-image: url(../images/icon05.png);
}
.c_title >a{
	display:inline-block;
	float:right;
	margin-right:20px;
	margin-top:15px;
	width:15px;
	height:15px;
	background:url(../images/more.png) no-repeat;
}
.c_title >a:hover{
	background:url(../images/more_b.png) no-repeat;	
}
/*成果简介*/
.c_brief{
	width: 700px;
	height: 450px;
	margin-top:20px;
	background:#f7f7f7;
	
	text-align:justify;
	
}
.brief_img >a{
	display:inline-block;
	float: left;
	width: 200px;
	height: 200px;
	overflow: hidden;
}
.brief_img >a >img{
	transition:0.6s;
}
.brief_img >a:hover >img{
	transform:scale(1.1);
}
.brief_content{
	padding:20px;
}
.brief_text{
	width:455px;
	float:left;
	margin-left:15px;
	text-align: justify;
	line-height:24px;
	height:400px;
	overflow:hidden;
	color:#585858;
}
.brief_text p
{
	font-size: 15px;
}
/*主要完成人*/
.c_director{
	width: 435px;
	height: 582px;
	float: right;
	margin-top:20px;
	background:#f7f7f7;
	text-align: justify;
	
}
.director_title{
	position: relative;
	width: 100%;
	height: 47px;
	border-bottom: 4px solid #466672;
}
.director_title >i{
	position: absolute;
	display: inline-block;
	left: 0;
	width:22px;
	height: 47px;
	background: url(../images/title_bg.png) no-repeat;
}
.director_title >div.title_text{
	position: absolute;
	left: 22px;
	width: 373px;
	height: 45px;
	border: 1px solid #dfe3e8;
	border-left: none;
	float: left;
}
.director_title >div.title_text span{
	line-height: 45px;
	font-size: 18px;
	font-weight: bold;
	color: #23414c;
	letter-spacing: 2px;
}
.director_title >div.title_text b{
	font-size: 20px;
	font-weight: bold;
	color: #1bc744;
}
.director_title >div.title_text a{
	position: absolute;
	right: 15px;
	bottom: 10px;
	color: #1c4453;
}
.director_title >div.title_text a:hover{
	color: #1bc744;
}
.director_title >div.title_text a img{
	position: absolute;
	right: 45px;
	top: 3px;
}
.director_content{

	height: 504px;
	margin-top:15px;
	margin-left:20px;
	position: relative;
	overflow: hidden;
}

.director_content >ul >li{
	display: block;
	cursor: pointer;
}
.director_content >ul >li a{
	display: block;
	font-size: 0;
	height: 70px;
	margin-bottom: 31px;

}
.director_content >ul >li a:hover span{
	background:#3498DB;
	transition: all .3s ease;
}
.director_content >ul >li a:hover p{
	text-decoration: underline;
}
.director_content >ul >li span{
	display: inline-block;
	padding: 12px;
	font-size: 18px;
	font-weight: 600;
	width: 115px;
	height: 50px;
	text-align: center;
	color:#fff;
	vertical-align: top;
}
.director_content >ul >li span.forel1{
	background: #0080e2;
}
.director_content >ul >li span.forel2{
	background: #1fc264;
}
.director_content >ul >li span.forel3{
	background: #c87523;
}
.director_content >ul >li .detail{
	display: inline-block;
    width: 184px;
    margin-left: 15px;
    font-size: 15px;
    color: #585858;
    margin-top: -2px;
}
.director_content .video_pic{
	display: block;
	font-size: 0;
	
	width: 335px;
}
 .director_content .video_pic:hover h2{
	text-decoration: underline;
	transition: all .3s ease;
} 
.director_content .video_pic img{
	vertical-align: middle;
}
.director_content .video_pic h2{
   font-size: 18px;
   color:#006fba;
   line-height: 26px;
   text-align: center;
   margin-top: 9px;
   width: 335px;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
}


/* 成果展示 CSS
-------------------------------------------------- */
.c_album {
	width: 755px;
	height: 250px;
	float:left;
	margin-top: 40px;
	background: #f7f7f7;
	text-align:justify;
	
}
#album{
	width: 715px;
	height: 205px;
	margin-left:20px;
	position: relative;
	overflow: hidden;
}
#album >ul{
	position: absolute; 
	top: 20px;
}
#album >ul >li{
	float: left;
}
#album >ul >li >a{
	display: inline-block;
	width: 224px;
	height: 140px;
	margin-right:20px;
}
#album >ul >li >a img{

    width: 224px;
    height: 140px;

}
#album >ul >li >a:hover{
	opacity: 0.8;
}
#album >ul >li >a p{
  overflow: hidden; 
  text-overflow: ellipsis;
  white-space: nowrap;
  color:#555555;
  font-size:16px;
}
#album >ul >li >a:hover p{
	color: #169fff;
}


.c_brief ,.c_director ,.c_album{
	border:2px solid #eaeff3;
	border-radius: 20px;
	box-shadow: #999999 5px 5px 10px 5px;
}
/* footer CSS
-------------------------------------------------- */
.footer {
	width:100%;
	margin-top: 30px;
	padding:25px 0;
	line-height: 24px;
	background: #0087e5;
	box-shadow: 1px -2px 1px 1px #999;
	text-align:justify;
}
.footer_text {
	text-align: center;
	color:#fff;
}
.footer_text a{
  color: #fff;
}
.footer_text a:hover{
	text-decoration:underline;
}
.footer_text i{
  display: inline-block;
  width: 12px;
  height: 12px;
  line-height: 12px;
  color: #fff;
  font-size: 10px;
  text-align: center;
  font-style: normal;
}
.footer_text i.lltj_green{
	background:#60cea5;	
}
.footer_text i.lltj_yellow{
	background:#cec860;	
}

/* 浏览器更新提示 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;
}
/*-------------------------------------------------------------------list01.html-------------------------------------------------------------------*/
/*list01.html css*/

.content_ny{ width: 1198px; margin: 50px auto; border: 1px solid #eeeeee; padding-bottom: 20px;border-radius: 20px;
	box-shadow: #999999 5px 5px 10px 5px;}
.ny_title{ height: 50px; background-color: #fafafa; overflow: hidden;border-radius: 20px;}
.list_tit{ height: 50px; width: 217px; margin-left: 12px; background: url("../images/ny_titbg.png") no-repeat center bottom; font-size: 20px;
    color: #6f6f73; font-weight: bold; line-height: 50px; text-align: center; float: left;}
.list_fan{ float: right; font-size: 12px; color: #999999; margin-right: 25px; margin-top: 20px;}
.list_fan a{ font-size: 12px; color: #999999; }
.list_fan a:hover{ color: #0398db;}
.list_content{ overflow: hidden;}
.list_left{ float: left;}
.list_ul{ width: 217px; margin-left: 12px; padding-top: 35px; background: url("../images/ny_listbg.png") repeat-y center top; padding-bottom: 45px;}
.list_ul li{width: 215px; border: 1px solid #cfcfcf; border-radius: 3px;margin-bottom: 20px; border-radius: 3px; background-color: #ffffff;}
.list_ul li a{ display: block; font-size: 18px; color: #50545f; width: 215px; text-align: center; padding: 15px 0; transition: all 0.2s; }
.list_ul li >ul{ display: none;}
.list_ul li >ul >li{ width: 197px; margin-left: 10px; margin-top: 10px; margin-bottom: 10px; background-color: #fafafa; border: 1px solid #eeeeee;}
.list_ul li >ul >li >a{ font-size:16px; width: 197px; padding: 7px 0;}
.in_ul li >ul{ display: none;}
.in_ul li >ul >li{ width: 179px; margin-left: 10px; margin-top: 10px; margin-bottom: 10px; background-color: #fff; border: 1px solid #eeeeee;}
.in_ul li >ul >li >a{ font-size:14px; width: 179px; padding: 7px 0;}

.list_ul li a.current_in,
.list_ul li a.subMenubg,
.list_ul li a:hover{ background-color: #3291d1; color:#fff; border-radius: 3px;}

.list_ul li>ul.in_uls{ display: none;}
.list_ul li>ul.in_uls>li{ width: 170px; margin-left: 10px; margin-top: 10px; margin-bottom: 10px; background-color: #fafafa; border: 1px solid #eeeeee;}
.list_ul li>ul.in_uls>li a{ font-size:14px; width: 170px; padding: 7px 0;}

.list_unbg{ width: 217px; height: 30px; display: block; margin-left: 12px;  background: url("../images/ny_ulbg.png") no-repeat center top;}

.list_right{ width: 919px; float: right; padding: 25px;}
.list_right h4{ font-size: 24px; color: #666666; text-align: center; font-weight: normal;}
.content_in{ padding-top: 20px; padding-left: 20px;}
.content_in p{ font-size: 14px; color: #666666; line-height: 24px; text-indent: 2em; margin-bottom: 10px;}




/*-------------------------------------------------------------------list02.html-------------------------------------------------------------------*/
/*list02.html css*/