@charset "utf-8";
@import url("css-reset.css");

body{background:#fff url(bg_top.gif) 0 50px  repeat-x; }
.red{ color:red}
html,body,table{ font-size:12px;}
a,a:hover,a:visited,a:active { text-decoration:none; }
a:link,a:visited,a:active{color:#000000;}
a:hover{color:#BE0601;}
a{cursor:pointer;}

/*---head---*/
#header{ width:1002px; height:81px; margin:0 auto; clear:both; position:relative ;z-index:999;}
#logo{ width:209px; height:81px; background:url(logo.gif) no-repeat; float:left; margin:0 0 0 23px}
#logo a{width:209px; height:81px; display:block}
#logo_word{ width:156px; height:26px; background:url(logo_word.gif) no-repeat; position:absolute; top:20px;left:240px}
/*联系我们下拉*/
#contact{ width:211px; height:24px;  position: absolute; right:5px; top:0; cursor:pointer; z-index:1000px;}
.contact_open{background:url(top_contactus.png) no-repeat;}
.contact_close{background:url(top_contact_close.png) no-repeat;}

.top_contact{height:400px; width:100%;background:url(top_contact_bg.png) bottom repeat-x;position:absolute; left:0; display:none;z-index:1000;}
.t_con_box{width:982px;margin:0 auto;height:400px;position:relative;}
.drift_left{width:478px;height:135px;border-bottom:1px solid #EAEAEA;}
	.drift_left p{padding:0 0 8px 18px;line-height:28px;color:#000098;font-size:14px;}
.phone{width:478px;height:147px;}
	.phone dl{width:100%;padding:20px 0 0 18px;}
	.phone dl dd{width:230px;}
	.phone dl dd , .phone dl dd div, .phone dl dd img, .phone dl dd h3, .phone dl dd span, .phone dl dd p{float:left;}
	.phone dl dd div{width:100%;padding:10px 0 4px;}
	.phone dl dd img{padding-top:4px;}
	.phone dl dd h3{width:160px;color:#d30000;font-size:16px;font-weight:normal;padding-left:10px;}
	.phone dl dd span{width:160px;padding-left:10px;font-family:Segoe UI;color:#8E8C8C;}
	.phone dl dd p{width:100%;color:#d30000;font-family:Impact;font-size:28px;}
	.phone dl dd .consult_img{padding-left:15px;}
	.phone dl dd .online{float:left;width:113px;color:#3b3b3b;height:34px;line-height:34px;background:url(icon_online.gif) 0 0 no-repeat;}
	.phone dl dd .online q{float:left;line-height:30px;padding-left:46px;cursor:pointer;}
	.phone dl dd a.online:hover{color:#D30000;}
.map{width:616px;height:379px;position:absolute;right:0;top:0;_clear:both;}


/*menu*/
#menu{ width:688px; height:31px; float:right; margin:50px 0 0 0;position:relative;}
#menu_home{width:58px;background:url(menu_home.gif) right no-repeat;}
#menu_home:hover{background:url(menu_home2.gif) right no-repeat;}
#menu_aboutus{width:90px;background:url(menu_aboutus.gif) right no-repeat;}
#menu_aboutus:hover{background:url(menu_aboutus2.gif) right no-repeat;}
#menu_product{width:90px;background:url(menu_product.gif) right no-repeat;}
#menu_product:hover{background:url(menu_product2.gif) right no-repeat;}
#menu_resolve{width:90px;background:url(menu_resolve.gif) right no-repeat;}
#menu_resolve:hover{background:url(menu_resolve2.gif) right no-repeat;}
#menu_service{width:90px;background:url(menu_service.gif) right no-repeat;}
#menu_service:hover{background:url(menu_service2.gif) right no-repeat;}
#menu_huakenews{width:90px;background:url(menu_huakenews.gif) right no-repeat;}
#menu_huakenews:hover{background:url(menu_huakenews2.gif) right no-repeat;}
#menu_industrynews{width:90px;background:url(menu_industrynews.gif) right no-repeat;}
#menu_industrynews:hover{background:url(menu_industrynews2.gif) right no-repeat;}
#menu_job{width:90px;background:url(menu_job.gif) right no-repeat;}
#menu_job:hover{background:url(menu_job2.gif) right no-repeat;}
/*jMenu*/
#jMenu {padding:0;}
#jMenu .fNiv{width:90px; height:31px;float:left; text-align:center; background:url(menu_line.gif) left no-repeat; line-height:31px;}
#jMenu #menu_home .fNiv{width:58px;background:none}
#jMenu li {display:table-cell;margin:0;float:left;position:relative}
#jMenu li a {display:block;cursor:pointer;font-size:14px;text-decoration:none;}
/*jMenu 二级*/
#jMenu li ul { display:none;position:absolute; margin:31px 0 0 -10px; left:0; width:110px;padding:0; border:1px solid #cacaca; border-top:none;}
#jMenu li ul li {width:110px;background-color:#fff;filter:alpha(opacity=70);opacity: 0.70;-moz-opacity:0.7;display:block;padding:0; text-align:center;}
#jMenu li ul li a {color:#000;font-size:13px;display:block; line-height:30px;}
#jMenu li ul li a:hover {color:red; font-weight:bold;}


/*---main---*/
#main{ height:auto; min-height:500px; width:100%;background:url(bg_mid.gif) top repeat-x;clear:both}
#main_top{ width:1002px; margin:0 auto; min-height:276px; height:auto; clear:both}

#aboutus{ width:298px; height:252px; margin:12px 0 0 25px; float:left}
#aboutus_title{ height:31px; background:url(t_aboutus.gif) no-repeat; position:relative}
#aboutus_content{ height:211px; background:url(bg_aboutus.jpg) no-repeat; margin:10px 0 0 0; position:relative}
#aboutus_word{ width:270px; position:absolute; bottom:20px; left:10px;text-indent:26px; line-height:24px}

#huekenews{width:298px; height:252px; margin:12px 0 0 28px; float:left}
#huekenews_title{height:31px; background:url(t_huakenews.gif) no-repeat;position:relative}
#huekenews_content{ height:211px;margin:10px 0 0 0; overflow:hidden}
#huakenews_pic{ height:118px; }
#huakenews_pic img{ float:left; width:170px; height:115px; border:0}
#huakenews_picword{ width:120px; float:right; text-indent:24px; line-height:22px;}

#industrynews{width:298px; height:252px; margin:12px 0 0 28px; float:left}
#industrynews_title{height:31px; background:url(t_industrynews.gif) no-repeat;position:relative}
#industrynews_content{ height:211px;margin:10px 0 0 0; overflow:hidden}

#product{width:958px; height:210px; margin:0 auto; clear:both}
#product_title{height:31px; background:url(t_product.gif) no-repeat;position:relative}
#product_content{ height:170px;margin:10px 0 0 0}
#product_content li{ width:304px; height:71px; float:left; margin:8px 0 0 11px}
#product_content li img{width:304px; height:71px; border:none}
#product_content .hover{display:block ;filter:alpha(opacity=0);opacity: 0;-moz-opacity:0;height: 100%;width: 100%; cursor:pointer}
#product_content  a{ width:100%; height:100%; display:block}
#product_content .p_erp{ background: url(p_erp.png) no-repeat}
#product_content .p_erp .hover{background:url(p_erp_0.png) no-repeat}
#product_content .p_oa{ background: url(p_oa.png) no-repeat}
#product_content .p_oa .hover{background:url(p_oa_0.png) no-repeat}
#product_content .p_pes{ background: url(p_pes.png) no-repeat}
#product_content .p_pes .hover{background:url(p_pes_0.png) no-repeat}
#product_content .p_bzgl{ background: url(p_bzgl.png) no-repeat}
#product_content .p_bzgl .hover{background:url(p_bzgl_0.png) no-repeat}
#product_content .p_kim{ background: url(p_kim.png) no-repeat}
#product_content .p_kim .hover{background:url(p_kim_0.png) no-repeat}
#product_content .p_ylmis{ background: url(p_ylmis.png) no-repeat}
#product_content .p_ylmis .hover{background:url(p_ylmis_0.png) no-repeat}


/*news_list*/
.news_list li{ margin:0 0 0 2px; overflow:hidden; height:24px; width:295px; background:url(dot.gif) no-repeat left 10px; text-indent:8px; line-height:24px;}
.news_list li em{ float:right}
.more{ width:32px; height:10px; background:url(more1.gif) no-repeat center; position:absolute; right:0; top:40%;}
.more:hover{background:url(more2.gif) no-repeat center;}
.more a{ width:32px; height:10px; display:block}

.default_news_list li{ margin:0 0 0 2px; overflow:hidden; height:30px; width:650px; background:url(dot.gif) no-repeat left center; text-indent:8px; line-height:30px; border-bottom:1px #CCC dotted}
.default_news_list li em{ float:right}

#art_title{ font-size:16px; font-weight:bold; text-align:center}
#art_author{ font-size:12px; text-align:center}
#art_content,#art_content p{ font-size:14px; line-height:30px; text-indent:28px;}

/*footer*/
#footer{ width:1002px; height:150px; margin:0 auto; clear:both}
#friendlink{width:1002px; height:49px; clear:both; background:url(link_bg.gif) repeat-x;}
#friendlink_title{ width:92px; height:49px; float:left; background:url(t_link.gif) no-repeat;}
#friendlink_content{ width:900px; height:49px; float:left}
#friendlink_content ul { margin:5px 0 0 10px}
#friendlink_content ul li { float:left; width:150px}
#friendlink_right{width:10px; height:49px; float:left; background:url(link_right.gif) no-repeat;}

#bottom_line{ width:958px; height:14px; background:url(bg_bottom.gif) no-repeat; margin:20px auto 0 auto; clear:both}
#bottom{width:958px; height:60px; margin:0 auto; text-align:center; line-height:24px; color: #666}
/*---banner---*/
#banner{ height:353px; background:url(banner1.jpg) no-repeat; position:relative; clear:both; z-index:0; }
/*banner iview*/
.iview div.iview-directionNav {
	position: absolute;
	top: 37%;
	left: 60px;
	z-index: 9;
	width: 90%;
}

#banner div.iview-directionNav {
	top: 49%;
}

.iview div.iview-directionNav a {
	display: block;
	cursor: pointer;
	position: absolute;
	width: 27px;
	height: 27px;
	background-image: url(bg_direction_nav_white.png);
	text-indent: -9999px;
	-webkit-transition: left 0.3s ease-in-out;
	-webkit-transition-property: left,right;
	-moz-transition: left 0.3s ease-in-out;
	-moz-transition-property: left,right;
	-o-transition: left 0.3s ease-in-out;
	-o-transition-property: left,right;
	-ms-transition: left 0.3s ease-in-out;
	-ms-transition-property: left,right;
	transition: left 0.3s ease-in-out;
	transition-property: left,right;
}

.iview div.iview-directionNav a.iview-nextNav {
	right: -27px;
	background-position: 27px 0px;
}

.iview div.iview-directionNav a.iview-prevNav {
	left: -27px;
	background-position: 0px 0px
}

.iview.iview-hover div.iview-directionNav a.iview-nextNav {
	right: 20px;
}

.iview.iview-hover div.iview-directionNav a.iview-prevNav {
	left: 20px;
}

#banner .iview-controlNav {
	position: absolute;
	bottom: 30px;
	left: 50%;
}

#banner .iview-controlNav a {
	text-indent: -9999px;
}

#banner .iview-controlNav a.iview-control {
	padding: 0px;
	float: left;
	width: 11px;
	height: 11px;
	background: url(bullets_2.png) no-repeat 0px 0px;
	line-height: 0px;
	margin-right: 7px;
}

#banner .iview-controlNav a.iview-control.active {
	background-position: 0px -11px;
}

.iview-caption {
	background: url('caption-bg.png');
	color: #FFF;
	border-radius: 3px;
	padding: 10px 15px;
	font-family: Verdana;
	font-size: 12px;
	text-shadow: #000 1px 1px 0px;
}

.iview-caption.caption1 {
	text-shadow: none;
}

.iview-caption.caption2 {
	background: #FFF;
	color: #000;
	text-shadow: none;
}

.iview-caption.caption3 {
	background: #c4302b;
	box-shadow: rgba(0, 0, 0, 0.7) 10px 10px 15px 0px;
	text-shadow: none;
}

#iview-preloader {
	border: #666 1px solid;
	width: 150px
}

#iview-preloader div {
	background: #666;
}
#iview-timer {
	border-radius: 10px;
}

#iview-timer div {
	border-radius: 10px;
}

/*default*/
#main2{ height:auto; min-height:500px; width:100%;background:url(bg_default.gif) top repeat-x;clear:both; margin:0 0 20px 0}
#default_main{ width:1002px; margin:0 auto; min-height:600px; height:auto; clear:both; position:relative}
#default_left{ width:187px; height:auto; min-height:300px; float:left; margin:10px 0 20px 21px}
#left_title{ height:59px; background:url(left_title.gif) no-repeat}
#left_content{ height:460px; background:url(left_bg.gif) repeat-y}
#left_content ul{ margin:0 0 0 0; padding:20px 0 0 0}
#left_content ul li{ height:40px; text-align:center; font:14px Verdana, Geneva, sans-serif; letter-spacing:5px; line-height:30px; background:url(left_line.gif) no-repeat center 30px; }
#left_content ul li img{ width:8px; height:12px; border:none; margin:0 10px 0 0}
#left_content ul li a{color: #009; font-family: "黑体"}
#left_content ul li a:hover{ color:#F00; font-weight:bold}
#left_bottom{ height:10px; background:url(left_bottom.gif) no-repeat}

#banner_a{ width:738px; height:148px;float:left; background:url(banner_a1.jpg) no-repeat; margin:10px 0 0 20px }

#default_guide{ width:738px; height:36px; margin:10px 0 0 20px; float:left; background:url(guide_bg.gif) repeat-x; }
#default_guide_left{ width:14px; height:36px; float:left; background:url(guide_left.gif) no-repeat}
#default_guide_content{ width:700px; height:36px; float:left;line-height:36px; padding:0 0 0 10px;}
#default_guide_right{ width:11px; height:36px; float:right; background:url(guide_right.gif) no-repeat}

#default_content{ width:700px; height:auto; min-height:500px; margin:10px 0 20px 21px; float:left; overflow:hidden; text-indent:24px; line-height:30px; padding: 10px 15px; font-size:14px }

#default_content p{ text-indent:24px;}


/*list*/
#banner_list{ width:970px; height:160px; background:url(banner_list.jpg) no-repeat bottom; clear:both; margin:0 auto; padding:9px 0 0 0}
#list_right{ width:180px; height:auto; min-height:400px;position:absolute; top:175px; right:30px}
#list_icon{ width:180px; height:116px;}
#list_icon .hover{	display:block ;filter:alpha(opacity=0);opacity: 0;-moz-opacity:0;height: 100%;width: 100%; cursor:pointer}
#list_icon .list_email{ height:58px; background:url(list_email.gif) no-repeat}
#list_icon .list_email .hover{background:url(list_email_0.gif) no-repeat}
#list_icon .list_tel{ height:58px; background:url(list_tel.gif) no-repeat}
#list_icon .list_tel .hover{background:url(list_tel_0.gif) no-repeat}

#list_box{ width:168px; margin:10px auto}
#list_box_title{height:58px; background:url(right_title.gif) no-repeat}
#list_box_content{ height:auto; min-height:250px; background:url(right_bg.gif) repeat-y;}
#list_box_content ul{ margin:0 0 0 0; padding:10px 0 0 0}
#list_box_content ul li{ height:40px; text-align:center; font:14px Verdana, Geneva, sans-serif; letter-spacing:5px; line-height:30px; background:url(right_line.gif) no-repeat center 30px;}
#list_box_content ul li img{ width:12px; height:13px; border:none; margin:10px 0 0 5px;}
#list_box_content ul li a{color: #009; font-family: "黑体"}
#list_box_content ul li a:hover{ color:#F00; font-weight:bold}
#list_box_bottom{ height:16px; background:url(right_bottom.gif) no-repeat;}

/*分页*/
.k_pagelist { float:left; display:table; clear:both; line-height:30px; width: 100%; text-align: left;}
.k_pagelist em {padding:2px;border:1px solid #E7E7E7;font-size:12px;margin:0px 1px;background:#F5F9FE;color:#14316B;font-weight:bold;font-style:normal;}
.k_pagelist strong {padding:2px;border:1px solid #E7E7E7;font-size:12px;margin:0px 1px;color:#009900;}
.k_pagelist a {padding:2px;border:1px solid #E7E7E7;font-size:12px;margin:0px 1px;}

/*留言*/
.k_form { margin:0 0 10px 0}
.k_form p{ width:700px; display:block; clear:both; margin:5px;}
.k_in4,.k_in3{ width:480px; height:20px; line-height:20px; font-size:14px; }
label{ width:500px; height:20px; display:block; font-size:14px; }
.k_submit { width:96px; height:26px; background:url(button_bg2.gif) no-repeat; border:0; cursor:pointer}
.k_submit2 { width:96px; height:26px; background:url(button_bg.gif) no-repeat; border:0; cursor:pointer}
.k_error{ color:#F00; font-size:14px}