/* CSS Document */
body,div,ul,li,a,img,p,dl,dt,dd,h1,h2,h3,h4,span,strong{ margin:0; padding:0;}
ul,li,dl,dt,dd{ list-style:none;}
a{ text-decoration:none;}
img{ border:0; list-style:none;}
body{font-family:Verdana, Geneva, sans-serif; font-size:12px; color:#666; background:url("../images/bg.gif")}
.clear{ margin:0; padding:0; font-size:0; clear:both;}
.wapper{ width:960px; margin:0 auto; background-color:#FFFFFF}
h2{ font-size:12px;}
/*通配结束*/
.head{ width:960px; height:116px; background:url("../images/top.jpg") no-repeat; position:relative}
.head span{ width:180px; height:15px; position:absolute; top:16px; right:15px; text-align:right}
.head span a{ margin-left:40px; color:#408c79}
.head span a:hover{ text-decoration:underline}

.menu{ width:960px; height:30px; background-color:#009099}
.menu ul{ margin:0px; padding:0px; margin-left:20px}
.menu li{ float:left; font-size:14px; width:115px; height:30px; line-height:30px; text-align:center}
.menu li a{ color:#fff; font-weight:bold }
.menu li a:hover{ color:#FFFF99; text-decoration:underline}
.on{ background:url("../images/menu_hover.jpg") 50% 50% no-repeat}

.banner{ width:960px; height:315px;background-color: #95cccf;}

/*banner_01*/
.banner_01{ width:960px;height:315px; overflow:hidden; position:relative; z-index:1;  margin:0 auto;}
.banner_01 ul {height:315px;position:absolute;}
.banner_01 ul li {width:960px; height:315px;float:left;overflow:hidden; position:relative; background:#ccc;}
.banner_01 ul li img{ width:960px; height:315px;}
.banner_01 .btnBg { width:960px;height:20px;position:absolute; left:0; bottom:0; background:#000;}
.banner_01 .btn {width:960px; position:absolute; height:10px; padding:5px 10px; right:0; bottom:3px; text-align:right;}
.banner_01 .btn span {display:inline-block; _display:inline; _zoom:1; width:25px; height:10px; _font-size:0; margin-left:5px; cursor:pointer; background:#fff;}
.banner_01 .btn span.on {background:#fff;}
.banner_01 .preNext {top:110px;width:45px; height:100px;  position:absolute; background:url(../images/sprite.png) no-repeat 0 0; cursor:pointer;}
.banner_01 .pre {left:0;}
.banner_01 .next {right:0; background-position:right top;}

#Slide {
	CLEAR: both; WIDTH: 960px; HEIGHT: 300px;
}
.sel{
    FILTER: RevealTrans(duration=1;ransition=12); VISIBILITY: visible; POSITION: absolute
}
#Slide_Thumb {
	MARGIN-TOP: 237px; MARGIN-LEFT: 30px; POSITION: absolute
}
.thumb_on {
	DISPLAY: inline; FLOAT: left; MARGIN-LEFT: 8px; CURSOR: pointer
}
.thumb_off {
	DISPLAY: inline; FLOAT: left; MARGIN-LEFT: 8px; CURSOR: pointer
}
.thumb_off {
	FILTER: alpha(opacity=50); -moz-opacity: 0.5
}
.thumb_on {
	FILTER: alpha(opacity=100); -moz-opacity: 1
}
.thumb_off IMG {
	BORDER: #fff 1px solid; MARGIN-TOP:7px;WIDTH: 100px
}
.thumb_on IMG {
	WIDTH: 100px; BORDER: #fff 1px solid;
}

.main{ width:960px; height:370px; background-color:#fff}
.index_l{ width:230px; height:370px; background:url("../images/index_left.jpg") 100% 50% no-repeat; position:relative; float:left}
.index_l h1{ font-size:12px; color:#FFFFFF; position:absolute; top:16px; left:30px}
.hotpro{ width:208px; height:315px; position:absolute; top:40px; left:10px;}
.index_m{ width:460px; height:310px; background:url("../images/index_middle.jpg") 100% 2% no-repeat; position:relative; float:left; margin-left:20px; padding-top:60px}
.index_m h1{ font-size:12px; color:#FFFFFF; position:absolute; top:16px; left:30px}
.hotnews{ width:460px; height:160px; position:relative}
.hotnews h4 a{ color:#2a7d83;font-size:12px}
.hotnews h4 a:hover{ color:#66CCCC}
.screenshot img{ border:1px solid #ccc; padding:3px; width:140px; height:92px}
.screenshot{ position:absolute; top:20px; left:0px}
.summary{ position:absolute; top:20px; right:0px; width:292px; line-height:20px;}
.detail{ position:absolute; top:120px; right:0px}

.index_r{ width:228px; height:370px; float:left; margin-left:20px;background:url("../images/index_right.jpg") 0% 60% no-repeat; position:relative}
.index_r h1{ font-size:12px; color:#FFFFFF; position:absolute; top:19px; left:27px}
.about{ margin-top:50px; padding:5px 10px; line-height:20px}
.contact{  position:absolute; bottom:15px; left:5px}
.line{width:960px; height:5px;border:none;border-top:5px solid #029194}
.foot{ padding-left:10px; height:60px; line-height:20px; position:relative}
.foot span{ position:absolute; top:15px; right:10px}
.foot span a{ color:#666 }
.foot span a:hover{ text-decoration:underline }

.submain{ width:960px; margin:0px auto;}
.sub_l{ width:211px; float:left; margin-left:10px}
.lmbg{ width:211px; height:55px; background:url("../images/lmbg.gif") no-repeat; position:relative}
.lmbg h1{ color:#01aaad; font-size:14px; position:absolute; top:20px; left:10px; font-family:微软雅黑，宋体}
.lmbg h1 font{font-family:Arial, Helvetica, sans-serif; font-size:12px}
.submenu{ margin-bottom:10px}
.submenu li{ width:211px; height:23px; border-bottom:1px solid #eee}
.submenu li a{ width:211px; height:23px; line-height:23px; text-indent:22px;background:url("../images/left_meun.gif") no-repeat; display:block; color:#01aaad;}
.submenu li a:hover{ width:211px; height:23px; line-height:23px; background:url("../images/left_meun01.gif") no-repeat; text-decoration:none;  display:block; color:#fff}
.right{ width:700px; margin-left:20px; margin-top:5px;background:url("../images/title_bg.png") no-repeat; float:left;}
.right h1{ color:#fff; font-size:12px; margin-top:10px; margin-left:25px; }
.text{ margin:20px 0px 0px 5px; line-height:20px}
.text a{ color:#666}
.text a:hover{ text-decoration:underline}

.pro td img{max-width: 150; max-height: 110px; width: expression(this.width >150 && this.height < this.width ? 150: true); height: expression(this.height > 110 ? 110: true);}