﻿@charset "utf-8";
/* CSS Document */
*{
margin:0;
padding:0px;
}
body{
font-family:"方正黑体";
font-size:14px;
line-height:24px;
color:#737373;
background:#fff;
}
img{
border:none;
}
ul li{
list-style:none;
}
a{color:#737373; text-decoration: none;}

a:hover{color:#047c17;text-decoration:none;}


h1{
float:left; color:#000000; font-size:29px;padding-bottom:0px; font-weight:900;  line-height:42px; width:650px; 
}
h1 img{ padding-right:17px; float:left}
h1 a{color:#000000; }
h1 a:hover{color:#000000; }

h1 span{ font-size:17px; color:#4a4a4a; font-weight:normal; font-family:Arial, Helvetica, sans-serif;  line-height:20px;text-transform:uppercase; letter-spacing:0.4px; }

.head{
width:1160px; 
margin:auto;padding-top:30px;
}

.zdwz{ width:330px; float:right; color:#df0b0b; font-size:20px;padding-top:10px; letter-spacing:7.2px; line-height:25px;}
.zdwz p{ float:left; color:#df0b0b; font-size:14.5px;letter-spacing:0px;}

.zdwz1{ float:right; color:#303030; font-size:17px;  padding-top:9px; }
.zdwz1 img{ float:right; padding-left:8px;}



/*--------------------index.html start----------------------*/
#container{
width:1140px;
margin:auto;

}




#menuz1{width:100%; background:#047c17; margin-top:30px;float:left;}
#menuz2{width:1170px; margin:auto;
}
#menuz{width:970px; float:left ;font-size:19px; font-weight:900;line-height:65px; }
#menuz ul{ width:100%;}
#menuz ul li{float:left; }
#menuz ul li a{ padding-right:41px; color:#fff; padding-left:41.5px;}
#menuz ul li a:hover{background:#035710; float:left}

.yuyan{ float:right; width:197px;  border-right:#035710 solid 1px;  border-left:#035710 solid 1px;}	

ul.menu {list-style:none; margin:0; padding:0;}
ul.menu * {margin:0; padding:0}
ul.menu a {display:block; color:#000; text-decoration:none; padding-left:0px; text-align:center; }

ul.menu li {position:relative;  float:left;}
ul.menu ul {position:absolute;  left:-1px; display:none; opacity:0; list-style:none;  }
ul.menu ul li {position:relative; width:127px;  text-align:center; overflow:hidden; font-weight:normal;background:#047c17; font-size:14px; border-top:#035710 solid 1px; line-height:40px;}
ul.menu ul li a {color:#fff;font-weight:normal;font-family:Arial, Helvetica, sans-serif; }
ul.menu ul li a:hover { color:#fff; background:#035710}
ul.menu ul ul { top:0px;}
ul.menu .menulink {  font-weight:none;padding-top:0px; padding-bottom:0px;font-size:16px;_display:inline-block; width:125px;  border-right:#035710 solid 1px;  line-height:65px; color:#FFFFFF;font-weight:900;}
ul.menu .menulink:hover, ul.menu .menuhover {color:#fff;  background:#035710; overflow:hidden ;}



.search1{
width:70px;height:65px;
float:right;
}


.header-button {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
background:#047c17; 
  overflow: hidden;
  text-align: left;
  text-transform: capitalize;
  position: relative;
  z-index: 1;
  display: block;
  width: 70px;
  height: 65px;
  margin: 0;
  padding: 0;
  padding-left:18px;
  outline: none;
  border: none;
  cursor: pointer;
}
#toggle-menu {
  float: left;
  background-position: 0 0;
  background-color: #035710;
}

#toggle-search {
  float: right;
  background-position: -60px 0;
}
#toggle-search.open:after {
  top: 45px;
}
#toggle-search:after {
  -moz-transition: top, 0.5s;
  -o-transition: top, 0.5s;
  -webkit-transition: top, 0.5s;
  transition: top, 0.5s;
  position: absolute;
  top: 65px;
  left: 50%;
  margin-left: -8px;
  content: "";
  border-color: transparent transparent #fff;
  border-style: solid;
  border-width: 8px 8px 12px;
}

#toggle-basket {
  position: relative;
  float: right;
  background-position: -120px 0;
}
#toggle-basket:before {
  position: absolute;
  top: 5px;
  left: 0;
  width: 2px;
  height: 50px;
  content: "";
  background-color: #000;
}

#search-form {
  -moz-transition: max-height, 0.5s;
  -o-transition: max-height, 0.5s;
  -webkit-transition: max-height, 0.5s;
  transition: max-height, 0.5s;
  position:absolute;
  top:187px;
  left:0;
  width:100%; 
  max-height: 0;
  overflow: hidden;
  background-color: #fff; box-shadow: 2px 2px 10px #a7cfae;
  z-index:10;
}
#search-form.open {
  max-height: 60px;
}
#search-form fieldset {
  position: relative;
  margin: 0 60px 0 0;
  padding: 0;
  border: none;
}
#search-form input {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  height: 60px;
}
#search-form input[type="search"] {
  width: 100%;
  padding: 0 0px 0 42px;
  background: transparent;
  font-size:16px;
  border: none;
}


#search-form input[type="submit"] {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 70px;
  margin: 0;
  padding: 0;
  font-weight: 700;
  text-transform: uppercase;
  color: #fff;
  background: #035710;
  font-size:16px;
  border: none;
  cursor: pointer;
}



.searchinput{
color:#939393;
font-size:16px;
border:#fff solid 1px;
line-height:65px;
padding-left:15px;
width:100%;
float:left;
display:inline;
background:#fff;
}










#flash{
width:100%;
height:658px;
float:left;
}





