body {background: #F0F0F0;color: #333;font-size: 12px;padding:8px 0;margin:0 auto;}
a {color: #08c;text-decoration: none;}
a:hover {text-decoration: none;}
h1 {font-family: Georgia, serif;font-weight: normal;text-align: center;}
h2 {padding: 20px 0 0;text-align: center;}
p {overflow: hidden;padding:0;}
input{margin:0;padding:0;}
/* layout
----------------------------------------*/
#wrapper{overflow:hidden;}
/* header
----------------------------------------*/
#header{height:100px; background:url(../images/top_bg.png) no-repeat -1px 0; position:relative; z-index:20;}
#header h1{display:none;}
#header #logo{float:left;height:67px;margin-left:19px;margin-right:10px;margin-top:33px;position:relative;width:216px;}
*html #header #logo{float:left;height:67px;margin-left:19px;margin-right:0px;margin-top:33px;position:relative;width:206px;}
#header #nav{float:left;height:100px;width:690px;margin-right:10px;}
#header #nav #nav-info{text-align:right;margin:6px 0 2px;color:#D4D4D4;}
#header #nav #nav-info a {color:#333333;font-size:12px;padding:0 5px;}
#header #nav #nav-search {float:right;width:255px;}
#header #nav #nav-search #nav_sear {background:url("../images/search.png") no-repeat scroll 0 0 transparent;margin:11px 0 0;padding-top:1px;}
#header #nav #nav-search #nav_sear .IMGbtn {font-size:12px;height:19px;margin:3px 0 0 10px;padding:0 0;vertical-align:top;width:206px; background:transparent;}
*html #header #nav #nav-search #nav_sear .IMGbtn {height:19px;margin:5px 0 0 10px;padding:0 0;vertical-align:top;width:206px; background:transparent;}
*+html #header #nav #nav-search #nav_sear .IMGbtn {height:19px;margin:5px 0 0 10px;padding:0 0;vertical-align:top;width:206px; background:transparent;}
#header #nav #nav-menu{float:right;margin-top:2px;}
*html #header #nav #nav-menu{float:right;margin-top:4px;}
*+html #header #nav #nav-menu{float:right;margin-top:4px;}

#banner{margin-bottom:10px;height:343px; position:relative;z-index:1;}

#news{margin-bottom:8px; height:20px; line-height:20px;padding:4px 0;-moz-border-radius:4px 4px 4px 4px;background:#E3E3E3 url(../images/contentheading_bgbottom.gif) no-repeat left bottom;}
#news #scrolltext{ width:690px; height:20px; line-height:19px;padding-left:10px;margin-bottom:0; _padding-left:0px;}
#news #scrolltext dt {float:left;font-size:14px;font-weight:bolder;margin-left:20px;width:160px;_width:140px;_margin_left:0px;_padding-top:3px; }
#news #scrolltext dt a{color: #333; }
#news #scrolltext dd.tits {float:left;height:20px;overflow:hidden;width:457px;}
#news #scrolltext dd.roll{ width:53px; float:left;}
#news #scrolltext dd.roll a{color:#FF6700;text-decoration:none;}
#news .tits a{ display:none;}
#news .tits a i{color: #999; }
#news #rollnum{color:#ff6700; margin-right:5px;}
#news #scrolltext dd.roll a{display:inline-block;width:16px;height:16px;line-height:16px;margin-left:5px;text-align:center;}

#technology{margin-bottom:8px;height:22px;line-height:22px;padding:3px 0;-moz-border-radius:4px 4px 4px 4px;background:#E4E4E4; position:relative; z-index:1;}
#technology:hover{background:#D6D6D6; cursor:pointer;}

#nicemenu { margin:0 auto; width:200px; height:18px; line-height:18px;background:url(../images/split.gif) no-repeat 175px 2px transparent;}
#nicemenu ul{ margin:0 auto 0 40px; width:190px;}
#nicemenu ul li{ margin:0 auto; width:200px;}
#nicemenu .head_menu{ width:200px;font-size:14px;}
#nicemenu .head_menu a{ color:#333;}
#nicemenu a {color:#06C; text-decoration:none;}
#nicemenu a:hover { text-decoration:underline; }
#nicemenu li { display:inline; position:relative; margin-left:45px;}
#nicemenu li span { position:relative; z-index:10; padding:0 4px 0 0;  border-bottom:none;}
#nicemenu li span a { font-weight:bold; padding:0 6px 0 2px;_padding-left:10px}
#nicemenu li span.over { padding:0 4px 0 0;  }
*+html #nicemenu li span.over { padding:0 4px 0 0;} /* IE6 */
#nicemenu li span.over a { }
#nicemenu li span.over a:hover { text-decoration:none;}
#nicemenu li span.active { padding:0 4px 0 0;}
*+html #nicemenu li span.active { padding-bottom:3px;}
#nicemenu li span.active a { }
#nicemenu li span.active a:hover { text-decoration:none;}
#nicemenu img.arrow { /*margin-left:4px;*/ cursor:pointer; }
#nicemenu div.sub_menu {display:none; position:absolute; left:-55px; top:0px; margin-top:18px; border-top:solid 1px #D6D6D6; border-left:solid 1px #D6D6D6; border-right:solid 1px #D6D6D6; border-bottom:solid 1px #E5E5E5; padding:4px; top:-134px;min-height:100px;/* 必需 */
_height:100px;/* 必需 */width:181px; z-index:999;background:#E4E4E4;filter:alpha(opacity=20); /* IE 透明度20% */
-moz-opacity:0.8; /* Moz + FF 透明度20%*/
opacity: 0.8; /* 支持CSS3的浏览器（FF 1.5也支持）透明度20%*/
}
* html #nicemenu div.sub_menu { margin-top:24px; z-index:999;left:-40px;top:-137px;background:#E4E4E4;filter:alpha(opacity=20);width:176px;} /* IE6 */
*+html #nicemenu div.sub_menu { margin-top:25px; z-index:999;left:-55px;top:-138px;min-height:100px;/* 必需 */
_height:100px;/* 必需 */width:181px;filter:alpha(opacity=20); /* IE 透明度20% */} /* IE7 */
#nicemenu div.sub_menu a:link, 
#nicemenu div.sub_menu a:visited, 
#nicemenu div.sub_menu a:hover{display:block; font-size:12px; padding:0 4px; z-index:999; height:20px; text-decoration:none;}	

