@charset "utf-8";
/* CSS Document */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,textarea,p,blockquote,th,td,a { padding: 0;margin: 0; font-size:12px; color:#666; text-decoration:none; font-family:Arial;}
table { border-collapse: collapse;border-spacing: 0;}
fieldset,img { border: 0;}
address,caption,cite,code,dfn,em,th,var { font-weight: normal;font-style: normal;}
ul { list-style: none outside none;}
caption { text-align: left;}
h1,h2,h3,h4,h5,h6 {font-weight: normal;font-size: 100%;}
q:before,q:after { content:'';}
abbr,acronym { border: 0;}
a{outline:0;}
.air1{ width:100%; height:15px;}
 .width980{ width:980px;margin:0 auto;background:#fff;}
.buttonface2{ border:1px solid #a5a5a5;padding:5px 15px;cursor:pointer;background:url(btnbg.gif) repeat-x left top;font-weight:bolder;}
.right{text-align: right}
/*---------------------链接定义----------------------------------*/
a {outline: none;}
a:active {star:expression(this.onFocus=this.blur());}
a {
	color: #333;
	text-decoration: none;
}
a:hover {
	color: #ec8d26;
}
a:active{
	color: #013580;
	text-decoration: none;
} 
p{margin:0;padding:0;}
.font_blue,.font_blue a ,a.font_blue{ color:#1A7DC3;}


.f_l{ float:left;}
.f_r{ float:right;}  
.clear{ width:100%;height:0;overflow:hidden;margin:0;padding:0;clear:both;}


/*==================bg=====================*/
body{ background:url(bodybg.gif) repeat-x left top;}
/*===========font=============*/
.font_t{ font-family:"Times New Roman", Times, serif;}

.font_bold{ font-weight:900;}
.font_14{ font-size:14px;}
.font_18{ font-size:18px;}
.font_30{ font-size:30px;}
.font_60{ font-size:60px;}

.font_white,.font_white a{ color:#fff;}
.font_yellow,.font_yellow a{ color:#FFA34B;}
.font_brown,.font_brown a{ color:#ad6967;}



/*-------------------border-----------------------*/
.border1{ border-bottom:1px #000 solid;}

/*通用样式*/
.aaddline{text-decoration:underline}
.title{background: url("tit_bg1.gif") repeat-x scroll 0 0 transparent;display: block;height: 25px;line-height: 25px;position: relative;}
.title h3 {color: #1A77B2;font-weight: bold;padding-left: 20px;}
.titleFixFix h3{ padding-left:0}
/*=========================layoutstart==================================*/

/*--------top start--------*/
#body_wrap{ width:980px; margin:0 auto;}
#home_main{ width:988px; margin:0 auto;}
#top_wrap{ width:100%;overflow:visible; height:99px;overflow:hidden;}
#top{ width:980px;height:100px; position:relative; z-index:33; overflow:visible; margin:0 auto;}
#logo{width:155px;height:66px;position:absolute;left: 1px;top:4px;}
.top_menu{ position:relative; float:right; width:500px; margin-top:5px; line-height:28px; z-index:10;text-align:right}
.top_menu .userlink{ color:#1684cc;font-weight:bolder;}
.shop{padding-left:80px; /*background:url(../img/ico_shop.png) no-repeat 3px 1px; _background:url(../img/ico_shop.png) no-repeat 3px 6px;*/ color:#cf0000; font-weight:bold;}
.ani{position:absolute; left:30px; top:3px;}


#nav_banner_wrap1{ width:100%; position:relative;height:448px; overflow:hidden;}
#nav_banner_wrap2{ width:100%; position:relative; height:187px;}

#banner_wrap{margin: 5px auto 0;overflow: hidden;width: 980px;}
#home_banner{height:448px; /*background:url(banner.jpg) center 0;*/}

.home_bg{ }

.home_bg ul,.home_bg li, .home_bg dd,.home_bg dt,.home_bg ol,.home_bg div{ overflow:hidden; list-style:none;}

/*-------nav --------*/
#nav_wrap{
	width:100%;
	overflow:visible;/*position: relative;*/
	z-index:1;
	}
.navwrap2{position: relative;overflow:visible;z-index:2;width:980px;margin:0 auto;
	height:32px;}	
/*.navwrap1{
	
	background:url(nav_bg.gif) no-repeat 0 -32px;
	overflow:visible;
	margin:0 auto;
	position:relative;
	clear:both;
}
*/

.home_caselist{ float:left;}
.home_caselist li{ clear:both; padding:3px 0; background:url(dot1.gif) no-repeat 0 center; text-indent:10px; white-space:nowrap;}

#navmenu{ overflow:visible!important;}
ul#navmenu {
	margin: 0;
	border: 0 none;
	padding: 0;
	width: 980px; /*For KHTML*/
	list-style: none;
	height: 32px;
	}

ul#navmenu li {
	margin: 0;
	border: 0 none;
	padding: 0;
	float: left; /*For Gecko*/
	display: inline;
	list-style: none;
	position: relative;
	height: 32px;
	text-align:center;
	overflow:visible;
	}
ul#navmenu li.nav_air{ width:40px;}
ul#navmenu ul {
	margin: 0;
	border: 0 none;
	padding: 0;
	width: 130px;
	list-style: none;
	display:none;
	position: absolute;
	top: 32px;
	left: 0;
	z-index:99999;
	}
ul#navmenu ul li{ height:30px;}	

ul#navmenu ul:after /*From IE 7 lack of compliance*/{
	clear: both;
	display: block;
	font: 1px/0px serif;
	content: ".";
	height: 0;
	visibility: hidden;
	}

ul#navmenu ul li {
	width: 130px;
	float: left; /*For IE 7 lack of compliance*/
	display: block !important;
	display: inline; /*For IE*/
	text-align:left;
	}

/* Root Menu */
ul#navmenu a {
	float: none !important; /*For Opera*/
	float: left; /*For IE*/
	display: block;
	color: #333;
	width:130px;
	font: bold 12px/40px arial;
	text-decoration: none;
	height: 32px !important;
	line-height:32px;
	height:32px; /*For IE*/
	}

#navmenu #home{ width:130px;background:url(nav_bg.gif) no-repeat 0 -32px;}
#navmenu #about{ width:130px;background:url(nav_bg.gif) no-repeat -170px -32px}
#navmenu #products{ width:130px;background:url(nav_bg.gif) no-repeat -340px -32px;}
#navmenu #news{width:130px;background:url(nav_bg.gif) no-repeat -510px -32px;}
#navmenu #service{width:130px;background:url(nav_bg.gif) no-repeat -680px -32px;}
#navmenu #contact{width:130px;background:url(nav_bg.gif) no-repeat -850px -32px;}


#navmenu #home:hover{background:url(nav_bg.gif) no-repeat 0 0!important;}
#navmenu #about:hover{background:url(nav_bg.gif) no-repeat -170px 0!important;}
#navmenu #products:hover{background:url(nav_bg.gif) no-repeat -340px 0!important;}
#navmenu #news:hover{ background:url(nav_bg.gif) no-repeat -510px 0!important;}
#navmenu #service:hover{background:url(nav_bg.gif) no-repeat -680px 0!important;}
#navmenu #contact:hover{ background:url(nav_bg.gif) no-repeat -850px 0!important;}


	

	
ul#navmenu ul li a{ width:110px;height: 30px !important; padding:0 10px; font-weight:normal; background:#fff;filter:alpha(opacity=70);/*IE*/ opacity:0.7;/*Mozilla*/
	height: 1%; /*For IE*/ line-height:30px; color:#000; text-align:center;}
/* Root Menu Hover Persistence */
ul#navmenu a:hover,
ul#navmenu li:hover a,
ul#navmenu li.iehover a {
	background-position:0 0px;
	/*background:url(lava.png) no-repeat center center!important;_background:none;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/lava.png');*/
	color:#1793CE;
	font-weight:bold;
	}

/* 2nd Menu */
ul#navmenu li:hover li a,
ul#navmenu li.iehover li a {
	float: none;
	background: #fff;
	color: #666;
	}

/* 2nd Menu Hover Persistence */
ul#navmenu li:hover li a:hover,
ul#navmenu li:hover li:hover a,
ul#navmenu li.iehover li a:hover,
ul#navmenu li.iehover li.iehover a {
 background:#fff;/*实现IE背景透明*/
color:#0068c1;
	}

/* 3rd Menu */
ul#navmenu li:hover li:hover li a,
ul#navmenu li.iehover li.iehover li a {
	background: #FC9E44;
	color: #fff;
	}

