@charset "utf-8";
/* CSS Document */
#product-middle,#pshow-middle,#newslist-middle,#nshow-middle,#newslist-middle,#about-middle,#register-middle,#search-middle,#job-middle{ width:962px; margin:0px auto; overflow:hidden; background:#fff; padding:20px;}

.n-top{ margin-bottom:25px; padding-top:10px; padding-bottom:15px; border-bottom:1px solid #dcdcdc; overflow:hidden;}
.top-title{ font-size:14px; border-bottom:1px solid #dcdcdc;}
.top-nav{ margin-top:10px; margin-bottom:20px;}
.top-nav ul{ overflow:hidden; padding-bottom:15px;}
.top-nav ul li{ float:left; padding-right:10px;}
.top-nav a{ padding:3px 5px; background:#eaeaea; font-weight:normal;display:table-cell; color:#000; margin-right:10px;border-radius:5px; font-weight:bold;
-moz-box-shadow: 3px 3px 4px #000;
    -webkit-box-shadow: 3px 3px 4px #000;
    box-shadow: 3px 3px 4px #000;
}
.about-middle-b{ padding:10px; line-height:30px;}
.about-middle h2{ margin-top:10px;}

.n-fenlei{ font-weight:bold; padding:5px 0 15px 0;}
.n-fenlei a{ color:#666;}
.product-right-bottom ul{ padding-left:65px; overflow:hidden;}
.product-right-bottom ul li{ width:212px; float:left; margin-left:10px; text-align:center; padding-bottom:10px;}
.product-right-bottom ul li span{ display:block; line-height:40px; font-size: 14px;}
.product-right-bottom ul li img{ width:210px; height:210px;}
.product-right-bottom ul li:hover{ background:#408aff; color:#fff; border:1px solid #408aff;}
.product-right-bottom ul li:hover a{ color:#fff;}

.product-right-bottom1 ul{ overflow:hidden;}
.product-right-bottom1 ul li{ width:232px; float:left; text-align:center; padding-top:20px; padding-bottom:20px; display:block;}
.product-right-bottom1 ul li img{ width:200px; height:200px; display:block; margin:0 auto;}
.product-right-bottom1 ul li span{ display:block; line-height:40px; font-size: 14px;}
.product-middle-bg{ background: url(/statics/images1/n-bg.jpg) no-repeat; padding-top:275px; padding-bottom:20px;}
.tab_con{ padding-bottom:15px;}
.ban1{ width:100%; height:275px; background: url(/statics/images1/ban1-4.jpg) top center repeat-x;}
.ban2{ width:100%; height:275px; background: url(/statics/images1/ban1-5.jpg) top center repeat-x;}
.ban3{ width:100%; height:275px; background: url(/statics/images1/ban1-7.jpg) top center repeat-x;}
.fanhui{ border-top:1px solid #dcdcdc; margin-top:15px; padding-top:15px; overflow:hidden;}
.fanhui-r{ float:right;}

.chanpin-img{}
.chanpin-img img{ max-width:800px; display:block; margin:0 auto; margin-bottom:20px;}

.news{ border-bottom:1px #cacaca dashed; padding:10px 0;}
.news-t{ overflow:hidden; background:url(/statics/images1/ys-li.gif) no-repeat 10px center; text-indent:25px;}
.news-t-left{ float:left;}
.news-t-right{ float:right;}
.news-b{ color:#666; padding-left:20px;}

#pages{ padding:15px 0 10px; margin:0px; text-align:center;}
#pages a{ display:inline-block; width:26px; height:22px; line-height:22px; background:#fff; border:1px solid #e3e3e3; text-align:center; color:#333}
#pages a.a1{ width:56px; }
#pages a:hover{ background:#f1f1f1; color:#000; text-decoration:none; }
#pages span{ display:inline-block; width:26px; height:22px; line-height:22px; background:#5a85b2; border:1px solid #5a85b2; color:#fff; text-align:center; }

.cd-top {
  display: inline-block;
  height: 40px;
  width: 40px;
  position: fixed;
  bottom: 40px;
  right: 10px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
  /* image replacement properties */
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  background: url(/statics/images1/gotop.gif) no-repeat center center;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}
.cd-top.cd-is-visible {
  /* the button becomes visible */
  visibility: visible;
  opacity: 1;
}
.cd-top.cd-fade-out {
  /* 如果用户继续向下滚动,这个按钮的透明度会变得更低 */
  opacity: .5;
}
.no-touch .cd-top:hover {
  background-color: #e86256;
  opacity: 1;
}
@media only screen and (min-width: 768px) {
  .cd-top {
    right: 20px;
    bottom: 20px;
  }
}
@media only screen and (min-width: 1024px) {
  .cd-top {
    height: 60px;
    width: 60px;
    right: 30px;
    bottom: 30px;
  }
}
