  @charset "gb2312";
/* CSS Document */


body {
	margin:0px;
	padding:0px;
	margin:0  !important;
	padding:0 !important;
	font-size: 12px;
	font-family: "微软雅黑";
	text-align: left;
	color: #333;
	line-height: 22px;
	background: #fff;
	background-repeat: repeat-x;
}
* {
	margin:0px;
	padding:0px;
}
html {
	_overflow-x: hidden;/*去掉IE6横向滚动*/
	SCROLLBAR-ARROW-COLOR: #333333;
	SCROLLBAR-FACE-COLOR: #E4E4E4;
	SCROLLBAR-DARKSHADOW-COLOR: #BFBFBF;
	SCROLLBAR-HIGHLIGHT-COLOR: #FFFFFF;
	SCROLLBAR-3DLIGHT-COLOR: #BFBFBF;
	SCROLLBAR-SHADOW-COLOR: #FFFFFF;
	SCROLLBAR-TRACK-COLOR: #F6F6F6;
}
img {
	border: 0px;
}
ul, li, h1, h2, h3 {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	font-size: 12px;
	text-align: left;
	font-weight: normal;
}
a {font-size: 12px; color: #333;text-decoration:none;}
a:hover {font-size: 12px; color:#46A300;text-decoration: underline;}



#cl{ height:0; padding:0; clear:both;}
#w974{ width:974px; margin:0px auto;}
#top{ width:974px; margin:0px auto;}
#logo{ width:674px; float:left; height:105px; background:url(/images/logo.png) left 10px no-repeat; display:block;}
#tel{ width:300px; float:left;height:105px; display:block;}
#tel span{ line-height:28px; height:28px; width:300px; padding-top:10px; display:block; overflow:hidden;}
#tel span img{ margin-top:5px;}
#tel span a{ padding:0px 5px;line-height:28px; height:28px; }
#nav{ width:100%; clear:both; background:#F8F9F8; border-bottom:6px solid #04a1fb;}
#nav ul{ width:974px; margin:0px auto;}
#nav ul li{ line-height:44px; height:44px; border-right:2px solid #d4d6d5; float:left;}
#nav ul li.last{ border-right:0px solid #d4d6d5;}
#nav ul li a{ width:120px; height:44px; line-height:44px; text-align:center; color:#343434; font-weight:bold; display:block; background:#fefdfd; font-size:14px; text-decoration:none;}
#nav ul li a:hover{ color:#FFF; background:#04A1FB}
#nav ul li.on a{color:#FFF; background:#04a1fb}
#nav ul li.onc a{border-right:0px;color:#FFF; background:#04a1fb}

#flash{ width:974px; margin:0px auto; padding-top:10px;}
#ssk{ width:957px; border:1px solid #CCC; padding:8px; line-height:32px; height:32px; margin-top:5px; margin:5px auto;}
#ssou{ background:url(/images/s-bg.gif) left center no-repeat; padding-left:45px; width:372px; line-height:32px; height:32px; float:left;}
#ssou ul li{ float:left;}
.inputtxt{ line-height:26px; height:26px; width:300px; color:#999; border:none;  padding-top:0px !important;padding-top:5px; background:none; outline:none;}
#hotword{ width:540px; float:left; line-height:32px; height:32px; display:block; overflow:hidden;}
#hotword b{  text-align:center; line-height:32px; height:32px;float:left; margin-right:10px; padding-left:10px;}
#hotword a{ margin-right:10px;  line-height:32px; height:32px;}

.bd{border:1px solid #CCC;}
.bdu{border-right:1px solid #CCC;border-left:1px solid #CCC;border-bottom:1px solid #CCC;}

#ipro{border:1px solid #CCC; padding:0px 10px 10px 10px; width:952px; margin:0px auto;}
#ipro_ml{ width:952px; margin:10px auto;}
#ipro_ml span{ width:180px; float:left; height:47px; line-height:47px;}
#ipro_ml a{ width:144px; line-height:34px; height:34px; text-align:center; color:#333; display:block; margin-right:10px; background:url(/images/mla.jpg) center center no-repeat; float:left; text-decoration:none; margin-top:8px; overflow:hidden; font-size:14px;}
#ipro_ml a:Hover{ background:url(/images/mlover.jpg) center center no-repeat; color:#FFF;}
#ipro_ml a.on{ background:url(/images/mlover.jpg) center center no-repeat; color:#FFF;}

#tab{ width:226px; background:url(/images/tabbg.gif) top center no-repeat; min-height:200px;}
#indexplist{ width:952px; margin-top:10px;}
#indexplist ul li{ float:left; padding:0px 6px;}
#tab .name{ width:226px; margin-top:10px; line-height:22px; color:#666;}
#tab .name a{ width:224px; line-height:26px; height:26px; font-size:12px; color:#000; font-weight:bold; display:block; clear:both; text-align:center; overflow:hidden;}
#tab .more{ width:226px; clear:both; text-align:right;}
#tab .more a{ font-size:12px; color:#666; background:url(/images/jt02.jpg) right center no-repeat; padding-right:30px; line-height:26px; height:26px;}
/*#tab_img{ text-align:center;}
#tab_img a{width:220px;text-align:center;line-height:166px;
	height:166px;font-size:166px;
	}
*>#tab_img a{
	font-size:12px;
	}
#tab_img img {
	vertical-align:middle;
}*/
#tab_img{  /*非IE的主流浏览器识别的垂直居中的方法*/
	display: table-cell;
	vertical-align:middle;

	/*设置水平居中*/
	text-align:center;

	/* 针对IE的Hack */
	*display: block;
	*font-size: 105px;/*约为高度的0.873，200*0.873 约为175*/
	*font-family:Arial;/*防止非utf-8引起的hack失效问题，如gbk编码*/

	width:226px;
	height:166px;
	
}
#tab_img img {
	/*设置图片垂直居中*/
	vertical-align:middle;
}

#hx{ width:974px; margin:10px auto; clear:both;}
#cstm{ width:974px; margin:10px auto; clear:both;}
#cslist{ width:974px; margin:0px auto; }
.biaot{ background:url(/images/hengbg.jpg) left center no-repeat; line-height:32px; height:32px; overflow:hidden;}
.biaot span{ font-size:14px; font-weight:bold; width:140px; color:#FFF; text-align:center; display:block; float:left;}
.biaot a{ width:80px; float:right; height:32px; line-height:32px; text-align:center; padding-top:5px;}
.biaot a:hover{ color:#46a300;}

#cst{ padding:10px; border:1px solid #CCC;}
#pjtab{ width:455px; float:left; line-height:22px; color:#333; padding:10px;}
#pjtab img{ float:left; margin-right:10px; border:1px solid #CCC; padding:2px; background:#FFF;}
#pjtab a.t{ line-height:22px;  font-size:14px; color:#000; font-weight:bold; font-weight:bold;}
#pjtab a.t:Hover{ color:#46a300;}
#pjtab a.m{ font-size:12px; font-weight:normal; color:#000;}
#pj{ border:1px solid #CCC; padding:10px;}
#w480{ width:482px; float:left;}
#inews{ border:1px solid #CCC; padding:10px; width:460px;}
#inews ul{ clear:both;}
#inews ul li.hot{ width:460px; color:#333}
#inews ul li.hot img{ float:left; margin-right:10px; padding:2px; border:1px solid #CCC;}
#inews ul li.hot a.t{ font-size:14px; font-weight:bold;width:290px; overflow:hidden; white-space:nowrap;text-overflow:ellipsis; display:block;}
#inews ul li.hot a.m{ color:#000}
#a_n_list{ width:974px; margin:0px auto; clear:both;}
#list{ padding-top:10px;}
#list li{ background:url(/images/r.gif) left center no-repeat; padding-left:15px; width:445px;line-height:24px; height:24px; display:block;}
#list li a{ width:370px; line-height:24px; height:24px; float:left; display:block;overflow: hidden;}
#list li span{ width:70px; line-height:24px; height:24px; float:left;}

#w490{ width:482px; padding-left:10px; float:left;}
.pd10{ padding-top:10px;}
#hzhb{ border:1px solid #CCC;}
#hzhb a{border-right:1px solid #ebebeb;  border-bottom:1px solid #ebebeb;height:134px; line-height:134px; width:159px; display:block; float:left;}
<!--#hzhb .{ width:159px; border-right:1px solid #ebebeb;  border-bottom:1px solid #ebebeb; height:136px;}-->

#hz_img{  /*非IE的主流浏览器识别的垂直居中的方法*/
	display: table-cell;
	vertical-align:middle;

	/*设置水平居中*/
	text-align:center;

	/* 针对IE的Hack */
	*display: block;
	*font-size: 98px;/*约为高度的0.873，200*0.873 约为175*/
	*font-family:Arial;/*防止非utf-8引起的hack失效问题，如gbk编码*/ 
	width:159px;
	height:133px; 
	
}
#hz_img img {
	/*设置图片垂直居中*/
	vertical-align:middle;
}
#link{ margin:10px auto; border:1px solid #CCC; line-height:24px; clear:both; padding-bottom:5px;  width:974px;}
#link span{ width:972px; margin:0px auto; clear:both; padding-bottom:5px;}
#link a{ padding-left:10px; padding-right:10px;}

#foot_nav{ text-align:center; line-height:34px; height:34px; background:#b9b9b9; color:#333333; width:100%;}
#foot_nav a{ padding:0px 5px;}
#foot{ width:974px; margin:10px auto; padding:10px 0px; text-align:center; line-height:24px;}

#main_l{ width:758px; float:left;}
#main_r{ width:206px; padding-left:10px; float:left;}

#all_right{ width:758px; float:left;padding-left:10px;}
#all_left{ width:206px;  float:left;}



.biaot2{ background:url(/images/hengbg.jpg) left center no-repeat; line-height:32px; height:32px; overflow:hidden;}
.biaot2 b{ font-size:14px; font-weight:bold; width:140px; color:#FFF; text-align:center; display:block; float:left;}
.biaot2 span{ width:610px; float:left; height:32px; line-height:32px; text-align:right; padding-top:5px;}
#about{ width:726px; border:1px solid #ccc; padding:15px; line-height:24px;}
.pdb{ padding-bottom:10px;}
#ablist{ width:204px; border:1px solid #ccc;}
#ablist ul{ padding:3px 10px;}
#ablist ul li{  border-bottom:1px dotted #CCCCCC; padding-left:30px;}
#ablist ul li a{ background:url(/images/r.gif) left center no-repeat; line-height:30px; height:30px; padding-left:15px;}

#contact{ margin-top:10px;width:204px; border:1px solid #ccc;}


#pro_c{ width:204px; border:1px solid #ccc;}
#pro_c ul{ padding:3px 10px;}
#pro_c ul li{  border-bottom:1px dotted #CCCCCC; padding-left:20px;}
#pro_c ul li a{ background:url(/images/r.gif) left center no-repeat; line-height:30px; height:30px; padding-left:15px; font-size:14px;}
#pro_c ul li ul{ padding:0px;}
#pro_c ul li ul li{ padding:0px;}
#pro_c ul li ul li a{ background:none; font-size:12px;}
#w206{ width:204px; margin-top:10px; clear:both;}
#nplist{ border:1px solid #CCC;}
#nplist ul li{ float:left; padding:13px;height: 260px;overflow: hidden;}
#page{ text-align:center; padding:10px 0px 10px 0px; clear:both;}

#ctab{ width:166px; }

#ctab .cname{ width:160px; margin-top:10px;  color:#666; height:40px; overflow:hidden;text-align:center;}
#ctab .cname a{ width:224px; line-height:18px; height:26px; font-size:12px;  clear:both; text-align:center;}
#case_img{  /*非IE的主流浏览器识别的垂直居中的方法*/
	display: table-cell;
	vertical-align:middle;

	/*设置水平居中*/
	text-align:center;

	/* 针对IE的Hack */
	*display: block;
	*font-size: 95px;/*约为高度的0.873，200*0.873 约为175*/
	*font-family:Arial;/*防止非utf-8引起的hack失效问题，如gbk编码*/

	width:160px;
	height:120px;
	border:3px solid #efefef;
	
}
#case_img img {
	/*设置图片垂直居中*/
	vertical-align:middle;
}
#case_img:hover{ border:3px solid #46A300}
#caselist{ border:1px solid #CCC;}
#caselist ul li{ float:left; padding:11px;}
#content{ padding:15px 10px; border:1px solid #CCC;}
#content li.title{ line-height:28px; text-align:center; font-size:16px; font-weight:bold;}
#content li.time{ text-align:center;line-height:30px; height:30px;}
#content li.content{ line-height:26px; padding-bottom:10px; border-bottom:1px solid #CCC;}
#content li.pre{ line-height:30px; height:30px; padding-top:10px; }
#content li.next{ line-height:30px; height:30px;}

#service{ width:726px; border:1px solid #ccc; padding:15px; line-height:20px; color:#999}
#service ul li{ height:100px; clear:both;}
#service ul li img{ float:left; margin-right:10px; border:1px solid #CCC;}
#service ul li b{ line-height:26px; height:26px;}

#service ul li{ clear:both; padding-bottom:20px;}
#news_list{ width:726px; border:1px solid #ccc; padding:15px; line-height:20px; color:#999}
#news_list ul li{ clear:both; padding-bottom:10px;}
#news_list ul li span{ width:726px; height:33px; line-height:33px; display:block; clear:both; border-bottom:1px dashed #333; margin-bottom:5px;}
#news_list ul li span b{ background:url(/images/f.gif) center center no-repeat; line-height:15px; height:15px; width:15px; display:block; float:left; margin-top:10px; color:#FFF; text-align:center; margin-right:10px;}
#news_list ul li span a.tit{ width:650px; float:left; line-height:32px; height:32px; display:block;}

#pdimg{ width:350px; float:left;}
#ptxt{ width:360px; padding-left:15px; min-height:420px; float:left; margin-top:25px;}
#ptxt ul li.pname{ font-size:16px; font-weight:bold; line-height:30px;  border-bottom:1px solid #CCC;}
#ptxt ul li.tp{ line-height:20px;  padding-top:5px; padding-bottom:5px;}
#ptxt ul li.num{ color:#F00; line-height:24px; height:24px;}
#qhtab{ line-height:29px; height:29px; background:url(/images/qhbg.gif) repeat-x;}
#qhtab ul li{ float:left; background:url(/images/taba.gif) repeat-x; border-right:1px solid #FFF;line-height:29px; height:29px; width:120px; text-align:center; font-weight:bold; cursor:pointer;}
#qhtab ul li.on{ background:url(/images/tabhover.gif) repeat-x; color:#FFF;}
#a1{ padding-top:15px; line-height:24px; }
#a2{ padding-top:15px; line-height:24px;}
#a3{ padding-top:15px; line-height:24px;}
#prodetail{ padding:0px 10px 10px 10px; border:1px solid #CCC;}


#content2{ padding-top:10px;border-top:1px solid #CCC; margin-top:15px;}
#content2 li.pre{ line-height:26px; height:26px; }
#content2 li.next{ line-height:26px; height:26px;}


#case_left{ width:204px; border:1px solid #ccc;}
#case_left ul{ padding:3px 10px;}
#case_left ul li{ }
#case_left ul li a{ background:url(/images/dian.gif) 35px center no-repeat; line-height:30px; height:30px; padding-left:55px; width:125px; display:block;border-bottom:1px dotted #CCCCCC; font-weight:bold;}
#case_left ul ul{ padding:0px;}
#case_left ul li ul li a{ background:url(/images/r.gif) 38px center no-repeat; line-height:30px; height:30px; padding-left:55px; border-bottom:none; font-weight:normal; border-bottom:1px dotted #CCCCCC; width:125px;}
.btc{ clear:both; background:url(/images/ty.gif) left center no-repeat; width:730px; margin:0px auto; margin-top:10px;}
.btc a{ line-height:30px; height:30px; font-size:16px; font-weight:bold; background:#FFF; padding-right:10px;}



/*产物详情页切换*/.proshow_hd{    line-height: 29px;    height: 29px;    background: url(/images/qhbg.gif) repeat-x;position:relative;}
.proshow_hd ul {overflow:hidden;}
.proshow_hd ul li{float:left;    background: url(/images/taba.gif) repeat-x;    border-right: 1px solid #FFF;    line-height: 29px;    height: 29px;    width: 120px;    text-align: center;    font-weight: bold;    cursor: pointer;}
.proshow_hd ul li.on{    background: url(/images/tabhover.gif) repeat-x;    color: #FFF;}
.proshow_hd ul li.on a{color:#fff;}
.pro_bd{    padding-top: 15px;    line-height: 24px;}


/*普通在线客服02*/
#kfFloatqq{margin: 0pt; padding: 0pt; z-index:9999; visibility: visible; position: absolute; top: 150px; right: 9px;}
.qq_ser { width: 120px; overflow: hidden; margin: 0; padding: 0; background-color: #fff;}
.qq_ser .ser_tit1 { width: 100px; height: 28px; overflow: hidden; line-height: 28px; margin: 0 auto; padding: 0 10px; border-radius: 5px 5px 0 0; background: url(/images/qq02_tit_bg.jpg) 0 0 repeat-x; color: #fff; font-size: 12px; font-weight: bold; position: relative;}
.ser_tit1 a { display: block; width: 10px; height: 10px; overflow: hidden; margin: 0; padding: 4px; background: url(/images/qq02_close_tb1.png) 4px 4px no-repeat; position: absolute; top: 5px; right: 10px; z-index: 9;}
.ser_tit1 a:hover { background: #fff url(../images/qq02_close_tb2.png) 4px 4px no-repeat; border-radius: 10px;}
.qq_ser .lxr_list { width: 100px; overflow: hidden; margin: 0 auto; padding: 15px 9px 0; border-left: 1px solid #dfdfdf; border-right: 1px solid #dfdfdf;}
.lxr_list ul li { width: 100px; overflow: hidden; margin: 0 auto 10px; padding: 0;}
.lxr_list ul li h3 { width: 100%; height: 16px; overflow: hidden; line-height: 16px; margin: 0 auto 5px; padding: 0; color: #333; font-size: 12px; font-weight: bold; text-align: center;}
.lxr_list p { width: 100%; height: 16px; overflow: hidden; line-height: 16px; margin: 0 auto; padding: 0; color: #666; font-family: Helvetica, Helvetica Neue, Arial," sans-serif"; font-size: 14px; text-align: center;}
.qq_ser .ser_tit2 { width: 100px; height: 28px; overflow: hidden; line-height: 28px; margin: 0 auto; padding: 0 10px; background: url(/images/qq02_tit_bg.jpg) 0 0 repeat-x; color: #fff; font-size: 12px; font-weight: bold;}
.qq_ser .qq_list { width: 80px; overflow: hidden; margin: 0 auto; padding: 15px 19px 7px; border-left: 1px solid #dfdfdf; border-right: 1px solid #dfdfdf;}
.qq_list ul li { width: 80px; height: 46px; overflow: hidden; margin: 0 auto 5px; padding: 0;}
.qq_list ul li h3 { width: 100%; height: 16px; overflow: hidden; line-height: 16px; margin: 0 auto 5px; padding: 0; color: #333; font-size: 12px; font-weight: bold; text-align: center;}
.qq_ser .ser_tit3 { width: 100px; height: 28px; overflow: hidden; line-height: 28px; margin: 0 auto; padding: 0 10px; border-radius: 0 0 5px 5px; background: url(/images/qq02_tit_bg.jpg) 0 0 repeat-x; color: #fff; font-size: 12px;}




/*----小屏*banner----*/
#banner_Small{ height:401px; width: 975px; margin:0 auto; background:#ddd; clear:both; position:relative; z-index:999}
#banner_Small .picBtnLeft { height:401px; position:relative; zoom:1; width:100%; overflow:hidden;}
/*----数字切换按钮----*/
#banner_Small .picBtnLeft .hd {width:135px; height:10px; position:absolute; left:93%; margin-left:-30px; text-align:center; bottom:20px; z-index:10;  }
#banner_Small .picBtnLeft .hd ul { overflow:hidden; zoom:1; display:block; height:16px; width:110px; padding:5px 15px 5px 15px;}
#banner_Small .picBtnLeft .hd ul li {float:left; _display:inline; cursor:pointer; text-align:center;  width:20px; height:20px; background:#2696ff; overflow:hidden; margin:0px 2px; color:#fff; font-size:12px;}
#banner_Small .picBtnLeft .hd ul li.on { background:#fff!important; color:#666}

#banner_Small .picBtnLeft .bd {height:401px; position: absolute; width: 975px;}
#banner_Small .picBtnLeft .bd img { height:401px; width:975px; z-index:1;}
#banner_Small .picBtnLeft .bd li { position:relative; zoom:1; width:1920px;  display:inline-block; }
#banner_Small .picBtnLeft .bd li .pic { position:relative; z-index:0; line-height:0px; }
#banner_Small .picBtnLeft .bd li .bg { display:none;}
#banner_Small .picBtnLeft .bd li .title { display:none;}
#banner_Small .picBtnLeft .bd a img { padding-top: 0px!important}
/*---小屏*结束----*/




/* 产物介绍、详细参数、售后服务--TAB-- */ 
#con { width:100%;margin:0 auto; clear:both; min-height:240px;}
#tags {height:40px;line-height:40px; border-bottom:2px solid #03a1fa;}
#tags li {float:left;list-style-type: none; height:33px; margin-right:3px;}
#tags li a {color: #333;line-height:40px;height:40px;width:102px; background:#ddd; text-decoration: none;display:block; text-align:center;font-size:14px;}
#tags li a:hover{ width:102px;color:#fff; height:40px; border-top:none;}
#tags li.emptyTag {BACKGROUND: none transparent scroll repeat 0% 0%; WIDTH: 4px;}
#tags li.selectTag {background-position: left top;  position: relative; height:40px;}
#tags li.selectTag a {width:102px;height:40px; background:#03a1fa; color:#fff;}
#tagContent {font-size:12px;color:#333;overflow:hidden;clear:both; width:98%; padding:10px; clear:both; min-height:200px; line-height:24px; }
tagContent {DISPLAY: none; COLOR: #474747; padding-top:15px; padding-bottom:20px;}
#tagContent DIV.selectTag {DISPLAY: block; overflow:hidden;}
#tagContent table{border: 0px solid #fff;	border-collapse: collapse;}	
#tagContent table tr td{border: 1px solid #ccc;}
#preview {text-align: center; width:400px; float:left; margin-bottom:20px;}
#preview .proimg_xq{ width:400px; height:350px; border:1px solid #ddd;position:relative;display:table-cell;text-align:center;vertical-align:middle;}
#preview .proimg_xq .xqimg{width:400px;line-height:350px;height:350px;font-size:350px;text-align:center;position:static;+position:absolute;top:50%}
#preview .proimg_xq img {vertical-align:middle;position:static;+position:relative;top:-50%;left:-50%; max-width:390px; max-height:340px}

