/* CSS Document */
body{
	width: 100%;
	margin: 0 auto;
	overflow-x: hidden;
	background-color: #ffffff;
}

/*首页轮播图*/
.pageGuideBanner{
	width: 7.5rem;
    height: 2.95rem;
    overflow: hidden;
    position: relative;
    left: 50%;
	margin-left: -3.75rem;
	top: 0px;
	z-index: 99;
}
	.bannerimg{
		position: relative;
  		width: 7.5rem;
  		height: 2.95rem;
	  	top: 0;
	  	left: 0;
		z-index: 999;
	}
	.bannerimg a{
	 	display: none;
	  	position: absolute;
  		width: 7.5rem;
  		height: 2.95rem;
	  	top: 0;
	  	left: 0;
	}
	.bannerimg a img {
  		width: 7.5rem;
  		height: 2.95rem;
	}
	/*轮播按钮*/
	.bannerimgbtn{
	 	position: absolute;
	  	width: 7rem;
	 	top: 2.3rem;
	  	left: 50%;
	  	margin-left: -3.5rem;
	 	overflow: hidden;
		z-index: 999;
	}
		/*左侧数字*/
		.bannerimgbtnNum{
			width: 1.2rem;
			height: 0.6rem;
			font-size: 0.2rem;
			color: #ffffff;
			line-height: 0.6rem;
			float: left;
		}
			.nowNum{
				font-size: 0.4rem;
				color: #008541;
				line-height: 0.6rem;
				padding: 0 0.06rem;
				font-weight: bold;
			}
			.totalNum{
				font-size: 0.2rem;
				color: #ffffff;
				line-height: 0.6rem;
				padding: 0 0.06rem;
			}
		/*右侧控制按钮*/
		.bannerimgbtnContent{
			width: 2rem;
			height: 0.4rem;
			float: right;
			display: none;
		}
			.bannerimgbtnContent>div{
				width: 0.22rem;
				height: 0.22rem;
				border-radius: 50%;
				float: left;
				margin-left: 0.1rem;
				font-weight: bold;
				border: solid 1px #daba8b;
				margin-top: 0.16rem;
			}
			/*按钮被选中时添加样式*/
			.btnCheck{
				background-color: #daba8b;
			}
			.bannerimgbtnContent>div:hover{
				cursor: pointer;
			}


