@charset "utf-8";
body {
	font-size: 12px;
	margin:0;
	padding:0;
	line-height:180%;
	font-family:Arial, Helvetica, sans-serif;
}
ul,li{
	margin:0;
	padding:0;
	list-style-type:none;
	}
*thml ul,li{ margin:0; padding:0; list-style-type:none;}
.clear{ clear:both;}
a{ text-decoration:none; color:#000;}
img{ border:0;}

#top{
	background:url(top_bg.gif);
	height:86px;
	width:1002px;
	margin:0 auto;
	}
#head{ background:url(logo.gif); background-repeat:no-repeat; padding:31px 0 0 424px; background-position:104px 0;}
*html #head{ background:url(logo.gif); background-repeat:no-repeat; padding:19px 0 0 424px; background-position:104px 0;}

#subtop{ background:url(sub_top.gif); height:89px; width:1002px; margin:0 auto; margin-bottom:1px;}
#subhead{ background:url(logo.gif); background-repeat:no-repeat; padding:34px 0 0 330px; background-position:15px 0;}
*html #subhead{ background:url(logo.gif); background-repeat:no-repeat; padding:31px 0 0 330px; background-position:5px 0;}
.cen{ height:16px; margin-bottom:6px; font-family:PMingLiU; font-size:11px; font-weight:bold; padding-left:450px;}
*html .cen{ height:16px; margin-bottom:14px; font-family:PMingLiU; font-size:11px; font-weight:bold; padding-left:350px;}
.cen span{ font-family:Tahoma, Geneva, sans-serif;}
.cen a{ color:#FFF;}
.cen a:hover{ color:#FFC;}
.subcen{ height:16px; margin-bottom:6px; font-family:PMingLiU; font-size:11px; font-weight:bold; padding-left:605px;}
*html .subcen{ height:16px; margin-bottom:5px; font-family:PMingLiU; font-size:11px; font-weight:bold; padding-left:510px;}
.subcen span{ font-family:Tahoma, Geneva, sans-serif;}
.subcen a{ color:#FFF;}
.subcen a:hover{ color:#FFC;}

#menu1{ height:33px;}
#menu1 img{ margin:0; padding:0;}
#menu1 li{ float:left; display:inline; width:81px; height:33px; overflow:hidden;}

#submenu{ height:33px; display:block; float:right}
#submenu img{ margin:0; padding:0;}
#submenu li{ float:left; display:inline; width:97px; height:30px; overflow:hidden;}
#submenu .b{ width:172px;}
#mainbody{ width:894px; height:629px; background:url(home_body.jpg); margin:0 auto; padding:110px 0 0 108px  !important; padding:110px 0 0 108px;}
#mainbody ul li{ float:left; margin:0 10px 0 0; text-align:right; height:182px;}

#mainbody ul li p{
width:243px;
height:180px !important;
height:172px;
border:2px #064b6a solid;
background:#FFF;
padding:4px;
margin-bottom:50px !important;
margin-bottom:5px;
display:block;
}

#mainbody ul li p .productsname{ display:block;  padding-right:7px; font-size:11px; line-height:12px; padding-top:2px;}
#mainbody ul li p .productsname:hover{color:#F90; padding-right:7px;}

*+html #mainbody ul li p{ display:block; width:243px; height:180px !important; height:180px; border:2px #064b6a solid; background:#FFF; padding:4px; margin-bottom:15px}
*+html #mainbody ul li p .productsname{ display:block; color:#1982b4;  padding-right:7px; height:80px; line-height:20px; font-size:11px; line-height:12px; padding-top:2px;}
*+html #mainbody ul li p .productsname:hover{ color:#F90; padding-right:7px;}
#mainbody ul li span{ height:35px; text-align:right; padding-right:5px;}

#subbody{ width:1002px; margin:0 auto; background:url(sub_l_bg.gif); background-repeat:repeat-y;}
.subleft{ width:227px; margin:0 1px; float:left;}

.subright{ width:771px; float:left;}
.txt { padding: 20px 51px; line-height: 28px; min-height:700px;font-size:16px; }
.newpro{ padding:17px 0 11px 33px; background:#e4f1f6;}

.subpro{ padding:25px 20px 25px 28px;}
.subproducts{ padding-bottom:45px;}
.subproducts li {
    width:166px;
	height:230px !important;
    height:190px;
    float:left;
    margin-left:10px;
    display:inline;

}
.subproducts li a {
	text-align:center;

}
.subproducts li p{
	width:166px;
	height:175px;
	border:#CCC 1px solid;
	text-align:center; 
	line-height:175px;
	font-size:175px;
	padding:0;
	margin:0;
	}
	
.subproducts li p a img {
	vertical-align:middle
}
img.subproducts1{ 
    max-width:166px;
    max-height:175px;
    width: expression(this.width > Object.MAX_WIDTH && this.width / Object.MAX_WIDTH >= this.height / Object.MAX_HEIGHT ? Object.MAX_WIDTH : true);
    height: expression(this.height > Object.MAX_HEIGHT && this.width / Object.MAX_WIDTH < this.height / Object.MAX_HEIGHT ? Object.MAX_HEIGHT : true);
   }
.subproducts li span a {
	display:block;
	border:none;
	color:#127aab;
    width:167px;
    height:58px;
	font-size:12px;
    line-height:15px;
	text-align:left;

}

input{ border:#CCC solid 1px;}
.inputtxt{ width:450px;}
.inputtxt1{ width:500px;}
.proname{ color:#127aab; font-size:14px; font-weight:bold;}
.proname span{ font-weight: normal; float:right; margin-right:25px; font-size:12px;}
.proname span a{ color:#000;}
#subfoot{ width:981px; padding:15px 0 0 21px; font-family:PMingLiU; font-size:11px; margin:0 auto; line-height:15px; background:url(pro_foot.jpg); background-repeat:no-repeat; margin-top:1px; height:107px; color:#455d68;}
#subfoot span{ font-family:Tahoma, Geneva, sans-serif; font-size:10px;}
#mainfoot{ width:897px; height:149px; background: url(home_foot.jpg); height:122px; color:#455d68; font-family:PMingLiU; font-size:11px; margin:0 auto; padding:25px 0 0 105px; line-height:15px;}
#mainfoot span{ font-family:Tahoma, Geneva, sans-serif; font-size:10px;}

h2{ font-size:12px; font-weight:bold; color:#127aab; padding:0; margin:0; border-bottom:1px #999 solid; margin-bottom:8px; margin-top:15px;}

h6{ background:url(pro_listbg.gif); height:34px; padding-left:20px; font-size:14px; font-weight:bold; color:#000; padding:0; margin:0; padding-left:35px; padding-top:5px;}
.video{  width:748px; margin:0 auto; padding:0 126px; background:url(videobody_bg.gif)}

#otherbody{width:1002px; margin:0 auto;}

/*经过图片放大*/
.thumbnail{
position: relative;
z-index: 0;

}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: lightyellow;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span a{position: absolute; z-index:100;}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 0;
left: 30px; /*position where enlarged image should offset horizontally */

}
UL.promenu {
	PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px
}
UL.promenu * {
	PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px
}
UL.promenu A {
	DISPLAY: block; COLOR: #009dd1; TEXT-DECORATION: none; text-align:left;
}
UL.promenu LI {
	POSITION: relative; FLOAT: left; MARGIN-RIGHT: 2px; font-weight:bold;
}
UL.promenu UL {
	POSITION: absolute; LIST-STYLE-TYPE: none; DISPLAY: none; TOP: 26px; LEFT: 0px; opacity: 0
}
UL.promenu UL LI {
	BORDER-BOTTOM: #2a9cd3 1px solid; POSITION: relative; BORDER-LEFT: #2a9cd3 1px solid; MARGIN: 0px; WIDTH: 136px; BORDER-TOP: #2a9cd3 1px; BORDER-RIGHT: #2a9cd3 1px solid; 
}
UL.promenu UL LI A {
	PADDING-BOTTOM: 5px; BACKGROUND-COLOR: #80c7e8; PADDING-LEFT: 7px; PADDING-RIGHT: 7px; DISPLAY: block; PADDING-TOP: 3px;color:#FFF;
}
UL.promenu UL LI A:hover {
	BACKGROUND-COLOR: #63bbe3;
	color:#fff000;
}
UL.promenu UL UL {
	TOP: -1px; LEFT: 136px
}
UL.promenu .menulink {
	 PADDING-BOTTOM: 7px; PADDING-LEFT: 7px; WIDTH: 99px; PADDING-RIGHT: 7px; BACKGROUND: url(prodot.gif) no-repeat 0 12px; FONT-WEIGHT: bold; PADDING-TOP: 5px; padding-left:15px;white-space:nowrap;
}
UL.promenu .menulink:hover {
	BACKGROUND: url(prodot.gif) no-repeat 0 12px;
	padding-left:15px;
	color:#F90;
}
UL.promenu .menuhover {
	BACKGROUND: url(images/header_over.gif)
}
UL.promenu .sub {
	BACKGROUND: url() #80c7e8 no-repeat 136px 8px
}
UL.promenu .topline {
	BORDER-TOP: #aaa 1px solid
}

UL.promenu01 {
	PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px
}
UL.promenu01 * {
	PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px
}
UL.promenu01 A {
	DISPLAY: block; COLOR: #009dd1; TEXT-DECORATION: none; text-align:left;
}
UL.promenu01 LI {
	POSITION: relative; FLOAT: left; MARGIN-RIGHT: 2px; font-weight:bold;
}
UL.promenu01 UL {
	POSITION: absolute; LIST-STYLE-TYPE: none; DISPLAY: none; TOP: 26px; LEFT: 0px; opacity: 0
}
UL.promenu01 UL LI {
	BORDER-BOTTOM: #2a9cd3 1px solid; POSITION: relative; BORDER-LEFT: #2a9cd3 1px solid; MARGIN: 0px; WIDTH: 80px; BORDER-TOP: #2a9cd3 1px; BORDER-RIGHT: #2a9cd3 1px solid; 
}
UL.promenu01 UL LI A {
	PADDING-BOTTOM: 5px; BACKGROUND-COLOR: #80c7e8; PADDING-LEFT: 7px; PADDING-RIGHT: 7px; DISPLAY: block; PADDING-TOP: 3px;color:#FFF;
}
UL.promenu01 UL LI A:hover {
	BACKGROUND-COLOR: #63bbe3;
	color:#fff000;
}
UL.promenu01 UL UL {
	TOP: -1px; LEFT: 80px
}
UL.promenu01 .menulink {
	 PADDING-BOTTOM: 7px; PADDING-LEFT: 7px; WIDTH:50px; PADDING-RIGHT: 7px; BACKGROUND: url(prodot.gif) no-repeat 0 12px; FONT-WEIGHT: bold; PADDING-TOP: 5px; padding-left:15px;white-space:nowrap;
}
UL.promenu01 .menulink:hover {
	BACKGROUND: url(prodot.gif) no-repeat 0 12px;
	padding-left:15px;
	color:#F90;
}
UL.promenu01 .menuhover {
	BACKGROUND: url(images/header_over.gif)
}
UL.promenu01 .sub {
	BACKGROUND:#80c7e8 no-repeat 136px 8px
}
UL.promenu01 .topline {
	BORDER-TOP: #aaa 1px solid
}
img.bigpro{ 
    max-width:700px;
    max-height:700px;
    width: expression(this.width > Object.MAX_WIDTH && this.width / Object.MAX_WIDTH >= this.height / Object.MAX_HEIGHT ? Object.MAX_WIDTH : true);
    height: expression(this.height > Object.MAX_HEIGHT && this.width / Object.MAX_WIDTH < this.height / Object.MAX_HEIGHT ? Object.MAX_HEIGHT : true);
   }