.banner{
			width: 100%;
			/*height: 560px;*/
			/*background: black;*/
			/*子绝父相*/
			position: relative;
			/*超出部分全部隐藏，解决横向滚动条*/
			overflow: hidden;
		}
		.banner ul{
			position: absolute;
		}
		.banner ul li{
			/*这个100%是相对于父盒子的（会把父盒子的宽度继承过来,如父盒子300%,这这里的100%就会相当于300%）*/
			width: 100%;
			height:517px;
			float: left;
			background:  no-repeat center center;
		}
		/*.banner ul li:nth-child(1){*/
			/*background: url('./1.jpg') no-repeat center center;*/
		/*}*/
		/*.banner ul li:nth-child(2){*/
			/*background: url('./2.jpg') no-repeat center center;*/
		/*}*/
		/*.banner ul li:nth-child(3){*/
			/*background: url('./3.jpg') no-repeat center center;*/
		/*}*/
		.banner ol{
			/*width: 60px;*/
			height: 20px;
			background:none;
			position: absolute;
			left:50%;
			/*margin-left: -40px;*/
			bottom: 30px;
			padding: 0 10px;
			border-radius: 10px;
			 z-index:200;
		}
		.banner ol li{
			width: 10px;
			height: 10px;
			float: left;
			margin: 5px 5px;
			background: rgba(255,255,255,0.5);
			border-radius: 50%;
			cursor: pointer;
			list-style-type:none;
		}
		.banner ol .current{
			background: rgba(255,255,255,1);
		}
		.banner i{
			width: 58px;
			height: 120px;
			position: absolute;
			top: 50%;
			margin-top: -60px;
			cursor: pointer;
			border-radius: 5px;
			display: none;
			 z-index:200;
		}
		.banner .left{
			left: 20px;
			background:url(../images/left_right.png) no-repeat 0 0px;
		}
		.banner .right{
			right: 20px;
			background:url(../images/left_right.png) no-repeat 0px -120px;
		}
		.banner .left:hover , .banner .right:hover{
			background-color:none;
		}







#ab2{width:1140px; margin:auto; padding-top:30px ; clear:both}

