﻿@charset "utf-8";
html{
	background:url(../images/bottom_bg.jpg) #F3F3F3 no-repeat bottom;
}
body{
	font-size:12px;
    margin:0px auto;
	padding:0px;
	text-align:center;
	background: url(../images/top_bg.jpg) top repeat-x;
	color:#666;
	font-family: Tahoma,Verdana, Arial, Helvetica, sans-serif;
}
*{
	margin:0;
	padding:0;
}
ul,li{ margin:0; padding:0;  }
form, input, textarea, table, h1, h3, h4, h5, h6{
	font-family: Tahoma,Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}
.input_sear {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#CCCCCC;
	background:url(../images/bg_input.gif) no-repeat top center;
	width:140px;
	height:23px;
	line-height:23px;
	border:0px;
	padding-left:25px;
}
.input_sear:hover,.input_sear:active{
	color:#555555;	
}
input, textarea{
	border:1px solid #CCCCCC;
	padding:2px;
	background:url(../images/input_bg.jpg) bottom #fff repeat-x;
}
a{
	text-decoration: none;
	color:#555;
	blr:expression(this.onFocus=this.blur());
	outline:none;
}
a:hover{text-decoration: none;color:#143284;}
p{}
img{ border:none}
td{}
tr{}
ul,li{ list-style:none;}
.clear {
	clear: both;
    height:1px;
    margin-top:-1px; 
    overflow:hidden;
}
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
#main{
	width:960px;
	margin:0 auto;
	min-height:730px;
	height:auto;
	padding-bottom:110px;
}
.topnav{ float:right; color:#ccc; width:220px; margin-top:25px;}
.topnav ul li{ float:left}
.topnav ul li.ch{ background:url(../images/ch.gif) left center no-repeat; padding-left:25px;}
.topnav ul li.en{ background:url(../images/en.gif) left center no-repeat; padding-left:25px;}
.topnav a{color:#ccc}
.topnav a:hover{color:#fff}
#wrap {
	margin:auto;
	width:750px;
	margin:0;
	padding:0;
}

/* @group main_nav */
#main_nav ul {
	list-style: none;
	margin:0;
	padding:0;
}

#main_nav {
	margin:0;
	padding:0;
	height: 41px;
	overflow: visible;
	padding-left: 50px;
	*margin-bottom:-4px;
}

#main_nav li {
	float: left;
	position: relative;
	z-index: 10;
	margin:0 5px;
}

#main_nav li a {
	display: block;
	width: 100px;
	height: 41px;
	line-height: 41px;
	font-size:0;
	text-indent:-9999px;
}

#main_nav li ul li a {
	color:#113884;
	font-size: 12px;
	width: 140px;
	height: 25px;
	line-height: 25px;
	margin: 0px;
	text-indent:0;
	text-align:center;
}

#main_nav li ul li a:hover, #main_nav li.focus ul li a:hover {
	background: url(../images/nav1_bg.png) -1px center repeat-x;
	color:#F68A1E;
}

#main_nav li.none a.index {background: url(../images/em1.png) no-repeat center top;}
#main_nav li.none a.about {background: url(../images/em2.png) no-repeat center top;}
#main_nav li.none a.products {background: url(../images/em3.png) no-repeat center top;}
#main_nav li.none a.order {background: url(../images/em4.png) no-repeat center top;}
#main_nav li.none a.contact {background: url(../images/em5.png) no-repeat center top;}

#main_nav li.focus a.index,#main_nav li.focus1 a.index, #main_nav li a.index:hover {background: url(../images/em1.png) no-repeat center bottom;}
#main_nav li.focus a.about,#main_nav li.focus1 a.about, #main_nav li a.about:hover {background: url(../images/em2.png) no-repeat center bottom;}
#main_nav li.focus a.products,#main_nav li.focus1 a.products, #main_nav li a.products:hover {background: url(../images/em3.png) no-repeat center bottom;}
#main_nav li.focus a.order,#main_nav li.focus1 a.order, #main_nav li a.order:hover {background: url(../images/em4.png) no-repeat center bottom;}
#main_nav li.focus a.contact,#main_nav li.focus1 a.contact, #main_nav li a.contact:hover {background: url(../images/em5.png) no-repeat center bottom;}

