* { margin: 0; padding: 0; }
img{border:none}
.miui_logo { top: 29px; left: 0; }

.about {
  width: 1200px;
  margin: 0 auto;
  padding: 89px 0 70px;
}
.about > span {
  width: 460px;
  display: block;
  margin-top: 20px;
}
.about > span > img {
  height: 291px;
}
.about > div {
  margin-left: 486px;
}
.about > div > div.title {
  margin-bottom: 30px;
}
.about > div > div.title > span {
  font-size: 24px;
  color: #333333;
  margin: 0 18px;
  position: relative;
  padding-bottom: 10px;
}
.about > div > div.title > span > img {
  position: absolute;
  bottom: 0;
  left: 50%;
  margin-left: -22px;
  width: 44px;
  height: 4px;
}
.about > div > div.title > img {
  vertical-align: middle;
  margin-top: -4px;
}
.about > div > div.text {
  color: #333333;
  line-height: 2.143;
  height: 210px;
  text-align: justify;
  text-indent: 2rem;
  overflow: hidden;
}
.product {
  height: 497px;
  overflow: hidden;
}
.product > div.title {
  text-align: center;
  padding: 56px 0 22px  30px;
}
.product > div.title > span > a {
  font-size: 24px;
  color: #fff;
  margin: 0 18px;
  position: relative;
  padding-bottom: 10px;
}
.product > div.title > span > img {
  position: absolute;
  bottom: -230px;
  left: 50%;
  margin-left: -22px;
  width: 44px;
  height: 4px;
}
.product > div.title > img {
  vertical-align: middle;
  margin-top: -4px;
}
.product > ul {
  width: 1200px;
  margin: 0 auto;
}
.product > ul li {
  width: 285px;
  height: 233px;
  position: relative;
  border: 2px solid #fff;
  float: left;
  margin-left: 20px;
}
.product > ul li > img {
  width: 100%;
  display: block;
  height: 100%;
}
.product > ul li a {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  display: none;
  color: #ffffff;
  text-align: center;
  background: rgba(70, 146, 1, 0.7);
}
.product > ul li a img {
  width: 31px;
  height: 31px;
  margin: 74px auto 12px;
  display: block;
}
.product > ul li:hover {
  border: 2px solid #ff7f00;
}
.product > ul li:hover a {
  display: block;
}
.product > a {
  text-align: center;
  width: 126px;
  display: block;
  height: 42px;
  border: 1px solid #fff;
  line-height: 42px;
  color: #fff;
  margin: 34px auto 0;
}


.product1 {
  overflow: hidden;
}
.product1 > div.title {
  text-align: center;
  padding: 66px 0 42px;
}
.product1 > div.title > span {
  font-size: 24px;
  color: #333;
  margin: 0 18px;
  position: relative;
  padding-bottom: 10px;
}
.product1 > div.title > span > img {
  position: absolute;
  bottom: 0;
  left: 50%;
  margin-left: -22px;
  width: 44px;
  height: 4px;
}
.product1 > div.title > img {
  vertical-align: middle;
  margin-top: -4px;
}
.product1 .img{ width:1200px; margin:0 auto;}


.product-con > div.title {
  padding-bottom: 20px;
  margin-top: 36px;
  text-align: center;
}
.product-con > div.title > span {
  font-size: 24px;
  color: #333333;
  margin: 0 18px;
  position: relative;
  padding-bottom: 10px;
}
.product-con > div.title > span > img {
  position: absolute;
  bottom: 0;
  left: 50%;
  margin-left: -22px;
  width: 44px;
  height: 4px;
}
.product-con > div.title > img {
  vertical-align: middle;
  margin-top: -4px;
}
.product-con > div.title > div {
  margin-top: 16px;
}
.product-con > div.title > div a {
  padding: 0 20px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  display: inline-block;
  background: #fff;
  border: 1px solid #dadada;
  margin-right: 12px;
  color: #333333;
}
.product-con > div.title > div a.active {
  background: #50a702;
  color: #fff;
  border: 0;
}
.product-con > div.title > ul {
  padding-top: 30px;
}
.product-con > div.title > ul li {
  display: inline-block;
  width: 382px;
  border: 1px solid #dadada;
  padding: 10px 10px 0;
  margin: 0 8px;
}
.product-con > div.title > ul li a {
  display: block;
}
.product-con > div.title > ul li a img {
  width: 100%;
  height: 250px;
  display: block;
}
.product-con > div.title > ul li a > div {
  height: 48px;
  line-height: 48px;
}
.product-con > div.title > ul li:hover {
  background: #50a702;
}
.product-con > div.title > ul li:hover a div {
  color: #fff;
}
.product-con > ul.product-list {
  width: 1200px;
  margin: 0 auto;
}
.product-con > ul.product-list li {
  float: left;
  width: 580px;
  padding: 6px 6px 6px 6px;
  margin-left: 10px;
  margin-right: 10px;
  margin:0 auto;
}
.product-con > ul.product-list li a {
  display: block;
  text-align: center;
}
.product-con > ul.product-list li a img {
	float:left;
  width: 290px;
  height: 229px;
  display: block;
}
.product-con > ul.product-list li dl{ width:250px; float:right;}

