body{margin:0;  font:12px Arial,microsoft yahei; word-break: break-all; word-wrap:break-word; min-width:1220px;  }
*{ 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:#000}
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%;} 
*/

.w1200{ width:1200px; margin:0 auto; }
 

.asd{float:left;  line-height:40px; margin-left:150px;}
.asd a{color:#fff;}
 /*头部*/
 .header{ position:absolute; left:0; top:25px; z-index:99; width:100%; height:80px}
 .header .w1200{}
 .logo{height:80px; width:318px ;background:#1ea0de}
 .logo1 {  display:table;vertical-align:middle; width:100%;height:100%; *position:relative;*overflow:hidden; }
 .logo1  .boximg img { *position:relative;*left:0;*top:-50%; max-width:318px; max-height:80px} 
 .logo1 .boximg span{display:table-cell;vertical-align:middle;*position:absolute;*left:50%;*top:50%;}  
 
  /*导航*/
.nav{font:14px/80px microsoft yahei; color:#fff; width: 832px; }
.nav ul{ }
.nav ul li{ float:left; }
.nav ul li a{ display:block;  color:#fff; width: 115px;text-align: center;background:#1ea0de}
.nav ul li a:hover,.nav ul li a.hover{  color:#1ea0de; background:url(../images/tm.png) repeat}
.nav ul li.clear{ clear:both; height:0; width:0}
 
/*轮播*/
.banner{ height:650px; margin:0  auto;   }
.banner img{ max-height:650px; width:100% }

/*广告*/
.ad4{ width:440px; height:309px}
.ad4 img{ max-width:440px; max-height:309px}

.m1{  margin:/*-22px auto*/ 0  auto; position:relative; z-index:99} 
.m2{  margin:30px 0; } 
  
/*标题*/
.bt{color:#313131; position:relative; border-bottom:#ddd 1px solid; position:relative; height:81px; margin:0 0 70px 0}
.bt h3{ width:350px; position:absolute; left:50%; top:0; margin-left:-175px; border-bottom:#000 1px solid;font:20px/80px microsoft yahei; text-align:center}
.bt samp{font:18px/80px Arial, Helvetica, sans-serif; color:#666; margin:0 0 0 10px ; text-transform:uppercase }
.bt a{}

.bt2{ position:relative;font:18px/60px microsoft yahei; color:#000; text-align:center; margin:25px 0 10px 0}
.bt2 h3{ position:absolute; height:1px; background:#000; width:40%; left:0; top:25px }
.bt2 h4{ position:absolute; height:1px; background:#000; width:40%; right:0; top:25px }
.bt2 a{ color:#000}

.tela {
    background: url(../images/telbg.jpg) no-repeat left center;
    font-family: "微软雅黑";
    font-size: 16px;
    width: 210px;
    padding-left: 60px;
    float: right;
    margin-top: 20px;
}
.tela span {
    font-size: 24px;
    color:red;
    display: block;
}

.tel{ background:#dc5a1e; width:242px; height:90px; position:relative;font:14px/35px microsoft yahei; color:#fff; padding:13px 0 0 25px; cursor:pointer}
.tel a{ color:#fff}
.tel h1{font: italic 30px/35px Arial, Helvetica, sans-serif}
.tel_ico{ position:absolute; right:0; width:40px; height:40px; top:-40px; background:url(../images/tel.png) no-repeat center center #dc5a1e}
.tel_ico1{ position:absolute; left:0; width:40px; height:40px; top:-40px; background:url(../images/tel.png) no-repeat center center #dc5a1e}
.tel:hover .tel_ico{ background:url(../images/tel.png) no-repeat center center #f46321}
.tel:hover .tel_ico1{ background:url(../images/tel.png) no-repeat center center #f46321}
.ad{ margin:6px 0}
.tel:hover{ background:#f46321}
.ad img{ max-width:267px; max-height:92px}
.ad1 img{ max-width:132px; max-height:92px}
.ad1 .fl{ background:#1EDCB9; width:132px; height:92px}
.ad1 .fr{ background:#DCB91E; width:132px; height:92px}
.ad1 .fl:hover{ background:#1ff8d0} 
.ad1 .fr:hover{ background:#f7cf1f}
 
.contact{ width:301px; height:auto; background:#fff; padding:10px; text-align:center}
.contact .showimg img{ max-width:301px; max-height:101px}

.code{ background:#1ea0de; padding:35px 0  0 0; margin:10px 0 0 0; height:207px}
.code img{ width:140px; height:140px}

.code .jiathis_style_24x24{ width:140px; margin:10px auto}
 
/*产品推荐*/
.bg{ background:#f6f6f6; padding:100px 0 120px  0}
.bg1{ background:#027527; }
.bg2{ background:url(../images/bg.jpg) repeat-x; padding:110px 0}

.ad6 img{ max-width:1200px}
 
.ipro .recopro-ul {}
.ipro .recopro-ul li{   float:left; overflow:hidden; position:relative;width:294px; height:294px; overflow:hidden; background:#fff; margin:0 10px 0 0}
.ipro .recopro-ul li a{ display:block; color:#fff} 
.ipro .recopro-ul li .boximg{ width:294px; height:294px;}
.ipro .recopro-ul li .boximg img{}
.ipro .recopro-ul li .boxtxt { position:absolute; background:#1ea0de; width:100%; height:39px; z-index:99; text-align:center;font:14px/39px microsoft yahei; left:-300px; bottom:74px; opacity:0}
.ipro .recopro-ul li .boxinfo { position:absolute; background:url(../images/tm1.png) repeat; width:264px; height:54px; padding:10px 15px; z-index:99; font:12px/24px simsun; left:300px; bottom:0;opacity:0}
.ipro .recopro-ul li .bgg { position:absolute; background:url(../images/tm2.png) repeat; width:100%; height:100%; z-index:98; left:0; bottom:300px;opacity:0}
   .p_scroll2{ margin:35px 0}
/*最新产品*/
.ipro .newpro-ul {}
.ipro .newpro-ul li{   float:left; overflow:hidden; position:relative;width:300px; height:300px; overflow:hidden; background:#fff; margin:0 10px 0 0}
.ipro .newpro-ul li a{ display:block; color:#fff} 
.ipro .newpro-ul li .boximg{ width:300px; height:300px;}
.ipro .newpro-ul li .boximg img{width: 260px!important;height: 260px!important;margin: 20px;!important;}
.products .newpro-ul li .boximg img{width: 260px!important;height: 260px!important;margin: 10px;!important;}
.ipro .newpro-ul li .boxtxt { position:absolute; background:#1ea0de; width:100%; height:39px; z-index:99; text-align:center;font:14px/39px microsoft yahei; left:-300px; bottom:74px; opacity:0}
.ipro .newpro-ul li .boxinfo { position:absolute; background:url(../images/tm1.png) repeat; width:270px; height:54px; padding:10px 15px; z-index:99; font:12px/24px simsun; left:300px; bottom:0;opacity:0}
.ipro .newpro-ul li .bgg { position:absolute; background:url(../images/tm2.png) repeat; width:100%; height:100%; z-index:98; left:0; bottom:300px;opacity:0}
  
/*新闻*/
.inews{ width:745px}
.inews ul{}
.inews ul li{ height:97px; overflow:hidden; background:#fff; margin:0 0 10px 0}
.inews ul li .date{ width:97px;  color:#fff; background:#1ea0de; font:12px/30px Arial, Helvetica, sans-serif; text-align:center; padding:17px 0 0 0; height:80px}
.inews ul li .date h3{font:40px/40px Arial, Helvetica, sans-serif;}
.inews ul li:hover .date{ background:#dc5a1e}
.inews_r{font:12px/24px microsoft yahei; color:#666; width:600px; padding:0 20px 0 0}
.inews_r h1{font:14px/40px microsoft yahei; color:#333; margin:12px 0 0 0 }


.case .newpro-ul {text-align:center;}
.case .newpro-ul li{   float:left; overflow:hidden; position:relative;width:200px; height:200px; overflow:hidden; margin:0 23px 0 0 ; }
.case .newpro-ul li a{ display:block; } 
.case .newpro-ul li .boximg{ width:200px; height:200px;}
.case .newpro-ul li .boximg img{ }
.case .newpro-ul li .boxtxt{ display:none}

 
.p_scroll1{ position:relative; }
.p_scroll1 .prev,.p_scroll1 .next{ width:45px; height:40px; position:absolute; top:-40px; cursor:pointer; z-index:99999 }
.p_scroll1 .prev{ background:url(../images/l.png) no-repeat center center ; left:0}
.p_scroll1 .prev:hover{background:url(../images/l_hover.png) no-repeat center center ;}
.p_scroll1 .next{ background:url(../images/r.png) no-repeat  center center  ; left:45px}
.p_scroll1 .next:hover{background:url(../images/r_hover.png) no-repeat center center ;}
 
.casepic{ width:365px; height:335px; position:relative;   margin:37px 0 0 0}
.casepic .num { overflow:hidden; height: 20px; position: absolute; right:6px; bottom: 7px; zoom:1; z-index:3 }
.casepic .num li { width: 20px; height: 20px; line-height: 20px; text-align: center; font-weight: 400; font-family: Arial; color: #FFFFFF; background: #000; margin-right: 2px;   cursor:pointer; float: left; }
.casepic .num li.on { background: #808080; } 
.casepic .prev,
.casepic .next { display: none; }
.casepic .newpro-ul{}
.casepic .newpro-ul li{ }
.casepic .newpro-ul li.boximg{width:365px; height:335px}
.casepic .newpro-ul .boxtxt{ display:none}


 
/*关于我们*/

.iabout{ width:790px; background:url(../images/about.jpg) no-repeat right bottom #fff; padding:20px 35px 32px 35px;font:12px/35px microsoft yahei; color:#333}
.iabout h3{font:18px/80px microsoft yahei; color:#1ea0de}
  
 /*底部*/
.footer{  padding:30px 0; background:#fff; font:14px/36px microsoft yahei;  color:#666 }
 .footer a{ color:#666}
 .footer2{ background:#1ea0de;font:14px/95px microsoft yahei; color:#fff}
.footer2 img{ max-width:600px; max-height:95px}

/*友情链接*/
.link{ border-bottom:#efefef 1px solid; padding:5px 0 20px 0; margin:0 0 20px 0}
.link_bt{ color:#1ea0de;font:24px/30px Arial, Helvetica, sans-serif; text-transform:uppercase}
.link_bt h4{ color:#333;font:18px/30px  microsoft yahei}
.link ul{ width:1100px; height:36px; overflow:hidden}
.link ul li{ float:left;font:14px/16px microsoft yahei; margin:20px 0 0 0}
.link ul li a{ color:#666; display:block; padding:0 32px; border-right:1px solid #666}


 .t_l,.t_b{ width:21px; height:27px; position:absolute; right:-21px}
.t_l{ background:url(../images/t.png) no-repeat  center center; top:60px}
.t_b{ background:url(../images/b.png) no-repeat  center center; bottom:0}
 
.cont{font: 18px/30px microsoft yahei;color: #000;margin-top: 20px; text-align: left;margin-left: 30px;}