.az{width:1140px; float:left; border:#d9d9d9 solid 1px; background:#FFFFFF}
.az11{width:553px; float:left; }
.az1{width:521px; height:256px; float:left; padding-left:30px; padding-top:20px;}
.az1 h4{width:521px;  font-size:35px; font-weight:normal;float:left; color:#393939; line-height:90px;}

.az1 ul{overflow:hidden; text-align:left; float:left; font-size:16px; }
.az1 ul li{display:inline;float:left; line-height:48px; padding-left:45px; width:200px; color:#545454;background:url(../images/d1.jpg) no-repeat left;}

.az2{width:553px; height:253px; float:left; background:#eaeaea}
.az2-1{width:341px; height:253px; float:left; overflow:hidden}
.az2-1 a img{ display:block; -webkit-transition:all 0.5s ease 0s; transition:all 0.5s ease 0s;-moz-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; }
.az2-1 a:hover img{ transform:scale(1.1,1.1);-webkit-transform:scale(1.1,1.1); -moz-transition:scale(1.1,1.1); -o-transition:scale(1.1,1.1);}

.az2-2{width:181px;  float:left; font-size:25px; color:#545454; padding-top:50px; padding-left:30px; line-height:30px;}
.az2-2 span{font-size:16px; color:#9f9f9f; font-family:Arial, Helvetica, sans-serif; text-transform:uppercase;}

.m1{ width:50px; line-height:50px; text-align:center; color:#FFFFFF; background:#047c17; float:right; font-size:30px; margin-top:123px;}
.m1 a{color:#FFFFFF;}



.ab1{width:586px; height:393px; float:right; overflow:hidden; }
.ab1 a img{ display:block; -webkit-transition:all 0.5s ease 0s; transition:all 0.5s ease 0s;-moz-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; }
.ab1 a:hover img{ transform:scale(1.1,1.1);-webkit-transform:scale(1.1,1.1); -moz-transition:scale(1.1,1.1); -o-transition:scale(1.1,1.1);}


.nr1{ float:right; width:138px; height:0px; position: relative;clear: both; z-index:100; }
.nr2{float:left; width:108px;  height:75px; position: absolute;clear: both; color:#FFFFFF; background:#28aa46; text-align:right; font-size:20px; padding-right:30px; padding-top:30px;}
.nr2 span{ font-size:13px;text-transform:uppercase}

.ab3{width:526px; height:106px; float:right; padding-top:30px; padding-left:30px; padding-right:30px;}

.ab31{width:458px; height:106px; float:left}



.m3{ width:50px; text-align:center; color:#047c17;float:right; font-size:110px; margin-top:25px;transform: scale(0.5,1)}
.m3 a{color:#047c17;}





#pro1{width:100%; float:left; background:#f2f2f2; padding-top:80px; padding-bottom:80px; margin-top:80px; }
.pro{width:1140px; margin:auto; height:100px; }
.pro h3{width:1140px;  font-size:40px; font-weight:normal; height:90px; float:left; color:#393939; text-align:center; padding-bottom:30px;}
.pro h3 b{color:#047c17; text-align:center; font-size:40px; }
.pro h3 span{color:#393939; text-align:center; font-size:18px;width:1140px; float:left; line-height:70px; }
.pro h3 em{color:#047c17; font-size:18px; font-style:normal;}





.pro1{width:1140px; margin:auto; background:url(../images/pro.jpg) no-repeat right #e0e3e6; height:192px; margin-bottom:40px;}
.pro11{width:270px; float:left}

.pro11 h3{ width:270px; font-size:35px; font-weight:normal;  float:left; color:#393939; text-align:left; padding-bottom:0px; padding-top:40px; padding-left:80px;}
.pro11 h3 b{color:#ff0000; text-align:center; font-size:35px; }

.pro15{width:500px; padding-right:20px; margin-top:10px; float:right; color:#FFFFFF; line-height:28px;text-overflow:ellipsis;/*超出...*/ display:-webkit-box; -webkit-line-clamp:5;/*显示行数*/ -webkit-box-orient:vertical; overflow:hidden;}



.m4{}
	
.m4 a{ width:130px; line-height:33px; text-align:center; color:#878787;float:right; font-size:14px; margin-top:25px; border:#c4c6c8 solid 1px; float:left; margin-left:80px;
transition:All 0.4s ease-in-out;
	-webkit-transition:All 0.4s ease-in-out;
	-moz-transition:All 0.4s ease-in-out;
	-o-transition:All 0.4s ease-in-out;}	
.m4 a:hover{
	transform: translate(0,-5px);
	-webkit-transform: translate(0,-5px);
	-moz-transform: translate(0,-5px);
	-o-transform: translate(0,-5px);
	-ms-transform: translate(0,-5px);}
	


.ccc2{ float:left; padding-top:35px; }




.pp{ width:1140px; margin:auto;  clear:both; background:url(../images/p_b.jpg) repeat-x top; padding-top:50px;}

.p1{width:288px; float:left;  background:#dae6dc}
.p1 h3{width:263px; float:left; color:#fff; font-weight:normal; font-size:18px; line-height:53px;  background:#047c17; text-align:left; padding-top:0px; padding-left:25px;}
.p1 h3 span{  font-size:14px; font-weight:normal;font-family:Arial, Helvetica, sans-serif;}

.p1 ul{overflow:hidden; text-align:left; float:left; width:288px; font-size:15px; margin-top:1px;}
.p1 ul li{display:inline;float:left; line-height:35px; border-bottom:#bfd6c2 solid 1px; }
.p1 ul li a{ float:left;padding-left:20px;width:288px;color:#2e5737}
.p1 ul li a:hover{ float:left; background:#037c15; width:288px; color:#fff;  float:left;  line-height:35px;  }

.proList_con {width: 816px;float: right;}



.imglist ul li{float:left; font-size:12px;border-bottom:#e4e4e4 solid 1px; width:245px; height:338px; margin-left:50px;  }
.imglist ul li img{width:245px; height:195px!important;}
.imglist ul li span{ float:left;line-height:40px; font-size:16px;  width:280px; color:#3b3b3b;  text-align:left; line-height:25px;}
.imglist ul li span a{ color:#3b3b3b;}
.imglist ul li p{ float:left;line-height:25px; font-size:14px;  width:280px;  text-align:left; color:#999999  }



.demo {
	OVERFLOW: hidden;
	WIDTH: 100%
}
.indemo {FLOAT: left; WIDTH: 800%}
.demo1 {FLOAT: left}
.demo2 {FLOAT: left}






#new1{width:1140px; margin:auto; padding-top:80px; clear:both; }
#new1 h3{width:1140px;font-size:40px; font-weight:normal; height:90px; float:left; color:#393939; text-align:center; padding-bottom:30px;}
#new1 h3 b{text-align:center; font-size:40px; }
#new1 h3 span{color:#828282;  font-size:17px; line-height:40px; padding-top:15px; float:left;width:1140px; font-weight:normal; }





.nn2{width:1140px;float:left; }

.nn2 ul{overflow:hidden; text-align:left; float:left;width:1140px;}
.nn2 ul li{display:inline;float:left;  float:left;  width:320px; padding-right:60px; color:#a2a2a2;  }
.nn2 ul li a{color:#a2a2a2;  }


.nn2 ul li h5{display:inline;float:left; font-weight:normal; color:#000; float:left;  width:320px; margin-bottom:10px; font-size:17px;}
.nn2 ul li h5 a{color:#000; }

.vv{ width:320px; float:left}

.shijian{ width:320px; float:left;  color:#b0b0b0;  text-align:left; padding-top:5px; padding-bottom:30px;}
.shijian b{  font-size:60px;text-align:center;line-height:50px; font-family:Arial, Helvetica, sans-serif}


 
.nr3{ float:left; width:380px; height:0px; position: relative;clear: both; z-index:100; }
.nr4{float:left;background:#FFFFFF; margin-left:40px; padding-left:5px; padding-right:10px; margin-top:35px; padding-bottom:8px;  font-size:13px!important;}

.m2{ float:left;  line-height:28px; text-align:left; margin-top:20px;}







#zhu1{width:100%; float:left; background:#047c17; margin-top:50px; padding-top:40px; padding-bottom:30px;}
.zhu{ width:1140px; margin:auto; }
.zhu h3{ width:1140px; float:left; font-size:37px; color:#fff; line-height:40px; font-weight:900; text-align:center;
}
.zhu h3 span{ width:1140px; float:left; font-size:20px; font-weight:normal;color:#fff; font-weight:normal  }



#footer1{ float:left; width:100%; border-bottom:#e6e6e6 solid 1px; }
#footer21{margin:auto;width:1140px; }
#footer21 h3{float:left;height:60px; line-height:60px; font-weight:normal; font-size:16px; text-transform:uppercase;  padding-right:20px; text-align:left ;color:#066ab6}
.fot{float:left;width:700px; line-height:59px; text-align:left;line-height:60px; }
.fot1{float:right; line-height:60px; font-size:22px; font-family:Arial, Helvetica, sans-serif; color:#066ab6; }




#footer2{margin:auto;width:1140px; padding-top:50px; padding-bottom:30px; overflow:hidden }


.daoh1{ float:left; width:920px; }

.daoh{ float:left; width:210px; }
.daoh h3{ float:left;padding-bottom:10px; font-size:14px;  color:#000; padding-top:10px; width:210px; font-weight:normal}
.daoh h3 a{ color:#000; }

.daoh ul{text-align:left; float:left; width:210px; font-size:14px;}
.daoh ul li{display:inline;float:left; line-height:27px; }
.daoh ul li a{ float:left;width:210px ;color:#a2a2a2 }
.daoh ul li a:hover{ float:left;width:210px ;color:#007b1a }

.daoh2{ float:left; width:110px; }
.daoh2 h3{ float:left;padding-bottom:10px; font-size:14px;  color:#000; padding-top:10px; width:110px; font-weight:normal}
.daoh2 ul{text-align:left; float:left; width:110px; font-size:14px;}
.daoh2 ul li{display:inline;float:left; line-height:27px; }
.daoh2 ul li a{ float:left;width:110px; color:#a2a2a2 }
.daoh2 ul li a:hover{ float:left;width:110px; color:#007b1a }


.dd1{border-right:#ececec solid 1px; margin-right:40px;}





.ewm{ float:right; width:220px; }
.ewm h3{ font-size:16px; float:right;color:#fff;border-radius:25px; line-height:45px; background:url(../images/kf.jpg) no-repeat  25px 13px #636363;  font-weight:normal; width:140px; text-align:center}

.lx{ float:right; width:220px; color:#a2a2a2; text-align:right; padding-top:20px; line-height:28px; }
.lx a{color:#a2a2a2 }



#footer3{float:left; width:100%;  background:url(../images/fot_b.jpg) repeat-x top; padding-top:40px; padding-bottom:30px;}
#footer{margin:auto;width:1140px; color:#7b7b7b; text-align:left; line-height:27px;  overflow:hidden;  }
#footer a{ color:#7b7b7b;  }
.zzb07tail
{ 
}
a.zzb07link{

	text-decoration:none;
}

a.zzb07link:hover {
	text-decoration:underline;

}


.qq1{ width:130px; float:right; padding-top:10px;}


