/* CSS Document */
body{
	overflow-x: hidden;
	background-color: #ffffff;
}

/*首页轮播图*/
.pageGuideBanner{
    width: 1920px;
    height: 500px;
    overflow: hidden;
    position: relative;
	left: 50%;
	margin-left: -960px;
	top: 0px;
	/*margin: 0 auto;*/
}
	.bannerimg{
	    position: relative;
	    width: 1920px;
	    height: 500px;
	    top: 0;
	    left: 0;
	    /*display: none;*/
	}
	.bannerimg a{
	  display: none;
	  position: absolute;
	  width: 1920px;
	  height: 500px;
	  top: 0;
	  left: 0;
	}
	.bannerimg a img {
	  width: 1920px;
	  height: 500px;
	}
	/*轮播按钮*/
	.bannerimgbtn{
	    position: absolute;
	    width: 1400px;
		top: 440px;
	    left: 50%;
	    margin-left: -700px;
	    overflow: hidden;
	}
		/*左侧数字*/
		.bannerimgbtnNum{
			width: 120px;
			height: 60px;
			font-size: 20px;
			color: #fff126;
			line-height: 60px;
			float: left;
		}
			.nowNum{
				font-size: 40px;
				color: #fff126;
				line-height: 60px;
				padding: 0 6px;
				font-weight: bold;
			}
			.totalNum{
				font-size: 20px;
				color: #fff126;
				line-height: 60px;
				padding: 0 6px;
			}
		/*右侧控制按钮*/
		.bannerimgbtnContent{
			width: 200px;
			height: 40px;
			float: right;
			overflow: hidden;
		}
			.bannerimgbtnContent>div{
				width: 22px;
				height: 22px;
				border-radius: 50%;
				float: left;
				margin-left: 10px;
				font-weight: bold;
				border: solid 2px #fff126;
				margin-top: 16px;
			}
			/*按钮被选中时添加样式*/
			.btnCheck{
				background-color: #fff126;
			}
			.bannerimgbtnContent>div:hover{
				cursor: pointer;
			}