#application{height:200px; background:url(../images/col1_3_bg.png) no-repeat;}
#application h2 {font-size:14px;margin:0 5px 10px;padding:16px 0 0 33px;text-align:left;color: #445566;}
#application ul{ line-height:180%;}
#application ul li{margin:0 0 0 38px;list-style:none;font-size:12px;}
#application ul li a{ color:#333;}
#application ul li a:hover{ color:#08c;}

#products{height:200px; background:url(../images/col2_bg.png) no-repeat;}
#products img{clear:right;float:left;margin:20px 20px 0 0;}
#products a{ color:#333;}
#products a:hover{ color:#08c;}
#products .getmorep {color:#0088CC;font-size:12px;margin:0 20px 0 0;position:absolute;right:0;top:153px;width:123px;text-align:right;}

#service{height:200px; background:url(../images/col1_3_bg.png) no-repeat;}
#service_text{margin:8px 0 10px 10px;}
#service_text a{color: #456; }
#service_text a:hover{color: #08C; }
#service_text #service0{height:95px;}

#service_text #service1{background:url("/public/images/service1.png") no-repeat scroll 0 0 transparent;
height:27px;_height:25px;padding-left:10px;padding-top:2px;text-align:center;width:100px;}
*+html #service_text #service1{height:25px;}
#service_text #service2{background:url("/public/images/service2.png") no-repeat scroll 0 0 transparent;
height:27px;_height:25px;padding-left:10px;padding-top:2px;text-align:center;width:100px;}
*+html #service_text #service2{height:25px;}
#service_text #service3{background:url("/public/images/service3.png") no-repeat scroll 0 0 transparent;
height:27px;_height:25px;padding-left:10px;padding-top:2px;text-align:center;width:100px;}
*+html #service_text #service3{height:25px;}
#service_text #service4{background:url("/public/images/service4.png") no-repeat scroll 0 0 transparent;
height:27px;_height:25px;padding-left:10px;padding-top:2px;text-align:center;width:100px;}
*+html #service_text #service4{height:25px;}
#service_text #service5{background:url("/public/images/service5.png") no-repeat scroll 0 0 transparent;
height:27px;_height:25px;padding-left:10px;padding-top:2px;text-align:center;width:220px;}
*+html #service_text #service5{height:25px;}

/* footer
----------------------------------------*/
#footer{margin:-3px 5px; height:50px; background:url(../images/bottom_bg.png) no-repeat -2px 0px;}
#footer #copyright {margin:0;padding:12px 0 0;text-align:center;}
#footer #copyright a{color:#666;margin:0 6px;}
#footer #copyright a:hover{ color:#08c;}

