body{margin:0;  font:12px Arial,microsoft yahei; word-break: break-all; word-wrap:break-word; background:#f5f5f5  }
*{ padding:0; margin:0}
ul,li,dt,dl,p,h1,h2,h3,h4,h5,h6,div,html,form,table,tr,td,dt,dl,dd,span,input{padding:0; margin:0; list-style:none;}
a,a img{text-decoration:none;  border:0; margin:0; padding:0; color:#646464}
a:focus{outline:none;}
td{word-break: break-all; word-wrap:break-word;  }
/*h3{font-family:"微软雅黑"; font-weight:normal; font-size:14px;}*/
.clear{clear:both;}
.dn{ display:none}
.pr{ position:relative}
.fl{ float:left}
.fr{ float:right}
 
.boximg {  display:table;vertical-align:middle; text-align:center;width:100%;height:100%; *position:relative;*overflow:hidden; }
.boximg img { *position:relative;*left:-50%;*top:-50%;  } 
.boximg span{display:table-cell;vertical-align:middle;*position:absolute;*left:50%;*top:50%;} 


.box{display:table;vertical-align:middle; text-align:center;width:100%;height:100%; *position:relative;*overflow:hidden; }
.box img { *position:relative;*left:-50%;*top:-50%;  } 
.box span{display:table-cell;vertical-align:middle;*position:absolute;*left:50%;*top:50%;} 
 

.w1200{ width:1200px; margin:0 auto;}
 
 /*头部*/
.header{ height:103px; overflow:hidden  }
.header1{  height:103px;}
.logo{ width:300px; height:103px}
.logo1{ height:103px;display:table-cell;   text-align:center;vertical-align:middle;  display:table;  *position:relative;*overflow:hidden;*width:300px}
.logo1 span{display:table-cell;vertical-align:middle;*position:absolute;*left:50%;*top:50%;  } 
.logo1 img{ max-height:103px; vertical-align:middle; max-width:300px;*position:relative;*left:-50%;*top:-50%;}
.logo1 span{ line-height:103px; font-size: 2em;}  
  
  /*导航*/
.nav{font:16px/25px microsoft yahei; color:#4c4c4c; }
.nav ul{}
.nav ul li{ float:left;  text-align:center  }
.nav ul li a{ display:block;  color:#4c4c4c; padding:0 25px }
.nav ul li h4{font:12px/25px Arial, Helvetica, sans-serif; color:#999; text-transform:uppercase}
.nav ul li a:hover,.nav ul li a.hover{ color:#0274bd;  }
.nav ul li a.hover h4,.nav ul li a:hover h4{ color:#0274bd}
.nav ul li.clear{ clear:both; height:0; width:0}

/*电话*/
.tel{ background:url(../tel.png) no-repeat left center;    font:12px/35px microsoft yahei; color:#0274bd; padding:0 0 0 25px; margin:0 0 10px 0     }
.tel span{  color:#696969; margin:0 10px 0 0 }
 

 

/*轮播*/
.banner{ height:363px; margin:0  auto 28px auto;   }
.banner img{ max-height:363px}




/*广告*/
.ad img{ max-width:940px; max-height:168px}
  
/*标题*/
.bt1{font:bold 18px/53px microsoft yahei; color:#fff; text-indent:25px; background:#32a105; position:relative}
.bt1 samp{font:14px/53px Arial, Helvetica, sans-serif; margin:0 0 0 10px; text-transform:uppercase}
.bt1_1{ position:absolute; right:0; top:0; height:53px; width:80%; background:#f3f3f3; }
.bt1 span{ display:block; width:250px; height:53px; background:#32a105; position:relative; z-index:99}
.bt1 a{ color:#fff}
.bt1 .more{ background:#32a105; font:12px/23px Arial, Helvetica, sans-serif; padding:0 10px; text-transform:uppercase; position:relative; z-index:99 ; text-indent:0; margin:15px 0 0 0}


.bt{ height:51px;font:12px/22px microsoft yahei; text-align:center; background:url(../bt.png) no-repeat 22px center #0274bd; overflow:hidden; padding:12px 0 0 0}
.bt h3{font:18px/22px microsoft yahei}
.bt h4{font:18px/22px microsoft yahei}
.bt a{ color:#fff}
 

 
.inav{ width:237px; background:#026fb1; height:453px; overflow:hidden; }
.inav ul{ text-align:center; font:14px/40px simsun; color:#fff; padding:30px 0}
.inav ul a{ color:#fff}

/*产品分类*/
.pro_class{ width:216px; background:#fff;height:354px; overflow:hidden}
 
.pro_class ul{}
.pro_class ul li{ border-bottom:#e9e9e9 1px solid; color:#646464; font:12px/32px microsoft yahei; background:url(../proclass.gif) no-repeat 15px center; text-indent:35px}
.pro_class ul li:hover{background:url(../proclass1.gif) no-repeat 15px center;}
.pro_class ul li a{ display:block; color:#646464}
.pro_class .more{ padding:0 20px 0 0; text-align:right; color:#0274bd; font:12px/60px microsoft yahei; text-transform:uppercase}
.pro_class .more a{color:#0274bd;}

 
/*产品推荐*/
.ipro .recopro-ul {}
.ipro .recopro-ul li{   float:left; overflow:hidden; position:relative;width:286px; height:286px; margin:0 0 0 40px  }
.ipro .recopro-ul li a{ display:block;width:266px; height:266px; padding:10px; background:#fff  } 
.ipro .recopro-ul li .boximg{width:266px; height:266px; background:#fff;}
.ipro .recopro-ul li .boxtxt{ font:14px/286px simsun;   color:#fff;width:286px; height:286px; background:url(../images/pro.png) no-repeat center center; position:absolute; left:0; top:0; text-align:center; display:none }
 
.p_scroll1 .tempWrap{ margin-left:32px}
.p_scroll1{ position:relative;  }
.p_scroll1 .prev,.p_scroll1 .next{ width:45px; height:100%; position:absolute; top:0; cursor:pointer; z-index:99 }
.p_scroll1 .prev{ background:url(../l.png) no-repeat center center #e7e7e7; left:0}
.p_scroll1 .prev:hover{background:url(../l_hover.png) no-repeat center center  #e7e7e7;}
.p_scroll1 .next{ background:url(../r.png) no-repeat  center center  #e7e7e7; right:0}
.p_scroll1 .next:hover{background:url(../r_hover.png) no-repeat center center #e7e7e7 ;}
 

/*最新产品*/
.ipro{ position:relative; background:#fff;    width: 1200px;    overflow: hidden;}
 
.ipro .newpro-ul { }   
.ipro .newpro-ul li{   float:left; width:122px; height:122px; margin:20px 0 32px 20px;  }
.ipro .newpro-ul li a{ display:block;  } 
.ipro .newpro-ul li .boximg{ width:122px; height:122px;}
.ipro .newpro-ul li .boximg img{ }
.ipro .newpro-ul li .boxtxt{ display:none}
 

/*新闻*/
.inews{ margin:35px 0; }
 
.inews ul{}
.inews ul li{ width:50%; float:left;background:#fff;    margin-bottom: 5px;}
.inews ul li.clear{ width:auto; float:none; clear:both; *height:0}
.inews ul li .date{ background:#0274bd; width:100px; height:70px; text-align:center;font:12px/25px microsoft yahei; color:#fff; padding:30px 0 0 0}
.inews ul li:hover .date{ background:#ff9600}
.inews ul li:hover h5{ color:#ff9600}
.inews ul li .date h3{font:bold 30px/22px microsoft yahei;}
.inews ul li .date h2{font:bold 30px/22px microsoft yahei;}
.iabout h3.inews ul li .date h3{font:bold 30px/22px microsoft yahei;}
.inews ul li a{ color:#555; display:block}

.inews_r{ width:465px; margin:0 15px 0  0; color:#646464; font:12px/18px microsoft yahei}
.inews_r h5{ color:#0274bd;font:16px/35px microsoft yahei; margin:8px 0}
.inews_r h2{ color:#0274bd;font:16px/35px microsoft yahei; margin:8px 0}

 /*案例*/
.case { width:460px; height:347px}
.case .newpro-ul {text-align:center;}
.case .newpro-ul li{   float:left; overflow:hidden; position:relative;width:460px; height:347px; overflow:hidden;   }
.case .newpro-ul li a{ display:block; } 
.case .newpro-ul li .boximg{ width:460px; height:347px;}
.case .newpro-ul li .boximg img{ }
.case .newpro-ul li .boxtxt{ display:none}

.casepic{ width:460px; height:347px; position:relative;   margin:37px 0 0 0}
.casepic .num { overflow:hidden; height: 40px; position: absolute; right:6px; bottom: 7px; zoom:1; z-index:3; width:100%; text-align:right; background:url(../images/htm.png) repeat }
.casepic .num ul{ margin:0 10px 0 0}
.casepic .num li { width: 20px; height: 20px; line-height: 20px; text-align: center; font-weight: 400; font-family: Arial; color: #666; background: #e9e9e9; margin:10px 2px 0 0;   cursor:pointer; display:inline-table;*zoom:1;*display:inline; }
.casepic .num li.on { background: #bc0000; color:#fff } 
.casepic .prev,
.casepic .next { display: none; }
.casepic .newpro-ul{}
.casepic .newpro-ul li{ }
.casepic .newpro-ul li.boximg{width:460px; height:347px}
.casepic .newpro-ul .boxtxt{ display:none}


 
/*关于我们*/

.iabout{ background:#fff; margin:0 0 0 36px; border-top:#0274bd 1px solid; width:558px;height:354px;}
.iabout h3{ font:18px/80px microsoft yahei; color:#0274bd; text-align:center}
.iabout h4{ font:18px/80px microsoft yahei; color:#0274bd; text-align:center}
.iabout span{ font:12px/80px microsoft yahei; color:#969696;   margin:0 0 0 8px}
.iabout h3 a{ color:#0274bd}
.iabout_nr{ font:12px/24px microsoft yahei; color:#969696; padding:0 15px 15px 15px}
.iabout_more{ width:150px; height:35px;  font:14px/35px microsoft yahei; margin:10px auto; text-indent:30px; background:url(../ico.gif) no-repeat right center #0274bd;}
.iabout_more a{ color:#fff; display:block}

/*方块*/
.block{width:354px; height:354px;}
.block ul{}
.block ul li{ width:177px;height:177px; float:left;   background-color: #868686; transition: 0.5s all;-webkit-transition: 0.5s all;-moz-transition: 0.5s all;-o-transition: 0.5s all; cursor:pointer}
.block ul li .boximg{ width:177px;height:177px; }
.block ul li img{ max-width:177px; max-height:177px;}
/*.block ul li h3{ text-align:center;font:18px/20px microsoft yahei; color:#f5f5f5; background:url(../images/tm.png) repeat; position:absolute; left:0; bottom:0; width:100%; padding:8px 0}*/
.block ul li h3{ padding:70px 0 0 0; height:107px }
.block ul li h3 span{font:12px/20px microsoft yahei; color:#f5f5f5}
/*.block ul li:hover img{ display:none}
.block ul li:hover{ background:#0274bd}
*//*.block ul li:hover h3{ background:none; padding:70px 0 0 0; height:107px }
*/
/*.block ul li.kk:hover{ background:#ff9600}
*/ 
 
 

.slideTxtBox{ width:100%; text-align:left;  } 
.slideTxtBox .hd{  } 
.slideTxtBox .hd ul{ text-align:center; } 
.slideTxtBox .hd ul li{font:16px/35px microsoft yahei; color:#4c4c4c; padding:0 40px; border-radius:30px; border:#42c612 1px solid; display:inline-table; *zoom:1;*display:inline; margin:20px 30px 50px 30px} 
.slideTxtBox .hd ul li.on{ background:#42c612; color:#fff } 
.slideTxtBox .hd ul li.on a{ color:#fff}
.slideTxtBox .bd{    } 
.slideTxtBox .bd ul{   } 
.slideTxtBox .tempWrap{   } 

 /*底部*/
.footer{  color:#f5f5f5; padding:20px 0; background:#868686;font:12px/30px microsoft yahei; margin:50px 0 0 0  }
.footer a{ color:#f5f5f5}
 
.footer_r{ width:365px; text-align:right}
.footer_r img{ max-width:365px}

  

/*友情链接*/
.links{ margin-right:-30px; text-align:left}
.links li{ width:134px; height:37px; display:inline-table; *zoom:1;*display:inline;  text-align:center;vertical-align:middle;  margin:0 18px 0 0 }
.links li img{max-width:134px; max-height:37px; vertical-align:middle}
.links li a{ display:block;width:134px; height:37px;background:#fff;  }

/*首页产品二级栏目*/
.inav1 ul,.inav2 ul{ margin-right:-45px; text-align:center}
.inav1 ul li{ width:158px;font:14px/45px microsoft yahei; display:none;margin:0 45px 0 0; cursor:pointer }
.inav1 ul li.kk{  display:inline-table; *zoom:1;*display:inline; }
.inav1 ul li img{ width:158px; height:158px}
.inav1{ height:158px; overflow:hidden}
.inav2{ height:45px; overflow:hidden}
.inav2 ul li{ width:158px;font:14px/45px microsoft yahei;  display:inline-table; *zoom:1;*display:inline;margin:0 45px 0 0; }
.inav1 ul li a,.inav2 ul li a{ display:block;width:158px;}