@charset "utf-8";
/* CSS Document */

.ho-contant{ width:1200px; margin: 0 auto}

.heard{ background:#83b846; padding:20px 0; min-width:1200px}
.heard .logo{ margin-top:5px;}
.heard .top-langage{ margin-bottom:10px;}
.heard .top-langage ul li{ display:inline-block; font-size:18px; color:#fff; padding-left:30px; line-height:25px; margin-right:10px;}
.heard .top-langage ul li a{ font-size:18px; color:#fff; line-height:25px;}
.heard .top-langage ul li a:hover{ color:#4c6e25;}
.heard .top-langage ul li.mail-icon{ background:url(../images/mail-icon.png) no-repeat;}
.heard .top-langage ul li.tel-icon{ background:url(../images/tel-icon.png) no-repeat;}
.heard .top-langage ul li.lan-icon{ background:url(../images/lan-icon.png) no-repeat;}
.heard .nav ul li{ width:130px;float: left;text-align: center;line-height: 38px;margin-left: 8px;color: #FFFFFF;font-size: 12px;white-space:nowrap;}
.heard .nav ul li:first-child{ margin-left:0;}
.heard .nav ul li a{width: 130px;height: 38px;display: block; background: url(../images/menu.png) no-repeat;color: #FFFFFF; font-weight:bold;font-size: 18px; border-radius:5px;white-space:nowrap;-webkit-box-shadow:0 3px 3px rgba(0, 0, 0, .5);  
  -moz-box-shadow:0 3px 3px rgba(0, 0, 0, .5);  
  box-shadow:0 3px 3px rgba(0, 0, 0, .5) }
.heard .nav ul li.active a,.heard .nav ul li:hover a{ background: url(../images/menu.png) 0 -38px no-repeat;}
/* fullSlide */
.fullSlide{min-width:1200px;position:relative;height:470px;background:#000;}
.fullSlide .bd{margin:0 auto;position:relative;z-index:0;overflow:hidden;}
.fullSlide .bd ul{width:100% !important;}
.fullSlide .bd li{width:100% !important;height:470px;overflow:hidden;text-align:center; background-position:center !important;}
.fullSlide .bd li a{display:block;height:470px;}
.fullSlide .hd{position:absolute;z-index:1;bottom:30px;right:5%;height:30px;line-height:30px;}
.fullSlide .hd ul{text-align:center;}
.fullSlide .hd ul li{cursor:pointer;display:inline-block;*display:inline;zoom:1;width:15px;height:15px; border-radius:15px; margin:5px;overflow:hidden;background:#000;line-height:999px;}
.fullSlide .hd ul .on{background:#83b846;}
.fullSlide .prev,.fullSlide .next{display:block;position:absolute;z-index:1;top:50%;margin-top:-30px;left:15%;z-index:1;width:40px;height:60px;background:url(../images/slider-arrow.png) -126px -137px #000 no-repeat;cursor:pointer;filter:alpha(opacity=50);opacity:0.5;display:none;}
.fullSlide .next{left:auto;right:15%;background-position:-6px -137px;}

/*ho-contant*/
.ho-contant .ho-about{ margin:30px 0 50px;}
.ho-contant .ho-about h4{ font-size:30px; color:#5c921d; text-align:center; margin-bottom:20px;}
.ho-contant .ho-about p{ font-size:18px; color:#333333; line-height:28px; font-weight:600;}


/*swiper*/
.swiper{ position:relative;}
.swiper-container { width: 521px;height: 406px;-webkit-box-shadow:0 5px 10px rgba(0, 0, 0, .5);  
  -moz-box-shadow:0 5px 10px rgba(0, 0, 0, .5);  
  box-shadow:0 5px 10px rgba(0, 0, 0, .5); }
.swiper-slide {text-align: center; font-size: 18px; background: #fff; position:relative; }

.con-top{ position:absolute; top:0px; left:-5px; z-index:99;}

/*footer*/
.footer{ background:#3c3c3c; padding:40px 0; min-width:1200px}
.footer .foot-nav-box{ margin-top:30px;}
.footer .foot-nav{ margin-bottom:10px;}
.footer .foot-nav li{ float:left; margin-right:5px;}
.footer .foot-nav li a{ font-size:14px; color:#e3e2e2; line-height:12px; border-right:1px solid #e3e2e2; padding-right:5px;}
.footer .foot-nav li a:hover{ color:#4c6e25;}
.footer .foot-nav-box p{ font-size:12px; color:#e3e2e2; margin-bottom:5px;}
.footer .foot-info{ width:430px;}
.footer .foot-info ul li{ color:#efefef; border-bottom:1px solid #6c6c6c; padding:10px 0; font-size:14px; line-height:14px;}
.footer .foot-info ul li a{ color:#efefef; font-size:14px; line-height:14px;}
.footer .foot-info ul li a:hover{ color:#4c6e25;}
.footer .foot-info .big-title{ font-size:36px; color:#efefef; font-weight:bolder; padding-bottom:10px; line-height:36px;}
.footer .foot-info ul li span{ float:left; display:block;}
.footer .foot-info ul li i{ float:left; display:block; width:350px;}

/*share*/
.share span{ display:block; float:left; font-size:14px; color:#e3e2e2; line-height:36px; margin-right:10px;}
.share ul{ float:left; display:inline-block;}
.share ul li{ display:inline-block; margin-right:10px;}

.content-a{ padding:0 0 40px 0;}
.content{ padding:40px 0;}
.content P ,.content-a p{ font-size:14px; color:#333; line-height:24px; }
.padding-18{ padding:0 18px;}

.pageleft{ float:left;}
.pageleft .title{ width:257px; height:78px; background: url(../images/pageleft.png); }
.pageleft .title h4{ color:#fff; text-transform:uppercase; font-size:24px; line-height:70px; margin-left:25px; font-weight:500;}
.pageleft .menu > li{ margin-top:5px;}
.pageleft .menu > li > a{ background:#eaeaea; font-size:14px; color:#333333; width:225px; height:40px; border-radius:5px; display:block; padding-left:25px; line-height:40px;}
.pageleft .menu > li .down-menu li a{ font-size:14px; color:#333; border-bottom:1px solid #eaeaea; line-height:40px; padding-left:20px; display:block; width:225px;}
.pageleft .menu > li .down-menu li:last-child a{ border-bottom:none;}
.pageleft .menu > li.active a,.pageleft .menu > li:hover a,.pageleft .menu > li .down-menu li.active a,.pageleft .menu > li .down-menu li:hover a{ color:#45740f;}
/*n-banner*/
.n-banner{ width:100%; background: url(../images/n-banner.jpg) center #eee; height:305px;}




.pageright{ width:880px; float:right;}
/*bread cf*/
.bread {
	border-bottom:#ebebeb 1px solid;
	margin-bottom:20px;
}
.bread h4{
	font-size:16px;
	display:inline-block;
	float:left;
	color:#45740f;
	line-height:47px;
	margin-left:18px;
	font-weight:500;
	
}
.bread ul{
	margin-right:33px;
	float:right;
}
.bread ul li{
	display:inline-block;
	font-size:14px;
	line-height:47px;
	
}
.bread ul li a{
	font-size:14px;
	line-height:47px;
	color:#333;
}
.bread ul li a:hover{
	  color: #1471EF;
}

/*about*/
.about p span{ color:#45740f; font-weight:600;}
.about p{ font-size:14px; color:#333; line-height:24px; margin-bottom:15px;}


/*show*/
.show {
	margin-top:30px;
}
.show li.plist1 {
	padding-right:24px;
	width: 265px;
	float: left;
	overflow: hidden;
	display: block;
	z-index: -100;
	line-height: normal;
	margin-bottom: 30px;
	text-align:center;
}
.show li:nth-child(3n+3) {
	padding-right: 0;
}
.show li.plist1 a {
	display: block;
	color: #333333;
	background: #FFFFFF;
	text-align: center;
	font-size: 14px;
}
.show li.plist1 a:hover {
	color: #1471EF;
	
}
.show li.plist1 dl dt {
	border: 1px solid #cccccc;
	width:265px;
	overflow:hidden;
}
.show li.plist1 a:hover dl dt {
	border: 1px solid #1471EF;
}
.show li.plist1 dl dd {
	width: 100%;
	margin-top: 15px;
}
.show li.plist1 img {
	
	height:175px;
}

.quality .quality-icon li{ float:left; padding:20px 15px; width:240px; height:62px;}
.quality .quality-icon li img{ width:100%; height:100%;}
/*product*/
.product {
	margin-top:30px;
}
.product li.plist1 {
	
	width: 100%;
	border: 1px solid #cccccc;
	overflow: hidden;
	display: block;
	z-index: -100;
	line-height: normal;
	margin-bottom: 30px;
}
.product li:nth-child(3n+3) {
	padding-right: 0;
}
.product li.plist1 a {
	display: block;
	color: #333333;
	background: #FFFFFF;

	font-size: 14px;
}
.product li.plist1 a:hover {
	color: #1471EF;
	
}
.product li.plist1 .pro-img {
	border-right:1px solid #cccccc;
	text-align:center;
	width:320px;
}
.product li.plist1 .pro-info{
	width:480px;
	padding:15px;
}
.product li.plist1 .pro-info p{
	font-size:14px;
	line-height:24px;
	margin-bottom:10px;
	word-wrap: break-word;

}
.product li.plist1 .pro-info p span{
	font-weight:600;
}
.product li.plist1 img {

	height:150px;
}

/*contact*/
.contact h4{ font-size:30px; color:#45740f; margin-bottom:30px;}
.contact ul{ margin-top:20px;}
.contact ul li{ position:relative; padding-left:50px; font-size:16px; color:#333; margin-bottom:25px;}
.contact ul li i{ width:43px; height:43px; background:url(../images/contact/contact_01.png) top; content:''; display:block; position:absolute; left:0; top:-8px;}
.contact ul li i.icon-1{background:url(../images/contact/contact_01.png);}
.contact ul li i.icon-2{background:url(../images/contact/contact_02.png);}
.contact ul li i.icon-3{background:url(../images/contact/contact_03.png);}
.contact ul li i.icon-4{background:url(../images/contact/contact_04.png);}
.contact ul li i.icon-5{background:url(../images/contact/contact_05.png);}
.contact ul li i.icon-6{background:url(../images/contact/contact_06.png);}
.contact ul li:hover i{ background-position:bottom;}

#mapContainer{
			height:400px;
			margin-top:20px;
			
		}
		
		#btnDiv{
			position:absolute;
			bottom:20px;
			right:20px;
		}
		
		#btnDiv input{
			height:28px;
			line-height:28px;
			background-color: #0D9BF2;
			color:#FFF;
			border:0;
			outline:none;
			padding-left: 5px;
			padding-right:5px;
			border-radius:3px;
			cursor:pointer;
		}