.product-con > ul.product-list li:hover {
  background: #50a702;color:#FFF;
}

.product-con > ul.product-dh {
  width: 1200px;
  margin: 0 auto;
}
.product-con > ul.product-dh li {
  float: left;
  width: 300px;
  padding: 3px 3px 3px 3px;
  margin: 0 auto;
}
.product-con > ul.product-dh li a {
  display: block;
  text-align: center;
}
.product-con > ul.product-dh li a img {
	float:left;
  width: 290px;
  height: 199px;
  display: block;   
      transform: scale(1);  
      transition: all 1s ease 0s;  
      -webkit-transform: scale(1);  
      -webkit-transform: all 1s ease 0s; 
      -webkit-transform-origin:50% 50%; 
      transform-origin:50% 50%;
      overflow:hidden;
}

.product-con > ul.product-dh li:hover {
transform: scale(1.03);  
        transition: all 1s ease 0s;  
        -webkit-transform: all 1s ease 0s;  
        -webkit-transform: scale(1.03); /*放大 倍*/
	transition-duration:0.5s;
	overflow:hidden;
}



.product-con > ul.product-kj {
  width: 1200px;
  margin: 0 auto;
}
.product-con > ul.product-kj li {
  float: left;
  width: 210px;
  padding: 5px 5px 5px 5px;
  margin-left: 20px;
  margin-right: 20px;
  margin:0 auto;
}
.product-con > ul.product-kj li a {
  display: block;
  text-align: center;
}
.product-con > ul.product-kj li a img {
	float:left;
  width: 200px;
  height: 64px;
  display: block;   
}

.product-con > ul.product-kj li:hover {
  background: #e9e9e9;
}