/*主体部分*/
.mainIndex{
	width: 100%;
	margin: 0 auto;
/*	background-color: aqua;*/
}

	/*企业简介*/
	#indexIntroduction{
		width: 1400px;
		height: 270px;
		margin: 50px auto;
		overflow: hidden;
	}
		.introImg{
			width: 444px;
			height: 270px;
			float: left;
		}
		.introText{
			width: 940px;
			height: 270px;
			float: right;
		}
			.introText>h1{
				width: 100%;
				height: 48px;
				font-size: 40px;
				color: #008541;
				line-height: 48px;
				text-align: center;
				font-weight: bold;
				letter-spacing: 4px;
			}
			.introText>h2{
				width: 100%;
				height: 30px;
				font-size: 20px;
				color: #666666;
				line-height: 30px;
				text-align: center;
				font-weight: bold;
			}

			.introText>p{
				width: 100%;
				height: 180px;
				font-size: 20px;
				color: #666666;
				line-height: 36px;
				text-align: justify;
				text-indent: 40px;
				margin-top: 20px;
				overflow: hidden;
				
				display: -webkit-box; 
				white-space: normal;
				-webkit-line-clamp: 5;
				-webkit-box-orient: vertical;	
				text-overflow: ellipsis;
			}
		.introText:hover{
			cursor: pointer;
			
		}
		.introText:hover p{
			font-weight: bold;
		}


	/*新闻中心*/
	#indexNewsPart{
		width: 1400px;
		height: 650px;
		margin: 0 auto 50px auto;
	}
	
		/*新闻左侧*/
		.newsPartLeft{
			width: 444px;
			float: left;
		}
			.newsPartLeftTitle{
				width: 100%;
				height: 110px;
			}
				.newsPartLeftTitle>h1{
					width: 100%;
					height: 60px;
					font-size: 40px;
					color: #008541;
					line-height: 60px;
					text-align: center;
					font-weight: bold;
					letter-spacing: 4px;
				}
				.newsPartLeftTitle>h2{
					width: 100%;
					height: 26px;
					font-size: 20px;
					color: #666666;
					line-height: 26px;
					text-align: center;
					font-weight: bold;
				}
			.newsPartLeftMsg{
				width: 100%;
				height: 540px;
			}
				.newsPartLeftMsg>img{
					width: 444px;
					height: 333px;
					margin-bottom: 10px;
				}
				.newsPartLeftMsg>h1{
					width: 100%;
					height: 30px;
					font-size: 22px;
					color: 131212;
					line-height: 30px;
					text-align: center;
					overflow: hidden;
					white-space: nowrap;
					text-overflow: ellipsis;
				}
				.newsPartLeftMsg>h2{
					width: 100%;
					height: 22px;
					font-size: 16px;
					color: #999999;
					line-height: 22px;
					text-align: right;

				}
				.newsPartLeftMsg>p{
					width: 100%;
					height: 144px;
					font-size: 18px;
					color: #666666;
					line-height: 36px;
					text-align: justify;
					text-indent: 36px;
					overflow: hidden;

					white-space: normal;
					-webkit-line-clamp: 4;
					-webkit-box-orient: vertical;	
					text-overflow: ellipsis;
				}
			.newsPartLeftMsg:hover{
				cursor: pointer;
			}
				.newsPartLeftMsg>h1:hover{
					font-weight: bold;
					text-decoration: underline;
					color: #e84749;
				}
		/*新闻右侧*/
		.newsPartRight{
			width: 900px;
			height: 650px;
			float: right;
			padding-top: 60px;
		}
			.newsPartRightBg{
				width: 100%;
				height: 570px;
				background-color: #008541;
			}
				.bgImg{
					position: relative;
					top: -66px;
					left: 0;
					width: 612px;
					height: 232px;
					display: block;
				}
				.newsPartMore{
					width: 240px;
					height: 46px;
					font-size: 26px;
					color: #666666;
					background-color: #ffffff;
					border-radius: 23px;
					text-align: center;
					line-height: 46px;
					position: relative;
					top: -176px;
					left: 630px;
				}
				.newsPartMore:hover{
					cursor: pointer;
					font-weight: bold;
					background-color: #fbbf56;
					color: #ffffff;
					box-shadow: 2px 2px 10px #444444;
				}

				/*右侧新闻最新6条*/
				.newsTOPFive{
					width: 888px;
					height: 412px;
					overflow: hidden;
					position: relative;
					top: -130px;
					left: 6px;
				}
					.newsTOP1st{
						width: 284px;
						height: 194px;
						float: left;
						background-color: #ffffff;
						margin: 6px;
					}
					.newsTOP1st>a{
						width: 280px;
						height: 194px;
					}
						.newsTOPtitle{
							width: 252px;
							height: 48px;
							font-size: 18px;
							line-height: 24px;
							color: #333333;
							font-weight: bold;
							display: -webkit-box;
							overflow: hidden;
							white-space: normal;
							-webkit-line-clamp: 2;
							-webkit-box-orient: vertical;	
							text-overflow: ellipsis;
							margin: 20px auto 10px auto;
						}
						.newsTOPtext{
							width: 252px;
							height: 48px;
							font-size: 14px;
							line-height: 22px;
							color: #808080;
							font-weight: bold;
							display: -webkit-box;;
							overflow: hidden;
							white-space: normal;
							-webkit-line-clamp: 2;
							-webkit-box-orient: vertical;	
							text-overflow: ellipsis;
							margin: 0 auto;
							
							
						}
						.newsTOPdown{
							width: 252px;
							height: 58px;
							margin: 10px auto 0 auto;
							overflow: hidden;
							border-top: solid 1px #f0f0f0;
						}
							.newsTOPdownL{
								width: 100px;
								height: 48px;
								font-size: 14px;
								color: #707070;
								line-height: 48px;
								float: left;
							}
							.newsTOPdownR{
								width: 22px;
								height: 22px;
								float: right;
								margin-top: 13px;
								background-image: url(../../images/linkrightgrey.png);
								background-repeat: no-repeat;
								background-position: top left; 
								background-size: 100% 100%;
							}

					.newsTOPFive>li:hover{
						background-color: #fbbf56;
						box-shadow: 2px 2px 10px #444444;
					}
					.newsTOPFiveLink:hover{
						cursor: pointer;
					}

					.newsTOP1st>a:hover .newsTOPtitle{
						color: #ffffff;
						font-weight: bold;
					}
					.newsTOP1st>a:hover .newsTOPtext{
						color: #ffffff;
						
					}
					.newsTOP1st>a:hover .newsTOPdown{
						border-top: solid 1px #ffffff;
					}
					.newsTOP1st>a:hover .newsTOPdownL{
						color: #ffffff;
					}
					.newsTOP1st>a:hover .newsTOPdownR{
						color: #ffffff;
						background-image: url(../../images/linkright.png);
					}


	/*上榜推介*/
	#IndexBillboard{
		width: 1400px;
		margin: 0 auto;
		height: 880px;
	}
		/*标题*/
		.IndexBillboardTitle{
			width: 100%;
			height: 86px;
		}
			.IndexBillboardTitle>h1{
				width: 100%;
				height: 50px;
				font-size: 36px;
				color: #008541;
				line-height: 50px;
				text-align: center;
				font-weight: bold;
				letter-spacing: 4px;
			}
			.IndexBillboardTitle>h2{
				width: 100%;
				height: 26px;
				font-size: 20px;
				color: #666666;
				line-height: 26px;
				text-align: center;
				font-weight: bold;
			}
		/*控制按钮*/
		.IndexBillCtrl{
			width: 500px;
			margin: 0 auto 20px auto;
			height: 84px;
			overflow: hidden;
		}
			.IndexBillCtrl>div{
				width: 200px;
				height: 50px;
				float: left;
				margin: 20px 25px 0 25px;
				font-size: 24px;
				text-align: center;
				line-height: 50px;
				letter-spacing: 10px;
				border-radius: 8px;
			}
			.IndexBillCtrl>div:hover{
				color: #ffffff;
				background-color: #47b704;
				border: solid 1px transparent; 
				cursor: pointer;
				box-shadow: 2px 2px 4px #999999;
			}
			.ctrlNormal{
				color: #666666;
				background-color: #ffffff;
				border: solid 1px #47b704;
				box-shadow: 2px 2px 4px transparent;
			}

			.ctrlOnFocus{
				color: #ffffff;
				background-color: #47b704;
				border: solid 1px transparent;
				box-shadow: 2px 2px 4px #999999;
			}
		/*推介内容*/
		.IndexBillContent{
			width: 100%;
/*			height: 844px;*/
			height: 684px;
			margin: 0 auto;
			position: relative;
		}
			/*产品推介分页*/
			.IndexBillList{
				width: 1382px;
/*				height: 844px;*/
				height: 684px;
				position: absolute;
				top: 0;
				left: 7px;
				
			}
				/*内容*/
				.IndexBillList>ul{
					width: 1382px;
/*					height: 774px;*/
					height: 614px;
					overflow: hidden;
					border: solid 1px #47b704;
					background-color: #c1fcbb;
					border-radius: 8px;
				}
					.IndexBillList>ul li{
						float: left;
						width: 460px;
/*						height: 386px;*/
						height: 306px;
						border: solid 1px #47b704;
						position: relative;
					}
						.IndexBill{
							width: 100%;
							height: 100%;
							position: absolute;
							top: 0;
							left: 0;
							
						}
							.IndexBill>h1{
								width: 94%;
								height: 150px;
								text-align: right;
								font-size: 150px;
								line-height: 150px;
								color: #1a1a1a;
								font-weight: bold;
								margin: 0 auto;

							}
							.IndexBill>h2{
								width: 94%;
								height: 40px;
								text-align: right;
								font-size: 20px;
								line-height: 40px;
								color: #606060;
								margin: 0 auto;
							}
							.IndexBill>h3{
								width: 94%;
								height: 70px;
								text-align: left;
								font-size: 24px;
								line-height: 70px;
								color: #1a1a1a;
								margin: 0 auto;
								overflow: hidden;
								white-space: nowrap;
								text-overflow: ellipsis;
							}
							.IndexBill>h4{
								width: 94%;
								height: 20px;
								text-align: right;
								font-size: 20px;
								line-height: 20px;
								color: #1a1a1a;
								margin: 10px auto 0 auto;
							}
							.IndexBill>img{
								display: block;
								width: 100%;
								height: 100%;
							}
						.onFocusShade{
							width: 100%;
							height: 100%;
							position: absolute;
							top: 0;
							left: 0;
/*							background-color: #5b5d5b;*/
							background: rgba(0,0,0,0.7);
							background-image: url(../../images/enterBut.png);
							background-repeat: no-repeat;
							background-position: top left; 
							background-size: 100% 100%;
							cursor: pointer;
						}
					.IndexBillList>ul li:hover{

					}
				/*更多*/
				.IndexBillList>div{
					width: 100%;
					height: 50px;
					overflow: hidden;
					margin: 10px 0;
				}
					.IndexBillList>div a{
						display: block;
						float: right;
						width: 100px;
						height: 40px;
						background: rgba(0,0,0,0.7);
						font-size: 20px;
						color: #ffffff;
						text-align: center;
						line-height: 40px;
						letter-spacing: 10px;
						border-radius: 8px;
					}
					.IndexBillList>div a:hover{
						cursor: pointer;
						color: #ffffff;
						background-color: #fbbf56;
						font-weight: bold;
					}


	/*核心优势*/
	#indexAdvantage{
		width: 100%;
