/**********
	自定义工具函数
	用于将1200px设计稿的px高度转换为750px的rem高度
**********/
.top {
  height: 75px; margin-top:12px;
}
.top .logo {
  float: left;
  width: 208px;
  height: 62px;
}
.top .logo a {
  display: block;
  position: relative;
  width: 100%;
  height: 100%;
}
.top .logo a img {
  max-width: 100%;
  max-height: 100%;
  margin: auto;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.top .logo a img {
  width: 208px;
  height: 62px;
}
.top-right {
  float: right;
}
.top-right .link-a {
  color: #e5e5e5;
  padding:15px 0 25px 0;
}
.top-right .link-a a {
  color: #727171;
  font-size: 14px;
  padding: 0 5px;
}
.top-right .link-a a.last img {
  width: 20px; float:left; padding-top:8px;
  margin-right: 6px;
}
.nav {
  height: 47px;
  background: #316a0c;
  border-top: #275a06 solid 1px;
  position: relative;
  z-index: 5;
}
.nav .navbar {
  float: left;
}
.nav .navbar li {
  float: left;
  position: relative;
}
.nav .navbar li > a {
  line-height: 47px;
  padding: 0 41px;
  color: #fff;
}
.nav .navbar li > a.active {
  color: #57c280;
}
.nav .subnav {
  position: absolute;
  top: 25px;
  left: -90px;
  width: 1000px;
  padding-top: 40px;
}
.nav .subnav li {
  float: left;
  white-space: nowrap;
}
.nav .subnav li a {
  color: #58b31d; font-weight:bold;
} 
.nav .subnav li a em {
  color: #80eaa5;
  width: 20px;
  display: inline-block;
}
.nav .subnav li a:hover {
  color: #58b31d!important;
}
.nav .search {
  float: right;
  margin-top: 8px;
  line-height: 27px;
  width: 245px;
  background: #fff;
  border: #d1d1d1 solid 1px;
  border-radius: 15px;
  padding-left: 15px;
}
.nav .search .search-text {
  line-height: 17px;
  padding:5px 0;
  width: 185px;
}
.nav .search .search-button {
  width: 20px;
  height: 19px;
  margin-left: 10px;
  cursor: pointer;
  background: url(../images/search2.png) no-repeat;
}
.subnavbg {
  background: url(../images/ico01.png) repeat;
  width: 100%;
  height: 92px;
  position: absolute;
  left: 0;
  display: none;
  top: 120px;
  z-index: 4;
}
.i-banner {
  position: relative;
}
.i-banner .bx-wrapper .bx-controls-direction a {
  width: 54px;
  height: 109px;
  margin-top: -54px;
}
.i-banner .bx-wrapper .bx-next {
  background-position: -54px 0;
}
.m-banner dl {
  display: none;
}
.menubg{ position: absolute; overflow:hidden; bottom:0px; width:100%; background:rgba(55,128,8,.3); height:150px;}
.kjnav{ height: 140px;
  width: 1174px;

  position: absolute;
  left: 50%;
  margin-left: -600px;
  bottom: 2px;
 }

.kjnav ul {
  width: 1174px;
  float: left;
}
.kjnav ul li {
  float: left;
  width: 132px;
   margin-right:195px;
}
.kjnav ul li:nth-child(4){ float:right; margin-right:10px;}

.kjnav ul li:hover{ transform: scale(1.05);}


.menu {
  height: 144px;
  width: 1174px;
  overflow: hidden;
  position: absolute;
  left: 50%;
  margin-left: -600px;
  bottom: 18px;
  background: #fff;
}
.menu ul {
  width: 1174px;
  overflow: hidden;
  float: left;
}
.menu li.li {
  float: left;
  width: 118px;
  overflow: hidden;
}
.menu li.li.hasdl {
  margin-right: 4px;
}
.menu dl {
  float: left;
  width: 804px;
}
.menu dl.t1 dt {
  background-image: url(../images/i-pro01.png);
  background-repeat: no-repeat;
  background-position: center 30px;
}
.menu dl.t1 dt.active {
  background-image: url(../images/i-pro01hover.png);
  background-repeat: no-repeat;
  background-position: center 30px;
}
.menu dl.t2 dt {
  background-image: url(../images/i-pro02.png);
  background-repeat: no-repeat;
  background-position: center 30px;
}
.menu dl.t2 dt.active {
  background-image: url(../images/i-pro02hover.png);
  background-repeat: no-repeat;
  background-position: center 30px;
}
.menu dl.t3 dt {
  background-image: url(../images/i-pro03.png);
  background-repeat: no-repeat;
  background-position: center 30px;
}
.menu dl.t3 dt.active {
  background-image: url(../images/i-pro03hover.png);
  background-repeat: no-repeat;
  background-position: center 30px;
}
.menu dl.t4 dt {
  background-image: url(../images/i-pro04.png);
  background-repeat: no-repeat;
  background-position: center 30px;
}
.menu dl.t4 dt.active {
  background-image: url(../images/i-pro04hover.png);
  background-repeat: no-repeat;
  background-position: center 30px;
}
.menu dl.t5 dt {
  background-image: url(../images/i-pro05.png);
  background-repeat: no-repeat;
  background-position: center 30px;
}
.menu dl.t5 dt.active,
.menu dl.t5 dt:hover {
  background-image: url(../images/i-pro05hover.png);
  background-repeat: no-repeat;
  background-position: center 30px;
}
.menu dl dt {
  width: 118px;
  float: left;
  background-color: #f4f4f4;
  height: 164px;
  text-align: center;
  color: #343434;
  padding-top: 120px;
  cursor: pointer;
  position: relative;
}
.menu dl dt em {
  position: absolute;
  left: 118px;
  top: 50%;
  width: 6px;
  height: 11px;
  background: url(../images/ico02.png);
  margin-top: -5px;
  display: none;
}
.menu dl dt.active,
.menu dl dt:hover {
  background: #00a73c;
  color: #fff;
}
.menu dl dt.active em,
.menu dl dt:hover em {
  display: block;
}
.menu dl dd {
  float: left;
  width: 686px;
  padding: 16px 0;
}
.menu dl dd .con {
  float: left;
  width: 465px;
  padding: 0 25px;
  line-height: 24px;
  color: #474646;
}
.menu dl dd .img {
  float: left;
}
.bottom {
  border-top: #e2e2e2 solid 1px; background:url(../images/btombg.jpg) top center; font-size:13px;    
    bottom: 0;
    width: 100%;
}
.bottom .p-mauto {
  padding: 10px 0;
  color: #fff;
  line-height: 32px;
}
.bottom .p-mauto > .fl a {
  color: #fff;
  padding: 0 10px;
}
.bottom .p-mauto > .fr select {
  width: 243px;
  height: 32px;
  line-height: 32px;
  border: #d1d1d1 solid 1px;
}
.ico-eml {
  display: inline-block;
  width: 22px;
  height: 22px;
  vertical-align: middle;
  margin-right: 5px;
  background: url(../images/icon/icon23.png);
}
.nav .subnav {
    width: 1047px;
    right: 0;
    margin: 0 auto;
}