@charset "utf-8";
/* CSS Document */
html,div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd,p, blockquote, pre, form, fieldset,  span a{padding:0px;margin:0px; }
body{ margin:0px; padding:0px;font-family:Microsoft YAHEI,Arial,Verdana;font-size:14px;color:#5f5f5f; min-width:1000px;}
a{ color:#000; text-decoration:none;}
a:hover{ color:#CC0000; text-decoration:none;}
img{ border:0px;}
.clear{clear:both;}
.width1{ width:100%;}
.width2{ width:1200px; margin:0 auto;}
.width3{ width:980px; margin:0 auto;}
.floatleft{ float:left;}
.floatright{ float:right;}
ul{ list-style:none;}
h8{ font-size:16px; color:#000; font-weight:bold; padding-left:5px; line-height:43px; text-align:center;}

#whole{ width:100%; height:auto; margin:auto;}
#nav_bj{ width:100%; height:100px; background:#333333;opacity:0.9;z-index:10; 
    position:fixed; /* 绝对定位，fixed是相对于浏览器窗口定位。 */
    top:0; /* 距离窗口顶部距离 */
    left:0; /* 距离窗口左边的距离 */
	z-index:99; /* 层叠顺序，数值越大就越高。页面滚动的时候就不会被其他内容所遮挡。 */}
#nav{ width:1200px; height:100px; margin:auto; font-size:12px;}
#nav_list{ width:750px; height:100px; line-height:100px; float:right;}
#nav_list li{ width:100px; float:left; color:#fff; text-align:center;font-size:12px;}
#nav_list li a{ color:#fff; font-size:12px;}
#nav_list li a:hover{ color:#0066FF;font-size:12px;}

#banner{ width:100%; height:585px; }
/*导航*/
  .lubo{ width: 100%; min-width:1000px;clear: both; position: relative; height:585px;}
  .lubo_box{ position: relative; width: 100%; height:585px; }
  .lubo_box li{ float: left;position: absolute; top: 0; left: 0; width: 100%; height:585px; opacity: 0;filter:alpha(opacity=0);}
  .lubo_box li a{ display: block;width: 100%;  height: 100%;}

  .lubo_box li img{ width: 100%; height: 580px;}

  /*圆点*/
  .cir_box{ overflow: hidden; position: absolute; z-index: 100;}
  .cir_box li{ float: left; width: 30px; height: 5px; margin:0 5px; cursor: pointer; background: #fff; opacity: 0.8;filter:alpha(opacity=80);}
  .cir_on{ background: #000 !important;}
  
   
#about{ width:1200px; height:340px;  margin:auto; margin-top:25px;}
.ab_title{ margin:auto; width:1147px; }
#ab{ width:1200px; height:100px; text-align:center; margin:auto;}
#ab p{ font-size:18px; }
.more{ width:758px; height:106px; margin:auto;}

#pro_bj{ width:100%; height:600px; background:url(../images/pro_bj.jpg) top no-repeat;}
#pro_bj .more{ width:180px; height:40px; margin:auto; padding-top:100px;}
.pro_list{ width:1150px; height:452px;  margin:auto; margin-top:40px;}
.pro_left{ width:456px; height:452px; float:left;}
.pro_right{ width:680px; height:452px; float:right; }
.pro_right h1{ color:#000; font-size:56px;}
.pro_right li{ height:40px; background:url(../images/coin_list.jpg) left no-repeat; }
.pro_right li a{ font-size:26px; color:#333333; padding-left:30px;  }
.pro_right li a:hover{ color:#0066FF;}


.ny_pro_list{ width:950px; height:250px; margin-top:15px; }
#ny_pro_list{ background:url(../images/ny_left_list_bj.jpg) no-repeat; width:270px; height:10px;}
.ny_pro_list img {vertical-align:middle; }
.preview{vertical-align:middle;}
.ny_news_title{ width:100px; height:20px;  margin-left:43px; padding-top:20px; color:#fff; font-weight:bold;}
#pro_ny{ width:700px; height:250px;float:right; }
#pro_ny .title{ text-align:left; font-size:16px; font-weight:bold; float:left;}
#pro_ny .title a:hover{ text-decoration:underline;}
.coin{ padding-right:20px; height:20px; line-height:15px; float:left; margin-top:5px; }
.list_text{ width:700px; line-height:25px;  padding-right:10px; text-align:left; height:65px; padding-top:10px; text-align:justify;}
.list_text a:hover{ text-decoration:underline;}
.more4 a{  width:119px; height:36px; background:url(../images/more.gif) no-repeat ; width:120px; height:36px; float:left; margin-top:30px;}
.more4 a:hover{background:url(../images/more2.gif) no-repeat ; width:119px; height:36px;}
.more3_cn a{  width:119px; height:36px; background:url(../images/more-cn.gif) no-repeat ; width:120px; height:36px; float:left; margin-top:20px;}
.more3_cn a:hover{background:url(../images/more2-cn.gif) no-repeat ; width:119px; height:36px;}


#pro_h{ width:100%; height:452px; background:#ededed;}
.pro2_right{ width:456px; height:452px; float:right;}
.pro2_left{ width:680px; height:452px; float:left; }
.pro2_left h1{ color:#000; font-size:56px;}
.pro2_left li{ height:40px; background:url(../images/coin_list.jpg) left no-repeat; }
.pro2_left li a{ font-size:26px; color:#333333; padding-left:30px;  }
.pro2_left li a:hover{ color:#0066FF;}


#hz_bj{ width:100%; height:210px; background:#ededed; margin-top:40px;}
#hz{ width:1200px; height:180px; margin:auto; padding-top:20px;}
#demo { overflow:hidden; width: 1200px;margin-top:15px;}
#demo img {border: 3px solid #F2F2F2; }
#indemo { float: left;  width: 800%; }
#demo1 {float: left; }
#demo2 {float: left;}
#mian{ width:1200px; height:400px; margin:auto; margin-top:20px; }
#ry{ width:450px; height:400px; float:left; }
#ry .title{ width:292px; height:57px; margin:auto; text-align:center;}
/*ry*/
div.orbit-wrapper { position: relative; overflow: visible; width: 450px;height: 300px; margin-top:25px; margin-left:15px;}
div.orbit { position: relative; overflow: hidden;}
div.orbit span { display:none;}
div.orbit a img{ position: absolute; display:block;width: 194px; box-shadow: 0 3px 8px rgba(0,0,0,0.5); padding:3px; border:#ccc 1px solid; background:#fff; }
div.orbit-wrapper h4{ display: none; }
div.timer {display: none;}
div.slider-nav { display: block; }
div.slider-nav span { width: 40px; height: 120px;  color: #fff; text-align: center; position: absolute; z-index: 100; top: 110px; cursor: pointer; text-indent:-9999px;}
div.slider-nav span.right { right: 15px; background:url(../images/slider_right.jpg); }
div.slider-nav span.left { left:-50px;background:url(../images/slider_left.jpg); }
div.slider-nav span.right:hover {background:url(../images/slider_right.jpg) bottom; }
div.slider-nav span.left:hover {background:url(../images/slider_left.jpg) bottom; }


#left{ width:200px; float:left; }



#news{ width:700px; height:400px; float:right;}
#news .title{ width:322px; height:58px; margin:auto; text-align:center;}
#news span { float:right; color:#999999;}
#news li { width:700px; height:45px; line-height:45px; border-bottom:1px #CCCCCC dashed;}
#news li a:hover{ text-decoration:underline; color:#3a3b71;}
#fot_bj{ width:100%; height:200px; background:#202020; margin-top:0px;}
#fot{ width:1200px; height:200px; margin:auto; text-align:center;}
#fot p{ width:800px; float:right; padding-top:45px; color:#ccc; line-height:25px;}
#fot a{ color:#ccc;}
#fot img{ float:left; padding-top:35px;}
#ewm{ float:right; padding-top:30px;}



/*内页*/
#ny_banner{ width:100%; height:419px; background:url(../images/pro.jpg) center;}
#ny_banner2{ width:100%; height:419px; background:url(../images/CERTIFICATION.jpg) center;}
#ny_banner3{ width:100%; height:419px; background:url(../images/ny_banner1.jpg) center;}
#ny_banner4{ width:100%; height:419px; background:url(../images/CUSTOMERS.jpg) center;}
#ny_banner5{ width:100%; height:419px; background:url(../images/why.jpg) center;}
#ny_banner6{ width:100%; height:419px; background:url(../images/hz_tu.jpg) center;}

#banner_title{ width:1200px; height:419px; line-height:419px; margin:auto;}
#banner_title h1{ color:#fff; font-size:55px; }
#ny_main{ width:1200px; margin:auto; margin-top:130px; line-height:25px;}
#ny_main2{ width:1200px; height:auto;margin:auto; margin-top:130px; line-height:25px;}
#main_right{ width:930px; height:auto;float:right; }
.ny_wz{ float:left; height:48px; background:url(../images/line1.jpg) bottom no-repeat; width:100%; margin-bottom:20px; padding-top:5px;}
.ny_wz h7{ float:left;   font-size:18px; padding:10px 0px; line-height:30px; color:#000; width:500px; font-weight:bold; }
.ny_wz h7 a{ color:#000; font-size:20px;}
.ny_wz span{ float:right; font-size:12px; padding:10px 0px; line-height:30px;color:#333; text-align:right;}
.ny_wz span a{color:#000;}
.ny_wz span a:hover{color:#000;}
.ny_wz img{ padding-right:10px;}
.ny_nrtext { float:left; width:100%; font-size:14px; line-height:35px; color:#555; font-family:Verdana, Geneva, sans-serif; padding-bottom:20px; text-align:justify; font-family:"微软雅黑";  height:auto;}

/*内页产品*/
/*产品内页*/
#sidebarl{ width:192px; margin-right:18px;}
	#sidebarl .title{ width:100%; height:50px; line-height:50px; background:#8C8C8C; color:#fff; text-align:center; font-size:18px; border-bottom:7px solid #4A4A4A;}
	#sidebarl .list{ border-left:1px solid #ccc; border-right:1px solid #ccc; border-bottom:7px solid #F85C0C;}
	#sidebarl .list .title{ border-bottom:1px solid #ccc; background:#fff; color:#4F4F4F;}
	.left_big{ margin-top:6px;}
	
	#sidebarr{ width:990px; }
	#sidebarr .title{ border-bottom:1px solid #AAAAAA; text-align:right; color:#555555; line-height:25px;}
	#sidebarr .pro{ width:230px; float:left; margin:15px 5px; text-align:center; display:block; }
	#sidebarr .pro a{ position:relative; display:block;}
	#sidebarr .pro a img{ border:1px solid #CCCCCC; vertical-align:middle;  }
	#sidebarr .pro a:hover img{border:1px solid #2086D0;}
	#sidebarr .pro a .title{ position:absolute; bottom:0px; left:0px; background:url(../images/nei_01.png) repeat; color:#fff; width:201px; text-align:center; line-height:38px; height:38px; }
	#sidebarr .pro a:hover .title{ text-decoration:underline;}
	
		#sidebarr .pro2{ width:230px; height:230px;  float:left; margin:25px 5px; text-align:center; }
	#sidebarr .pro2 a{ position:relative; display:block;}
	#sidebarr .pro2 a img{ border:1px solid #CCCCCC; }
	#sidebarr .pro2 a:hover img{border:1px solid #2086D0;}
	#sidebarr .pro2 a .title{ position:absolute; bottom:0px; left:0px; background:url(../images/nei_01.png) repeat; color:#fff; width:201px; text-align:center; line-height:38px; height:38px; }
	#sidebarr .pro2 a:hover .title{ text-decoration:underline;}

#message{ width:800px; height:300px;}
/*留言列表CSS*/
.pinglun {width:1000px;height:auto; margin:20px auto; border:solid 1px #ccc; font-size:16px;font-family:"微软雅黑","黑体";zoom:1; overflow:auto;padding-bottom:30px;}
.pinglun_p1 {height:40px; line-height:40px; padding-left:20px;border-bottom:solid 1px #ccc;}
.pinglun_form {height:auto;}
.pinglun_form_p1 {height:40px;font-size:18px;font-family:"微软雅黑","黑体";line-height:40px;background:#f4f4f4;text-align:center;letter-spacing:2px;}
.pinglun_form_01 {height:40px;font-size:16px;font-family:"微软雅黑","黑体";line-height:30px; margin:10px 0; width:600px;}
.pinglun_form_02 { width:600px; font-size:16px;font-family:"微软雅黑","黑体";float:left;height:150px;margin-top:10px;}
.pinglun_form_span {float:left;}
.pinglun_clear {clear:both;}
.pinglun_form_03 { width:150px; height:40px; background:#f4f4f4; margin-top:20px;border:0;font-size:16px;font-family:"微软雅黑","黑体";  cursor:pointer; }
.pinglun_form_03:hover { background:#ccc;}
/*留言列表CSS结束*/
#ly_title{ margin-bottom:20px;}
#ly_title h2{ font-size:36px; font-family:Arial, Helvetica, sans-serif;}
#ly_title h3{ font-size:18px;}
#pro{ width:1200px;margin:auto; margin-top:130px; }
/*内页新闻*/
.newslist {  width:345px; height:100px; border-bottom:1px #CCCCCC solid;}
.newslist table{ width:1200px; margin-bottom:14px; height:100px;  position:relative; border-bottom:1px #999999 dashed;}
.newslist .date{ background:#3374d0; width:120px; overflow:hidden; height:55px; font-weight:bold; text-align:center; color:#fff; font-size:16px; line-height:55px; }
.newslist .in_news{ margin-right:15px; margin-left:15px;}
.newslist .in_news a span{ display:block; font-size:15px; font-weight:bold; line-height:24px; }
.newslist .in_news a:hover{ color:#0066CC; text-decoration:underline;}

.xq_title{ margin:auto; text-align:center;}	
	
/*---------- viewbox ---------*/
.viewbox{
	/*width:712px;*/
	overflow:hidden;
	padding-bottom:8px;
}
.viewbox .title{
	height:56px;
	line-height:56px;
	text-align:center;
	overflow:hidden;
	padding-top:10px;
}
.viewbox .title h2{
	font-size:24px;
	color:#2b2b2b;
}
.viewbox .info{
	height:24px;
	line-height:17px;
	text-align:center;
	overflow:hidden;
	color:#666;
	width:1200px; 
	margin:auto;
	margin-top:10px;
}
.viewbox .info small{
	margin-left:8px;
	margin-right:3px;
	color:#999;
	font-size:12px;
}
.viewbox .info a{
	color:#690;
}
.viewbox .intro{
	width:90%;
	padding:8px 16px;
	line-height:24px;
	background:#f5fcee;
	border:1px solid #DCDDDD;
	font-size:14px;
	color:#706A6A;
	margin:8px auto 0 auto;
}
.viewbox .infolist{
	width:368px;
	float:left;
}
.viewbox .infolist small{
	width:100px;
	text-align:right;
	display:block;
	float:left;
	font-size:12px;
	line-height:31px;
	color:#999;
	clear:left;
	height:31px;
	overflow:hidden;
}
.viewbox .infolist span{
	width:200px;
	line-height:30px;
	float:left;
	height:31px;
	overflow:hidden;
}
.viewbox .picview{
	width:320px;
	float:right;
	padding-right:24px;
	padding-top:16px;
}
.viewbox .labeltitle{
	height:23px;
	background:url(../images/view-labeltitle-bg.gif) left 10px repeat-x;
	clear:both;
	overflow:hidden;
	margin:0px auto 0px;
	padding-top:10px;
}
.viewbox .labeltitle strong{
	width:80px;
	height:23px;
	line-height:23px;
	text-align:center;
	color:#FFF;
	letter-spacing:1px;
	display:block;
	float:left;
	background:url(../images/view-labeltitle-bg.gif) left -44px no-repeat;
	overflow:hidden;
}

.viewbox .content{
	font-size:14px;
	padding:12px 16px;
	line-height:25px;
	color:#333;

}
.viewbox .dede_pages{
	width:712px;
	float:none;
	overflow:hidden;
	text-align:center;
}
.viewbox .dede_pages ul{
	margin:0px auto;
	float:none;
	clear:both;
	overflow:hidden;
	text-align:center;
	white-space:nowrap;

}
.viewbox .dede_pages ul li,.viewbox .dede_pages ul li a{
	float:none;
	display:inline;

}
.viewbox .boxoff{
	height:10px;
	overflow:hidden;
	clear:both;
	background:url(../images/boxoff.gif) left 15px repeat-x;
	margin:4px auto;
	padding-top:10px;
}
.viewbox .boxoff strong{
	display:block;
	width:8px;
	height:10px;
	overflow:hidden;
	font-size:0px;
	line-height:100px;
	background:url(../images/boxoff.gif) right -10px no-repeat;
	float:left;
}
.viewbox .newdigg{
	width:406px;
	height:51px;
	margin:8px auto;
	clear:both;
	overflow:hidden;
	padding-left:8px;
}
.viewbox .diggbox{
	width:195px;
	height:51px;
	float:left;
	margin-right:8px;
	overflow:hidden;
	cursor:pointer;
}
.viewbox .diggbox .digg_act{
	font-size:14px;
	float:left;
	line-height:31px;
	text-indent:32px;
	height:29px;
	overflow:hidden;
	font-weight:bold;
}
.viewbox .diggbox .digg_num{
	float:left;
	line-height:29px;
	text-indent:5px;
}
.viewbox .diggbox .digg_percent{
	width:180px;
	clear:both;
	padding-left:10px;
	overflow:hidden;
}
.viewbox .diggbox .digg_percent .digg_percent_bar{
	width:100px;
	height:7px;
	background:#E8E8E8;
	border-right:1px solid #CCC;
	float:left;
	overflow:hidden;
	margin-top:3px;
}
.viewbox .diggbox .digg_percent .digg_percent_num{
	font-size:10px;
	float:left;
	padding-left:10px;
}
.viewbox .diggbox .digg_percent .digg_percent_bar span{
	display:block;
	height:5px;
	overflow:hidden;
	background:#000;
}
.viewbox .newdigg .digg_good{
	background:url(../images/newdigg-bg.png) left top no-repeat;
}
.viewbox .newdigg .digg_bad{
	background:url(../images/newdigg-bg.png) right top no-repeat;
}
.viewbox .newdigg .digg_good .digg_act{
	color:#C30;	
}
.viewbox .newdigg .digg_good .digg_num{
	color:#C63;
}
.viewbox .newdigg .digg_bad .digg_act{
	color:#36C;	
}
.viewbox .newdigg .digg_bad .digg_num{
	color:#39C;
}
.viewbox .newdigg .digg_good .digg_percent .digg_percent_bar span{
	border:1px solid #E37F24;
	background:#FFC535;
}
.viewbox .newdigg .digg_bad .digg_percent .digg_percent_bar span{
	border:1px solid #689ACC;
	background:#94C0E4;
}
.viewbox .handle{
	height:59px;
	padding-top:12px;
	overflow:hidden;
	clear:both;
}
.viewbox .handle .digg{
	width:59px;
	height:59px;
	float:left;
	background:url(../images/digg-bg.gif) no-repeat;
	margin-right:12px;
}
.viewbox .handle .digg .digg_num{
	width:56px;
	height:34px;
	font-size:20px;
	text-align:center;
	line-height:34px;
	overflow:hidden;
	color:#6B9169;
}
.viewbox .handle .digg .digg_act{
	width:56px;
	height:22px;
	line-height:23px;
	overflow:hidden;
}
.viewbox .handle .digg .digg_act a{
	margin-left:11px;
	color:#666;
	float:left;
}
.viewbox .handle .context{
	float:left;
}
.viewbox .handle .context ul li{
	line-height:29px;
	color:#888;
}
.viewbox .actbox{
	/*width:260px;*/
	text-align:center;
	float:right;
	padding-top:20px;
	padding-right:10px;
}
.viewbox .actbox ul li{
	display:inline;
	padding-left:22px;
	background-image:url(../images/actbox-ico.gif);
	background-repeat:no-repeat;
	margin-right:10px;
}
.viewbox .actbox ul li a{
	color:#666;
}
.viewbox .actbox ul li#act-fav{
	background-position:4px 0px;
}
.viewbox .actbox ul li#act-err{
	background-position:4px -37px;
}
.viewbox .actbox ul li#act-pus{
	background-position:4px -73px;
}
.viewbox .actbox ul li#act-pnt{
	background-position:4px -109px;
}
.viewbox .downurllist{
	width:100%;
	clear:both;
	overflow:hidden;
	
}
.viewbox .downurllist li{
	height:27px;
	background:url(../images/downurl-bg.gif) right top no-repeat;
	padding-right:4px;
	float:left;
	margin-right:10px;
	overflow:hidden;
	margin-top:10px;
}
.viewbox .downurllist li a{
	height:27px;
	background:url(../images/downurl-bg.gif) left top no-repeat;
	display:block;
	font-size:12px;
	color:#555;
	text-indent:30px;
	line-height:27px;
	float:left;
	padding-right:5px;
}
.viewbox .downurllist li a:hover{
	color:#F63;
	text-decoration:none;
}
.viewbox .picbox{
	width:100%;
	text-align:center;
	padding-top:10px;
	font-size:14px;
	line-height:31px;
	overflow:hidden;
}
.viewbox .picbox img{
	display:block;
	margin:16px auto 6px;
}
.viewbox .picbox ul.e8{
	font-size:12px;
	line-height:normal;
}
.viewbox .picbox ul.e8 li .pic{
	background:none;
	border:1px solid #EEE;
	overflow:hidden;
}
.viewbox .picbox ul.e8 img{
	margin:3px;
	border:none;
}
.viewbox .picbox ul.e8 li .title{
	padding-top:0px;
}
/* operate 左侧分类*/
.operate{width:210px;margin:20px auto;border:1px solid #eaeaea;}
.operate h3{font-family:"Microsoft YaHei",微软雅黑;font-size:20px;background:#f7f7f7;height:43px;line-height:43px;padding-left:12px; color:#000;}
.operate li{border-bottom:1px dotted #d2d2d2;display:inline-block;width:100%;position:relative;min-height:43px;_height:43px;z-index:10;zoom:1;}
.operate li h4{cursor:pointer;background:url(images/bg3.png) no-repeat 200px 18px;padding-left:30px;text-decoration:none;font-size:20px;color:#000;display:block; line-height:43px;font-weight:normal;}
.operate li.selected h4{background-position:200px -37px;}
.operate li .list-item{padding:5px 0;position:relative;zoom:1 }
.operate li .list-item p{padding-left:28px;}
.operate li .list-item p.on a{color:#666;font-weight:bold;}
.operate li .list-item p a{background:url(images/bg1.png) no-repeat 42px 12px;color:#333333;display:block;height:32px;line-height:32px;margin:0 -1px 0 1px;padding-left:10px; position:relative;text-decoration:none;}
.operate li .list-item p.hover a{background-color:#8caf00;color:#fff;text-decoration:none;background-position:22px -14px;font-weight:800; width:100px;}