/* css 重置 */
*{margin:0; padding:0; list-style:none; }
body{ color:#333;font:14px/150% "Microsoft YaHei", Arial,"宋体",sans-serif; background:#DCDCDC;}
img{ border:0;  }
a{ text-decoration:none; color:#333;  }
a:hover{ text-decoration:underline;   }

#header{ position:fixed; _position:absolute; z-index:1; top:0; left:0; width:100%;  height:80px; color:#fff; text-align:left; overflow:hidden; background: #333;
_left:expression(eval(document.documentElement.scrollLeft))
}
#header #logo{ float:left; position:relative; top:6px; left:80px; width:209px; height:65px;}
#header #logo img{ width:209px; height:65px;}

#footer{ height:34px; line-height:34px;}

html{  overflow-x:hidden; overflow-y:hidden;  _background-image:url(http://about:blank); _background-attachment:fixed; } /* html加上这段代码用于取消ie6滚动时候元素震动bug */

#content{ overflow:hidden; width:1000%;}
.article{ background:url(../images/intl_medical_bj.jpg) no-repeat center; background-size:100% 100%; text-align:left;  float:left; padding-left:10px;}
.d_content{ position:relative; top:100px; left:50%; margin-left:-41%; height:85%; width:80%; background:rgba(255,255,255,0.6); filter:progid:DXImageTransform.Microsoft.gradient( GradientType = 0,startColorstr = '#80ffffff',endColorstr = '#80ffffff')\9; border-radius:20px; box-shadow:0 0 0.5; z-index:99;}
.article .title{ position:absolute; top:20px; left:30px; font:normal 32px/200% "Microsoft YaHei"; line-height:36px; font-weight:bold; border-left:6px solid #2baabe; padding-left:10px;}
.article .title span{ color:#999; font:normal 26px/200% "Microsoft YaHei"; line-height:40px;}
.article .con{ position:absolute; top:10px; left:50%; margin-left:-28%; z-index:1; width:70%; height:94%; padding:10px; font:normal 16px/200% "Microsoft YaHei"; color:#000; overflow:auto; overflow-x:hidden;}
.article .con a{ color:#666;}
.article .con a:hover{ color:#ff0000;}
.article .con h3{ font:bold 20px/200% "Microsoft YaHei";}
.article .con em{ font-style:normal; font-weight:bold; display:block; text-indent:24px;}
.article .con p{ text-indent:24px;}
#art2{ background:url(../images/contant_bj.jpg) no-repeat center; background-size:100% 100%;}
#art3{ background:url(../images/news_bj.jpg) no-repeat center; background-size:100% 100%;}
#art4{ background:url(../images/Job_bj.jpg) no-repeat center; background-size:100% 100%;}
#art5{ background:url(../images/Cooperate_bj.jpg) no-repeat center; background-size:100% 100%;}
.sideGuide{ position:fixed;  z-index:1; right:70px; top:25px; width:755px; margin-left:-120px;  _position:absolute; _left:expression(eval(document.documentElement.scrollLeft+document.documentElement.offsetWidth/2));} /* 思考再三，为了导航平滑地滚动，还是用了expression */
.sideGuide ul{ zoom:1; position:relative; padding-left:20px; text-align:center;}
.sideGuide .bg{ position:absolute;  top:6px; left:0; width:100%; height:32px; background:url(../images/navico.png) no-repeat top; }
.sideGuide li{ position:relative; left:-50px; width:110px; height:44px; position:relative; display:inline-block; *display:inline; *zoom:1;}
.sideGuide a{ display:block; font-size:12px; padding-top:20px; color:#cdb575; background:url(../images/gico.png) center top no-repeat;}
.sideGuide a:hover{ text-decoration:none; color:#fff; background:url(../images/wico.png) center top no-repeat;}
.sideGuide .zl{ position:absolute; right:55px; top:0px; *left:110px; *width:110px;}
.sideGuide .on a{ color:#fff; background:url(../images/wico.png) center top no-repeat;}