/* style of list page 
----------------------------------------*/
#list_page{background:#FFF; border:1px solid #DADADA;border-top:none;margin:0 auto;width:948px;min-height:500px;overflow:hidden;padding:10px 0;z-index:1;}
#col1{overflow:hidden;background:#FFF;width:190px;display:inline;float:left;margin-left:5px;margin-right:2px;position:relative;}
#col1 #sub, #col1 #sub2{margin-bottom:5px;overflow:hidden;}
#col1 #sub ul{margin:10px -10px;overflow:hidden;padding:0 10px;}
#col1 #sub ul li{background:url("../images/li_dot.gif") no-repeat scroll 12px center transparent;height:22px;line-height:22px;margin-left:0;overflow:hidden;padding-left:30px;width:150px;}
#col1 #sub ul li.gray{background:url("../images/li_dot.gif") no-repeat scroll 12px center #FAFAFA;height:22px;line-height:22px;margin-left:2px;margin-top:2px;overflow:hidden;padding-left:30px;width:152px;}
#col1 #sub ul li a{color:#333;text-decoration:none;}
#col1 #sub ul li a:hover{color:#08C;text-decoration:none;}
#col1 .F0F0F0{ /*background:#F0F0F0;*/ height:5px;margin:0; }

#col1 #sub2 ul{margin:10px -10px;overflow:hidden;padding:0 10px;}
#col1 #sub2 ul li{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background:url("../images/li_dot.gif") no-repeat scroll 12px center transparent;height:22px;margin-left:0;padding-left:30px;width:150px;}
#col1 #sub2 ul li a{color:#333;text-decoration:none;overflow:hidden;height:22px;}
#col1 #sub2 ul li a:hover{color:#08C;text-decoration:none;}

#col2{overflow:hidden;width:556px;display:inline;float:left;position:relative;}
#col2 #flash{background-color:#FFFFFF;border:1px solid #DADADA;height:150px;margin-bottom:10px;width:554px;}
#col2 .list{border-top:1px solid #D9D9D9;background-color:#FFF;}
#col2 .list h3{margin:0 -10px;background:url(../images/box_header.gif) repeat-x scroll 0 0 #DFDFDF;height:18px;border-left:1px solid #D9D9D9;border-right:1px solid #D9D9D9;border-bottom:1px solid #D9D9D9;color:#4D4D4D;font-size:12px;text-align:left;line-height:18px;margin:0;padding:4px 16px;}
#col2 .list h3 a,#col2 .list h3 a:hover{color:#4D4D4D;}
#col2 .list_content{border-left:1px solid #D9D9D9;border-right:1px solid #D9D9D9;height:100%;margin:0;overflow:hidden;padding:10px 0;}
*html #col2 .list_content{height:100%;}
#col2 .list_content .pro_list{margin:0;padding:10px 10px 0; overflow:hidden;}
#col2 .list_content .pro_list img{border:2px solid #F8F8F8;clear:left;float:left;margin:0 38px 0 20px;}
#col2 .list_content .pro_list .title{font-weight:bolder;}
#col2 .list_content .pro_list .intro{font-size:12px;margin:6px 0;}
#col2 .list_content .pro_list .date{font-size:12px;margin:6px 0;color:#999;}
#col2 .list_content .pro_list .info{background:url("../images/dot.gif") no-repeat left center transparent;clear:both;font-size:12px;padding-right:20px;text-align:right;width:510px;}
#col2 .list_content .pro_list .info a{background:url(../images/info_icon.gif) no-repeat;padding-left:20px;width:100px;}
#col2 .list_bottom{background:url(../images/list_bgbottom.png) no-repeat;font-size:1px;height:7px;
_background-image: none;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/public/images/list_bgbottom.png');
}
#col2 .entry{margin:0 auto;overflow:hidden;width:533px;min-height:280px;}
#col2 .entry p{padding-right:10px;}
#col2 .entry .show_content {background:none repeat scroll 0 0 #FFFFFF;margin:0;padding:0;width:330px; float:left;}
#col2 .entry .title{border-bottom:1px dashed #999999;
color:#08C;
font-size:16px;
margin-top:15px;
padding-bottom:15px;
text-align:center;}
#col2 .article table{border:3px double #D9D9D9; }
#col2 .article table td{border:1px solid #D9D9D9;padding:5px;vertical-align:middle;}
#preview_wrap {height:229px;margin:0 auto;padding:8px;width:315px;background: url('../images/bg_preview.gif') top left no-repeat;}
#preview_outer {height:229px;overflow:hidden;position:relative;width:315px;}
#preview_inner {text-align: left;height: 100%;position: relative;}
#preview_inner div {float:left;height:229px;position:relative;width:315px;}
#preview_inner div a {position:absolute;bottom:0;left:0;display: block;width:100%;text-indent:20px;padding: 10px 0;color: #fff;background: url(../images/bg_trans.png);text-decoration: none;font-size: 14px;}
#thumbs {padding-top:6px;position:relative;width:330px;text-align: center;}
#thumbs span {height:50px;padding:5px;width:50px;cursor: pointer;background: url('../images/bg_thumb.gif') top left no-repeat;display: inline-block;}
#arrow {position:absolute;top:-4px;background:url('../images/bg_arrow.gif') top center no-repeat;height:50px;padding:5px;width:50px;display: none;}
#col2 .entry .pro_infomation{float:right;font-size:12px;line-height:180%;width:183px;}
#col2 .entry .pro_infomation h2{color:#444;font-size:14px;margin:0 0 10px;padding:5px 0 0;text-align:left;}
#col2 .entry .details{border-top:1px solid #D9D9D9;border-bottom:1px solid #D9D9D9;margin:10px auto 0;padding-top:36px;}
#col2 .entry .details table{ margin-bottom:0;}
#col2 .entry .details table p{ margin-bottom:0;line-height:26px;}
#col2 .entry .details_bottom{/*height:6px; background:url(../images/tab_bottom_bg.png) no-repeat -1px center; width:530px;*/display:none;}