/* 3rd Menu Hover Persistence */
ul#navmenu li:hover li:hover li a:hover,
ul#navmenu li:hover li:hover li:hover a,
ul#navmenu li.iehover li.iehover li a:hover,
ul#navmenu li.iehover li.iehover li.iehover a {
	background: #CCC;
	color: #FFF;
	}

/* 4th Menu */
ul#navmenu li:hover li:hover li:hover li a,
ul#navmenu li.iehover li.iehover li.iehover li a {
	background: #EEE;
	color: #666;
	}

/* 4th Menu Hover */
ul#navmenu li:hover li:hover li:hover li a:hover,
ul#navmenu li.iehover li.iehover li.iehover li a:hover {
	background: #CCC;
	color: #FFF;
	}

ul#navmenu ul ul,
ul#navmenu ul ul ul {
	display: none;
	position: absolute;
	top: 0;
	left: 160px;
	}

/* Do Not Move - Must Come Before display:block for Gecko */
ul#navmenu li:hover ul ul,
ul#navmenu li:hover ul ul ul,
ul#navmenu li.iehover ul ul,
ul#navmenu li.iehover ul ul ul {
	display: none;
	}

ul#navmenu li:hover ul,
ul#navmenu ul li:hover ul,
ul#navmenu ul ul li:hover ul,
ul#navmenu li.iehover ul,
ul#navmenu ul li.iehover ul,
ul#navmenu ul ul li.iehover ul {
	display: block;
	}


