@charset "gb2312";
/* CSS Document */


*{margin:0px;	padding:0px; border:0px;  font-family:verdana, arial, "宋体";  list-style:none; }
input{ border:1px solid #999;}

h2{ font-size:16px;}

body{ color:#505050;  width:100%; font-size: 12px; line-height:20px; color:#838383;  text-align:center; }

a{text-decoration:none; color: #6a6a6a;}
a:hover{color:#f00; cursor: pointer;}

/*--公共 --*/
.left{ float:left;}
.right{ float:right;}
.displaynone{ display:none;}
.hand{ cursor:pointer;}

.jiantou{ font-size:10px; font-family:"宋体";}
.red{ color:#FF0000;}
.blue{color:#00627a;} /*-郁蓝-*/
.arial{ font-family:Arial, Helvetica, sans-serif}
.orange{ color:#F90; }
.light_gary{ color:#a9b2c3; }
.black{ color:#000;} 

.c{clear:both;}

.subinp{ width:50px; height:21px; }
.textarea{line-height:22px;  border:1px solid #CCC; text-indent:1px;}


/*--公共End--*/

#topw{ background-color:#6b6b6b; height:20px; width:100%}
#topn{ width:1000px; margin:0 auto; height:20px; line-height:20px; text-align:right}
#topn a{ color:#fff;}
#Top{width:100%; height:124px; margin:0; background:url(/en/images/topbj.gif) repeat-x;}
#Top_n{width:1000px; height:84px; margin:0 auto; }
#logo{ float:left; margin-top:10px;}
#tel{ float:right; margin-top:10px;width:296px; }
#cnen{ width:200px; float:right; height:25px; text-align:right; }#cnen img{ vertical-align:middle}
#tel400{ width:296px; float:left; height:31px; color:#df131e;  font-weight:bold; line-height:25px;font-size:20px;font-family:Georgia,Times New Roman, Times, serif; margin-top:10px;}
#tel400 img{ vertical-align:middle; margin-top:5px; float:right}

/*#Menu{margin:0 auto; width:1000px;height:40px;}
#Menu ul { list-style:none; width: 1000px; height:40px;  } 
#Menu li {float:left;  width:96px; padding:0 14px; height:39px; color:#FFF; font-weight:bold; line-height:39px; font-size:14px; position:relative; overflow:hidden; background:url(/en/images/menu_right.gif) right no-repeat;}
#Menu li a{ float:left; display:block;  width:96px; height:40px; line-height:40px;  text-align:center; }  
#Menu li a:link{ }
#Menu li a:hover{ background:url(/en/images/menu_hover.gif) no-repeat; }*/
	
.layout {
	
	float: left;
	width: 1000px; margin:0 auto;	height:40px; 

}
.slideBtn {
	position: absolute;
	width: 29px;
	height: 40px;
	top: 20px;
	right: -29px;
	display: block;
	background: url(/en/skin/menu_backBtn.png) no-repeat;
}
.open {
	background-position: top left;
}
.close {
	background-position: bottom left;
}
.copyright {
	margin: 15px auto;
	padding: 10px;
	
	width: 920px;
	border:1px solid #FFFFFF;
	text-align: right;
	background:none repeat scroll 0 0 #F4F4F4;
	/* css3 */
	-moz-border-radius: 5px;
	border-radius: 5px;
	-moz-box-shadow:0 0 5px #484848;
}
.download {
	position: absolute;
	top: -11px;
	right:-11px;
	display: block;
	opacity: 0.8;
}
.download:hover {
	opacity: 1;
}
.download img {
	border: 0px;	
}
.colorSwich {
	-moz-border-radius: 5px;
	border-radius: 5px;
	-moz-box-shadow:0 0 5px #484848;
	background:none repeat scroll 0 0 #F4F4F4;
	border:1px solid #FFFFFF;
	margin:0 0 20px;
	padding:15px 15px 28px;
	width:250px;
	position: absolute;
	top: 50px;
	left: 10px;
}
.colorSwich h2{
	border-bottom:1px solid #282828;
	font-family:"Helvetica Neue",Arial,"Lucida Grande",sans-serif;
	font-size:18px;
	margin-bottom:15px;
	text-transform:uppercase;
	line-height:34px;
	color:#282828;
}
.colorSwich .content {
	float: left;
	width: 250px; 
}
.effecType {
	margin: 10px 0px 10px 0px;
}
.colorSwich .content .style {
	background:none repeat scroll 0 0 #FBFBFB;
	padding:5px;
	border:medium none;
	-moz-box-shadow:0 0 3px #666666;
	display: block;	
	float: left;
	cursor: pointer;
	margin: 0px 5px 0px 0px;
}
.colorSwich .content .style:hover {
	-moz-box-shadow:0 0 5px #484848;
	position: relative;
	bottom: 2px;
}
.colorSwich .content .on {
	-moz-box-shadow:0 0 5px #484848;
	position: relative;
	bottom: 2px;
}
.colorSwich .content .style span{
	width: 34px; 
	height: 34px;
	display: block;	
}
.colorSwich .content .cp form {
	float: left;
}
.colorSwich .content .cp label {
	border: 0px solid red;
	width: 90px; 
	display:block;
	float: left;
	padding: 5px 0px 9px 0px;
}
.colorSwich .content .cp input {
	display:block;
	width: 12px; 
	height: 12px; 
	background:none repeat scroll 0 0 #FBFBFB;
	padding:5px;
	border:medium none;
	-moz-box-shadow:0 0 3px #666666;
	float: left;
	margin: 0px 0px 0px 10px;
	text-indent: -200px;
}
.colorSwich .content .cp .btn {
	width: 160px; 
	margin: 10px 0px 0px 0px;
	float: left;;
}
.colorSwich .content .cp .btn input{
	text-indent: 0px;
	width: 70px;
	height: 30px; 
	float: left;	
	color: #fff;
	text-align: center;
	margin: 0px 10px 0px 0px;
	background-color: #0079B8;
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#0079B8), to(#0079B8), color-stop(.5,#2399D6));
	background: -moz-linear-gradient(top, #0079B8 0%, #2399D6 50%, #0079B8 100%);
	border: 1px solid #0079B8;
}
.colorSwich .content .cp input:hover{
	-moz-box-shadow:0 0 5px #484848;
	position: relative;
	bottom: 2px;
	cursor: pointer;
}
#getCodeConsole h2{
	border-bottom:1px solid #282828;
	font-family:"Helvetica Neue",Arial,"Lucida Grande",sans-serif;
	font-size:18px;
	margin-bottom:15px;
	text-transform:uppercase;
	line-height:34px;
	color:#282828;
}
#getCodeConsole { 
	-moz-border-radius: 5px;
	border-radius: 5px;
	-moz-box-shadow:0 0 5px #484848;
	background:none repeat scroll 0 0 #F4F4F4;
	border:1px solid #FFFFFF;
	margin:0 0 20px;
	padding:15px 15px 28px;
}
#getCodeConsole .close {
	display: block;
	position: absolute;
	top: 12px;
	right: 12px;
	cursor: pointer;
}
		
#BannerW{ margin:auto !important; margin:0 auto;  width:100%; height:407px;  background:url(/en/images/bannerbj.jpg) repeat-x; }	
#BannerN{ margin:auto !important; margin:0 auto;  width:1000px; height:400px; overflow:hidden; }
#index_content{ width:1000px; margin:0 auto;}	
.banner {
	height: 400px;
	overflow: hidden;
	position: relative;
}
.banner .hd {
	height: 18px;
	position: absolute;
	width: 100%;
	z-index: 1;
	text-align: center;
	bottom: 20px;
}
.banner .hd ul li {
	display: inline-block;
	margin: 0 5px;
	width: 15px;
	height: 15px;
	cursor: pointer;
	background: #0d77e5;
	border-radius: 8px;
}
.banner .hd ul li.on {
	background: #69c248;
}
.banner .bd {
	position: relative;
	height: 100%;
	z-index: 0;
}
.banner .bd li {
	zoom: 1;
	vertical-align: middle;
	width: 100%;
	height: 600px;
	display: block;
}
.banner .bd li a {
	width: 100%;
	height: 400px;
	display: block;
}
.banner .prev {
	position: absolute;
	left: 3%;
	top: 50%;
	margin-top: -25px;
	display: block;
	width: 17px;
	height: 31px;
	background: url(/en/images/left.png) no-repeat;
	filter: alpha(opacity=100);
	opacity: 1;
}
.banner .next {
	position: absolute;
	right: 3%;
	top: 50%;
	margin-top: -25px;
	display: block;
	width: 17px;
	height: 31px;
	background: url(/en/images/right.png) no-repeat;
	filter: alpha(opacity=100);
	opacity: 1;
}
	
#gg{  width:1000px; height:58px; margin:0 auto; text-align:left; line-height:58px; overflow:hidden }
#ggt{ color:#f00; font-size:14px; font-weight:bold; display:block; width:50px; height:58px;float:left}
#ggn{ width:930px; float:left;height:25px; line-height:25px; overflow:hidden; margin-top:16px;  }
	
.index_pro{ width:1000px; height:226px; margin:0 auto; background:url(/en/images/indexprobj.gif) repeat-x; margin-bottom:10px;}
.index_pro_t{ width:960px; height:35px; padding:0 20px;}
.meidou{ float:left; width:129px; height:35px; background:url(/en/images/index_10.jpg) no-repeat; color:#fff; font-size:14px; font-weight:bold; line-height:32px;}
.index_pro_t span{ float:right; height:35px; line-height:35px;}
.index_pro_c{ width:960px; height:178px; margin:10px 20px 0px 20px; overflow:hidden;}
.index_pro_c li{width:192px; height:188px; float:left;} 
.index_pro_c li img{ border:1px solid #cacaca;}.protitle{ color:#3c3c3c; line-height:25px;}

.index_newsW{ width:1000px; height:210px; margin:0 auto; float:left}
.index_news{ width:321px; height:193px; border:1px solid #d4d4d4; float:left;}
.index_news_t{ width:290px; height:32px; margin:0 auto; padding:0 15px;background:url(/en/images/newtitlebj.gif) repeat-x; }
.index_news_t span{ float:right; height:32px; line-height:32px;}
.meidou_news{ float:left; width:129px; height:32px; background:url(/en/images/index_29.jpg) no-repeat; color:#fff; font-size:14px; font-weight:bold; line-height:30px;}
.index_news_c{ width:300px; height:150; padding:5px 10px; text-align:left; line-height:22px;}
.index_news_c li{ height:25px; line-height:25px; text-indent:10px;background-image:url("/en/skin/listitem.jpg"); background-position:left 50%;background-repeat:no-repeat; }
.index_news_c li:hover{ height:25px; line-height:25px; text-indent:10px;background-image:url("/en/skin/listitemh.jpg"); background-position:left 50%;background-repeat:no-repeat; }
.index_news_c li a:hover{ color:#f00;}
.index_news_c h5{ float:right}

.footer{ width:100%; height:203px; background:url(/en/images/index_32.jpg) repeat-x; float:left;}
.foot{ width:1000px; margin:0 auto;}.foot a{ color:#828282}.foot a:hover{ color:#f00;}
#foott{ width:129;_width:129; height:193; float:left; margin-top:30px; margin-left:40px;_margin-left:30px; margin-right:50px;_margin-right:20px;text-align:left;}
#foott span{ display:block}
#foott a{ font-size:14px; font-weight:bold; line-height:30px;_line-height:25px;}
#foottn{width:129;_width:129;}
#foottn ul{width:129;_width:129;}
#foottn ul li{height:25px;line-height:25px; _width:109px;  }
#foottn ul li a{ font-size:12px; font-weight:normal; }#foottn ul li a:hover{ color:#f00;} 

.footer_d{ width:100%; height:36px; background:#6b6b6b; float:left;}
.foot_d{ width:1000px; margin:0 auto; color:#fff; text-align:left; line-height:36px;}.foot_d a{ color:#fff; }
.foot_d span{ float:right; width:192; height:26px; line-height:26px; margin-top:5px; background:url(/en/images/codebj.gif) no-repeat; display:block; }
.foot_d span a{ font-size:12px;}
.foot_d a:hover{ color:#f00}

#about {
	MARGIN: 0px auto; WIDTH: 980px
}
.about_l {
	WIDTH: 239px; FLOAT: left
}
.about1 {
	MARGIN-TOP: 10px; WIDTH: 239px
}
.about1_title {
	LINE-HEIGHT: 28px; PADDING-LEFT: 21px; text-align:left; WIDTH: 218px; BACKGROUND: url(/en/images/title_bg3.gif); HEIGHT: 28px; COLOR: #fff; FONT-SIZE: 14px
}
.about1_bor {
	BORDER-BOTTOM: #d4d4d4 1px solid; BORDER-LEFT: #d4d4d4 1px solid; WIDTH: 237px; BORDER-TOP: #d4d4d4 1px; BORDER-RIGHT: #d4d4d4 1px solid; PADDING-TOP: 10px
}
.about1_bor UL LI {
	TEXT-ALIGN: center; LINE-HEIGHT: 26px; WIDTH: 217px; MARGIN-BOTTOM: 4px; BACKGROUND: url(/en/images/ul,li_bg3.gif) no-repeat center 50%; HEIGHT: 26px; MARGIN-LEFT: 10px
}
.about1_bor UL LI:hover {
	BACKGROUND: url(/en/images/ul,li_bg4.gif) no-repeat center 50%; COLOR: #fff; FONT-WEIGHT: bold;color:#fff; 
}
.fff2{ font-size:14px;}.fff2:hover{ color:#fff; }
.about2_cen {
	LINE-HEIGHT: 22px; MARGIN-LEFT: 10px; PADDING-TOP: 2px; text-align:left;
}
.about_r {
	WIDTH: 731px; FLOAT: right
}
.about_r_title {
	LINE-HEIGHT: 28px; MARGIN-TOP: 10px; text-align:left; PADDING-LEFT: 21px; WIDTH: 710px; BACKGROUND: url(/en/images/title_bg4.gif); HEIGHT: 28px; COLOR: #fff; FONT-SIZE: 14px
}
.about_r_bor {
	BORDER-BOTTOM: #d4d4d4 1px solid; BORDER-LEFT: #d4d4d4 1px solid; WIDTH: 729px; BORDER-TOP: #d4d4d4 1px; BORDER-RIGHT: #d4d4d4 1px solid
}
.about_r_pic {
	DISPLAY: inline; FLOAT: left; MARGIN-LEFT: 10px; MARGIN-RIGHT: 10px; PADDING-TOP: 10px
}
.about_r_cen {
	LINE-HEIGHT: 24px; TEXT-INDENT: 0px; MARGIN-LEFT: 10px; PADDING-TOP: 10px; text-align:left;
}




	
	#GuestBook	{margin:auto !important; margin:auto 0; line-height:25px; width:730px; height:auto; padding-top:8px;}
	#GuestBook .msgform thead td{padding-left:10px;border-bottom:1px dotted #666;font-weight:bold;}
	#GuestBook .msgform td{padding:3px;}
	#GuestBook .wd2{font-family:Wingdings 2;}
	#GuestBook .textinp{line-height:22px; border:0; height:22px; border:1px solid #CCC; text-indent:1px;}
	#GuestBook .textarea{border:0; border:1px solid #CCC;}
	#GuestBook .guesttitle{text-align:right;padding-right:6px;width:160px;}
	#GuestBook .subBox{ text-align:center;}
	
	#Product{ margin:auto !important; margin:auto 0; width:730px; height:auto; padding-top:8px;}
	
	#Product .searchBox{ width:100%; height:22px; line-height:25px; padding-bottom:10px;}
	#Product .searchBox_text{ width:160px; height:20px; border:1px solid #CCC; line-height:20px; text-indent:2px;}
	
	#Product .prolist_T{width:100%; height:auto ; }
	#Product .prolist_T table{ width:220px; border:0px; margin-top:10px;}
	#Product .prolist_T td{ text-indent:5px;}
	
	
	#Product .prolist .item{ width:728px; height:110px; border:1px solid #CCC; margin-top:10px; padding-top:10px;}
	
	#Product .prolist .item .picBox{ float:left; width:180px; height:120px; text-align:center;  }
	#Product .prolist .item .picBox img{  width:150px; height:100px;}
	#Product .prolist .item .parameterBox{ float:left; width:548px; height:100px; line-height:25px;}
	#Product .prolist .item .parameterBox li{ width:100%; height:30px;}
	
	#Product .h1{ width:100%; height:30px; line-height:30px; font-size:16px; text-align:center;}
	#Product .img{ width:100%; height:auto; text-align:center; overflow:hidden;}
	#Product .content{ width:730px; height:auto; padding-top:8px; line-height:25px; white-space:normal; }




/*分页样式-------开始*/

DIV.yellow {
	PADDING-RIGHT: 7px; PADDING-LEFT: 7px; PADDING-BOTTOM: 7px; MARGIN: 3px; PADDING-TOP: 7px; TEXT-ALIGN: center
}
DIV.yellow A {
	BORDER-RIGHT: #ccc 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #ccc 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; MARGIN: 2px; BORDER-LEFT: #ccc 1px solid; COLOR: #000; PADDING-TOP: 2px; BORDER-BOTTOM: #ccc 1px solid; TEXT-DECORATION: none
}
DIV.yellow A:hover {
	BORDER-RIGHT: #f0f0f0 1px solid; BORDER-TOP: #f0f0f0 1px solid; BORDER-LEFT: #f0f0f0 1px solid; COLOR: #000; BORDER-BOTTOM: #f0f0f0 1px solid
}
DIV.yellow A:active {
	BORDER-RIGHT: #f0f0f0 1px solid; BORDER-TOP: #f0f0f0 1px solid; BORDER-LEFT: #f0f0f0 1px solid; COLOR: #000; BORDER-BOTTOM: #f0f0f0 1px solid
}
DIV.yellow SPAN.current {
	BORDER-RIGHT: #08A3EA 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #08A3EA 1px solid; PADDING-LEFT: 5px; FONT-WEIGHT: bold; PADDING-BOTTOM: 2px; MARGIN: 2px; BORDER-LEFT: #08A3EA 1px solid; COLOR: #fff; PADDING-TOP: 2px; BORDER-BOTTOM: #08A3EA 1px solid; BACKGROUND-COLOR: #08A3EA
}
DIV.yellow SPAN.disabled {
	BORDER-RIGHT: #eee 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #eee 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; MARGIN: 2px; BORDER-LEFT: #eee 1px solid; COLOR: #ddd; PADDING-TOP: 2px; BORDER-BOTTOM: #eee 1px solid
}

/*分页样式------结束*/

/*默认模板样式  start	*/


	
/*新闻列表	*/
.newslist li{padding:5px 0px;border-bottom:1px dashed #888;clear:both;}
.newslist li span{float:right;padding-right:4px;color:#999;}
.go{margin:0px 8px;color:#f00;}


/*产品列表	*/
#ProductList{width:850px;  margin:0 auto;}
#ProductList ul{margin:0px; padding-left:10px;}
#ProductList li{width:233px; height:200px; float:left; margin-right:1px; margin-top:5px; border:#b2b2b2 solid 1px; margin:5px;}
#ProductList li a{height:200px; display:block; text-decoration:none;  color:#000;}
#ProductList li a span{display:block; font-family:"微软雅黑"; font-size:13px; color:#000; padding:5px 0px 0px 14px;}
#ProductList li a:hover span{color:#f00;}
#ProductList li a p{display:block; padding-left:14px; line-height:18px; margin-top:2px;  padding-right:7px;}
#ProductList li img{margin:9px; }
#ProductList li a:hover{background:#ccc; color:#FFFFFF;}

#ProductList .nav{ width:100%; height:30px; line-height:30px;line-height:30px; padding:0; margin:0;}

.inp{
	border: 1px solid #CCCCCC; font-size:12px;
}
	
	
/*默认模板样式   end 	*/	
	
	
.foot_margin{ width:100%; height:10px; overflow:hidden;}

#Footer{ margin:auto !important; margin:auto 0; width:960px; height:50px; text-align:center; line-height:25px; padding-top:25px; border-top:1px solid #e8e8e8; color:#999;}

