@charset "gb2312";
body,html{margin:0; padding:0;}
body{background-color:#fff; font-size:14px; color:#333; font-family:Microsoft Yahei, sans-serif;}
img{ border:0;}
div,ul,li,form,input{ padding:0; margin:0;}
ul,li{ list-style:none;}

a{ color:#333; text-decoration:none; -webkit-transition:color 0.8s ease; -moz-transition:color 0.8s ease; transition:color 0.8s ease; -ms-transition:color 0.8s ease;}
a:link,
a:Visited{ color:#333; text-decoration:none;}
a:hover{ color:#0295c5;}

.area_980{ width:980px; margin:0 auto; overflow:auto;}
.area_sp{ padding:8px 0px 15px;}
.area_p{ position:relative;}

.page_np{ margin-top:10px; border-top:1px dashed #ccc; padding-top:5px;}
.page_np a{ height:30px; line-height:30px;}

#web_top{ height:102px; padding:15px 0;}

#web_dh{ background:url(../images/dh_bg.jpg) center no-repeat;}
#nav { display:block; position:relative; width:980px; margin:0 auto;}
#nav .mainlevel { float:left; height:37px; line-height:37px;}
#nav .mainlevel .f_dh { color:#fff; font-size:16px; height:16px; line-height:16px; display:block; text-align:center; margin-top:10px; width:89px;}
#nav .mainlevel .f_dh:hover { text-decoration:none;}
#nav .mainlevel ul { display:none; position:absolute;top:37px; z-index:100;}
#nav .mainlevel ul li a{ display:block; color:#fff; font-size:14px; text-align:left; height:35px; line-height:35px; background-color:#68ba62; padding:0 16px; -webkit-transition:all 0.8s ease; -moz-transition:all 0.8s ease; transition:all 0.8s ease; -ms-transition:all 0.8s ease;}
#nav .mainlevel ul li a:hover{ background-color:#000000;}
.clear {clear:both; *display:inline;}
#nav .mainlevel .w_130{ width:129px;}
#nav .mainlevel .b_r{ border-right:1px solid #fff;}

#foot{ background-color:#e0e0e0;}
#foot .foot_sp{ background-color:#FFF; height:40px;}
#foot .foot_left{ float:left; width:449px; height:200px; background:url(../images/foot_left.jpg) left 25px no-repeat;}
#foot .foot_right{ float:right; width:381px; height:200px; background:url(../images/foot_right.jpg) right 25px no-repeat; position:relative;}
#foot .foot_right span{ display:block; line-height:160%; position:absolute;}
#foot .foot_right .foot_lx{ font-weight:bold; left:14px; top:58px; color:#333;}
#foot .foot_right .foot_bq{ text-align:right; right:0; top:135px; color:#666;}

.area_menu{ width:240px; float:left;}
.area_menu h1{ background:url(../images/menu_title_bg.jpg) left no-repeat; padding-left:20px; font-size:16px; font-weight:normal; color:#fff; height:38px; line-height:38px; margin:0;}
.area_menu ul{ margin-top:10px;}
.area_menu li{ height:35px; line-height:35px; width:220px; border-bottom:1px solid #e3e3e3;}
.area_menu li a{ display:block; background:url(../images/menu_ic.jpg) 5px 14px no-repeat; padding-left:20px; color:#666;}
.area_menu li a:hover{ color:#54ca43;}
.area_menu li a.loc{ background-color:#f5f5f5; color:#54ca43;}

.area_main{ float:right; width:738px;}
.area_main .loc{ height:38px; line-height:38px; border-bottom:1px dashed #ccc; text-align:right; color:#999; font-size:12px; margin-bottom:10px;}
.area_main .loc span{ color:#009889;}

.main_nr{ line-height:180%; color:#999; overflow:auto;}
.main_nr_border{ border-right:10px solid #efefef; padding-right:10px;}

.c_job{ position:absolute; left:0; bottom:0; width:220px;}
.c_job li{ margin-top:15px;}
.c_job li a{ display:block; height:48px; line-height:48px; padding-left:70px; color:#666;}
.c_job li a.l_contact{ background:url(../images/c_bg.jpg) left no-repeat;}
.c_job li a.l_job{ background:url(../images/job_bg.jpg) left no-repeat;}

/* 首页广告 */

.flicker-example ul li a{ display:block; height:633px;}
.flickerplate {
	position:relative;
	width:100%;
	height:633px;
	background-color:#e6e6e6;
	overflow:hidden
;}
.flickerplate ul.flicks {
	width:10000%;
	height:100%;
	padding:0px;
	margin:0px;
	list-style:none
;}
.flickerplate ul.flicks>li {
	float:left;
	width:1%;
	height:100%;
	background-position:center;
	background-size:cover;
	display:table
;}
.flickerplate ul.flicks>li .flick-inner {
	height:100%;
	padding:10px;
	color:#fff;
	display:table-cell;
	vertical-align:middle
;}
.flickerplate ul.flicks>li .flick-inner .flick-content {
	max-width:68.75em;
	margin-left:auto;
	margin-right:auto
;}


.flickerplate ul.flicks>li .flick-title span.flick-block-text, .flickerplate ul.flicks>li .flick-sub-text span.flick-block-text {
	padding:12px 18px;
	background-color:rgba(0, 0, 0, 0.6)
;}
.flickerplate .arrow-navigation {
	position:absolute;
	height:80%;
	width:10%;
	top:10%;
	z-index:100;
	overflow:hidden
;}
.flickerplate .arrow-navigation .arrow {
	display:block;
	height:100%;
	width:90%;
	-webkit-transition:all 0.2s ease-out;
	-moz-transition:all 0.2s ease-out;
	-o-transition:all 0.2s ease-out;
	-ms-transition:all 0.2s ease-out;
	transition:all 0.2s ease-out
;}
.flickerplate .arrow-navigation:hover, .flickerplate .arrow-navigation .arrow:hover {
	cursor:pointer
;}
.flickerplate .arrow-navigation.left {
	left:0%
;}
.flickerplate .arrow-navigation.left .arrow {
	opacity:0;
	margin:0px 0px 0px 50%;
	background-image:url(../images/flickerplate/arrow-left-light.jpg);
	background-repeat:no-repeat;
	background-position:left
;}
.flickerplate .arrow-navigation.right {
	right:0%
;}
.flickerplate .arrow-navigation.right .arrow {
	opacity:0;
	margin:0px 0px 0px -50%;
	background-image:url(../images/flickerplate/arrow-right-light.jpg);
	background-repeat:no-repeat;
	background-position:right
;}
.flickerplate .arrow-navigation.left.hover .arrow {
	opacity:1;
	margin:0px 0px 0px 20%
;}
.flickerplate .arrow-navigation.right.hover .arrow {
	opacity:1;
	margin:0px 0px 0px -20%
;}
.flickerplate .dot-navigation {
	position:absolute;
	bottom:15px;
	width:100%;
	text-align:center;
	z-index:100
;}
.flickerplate .dot-navigation ul {
	text-align:center;
	list-style:none;
	padding:0px 15px
;}
.flickerplate .dot-navigation ul li {
	display:inline-block;
	float:none
;}
.flickerplate .dot-navigation .dot {
	width:14px;
	height:14px;
	margin:0px 6px;
	background-color:rgba(255, 255, 255, 0.3);
	border-radius:50%;
	-o-border-radius:50%;
	-ms-border-radius:50%;
	-moz-border-radius:50%;
	-webkit-border-radius:50%;
	-webkit-transition:background-color 0.2s ease-out;
	-moz-transition:background-color 0.2s ease-out;
	-o-transition:background-color 0.2s ease-out;
	-ms-transition:background-color 0.2s ease-out;
	transition:background-color 0.2s ease-out
;}
.flickerplate .dot-navigation .dot:hover {
	cursor:pointer;
	background-color:rgba(255, 255, 255, 0.6)
;}
.flickerplate .dot-navigation .dot.active {
	background-color:#fff
;}
.flickerplate .dot-navigation.left, .flickerplate .dot-navigation.left ul {
	text-align:left
;}
.flickerplate .dot-navigation.right, .flickerplate .dot-navigation.right ul {
	text-align:right
;}
.flickerplate.flicker-theme-dark .arrow-navigation.left .arrow {
	background-image:url(../images/flickerplate/arrow-left-dark.jpg)
;}
.flickerplate.flicker-theme-dark .arrow-navigation.right .arrow {
	background-image:url(../images/flickerplate/arrow-right-dark.jpg)
;}
.flickerplate.flicker-theme-dark .dot-navigation .dot {
	background-color:rgba(0, 0, 0, 0.12)
;}
.flickerplate.flicker-theme-dark .dot-navigation .dot:hover {
	background-color:rgba(0, 0, 0, 0.6)
;}
.flickerplate.flicker-theme-dark .dot-navigation .dot.active {
	background-color:#000
;}
.flickerplate.flicker-theme-dark ul.flicks li .flick-inner {
	color:rgba(0, 0, 0, 0.9)
;}
.flickerplate.flicker-theme-dark ul.flicks li .flick-inner .flick-content .flick-sub-text {
	color:rgba(0, 0, 0, 0.9)
;}
.flickerplate.flicker-theme-dark ul.flicks li .flick-inner .flick-content .flick-title span.flick-block-text, .flickerplate.flicker-theme-dark ul.flicks li .flick-inner .flick-content .flick-sub-text span.flick-block-text {
	background-color:rgba(255, 255, 255, 0.5)
;}
.flickerplate ul.flicks li.flick-theme-dark .flick-inner {
	color:rgba(0, 0, 0, 0.9)
;}
.flickerplate ul.flicks li.flick-theme-dark .flick-inner .flick-content .flick-sub-text {
	color:rgba(0, 0, 0, 0.9)
;}
.flickerplate ul.flicks li.flick-theme-dark .flick-inner .flick-content .flick-title span.flick-block-text, .flickerplate ul.flicks li.flick-theme-dark .flick-inner .flick-content .flick-sub-text span.flick-block-text {
	background-color:rgba(255, 255, 255, 0.5)
;}
.flickerplate.animate-transform-slide ul.flicks {
	-webkit-perspective:1000;
	-webkit-backface-visibility:hidden;
	transform:translate3d(0%, 0px, 0px);
	-webkit-transform:translate3d(0%, 0px, 0px);
	-webkit-transition:-webkit-transform 0.6s;
	-o-transition:-o-transform 0.6s;
	-moz-transition:-moz-transform 0.6s;
	transition:transform 0.6s
;}
.flickerplate.animate-transition-slide ul.flicks {
	position:relative;
	left:0%;
	-webkit-transition:left 0.4s ease-out;
	-moz-transition:left 0.4s ease-out;
	-o-transition:left 0.4s ease-out;
	-ms-transition:left 0.4s ease-out;
	transition:left 0.4s ease-out
	
;}
.flickerplate.animate-jquery-slide ul.flicks {
	position:relative;
	left:0%
;}
.flickerplate.animate-scroller-slide {
	padding-bottom:0px;
	overflow:auto
;}
.flickerplate.animate-scroller-slide ul.flicks {
	position:auto
;}

/*首页滚动新闻*/
.web_tz{ float:left; width:650px; height:30px; background:url(../images/t01.jpg) left 4px no-repeat;}
.shell{
	float:left;
	margin-left:100px;	
	width:550px;
	background:url(../images/t01_bg.jpg) left 4px no-repeat;}
#div1{
	height:20px;
	overflow:hidden;
	text-align:left;
	padding-left:10px;
	margin-top:5px;}
#div1 a{ display:block; line-height:18px; color:#666; text-decoration:none;}
#div1 a:hover{ color:#0295c5;}

.web_search{ float:right; height:30px; background:url(../images/search_bg.jpg) left no-repeat;}
.web_search input{ display:block; float:left;}

.kuan_new{ float:left; width:318px;}
.kuan_right{ margin-right:13px;}
.kuan_new h1{ margin:0; padding:0; height:38px;}
.kuan_new h1 img{ display:block; padding-left:35px; padding-top:7px;}
.h1bg1{ background:url(../images/t_bg.jpg) no-repeat;}
.h1bg2{ background:url(../images/t_bg02.jpg) no-repeat;}
.kuan_new_nr{ background-color:#ebebeb; border-top:1px solid #fff; height:220px;}
.kuan_new_nr ul{ padding:10px 15px 0;}
.kuan_new_nr ul li{ border-bottom:1px dashed #999; height:30px; line-height:30px;}
.kuan_new_nr ul li span{ font-family:Arial, Helvetica, sans-serif; display:block; float:right;}
.kuan_new_nr .k_m{ display:block; float:right; margin-right:15px; font-family:Arial, Helvetica, sans-serif; font-size:12px; height:20px; line-height:20px;}

.web_xtdw h1{ margin:0; padding:0; height:38px;}
.web_xtdw h1 img{ display:block; padding-left:35px; padding-top:7px;}
.web_xtdw .web_xtdw_nr{ background-color:#f3f3f3; height:220px; border-top:1px solid #fff;}
		
.picScroll-left{ position:relative;}
.picScroll-left .hd{ overflow:hidden;  height:30px; padding:0 0 0 10px; position:absolute; top:-35px; right:0;}
.picScroll-left .hd .prev,.picScroll-left .hd .next{ display:block;  width:5px; height:9px; float:right; margin-right:5px; margin-top:10px;  overflow:hidden; cursor:pointer; background:url(../images/arrow.jpg) 0 0 no-repeat;}
.picScroll-left .hd .next{ background-position:0 -50px;}
.picScroll-left .hd .prevStop{ background-position:-60px 0;}
.picScroll-left .hd .nextStop{ background-position:-60px -50px;}
.picScroll-left .hd ul{ float:right; overflow:hidden; zoom:1; margin-top:10px; zoom:1;}
.picScroll-left .hd ul li{ float:left;  width:9px; height:9px; overflow:hidden; margin-right:5px; text-indent:-999px; cursor:pointer; background:url(../images/icocircle.jpg) 0 -9px no-repeat;}
.picScroll-left .hd ul li.on{ background-position:0 0;}

.picScroll-left .bd ul{ overflow:hidden; zoom:1;}
.picScroll-left .bd ul li{ float:left; margin-left:28px;}
.picScroll-left .bd ul li .pic{ text-align:center; padding:10px 0;}
.picScroll-left .bd ul li .pic img{ width:210px; height:50px; display:block;}


.slideTxtBox{ text-align:left;}
.slideTxtBox .hd{ position:relative; height:29px; background:url(../images/kyfx_bg.jpg) left no-repeat;}
.slideTxtBox .hd ul{ float:left; position:absolute; left:120px; top:0; height:29px;}
.slideTxtBox .hd ul li{ height:29px; line-height:29px; float:left; cursor:pointer; padding-left:10px;}
.slideTxtBox .hd ul li.on{ color:#fff;}

.slideTxtBox .bd{ background-color:#f1f3f2;}
.slideTxtBox .bd ul{ padding:38px 30px 10px 30px;  zoom:1;}
.slideTxtBox .bd ul .k_photo{ float:left; width:112px; margin-right:20px;}
.slideTxtBox .bd ul .k_photo img{ display:block; margin-top:5px;}
.slideTxtBox .bd ul .k_photo span{ display:block; height:35px; line-height:35px; color:#f00; text-align:center;}
.slideTxtBox .bd ul .k_nr{ line-height:160%; color:#666;}
.slideTxtBox .bd ul .k_m{ border-top:1px dashed #ccc; margin-top:10px; text-align:right; clear:both; padding:5px 0;}
.slideTxtBox .bd ul .k_m a{ color:#009889;}
.slideTxtBox .bd ul .k_m a:hover{ color:#008cca;}


.slideTxtBox .fd{ height:30px; background:url(../images/kyfx_bg02.jpg) top no-repeat;}


.kuan_new_xcpt{ height:220px; background:url(../images/cxpt.jpg) no-repeat; border-top:1px solid #fff; position:relative;}
.kuan_new_xcpt a{ display:block; position:absolute; height:35px;}
.kuan_new_xcpt .cxpt_a01{ right:0; top:7px; width:230px;}
.kuan_new_xcpt .cxpt_a02{ right:0; top:46px; width:200px;}
.kuan_new_xcpt .cxpt_a03{ right:0; top:92px; width:190px;}
.kuan_new_xcpt .cxpt_a04{ right:0; top:140px; width:200px;}
.kuan_new_xcpt .cxpt_a05{ right:0; bottom:8px; width:230px;}
.kuan_new_foot{ background:url(../images/kuan_foot.jpg) top no-repeat; height:40px;}

/*协同单位介绍*/
.xtdw_css li{ float:left; width:230px; margin-top:24px; margin-right:24px;}
.xtdw_css li.sp{  margin-right:0px;}
.xtdw_css li a{ display:block;}
.xtdw_css li a img{ display:block; border:1px solid #dedede; padding:9px; -webkit-transition:border-color 0.8s ease; -moz-transition:border-color 0.8s ease; transition:border-color 0.8s ease; -ms-transition:border-color 0.8s ease;}
.xtdw_css li a:hover img{ display:block; border-color:#009889; padding:9px;}

.xtdw_view_title{ border-bottom:1px solid #dedede; overflow:auto; position:relative; margin-bottom:10px;}
.xtdw_view_title img{ display:block; padding:10px; float:right;}
.xtdw_view_title h1{ font-weight:normal; position:absolute; top:12px; left:0; font-size:20px;}

/*研究平台*/
.xjpt{ margin-top:10px; border:1px dashed #ccc; padding:10px 8px 10px 8px;}
.xjpt_css{ overflow:auto; padding:0px 0px 10px 0px;}
.xjpt_css h1{ height:30px; line-height:30px; text-align:center; color:#f00; font-size:16px; font-weight:normal; margin:0;}
.xjpt_css li{ float:left; margin-top:24px; width:132px; border:1px solid #eee; box-shadow: 0 0 10px #f2f2f2; margin-left:36px; -webkit-transition:all 0.8s ease; -moz-transition:all 0.8s ease; transition:all 0.8s ease; -ms-transition:all 0.8s ease;}
.xjpt_css li:hover{ box-shadow: 0 0 10px #b5ebfe; border-color:#b5ebfe;}
.xjpt_css li a img{ padding:10px 10px 0px 10px; display:block;}
.xjpt_css li a span{ height:35px; line-height:35px; display:block; text-align:center;}

.xjpt_view_photo{ float:left; width:132px; border:1px solid #eee; margin:20px 20px 20px 10px; box-shadow: 0 0 10px #f2f2f2;}
.xjpt_view_photo img{ padding:10px 10px 0px 10px; display:block;}
.xjpt_view_photo span{ height:35px; line-height:35px; display:block; text-align:center;}
.xjpt_view_nr{ float:right; width:550px;}

.job_css h1{ color:#0295c5; font-size:16px; font-weight:normal; padding-top:20px;}
.job_css .zp_nr{ line-height:180%; color:#999;}

.news_css{ margin-top:20px;}
.news_css li{ height:35px; line-height:35px; border-bottom:1px dashed #ccc; background:url(../images/gray.jpg) 0 12px no-repeat; padding-left:25px;}
.news_css li span.time{ display:block; float:right; font-family:Arial, Helvetica, sans-serif;}

.news_view{ text-align:center; border-bottom:1px dashed #ccc; margin-bottom:10px; padding-bottom:5px;}
.news_view h3{ color:#0295c5; margin:0; padding-top:15px;}
.news_view span{ display:block; font-family:Arial, Helvetica, sans-serif; color:#999;}

/*page*/
.scott_sp{ margin:10px 0px;}
.scott_sp_pr{ padding-right:55px;}
.scott *{ padding:0px; margin:0px;}
.scott { height:30px; text-align:right; clear:both;}
.scott A:link { border: #d8d9da 1px solid; padding-right: 5px; padding-left: 5px; padding-bottom: 2px; padding-top: 2px; margin-right: 2px; height:26px; line-height:26px; background-color: #fff; color: #74838e; -webkit-transition:all .6s ease; -moz-transition:all .6s  ease; transition:all 0.6s  ease;}
.scott A:visited { border: #d8d9da 1px solid; padding-right: 5px; padding-left: 5px; padding-bottom: 2px; padding-top: 2px; margin-right: 2px; height:26px; line-height:26px; background-color: #fff;}
.scott A:hover { border: #59cb35 1px solid; background-color: #59cb35; color: #fff;}
.scott SPAN.current { border: #3dc5f7 1px solid; padding-right: 5px; padding-left: 5px; padding-bottom: 2px; padding-top: 2px; margin-right: 2px; height:26px; line-height:26px; background-color: #3dc5f7; color: #ffffff;}
.scott SPAN.disabled { border: #d8d9da 1px solid; padding-right: 5px; padding-left: 5px; padding-bottom: 2px; padding-top: 2px; margin-right: 2px; height:26px; line-height:26px; background-color: #f3f3f3; color: #999999;}