/* defualt */
* { margin:0;  color:#333; list-style:none; text-decoration:none; border:none; font-family:Verdana, Geneva, sans-serif; font-size:9pt}
img { border:none;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader;} 

body { margin:0 auto; width:1000px; background:#999; list-style:none}
table { margin: auto}
input, textarea, select{ border:1px solid #999;}
ul{ padding:0}
.btn { width:120px; height:21px; line-height:21px; color:#000; text-align:center; background:url(../images/btn.gif) no-repeat 0 0; border:0}
#HR span.show-tooltip-text 
{ 
display: none; 
position: absolute; 
background:#F0F8FF; border:1px solid #06C;
padding-left: 12px; 
padding-right: 12px;
 font-family:Verdana, Geneva, sans-serif; font-size:9pt;
color:#036; }

#HR span.show-tooltip-text *{line-height:20px; list-style: disc inside; padding:0; margin:0; color:#036; }
#HR a.show-tooltip{ text-decoration:underline}
img { border:none;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader;} 
body#default

#head #flashtext{}
#head111 #flashhistory{ float:left; padding-left:740px; margin-top:40px}
#navbar { background: #fff url(../images/navbg.jpg) repeat-x; width:100%; line-height:30px}
#navbar #nav{ margin:0 24% 0 0}
#navbar #nav #flashnav { padding-left:5px}
#keysearch{ padding:5px 0; float:right; width:24%}
#keysearch .input{vertical-align:middle; background:url(../images/keysearchinput.gif) no-repeat 0 0;height:20px; line-height:20px;padding:0; margin:0; display:block; float:left; padding:0 4px 0 7px}
#keysearch .input input{ background:none;vertical-align:middle; border:none}
#keysearch .btn{background:url(../images/keysearchbtn.gif) no-repeat 0 0; height:20px; width:55px; cursor:pointer; line-height:20px; border:none}



.sidemenu { margin:0 800px 0 0; vertical-align:top;}
.sidemenutitle { background:url(../images/sidemenutitle.jpg) no-repeat; height:37px; width:100%; display:block}
.sidemenu ul { text-align:center; background:#efefef; border:1px solid #999;}
.sidemenu ul li { text-indent:2em;background:#efefef; padding:5px 10px; text-align:left; }
.sidemenu ul li a { line-height:25px; display:block; border:1px solid #036; color:#036}
.sidemenu ul li a.select { display:block; background:url(../images/sidemenuaselectbg.jpg) no-repeat; color:#fff;line-height:25px; }
.sidemenu ul li a:hover { display:block;background:url(../images/sidemenuaselectbg.jpg) no-repeat; color:#fff;line-height:25px }
.maincon { float:right;width:760px; padding:0 20px}

.road {float:right; color:#666; line-height:28px; font-weight:normal}
.road a{color:#666;}
.road a:hover { text-decoration:underline}
.road .this { background:#F60; color:#fff; padding:2px}
/* index */
body#index #content {background:#fff; padding:0px 15px 10px; height:120px; min-height:120px}
#item {float:left; width:187px; height:250px;  }
ul.link { background:#06518D}
ul.link li{ padding:4px; list-style:inside disc; color:#fff;border-bottom:1px dotted #CCC; line-height:120%}
ul.link li a{ color:#fff; font-size:10pt}
ul.link li a:hover{ color:#06518D; background:#fff; padding:2px 3px}


ul.research {list-style:none;}
ul.research li {float:left;width:70px; list-style:none; border:0;padding:0 12px}
ul.research li a{padding:0;border:none;}
ul.research li a img {padding:1px; border:1px solid #ccc; margin:0;}
ul.research li a:hover {background:none;padding:0;border:none;}
ul.research li a:hover img{ background:none;padding:1px; border:1px solid #000; margin:0}
ul.research li span { text-align:center; color:#999;}

#party {float:right; width:187px;}
#party ul li {}
#news { margin:0 207px 0 207px; border-right:1px solid #ccc; border-left:1px solid #ccc; width:550px; }
#news ul{margin:0 25px;}
#news ul li{ border-bottom:1px dotted #CCC; list-style:inside square; line-height:200%;}
#news ul li span {font-size:6.5pt;line-height:180%; color:#999; }
#news ul li.first a{ color:#C00; font-weight:bold; list-style:none}
#news ul li.first a:hover {color:#000}
#news ul li.first p { text-indent:2em; color:#333;}
#news ul li.first .firstimg {width:140px; border:1px solid #39F; padding:5px; height:80px}
#news ul li a{}
#news ul li a:hover{ color:#06518D}
/* intro */
body#intro #content {background:#fff; padding:0px 25px 10px 25px;} 
body#intro #content iframe { border:none; background:none}
.listtable { margin-bottom:20px; border-bottom:1px dotted #ccc}
/* about */
body#about,body#intelligence,body#org, body#HR,body#platform, body#results, body#refer,body#design,body#costomer,body#professinal,body#lab, body#manage, body#examine, body#service, body#newsa, body#newsd, body#video{ background:#fff; width:98%}
h1 { border-bottom:1px dotted #ccc; }
h1 span {line-height:400%}
.box { padding:25px;text-align:left}
.costomertb{ border-collapse:collapse; background:#CCC}
.costomertb td{ background:#fff}
/* intelligence */

#intelligence .textgraph {}
#platform h3 a,#platform h3 a:link { line-height:30px; height:30px; background:url(../images/unselect.jpg) no-repeat; width:710px; color:#666; text-indent:2em; display:block; margin-bottom:3px}
#platform h3 a:hover { line-height:30px; height:30px; background:url(../images/select.jpg) no-repeat; width:710px; color:#000;text-indent:2em; display:block;margin-bottom:3px}
.textgraph ul li { list-style:disc inside; line-height:250%;}
.textgraph ul li span { color:#999; font-size:7pt; line-height:250%}
.textgraph p{ line-height:160%; text-indent:2em; color:#666; padding-bottom:1.5em; text-align:left}
.textgraph p a{ text-decoration:underline; line-height:160%;}
.textgraph p a:hover{color:#03C; }
/* org */
#org .textgraph {}
h4 { background:url(../images/h4.jpg) no-repeat; height:35px;line-height:35px; text-indent:1.5em;font-weight:bold; font-size:10.5pt; margin:1em 0}
h5 { background:url(../images/h4.jpg) no-repeat center; height:35px;line-height:35px;font-weight:bold; font-size:10.5pt; margin:1em 0; text-align:center}
body#lab .textgraph img { border:1px solid #666; padding:5px}

/* service */
.sinfo{ background:#fff; border:5px solid #E6E6E6; width:90%; text-align:center; margin:0 auto}
.sinfo div {border:1px solid #ccc; padding:20px}
.sinfo ul { text-align:left;}
.sifo ul h5 { font-weight:bold}
.sinfo ul li { list-style:decimal inside}
#service h3 a,#service h3 a:link,#platform h3 a,#platform h3 a:link { line-height:30px; height:30px; background:url(../images/unselect.jpg) no-repeat; width:710px; color:#666; text-indent:2em; display:block; margin-bottom:3px}
#service h3 a:hover,#platform h3 a:hover { line-height:30px; height:30px; background:url(../images/select.jpg) no-repeat; width:710px; color:#000;text-indent:2em; display:block;margin-bottom:3px}

/* professinal */
.profbox { background:url(../images/profbg.gif) no-repeat 0 0; width:300px; height:160px}

#newsa ul.newsbg li{ background:url(../images/newsbg.jpg) no-repeat 0 0; width: 682px; height:160px; display:block; margin-bottom:10px;list-style:none outside}
#newsa ul.newsbg li p.title {border-bottom:1px dotted #CCC; padding:0; line-height:250%; list-style:none}
#newsa ul.newsbg li p.con { text-indent:2em;padding:0.5em 2em 0;line-height:170%; text-align:left }
#newsa ul.newsbg li p.more { line-height:100%; text-align:right; padding:0 2em; border-top:1px dotted #ccc}
#newsa ul.newsbg li p a.bo{ color:#000; font-weight:bold; text-decoration:none; list-style:none outside}
.page { height:40px; background: #EBEBEB; border:1px solid #ccc; padding:10px}
/* news */
#newsd ul.newsbg li{ background:none; list-style:none outside}
#newsd ul.newsbg li p.title { padding:0; line-height:250%; list-style:none; text-align:center}
#newsd ul.newsbg li p.con { text-indent:2em;padding:0.5em 2em 1em;line-height:170%;font-size:10.5pt;text-align:left}
#newsd ul.newsbg li p.con *{ text-align:left}

#newsd ul.newsbg li p.more { line-height:100%; text-align:right; padding:1em 2em; border-top:1px dotted #ccc}
#newsd ul.newsbg li p a.bo{ color:#000; font-weight:bold; text-decoration:none;font-size:10.5pt;list-style:none outside}
/* video*/

#video ul.newsbg li{ background:url(../images/newsbg.jpg) no-repeat 0 0; width: 682px; height:160px; display:block; margin-bottom:10px;list-style:none outside}
#video ul.newsbg li p.title {border-bottom:1px dotted #CCC; padding:0; line-height:250%; list-style:none}
#video ul.newsbg li p.con { text-indent:2em;padding:0.5em 2em 0;line-height:170%;text-align:left }
#video ul.newsbg li p.more { line-height:100%; text-align:right; padding:0 2em; border-top:1px dotted #ccc}
#video ul.newsbg li p a.bo{ color:#000; font-weight:bold; text-decoration:none;list-style:none outside}


.webmap ul { color:#036; list-style:disc outside; font-weight:bold; line-height:300%; font-size:10.5pt}
.webmap ul li { line-height:200%; font-weight:normal}
.webmap ul li a {color:#333}
.webmap ul li a:hover { text-decoration:underline; color:#06C}
.result {line-height:200%; padding:25px;}
.result div, .result div *{ font-size:10.5pt}
.results { border-bottom:1px dotted #ccc; margin:25px 0}
.results a, results a:link{color:#00F}
.results a:hover { text-decoration:underline}
.results .con { color:#666}
.results .contact { color:#060}
.textred { font-weight:bold; color:#F00;}
/* foot */
#foot { text-align:center;background:#EFEFEF; margin-top:20px; padding:10px}
#foot #footbar,#copyright{color:#999; line-height:250%}
#foot select { border:1px solid #ccc; background:none; width:100px}
#foot a {color:#999}
#foot a:hover { text-decoration:underline}

.rollBox{width:240px;overflow:hidden;margin:-30px auto; margin-bottom:0; z-index:1000;}
.rollBox .Cont{width:180px;overflow:hidden;margin:0 auto;padding-top:-10px;}
.rollBox .ScrCont{width:10000000px;}
.rollBox .Cont .pic{width:180px;float:left;text-align:center;/*padding-right:20px;*/}
*+html .rollBox .Cont .pic{width:180px;float:left;text-align:center;/*padding-right:30px;*/}
.rollBox .Cont .pic img{/*padding:4px;background:#fff;*/border:none;display:block;margin:0 auto;}
.rollBox .Cont .pic p{line-height:26px;color:#505050;}

.rollBox .Cont a:link,.rollBox .Cont a:visited{color:#626466;text-decoration:none;}
.rollBox .Cont a:hover{color:#f00;text-decoration:underline; cursor:pointer}
.rollBox #List1,.rollBox #List2{float:left;}
.rollBox img {}
#index span.show-tooltip-text 
{
	display: none;
	position: absolute;
	background:#C00;
	border-left:5px ridge #900;
	padding-left: 12px;
	padding-right: 12px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:9pt;
	color:#FFC; margin-right:2em; text-indent:2em;z-index:1000 }
	
#index span.show-tooltip-text * {line-height:130%; list-style: disc inside; padding:5px 2px; margin:0; color:#036; position:relative; color:#FFC; text-align:left}
#index a.show-tooltip{display:block;cursor:pointer; width:100%; height:100%;}
#index .histip { background:url(../images/his.jpg) no-repeat; height:500px; width:700px;position:absolute; border:2px ridge #999;left:163px;top:102px;z-index:1;}
#index .hisclose { float:right; line-height:200%; padding:5px 15px; cursor:pointer}

/* JK Intro */
.introimg { margin-bottom:15px; padding:2px; border:1px solid #ccc;}
.left {float:left; margin-right:15px;}
.right {float:right; margin-left:15px;}