/* 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; max-width:100%;}
body{font-size:14px; font-family:Arial, Helvetica, sans-serif,"����";color:#000;;background:#f0f0f0 url("../images/bg.jpg") repeat-x}
.clear{ margin:0; padding:0; font-size:0; clear:both;}
a{ color:#444}
a:hover{ color:#C00;}
p{line-height:1.8em;}
h2{ font-size:12px;}
.ml5{ margin-left:4px}
.pro img{max-width:200px; max-height:150px; width: expression(this.width >200 && this.height < this.width ? 200: true); height: expression(this.height > 150 ? 150: true);}
.warp{ width:1000px; margin:0px auto }
.wapper{ width:1000px; margin:0px auto;}
.header{ width:1000px; height:100px;position:relative}
.logo{ float:left; margin:15px 0px 0px 0px;}
.language{  margin-top:20px; float:right;}
.language ul li{ float:left; width:60px; height:25px; line-height:25px; text-align:center; color:#fff}
.language ul li a{ color:#fff }
.language ul li a:hover{ text-decoration:underline}
.search{ width:200px; height:22px; line-height:22px; position:relative; margin-top:60px;background:url("../images/lupe.png") no-repeat left center}
.headtop_3_input{border:#656565 1px solid; height:16px; line-height:16px; width:141px;color:#999; padding-left:5px; position:absolute; left:25px; top:0px;}
.ok{ width:21px; height:20px; display:block; background:url("../images/go.jpg") no-repeat;border:0px; position:absolute; right:0px; top:0px;}
.menu{ width:985px; height:35px;position:relative;z-index:2; margin-bottom:1px; padding-left:15px; background:url("../images/navbg.jpg") no-repeat}
.menu ul li{float:left;width:110px;font-size:14px;text-align:center;line-height:35px;font-weight:bold;position:relative; background: 100% 50% url("../images/nav_line.jpg") no-repeat}
.menu ul li a{ color:#fff;display:block;font-size: 16px;font-weight: normal;}
.menu ul li a:hover{color:#fff; display:block;width:110px;height:35px; background:url("../images/hover.jpg") center bottom no-repeat}
.menu ul li dl{ display:none; position:absolute;left:0px;top:35px;}
.menu ul li dl dd{ width:110px; height:30px;background-color:#0a3e65; border-bottom:1px solid #fff;line-height:30px;}
.menu ul li dl dd a{ font-size:12px;font-weight:normal;color:#FFF;width:110px; display:block}
.menu ul li dl dd a:hover{ background:none;width:110px; height:30px;color:#FFF;text-decoration:underline;}
.hmain span{ display:block;}

#banner {width:1000px; height:388px; background:url("../images/banner_bg.jpg") left bottom no-repeat; float:left; overflow:hidden; position:relative;z-index:1;}
#banner ul {height:314px; margin-top:17px; position:absolute;}
#banner ul li {float:left; width:1000px; height:314px; overflow:hidden; position:relative; text-align:center}
#banner ul li div {position:absolute; overflow:hidden;}
#banner ul li img{ width:988px; height:314px;}
#banner .btnBg {position:absolute; width:988px; height:20px; left:0; bottom:0;}
#banner .btn {position:absolute; width:988px; height:10px; padding:5px 10px; right:10px; bottom:70px; text-align:right;}
#banner .btn span {display:inline-block; _display:inline; _zoom:1; width:25px; height:10px; _font-size:0; margin-left:5px; cursor:pointer; background-color:#fff}
#banner .btn span.on { background-color:#fd9600}
#banner .preNext {width:45px; height:100px; position:absolute; top:95px; background:url(../images/sprite.png) no-repeat 0 0; cursor:pointer;}
#banner .pre {left:0;}
#banner .next {right:0; background-position:right top;}

.main{ width:1000px;
	/*height:400px; */
	margin:0px auto; overflow:hidden;float:left; background-color:#fff}
