@charset "utf-8";
/* 清除内外边距 */
body{margin:0 auto; color:#525252; font-size:12px; background:#fff url(files/images/20170617112624_1904352782.jpg) repeat-x center top;}
div,ul,li,span,p,img,h1,h2,h3,h4,h5,h6{margin:0px; padding:0px; list-style:none; border:0px;}
.clear{clear: both; height: 0px; overflow: hidden;}
.fl{float:left;}
.fr{float:right;}
.cp img{border:1px solid #ccc; padding:2px; background-color:#fff;}
.cp a:hover img{border:1px solid #f60; padding:2px; background-color:#fff;}
a{color:#525252; text-decoration: none;}
a:hover{text-decoration: none; color:#f60;}

.top40{ margin-top:40px;}
#head,#nav,#search,#products,#case,#company,#news,#footer,.all{width:1200px; height:auto; margin:0 auto;}
#head {
    max-height: 174px;
    overflow: hidden;
}
/*设置浮动*/
.fl,.pull-left {float: left;}
.fr,.pull-right {float: right;}
.pr{position: relative;}
.pa{position: absolute;}

.clear{ clear:both; height: 0; overflow: hidden;}
.clearfix:after {visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;}

/*动画效果*/
@keyframes nbanA{
0%{transform: translateY(0px);}
50%{transform: translateY(-10px);}
100%{transform: translateY(0px);}
}
@keyframes moveBg {
  0% {
    background-position: 0% 30%;
  }

  100% {
    background-position: 100% 50%;
  }
}

.box,.content,.w1200,.w1300,.width-1200,.w1400{ width:1200px; margin:0 auto;}

/* -- 内页布局 -- */
.page_bg { padding:10px 0 30px; background:#fff;}
.page_main { margin: 0 auto; width: 1200px;}  /*版面宽度*/
.page_content{ width:1075px;} /*右边宽度*/
.page_left{ width:300px;} /*左边宽度*/
.page_full{ width:100%;}
.dis,.hide{ display:none;}

.line-clamp-1{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.line-clamp-2{
    overflow : hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.line-clamp-3{
    overflow : hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

#foot{width:100%; background-color:#333; height:auto; margin-top:28px;}
.foot_ddh{width:64px; padding-top:41px;}
.foot_t{font-family:"Microsoft YaHei"; color:#fff; font-size:16px; text-align:center;}
.foot_c{color:#999; font-size:12px; line-height:30px; font-family:"Microsoft YaHei"; text-align:center; padding-top:29px;}
#foot a{color:#999; text-decoration: none;}
#foot a:hover{text-decoration:none; color:#fff;}
.contact_t{font-family:"Microsoft YaHei"; color:#fff; font-size:16px;}
.contact{color:#999; font-size:12px; line-height:30px; font-family:"Microsoft YaHei"; padding-top:29px;}
.ma{width:188px; margin-right:50px; text-align:center; padding-top:41px; padding-bottom:38px;}
#bottom{width:100%; background-color:#00ad3a; color:#fff; text-align:center; line-height:30px; padding:11px 0;}
#bottom span{font-family:Arial, Helvetica, sans-serif;}
#bottom a{color:#fff; text-decoration: none;}
#bottom a:hover{text-decoration:underline; color:#fff;}