#main_nav li.focus ul li a {
	background: none;
}

#main_nav li ul {
	position: absolute;
	top: 41px;
	left: 0px;
	background: #EBEBED;
	border-color: #D8D8DA;
	border-style: none solid solid;
	border-width: medium 1px 1px;
	display: none;
	margin:0;
}

#main_nav li ul li{
	float: none;
	margin:0;
}

.search_box{
	width:212px;
	height:26px;
	line-height:26px;
	padding-top:2px;
	margin-top:3px;
	float:left;
	background:url(../images/search_bg.png) no-repeat;
}
.search{
	width:160px;
	height:14px;
	padding-top:5px;
	border:none;
	background:none;
	color:#666;
}
#side{ padding-bottom:20px;
}
#side a{
	height:40px;
	line-height:40px;
	display:block;
	letter-spacing:2px;
	font-size:13px;
	text-align:center;
	background:url(../images/side_a.png) left bottom no-repeat;
}
#side a:hover,#side a.select{
	font-weight:bold;
	color:#000;
	background:url(../images/side_a_h.png) left bottom no-repeat;
}
.title{
	background:url(../images/arr01.gif) left 15px no-repeat;
	text-indent:10px;
	color:#333333;
	font-weight:bold;
	border-bottom:1px solid #CCC;
}
.check{
	cursor: pointer;
}
/*产品展示图片样式*/
.thumbnail{
	float: left;
	background:url(../images/imgbg.gif) center top no-repeat #FFF;
	display: inline;
	padding:8px;
}
.thumbnail a{
	position: relative;
	cursor:pointer;
}
#main{position:relative;}
ul.prosort{
	width:900px;
	height:60px;
	line-height:60px;
	float:left;
	margin:0;
	margin-left:20px;
	padding:0;
	position: absolute;
	top:10px;
}
ul.prosort li{
	float:left;
	height:40px;
	line-height:40px;
	margin:auto 5px;
	background:url(../images/prosort_l.png) left center no-repeat;
}
ul.prosort li span{
	height:40px;
	line-height:40px;
	padding:0 15px;
	display:inline-block;
	background:url(../images/prosort_r.png) right center no-repeat;
}
#news {
	font-size:12px;
	padding-right:10px;
}
#news li {
	background:url(../images/dot.jpg) no-repeat 5px center;
	font-size:12px;
	height:22px;
	*height:20px;
	text-indent:18px;
	line-height:20px;
	*padding-top:2px;
	list-style:none;
	border-bottom:1px  dashed #CCC;
}
#news li.nonews{
	background:none;
	font-size:12px;
	height:22px;
	*height:20px;
	text-indent:0px;
	line-height:20px;
	*padding-top:2px;
	list-style:none;
}
#news li a{
	font-size:12px;
	font-weight:lighter;
	color:#000;
	white-space:nowrap;
	text-overflow:ellipsis;
	overflow:hidden;
	display: block;
	width: 100%;
	letter-spacing:1px;
}
#news li a:hover,#news li a:active{
	font-size:12px;
	font-weight:lighter;
	color:#333333;
}
#new a{
	height:24px;
	display:block;
	line-height:24px;
	padding:0 15px;
	font-weight: bold;
	color:#333333;
}
#new a.tnews{
	background:#CCCCCC;
	color:#FFF;
}

