body{margin:0px;padding:0px;font-family:"宋体";font-size:12px;line-height:25px;color:#333; background-color:#eee}
ul,li,ol,dl,dd,dt,img,h2,h3,h1,p,form{margin:0px;padding:0px;border:0px;list-style-type: none;}
a{color:#333;cursor: hand;text-decoration: none;}
a:hover{color:#e61;text-decoration: underline;}
form{display:inline}
.l{float:left}
.r{float:right}
.adjust{height:100%;overflow:hidden;}
.ta_c{text-align:center}
.pt8{padding-top:8px}
.ptb_8{ padding:8px 0px}
.mt8{margin-top:8px}
.mt5{ margin-top:5px}
.mb8{margin-bottom:8px}
.ml15{ margin-left:15px}
.fc_e61{ color:#e61; font-weight:bolder}
.fc_e61 a{ color:#e61;}
.fc_E01{ color:#E01; font-size:14px; text-align:center; font-weight:bolder}
.fc_E01 a{ color:#e01}
.fc_999{ color:#999}
.fc_167{ color:#16697B}
.fs_14{ font-size:14px; font-weight:bolder; }
.fs_12{ font-weight:bolder; color:#666}
.hidden{display:none;} 
.bb_ccc{ border-bottom:dashed 1px #ccc}

.div980{ width:980px; margin:auto; background-color:#FFF; padding:0px 5px}
.div758{ width:758px}
.div765{ width:765px}
.div375{ width:375px}
.div300{ width:300px}
.div450{ width:450px}
.div215{ width:215px}
.div295{width:300px; margin-right:8px;display:inline;}

#nav{ background:url(/tempy/images/img/nav_bg.gif) repeat-x left bottom; height:53px}
#nav .nav_l{ background:url(/tempy/images/img/nav_bg.gif) no-repeat left top; padding-left:8px; height:53px}


.navigation .nav_text ul {margin:4px 0 0 0;float:left;}
.navigation .nav_text li {margin:3px 5px 1px 5px;color:#fff;display:inline;float:left; line-height:18px;}
.navigation .nav_text .people {width:40px;}
.navigation .nav_text .snews {width:160px;}
.navigation .nav_text .disease {width:160px;}
.navigation .nav_text .technology {width:160px;}
.navigation .nav_text .community {width:160px;}

.navigation .nav_text a {color:#fff;line-height:15px;}
.navigation .nav_text a:hover {color:#fc0;}
.navigation .nav_text .head {float:left;width:27px;height:45px;margin:0;text-indent:-2000px;background:url(/tempy/images/img/nav_bg01.gif) no-repeat 0 0;}
.navigation .nav_text .h {margin-top:0;}
.navigation .nav_text .disease .head {background-position:0 0;}
.navigation .nav_text .disease .head:hover {background-position:0 -55px;}
.navigation .nav_text .drug .head {background-position:-168px 0;}
.navigation .nav_text .drug .head:hover {background-position:-168px -55px;}
.navigation .nav_text .living .head {background-position:-37px 0;}
.navigation .nav_text .living .head:hover {background-position:-37px -55px;}
.navigation .nav_text .snews .head {background-position:-74px 0;}
.navigation .nav_text .snews .head:hover {background-position:-74px -55px;}
.navigation .nav_text .technology .head {background-position:-168px 0;}
.navigation .nav_text .technology .head:hover {background-position:-168px -55px;}
.navigation .nav_text .community .head {background-position:-111px 0;}
.navigation .nav_text .community .head:hover {background-position:-111px -55px;}


.navigation .orange {color:#f60!important;}
.navigation .yellow {color:#fc0!important;}
.navigation .blue {color: #069!important;}


#hot{ border:solid 1px #4CB9D2; background-color:#DBF3F7; padding-right:15px}
#hot h2{ background:url(/tempy/images/img/hot_bg.gif) no-repeat left top; width:91px; height:31px; font-size:14px; color:#FFF; line-height:31px; text-align:center}
#hot .hot_con { line-height:26px}
#hot .hot_con ul{ padding-left:15px}
/* common styling */
#hot .hot_con .menu ul {
padding:0; 
margin:0;
list-style-type: none;
}
/* float the list so that the items are in a line and their position relative so that the drop down list will appear in the right place underneath each list item */
#hot .hot_con .menu ul li {
float:left; 
position:relative;
}
/* style the links to be 104px wide by 30px high with a top and right border 1px solid white. Set the background color and the font size. */
#hot .hot_con .menu ul li a, .menu ul li a:visited {
font-size:12px;
display:block; 
text-decoration:none; 
color:#000; 
background:#DBF3F7; 
padding:0px 10px; 

}
/* make the dropdown ul invisible */
#hot .hot_con .menu ul li ul {
display: none;
}
/* specific to non IE browsers */
/* set the background and foreground color of the main menu li on hover */
#hot .hot_con .menu ul li:hover a {
color:#fff; 
background:#3D889F;
}
/* make the sub menu ul visible and position it beneath the main menu list item */
#hot .hot_con .menu ul li:hover ul {
display:block; 
position:absolute; 
top:26px; 
left:0; 
width:105px;
}
/* style the background and foreground color of the submenu links */
#hot .hot_con .menu ul li:hover ul li a {
display:block; 
background:#98D2DF; 
color:#000; 
height:auto; 
line-height:25px; 
padding:0px 10px; 
width:85px
}
/* style the background and forground colors of the links on hover */
#hot .hot_con .menu ul li:hover ul li a:hover {
background:#3D889F; 
color:#fff;
}




.media h2{ color:#FFF; text-align:center; font-size:14px; background-color:#3D889E; line-height:25px}
.media .con{ border:solid 1px #BCD4ED; border-top:none; padding:0px 4px 4px 0px}
.media ul li{ background:url(/tempy/images/img/inc.gif) left -57px no-repeat; padding-left:20px; line-height:24px}
.media ol li{ float:left; margin-left:4px; margin-top:4px;display:inline;}
.media ol li img{width:100px;height:34px }
.skill { border:solid 1px #ccc}
.skill .tit{ background:url(/tempy/images/img/tit_bg.gif) no-repeat left top; padding-right:15px; color:#146A7A; line-height:30px}
.skill .tit a{color:#146A7A; }
.skill .tit h2{ font-size:14px; padding-left:15px}
.skill .con ul{ padding:0px 8px}
.skill .con ul li{ background:url(/tempy/images/img/inc.gif) no-repeat left -58px; padding-left:23px}
.news{ border:solid 1px #BCD4ED; background:url(/tempy/images/img/news_bg.gif) no-repeat 2px 2px}
.news dl dd{ font-weight:bolder; text-align:center; font-size:14px; color:#16697B; line-height:40px}
.news ul li{ float:left; width:45%; background:url(/tempy/images/img/inc.gif) no-repeat left -58px; padding-left:20px}
.cases{ border:solid 1px #ccc}
.cases .tit{ background:url(/tempy/images/img/cases_tit_bg.gif) repeat-x left top; line-height:30px;}
.cases .tit ul li{ float:left; font-size:14px; font-weight:bolder}
.cases .con{ padding:0px 8px; background-color:#E7F6FD}
.cases .con ul li{ background:url(/tempy/images/img/inc.gif) no-repeat left 7px; padding-left:20px;height:100%;overflow:hidden; line-height:23px}
.cases .con ol li{ background:url(/tempy/images/img/inc.gif) no-repeat left -37px; padding-left:20px}
.c01{padding-left:10px; height:30px}
.c01 span{padding-right:15px;padding-left:5px;line-height:30px;}
.c02{ background:url(/tempy/images/img/c02_l.gif) no-repeat left top; padding-left:10px; height:30px}
.c02 span{background:url(/tempy/images/img/c02_r.gif) no-repeat right top;padding-right:15px;padding-left:5px;line-height:30px;color:#CC5205;display: inline;float:left}
/*－－－－－－－－－－－－－－－－－－－－  doctor  －－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－*/
#doctor{ padding:8px 5px; height:144px; border:solid 1px #ccc}
#doctor .ys { border:solid 1px #ccc; padding:3px; float:left; margin-right:8px;display:inline; }
#doctor .ys img{width:101px; height:133px}
#doctor dl dd{ font-size:14px; font-weight:bolder}
#doctor dl dt{ color:#666;text-indent: 15px;}
#doctor .doctor_l{ background:url(/tempy/images/img/inc_gd.gif) no-repeat right center; width:16px; height:140px; margin-right:5px;display:inline;}
#doctor .doctor_r{ background:url(/tempy/images/img/inc_gd.gif) no-repeat left center; width:16px; height:140px;}

/*－－－－－－－－－－－－－－－－－－－－－　　doctor　end－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－*/
.list_news{ border: solid 1px #CAE3EF; padding:7px; padding-bottom:0px}
.list_news h2{line-height:25px;font-size:12px;color:#00939D;padding-left:25px;padding-bottom:3px;background: url(/tempy/images/img/list_tit_bg.gif) no-repeat left top;}
.list_news ul{ margin:4px 0px; background:url(/tempy/images/img/123456.gif) no-repeat left 6px}
.list_news ul li{ padding-left:20px; color:#666}
.list_news ul li a{ color:#666}
.list_news ul li a:hover{color:#e61;}
.list_news ol li{ background:url(/tempy/images/img/dot_18.gif) no-repeat 3px center; padding-left:20px;color:#666}
.list_news ol li a{ color:#666}
.list_news ol li a:hover{color:#e61;}
.list_news dl{ margin-bottom:5px; margin-top:0px}
.list_news dl img{ width:75px; height:98px; margin-right:8px; float:left}
.list_news dl dd{ font-size:12px; font-weight:bolder;}
.list_news dl dt{}
.r_news{ border: solid 1px #ccc; background-color:#F8F6F1; padding:7px; padding-bottom:0px}
.r_news h2{ background:url(/tempy/images/img/l_tit_bg.gif) no-repeat left bottom; line-height:25px; font-size:12px; color:#00939D; padding-left:25px; padding-bottom:6px}
.r_news ul{ margin:4px 0px}
.r_news ul li{ background:url(/tempy/images/img/inc.gif) no-repeat left -57px; padding-left:20px}
.disease{ margin-right:7px;display:inline;}
.disease .tit{ background:url(/tempy/images/img/tit_bg.gif) no-repeat left -30px; padding-right:8px; border-right:solid 1px #C6DFE4; line-height:27px}
.disease .tit h2{ font-size:14px; color:#FFF; width:100px; text-align:center}
.disease .tit01{background:url(/tempy/images/img/tit_bg.gif) no-repeat left -57px; padding-right:8px;line-height:27px}
.disease .tit01 h2{ font-size:12px; color:#067992; text-align:center; padding-left:25px}
.disease .con{ border:solid 1px #C6DFE4; padding:8px; padding-bottom:2px;}
.disease .con dl{ border-bottom:dashed 1px #ccc; padding-bottom:8px;}
.disease .con dl img{ width:108px; height:88px; padding:5px; border:solid 1px #ccc; float:left; margin-right:10px}
.disease .con dl dd{ font-size:14px; font-weight:bolder; color:#16697B}
.disease .con dl dd a{color:#16697B}
.disease .con dl dt{ text-indent:15px; color:#666}
.disease .con dl dt a{color:#666}
.disease .con ul li{ background:url(/tempy/images/img/inc.gif) no-repeat left -18px; padding-left:20px}
.env_img .tit ul { padding-left:20px}
.env_img .tit ul li{ float:left; line-height:22px; margin-right:8px}
.old01{ background:url(/tempy/images/img/inc_l.gif) no-repeat left top; padding-left:10px;height:22px}
.old01 span{background:url(/tempy/images/img/inc_r.gif) no-repeat right top;padding-left:5px;padding-right:15px;color:#FFF;font-weight:bolder;display: block;}
.old02{ background:url(/tempy/images/img/inc_l.gif) no-repeat left bottom; padding-left:10px;height:22px}
.old02 span{ background:url(/tempy/images/img/inc_r.gif) no-repeat right bottom; padding-left:5px; padding-right:15px;display: block;}
.env_img .con { border:solid 1px #338698; border-top-width:2px; padding:15px 0px 0px 15px}
.env_img .con ul li{ float:left; width:146px; text-align:center; color:#666; line-height:30px; margin-right:14px;display:inline;}
.env_img .con ul li img{ width:146px; height:100px}
.env_img .con ol li{ width:10%; float:left; background:url(/tempy/images/img/inc.gif) no-repeat left -38px; padding-left:23px; color:#666}
.env_img .con ol li a{ color:#666}
#connect{ border:solid 1px #ccc; margin-bottom:3px}
#connect .tit{ background:url(/tempy/images/img/tit_bg01.gif) repeat-x left top; line-height:30px; font-weight:bolder; color:#146A7A; padding-right:15px}
#connect .tit h2{ font-size:12px; background:url(/tempy/images/img/tit_bg.gif) no-repeat left top; padding-left:15px}
#connect .con ul{ padding:15px}
#connect .con ul li{ float:left; width:12%; margin-right:4px;display:inline;}
#foot{ background:url(/tempy/images/img/foot_bg.gif) repeat-x left top; padding-top:3px; text-align:center}

.list{ border:solid 1px #D3EDFB; padding:15px}
.list h2{ font-size:16px; text-align:center; line-height:40px; color:#16697B}
.list h3{ font-size:12px; text-align:center; line-height:30px; color:#666; font-weight:normal}
.article dl{ padding:10px; border-bottom:double 3px #ccc}
.article dl dd{ font-size:14px; font-weight:bolder; line-height:30px}
.article dl dt{ color:#666; text-indent:15px}
.clew{ border:solid 1px #D3EDFB; background-color:#E8F5FC; color:#666; padding:3px 8px; margin:20px 0px}
.clew dl dd{ float:left; font-weight:bolder; background:url(/tempy/images/img/book.gif) no-repeat left center; padding-left:25px}
.show{ font-size:14px; line-height:30px}
.show a{ font-weight:bolder; color:#F00}
.show a:hover{ color:#e61}


.xgwz{ margin:10px 0 15px 0; border:solid 1px #ddd; padding:8px 5px}
.xgwz h2{ height:28px; font-size:14px; line-height:25px; padding:0 0 0px 10px; margin:0px; color:#333; background:url(/tempy/images/img/tit_bg02.gif) repeat-x;}
.xgwz ul { padding:10px 8px 10px 8px;} 
.xgwz ul li{width:250px;float:left;margin-right:10px;padding-left:20px;list-style:none;line-height:25px;font-size:14px;color:#33648c;background: url(/tempy/images/img/inc.gif) no-repeat left -39px;}
.xgwz ul li a {color:#33648c;}
.xgwz ul li a:hover {color:#e61;}
.xgwz ol{ margin-left:5px; margin-top:15px; margin-right:5px;display:inline; }
.xgwz ol li{ width:126px; line-height:30px; color:#666; text-align:center;}
.xgwz ol li img{ border:solid 1px #ccc; padding:3px; width:118px; height:88px}

#form_ask {height:162px;}
#askpro {
	background:url(/tempy/images/img/ex3.gif) no-repeat left bottom;
}
#askpro ul {
	margin:0px 10px 0 0;
    float:right;
    display:block;
}
#askpro ul li {
	width:220px;
	overflow:hidden;
	background: url(/tempy/images/img/inc.gif) no-repeat left -39px;
	padding-left:25px;
	border-bottom:1px dashed #999;
}
#askpro ul li a {
	color:#33648c
}
#askpro dl {width:255px; float:left; margin: 0 0 0 120px;display:inline;}
#askpro dl dt {
	padding:5px 0 0 0px;
	line-height:35px
}
#askpro dl dt a {
	color:#267bc3;
	font-weight:bold;
	font-size:14px
}

#askpro dl dd textarea{
	width:300px;
	height:80px;
	color:#d4d5d5;
	border:1px solid #d4d5d5;
	float:left;
}
#askpro dl dd input {
	display:block;
	margin:5px 0 5px 0;
	width:48px;
	height:21px;
	line-height:21px;
	color:#fff;
	font-size:12px;
	letter-spacing:0.3em;
	background:url(/tempy/images/img/reset.gif) no-repeat 0 0;
	border:none;
	float:left;
}
<!--[if lte IE 6]>
<style type="text/css">
/* styling specific to Internet Explorer IE5.5 and IE6. Yet to see if IE7 handles li:hover */
/* Get rid of any default table style */
#hot .hot_con table {
border-collapse:collapse;
margin:0; 
padding:0;
}
#hot .hot_con table ul li{ float:none}
/* ignore the link used by 'other browsers' */
#hot .hot_con .menu ul li a.hide, .menu ul li a:visited.hide {
display:none;
}
/* set the background and foreground color of the main menu link on hover */
#hot .hot_con .menu ul li a:hover {
color:#fff; 
background:#3D889F;
}

/* make the sub menu ul visible and position it beneath the main menu list item */
#hot .hot_con .menu ul li a:hover ul {
display:block; 
position:absolute; 
top:28px; 
left:1px; 
width:105px;
}
/* style the background and foreground color of the submenu links */
#hot .hot_con .menu ul li a:hover ul li a {
display:block; 
background:#98D2DF; 
color:#000; 
height:auto; 
line-height:25px; 
padding:0px 10px; 
width:85px
}
/* style the background and forground colors of the links on hover */
#hot .hot_con .menu ul li a:hover ul li a:hover {
background:#3D889F; 
color:#fff;
}
</style>
<![endif]-->


/*底部浮动*/
.showRightOverFlow{width:96%; height:34px; position:absolute; bottom:0px; left:16px; background:url(../../tempy/images/fudong/bg.gif) repeat-x; z-index:998;} 
.fudong_con {width:100%; height:150px; position:absolute; z-index:1000; bottom:0; left:0;}
.left2010 {width:105px;; height:34px; padding:116px 0 0 0; position:absolute; left:0px; bottom:0; z-index:1000;}
.center2009 {height:105px;position:absolute;z-index:1002;bottom:0px; left:0px;width:100%;}
.center2009 img {position:relative;}
.center2010 {height:100px;position:absolute;z-index:1002;bottom:-45px;width:180px; margin-left:-80px; text-align:center; padding:50px 0 0 0;}
.center2010 p {margin:0; padding:0;}
.blank1 {width:15%; height:100%; display:block;}
.pic1 {wdith:25%; height:100%; display:block;}
.blank3 { margin:0 auto;}
.right2010 {width:105px; height:34px;padding:116px 0 0 0; position:absolute; right:16px; bottom:0; z-index:1000;}