#lan_bar{
	position:absolute;
	color:#FF9934;
	width: 44px;
	right:0;
	top: 38px;
	text-align:right;
	font-weight:bold;
}
#lan_bar a{color:#FF9934;}


/*hot news*/
#hot_news{ width:988px; height:52px; background:url(hot_newsbg.gif) no-repeat 0 0; margin:5px 0;}
#hot_news #hot_news_box{
	position:relative;
	width: 700px;
	height: 43px;
	float:left;
}
#hot_news #hot_news_box a.title{
	position:absolute;
	display:block;
	width:114px;
	height:40px;
}

#scrollDiv{width:500px;height:25px;min-height:25px;line-height:25px;overflow:hidden; position:absolute; left:170px; top:10px;}
#scrollDiv li{height:25px;padding-left:10px;}
#scrollDiv li span{ margin-left:15px;}
#scrollDiv li a{ color:#1D76B1;}

#hot_news #search_box{width:250px;height:43px; float:right; position:relative;overflow:hidden;}
#hot_news #search_box input{
	position:absolute;
	background:none;
	border:none;
	color:#666;
	left: 50px;
	top: 13px;
	width: 127px;
	height: 17px;
	font-size:12px;
}
#hot_news #search_box a{
	position:absolute;
	display:block;
	width: 35px;
	height: 20px;
	left: 186px;
	top: 11px;
}

/*home_main*/
#home_con{}
.home_column{ width:323px; height:287px; background:url(column_bg.gif) no-repeat 0 0; position:relative; float:left; margin-right:9px;}
#home_con .last{ margin-right:0; float:right;}
.home_column .top_img{
	position:absolute;
	width:273px;
	height:68px;
	left: 24px;
	top: 22px;
}
.home_column .top_img img{width:273px; height:68px;}

.list {
	list-style:none;
	width:275px;
	position: absolute;
	vertical-align:middle;
	left: 23px;
	top: 103px;
	height: 165px;
}
.list li {cursor: pointer; position:relative; height:170px; float:left;}
.list h2 { font-size:100%; font-weight:normal;width:20px; height:155px; float:left;}
.list span { position:absolute; right:1em; top:.5em; font-family:Verdana; font-size:90%;}
.list li:hover div,.list li.hover div{display:block;}
.list div {display:none; position: relative; height:70px; width:195px; padding:2px 0; height:170px;}
.list div p { padding:.8em; }
.list div p strong { display:block; margin-bottom:.5em; }
.list li:hover h2, .list li.hover h2{ display:none;}
.list div h3{ position:absolute; width:58px; height:35px; left:20px; bottom:10px;}
.list div img{ margin-left:5px;}
.demo_bg{ background:url(home_tabbg.gif) no-repeat 0 6px; }
#demo1 li{ background:url(home_inv_bg.gif) no-repeat 110px 90px;}

.w_235{ width:235px!important;}
.w_210{ width:210px!important;}
.w_175{ width:185px!important;}

.w_180{height:150px; width:200px;}

.header_highlight{
	display:none;
}

.test_con{ height:150px; width:100px; float:right;}


.test_con1{ height:150px; width:210px; float:right;}

.home_news_list{ padding-left:25px; width:210px; padding-top:10px;}
.home_news_list li{ height:18px; margin-bottom:6px; background:url(new_list_ar.gif) no-repeat 0 5px; padding-left:10px; display:block; clear:both;width:210px;}





.fdlinks{width: 980px;margin:0 auto;margin-top:12px;overflow:hidden;}
.fdlinks ul{ list-style:none;width:105%;}
.fdlinks ul li{ float:left;margin-right:5px;}
.fdlinks ul li img{ border:1px solid #dbdbdb;width:80px;height:30px;padding:2px;background:#fff;}
.fdlinks ul li a:hover img{ border:1px solid #97c6e2;}
/*copyright*/
.footerNav{ width:980px;text-align:Center;margin:0 auto;background: url("links_19.png") repeat-x left top;border: 1px solid #FFFFFF;color: #9D9D9D;height: 28px;line-height: 28px;margin-bottom: 5px;padding-left: 10px;position: relative;}
.footerNav a{ padding:0 15px; font-weight:bolder;}

.footer{background:url(footerBg.gif) repeat-x left 10px; color:#b1b1b1; line-height:25px; height:100px; padding-top:62px;}
.footer_content{margin: 0 auto;width: 980px;}
.contacts{ width:280px; float:left;}
.contactsFix{width:350px; float:left;}
.contacts h4{ color:#ffa800;font-weight:bolder;}
.contacts ul li{ padding-left:19px;}
.contacts ul li.c1{background:url(contactsIcon.gif) no-repeat left center;}
.contacts ul li.c2{background:url(contactsIconc2.gif) no-repeat left center;}
.contacts ul li.c3{background:url(customers.png) no-repeat left center;}
.contacts ul li.c4{background:url(16x16.gif) no-repeat left center;}
.copyright{ width:350px; float:right; text-align:right;}     



/*=========================layout end==================================*/
