/* CSS Document */
body {
	margin-left: 10px;
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 10px;
	background-image: url(images/bg.gif);
}}
.a1 {
	font-size: 12px;
	line-height: 180%;
	color: #000000;
}
.a2 {
	font-size: 12px;

	color: #333333;
	text-decoration: none;
}







.intr {
	font-size: 12px;
	line-height: 180%;
	color: #666666;
	text-decoration: none;
}

.news {
	font-size: 12px;
	line-height: 180%;
	color: #666666;
	text-decoration: none;
}
a.news:link {
	color: #666666;
	text-decoration: none;
}
a.news:visited {
	text-decoration: none;
	color: #666666;
}
a.news:hover {
	text-decoration: underline;
	color: #000000;
}
a.news:active {
	text-decoration: none;
	color: #000000;
}
.news_cu {
	font-size: 14px;
	line-height: 180%;
	color: #000000;
	font-weight: bold;
}
.ye {
	font-size: 12px;
	color: #666666;
	text-decoration: none;
}
.leib {
	font-size: 12px;
	color: #333333;
	text-decoration: none;
	line-height: 180%;
	font-weight: bold;
}
a.leib:link {
	color: #666666;
	text-decoration: none;
}
a.leib:visited {
	text-decoration: none;
	color: #666666;
}
a.leib:hover {
	text-decoration: underline;
	color: #000000;
}
a.leib:active {
	text-decoration: none;
	color: #000000;
}
.xlei {
	font-size: 12px;
	color: #333333;
	text-decoration: none;
	line-height: 180%;
}
a.xlei:link {
	color: #666666;
	text-decoration: none;
}
a.xlei:visited {
	text-decoration: none;
	color: #666666;
}
a.xlei:hover {
	text-decoration: underline;
	color: #000000;
}
a.xlei:active {
	text-decoration: none;
	color: #000000;
}
.biao {
	border: 1px solid #CCCCCC;
}
.liuyan {
	font-size: 12px;
	line-height: 180%;
	color: #333333;
	text-decoration: none;
}
.b {
	font-size: 12px;
	color: #333333;
	text-decoration: none;
	line-height: 150%;
	font-weight: bold;
}
a.b:link {
	color: #FFFFFF;
	text-decoration: none;
}
a.b:visited {
	text-decoration: none;
	color: #FFFFFF;
}
a.b:hover {
	text-decoration: underline;
	color: #FFFFFF;
}
a.b:active {
	text-decoration: none;
	color: #FFFFFF;
}



.blueidea {
    background-color: #999999;
    margin:3px;/*因为我一共做了三个实例,等一下排列使它们不会靠在一起*/
    padding: 2px;/*形成边框装饰，同时等一下也方便控制其子元素位置,所以我没有用BORDER*/
    height: 153px;/*与图片等高*/
    width: 200px;
    position: relative;
    float:left;/*让三个实例横向排列*/
}
.blueidea a img {
    height: 153px;
    width: 200px;
    border:none;
}
.blueidea a span {
    margin-top:-9000px;/*初始化对象不可见,这里不用display: none,因为display: none对搜索引擎不友好*/
    margin-left:-9000px;
    position: absolute;
}
.blueidea a:hover {
    background-color: #FFF;/*IE7以下版本A状态伪类bug*/
}
.blueidea a:hover span {
    height: 153px;
    width: 200px;
    position: absolute;
    left: 0px;
    top: 0px;
    border:1px solid #F90;
    padding: 10px 2px 2px 2px;/*让说明文字不要太靠上边界*/
    background:#FFF url(http://www.hsptc.com/cssImg/blueidea.gif) no-repeat 5px 10px;/*LOGO图片定位*/
    text-indent: 28px;/*文本缩进28px,避免与背景LOGO叠加*/
    filter:alpha(opacity=90);/*CSS透明度滤镜*/
    opacity:0.9;/*针对Mozilla浏览器CSS透明度滤镜*/
    display: block;
    text-decoration: none;/*去除说明文字链接下划线*/
    cursor:pointer; /*让光标显示手形*/
    margin:0px;/*重定位文字说明层回到正常位置*/
}
.blueidea em { 
    position:absolute; 
    left:5px; 
    bottom:5px;
    width:25px;
    height:2px; 
    cursor:pointer;
    background:url(http://www.hsptc.com/cssImg/blueidea1.gif) no-repeat;
}
.blueidea em:hover { 
    background-image:url(http://www.hsptc.com/cssImg/blueidea2.gif) ;/*"+"图片鼠标滑过背景变换,只有标准浏览器起作用,IE7以下版本BUG*/
}
.bg {
	background-image: url(images/16472016201.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
	font-size: 12px;
	line-height: 180%;
	color: #000000;
	text-decoration: none;
}
.bottom {
	font-size: 12px;
	line-height: 180%;
	color: #999999;
}
a.bottom:link {
	color: #999999;
	text-decoration: none;
}
a.bottom:visited {
	text-decoration: none;
	color: #999999;
}
a.bottom:hover {
	text-decoration: underline;
	color: #FFFFFF;
}
a.bottom:active {
	text-decoration: none;
	color: #999999;
}





a1.bottom:link {
	color: #ffffff;
	text-decoration: none;
}
a1.bottom:visited {
	text-decoration: none;
	color: #fffff;
}
a1.bottom:hover {
	text-decoration: underline;
	color: #FFFFFF;
}
a1.bottom:active {
	text-decoration: none;
	color: #ffffff;
}