@charset "utf-8";
/* 全局公共样式的设定 */
*{margin:0; padding:0;}
body,ul,ol,li,p,h1,h2,h3,h4,h5,h6,form,fieldset,table,td,img, div,dl,dt,dd,p,form{margin:0;padding:0;border:0;}
body{ margin:0; padding:0; text-align:left; font-family:"宋体"; font-size:12px; font-weight:normal; vertical-align:top; color:#333;} 
body{ background-image:url(../images/TOP-bg.jpg); background-repeat:repeat-x; }
.img{ vertical-align:top;  border:0;}
.ul,ol,li,dl,dt,dd,{list-style-type:none;} 
.top,.nav,.banner,.foot,.middle,.menu,.foot-nav,.about-banner{ width:950px; margin:0 auto; list-style:none;}

/* 其它常用样式的定义 */
.left{ float: left;}
.right{ float: right;}
.clear{ clear: both;height:0; font-size:0; line-height:0;}
.noBorder{border:none;}
.bd{ border:1px solid #ccc;}
.text-left{text-align:left; }
.text-right{text-align:right;}

/* 默认全局样式超链接样式 */
a:link { color:#333;text-decoration:none}/* 链接基本样式 */
a:visited {color:#333; text-decoration:none;}/* 链接点击过后的样式 */
a:hover {color: #FF4800;text-decoration:none;}/* 链接移上时的样式 */
a:active {color: #CCCCCC; text-decoration:none;}/* 链接点击时的样式 */
/*top*/
.top{ background-image:url(../images/top.jpg); background-repeat:no-repeat; height:95px;}
.english{ text-align:right; padding-right:10px;  vertical-align:middle; padding-top:10PX; padding-bottom:5px;}
.english a{ color:#333;  }
.english a:hover { color:#FF4800; }
.logo-right{ float:right;}
.logo-left{ float:left;}
.login{ padding-left:5px; padding-right:5px; color:#333; height:13px; width:130px; border-bottom-color: #848683; border-bottom-style:none; border-width-color: #848683; border-width:1px; background-color:#F8F8F6;}
/*nav*/
.menu{ height:38px;}
/*banner*/
.banner{ text-align:center; height:291px; WIDTH: 950px; }
/*middle*/
.middle{ margin-top:8px; margin-bottom:10px;}
.middle-left{ float:left; width:713px; padding-right:10px;}
.middle-right{ float:left; width:227px;} 
.tel{ background-image:url(../images/tel.jpg);background-repeat:no-repeat; width:226px; height:65px; margin-bottom:8px;}
.tel-tite{ margin-left:14px; padding-top:25px; line-height:120%; height:40px;color:#333;} 
.qq{ background-repeat:no-repeat; width:226px; height:80px;margin-bottom:8px;}
.h2{ font-size:14px; font-weight:bold;}
.Email{background-image:url(../images/Email.jpg);background-repeat:no-repeat; width:226px; height:75px;margin-bottom:6px;}
.index-news{}
.index-news2{ background-image:url(../images/index-news2.jpg);width:226px;  }
.index-news{ }
.index-news2-tix{ margin-left:15px; margin-right:10px; padding-bottom:10px; padding-top:10px; width:auto; height:145px;line-height:22px;}
.new-pr{ background-image:url(../images/newpr-bg2.jpg); background-repeat:repeat-x;padding:17px; vertical-align:top;}
.H3{ font-size:14PX; font-weight:bold; line-height:18PX; height:18PX; color:#0564B6; float:left;}
.H4{ font-size:12PX; float:right; line-height:180%;}
.h5{ line-height:20px; padding:10px; }
/*foot*/
.foot-nav{ height:35px; background-color:#DDE4EA; text-align:center; line-height:35px; clear:both }
.foot{ color:#333; line-height:180%;}
.foot-tix{ height:87px; background-image:url(../images/foot-bg.jpg); padding-top:20px; padding-left:5px; padding-right:5px;}
.foot-table{ vertical-align:middle;}
.seash{ color:#333; list-style:none; width:209px; }
.foot-nav-left{ float:left; }
.foot-nav-right{ float:right; margin-right:20px; vertical-align:middle; height:35px;  }
.links{ width:155px;color:#333; list-style:none; } 


/*about*/
.about-banner{}
.about-left{ float:left; width:224px;  }
.about-right{ float:right;  }
.list-top{ height:32px; background-image:url(../images/left-bg_01.jpg);}
.list-top2{ margin-left:32px; line-height:32px; font-size:14px; font-weight:bold; color:#0458A0;}
.ul,h1,h2{ margin:0; padding:0; list-style:none;}
	#menu { width:224px;}
	#menu h1 {  color:#333;  background:url(../images/lanmu_bg.gif) no-repeat;  height:25px;margin:5px 0 0 0;display:block; font-size:14px;}
	#menu h2 { font-size:12px;   display:block; padding-left:25px;font-weight:normal;  color:#333333;}
	#menu .no {display:none;} 
	#menu a { display:block; padding:5px 0 3px 10px; text-decoration:none; overflow:hidden;}
	#menu a:hover{ color:#FF4800; }
	#menu  h1 a{color:#333;font-weight:normal;padding-left:22px;}
	#menu  h1  a:hover{ border:#E7E7E7 1px solid;  border-top-color:#FFF; background-color:#F4F4F4;}
	#menu .h2 a{color:#333;font-weight:normal; }
	#menu  h1 a{color:#333;font-weight:normal;} 
	.about-right2{ width:710px; float:right}
	.about-right-bg{width:710px; height:32px; background: url(../images/about-right-bg.jpg); }
	.about-right-bg2{line-height:32px; font-size:14px; font-weight:bold; color:#0458A0; margin-left:37px; width:200px; float:left;}
	.about-right-bg3{line-height:32px;  margin-right:10px; width:300px; float:right;color:#333; font-size:12px; text-align:right; font-size:12px;}
	.left-tix{  color:#333;  background:url(../images/lanmu_bg.gif) no-repeat;  height:25px; display:block; font-size:14px; margin-left:25px; line-height:32px; }
	.left-tix{ color:#333; }
 .left-tix a:hover{ color:#FF4800;}
 .Email1{ font-size:12px;}
  .Email1 a{ font-size:12px; color:#333;}
   .Email1 a:hover{color:#FF4800; }
 .about-content{  margin:20px 24px 20px 24px; line-height:200%; text-indent:24px; color:#666666;}
 
#content{ width:950px; margin:0 auto;}
#content{margin-bottom:19px; margin-top:10px;}
#menu2 { width:150px; }
	#menu2 h1 {  color:#333;  background:url(../images/lanmu_bg.gif) no-repeat;  height:25px;margin:5px 0 0 0;display:block; font-size:14px;}
	#menu2 h2 { font-size:12px;   display:block; padding-left:25px;font-weight:normal;  color:#333333;}
	#menu2 .no {display:none;} 
	#menu2 a { display:block; padding:5px 0 3px 10px; text-decoration:none; overflow:hidden;}
	#menu2 a:hover{ color:#FF4800; }
	#menu2  h1 a{color:#333;font-weight:normal;padding-left:22px;}
	#menu2  h1  a:hover{ border:#E7E7E7 1px solid;  border-top-color:#FFF; background-color:#F4F4F4;}
	#menu2 .h2 a{color:#333;font-weight:normal; }
	#menu2  h1 a{color:#333;font-weight:normal;}  
  .h22{  }
 
 /* 内页框架 */
.n_bg{ background:url(../images/n_bg.gif) repeat-y left;}
.left{ float:left; width:176px; margin-right:13px;  }
.right{ float:right; width:761px;}
.n_baner{width:950px; margin:0 auto; margin-bottom:10px;}
.n_baner img{width:950px; height:200px;}
.n_cont{float:left; background:url(../images/h_con_c.gif) repeat-x top;height:auto!important; height:400px; min-height:400px; position:relative; padding:0px 20px 30px 20px; width:721px;}

.n_cont .title{background:url(../images/line.gif) repeat-x bottom; height:40px;margin:0px 0px 15px 0px; line-height:40px;}
.n_cont  .ll{ position:absolute; left:0px; top:0px;}
.n_cont .rr{ position:absolute; right:0px; top:0px;}
.n_cont .title{ clear:both;}
.n_cont .title h1{ font-size:14px; font-family:"Microsoft YaHei"; width:150px; float:left; font-weight:normal; }
.n_cont .title span{ float:right; line-height:40px;}
.left h1{color:#FFF; font-size:14px; background:url(../images/left_top.jpg) no-repeat  center left; width:166px; height:25px; line-height:25px; padding-left:10px; font-weight:normal; font-family:"Microsoft YaHei";}
 .left h2{  color:#333; font-size:14px; background:url(../images/left_top.jpg) no-repeat  center left; width:166px; height:25px; line-height:25px; padding-left:10px; font-weight:normal; font-family:"Microsoft YaHei";}
.left ul{ list-style:none; margin:9px 4px 12px 4px}
.left ul li{ background:url(../images/arrow2.gif) no-repeat left; padding-left:20px; border-bottom:1px solid #e1dfe0;}
#menu2 li{ text-align:center; font-size:14px;}
.left ul li a{ line-height:30px; display:block;}
.left h2{background:url(../images/left_bot.jpg) no-repeat  center left;}
.left .left_contact{ line-height:25px; padding:5px 15px 0px 10px; font-size:13px}
.left .left_contact .xia{border-bottom:1px dashed #ccc;}
.left .left_contact p{  margin-bottom:10px; }
.left .left_contact b{ color:#fa7d04;}
/*文章类 */
.article{ line-height:22px;}
.article p{ margin-bottom:15px; text-indent:24px; padding:10px;}
.title1 {BORDER-BOTTOM: #cccccc 1px dashed; TEXT-ALIGN: center; LINE-HEIGHT: 30px; MARGIN: 0px 15px 5px}
.title1 h3 {TEXT-ALIGN: center; FONT-SIZE: 15px}
.title1 span {TEXT-ALIGN: center}
.back{ text-align:left;border-top:1px dashed #cccccc;}
.back img{ margin-top:15px;}
.article .cc p{ text-indent:0} 
/*新闻 */
#news UL {LINE-HEIGHT: 35px; LIST-STYLE-TYPE: none; MARGIN-BOTTOM: 15px; COLOR: #5c5c5c; LIST-STYLE-IMAGE: none; }
#news UL LI {BORDER-BOTTOM: #cccccc 1px dashed; TEXT-ALIGN: left; PADDING-LEFT: 15px; BACKGROUND: url(../images/lg6.gif) no-repeat left 50%; HEIGHT: 35px}
#news UL LI SPAN {FLOAT: right; COLOR: #5c5c5c; MARGIN-RIGHT: 10px}
#hotnew{ background:url(../images/sd2.gif) no-repeat bottom; height:145px;}
#hotnew dt{ float:right; width:530px; font-weight:bold; line-height:35px;}
#hotnew dd{ float:right; width:520px; line-height:20px; padding-right:10px;}
#hotnew .pic{ float:left; width:180px;}
#hotnew .pic img{ width:158px; height:112px;}
#hotnew .more a{ color:red; line-height:30px;}

#page{ text-align:center; height:45px; line-height:45px;}
/*代理产品 */

#products ul{ list-style:none; margin:10px 0px 0px 15px; border-bottom:1px solid #ccc; height:470px;}
#products ul li{ float:left; text-align:center; width:159px; height:120px; overflow:hidden; margin-right:24px; display:inline}
#products ul li img{ display:block; margin-bottom:8px;width:158px;}
#products ul li a{ line-height:20px;}
/*在线留言*/
#feedback{ border:1px solid #d1d1d1; margin-top:25px;}
#feedback p{ background:#e7e7e7; line-height:32px; height:32px; border-bottom:1px solid #d1d1d1; padding-left:10px;}
#feedback ul{ list-style:none;}
#feedback ul li{  height:31px;border-bottom:1px solid #d1d1d1;}
#feedback ul li span{ color:#FF0000;}
#feedback ul li label{ display:block; float:left; width:80px; text-align:right;border-right:1px solid #d1d1d1;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:393px;}
#feedback ul li.f_content{height:140px; }
#feedback ul li textarea{ height:121px;width:442px;}
#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}
/*人才招聘*/
#career{ margin-top:10px}
#career dt{ height:35px; line-height:35px;}
#career dd{ border:1px solid #ccc; margin-bottom:15px;}
#career dd h1{ font-size:12px; border-bottom:1px solid #ccc; line-height:25px; height:25px; background:#e3e3e3; }
#career dd h1 span{ float:left;background:url(../images/lg5.gif) no-repeat left center; margin-left:10px; 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;}
#career dd p{margin-left:10px; line-height:25px; padding-bottom:5px;}

#prolist{}
#prolist ul{ list-style:none;}
#prolist li{ margin-bottom:15px; border-bottom:1px dashed #ccc;height:110px}
#prolist li .logo{ display:block; width:154px; height:97px; float:left; background:url(../images/logobg.gif) no-repeat; padding:20px 0px 0px 10px; }
#prolist li .tit{ font-size:14px; color:#d30300; font-family:"Microsoft YaHei"}
#prolist li .tit_en{color:#373737; font-size:12px; font-family:"Microsoft YaHei";  display:block; height:25px; margin-bottom:5px;}
#prolist li .detail{ line-height:20px;}

#pro_show  .pro_left{ float:left; width:400px; border-right:1px solid #bfbfbf; padding-right:16px}
#pro_show  .titl{ font-size:14px; color:#d30300; font-family:"Microsoft YaHei"}
#pro_show  .titl_en{color:#373737; font-size:12px; font-family:"Microsoft YaHei";  display:block; height:25px; margin-bottom:5px;}
#pro_show  .pro_left p{ line-height:22px;}
#pro_show  .pro_right{ float:right;width:320px; padding-left:10px}
#pro_show  .pro_right p{line-height:22px;}
#pro_show  .pro_right span{display:block; width:154px; height:97px;background:url(../images/logobg.gif) no-repeat; padding:20px 0px 0px 10px; margin-bottom:14px }
.dash{ border-bottom:1px dashed #CCCCCC;}
/*xiazai*/
.xiazai{ width:120px; color:#fa7d04;}
.contact{ line-height:180%; }
#con { margin-top:12px; width:400px;}
#tags { width:100%; height:25px;  list-style:none;}
#tags LI { FLOAT: left; width:110px; HEIGHT: 24px; margin-right:5px; }
#tags LI A { FLOAT: left; width:110px; HEIGHT: 24px; LINE-HEIGHT: 24px; color:#666; font-weight:bold; text-align:center;  background:#F8F7F7; border:#C4C4C2 1px solid;}
#tags LI.selectTag { POSITION: relative; HEIGHT: 24px}
#tags LI.selectTag A { COLOR: #ffffff; LINE-HEIGHT: 24px; HEIGHT: 24px; background:#FF7C00; font-weight:bold; border:#FF7C00 1px solid; }
#tagContent { width:100%; margin:15px auto;}
.tagContent { DISPLAY: none;WIDTH: 920px; margin:0 auto; COLOR: #474747;}
#tagContent DIV.selectTag {	DISPLAY: block}

#tagContent0{ ext-align:justify;text-justify:inter-ideograph; }
#tagContent0 p strong{ font-size:14px; text-indent:0; color:#0564b6;}
#tagContent0 p{ text-indent:2em; line-height:200%; color:#666666; margin-bottom:18px;}

#tagContent1{ text-align:justify;text-justify:inter-ideograph; }
#tagContent1 p{ text-indent:2em; line-height:200%; color:#666666; margin-bottom:18px;}
#tagContent1 p strong{ font-size:14px; text-indent:0; color:#0564b6;}

#tagContent2 p{ text-indent:2em; line-height:200%; color:#666666; margin-bottom:18px;}
#tagContent2 p strong{ font-size:14px; text-indent:0; color:#CC0000;}
#tagContent2 .cuture{ height:240px;  background:url(../images/curtrue_bg.JPG) no-repeat right bottom;}

#tagContent3{ text-align:justify;text-justify:inter-ideograph; }
#tagContent3 p{ text-indent:2em; line-height:200%; color:#666666; margin-bottom:18px;}
#tagContent3 p strong{ font-size:14px; text-indent:0; color:#0564b6;}

#tagContent4{ text-align:justify;text-justify:inter-ideograph; }
#tagContent4 p{ text-indent:2em; line-height:200%; color:#666666; margin-bottom:18px;}
#tagContent4 p strong{ font-size:14px; text-indent:0; color:#0564b6;}
.n_cont2{float:left; background:url(../images/h_con_c.gif) repeat-x top;height:auto!important; height:400px; min-height:400px; position:relative; padding:0px 20px 30px 20px; width:910px;}

.n_cont2 .title{background:url(../images/line.gif) repeat-x bottom; height:40px;margin:0px 0px 15px 0px; line-height:40px;}
.n_cont2  .ll{ position:absolute; left:0px; top:0px;}
.n_cont2 .rr{ position:absolute; right:0px; top:0px;}
.n_cont2 .title{ clear:both;}
.n_cont2 .title h1{ font-size:14px; font-family:"Microsoft YaHei"; width:150px; float:left; font-weight:normal; }
.n_cont2 .title span{ float:right; line-height:40px;}
.tab {
	font-size:14px;
}
.tab ul {
	list-style:none;
	padding:0;
	margin:0;
}
.tab li {
	list-style:none;
	float:left;
	background-color:#ffffff;
	color:#6D6D6D;
	padding:5px;
	margin-right:2px;
	border:1px solid #CCCCCC;
	cursor:pointer;
}
.tab div{
	clear:left; 
	color:#474747;
	width:300px;  
	display:none;
}
.tab div.contentin{ width:100%; height:auto; list-style:none; display:block;
}
.tab li.tabin{ 
	background-color:#3586FF; font-weight:bold; font-family:"宋体"; font-size:12px; height:22px;line-height:22px;
	color:#FFFFFF;
	border-left:1px solid #3586FF;
	
	border-right:1px solid  #3586FF;
	
	border-top:1px solid  #3586FF;
	
	border-bottom:1px solid  #CCCCCC; 
} 
.tab li{width:105px; text-align:center;font-weight:bold; font-family:"宋体";font-size:12px; height:22px; line-height:22px;}

/* Easy Slider */

	#slider ul, #slider li,
	#slider2 ul, #slider2 li{
		margin:0;
		padding:0;
		list-style:none;
		}
	
	#slider li, #slider2 li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/
		width:671px;
		height:212px;
		overflow:hidden; 
		}
	#slider2 li{ 
		width:657px;
		height:150px;
		overflow:hidden; 
		}			
	#prevBtn, #nextBtn,
	#slider1next, #slider1prev{ 
		display:block;
		width:40px;
		height:13px;
		position:absolute;
		left:583px;
		top:188px;
		z-index:1000;
		}	
	#nextBtn, #slider1next{ 
		left:625px;
		}														
	#prevBtn a, #nextBtn a,
	#slider1next a, #slider1prev a{  
		display:block;
		position:relative;
		width:40px;
		height:13px;
		background:url(../images/btn_prev.gif) no-repeat 0 0;	
		}	
	#nextBtn a, #slider1next a{ 
		background:url(../images/btn_next.gif) no-repeat 0 0;	
		}
		
	#prev-arrow,#next-arrow	{
		position:absolute;
		left:-28px;
		top:-25px;
	
	}
	#next-arrow	{
		position:absolute;
		left:657px;
	}	
	.pro-txt{ font-family:"宋体" ; font-size:12px; line-height:180%; }
	.tu{ border:1px solid #C4C4C4; margin:5px;}
	.qtxx{ border:1px solid #C4C4C4; padding:15px;}
	
	
	.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;
}
.gray{ color:#CCC}




.left_cont {background:url(../images/left_cont_bg.jpg) no-repeat; height:240px; padding-top:110px;}
.left_cont .q_ul { list-style:none;}
.left_cont .q_ul li { line-height:30px;font-size:14px;font-weight:600px;  border-bottom:#f4f2f3  none 0px; color:#333333; font-family:Arial, Helvetica, sans-serif; background:none;}
.left_cont .q_ul li a { font-family: "微软雅黑"; line-height:30px; font-size:14px;}
.left_cont .q_ul li a img{float:left;}
.left_cont .q_ul a:link { color:#333333; text-decoration:none;}
.left_cont .q_ul a:hover { color:#333333; text-decoration:none;}
.left_cont .q_ul a:visited { color:#333333; text-decoration:none;}
.left_cont .q_ul a:active { color:#333333; text-decoration:none;}


.middle-right_md{ height:110px; background:url(../images/tt.jpg) no-repeat; padding-top:135px; padding-bottom:10px; color:#333333; font-family:Arial, Helvetica, sans-serif;}
.middle-right_md ul { list-style:none; font-family:Arial, Helvetica, sans-serif;  font-size:14px; font-weight:bold; padding-bottom:15px;  }
.middle-right_md ul li { line-height:30px; width:155px; margin:0px auto;}
.middle-right_md ul li a { font-size:14px; line-height:30px; font-weight:bold;  }
.middle-right_md ul li a img { float: left;}