/*主体部分*/
.mainIndex{
	width: 7.5rem;
	margin: 0 auto;
}

	/*企业简介*/
	#indexIntroduction{
		width: 7.2rem;
		height: 8.6rem;
		margin: 0.2rem auto;
		position: relative;
	}
		.introImg{
			width: 7.2rem;
			height: 4.36rem;
			position: absolute;
			top: 1rem;
			left: 0;
		}
			.introImg>img{
				width: 100%;

			}
		.introText{
			width: 100%;
			position: absolute;
			top: 0;
			left: 0;
		}
			.introText>h1{
				width: 100%;
				height: 0.6rem;
				font-size: 0.4rem;
				color: #008541;
				line-height: 0.6rem;
				text-align: center;
				font-weight: bold;
				letter-spacing: 0.04rem;
			}
			.introText>h2{
				width: 100%;
				height: 0.4rem;
				font-size: 0.26rem;
				color: #666666;
				line-height: 0.4rem;
				text-align: center;
				font-weight: bold;
			}

			.introText>p{
				width: 100%;
				height: 3rem;
				font-size: 0.3rem;
				color: #666666;
				line-height: 0.5rem;
				text-align: justify;
				text-indent: 0.6rem;
				
				overflow: hidden;

				white-space: normal;
				-webkit-line-clamp: 6;
				-webkit-box-orient: vertical;	
				text-overflow: ellipsis;
				display: -webkit-box; 
				
				margin-top: 4.6rem;
			}
		.introText:hover{
			cursor: pointer;
			
		}
		.introText:hover p{
			font-weight: bold;
		}


	/*新闻中心*/
	#indexNewsPart{
		width: 7.2rem;
		margin: 0 auto;
		position: relative;
		overflow: hidden;
	}
		/*新闻左侧*/
		.newsPartLeft{
			width: 100%;
			float: left;
			margin-bottom: 0.8rem;
		}
			.newsPartLeftTitle{
				width: 100%;
				height: 1.2rem;
			}
				.newsPartLeftTitle>h1{
					width: 100%;
					height: 0.6rem;
					font-size: 0.4rem;
					color: #008541;
					line-height: 0.6rem;
					text-align: center;
					font-weight: bold;
					letter-spacing: 0.04rem;
				}
				.newsPartLeftTitle>h2{
					width: 100%;
					height: 0.4rem;
					font-size: 0.26rem;
					color: #666666;
					line-height: 0.4rem;
					text-align: center;
					font-weight: bold;
				}
			.newsPartLeftMsg{
				width: 100%;
			}
				.newsPartLeftMsg>img{
					width: 7.2rem;
					height: 5.4rem;
					margin-bottom: 0.1rem;
				}
				.newsPartLeftMsg>h1{
					width: 100%;
					height: 0.6rem;
					font-size: 0.4rem;
					color: #131212;
					line-height: 0.6rem;
					text-align: center;
					overflow: hidden;
					white-space: nowrap;
					text-overflow: ellipsis;
				}
				.newsPartLeftMsg>h2{
					width: 100%;
					height: 0.3rem;
					font-size: 0.3rem;
					color: #999999;
					line-height: 0.3rem;
					text-align: right;

				}
				.newsPartLeftMsg>p{
					width: 100%;
					height: 2rem;
					font-size: 0.3rem;
					color: #666666;
					line-height: 0.5rem;
					text-align: justify;
					text-indent: 0.6rem;
					overflow: hidden;

					white-space: normal;
					-webkit-line-clamp: 4;
					-webkit-box-orient: vertical;	
					text-overflow: ellipsis;
					
					margin-top: 0.2rem;
				}
			.newsPartLeftMsg:hover{
				cursor: pointer;
			}
				.newsPartLeftMsg>h1:hover{
					font-weight: bold;
					text-decoration: underline;
					color: #e84749;
				}
		/*新闻右侧*/
		.newsPartRight{
			width: 7.2rem;
			height: 8.62rem;
			float: right;
		}
			.newsPartRightBg{
				width: 100%;
				height: 8.62rem;
				background-color: #008541;
				position: relative;
			}
				.bgImg{
					position: absolute;
					top: -0.6rem;
					left: 0;
					
					width: 4.6rem;
					height: 1.74rem;
					display: block;
					
				}
				.newsPartMore{
					width: 2.3rem;
					height: 0.6rem;
					font-size: 0.3rem;
					color: #666666;
					background-color: #ffffff;
					border-radius: 0.3rem;
					text-align: center;
					line-height: 0.6rem;
					
					position: absolute;
					top: 0.3rem;
					left: 4.8rem;
				}
				.newsPartMore:hover{
					cursor: pointer;
					font-weight: bold;
					background-color: #fbbf56;
					color: #ffffff;
					box-shadow: 2px 2px 10px #444444;
				}

				/*右侧新闻最新6条*/
				.newsTOPFive{
					width: 7rem;
					height: 7.32rem;
					overflow: hidden;
					position: absolute;
					top: 1.2rem;
					left: 50%;
					margin-left: -3.5rem;
				}
					.newsTOP1st{
						width: 3.3rem;
						height: 2.24rem;
						float: left;
						background-color: #ffffff;
						margin: 0.1rem;
					}
					.newsTOP1st>a{
						width: 100%;
						height: 100%;
					}
						.newsTOPtitle{
							width: 94%;
							height: 0.72rem;
							font-size: 0.3rem;
							line-height: 0.36rem;
							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: 0.1rem auto;
						}
						.newsTOPtext{
							width: 94%;
							height: 0.72rem;
							font-size: 0.26rem;
							line-height: 0.36rem;
							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: 94%;
							height: 0.5rem;
							margin: 0.1rem auto 0 auto;
							overflow: hidden;
							border-top: solid 1px #f0f0f0;
						}
							.newsTOPdownL{
								width: 1.2rem;
								height: 0.5rem;
								font-size: 0.26rem;
								color: #707070;
								line-height: 0.5rem;
								float: left;
							}
							.newsTOPdownR{
								width: 0.3rem;
								height: 0.3rem;
								float: right;
								margin-top: 0.1rem;
								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: 7.28rem;
		margin: 0.4rem auto 0.2rem auto;
	}
		/*标题*/
		.IndexBillboardTitle{
			width: 100%;
			height: 1.1rem;
		}
			.IndexBillboardTitle>h1{
				width: 100%;
				height: 0.6rem;
				font-size: 0.4rem;
				color: #008541;
				line-height: 0.6rem;
				text-align: center;
				font-weight: bold;
				letter-spacing: 0.04rem;
			}
			.IndexBillboardTitle>h2{
				width: 100%;
				height: 0.4rem;
				font-size: 0.26rem;
				color: #666666;
				line-height: 0.4rem;
				text-align: center;
				font-weight: bold;
			}
		/*控制按钮*/
		.IndexBillCtrl{
			width: 5rem;
			margin: 0 auto 0.2rem auto;
			height: 0.84rem;
			overflow: hidden;
		}
			.IndexBillCtrl>div{
				width: 2rem;
				height: 0.76rem;
				float: left;
				margin: 0 0.25rem;
				font-size: 0.36rem;
				text-align: center;
				line-height: 0.76rem;
			}
			.IndexBillCtrl>div:hover{
				color: #ffffff;
				background-color: #47b704;
				border: solid 1px transparent; 
				cursor: pointer;
				box-shadow: 2px 2px 4px #444444;
			}
			.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 #444444;
			}
		/*推介内容*/
		.IndexBillContent{
			width: 7.28rem;
			height: 4.6rem;
			margin: 0 auto;
			position: relative;
		}
			/*产品推介分页*/
			.IndexBillList{
				width: 7.26rem;
				height: 4.6rem;
				position: absolute;
				top: 0;
				left: 0;
			}
				/*内容*/
				.IndexBillList>ul{
					width: 7.24rem;
					height: 3.9rem;
					overflow: hidden;
					border: solid 0.01rem #47b704;
					background-color: #c1fcbb;
				}
					.IndexBillList>ul li{
						float: left;
						width: 2.4rem;
						height: 1.94rem;
						border: solid 0.01rem #47b704;
						position: relative;
					}
						.IndexBill{
							width: 100%;
							height: 100%;
							position: absolute;
							top: 0;
							left: 0;
						}
							.IndexBill>h1{
								width: 94%;
								height: 0.8rem;
								text-align: right;
								font-size: 0.8rem;
								line-height: 0.8rem;
								color: #000000;
								font-weight: bold;
								margin: 0 auto;

							}
							.IndexBill>h2{
								width: 94%;
								height: 0.2rem;
								text-align: right;
								font-size: 0.2rem;
								line-height: 0.2rem;
								color: #666666;
								margin: 0 auto;
							}
							.IndexBill>h3{
								width: 94%;
								height: 0.72rem;
								text-align: left;
								font-size: 0.26rem;
								line-height: 0.36rem;
								color: #000000;
								margin: 0.1rem auto 0 auto;
								overflow: hidden;
								white-space: normal;
								-webkit-line-clamp: 2;
								-webkit-box-orient: vertical;	
								text-overflow: ellipsis;
							}
							.IndexBill>h4{
								display: none;
								width: 94%;
								height: 0.3rem;
								text-align: right;
								font-size: 0.2rem;
								line-height: 0.3rem;
								color: #000000;
								margin: 0.1rem 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;
							opacity: 0.5;
							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: 0.5rem;
					overflow: hidden;
					margin: 0.1rem 0;
				}
					.IndexBillList>div a{
						display: block;
						float: right;
						width: 1.5rem;
						height: 0.5rem;
						background-color: #949494;
						font-size: 0.3rem;
						color: #ffffff;
						text-align: center;
						line-height: 0.5rem;
						letter-spacing: 0.1rem;
					}
					.IndexBillList>div a:hover{
						cursor: pointer;
						color: #ffffff;
						background-color: #fbbf56;
						font-weight: bold;
					}



	/*核心优势*/
	#indexAdvantage{
		width: 100%;
		margin: 0 auto 0.4rem auto;
		background-image: url(../../images/indexBG3.png);
		background-repeat: no-repeat;
		background-position: top left; 
		background-size: 100% 100%;
	}
		/*标题图*/
		.titleAdvantage{
			width: 80%;
			display: block;
			margin: 0rem auto;
		}
		/*内容图*/
		.advantageIMG{
			width: 80%;
			display: block;
			margin: 0.4rem auto;
		}



	/*联系我们*/
	#indexContactUS{
		width: 7.24rem;
		margin: 0 auto 0.2rem auto;
	}
		/*信息*/
		.contactUSList{
			width: 100%;
			overflow: hidden;
			margin: 0.2rem auto;
		}
			.listBox{
				width: 100%;
				padding: 0.04rem 0;
				float: left;
				border: solid 0.01rem #a1a1a1;
				margin: 0.04rem auto;
				border-radius: 0.2rem;
			}
				.listBox>h1{
					width: 90%;
					font-size: 0.24rem;
					color: #666666;
					line-height: 0.4rem;
					margin: 0 auto;
					overflow: hidden;
					text-align: left;
					padding: 0.04rem 0;
				}
				.listBox>p{
					width: 90%;
					margin: 0 auto;
					padding: 0.04rem 0;
/*
					background-image: url(../../images/icon7.png);
					background-repeat: no-repeat;
					background-position: left center;
					background-size: 10%;
*/
					font-size: 0.2rem;
					color: #666666;
					line-height: 0.4rem;
/*					text-indent: 0.42rem;*/
				}
		/*地图*/
		.contactUSMap{
			width: 100%;
			overflow: hidden;
			margin: 0 auto;
		}
		.contactUSMap>img{
			width: 100%;
			display: block;
			margin: 0 auto;
		}



	/*企业荣誉*/
	#indexHonor{	
		width: 7.24rem;
		height: 5.7rem;
		margin: 0 auto;

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

		.carouselContainer{
			position: relative;
			width: 100%;
			height: 4rem;
			margin: 0.2rem auto;
			overflow: hidden;
			top: 0;
		}
			.carouselTrack{	
				position: relative;
				width: 100%;
				height: 3rem;
				
			}
				.carouselItem{
					position: absolute;
					top: 40%;
					width: 4.5rem;
					height: 3rem;
					transition: all 0.5s ease;
					z-index: 1;
					cursor: pointer;
				}
				.carouselItem img {
					width: 100%;
					height: 100%;
					object-fit: cover;
					border-radius: 0.1rem;
					box-shadow: 0 0.1rem 0.2rem 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: relative;
			top: 3.2rem;
			left: 50%;
			transform: translateX(-50%);
			text-align: center;
			height: 1rem;
			overflow: hidden;
			width: 3.2rem;
		}

		.carouselArrow{
			display: block;
			width: 0.8rem;
			height: 0.5rem;
			cursor: pointer;
			font-size: 0.26rem;
			background: rgba(0,0,0,0.7);
			color: white;
			border-radius: 0.1rem;
			float: left;
			line-height: 0.5rem;
			transform: translateY(50%);

		}
		.currentIndex{
			display: block;
			float: left;
			width: 1rem;
			height: 0.5rem;
			color: white;
			font-size: 0.26rem;
			line-height: 0.5rem;
			margin: 0 0.3rem;
			background: rgba(0,0,0,0.7);
			border-radius: 0.1rem;
			text-align: center;
			transform: translateY(50%);
		}