/*重置样式*/
body,div,p,ul,ol,dl,dt,dd,li,form,input,table,th,td,img,h1,h2,h3,h4,h5,h6 { margin:0 ;padding:0; }
body { background:#fff ; -webkit-column-rule: #d7d7d7;
-moz-column-rule: #d7d7d7;
-o-column-rule: #d7d7d7;
column-rule: #d7d7d7; font-size:14px; font-style:normal; font-family:"Microsoft Yahei";}
em, b, i { font-style:normal;}
li { list-style:none;}
img { border:none;}
a {text-decoration:none;color:#666;}
a:hover {text-decoration:none;color: #11aeff;}
a:link{font-size:14px;}
table { border-spacing:0; border-collapse:collapse;}
*{box-sizing: border-box;}
/*the end*/
/*公共*/
.w{width:100%; margin: auto;}	
.box{width: 1100px; margin: auto;}
.hide {display: none;}
.flt {float:left;}
.frt {float:right;}
.fl {float:left;}
.fr {float:right;}
.clear { clear: both;}
.arl{text-transform:uppercase; font-family: Arial;}
/* 常用字体 */
.f-12{font-size:12px}
.f-14{font-size:14px}
.f-16{font-size:16px}
.f-18{font-size:18px}
.f-20{font-size:20px}
.f-22{font-size:22px}
.f-24{font-size:24px}
.f-26{font-size:26px}
.f-28{font-size:28px}
.f-30{font-size:30px}
.f-32{font-size:32px}
.f-34{font-size:34px}
.f-36{font-size:36px}
.f-38{font-size:38px}
.f-40{font-size:40px}
.f-42{font-size:42px}
.f-44{font-size:44px}
.fw{font-weight: bold;}    
.top10{margin-top:10px;}
.top15{margin-top:15px;}
.top20{margin-top:20px;}
.top25{margin-top:25px;}
.top30{margin-top:30px;}
.top35{margin-top:35px;}
.top40{margin-top:40px;}
.top45{margin-top:45px;}
.top50{margin-top:50px;}
.top55{margin-top:55px;}
.top60{margin-top:60px;}
.top65{margin-top:65px;}
.top70{margin-top:70px;}


/*清除浮动*/
.clearfix { *zoom:1;} 
.clearfix:before, .clearfix:after { display: table; line-height: 0; content: "";}
.clearfix:after { clear: both;}

/*动画效果*/
@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:1100px; margin:0 auto;}

/* -- 内页布局 -- */
.page_bg { padding:30px 0 30px; background:#fff;}
.page_main { margin: 0 auto; width: 1100px;}  /*版面宽度*/
.page_content{ width:820px;} /*右边宽度*/
.page_left{ width:265px;} /*左边宽度*/
.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;
}

.title1{ text-align:center;  font-size:18px; color:#f1f1f1; position:relative; z-index:1; padding-top:90px;}
.title1 span{ color:#fff; font-size:40px; position:relative; display:inline-block; margin-bottom:15px; line-height:40px; font-weight:bold;}
.title1 span:after{ content:''; display:block; position:absolute; width:100%; height:6px; background:#ffa401; left:0; bottom:-4px; animation:widthchange 3s linear infinite; z-index:-1;}
.title1 em{ color:#fff;}
@keyframes widthchange{
	0%{width:100%;}
	50%{width:30%;}
	100%{width:100%;}
	}



/* sousuo */
.sou{overflow: hidden; width:100%; height:57px;background-color:#f7fbfc; border-bottom: 1px solid #bfdfee; }
.sou_re{width:700px; color:#333; line-height:57px;}
.sou_re a{ color:#333;}
#search_b{width:338px;  height:27px; box-sizing: border-box; border-radius: 5px;border: 1px solid #ccc; }
#search-bg{float:left; width:300px; height:27px;  padding-left:5px;border:none;}
input{border: none;}
focus{outline:none;}
#infoname{ border:none;background:none;outline:none;color:#aea9b6; font-size:12px; line-height:28px; color:#ccc; width:240px; height:27px;} 
.sou_ss{width: 338px; float: right; border-radius: 5px;margin: 16px 3px 0 0;}  
/* end sousuo */

.products-top{width: 100%; text-align: center;} 
    .products-top span{color: #009edf;}
    .products-top a{display: inline-block; width: 328px; height: 30px; line-height: 30px; color:#9bcd02; text-align: center; font-size: 30px; background: url(../uploadfile/image/20171026/20171026145839_275766847.jpg) center no-repeat; }
    .products-top a:hover{color:#9bcd02;font-size: 30px;}

/*分类*/
  



    
/*产品中心*/
    .products-image{width: 825px; margin: auto; background-color: #19b7f7;}
    .chan_nr{ width:825px;}
    .chan_n_bt{ background:#0f9a48; line-height:49px; font-size:16px; color:#fff; padding:0px 5px;}
    .chan_n_bt span{ font-family:Arial, Helvetica, sans-serif; font-family:Arial, Helvetica, sans-serif; font-size:12px;}
    .chan_n_bt span a{ color:#fff; font-size:12px;}
    .chan_n_g{ overflow:hidden;}
    .products-image-t{padding:24px 0 30px 0;}
    .products-image-t a{color: #fff;}
    .products-image-t a:hover{color: #fff;}
    .products-image-t img{	border: 2px solid #ccc;
							-webkit-transform:scale(1);
							-moz-transform:scale(1);
							-o-transform:scale(1);
							-webkit-transition-duration: 0.5s;
							-moz-transition-duration: 0.5s;
							-o-transition-duration: 0.5s;}
    .products-image-t img:hover{
								-webkit-transform:scale(1.05);
								-webkit-box-shadow:0px 0px 5px #9bcd02;
								-moz-transform:scale(1.05);
								-moz-box-shadow:0px 0px 5px #9bcd02;	
								-o-transform:scale(1.05);
								-o-box-shadow:0px 0px 5px #9bcd02;}

    .products-image-t a {display: inline-block; color: #fff; width: 183px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
