﻿/*  Universal style 通用样式*/
/*  JiangHui                */
/*  2014-7-7                */

/*----------------------------CSS初始化-----------JiangHui------------*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,legend,button
form,fieldset,input,textarea,p,blockquote,th,td{padding: 0;margin: 0;}
body{font:normal 14px/20px "Microsoft YaHei", "\5FAE\8F6F\96C5\9ED1", "SimSun", "\5B8B\4F53"}
/* 缩写，图片等无边框*/
fieldset,img,abbr,acronym{border: 0;}
abbr,acronym{font-variant: normal;}
legend{color:#000;}
/* 清除特殊标记的字体和字号*/
address,caption,cite,code,dfn,em,strong,th,var{font-weight: normal;font-style: normal;}
/* 上下标*/
sup{vertical-align: text-top;}
sub{vertical-align: text-bottom;}
/* 设置表格的边框被合并为一个单一的边框, 指定分隔边框模型中单元格边界之间的距离为0*/
table{border-collapse: collapse;border-spacing: 0;}
/* 表格标题及内容居左显示*/
caption,th{text-align: left;}
input,img,select{vertical-align:middle;}
/* 清除列表样式*/
ol,ul{list-style: none;}
/* 输入控件字体*/
input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}
/* 标题元素样式清除*/
h1,h2,h3,h4,h5,h6{font-weight: normal;font-size: 100%;}
del,ins,a{text-decoration:none;}
a:link,a:visited{color:#333;}
a:hover{color:#f00;text-decoration:underline;}
.t-bold{font-weight:bold;}
/* 鼠标样式*/
input[type="submit"]{cursor: pointer;}
button{cursor: pointer;}
input::-moz-focus-inner{border: 0;padding: 0;}
/*禁用文本拖拉(谷歌)*/
textarea{resize:none;}
/*闭合浮动*/
.clearfix:after{content: ".";display: block;height:0;clear:both;visibility: hidden;}
.clearfix{*zoom:1;}
.mtop10{margin-top:10px;}
.mtop15{margin-top:15px;}
.mtop20{margin-top:20px;}
.overhidden{overflow: hidden;}
.wrap980,.w{width:980px;margin: 0 auto;}


/* TopBar */
.NtopBar{width: 100%;box-shadow: 0px 0px 2px #999;background: #fff;z-index: 100;position: relative;border-bottom: 1px solid #ccc; font-family: 微软雅黑}
.NtopBar-inner{width:980px; height:40px;line-height: 40px;color:#333;margin: 0 auto;font-size: 14px;}
.NtopBar-inner li{ font:14px/40px 微软雅黑;}
.NtopBar .logo{width:150px; height:40px; overflow:hidden;float: left;}
.NtopBar a { color:#333;}
.NtopBar li{display: inline-block;float: left;}
.NtopBar a:visited { color:#333;}
.NtopBar h1{display:inline;color: #636363;font-size: 16px;font-weight: bold;padding: 0 10px;}
.NtopBar .words strong{width:0px; height:0; font-size:0; overflow:hidden; display:block;}
.NtopBar .links{ float:right;}
.NtopBar .links .bdsharebuttonbox{margin: 6px 0 0 10px;}

/*[zsnews]新闻、[zsproduct] 样品、[zstrade] 商机*/
i { font-style:normal;}
.zsmodule {width:980px; margin:0 auto; font-family: "微软雅黑"; background: #fff; margin-top: 10px;overflow: hidden;}
.zsmodule  .layout {width:980px; margin:0; padding: 0;background: #fff;}
.zsmodule a{color:#333!important; font-size: 14px;}
.zsmodule a:hover{color:#f00!important;}
.zsnews .tt1,.zsproduct .tt1, .zstrade .tt1{ width:100%; height:50px; line-height:50px; font-size:25px; color: #666; background:#eaeaea; text-indent:15px; float:left;}

.zsproduct li{width:220px;float:left; margin:12px; display: inline;_margin-right:6px;}
.zsproduct li i{ width:100%; text-align:center; line-height: 24px;	display:block;height: 48px;}
.zstrade ol{padding:20px 0;}
.zstrade li{display:block;float:left;text-indent:14px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;line-height:30px;width:450px;margin-left: 20px;_display:inline;}
.zsnews .tt1 h2, .zsproduct .tt1 h2, .zstrade .tt1 h2{display:inline;}
/*相关推荐*/
.blk00a{ border-top:1px dashed #ddd; border-bottom:1px dashed #ddd; width: 960px; margin: 10px auto; background:#fff;padding:10px; overflow: hidden;}
.blk00a .content{width: 980px; overflow:hidden;}
.blk00a .cona{width: 980px;overflow: hidden;}
.blk00a .cona .cona-l{color:#565656;text-align:left;font-weight: normal;float: left; display:inline-block; width:70px;}
.blk00a .cona .cona-r{float: left; width: 890px; text-align:left;color:#666666; line-height: 20px;}
.blk00a .cona .cona-r a,.blk00a .cona .cona-r a：isited,.blk00a .cona .cona-r a:hover{color:#666666; }
.blk00a .conb { width: 1000px; overflow: hidden; border-top: #e3e3e3 dotted 1px; border-bottom: #e3e3e3 dotted 1px; padding: 20px 0; }
.blk00a .conb .cona-l { color: #565656; text-align: left; font-weight: normal; float: left; display: inline-block; width: 70px; }
.blk00a .conb .cona-r { float: left; width: 910px; text-align: left; color: #666666; }
.blk00a .conb .cona-r a, .blk00b .conb .cona-r a：isited, .blk00b .conb .cona-r a:hover { color: #666666; }


/*快速导航*/
.quickNav{width:100px; height:100px; position:fixed; top:250px; right:0;font-family:"微软雅黑";_position:absolute; _margin-top: 0; _top:expression(documentElement.scrollTop+(documentElement.clientHeight-this.offsetHeight)/2)}
.quickNav li {width:100%; display:block;background:url(images/333.png);margin-bottom:1px; float: left;}
.quickNav li a{width:100%; text-indent:30px;display:block; font-size:15px; color:#fff; line-height:40px; transition: background-color ease .3s; background-image:url(images/quickNav.png) ; background-repeat:no-repeat; background-position:6px -40px;}
.quickNav li a:hover{ background-color:#FF9E0A; text-decoration:none;color:#fff;}
.quickNav li a:visited{color:#fff;}
.quickNav #qn_mes{ background-position:9px 0; background-color:#F60 }
.quickNav #qn_zs{ background-position:6px -80px;}
.quickNav .phone{width:50px; height:50px; float:left; background-color:#FF9E0A;background-position:10px -145px;}
.quickNav .gotop{width:49px; height:50px;margin-left: 1px; float:left ; background-position:13px -110px;}


/*头部幻灯*/
.focusBox { position: relative; width:980px;  overflow: hidden; float: left}
.focusBox .pic img { width:980px;  display: block; }
.focusBox .hd { overflow:hidden; zoom:1; position:absolute; bottom:5px; right:5px; z-index:3}
.focusBox .hd li{float:left; line-height:15px; text-align:center; font-size:12px; width:25px; height:10px; cursor:pointer; overflow:hidden; background:#919191; margin-left:4px; filter:alpha(opacity=80); opacity:.8; -webkit-transition:All .5s ease;-moz-transition:All .5s ease;-o-transition:All .5s ease }
.focusBox .hd .on{ background:#fff; filter:alpha(opacity=100);opacity:1;   }
.focusBox .prev,
.focusBox .next { width:45px; height:99px; position:absolute; bottom:250px; z-index:3; filter:alpha(opacity=20); -moz-opacity:.2; opacity:.2; -webkit-transition:All .5s ease;-moz-transition:All .5s ease;-o-transition:All .5s ease}
.focusBox .prev { background-image:url(SuperSlide/index.png); background-position:-112px 0; left:0 }
.focusBox .next { background-image:url(SuperSlide/index.png); background-position:-158px 0; right:0 }
.focusBox .prev:hover,
.focusBox .next:hover { filter:alpha(opacity=60); -moz-opacity:.6; opacity:.6 }


.zsproduct img:hover{filter:alpha(opacity=70);opacity: 0.7;}