/*		height: 1700px;*/
		margin: 50px auto;
		background-image: url(../../images/indexBG3.png);
		background-repeat: no-repeat;
		background-position: top left; 
		background-size: 100% 100%;
	}
		/*标题图*/
		.titleAdvantage{
			width: 40%;
			display: block;
			margin: 20px auto;
		}
		/*内容图*/
		.advantageIMG{
			width: 60%;
			display: block;
			margin: 80px auto;
		}
		/*优势内容1*/
		.advantage1st{
			width: 1400px;
			height: 380px;
			margin: 80px auto 10px auto;
			overflow: hidden;
		}
			.advantage1stLeft{
				float: left;
			}
			.advantage1stRight{
				float: right;
				width: 576px;
				height: 320px;
			}
			.advantage1stRight>img{
				display: block;
				width: 576px;
				height: 320px;
			}
		/*优势内容2*/
		.advantage2nd{
			width: 1400px;
			height: 460px;
			margin: 0px auto 10px auto;
			overflow: hidden;
		}
			.advantage2ndLeft{
				float: left;
				width: 576px;
				height: 430px;
				overflow: hidden;
				border-radius: 50%;
			}
			.advantage2ndLeft>img{
				display: block;
				width: 100%;
				margin: 0 auto;	
			}
			.advantage2ndRight{
				float: right;
				margin-top: 60px;
				
			}
		/*优势内容3*/
		.advantage3rd{
			width: 1400px;
			height: 380px;
			margin: 80px auto 10px auto;
			overflow: hidden;
		}
			.advantage3rdLeft{
				float: left;
			}
			.advantage3rdRight{
				float: right;
				width: 492px;
				height: 328px;
			}
			.advantage3rdRight>img{
				display: block;
				width: 492px;
				height: 328px;
			}

		/*优势内容公共样式*/
		.advantageMSG{
			width: 760px;
			height: 300px;	
		}
			.advantageMSG>h1{
				width: 100%;
				height: 50px;
				background-image: url(../../images/icon5.png);
				background-repeat: no-repeat;
				background-position: left top;
				background-size: 6%;
				font-size: 32px;
				color: #2b2928;
				line-height: 40px;
				text-indent: 60px;
				font-weight: bold;
				margin-top: 40px;
			}
			.advantageMSG>p{
				width: 100%;
				height: 120px;
				font-size: 20px;
				text-align: justify;
				color: #797979;
				text-indent: 40px;
				line-height: 40px;
				overflow: hidden;
				white-space: normal;
				-webkit-line-clamp: 3;
				-webkit-box-orient: vertical;	
				text-overflow: ellipsis;
			}


	/*联系我们*/
	#indexContactUS{
		width: 1400px;
		margin: 50px auto 20px auto;
	}
		/*信息*/
		.contactUSList{
			width: 100%;
			overflow: hidden;
			margin: 20px auto;
		}
			.listBox{
				width: 456px;
				float: left;
				border: solid 2px #a1a1a1;
				margin: 5px;
				border-radius: 10px;
				padding: 10px;
			}
				.listBox>h1{
					width: 90%;
					height: 32px;
					font-size: 20px;
					color: #666666;
					line-height: 32px;
					margin: 0px auto;
					overflow: hidden;
					
				}
				.listBox>p{
					width: 90%;
					height: 32px;
					margin: 0 auto;
					background-image: url(../../images/icon7.png);
					background-repeat: no-repeat;
					background-position: left center;
					background-size: 6%;
					font-size: 20px;
					color: #666666;
					line-height: 32px;
					text-indent: 34px;
				}
		/*地图*/
		.contactUSMap{
			width: 100%;
			margin: 0 auto;
			padding: 0 0 20px 0;
		}
		.contactUSMap>img{
			width: 100%;
			display: block;
			margin: 0 auto;
		}




	/*企业荣誉*/
	#indexHonor{	
		width: 100%;
		height: 700px;

		background-image: url(../../images/indexBG3.png);
		background-repeat: no-repeat;
		background-position: top left; 
		background-size: 100% 100%;
	}

		.carouselContainer{
			position: relative;
			width: 1400px;
			height: 600px;
			margin: 20px auto;
			overflow: hidden;
		}
			.carouselTrack{	
				position: relative;
				width: 100%;
				height: 500px;
				
			}
				.carouselItem{
					position: absolute;
					top: 40%;
					width: 750px;
					height: 500px;
					transition: all 0.5s ease;
					z-index: 1;
					cursor: pointer;
				}
				.carouselItem img {
					width: 100%;
					height: 100%;
					object-fit: cover;
					border-radius: 10px;
					box-shadow: 0 10px 20px rgba(0,0,0,0.2);
				}

			.active{
				left: 50%;
				transform: translateX(-50%) translateY(-50%) scale(1);
				z-index: 3;
			}
			.next{
				left: 65%;
				transform: translateX(-50%) translateY(-50%) scale(0.8);
				opacity: 0.8;
				z-index: 2;
			}
			.next2{
				left: 80%;
				transform: translateX(-50%) translateY(-50%) scale(0.6);
				opacity: 0.6;
				z-index: 1;
			}
			.prev{
				left: 35%;
				transform: translateX(-50%) translateY(-50%) scale(0.8);
				opacity: 0.8;
				z-index: 2;
			}
			.prev2{
				left: 20%;
				transform: translateX(-50%) translateY(-50%) scale(0.6);
				opacity: 0.6;
				z-index: 1;
			}

		.arrowsContainer{
			position: absolute;
			bottom: 0;
			left: 50%;
			transform: translateX(-50%);
			text-align: center;
			height: 100px;
			overflow: hidden
		}

		.carouselArrow{
			display: block;
			width: 50px;
			height: 44px;
			cursor: pointer;
			font-size: 24px;
			background: rgba(0,0,0,0.7);
			color: white;
			border-radius: 8px;
			float: left;
			line-height: 44px;
			transform: translateY(50%);

		}
		.currentIndex{
			display: block;
			float: left;
			width: 60px;
			height: 44px;
			color: white;
			font-size: 24px;
			line-height: 44px;
			margin: 0 30px;
			background: rgba(0,0,0,0.7);
			border-radius: 8px;
			min-width: 60px;
			text-align: center;
			transform: translateY(50%);
		}