@charset "utf-8";
body{ margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#987b6b; text-align:left; background:#fff;}
div,form,h1,h2,h3,h4,ul,ol,li,dl,dt,dd,p,input{ margin:0; padding:0;}
img{ border:0 none;}
a{ color:#8d8d8d; text-decoration:none;}
a:hover{ color:#000; text-decoration:underline;}
img{ border:none;}
.clr{ clear:both; font-size:0px; height:0px; line-height:0px; margin:0; padding:0;}
.red{ color:red;}
img,div{ behavior: url(../js/iepngfix.htc) }

.h_ban{background:url(../images/banner.jpg) no-repeat  center top; height:587px;}
.top{ width:954px; height:112px; margin:0 auto;}
.top #logo{ width:374px; height:69px; float:left; margin-top:35px; margin-left:45px;}
.top #top_nav{ float:right; width:225px; margin-top:56px; }

#top_nav .select_box{WIDTH: 158px; HEIGHT: 21px; border:1px solid #c1c2b2; background:url(../images/dowarrow.gif) no-repeat 140px 1px #fff; color:#676f78;line-height:21px; margin-left:20px}
#top_nav DIV.tag_select {WIDTH: 158px; height:20px; padding-left:5px;}
#top_nav UL.tag_options {background:#f1f2dc; list-style:none;WIDTH: 152px;padding-left:5px;}
#top_nav UL.tag_options LI.open_hover {background:#fbe085; color:#da251d;}
#top_nav p{ margin-top:10px;}

#menu{ background:url(../images/navbg.png) no-repeat top center; width:100%; padding-top:7px;}
.n_menu{ width:921px; margin:0 auto;}
.n_menu ul{ list-style:none; margin-left:30px; float:left;}
.n_menu li{ _width:40px; float:left;}
.n_menu li a{ display:block; height:34px; padding:11px 20px 0px 20px;}
.n_menu  a:hover,
#home #m1 a,
#n_about #m2 a,
#n_news #m3 a,
#n_pro #m4 a,
#n_lead #m5 a,
#n_cont #m6 a{background:url(../images/menubg.gif) no-repeat  center top;}

.n_menu li span{ height:10px; display:block; overflow:hidden}

.n_menu #m1 span{ background:url(../images/menu1_01.jpg); width:40px;}
.n_menu #m1 a:hover span,#home #m1 span{background:url(../images/menu2_1.jpg);}

.n_menu #m2 span{ background:url(../images/menu1_2.jpg); width:69px;}
.n_menu #m2 a:hover span,#n_about #m2 span{background:url(../images/menu2_2.jpg);}

.n_menu #m3 span{ background:url(../images/menu1_3.jpg); width:38px;}
.n_menu #m3 a:hover span,#n_news #m3 span{background:url(../images/menu2_3.jpg);}

.n_menu #m4 span{ background:url(../images/menu1_4.jpg); width:69px;}
.n_menu #m4 a:hover span,#n_pro #m4 span{background:url(../images/menu2_4.jpg);}

.n_menu #m5  span{ background:url(../images/menu1_5.jpg); width:40px;}
.n_menu #m5 a:hover span,#n_lead #m5 span{background:url(../images/menu2_5.jpg);}

.n_menu #m6 span{ background:url(../images/menu1_6.jpg); width:83px;}
.n_menu #m6 a:hover span,#n_cont #m6 span{background:url(../images/menu2_6.jpg);}

.search{ float:right; width:225px; margin-right:15px; margin-top:5px;}
.search .inp{ float:left; background:url(../images/menu1_03.jpg) no-repeat left top; width:158px; height:22px; color:#ff8d11; text-indent:10px; font-weight:bold; border:none;}
.search .btn{ float:left; margin-left:5px;}

.h_content{ width:1014px; margin:0 auto; background:#f5f5f5; height:169px;}
.h_about,.h_news{  height:169px; float:left;}
.h_about h2,.h_news h2{ border-bottom:1px solid #eaeaea; line-height:31px; margin:20px 18px 7px 18px;}
.h_about h2 img,.h_news h2 img{ float:left; margin:5px 0px 7px 15px}
.h_about h2 a,.h_news h2 a{ float:right; }
.h_about p{ color:#919191; margin:0px 18px 0px 18px; line-height:21px;}
.h_about{ margin-left:25px;width:285px;}
.h_news{ background:none; width:308px;}
.h_news ul{ list-style:none; margin-left:25px; margin-right:15px;}
.h_news ul li{ background:url(../images/arrow.gif) no-repeat 0px 7px; line-height:22px;}
.h_news ul a{margin-left:20px; color:#919191;}
.h_news ul a:hover{color:#d01b13}
.h_news ul span{ color:#919191; float:right;}
.h_list{ float:left; width:321px; height:149px;margin:10px 0px 0px 30px}

.bottom{width:1014px; margin:0 auto; border-top:1px solid #eaeaea; margin-top:16px; color:#919191; text-align:center; line-height:20px; padding-top:10px;}
.bottom a{ color:#919191;}

.n_content{width:921px; margin:0 auto;}
.n_ban{background:url(../images/nbanner.jpg) no-repeat  center top; height:380px;}



#uboxstyle .select_box{WIDTH: 132px; HEIGHT: 22px; border-top:1px solid #abadb3; background:url(../images/dowarrow.gif) no-repeat right center #fff; color:#676f78;line-height:21px;}
#uboxstyle DIV.tag_select {WIDTH: 132px; height:19px;}
#uboxstyle UL.tag_options {background:#fff; list-style:none;WIDTH: 127px;padding-left:5px;}
#uboxstyle UL.tag_options LI.open_hover {background:#606060; color:#fff;}

.bottom{width:932px; margin:0 auto;}
.bot_1{ border-bottom:1px solid #c8c5b6; line-height:33px; text-align:right;}
.bot_1 a{ margin-right:10px;}
.bot_2{ position:relative; line-height:28px; padding-top:5px;}
.bot_2 .h_tech{ position:absolute; top:2px; left:740px; width:120px;}

.n_bg{ height:200px;}
.n_center{ position:absolute; top:87px; left:30px; width:952px; height:233px; background:url(../images/n_bg3.png) no-repeat bottom left; z-index:3;}
.n_center_2{width:930px; margin:0 auto; margin-top:0px;}
#home .n_center_2{ display:none;}

.title{color:#c4ac86; font-size:16px; background:url(../images/arrow2.gif) no-repeat left  center; display:block; width:210px; height:40px; line-height:40px; padding-left:40px; font-weight:bold;}
.article{padding:15px 0px 0px 0px;}
.article p{ line-height:25px; margin-bottom:10px;}

.leftbg{ list-style:none; background:url(../images/left_topbg.gif) no-repeat top left #f8f4eb; padding-top:10px;}
.leftbg li{ line-height:33px;  border-bottom:1px solid #fff; width:247px;}
.leftbg li a{ color:#948e7e;display:block;background:url(../images/arrow3.gif) no-repeat 15px 13px; padding-left:35px;}
.leftbg li a:hover{  background:url(../images/arrow4.gif) no-repeat 15px 13px #ffe210; text-decoration:none; color:#6f572b;}
.contbg{margin-bottom:15px;}

.n_search{width:208px; height:94px; background:#f1eae0; margin:20px 0px 0px 0px}
.n_search dt{ background:url(../images/line.gif) no-repeat bottom left; height:28px; margin:5px 0px 0px 15px;}
.n_search dt img{ margin-top:5px}
.n_search dd{ margin-left:15px; margin-top:5px;}
.n_search .inp{ border:1px solid #dddddd; width:79px; height:19px; background:#fff; float:left;}
.tit{ font-size:16px; font-family:"Microsoft YaHei"; color:#987b6b;}
.xia{ border-bottom:1px solid #c9c2b8;}

#cnews{ margin-top:0px;}
#cnews ul {liNE-HEIGHT: 35px; liST-STYLE-TYPE: none;  MARGIN-BOTTOM: 15px; margin-top:11px;COLOR: #8d8d8d; liST-STYLE-IMAGE: none}
#cnews ul li{BORDER-BOTTOM: #cccccc 1px dashed; PADDING-LEFT: 15px; background:url(../images/arrow.gif) no-repeat 0px 15px; HEIGHT: 35px; text-align:left;}
#cnews ul li span {COLOR: #8d8d8d; MARGIN-RIGHT: 10px; float:right;}
#cnews b{ font-weight:normal; line-height:25px;}

#page{ height:45px; line-height:45px;}
.title1{ text-align:center; line-height:30px;border-bottom:1px dashed #CCCCCC; margin:10px 15px 5px 15px;}
.title1 h3{ text-align:center; font-size:15px;}
.title1  span{ text-align:center;}


.pro { list-style:none; margin-top:15px;}
.pro li{ background:url(../images/casebg2.gif) no-repeat top center ; float:left; width:155px; height:180px; text-align:left;}
.pro li img{ display:block; margin:6px 0px 10px 20px; border:4px solid #f1eedf; width:120px; height:120px;}
.pro li span{ display:block; text-align:center;}
.fd{ width:10px; height:10px; position:absolute; left:512px; top:280px; z-index:10}
#bigpic{ width:402px; margin:25px auto; position:relative;}
#bigpic img{ border:3px solid #f1eedf; width:300px; height:300px;}

#career{ margin:10px 0px 10px 0px;}
#career dt{ margin-bottom:10px; }
#career dd{ border:1px solid #ccc; margin-bottom:15px;}
#career dd h1{ font-size:12px; border-bottom:1px solid #ccc;  background:#f1eae0; line-height:30px; height:30px;}
#career dd h1 span{ float:left;background:url(../images/lg5.gif) no-repeat left center; margin-left:0px; padding-left:10px; }
#career dd h1 a{ display:block; float:right; margin-right:10px;background:url(../images/lg4.gif) no-repeat left center;padding-left:13px;}
#career dd h2 span{  padding-right:40px; font-size:12px; font-weight:normal; line-height:30px; margin-left:10px;width:110px; float:left; display:block;}
#career dd p{margin-left:10px; line-height:25px; padding-bottom:5px; clear:left;}
 
#feedback{ border:1px solid #f1eae0; margin:15px 0px ;}
#feedback p{ background:#f1eae0; line-height:32px; height:32px; border-bottom:1px solid #f1eae0; padding-left:10px;}
#feedback ul{ list-style:none;}
#feedback ul li{  height:31px;border-bottom:1px solid #f1eae0;}
#feedback ul li span{ /*color:#f1eae0;*/color:#000;}
#feedback ul li label{ display:block; float:left; width:80px; text-align:right;border-right:1px solid #f1eae0;line-height:31px; padding-right:10px;}
#feedback ul li.f_phone input,#feedback ul li.f_fax input,#feedback ul li.f_email input{ width:215px;}
#feedback ul li.f_company input,#feedback ul li.f_address input,#feedback ul li.f_title input{ width:343px;}
#feedback ul li.f_content{height:140px; }
#feedback ul li textarea{ height:121px;width:302px;}
#feedback ul li.f_content label{line-height:61px; height:140px;}
#feedback ul li.f_btn{border-bottom:none; padding-left:90px;}
#feedback ul li input,#feedback ul li textarea{margin: 4px 0px 0px 15px}
.left_cont{ margin:10px 0px 0px 10px}
.left_cont h2{ color:#f8b619; line-height:35px;}
.left_cont p{ line-height:20px;}

/* This is the moving lens square underneath the mouse pointer. */
#bigpic a img{ border:1px solid #A2A2A2; margin:2px;}
.cloud-zoom-lens {
	border: 4px solid #fff;
	margin:-4px;	/* Set this to minus the border thickness. */
	background-color:#fff;	
	cursor:move;		
}

/* This is for the title text. */
.cloud-zoom-title {
	font-family:Arial, Helvetica, sans-serif;
	position:absolute !important;
	background-color:#000;
	color:#fff;
	padding:3px;
	width:100%;
	text-align:center;	
	font-weight:bold;
	font-size:10px;
	top:0px;
}

/* This is the zoom window. */
.cloud-zoom-big {
	border:4px solid #fff;
	overflow:hidden;
}

/* This is the loading message. */
.cloud-zoom-loading {
	color:white;	
	background:#fff;
	padding:3px;
	border:1px solid #000;
}