#side a.list{
	height:40px;
	line-height:40px;
	display:block;
	letter-spacing:2px;
	font-size:13px;
	text-align:center;
	padding-left: 20px;
	background:url(../images/side_a2.png) left bottom no-repeat;
}
#side a:hover,#side a.select{
	font-weight:bold;
	color:#000;
	background:url(../images/side_a_h.png) left bottom no-repeat;
}
/*页码*/
ul.navigation{float: left;margin: 5px 0 0 20px;}
ul.navigation li{float:left;padding:0; margin:0;line-height:0%;}
ul.navigation li a{color:#777; width:30px; padding:0; margin:0 1px 0 0; display:block; float:left; text-align:center; line-height:30px; background:url(../images/pager1.gif) left top no-repeat;}
ul.navigation li.page,ul.navigation li.page a{color:#777; width:60px; padding:0; margin:0 1px 0 0; display:block; float:left; text-align:center; line-height:30px; background:url(../images/tpage.gif) no-repeat left top;}
ul.navigation li.paged{color:#fff; width:30px; height:30px; padding:0; margin:0 1px 0 0;text-align:center; line-height:30px;background:url(../images/pager2.gif) no-repeat left bottom; text-decoration:none; }
ul.navigation li a:hover{ color:#999; background:url(../images/pager1.gif) no-repeat left bottom; text-decoration:none; }
ul.navigation li.page a:hover{ color:#999; background:url(../images/tpage.gif) no-repeat left bottom; text-decoration:none; }
ul.navigation li.info {color:#777;padding:0; margin:0 3px; display:block; float:left; text-align:center; line-height:30px; background: none;}



#fragment-1{margin: 0;padding:10px 8px 20px 8px;background: #fff;border: 1px solid #dedede;}
#fragment-1 h2{margin:0;padding:0;font-size:14px;font-weight:bold;font-family:Arial, Helvetica, sans-serif;}
#fragment-1 h5{font-size:16px; color:#2A7ECB;font-weight:bold;font-family:Tahoma,Arial, Helvetica, sans-serif;}
#tabs{font-weight:bold; color:#1D77B6;border-left:#DEDEDE 1px solid;border-top:#DEDEDE 1px solid;border-right:#DEDEDE 1px solid;text-align:center;height:26px;line-height:26px;background:url(../images/tab-bg.gif) repeat-x left center; }
.shadow {margin: 0;padding: 0;height: 15px;background: url(../images/shadow-right.gif) no-repeat right top;}
.shadow .left {margin: 0;padding: 0;height: 15px;background: url(../images/shadow-left.gif) no-repeat left top;}
/*input*/
.input_on{
	color:#fff;
	font-size:12px;
padding:1px 2px 1px 2px;
height:18px;
line-height:18px;
border:1px solid #C1D3F2;
background-color:transparent;

}
.input_off{
	color:#fff;
	line-height:18px;
	font-size:12px;
padding:1px 2px 1px 2px;
height:18px;
border:1px solid #508CCA;
background-color:transparent;

}
.input_move{
	color:#fff;
	line-height:18px;
	font-size:12px;
padding:1px 2px 1px 2px;
height:18px;
border:1px solid #C1D3F2;
background-color:transparent;

}
.input_out{
	color:#fff;
	line-height:18px;
	font-size:12px;
padding:1px 2px 1px 2px;
height:18px;
border:1px solid #508CCA;
background-color:transparent;

}




.input_on1{
padding:1px 2px 1px 2px;
height:20px;
border:1px solid #4C90D1;
background-color: transparent;
}
.input_off1{
padding:1px 2px 1px 2px;
height:20px;
border:1px solid #CCC;
background-color: transparent;
}
.input_move1{
padding:1px 2px 1px 2px;
height:20px;
border:1px solid #4C90D1;
background-color: transparent;
}
.input_out1{
padding:1px 2px 1px 2px;
height:20px;
border:1px solid #CCC;
background-color: transparent;
}



.input_on2{
padding:2px 2px 2px 2px;
height:80px;
border:1px solid #4C90D1;
background-color: transparent;
}
.input_off2{
padding:2px 2px 2px 2px;
height:80px;
border:1px solid #CCC;
background-color: transparent;
}
.input_move2{
padding:2px 2px 2px 2px;
height:80px;
border:1px solid #4C90D1;
background-color: transparent;
}
.input_out2{
padding:2px 2px 2px 2px;
height:80px;
border:1px solid #CCC;
background-color: transparent;