.product-con .contact_us {
  width: 1200px;
  margin: 0 auto;
  padding: 46px 0 88px;
}
.product-con .contact_us > span {
  width: 730px;
  display: block;
}
.product-con .contact_us > span img {
  height: 451px;
  width: 100%;
}
.product-con .contact_us > div {
  margin-left: 792px;
  font-size: 16px;
  color: #333333;
  line-height: 2;
  height: 451px;
  overflow: hidden;
}
.product-con > ul.news-list li {
  padding: 28px 0;
  border-bottom: 1px dashed #dcdcdc;
}
.product-con > ul.news-list li > div {
  width: 1200px;
  margin: 0 auto;
}
.product-con > ul.news-list li > div > a {
  float: left;
  width: 228px;
}
.product-con > ul.news-list li > div > a img {
  width: 100%;
  height: 160px;
}
.product-con > ul.news-list li > div > div {
  margin-left: 244px;
}
.product-con > ul.news-list li > div > div a.title {
  font-size: 18px;
  color: #333333;
  display: block;
  height: 18px;
  overflow: hidden;
  line-height: 1;
}
.product-con > ul.news-list li > div > div a.title i {
  float: right;
}
.product-con > ul.news-list li > div > div > div {
  color: #333333;
  line-height: 2;
  height: 78px;
  overflow: hidden;
  text-align: justify;
  margin-top: 12px;
}
.product-con > ul.news-list li > div > div a.gd {
  width: 100px;
  height: 32px;
  line-height: 32px;
  text-align: center;
  color: #fff;
  display: block;
  background: #50a702;
  margin-top: 20px;
}
.product-con > ul.news-list li:hover {
  background: #f4f4f4;
}
.product-con > div.text {
  width: 1200px;
  margin: 0 auto;
  padding-bottom: 40px;
  font-size: 14px;
  background: #fff;
  color: #615c5c;
  line-height: 2.5;
}
.product-con > div.text > img {
  width: 675px;
  height: 483px;
  display: block;
  margin: 20px auto;
}
.product-con > div.text a {
  color: #fc7479;
}
.product-con > div.news-title {
  border-bottom: 1px dashed #e6e6e6;
  padding-bottom: 12px;
  width: 1200px;
  margin: auto;
}
.product-con > div.news-title > div.title {
  text-align: center;
  height: 52px;
  line-height: 52px;
  font-size: 24px;
  color: #333333;
}
.product-con > div.news-title > div.time {
  line-height: 1;
  color: #615c5c;
  text-align: center;
}
.product-con > div.news-title > div.time > div {
  display: inline-block;
  margin-right: 28px;
  height: 16px;
  line-height: 16px;
  vertical-align: middle;
}
.product-con > div.news-title > div.time > div a {
  margin-top: 0;
}
.product-con .zl-icon {
  padding-top: 60px;
  width: 1200px;
  margin: 0 auto;
  padding-bottom: 142px;
}
.news {
  width: 1200px;
  margin: 0 auto;
  padding: 72px 0 82px;
}
.news > .fl {
  width: 432px;
  position: relative;
}
.news > .fl > img {
  width: 100%;
  height: 342px;
  margin-top: 32px;
}
.news > .fl > div {
  position: absolute;
  height: 400px;
  overflow: hidden;
  top: 0;
  right: -248px;
  width: 300px;
  padding: 50px 20px 60px;
  background: #ff7f00;
  color: #fff;
}
.news > .fl > div > div.title {
  font-size: 20px;
  color: #ffffff;
}
.news > .fl > div > div.text {
  color: #ffffff;
  line-height: 2.143;
}
.news > .fl > div > div.text > a {
	color:#FF0;}
	.news > .fl > div > div.text > a:hover{
	color:#F00;}
.news > .fr {
  width: 476px;
}
.news > .fr > div.title {
  padding-bottom: 12px;
  font-size: 18px;
  color: #333333;
  border-bottom: 1px dashed #dcdcdc;
}
.news > .fr > div.title img {
  vertical-align: middle;
  margin-right: 8px;
  margin-top: -2px;
}
.news > .fr > div.title+.content{
  border-bottom: 1px dashed #dcdcdc;
}
.news > .fr > div.content {
  padding: 26px 0 24px;
}
.news > .fr > div.content > a {
  width: 156px;
  height: 109px;
  display: block;
}
.news > .fr > div.content > a > img {
  width: 100%;
  height: 100%;
}
.news > .fr > div.content > div {
  margin-left: 180px;
}
.news > .fr > div.content > div > a.title {
  font-size: 18px;
  color: #333333;
  line-height: 1;
  height: 24px;
  display: block;
  overflow: hidden;
}
.news > .fr > div.content > div > div {
  color: #333333;
  line-height: 2.143;
  height: 82px;
  overflow: hidden;
}
.news > .fr > a {
  width: 118px;
  height: 42px;
  line-height: 42px;
  text-align: center;
  background: #50a702;
  color: #fff;
  display: block;
}
.foot {
  background: #50a702;
  padding-bottom: 30px;
}
.foot > div {
  width: 1200px;
  margin: 0 auto;
  padding-top: 48px;
  font-size: 16px;
  color: #7d96c2;
}
.foot > div > ul {
  border-left: 1px solid #5dc401;
  float: left;
  overflow: hidden;
  height: 217px;
  padding: 0 22px;
}
.foot > div > ul li {
  line-height: 1;
  margin-bottom: 15px;
}
.foot > div > ul li a {
  color: #d9feb7;
}
.foot > div > ul li a:hover {
  color: #ff7f00;
}
.foot > div > div {
  float: left;
  width: 445px;
  border-left: 1px solid #5dc401;
  padding: 0 50px;
  height: 237px;
  border-right: 1px solid #5dc401;
  overflow: hidden;
  line-height: 1;
}
.foot > div > div p {
  margin-bottom: 15px;
  line-height:30px;
    color: #d9feb7;
}
.foot > div > form {
  float: left;
  width: 593px;
  padding-left: 84px;
}
.foot > div > form > div {
  margin-bottom: 14px;
  position: relative;
}
.foot > div > form > div > div {
  width: 50%;
  padding-right: 6px;
}
.foot > div > form > div > div.last {
  padding-left: 6px;
  padding-right: 0;
}
.foot > div > form > div input {
  width: 100%;
  border: 1px solid #dedede;
  height: 40px;
  padding-left: 32px;
}
.foot > div > form > div textarea {
  width: 100%;
  height: 105px;
  border: 1px solid #dedede;
  resize: none;
  padding-left: 32px;
  padding-top: 16px;
}
.foot > div > form > div img {
  position: absolute;
  top: 2px;
  right: 12px;
}
.foot > div > form > input {
  width: 160px;
  height: 44px;
  line-height: 44px;
  text-align: center;
  color: #fff;
  outline: none;
  font-size: 18px;
  border: 0;
  background: #ff7f00;
  border-radius: 20px;
}
.page {
  text-align: center;
  font: 16px 'Microsoft Yahei';
  margin: 30px auto 35px;
  float: none;
}
.page a {
  display: inline-block;
  padding: 8px 15px;
  font-size: 15px;
  text-align: center;
  color: #333;
  margin-left: 11px;
  text-decoration: none;
  background: #fbfbfb;
  border-radius: 6px;
}
.page a.a1 {
  margin-top: 0px;
  background-color: #50a702;
  color: #fff;
  border: 0;
}
.page a:hover {
  color: #fff;
  text-decoration: none;
  background: #50a702;
  /*--淡淡蓝色--*/
}
.page span {
  display: inline-block;
  border-radius: 6px;
  padding: 8px 15px;
  vertical-align: top;
  margin-left: 11px;
  font-size: 15px;
  color: #fff;
  text-align: center;
  background: #50a702;
  /*--深蓝色--*/
}
.page .noPage {
  display: inline-block;
  padding: 8px 15px;
  text-align: center;
  color: #a4a4a4;
  font-size: 15px;
  /*--深灰色--*/
}
.ej_right{ width:1120px; height:auto; margin:0 auto; }
.ej_dongtai{ width:1120px; height:auto;}
.ej_dongtai dl{ width:1120px; height:240px; border-bottom:1px dotted #999; padding-top:17px;}
.ej_dongtai dt{ width:280px; height:240px; background:url(../../images/dongtai_pic.jpg) no-repeat; padding-left:9px; padding-top:1px; float:left;}
.ej_dongtai dd{ width:840px; height:240px; float:right; padding-left:10px;}
.ej_dongtai dd h1{ font-size:22px; line-height:60px; color:#0C0;}
.ej_dongtai dd h2{line-height:26px; font-size:14px; color:#676767;}

.lybs{ margin:0 auto; width:800px; padding:20px 0 50px 0;}

.banner{width:100%;overflow:hidden;height:500px;position:relative;}
.banList{position:absolute;left:50%;margin-left:-960px;height:500px}
.banList li{height:500px;opacity:0;position:absolute;transform:scale(0);transition:transform 0.5s ease 0s, opacity 1.5s ease 0s;z-index:1;}
.banList li.active{opacity:1;transform:scale(1);z-index:2;}
.fomW{position:absolute;bottom:20px;left:50%;height:20px;z-index:9;width:1000px;margin-left:-500px}
.jsNav{text-align:center;}
.jsNav a{display:inline-block;background:#fff;width:15px;height:15px;border-radius:50%;margin:0 5px;}
.jsNav a.current{background:#fc8f0f;cursor:pointer}


.head {height: 70px;width: 100%; margin-top:20px; margin-bottom:8px;}
.yanse{ background:#50a702; width:50%; position: absolute;  right:0px;z-index:-1px; float:right;height:70px }
.head-left {float: left;height: 70px;width: 250px;margin-left:100px;}
/*nav导航盒子*/
.nav{width:77%;height:70px;line-height:40px;text-align:center;font-size:16px;position:relative;background:#50a702  url(../images/nav_bg.jpg) no-repeat left bottom ;padding-top:16px;  padding-left:40px;float:right; z-index:1000000}
/*nav-main*/
ul.nav-main{width:100%;height:100%; padding-left:70px; list-style-type:none}
ul.nav-main .navss{ width:140px;  }
ul.nav-main span{display:inline-block;margin-left:18px;width:12px;height:9px; background:url(../images/sj1.png) no-repeat center center}

/*图标向上旋转*/
.hover-up{transition-duration:.5s;transform:rotate(180deg);-webkit-transform:rotate(180deg); }
/*图标向下旋转*/
.hover-down{transition-duration:.5s;transform:rotate(0);-webkit-transform:rotate(0)}
/*导航条设置*/
ul.nav-main>li{width:140px;height:100%;display:block;float:left;color:#fff;margin-right:1px;cursor:pointer;font-weight:bold ; font-family:"Microsoft Yahei" !important;}
ul.nav-main>li>a{ color:#000;}
ul.nav-main>li>a:hover{ color:#50a702;}
ul.nav-main>li:hover{background:#fff ; color:#50a702;font-weight:bold ; font-family:"Microsoft Yahei" !important;}
ul.nav-main>li:hover span{ background:url(../images/sg3.png)  no-repeat center center; z-index:100000 }
/*隐藏盒子设置*/
div.hidden-box{width:140px;position:absolute;display:none;background:#959695 url(../images/sj2.png) no-repeat  top center;top:70px;filter:alpha(opacity=80); -moz-opacity:0.8; opacity:0.8;}
.hidden-box>ul{list-style-type:none;color:#fff;cursor:pointer; padding-top:12px;padding-bottom:15px}
.hidden-box>ul li{ line-height:30px; height:30px; font-weight:500}
.hidden-box>ul li>a{ color:#FFF;}
.hidden-box>ul li>a:hover{ color: #000;}
/*.hidden-box li:hover{background:#643519;color:#fff}*/

/*隐藏盒子位置设置*/
.hidden-loc-index{left:251px}
.hidden-loc-us{left:392px}
.hidden-loc-info{left:533px}
.hidden-loc-pro{left:674px}
.hidden-loc-img{left:815px}
.box04{left:956px}

.clear{ clear:both;}