#col3{overflow:hidden;width:190px;display:inline;float:left;margin-left:5px;position:relative;}
#col3 .unit{margin-bottom:5px;background-color:#FFF;}
#col3 .unit ul{padding:0 2px;margin-bottom:10px;}
#col3 .drivers{margin:10px auto; padding:5px;}
#col3 .drivers li{margin:0;padding:5px 13px 5px 8px;display:block;}
#col3 .drivers li a{text-decoration:underline;}
.box_left{background:url(../images/box_sidebar_bg.gif);}

.box_top{ background:url(../images/box_sidebar_bgtop.png) no-repeat;font-size:1px;height:6px;
_background-image: none;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/public/images/box_sidebar_bgtop.png');}
.box_h2 {margin:0 -10px;background:url(../images/box_header.gif) repeat-x scroll 0 0 #DFDFDF;height:18px;border-bottom:1px solid #D9D9D9;color:#4D4D4D;font-size:12px;line-height:18px;margin:0 6px 0 2px;padding:0 10px 4px;text-align:left;}
.box_h3 {margin:0 -10px;background:url(../images/box_header.gif) repeat-x scroll 0 0 #DFDFDF;height:18px;border-top:1px solid #D9D9D9;border-bottom:1px solid #D9D9D9;color:#4D4D4D;font-size:12px;line-height:18px;margin:0 6px 0 2px;padding:4px 10px;text-align:left;}
.box_bottom{ background:url(../images/box_sidebar_bgbottom.png) no-repeat;font-size:1px;height:7px;
_background-image: none;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/public/images/box_sidebar_bgbottom.png');
}

#col4{overflow:hidden;width:745px;display:inline;float:left;position:relative;}
#col4 #flashs{background-color:#FFFFFF;border:1px solid #DADADA;height:150px;margin-bottom:10px;width:743px;}
#col4 .list{border-top:1px solid #D9D9D9;background-color:#FFF;}
#col4 .list h3{margin:0 -10px;background:url(../images/box_header.gif) repeat-x scroll 0 0 #DFDFDF;height:18px;border-left:1px solid #D9D9D9;border-right:1px solid #D9D9D9;border-bottom:1px solid #D9D9D9;color:#4D4D4D;font-size:12px;text-align:left;line-height:18px;margin:0;padding:4px 16px;}
#col4 .list h3 a,#col4 .list h3 a:hover{color:#4D4D4D;}
#col4 .list_content{border-left:1px solid #D9D9D9;border-right:1px solid #D9D9D9;height:100%;margin:0;overflow:hidden;padding:10px 0;}
*html #col4 .list_content{height:100%;}
#col4 .list_bottom{background:url(../images/list_bgbottoms.png) no-repeat;font-size:1px;height:7px;
_background-image: none;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/public/images/list_bgbottoms.png');
}

/*侧边栏文章列表样式*/
.box_ul{font-size:12px; margin-top:10px;}
.box_ul li{height:18px;width:160px;overflow:hidden; background:url("../images/one.gif") no-repeat scroll -2px 5px transparent;list-style:none outside none;margin:5px 3px 0 8px;padding-left:8px;}
.box_ul li a{color:#333;}

#col3 #faceback{background:url(../images/faceback.jpg) no-repeat;height:180px;width:190px;}
#col3 #faceback h2{color:#4D4D4D;font-size:12px;line-height:18px;margin:0 6px 0 2px;padding:10px 10px 5px 10px;text-align:left;}
#col3 #faceback ul{margin:0;padding:0 2px;font-size:12px;}
.getmore {font-size:12px;margin-top:10px;margin:0 10px;height:20px;}
.getmore a{ color:#08c;}

/*产品分类菜单样式*/
.menu_list {width: 180px;}
.menu_head {text-align:left;font-size:12px;padding:5px 10px;cursor: pointer;position: relative;color:#666;margin:1px;font-weight:bold;background:url(../images/left.gif) center right no-repeat;}
.menu_body {display:none;margin-left:5px;width:175px;}
.menu_body a{background:#FAFAFA url(../images/news_split.gif) no-repeat 10px center;color:#666;display:block;padding-left:26px;text-decoration:none;width:150px;height:22px;line-height:22px;overflow:hidden;}
.menu_body a:hover{color: #000000;text-decoration:none;}

#pager{font-size:12px;font-family:Verdana, Arial, Helvetica, sans-serif;text-align:center;padding:15px 0 2px}
#pager a{color:#333;text-decoration:none;margin:0 2px;border:1px solid #F1F1F1;padding:2px 5px}
#pager a:hover,#pager a.current{color:#999;border-color:#999;}

/* container for slides 首页图片展示*/
.images {position:relative;height:180px;width:470px;margin:0;cursor:pointer;}
/* single slide */
.images div {display:none;position:absolute;top:0;left:0;margin:7px;padding:10px;height:160px;font-size:12px;}
/* header */
.images h3 {color:#445566;font-size:14px;font-weight:bolder;margin:5px 0 20px;}
/* tabs (those little circles below slides) */
.slidetabs {clear:both;margin-left:330px;}
/* single tab */
.slidetabs a {width:8px;height:8px;float:left;margin:3px;display:block;font-size:1px;}
/* mouseover state */
.slidetabs a:hover {background-position:0 -8px;}
/* active state (current page state) */
.slidetabs a.current {background-position:0 -16px;}
/* prev and next buttons */
.forward, .backward {background:#fff url(/public/images/hori_large.png) no-repeat;display:block;width:20px;height:20px;cursor:pointer;font-size:1px;text-indent:-9999em;}
/* next */
.forward				{background-position:0 -20px;position:absolute;right:15px;top:5px;}
.forward:hover 		{ background-position:-20px -20px; }
.forward:active 	 	{ background-position:-40px -20px; } 
/* prev */
.backward				{position:absolute;right:40px;top:5px;}
.backward:hover  		{ background-position:-20px 0; }
.backward:active  	{ background-position:-40px 0; }
/* disabled navigational button. is not needed when tabs are configured with rotate: true */
.disabled {visibility:hidden !important;}

/* error message 信息反馈验证提示 */ 
.error {
/* supply height to ensure consistent positioning for every browser */
height:15px;background-color:#FFFE36;border:1px solid #E1E16D;font-size:11px;color:#000;padding:3px 10px;margin-left:-2px;
/* CSS3 spicing for mozilla and webkit */
-moz-border-radius:4px;-webkit-border-radius:4px;-moz-border-radius-bottomleft:0;-moz-border-radius-topleft:0;-webkit-border-bottom-left-radius:0;-webkit-border-top-left-radius:0;-moz-box-shadow:0 0 6px #ddd;-webkit-box-shadow:0 0 6px #ddd;
}

/* 产品按型号搜索
----------------------------------------*/
.autocomplete-w1 {
	background: url(images/shadow_auto.png) no-repeat right bottom;
	left: 0px; margin: 8px 0px 0px 6px;
	position: absolute;
	top: 0px; _background: none; _margin: 0
}
.autocomplete {
	border-right: #999 1px solid;
	border-top: #999 1px solid;
	background: #fff;
	margin: -6px 6px 6px -6px;
	overflow: auto;
	border-left: #999 1px solid;
	cursor: default;
	max-height: 350px;
	border-bottom: #999 1px solid;
	text-align: left;
	_margin: 0;
	_height: 350px;
	_overflow-x: hidden
}
.autocomplete .selected {
	background: #f0f0f0
}
.autocomplete div {
	padding-right: 5px;
	padding-left: 5px;
	padding-bottom: 2px;
	padding-top: 2px;
	white-space: nowrap
}
.autocomplete strong {
	font-weight: normal;
	color: #3399ff
}

#form2{
padding-left:6px;
text-align:left;
}
#form2 .textbox{
border:1px solid #999999;
height:17px;
width:105px;
}
#form2 .atuobutton{
background:url("/public/images/submit.gif") no-repeat scroll 0 0 transparent;
font-size:12px;
height:21px;
width:50px;
}