.indl{ width:410px; height:175px;
	margin:20px 10px 0px 0px;
	/*background:url("../images/abt.jpg") left top no-repeat;*/
	overflow:hidden;float:left; position:relative;
	/*padding-top:25px*/
}
.indl .more{
	width:50px;
	height:14px;
	display:block;
	float: right;
	margin-top: 7px;
	/*position:absolute;*/
	/*top:7px; */
	/*right:0;*/
}
.more a:link{ font-size:10px;}
.indm{
	width:200px;
	/*height:175px;*/
	overflow:hidden;
	margin:20px 10px 0px 10px;
	/*background:url("../images/news.jpg") left top no-repeat;*/
	float:left;
	position:relative;
	/*padding-top:25px*/
}
.indm .more{ width:50px; height:14px; font-size:10px; display:block; position:absolute; top:7px; right:0px}
.indm ul{ margin-top:5px;}
.indm ul li{line-height:24px; text-indent:22px;overflow: hidden; }
.indm ul li>a{ float:left;width:199px;background:url(../images/biao_04.gif) 7% 50% no-repeat;border-bottom:1px solid #ccc}
.indr{ width:350px; height:200px;overflow:hidden;;float:right;margin:20px 10px 0px 0px;
	background:url("../images/index_culture_bg.jpg") left top no-repeat;
	position:relative;}
.indr ul{ padding:10px;
	/*margin-top:30px*/
}
.indr ul li{ line-height:20px;}
.indabout{ height:161px; padding:10px 20px 10px 20px; line-height:22px; background:url("../images/index_about_bg.jpg") no-repeat; color:#fff;}
.indr .more{ width:50px; height:14px; font-size:10px; display:block; position:absolute; top:7px; right:0px}
.indm ul{
	/*width:360px;*/
	/*height:161px;*/
	/*background:url("../images/index_news_bg.jpg") left top no-repeat; */
	background: #f1f1f1;
	padding-top:12px;
    padding-bottom: 12px;
}
.indm li{
	/*width:340px;*/
	/*height:20px;*/
	line-height:20px; margin:7px 0px 7px 10px; border-bottom:1px #ccc dotted; position:relative; }
.indm li a{
	/*width:340px;*/
	height:20px; line-height:20px; padding-left:10px;
	/*background:url("../images/listdot.png") 0% 50% no-repeat;*/
}
.indm li span{ width:75px; height:20px; position:absolute; top:0px; right:0px; color:#999}


.indm li dd{
	list-style: none;
}


.indm li dd a{
	padding-left: 15px;
}

.pros {
	width:1000px;
	height:200px;
	overflow:hidden;
	float:left;
	background:url("../images/pro.jpg") 10px 0px no-repeat; position:relative;
	/*padding-top:40px */
	margin-top: 15px;
}
.pros .more{
	width:38px;
	height:14px;
	font-size:10px; display:block;
	/*position:absolute; */
	/*top:10px;*/
	/*right:20px*/
	float: right;
	margin-top: 10px;
}

.zbg {
	Z-INDEX: 9000; POSITION: relative;
	margin-top: 20px;
}
.zb_list {
	POSITION: absolute; HEIGHT: 130px; TOP: 0px; LEFT: 30px
}
.zb_list A:hover {
	COLOR: #cc6600; TEXT-DECORATION: underline
}
.pro10 A:hover IMG {
	BORDER: #2470c6 2px solid; display:block
}
.zbg .LeftBotton_on {
	POSITION: absolute; WIDTH: 10px; BACKGROUND: url(../images/last.png) no-repeat 0px 0px; HEIGHT: 31px; TOP: 40px; CURSOR: pointer; LEFT: 10px
}
.zbg .RightBotton_on {
	POSITION: absolute; WIDTH: 10px; BACKGROUND: url(../images/next.png) no-repeat 0px 0px; HEIGHT: 31px; TOP: 40px; CURSOR: pointer; RIGHT: 10px
}
.zb_list LI {
	WIDTH: 160px; DISPLAY: inline; FLOAT: left; HEIGHT: 130px
}
.name {
	TEXT-ALIGN: center; MARGIN: 0px auto; WIDTH: 120px; HEIGHT: 20px; line-height:35px
}

.name a{ color:#0156a9; font-weight:bold}



.pro10 IMG {
	 WIDTH: expression(this.width >120 && this.height < this.width ? 120: true); MAX-WIDTH: 120px ; HEIGHT: expression(this.height > 90 ? 90: true); MAX-HEIGHT: 90px
; padding:2px}
.pro10 {
	MARGIN: 0px auto; WIDTH: 120px; HEIGHT: 90px
}

.link{ width:1000px; margin:0px auto; float:left; margin:10px 0px; height:20px; line-height:20px}
.link li{ float:left; height:20px; line-height:20px}
.link li a{ margin-right:10px}



.context { width:300px; height:98px; overflow:hidden; line-height:20px; margin-top:5px}


.subsol{ width:199px; margin-top:15px;text-align:center; overflow:hidden}
.subindcon{ width:199px; height:295px; float:left;background:url("../images/title_bg.jpg") 0px 5px no-repeat; margin-top:5px;}
.subindcon h1{ width:103px; height:33px;font-size:14px;color:#fff; margin:12px 0px 0px 25px}
.subcontactext{ width:199px; height:235px;line-height:23px; position:relative; background:url("../images/indexaboutbg.jpg") bottom right no-repeat}




.footer{ width:100%;height:88px; float:left; background:url("../images/foot_bg.jpg") repeat-x;color:#fff;}
.footer ul{padding-top:18px;}
.footer ul li{ line-height:24px;text-align:center}
.footer ul li a{ color:#fff }
.footer ul li a:hover{ color:#FF3300}

/*main*/
.inside{ width:1000px;float:left; background:#fff; padding-bottom:5px}
.inside_left{ width:200px;float:left;margin-top:10px; margin-left:10px;display:inline;}
.side_nav h2{ font-size:24px; line-height:40px; height:40px; color:#f60;}
.side_nav a{ line-height:24px; height:24px;  display:block; text-align:right; padding-right:40px; background:url(../images/biao_04.gif) 176px center no-repeat; color:#333;}
.side_nav a:hover{background:url(../images/side_bg.gif) no-repeat; font-weight:bold; color:#fff;}
.side_nav ul li{ line-height:24px; height:24px; margin:5px 0;}
.hover a{ background:url(../images/side_bg.gif) no-repeat; font-weight:bold; color:#fff;}

.inside_right{ float:left;width:750px;margin-left:20px;_margin-left:0px;display:inline}
.weizhi{ height:27px;}
.weizhi h2{ font-weight:normal; line-height:27px; padding-left:25px; background: url(../images/biao10.gif) 5px 8px no-repeat; border-bottom:#aa1220 solid 2px;}
.weizhi h2 strong{ color:#333;}
.inside_con{ padding:10px 0;}

.inside_links{ margin-top:15px; border:#ddd solid 1px;}
.inside_links h2{ height:27px; line-height:27px; padding-left:10px; background: url(../images/inside_01.gif) repeat-x;}
.inside_links ul{ padding:10px 8px;}
.inside_links ul li{ line-height:24px; height:24px;}

.inside_kefu{ margin-top:15px; border:#ddd solid 1px;}
.inside_kefu h2{ height:27px; line-height:27px; padding-left:10px; background: url(../images/inside_01.gif) repeat-x;}
.inside_kefu ul{ padding:10px 8px;}
.inside_kefu ul li{ line-height:24px; height:24px; background:url(../images/pa.gif) 0 center no-repeat; padding-left:30px;}

/*main����һ��*/
.side_product { overflow:hidden}
.side_product h2{ font-size:14px; line-height:33px; height:33px; background:url(../images/title_bg.jpg)  no-repeat  left center;padding-left:25px; color:#fff}
.side_product ul{ margin-top:5px;}
.side_product ul li{line-height:24px; text-indent:22px }
.side_product ul li a{ float:left;width:199px;background:url(../images/biao_04.gif) 7% 50% no-repeat;border-bottom:1px solid #ccc}
.side_product ul li dl{ text-indent:30px;display:block}
.side_product ul li dl a{ background:url(../images/side_p3.jpg) no-repeat 10% 50%;}


/*Add*/
/*Category*/
.pro_list h2{ line-height:28px; height:28px; padding-left:20px;background:url(../images/pro_list_01.gif) no-repeat; color:#fff; font-size:14px;}
.pro_list_con{border:#ddd solid 1px;}
.pro_list_con dl{color:#f90;}
.pro_list_con dl dt{ height:24px; background:#e5ecf1; line-height:24px;padding:0 10px; font-weight:bold;}
.pro_list_con dl dd{ line-height:24px; padding:0 10px; padding-left:25px;}
.pro_list_con dl dd ul{ padding-left:15px;}

/*contact*/
.subcontact{ width:263px; height:59px; float:left; background:url("../images/cont.jpg") left top no-repeat; margin-top:10px; position:relative}
.contact{ margin-top:10px;}
.contact ul li{ line-height:30px; border-bottom:#e3d2c1 dashed 1px;}
.contact a{ color:#FFFFFF }
.contact a:hover{ color:#FF3300}
.lianxi{ position:absolute; top:35px; left:58px}
.message{ position:absolute; top:35px; right:20px}

/*proShow*/
.product_show h2{ line-height:28px; height:28px; border-bottom:#ddd solid 1px;font-weight:normal; margin-bottom:0px;}
.product_show h2 strong{ float:left; background:url("../images/title_04.gif") no-repeat; width:97px; height:28px; line-height:28px;text-align:center;font-size:14px; color:#fff;}
.product_show ul li{ width:130px;line-height:20px;}
.product_show ul li{ float:left; margin:15px 20px 0; border:#e4e4e4 solid 1px; display:inline;}

.product_zhanshi{ margin-top:20px;}
.product_zhanshi dl{ margin-left:15px;}
.product_zhanshi dl dt{ line-height:36px; font-size:14px;}
.product_zhanshi dl dd{ line-height:28px; border-bottom:#ddd dashed 1px;}
.product_zhanshi dl dd span{ color:#f90; font-size:14px; font-weight:bold; font-family: Verdana, Geneva, sans-serif;}
.xiangxi{ margin-top:20px;}
.xiangxi h2{ height:28px; font-size:12px; line-height:28px; color:#005895; border-bottom:#ddd solid 2px;}
.xiangxi h2 strong{ float:left; display:block; border-bottom:#005895 solid 2px; height:28px; padding:0 0px;}
.xiangxi_con{ padding:10px 0;}
.xiangxi_con p{ font-size:14px;}
.shangxia{ height:26px; padding-top:10px;}
.shangxia a{ display:block; background:url(../images/pre.gif) no-repeat; width:99px; height:26px; text-align:center; line-height:26px; font-size:14px; color:#005895; font-weight:bold; float:right; margin-left:16px;_margin-left:8px;  }
.pro1 { width:115px; height:128px;}
.pro1 td img{max-width:115px; max-height:100px; width:expression(this.width >115 && this.height < this.width ? 115: true); height: expression(this.height > 100 ? 100: true);border:1px solid #ccc; padding:5px}
.pro2{max-width:288px; max-height:216px; width: expression(this.width >288 && this.height < this.width ? 288: true); height: expression(this.height > 216 ? 216: true);}
.pro3{max-width:64px; max-height: 48px; width: expression(this.width >64 && this.height < this.width ? 64: true); height: expression(this.height > 48 ? 48: true);}
ul#thumblist li a{display:block;border:1px solid #CCC; height:54px; line-height:54px;}
ul#thumblist li a.zoomThumbActive{border:1px solid #c00;}
.clearfix ul li{ float:left; width:70px; margin:0 2px;display:inline;}
.clearfix ul li img{ padding:0; margin:0; cursor:pointer;}
.zoomPad{position:relative;z-index:99;cursor:crosshair;}
.zoomPreload{-moz-opacity:0.8;opacity: 0.8;filter: alpha(opacity = 80);color: #333;font-size: 12px;font-family: Tahoma;text-decoration: none;border: 1px solid #CCC;background-color: white;padding: 8px;text-align:center;background-image: url(../images/zoomloader.gif);background-repeat: no-repeat;background-position: 43px 30px;z-index:110;width:90px;height:43px;position:absolute;top:0px;left:0px;* width:100px;* height:49px;}
.zoomPup{overflow:hidden;background-color: #FFF;-moz-opacity:0.6;opacity: 0.6;filter: alpha(opacity = 60);z-index:120;position:absolute;border:1px solid #CCC;z-index:101;cursor:crosshair;}
.zoomOverlay{position:absolute;left:0px;top:0px;background:#FFF;/*opacity:0.5;*/z-index:5000;width:100%;height:100%;display:none;z-index:101;}
.zoomWindow{position:absolute;left:110%;top:40px;background:#FFF;z-index:6000;height:auto;z-index:10000;z-index:110;}
.zoomWrapper{position:relative;border:1px solid #999;z-index:110;}
.zoomWrapperTitle{display:block;background:#999;color:#FFF;height:18px;line-height:18px;width:100%;overflow:hidden;text-align:center;font-size:10px;position:absolute;top:0px;left:0px;z-index:120;-moz-opacity:0.6;opacity: 0.6;filter: alpha(opacity = 60);}
.zoomWrapperImage{display:block;position:relative;overflow:hidden;z-index:110;}
.zoomWrapperImage img{border:0px;display:block;position:absolute;z-index:101;}
.zoomIframe{z-index: -1;filter:alpha(opacity=0);-moz-opacity: 0.80;opacity: 0.80;position:absolute;display:block;}
.hover2{ background:#f4f4f4;}

.pro01 img{max-width:120px; max-height:90px; width: expression(this.width >120 && this.height < this.width ? 120: true); height: expression(this.height > 90 ? 90: true);}