@charset "utf-8";
/* CSS Document */
.tbg{height: 130px;}
.logo{background: #fff; width: 390px; height: 130px;   }
.logo img{margin-top: 25px; margin-left: 60px;}
.ewm{border: 1px #cdcdcd solid; margin: 20px 10px; padding: 3px; background: #fff}
.bgh{background: #ededed}

.nav {
background:-moz-linear-gradient(-45deg,#40b159 0%, #035495 100% );
background:-webkit-linear-gradient(-45deg,#40b159 0%, #035495 100% );
background:-o-linear-gradient(-45deg,#40b159 0%, #035495 100% );
background:-ms-linear-gradient(-45deg,#40b159 0%, #035495 100% );
background:linear-gradient(-45deg,#40b159 0%, #035495 100% );
	height: 50px;
	line-height: 50px;
}
.nav ul {
  *zoom: 1;
  list-style: none;
  margin: 0;

  padding: 0;
}
.nav ul:before,
.nav ul:after {
  content: "";
  display: table;
}
.nav ul:after {
  clear: both;
}
.nav ul > li {
  float: left;
  position: relative;
}
.nav a {
  display: block;
line-height: 50px;
	width: 171px;
	text-align: center;
  color: #fff;
	font-size: 18px;
  border-left: 1px solid #287f3f;
}

.nav ul li:last-child a{border-right: 1px solid #287f3f;}
.nav a:hover {
  text-decoration: none;
  background: #287f3f;
}
.nav li ul {
	width: 171px;
	overflow: hidden;
	background:-moz-linear-gradient(-45deg,#40b159 0%, #035495 100% );
background:-webkit-linear-gradient(-45deg,#40b159 0%, #035495 100% );
background:-o-linear-gradient(-45deg,#40b159 0%, #035495 100% );
background:-ms-linear-gradient(-45deg,#40b159 0%, #035495 100% );
background:linear-gradient(-45deg,#40b159 0%, #035495 100% );
}
/*.nav li ul li {
  width: 199px;
}*/
.nav li ul li a {
  border: none!important;
}
.nav li ul a:hover {
  background: rgba(40, 127, 63, 0.8);
}
.nav5{z-index: 99999}

.nav5 ul > li:hover ul {
  max-height: 1000px;
  -webkit-transform: perspective(400) rotate3d(0, 0, 0, 0);
}
.nav5 li ul {
  position: absolute;
  left: 0;
  top: 50px;
  z-index: 1;
  max-height: 0;
  overflow: hidden;
  -webkit-transform: perspective(400) rotate3d(1, 0, 0, -90deg);
  -webkit-transform-origin: 50% 0;
  -webkit-transition: 350ms;
  -moz-transition: 350ms;
  -o-transition: 350ms;
  transition: 350ms;
}
/*menu end*/
/*banner*/

.flexslider{position:relative;height:500px;overflow:hidden;background:url(../images/loading.gif) 50% no-repeat;}
.slides{position:relative;z-index:1;}
.slides li{height:500px;}
.flex-control-nav{position:absolute;bottom:10px;z-index:2;width:100%;text-align:center;}
.flex-control-nav li{display:inline-block;width:14px;height:14px;margin:0 5px;*display:inline;zoom:1;}
.flex-control-nav a{display:inline-block;width:14px;height:14px;line-height:40px;overflow:hidden;background:url(../images/dot.png) right 0 no-repeat;cursor:pointer;}
.flex-control-nav .flex-active{background-position:0 0;}

.flex-direction-nav{position:absolute;z-index:3;width:100%;top:45%;}
.flex-direction-nav li a{display:block;width:50px;height:50px;overflow:hidden;cursor:pointer;position:absolute;}
.flex-direction-nav li a.flex-prev{left:40px;background:url(../images/prev.png) center center no-repeat;}
.flex-direction-nav li a.flex-next{right:40px;background:url(../images/next.png) center center no-repeat;}




/*banner end*/
.bgh{background: #f3f3f3}
.inprle{width: 330px; overflow: hidden}
.inprt{font-size: 30px; line-height: 1em; color: #3a7449; padding: 15PX 0PX; margin-bottom: 15PX; background: url("../images/btbg.png") no-repeat center; text-align: center; font-weight: bold; }
.inprt span{ display: block; font-weight: bold; color: #b0b0b0; text-transform: uppercase}


.inprt1{font-size: 30px; line-height: 1em; color: #fff; padding: 15PX 0PX; margin-bottom: 15PX; background: url("../images/btbg.png") no-repeat center; text-align: center; font-weight: bold; }
.inprt1 span{ display: block; font-weight: bold; color: #fff}



.ntime{width: 20%;line-height: 2em;padding:25px 10px; font-size: 18px;}
.ntime span{font-size: 24px; font-weight: bold; display: block}

.innew ul a{padding:20px 10px ; width: 48%; display: block; color: #b0b0b0; border: 2px #287f3f solid;float: left; margin: 1%}
.innew ul a:hover{background: #287f3f; color: #fff}

.innew ul a:hover .nmore{background: #fff; color: #287f3f}

.nzi{width: 80%;}
.nzi > dt{font-size: 18px; font-weight: bold; line-height: 35px; height:35px; white-space:nowrap;overflow:hidden;text-overflow:ellipsis; }
.nzi > dd{height: 40px;line-height: 20px; display: block; overflow: hidden}
.nmore{width: 100px; border-radius: 10px; background: #287f3f; color: #fff; font-size: 14px; font-weight: bold; display: block; text-align: center;float: right; margin: 10px;}



.inpra{padding-top: 20px;}
.inpra a,.inpra a:visited,.inpra a:active{width: 160px; margin-top: 15px; height: 40px; display: block; text-indent: 1em; color: #fff; line-height: 40px; background:#5f078f url(../images/r.png) no-repeat 140px;}
.inpra a:hover{background:#287f3f url(../images/r.png) no-repeat 147px;}
.inpra a:nth-child(odd){float: left}
.inpra a:nth-child(even){float: right}
.inprs{margin-top: 50px;}
.inprs dd{margin-top: 20px;}
.inprs dd a{padding-right: 15px;white-space:nowrap; line-height: 1.5em}
.inso{background: #fff; margin-top: 30px; width: 100%; line-height: 50px; height: 50px;}
.soso{width: 250px; margin-left: 15px; height: 50px; line-height: 50px; float: left}
.sob{background:url(../images/sob.png) no-repeat center; width: 50px; height: 50px; float: right; margin-right: 10px;}

.inpro {
	width:1200px;
	height:700px;
	overflow:hidden;
}
.inpro ul {

}
.inpro li {
	float:left;
	width:33.33333%;
	overflow:hidden;
	padding:10px 0px;
}
.inpro li a {
	float:left;
	display:inline-block;
	width:95%;
	overflow:hidden;
	margin-left:10px;
	background: #eeeeee;
	padding: 20px;
}

.inpro li a img {
		width: 100%
}
.inpro li a dl{
	display: block;
	line-height: 25px;
	height: 25px;
	margin: 10px 0px;
	font-size: 16px;
	text-align: center;

}
.inpro li a dl dt{
	display: block;
	float: left;
	white-space:nowrap;overflow:hidden;text-overflow:ellipsis; 
	width: 60%;
	margin-top: 8px;
	
}
.inpro li a dl dd{
	background: #3a7449 url("../images/jj.png") no-repeat center center;
	float: right;
	width: 93px;
	height: 23px;
	border-radius: 100px;
		-moz-transition: all 0.3s ease-in;
		-webkit-transition: all 0.3s ease-in;
		-o-transition: all 0.3s ease-in;
		transition: all 0.3s ease-in;
	margin-top: 8px;
}

.inpro li a:hover dl dd{
	background: #fff url("../images/jj1.png") no-repeat 45px center;
	
	
}

.inpro li a:hover{background: #3a7449; color: #fff}

.sw4 {
      width: 1200px;
      height: 100%;
    }
.sw4 .swiper-slide {
      text-align: center;
      font-size: 18px;
      background: #fff;
      display: block;
      justify-content: center;
      align-items: center;
    }

.sw4 .swiper-slide img {
      display: block;
      width: 100%;
      height: 100%;
      object-fit: cover;
    }
.sw4 .swiper-slide span{display: block;  padding: 20px 0px; line-height: 2em;}
.sw4 .swiper-slide span em{height: 2.5em;line-height: 2.5em; font-size: 16px; white-space:nowrap;overflow:hidden;text-overflow:ellipsis; display: block; padding: 0px 15px;}
.sw4 .swiper-slide span a{display: block; background: #287f3f; color: #fff; width: 50%; margin: 5px auto 0px auto}
.sw4 .swiper-slide span a:hover{width: 70%; border-radius: 5px;}

.sw4 .swiper-button-next,.sw4 .swiper-button-prev  {
	background: url("../images/jl.png") no-repeat center center;
}
.sw4 .swiper-button-next,.sw4 .swiper-button-next{	background: url("../images/jr.png")  no-repeat center center} 

.sw4 .swiper-pagination {
	background: #ccc;
	position: absolute;
}


/* leftlist */
#leftlist {
	width:999em;
}
/* fontlist */
#fontlist li {
	height:22px;
	line-height:22px;
}
#fontlist li a {
	width:auto;
}

/*product end*/
/*about*/
.bg1{background: url(../images/ybg.jpg) no-repeat top; }
.inabt li{text-align: center; width: 25%; float: left; color: #fff}

.inabtli .icon{width:64px; height:64px; margin:0 auto 10px; transition:all 0.5s ease;}
.inabtli:hover .icon{transform:rotateY(180deg);}

.inabt .t{font-size: 18px; font-weight: bold; line-height: 2.5em}
.inabt .z{line-height: 1.2rem; }
.inabzi{width: 59%}
.inabzi h2{font-size: 30px; writing-mode: vertical-lr;/*从左向右 从右向左是 writing-mode: vertical-rl;*/; float: left; line-height: 1.2em; color: #287f3f; vertical-align: middle}
.inabzi h3{font-weight:bold; font-size: 30px; text-transform: uppercase; color: #dbdbdb; float: left; writing-mode: vertical-lr;/*从左向右 从右向左是 writing-mode: vertical-rl;*/ line-height: 1.2em;}
.inabzin{width: 500px; color: #6b6b6b; height: 220px; overflow: hidden;}
.fg{box-shadow: 0 0 8px #6b6b6b;  -moz-box-shadow: 0 0 8px #6b6b6b; -ms-box-shadow: 0 0 8px #6b6b6b; -o-box-shadow: 0 0 8px #6b6b6b;}

.inabvi{width: 40%; background: #ccc}
.inabvi img{width: 100%; height:100%}
/*about end*/
/*case*/
.bt{text-align: center; font-size: 30px;text-transform: uppercase; line-height: 1em;}
.bt span{display: block; font-size: 22px;}



.bigbox {
  overflow: hidden;
  width: 1200px;
  height: 350px;
margin: 0 auto;
	background: #000

}
.content_1.content_2 {
  width: 100%;
  float: left;
}
.inex {
  transition:all .7s ease 0s;
  width: 24%;
	margin: 0.5%;
  height: 400px;
  float: left;
	text-align: center
}
.inex:hover {
transform: scale(1.1);
}

.ineximg{
	z-index: 2;
	right:39px;
}
.ineximg img{	
	width: 100%
}


.inexn{
	width:90%;
	margin: 0 auto;
	height: 335px;
	box-shadow: 0 0 5px #dedede;
	-moz-box-shadow: 0 0 5px #dedede;
	-ms-box-shadow: 0 0 5px #dedede;
	-o-box-shadow: 0 0 5px #dedede;
}
.inexn dt{width: 90%; margin: 0 auto; font-size: 16px; height: 75px; white-space:nowrap;overflow:hidden;text-overflow:ellipsis;  line-height: 75px;}
.inex img:hover{transform:rotateY(0deg);}
a.more:link,a.more:visited,a.more:active{width:200px; color: #3a7449; font-size: 16px; font-weight: bold;line-height: 40px; text-align: center; margin: 0 auto; border: 1px #3a7449 solid;display: block;		-moz-transition: all 0.3s ease-in;
		-webkit-transition: all 0.3s ease-in;
		-o-transition: all 0.3s ease-in;
		transition: all 0.3s ease-in; }
a.more:hover{background: #3a7449; width:300px; color: #fff;border-radius: 8px;}
/*case end*/
/*down*/
.down{background:#212d3a; background-size:cover; color: #fff; padding-top: 50px; margin-top: 20px;}
.down a{color: #fff}
.downew{ margin: 20px; text-align: center; color: #fff; line-height: 50px;}
.downew img{width: 90px;}
.downew span{display: block}
.downri{width:1000px; margin-top: 20px;}
.downria{line-height: 50px; border-bottom: 1px #45596f solid; overflow: hidden}
.downria a,.downria a:visited,.downria a:active{line-height: 50px; font-size: 16px; padding: 0px 25px;}
.downrizi{margin-top: 10px; line-height: 25px; height: 75px;}
/*down end*/

.pro {
	width:1000px;
	overflow:hidden;
}
.pro ul {

}
.pro li {
	float:left;
	width:1000px;
	overflow:hidden;
	padding:5px 0px;
}
.pro li a {
	float:left;
	display:inline-block;
	width:240px;
	height:298px;
	overflow:hidden;
	margin-left:10px;
	background: #fff;
	margin-top: 10px;
}

.pro li a:hover {
	background: #3a7449;
	color: #fff
}



.pro li a img {
	display:block;
	width:240px;
	height:240px;
}
.pro li a span{
	display: block;
	line-height: 25px;
	padding: 8px 30px;
	text-align: center;

}
.pro li a dd{
	width: 240px;
	height: 240px;
	overflow: hidden;
	display: block;
}


.prle{width: 180px; overflow: hidden}
.proa{padding-top: 20px;}
.proa a,.proa a:visited,.proa a:active{width: 160px; margin-top: 15px;  height: 40px; display: block; text-indent: 1em; color: #333; line-height: 40px; font-size: 16px;}
.proa a:hover{background:#287f3f; color: #fff;  border-radius: 5px;}
a.proaon,a.proaon:link,a.proaon:visited,a.proaon:active{background:#287f3f; color: #fff;  border-radius: 5px;}

.inproa{ margin: 20px 0px; overflow: hidden}
.inproa a,.inproa a:visited,.inproa a:active{width: 160px; text-align: center; float: left; margin:2px; margin-top: 15px;  height: 40px; display: block; text-indent: 1em; color: #333; line-height: 40px; font-size: 16px; border-radius: 5px;}
.inproa a:hover{background:#287f3f; color: #fff}
a.inproaon:link,a.inproaon:visited,a.inproaon:active{background:#287f3f; color: #fff; border-radius: 5px;}


a.proa1:link,a.proa1:visited,a.proa1:active{background:#287f3f url(../images/r.png) no-repeat 147px;}



.ym{width:100%; padding-top:20px; padding-bottom:10px; overflow:hidden; margin-top: 80px; }
.ym a{float:left; border:solid 1px #e3e3e3; padding:5px 10px 5px 10px; color:#545454; background: #fff; margin-right:5px; margin-bottom:5px;
 -moz-border-radius:3px;
 -ms-border-radius:3px;
 -o-border-radius:3px;
 -webkit-border-radius:3px;
 border-radius:3px;
}
.ym a:hover{background: #287f3f; color:#FFF; border:solid 1px #cdcdcd;}
a.select{background: #287f3f; color:#FFF; border:solid 1px #ff8e93;}
a.select:hover{	background: #287f3f; color:#FFF; border:solid 1px #287f3f;}
.nlesb a,.nlesb a:visited,.nlesb a:active,.nlesb a:hover{border: 0px; background: none;  text-indent: 0; }
.ndy{background: #fff; width: 1000px; padding: 30px; font-size: 16px; line-height: 1.8em}
.nprot{font-size: 30px;line-height: 2em; margin-bottom: 10px;}
.nproimg{width:100%; text-align: center; }
.nprozi{width: 400px;}
a.nproa:link,a.nproa:visited,a.nproa:active{
	padding: 2px 5px; border: 1px #ccc solid;white-space:nowrap;margin: 3px;float: left
}
.npronbt{border-bottom: 2px #ccc solid}
.npronbt h1{background: #3a7449; color: #fff; width: 150px; line-height: 40px; text-align: center;}
.npronzi{padding: 20px;}

.sx a{ font-size: 16px; border-bottom: 1px #eaeaea solid; display: block; }

.sx a dd{float: left; width: 110px; padding: 15px 10px; color: #3a7449; margin-right:10px; text-align: center}
.sx a:hover dd{background: #3a7449; color: #fff}
.sx a h3{padding: 15px 0px; font-weight:bold; font-size: 18px; color: #333}

.sx a:nth-child(2) i{width: 30px; height: 15px; display: block; float: left; margin-top: 8px;}


.nneimg{width: 250px; height: 175px; overflow: hidden}
.nneri{width: 620px;}
.nneri dt{color: #666666; font-size: 12px;}
.nneri h1{font-size: 16px; font-weight: bold}
.nneri dd{margin-top: 10px; color: #aeaeae}
.nneri em{padding: 0px 20px; border: 1px #ececec solid; margin-top: 20px; float: left; color: #3a7449}
.nneri em:hover{background: #3a7449; color: #fff}
.nnea a,.nnea a:visited,.nnea a:active{border: 1px #fff solid; padding: 6px; overflow: hidden; width: 898px; height: 190px; display: block}
.nnea a:hover{border: 1px #3a7449 solid}
.nnea1 li h1{width: 800px; height: 35px; overflow: hidden; line-height: 35px; font-weight: bold}
.nnea1 li em{font-size: 12px; color: #ccc}
.nnea1 a,.nnea1 a:visited,.nnea1 a:active{padding: 10px 20px; border: 1px #e5e5e5 solid; display: block; width: 898px;height: 90px; display: block; white-space:nowrap;overflow:hidden;text-overflow:ellipsis; margin-bottom: 15px;}
.nnea1 a:hover{border: 1px #e1c4a8 solid; transition: all 1s;transform: scale(0.98);}
.nnea1z{width: 860px; overflow: hidden; height: 35px; line-height: 35px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}

.nen h1{width: 100%; background: #f7f7f7; padding: 10px 20px; line-height: 1.8em; text-align: center; font-size: 25px; color: #666666}
.nen em{font-size: 12px; color: #5f078f; padding: 10px 0px; width: 100%; text-align: center; float: left}
.nenz{padding: 20px 5px; font-size: 16px; color: #666666; min-height: 500px;}
.nenz img{max-width: 100%}
.nen dt img{max-width: 100%}

{}