/* 本例子css */
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.navbar{   position:relative; z-index:1;   color:#fff; height:40px; line-height:40px;   }
.nav{  margin:0 auto; font-family:"microsoft yahei",simsun,simhei; padding-left: 0px; }
.nav h3{ font-size:100%; font-weight:200; font-size:16px;  }
.nav .m{  position:relative; float:left;  margin:0 45px; display:inline; text-align:center;   }
.nav .m h3 i{ display:inline-block; *display:inline; zoom:1; width:7px; height:4px; background: 0 -280px no-repeat; overflow:hidden; margin:-2px 0 0 5px; 
	vertical-align:middle; filter:alpha(opacity=50);opacity:0.5; 
}
.nav h3 a{  font-weight: 200; zoom:1;  height:90px; line-height:90px;  display:block; color:#f2f3f3 }
.nav h3 a:hover{  color: #e5bc5d;  }
.nav .on h3 a{padding: 0;  color: #e5bc5d;   }
.nav .on h3 a i{ filter:alpha(opacity=100);opacity:1;  }

.home1 .hfor { list-style: none; display: inline-block; float: left; width: 25%; text-align: center}
.prbox{ background: #6f818f; list-style: none; margin-left: 40px; width: 252px; height: 320px; margin-bottom: 30px; display: block; float: left;
-webkit-transition:all 0.6s ease;
  -moz-transition:all 0.6s ease;
  -o-transition:all 0.6s ease;
  -ms-transition:all 0.6s ease;
  transition:all 0.6s ease;}
.prbox:hover{background: #2e4659;}

.whprodbg{ background: #fff; width:250px; height: 250px; margin: 1px;  }
.prtitle{ height: 40px; text-align: center; line-height:40px; font-size: 19px; margin:10px; color: #fff; font-size: 24px; }
.morelue{ background: #ffc848; width: 120px; height: 30px; line-height: 30px; margin: 0 auto; text-align: center;color:#ffffff; display: block;-webkit-transition:all 0.8s ease;
  -moz-transition:all 0.8s ease;
  -o-transition:all 0.8s ease;
  -ms-transition:all 0.8s ease;
  transition:all 0.8s ease;}
.morelue a{color: #ffffff}
.prbox:hover .morelue{background: #062f6f;}  
.jtnav{background: #232324; height: 52px; line-height: 52px;color: #f0f0f0}
.jtnav a{color: #f0f0f0; font-size: 20px; padding-right: 52px;}
.jtnav a:hover{color:#ffe361;}
.jtnav a.on {color: #ffe361}
.jtleft{float: left; width:500px; padding-left: 35px; }
.jtright{ float: right;width:350px; }

.notice { width: 1200px;  overflow: hidden; }
.notice .tab-hd { height: 90px;   }
.notice .tab-hd ul { padding: 0;display: inline }
.notice .tab-hd li{ float: left; display:block;list-style:none;line-height: 80px; height:107px;width:220px; margin:0; text-align: center; }
.notice .tab-hd li a{ display:block; }
.notice .tab-hd li a:hover{ background: no-repeat;height:107px;width:220px;   }

.notice .tab-hd li.on{ background: no-repeat; }
.notice .tab-bd {margin-top: 30px;  }
.jtnav{ display: none}
header {height: 90px;}