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; }
 
 /*头部*/
.header{ position:relative;height:123px; border-bottom:1px #271370 solid}
.logo{ width:160px; position:absolute; top:0; z-index:99; left:50%; margin-left:-80px; height:135px; overflow:hidden ; background:url(../images/logo_bg.png) no-repeat  center center}
.logo1{display:table;vertical-align:middle; text-align:center;width:100%;height:110px; *position:relative;*overflow:hidden;} 
.logo1 img { *position:relative;*left:-50%;*top:-50%; max-height:110px  } 
.logo1 span{display:table-cell;vertical-align:middle;*position:absolute;*left:50%;*top:50%;} 

.logo1 h1{font:16px/110px microsoft yahei; color:#fff}
 
  /*导航*/
.nav{ }
.nav ul{ }
.nav ul li{ text-align:center; width:130px; height:40px; border-left:#d9d7d2 1px solid; float:left;font:12px/24px Arial, Helvetica, sans-serif; color:#aaa; text-transform:uppercase;margin:32px 0 0 0;}
.nav ul li h4{font:16px/30px microsoft yahei; color:#271370}
.nav ul li a{ display:block;  color:#aaa;  }
.nav ul li.clear{ clear:both; height:0; width:0}
.nav ul li.i4{ margin:32px 0 0 200px; border:none}
.nav ul li:first-child{ border:none}

 
/*轮播*/
.banner{ height:677px; margin:0  auto; position:relative; *z-index:-1}
.banner img{ max-height:677px; }

/*产品分类*/
.ipro_class{ height:200px; padding:70px 0 0 0; overflow:hidden}
.ipro_class ul{ text-align:center; margin:0 -60px 0 0}
.ipro_class ul li{ width:194px; padding:20px 25px 0 25px  ; height:86px; border:#271370 1px solid; text-align:left; display:inline-table;*zoom:1; *display:inline;font:bold 22px/35px microsoft yahei; position:relative;  border-radius:5px; margin:0 66px 100px 0;background-color: rgb(255, 255, 255); z-index:2;  }
.ipro_class ul li a{ color:#271370; display:block ; position:relative; z-index:2;width:194px;  height:86px; }
.ipro_class  h2{font:12px/24px Arial, Helvetica, sans-serif; color:#271370; text-transform:uppercase; position:relative; z-index:2}
.ipro_class ul li .more{ position:absolute; width:92px; height:35px; right:-46px; top:37px; text-align:center; font:14px/35px microsoft yahei; background:#271370; color:#fff; z-index:2}
.ipro_class ul li .bjj{ position:absolute; width:100%; height:100%; right:-5%; top:0;  background:#271370;  border-radius:5px; z-index:1;filter:alpha(opacity=0);       /* IE */
   -moz-opacity:0;              /* 老版Mozilla */
 -khtml-opacity:0;              /* 老版Safari */
 opacity: 0; }
 
.ipro_class ul li:hover a{ color:#fff}
.ipro_class ul li:hover h2{ color:#fff}
.ipro_class ul li:hover .more{ background:#fff; color:#271370}
  
  
/*标题*/
.bt{ background:url(../images/bt.png) no-repeat center 35px; text-align:center;font:30px/30px microsoft yahei; color:#271370; margin:0 0 70px 0}
.bt h1{font:55px/80px Arial, Helvetica, sans-serif; text-transform:uppercase; color:#271370; text-indent:10px}
.bt a{ color:#271370}
.bt2{font:bold 26px/40px microsoft yahei; color:#fff; margin:0 0 20px 0}
.bt2 a{ color:#fff}
.bt2 span{ background:#271370; padding:5px 15px}
 
/*产品推荐*/
.bg{ background:#f6f6f6; padding:100px 0 120px  0}
.bg1{ background:#027527; }
.bg2{ background:url(../images/bg.jpg) repeat-x; padding:110px 0}

.ipro_bg{ padding:95px 0 150px 0; background:#f0efed}
.ipro_bg1{ padding:95px 0 121px 0; background:url(../images/pro.png) repeat #fff}

.ipro .recopro-ul {text-align:center; margin:0 0 0 90px}
.ipro .recopro-ul li{   float:left; overflow:hidden; position:relative;width:127px; height:508px; overflow:hidden;   }
.ipro .recopro-ul li:first-child{width:508px; height:508px; overflow:hidden;}
.ipro .recopro-ul li a{ display:block; color:#fff } 
.ipro .recopro-ul li:first-child .tm{ background:url(../images/tm1.png) repeat;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity: 0; opacity: 0;}
.ipro .recopro-ul li .tm{ width:508px; height:508px; background:url(../images/tm1.png) repeat; left:0; top:0 ; z-index:99; position:absolute }
.ipro .recopro-ul li .boximg img{}
.ipro .recopro-ul li .boximg{ width:508px; height:508px}
.ipro .recopro-ul li .boxtxt {font:12px/24px microsoft yahei; color:#fff; position:absolute; width:468px; padding:20px; background:url(../images/tm.png) repeat; left:-508px; bottom:0; text-align:left; height:60px; overflow:hidden }
.ipro .recopro-ul li .boxtxt h2{font:14px/35px microsoft yahei;}
.ipro .recopro-ul li:first-child  .boxtxt{ left:0}
    
/*最新产品*/
.ipro .newpro-ul {text-align:center; margin-right:-30px }
.ipro .newpro-ul li{   float:left; overflow:hidden; position:relative;width:279px; height:382px; overflow:hidden; margin:0 0 0 27px; background:#fff }
.ipro .newpro-ul li a{ display:block; color:#fff } 
.ipro .newpro-ul li .boximg{ width:279px; height:279px;}
.ipro .newpro-ul li .boxtxt {background:url(../images/cp.png) no-repeat center center ;width:229px; height:382px; position:absolute; left:0; top:0;font:14px/28px microsoft yahei; 
text-align:left; padding:0 25px;filter:alpha(opacity=0);       /* IE */-moz-opacity:0;              /* 老版Mozilla */ -khtml-opacity:0;              /* 老版Safari */opacity:0;      }
.ipro .newpro-ul li .boxtxt h1{ font:18px/30px microsoft yahei; color:#fff; margin:55px 0 0 60px; width:125px; height:30px; overflow:hidden; text-align:center }
.ipro .newpro-ul li .boxtxt h2{ font:16px/30px microsoft yahei; color:#fff; margin:35px  0; text-align:center }
.ipro .newpro-ul li .boxtxt1 h2{font:14px/30px microsoft yahei; color:#333; } 
.ipro .newpro-ul li .boxtxt1 {font:12px/30px microsoft yahei; color:#666; text-align:left; padding:20px; height:50px; overflow:hidden } 
 
 
/*新闻*/
.inews{ padding:80px 0; background:#271370}
.inews_l img{ max-width:395px;max-height:395px}
.inews_r { width:750px}
.inews_r ul{}
.inews_r ul li:hover{ background:#271370}
.inews_r ul li{ font:14px/36px microsoft yahei; color:#fff; border-bottom:#d9c196 1px solid; position:relative; text-indent:10px}
.inews_r ul li a{ color:#fff; display:block}
.inews_r ul li span{font:14px/35px Arial, Helvetica, sans-serif; position:absolute; right:5px; top: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:46px; height:97px; position:absolute; top:160px; cursor:pointer; z-index:99999 }
.p_scroll1 .prev{ background:url(../images/l.png) no-repeat center center ; left:-46px}
.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  ; right:-46px}
.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{background:url(../images/iabout_bg.jpg) repeat-x top center #271370;}
.iabout .ad1{ text-align:center; padding:118px 0 60px 0}
.iabout .ad2   img{ max-width:144px; max-height:232px}
.iabout .ad1   img{ max-width:986px}
.iabout_l{ margin:0 0 0 105px; width:250px}
.iabout_r{ width:670px; margin:0 100px 0 0;font:14px/30px simsun; color:#fff; height:360px; overflow:hidden}
.iabout_l h3{font:bold 46px/60px Arial, Helvetica, sans-serif; color:#fff; text-transform:uppercase; margin:0 0 20px 0}
.ite{ width:30px; background:#271370; font:30px/35px microsoft yahei; padding:11px}
.ite a{ color:#fff; display:block}
.tel{ border:#fff 1px solid; border-radius:10px;font:28px/56px Arial, Helvetica, sans-serif; color:#fff; position:relative; margin:15px 0 50px 0; text-align:center; padding:0 0 0 20px;*border:0}
.tel_bt{font:14px/30px microsoft yahei; color:#fff; background:#271370; position:absolute; left:5px; top:-15px; z-index:98; padding:0 0 0 20px;*top:-30px}
.tel_ico{ width:47px; height:33px; background:url(../images/tel.png) no-repeat center center #271370; position:absolute; left:-23px; top:0px; z-index:99; padding:10px 0 ;*top:-10px}
 
 /*底部*/
.footer{  padding:30px 0; background:#271370; font:12px/30px microsoft yahei;  color:#fff;margin-top: -20px;}
.footer_l{ padding:15px 0 0 0; margin:0 40px 0 0; }
.footer_l img{ max-width:182px}
.footer a,.footer a:hover{ color:#fff}
.footer_r{ padding:0 0 0 77px;font:bold 16px/30px Arial, Helvetica, sans-serif; color:#fff; margin:15px 0 0 0; background:url(../images/tel1.png) no-repeat left center}  
 .footer_r h3{font:bold 32px/32px Arial, Helvetica, sans-serif; color:#fff}
 .footer_r  a{ color:#fff}
.fnav{ color:#7e1a4e;font:12px/50px microsoft yahei;} 
.fnav a{ color:#7e1a4e}

/*友情链接*/
.link{ border:#ccc 1px solid; padding:0  0 0 22px; width:338px; height:410px; overflow:hidden; margin:60px 0 0 0 }
.link ul{}
.link ul li{ width:145px; height:60px; line-height:60px; text-align:center;border:#ccc 1px solid; float:left; margin:0 22px 20px  0;display:table;vertical-align:middle;  *position:relative;*overflow:hidden;}
.link ul li img{ max-width:145px; max-height:60px; *position:relative;*left:-50%;*top:-50%;}
.link ul li a{display:table-cell;vertical-align:middle;*position:absolute;*left:50%;*top:50%;width:145px; height:60px;}
.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}